.rangeslider{width: 100%;}
.calculator_border {border : 2px solid #0303; min-height: 200px;;}
.module_input_value { display: none;}
.calculator_div{ display: table;}
#calculator_fields_model { display: none;}
.close-btn { float: right;}
.adding_option { background: #c2c2c0; margin-top: 5px;}
/* .calculator_field_creator{ display: none;} */
.submit_button{display: none; float: right;}


.hidecontent { display: none; }
.myaccordion label { box-shadow:0 0 20px #d4d4d4; display: block; padding: 8px 22px; margin: 20px 0px 1px 0px; cursor: pointer; background: #f5f8fa;color: #030303;transition: ease .5s; }
.myaccordion label:hover { background: #f5f8fa; }
.content { box-shadow:0 0 20px #d4d4d4; background: #ffff; padding: 10px 25px; border: 1px solid #d4d4d4; margin: -1 0 0 0;}
.myaccordion input:checked + label + .content { display: block; webkit-animation: fadeIn 0.5s ease-out; -moz-animation: fadeIn 0.5s ease-out; -o-animation: fadeIn 0.5s ease-out; animation: fadeIn 0.5s ease-out;
}

@-webkit-keyframes fadeIn {
    0% { display: none; opacity: 0;
    }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}
.delete_option { background: #c2c2c2; width: 104px; text-align: center; padding: 5px;}

/* 01-12-2022 */
#courses_system .value.right input{
   background-color: #f5f8fa;
   border-color: #f5f8fa;
   color: #5e6278;
   transition: color .2s ease,background-color .2s ease;
   width: 100%;
   border: 1px solid #f5f8fa;
}
#courses_system .add-select-cadence .pull-right button {
   border: 0;
   outline: 0;
   box-shadow: none;
   font-size: 18px;
   width: 18px;
   height: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
}

#courses_system #input_calculator_content {
   padding-bottom: 15px;
   border-bottom: 8px solid #F5F8FA;
   margin-bottom: 10px
}
#courses_system #input_calculator_content div > p {
   display: flex;
   align-items: center;
}

#courses_system #select_calculator_field_creator #select_option, #courses_system #radio_calculator_field_creator #select_option{
 margin-top: 18px;
}

#courses_system #select_option #options label, #courses_system #select_option #selects label{
 box-shadow: none;
 margin: 10px 0;
}

#courses_system #select_calculator_field_creator .title_section input, #courses_system #radio_calculator_field_creator #options .title_section input{
 margin: 10px 0 !important;
 padding: 8px !important;
}

#courses_system #select_calculator_field_creator #select_option .content.hidecontent, #courses_system #radio_calculator_field_creator #options .content.hidecontent{
 border: 0;
 padding: 12px;
 max-width: 75%;
 margin: 0 auto auto 10px;
}

#courses_system #select_calculator_field_creator #select_option .delete_select_option, #courses_system #radio_calculator_field_creator #options .delete_option{
  background: #888c9f;
  padding: 6px 15px;
  display: inline-block;
  margin: 10px 0!important;
  color: #fff;
  cursor: pointer;
}
/* End by Tarun */

/* Start by Tarun */

#courses_system .add-select-cadence .listitemClass { margin: 0; border-radius: 2px; box-shadow: none; background: #fff; border: 0;}

#courses_system .add-select-cadence .listitemClass .add-lesson , #courses_system .add-select-cadence .listitemClass .add-lesson button{ padding: 0 !important; width: 100% !important; text-align: left; background: transparent !important; font-size: 1.25rem; }

#courses_system .add-select-cadence .modal-content { box-shadow : none; border: 0; }

#data3 #calculatorelements_formula { padding:10px; border:2px solid #0303; width: 50%;}

/* 01-12-2022 */
#courses_system #input_calculator_content .field {
position: relative;
}

#courses_system .add-select-cadence .cadences_section, #courses_system .add-select-cadence .calculator_div{
   background: transparent;
   padding: 0 !important;
}

#courses_system .add-select-cadence .listitemClass {
   margin: 0;
   border-radius: 2px;
   box-shadow: none;
   background: #fff;
   border: 0;
}

#courses_system .add-select-cadence .listitemClass:last-child {
   margin-top: 20px
}

#courses_system .add-select-cadence .listitemClass .add-lesson , #courses_system .add-select-cadence .listitemClass .add-lesson button{
   padding: 0 !important;
   width: 100% !important;
   text-align: left;
   background: transparent !important;
   font-size: 1.25rem;
}

#courses_system .add-select-cadence .listitemClass .add-lesson button:after {
   margin-left: 10px;
}

#courses_system .add-select-cadence .listitemClass .add-lesson ul {
   padding: 4px !important;
}

#courses_system .add-select-cadence .listitemClass .add-lesson #head_section {
   flex-direction: column !important;
   justify-content: flex-start !important;
   align-items: flex-start !important;
} 

#courses_system .add-select-cadence .listitemClass .add-lesson #head_section a {
   margin: 0 !important;
   transition: all 200ms ease-in-out;
   padding: 8px 12px !important;
   width: 100%;
   text-align: left !important;
}

#courses_system .add-select-cadence .listitemClass .add-lesson #head_section a:hover {
  cursor: pointer;
  background: #009cf71c;
}

#courses_system .add-select-cadence .modal-content {
   padding: 10px 0px;
}

#courses_system .add-select-cadence .pull-right {
   padding: 0 10px;
}

#courses_system .add-select-cadence .pull-right button {
   border:0;
   outline: 0;
   box-shadow: none;
   font-size: 20px;
}

#courses_system .add-select-cadence .modal-body {
   padding: 10px 15px;
}

#courses_system .add-select-cadence .modal-body label , #courses_system .add-select-cadence .calculator_border label{
   font-size: 1.1rem !important;
   font-weight: 600;
}

#courses_system .add-select-cadence .modal-body input {
   margin: 4px 0 16px 0;
   padding: 10px !important;
   font-size: 1rem;
}

#courses_system .add-select-cadence .modal-body input::placeholder , #courses_system .add-select-cadence .calculator_border input::placeholder {
   color: #5e6278 !important;
   opacity: 0.5;
}

#courses_system .add-select-cadence .modal-content {
   box-shadow : none;
   border: 0;
}

#courses_system .add-select-cadence #calculator_fields_model .card {
   margin: 0 10px;
}

#courses_system .add-select-cadence .calculator_border {
   border: 0;
   border-radius: 2px;
}

#courses_system .add-select-cadence .calculator_border input[type="text"] , #courses_system .add-select-cadence .calculator_border input[type="number"] {
   margin: 4px 4px 16px 4px !important;
   padding: 10px !important;
   font-size: 1rem;
   border: 1px solid #ccc;
}

#courses_system .add-select-cadence .calculator_border input[type="radio"] {
    margin: 8px 4px !important;
   font-size: 1rem !important;
}

#courses_system .add-select-cadence .calculator_border p {
   margin-bottom: 5px;
}

#courses_system .value.right input{
   background-color: #f5f8fa;
   border-color: #f5f8fa;
   color: #5e6278;
   transition: color .2s ease,background-color .2s ease;
   width: 100%;
   border: 1px solid #ccc;
}
#courses_system .add-select-cadence .pull-right button {
   border: 0;
   outline: 0;
   box-shadow: none;
   font-size: 18px;
   width: 18px;
   height: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
}

#courses_system #input_calculator_content div > p {
   display: flex;
   align-items: center;
}

#courses_system #input_calculator_content .field .maximum-value {
   position: absolute;
   bottom: 33px;
   right: 0;
   font-weight: 500;
}

#courses_system #input_calculator_content .field .minimum-value {
   font-weight: 500;
}
#courses_system .field {
   position: relative;
}
#courses_system select {
   padding: 10px !important;
   appearance: auto;
}
#courses_system #input_calculator_content select {
  margin: 4px 4px 16px 4px;
  border: 1px solid #ccc;
}
#courses_system select:hover {
   cursor: pointer;
}
#courses_system #output_calculator_content .title_section {
   margin-bottom: 10px !important;
   padding-bottom: 10px;
}
#courses_system #output_calculator_content {
   padding: 8px 0px;
}

/* #courses_system #output_calculator_content .calculator_result{
   height: 40px;
   line-height: 35px;
   background-color: #009cf71a !important;
   color: #081c32 !important;
   padding: 4px 12px !important;
   cursor: pointer;
   border: 1px solid #009cf750 ;
} */

#courses_system #output_calculator_content .title_section {
   position: relative;
}

#courses_system .title_section label{
   font-size: 16px !important;
   font-weight: 600;
   margin-bottom: 10px !important;
}

#courses_system .dropdown button {
   font-size: 14px !important;
   font-weight: 600;
}

#courses_system .dropdown .dropdown-toggle::after {
   border-top-color: #ccc;
}

#courses_system #input_calculator_content .title_section , #courses_system #output_calculator_content .title_section  {
   padding: 15px 10px;
   border-bottom: 1px solid #ccc;
}

#courses_system #input_calculator_content .title_section:last-child , #courses_system #output_calculator_content .title_section:last-child {
  border-bottom: 0;
}

#courses_system #input_calculator_content .title_section:hover {
   box-shadow: 0 0 2px 2px #009cf71a;
}

#textcount .calculatorelements .title_section {
   margin-bottom: 10px;
}

#courses_system .title_section .pre_post_input_range_val  , #courses_system .title_section .pre_post_input_number_val  {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

#courses_system .title_section .pre_post_input_range_val  > div{
   margin: 0 6px;
   padding-bottom: 8px;
}

#courses_system .title_section .pre_post_input_number_val > div {
   padding-bottom: 6px;
}
#courses_system .calculator_field.rangevalue , #courses_system  .pre_post_input_range_val{
   max-width: 50%;
   margin-left: auto !important;
   margin-right: 0 !important;
   flex-wrap: wrap;
}

#courses_system #calculator #calculatorform_title, #courses_system #calculator h3 {
   padding: 15px 10px;
   margin-bottom: 0;
   border-bottom: 1px solid #ccc;
}

#courses_system #calculator h3 ~ hr {
   display: none;
}
#courses_system  datalist {
   width: 97%;
   position: relative;
   display: block;
   height: 24px;
   margin: 0 1.5%;
}

#courses_system  option {
   padding: 0;
   position: absolute;
   top: 0;
   font-size: 10px;
   font-weight: 600;
}

#courses_system  input[type="range"] {
   width: 100%;
   margin: 0;
}
.bootbox-close-button {
   float: right;
}

.mar-auto-left{ margin-left:auto; display: none;}

#courses_system .add-select-cadence .calculator_border .mar-auto-left input { margin:0px 4px !important;}

.editable_input { width: 80px;}

/* End by Tarun */

/* Gajendra Star */

.calculator-type { background-color: #fff;}

/* Gajendra End */