/* for custom Calculator Gajendra  */
.apitext{ display: none;}
/* .apirangeInput{ display: none;} */
/* #calculatorelements .pre_post_input_range_val .postfix-val {
   position: absolute;
   top: 0;
   right: 0;
}

 #calculatorelements .pre_post_input_number_val .postfix-val {
   position: absolute;
   top: 0;
   right: 0;
} */


/* .calculator_out_put { width: 100%; padding: 15px; } */
/* .calculator_out_put span { width: 100%; padding: 10px; } */


/* tarun 08/12 */
#togglewigetdiv .nav_height {
   overflow-x: auto;
}
#textcount .calculatorelements .title_section {
   margin: 0;
   position: relative;
}
#textcount .calculatorelements .title_section input[type="text"], #textcount .calculatorelements .title_section input[type="number"], #textcount .calculatorelements .title_section select {
   background-color: #fafafa;
   color: #222;
   transition: color .2s ease,background-color .2s ease;
   width: 110px;
   border: 1px solid #ccc;
   margin: 10px 0;
}
#textcount .calculatorelements .title_section input[type="text"] , #textcount .calculatorelements .title_section input[type="number"] {
   margin: 5px 0 10px 0;
}
#textcount .calculatorelements .title_section label , #output_cal .title_section label{
   font-size: 14px;
   font-weight: 500;
   margin: 4px 0 8px 0;
}
#textcount .calculatorelements .title_section, #output_cal .title_section{
   padding: 16px 25px;
   border-bottom: 1px solid #88888a8c;
}
#textcount .calculatorelements .title_section:last-child, #output_cal .title_section:last-child {
   border-bottom: 0;
}
#textcount .title_section .field .maximum-value {
   position: absolute;
   bottom: 61px;
   right: 25px;
   font-weight: 500;
}
#textcount .title_section .pre_post_input_range_val  , #textcount .title_section .pre_post_input_number_val  {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
#textcount .title_section .rangeslider {
   margin-top: 16px !important;
   height: 6px;
}
#textcount  .pre_post_input_number_val div , #textcount  .pre_post_input_range_val div,  #textcount .title_section .value.minimum-value, #textcount .title_section .value.maximum-value{
   font-size: 12px;
   font-weight: 500;
   margin: 0 3px !important;
}
#textcount .calculatorelements .title_section svg  {
   font-size: 12px;
   height: 25px;
   padding-top: 10px;
   font-weight: 500;
}
#textcount .title_section .value.minimum-value, #textcount .title_section .value.maximum-value {
   display: none;
}
#textcount [inputboxtype="radioBox"] p {
   display: flex;
   align-items: center;
   margin: 10px 0;
}
#textcount [inputboxtype="radioBox"] p input{
   margin: 0 5px 0 0;
}
 #textcount .pre_post_input_range_val{
   max-width: 130px;
   margin-left: auto !important;
   margin-right: 0 !important;
}
#output_cal {
   position: absolute;
   max-width: 300px;
   border-radius: 4px; 
   border: 1px solid #88888a8c;
   text-align: center;
   background: #fff;
}


/* calculator style change for edit and landing page */
#textcount .hfcemi_frame li {
   padding: 15px;
}
#textcount .hfcemi_frame li .minmax {
   max-width: 92%;
}
#textcount .formdrag.popup{
   box-shadow: none !important;
   background: #fff !important;
   padding: 0px !important;
   border: 1px solid #88888a8c;
}
#textcount .calculatorelements .title_section:last-child, #output_cal .title_section:last-child {
   border-bottom: 0 !important;
}
#output_cal .title_section .calculator_result {
   border: 0;
   font-weight: 700;
   font-size: 20px;
   box-shadow: none;
}

#landingpage_content #p_field_wig {
   min-width: 325px;
}

#textcount .calculatorelements datalist {
   width: 97%;
   position: relative;
   display: block;
   height: 25px;
   margin: 0 1.5%;
}

#textcount .calculatorelements option {
   padding: 0;
   position: absolute;
   top: 8px;
   font-size: 10px;
   font-weight: 600;
}

#textcount .calculatorelements input[type="range"] {
   width: 100%;
   margin: 0;
}

#textcount .calculator_field p {
   margin: 10px 0 !important;
   display: flex;
   align-items: center;
}

#textcount .calculator_field p input {
   margin: 0;
}

#textcount .calculator_field p span {
   margin-left: 4px;
}

#textcount #apiurl label {display: none;}

#textcount #apikey label {display: none;}
#textcount #apikey {
   padding: 0px !important;
   border-bottom: 0px solid #88888a8c !important;}

#textcount #apiurl {
   padding: 0px !important;
   border-bottom: 0px solid #88888a8c !important;}

#textcount .editable_input { width: 100px !important;     display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143; border-radius:4px;}

#textcount .mar-auto-left{ margin-left:auto !important; display: none; float:right;}

#textcount .minimum-value { display: none;}
#textcount .maximum-value { display: none;}
.fa-pencil-alt { margin-left:5px;}

.field_label {font-size: 15px !important; color: rgb(14, 68, 119); font-style:normal;}

#output_cal { margin-top: 10px;}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
   .title_section .value.minimum-value,
   #textcount .title_section .value.maximum-value {
     display: block !important;
   }
 }