.hide{ display: none !important; }
.socialistics-calc{
	background: #fff;
    padding: 30px;
    border-radius: 10px;
}
.socialistics-calc .form-row{ 
	margin-bottom: 3%; 
	display: flex;
    flex-direction: row;
    flex: 1 0 auto;
}
.socialistics-calc .form-row .form-col{
	display: flex;
    flex: 1 0 auto;
	flex-direction: column;
    max-width: 100%;
}
.socialistics-calc .form-row .form-col.col50{
	max-width: 50%;
}
.socialistics-calc .form-row .form-col.col50:not(:nth-child(2n)){
	padding: 0 3% 0 0;
}
.socialistics-calc label{
	display: block;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 900;
	padding: 0 0 15px;
    color: #0582ca;
    font-family: 'Montserrat';
}
.socialistics-calc .labletitle label{
	text-align: center;
    width: 100%;
}
.socialistics-calc label.title-box{
	font-weight: 800;
    text-transform: uppercase;
    font-size: 19px;
    color: #fff !important;
    text-align: center;
    background: #003554;
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
    padding-top: 10px;
}
.socialistics-calc label span.mandatory{
	color: #f94839;
}
.socialistics-calc .help_icon{
	color: #0582ca;
    margin: 0px 2px;
    padding: 0px 5px;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    float: right;
    border: 2px solid #0582ca;
    font-size: 14px;
    font-weight: 500;
}
.socialistics-calc .help_text{
	display: none;
    font-weight: 300;
    padding: 10px 0 0;
}
/*.help_icon:hover ~ .help_text{
	display: block;
}*/
.socialistics-calc .text-muted{
    font-family: 'Montserrat';
    display: block;
	line-height: 1.3em;
    padding: 5px 0 0;
	max-width: 800px;
    overflow: hidden;
    font-size: 18px;
}
.socialistics-calc .form-input{
	width: 100%;
	border-radius: 5px;
	font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif;
	font-weight: 500;
	color: #747474;
	background-color: #efeef0;
	font-size: 14px;
	padding: 10px 16px !important;
	margin-top: 0;
	letter-spacing: normal;
	border: none;    
}
.socialistics-calc select.form-input{
	background-image: url(https://socialistics.com/wp-content/uploads/2021/03/997657_Socialistics-Calculator-Graphics_030821.png);
    background-position: right;
    background-repeat: no-repeat;
}
.socialistics-calc select.form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.socialistics-calc .form-input option:not(:first-child){ text-transform: lowercase; }
.socialistics-calc .mandatory-field{
	border: 2px solid #0582ca;
}
.socialistics-calc .highlight-box{
	color: #0582ca;
    background-color: #efeef0;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    padding: .3em 1em !important;
    line-height: 1.7em;
    width: 200px;
    margin: 10px auto 0;
    position: relative;
}

.socialistics-calc .highlight-box::placeholder{
	color: #ffffff;
}
input#ad_budget::placeholder {
    color: #0582ca;
}
@media screen and (max-width:980px){ 
	.socialistics-calc .form-row{ flex-direction: column; }
	.socialistics-calc .form-row .form-col{ max-width: 100% !important; padding: 0 !important; }
	.socialistics-calc label.title-box{ font-size: 20px; }
	.socialistics-calc .highlight-box::placeholder{ font-size: 18px; }
	.socialistics-calc .text-muted{ font-size: x-small; }
}
@media screen and (max-width:480px){
	.socialistics-calc .form-row{ flex-wrap: wrap; }
	.socialistics-calc .form-row .form-col{ padding: 0 0 15px!important; }
	.socialistics-calc .form-row .form-col.col50 { width: 100%; }
	.socialistics-calc .form-row .form-col.col50:not(:nth-child(2n)){ padding: 0 0 3% 0; }
	.socialistics-calc label{}
	.socialistics-calc label{ padding: 0 0 7px; }
	.socialistics-calc .text-muted {
    	font-size: x-small;
    	line-height: 1.3em;
		padding: 5px 0 0;
	}
}
hr{
    border: 1px solid #EEEEF0;
    width: 100%;
    }




.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #0582ca;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #0582ca;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 15px !important;
  position: absolute;
  z-index: 1;
  bottom: 150%;
 left: -79px;
  margin-left: -60px;
  font-weight:400;
  font-size:16px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0582ca transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}