:root,
body {
  font: 2ch/1 'Segoe UI';
  font-family: 'PhpDebugbarFontAwesome';
}

.fab,
.fas {
  margin: 2px 3px;
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Regular', 'Font Awesome 5 Brands', 'Arial';
  font-size: 1.5rem;
  font-weight: 900;
}

.m-active{
  background: #98c5e8;
}

ul.navMenu>li.m-active:first-child {
    padding-left: 20px;
}
ul.navMenu>li.m-active:first-child:hover:after {
    /* background: #ddd; */
    left: 13px;
}
/* strong {
    font-weight: bold;
    color: #f00 !important;
} */
.dbox {
    width: 100%;
    margin-bottom: 25px;
    padding: 0 20px;
}
.dbox .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #2553b8;
    margin: 0 auto;
    margin-bottom: 20px;
}
.mt-10 {
    margin-top: 60px;
}

.dbox .icon span {
    color: white;
}

.text {
    font-size: 16px;
}

/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300i,400,400i,500,700,900");
.multi_step_form {
  background: #f6f9fb;
  display: block;
  /*overflow-x: hidden;*/
}
.multi_step_form #msform {
    text-align: center;
    position: relative;
    padding-top: 50px;
    /*min-height: 820px;*/
    height: auto;
    /* max-width: 820px; */
    margin: 0 auto;
    background: #ffffff;
    z-index: 1;
    padding: 0 30px;
}
.multi_step_form #msform .tittle {
  text-align: center;
  padding-bottom: 55px;
}
.multi_step_form #msform .tittle h2 {
  font: 500 24px/35px "Roboto", sans-serif;
  color: #3f4553;
  padding-bottom: 5px;
}
.multi_step_form #msform .tittle p {
  font: 400 16px/28px "Roboto", sans-serif;
  color: #5f6771;
}
.multi_step_form #msform fieldset {
  border: 0;
  padding: 20px 0px ;
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
}
.multi_step_form #msform fieldset:not(:first-of-type) {
  display: none;
}
.multi_step_form #msform fieldset h3 {
  font: 500 17px/25px "Roboto", sans-serif;
  color: #3f4553;
}
.multi_step_form #msform fieldset h6 {
  font: 400 15px/28px "Roboto", sans-serif;
  color: #5f6771;
  padding-bottom: 30px;
}
.multi_step_form #msform fieldset .intl-tel-input {
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag {
  padding: 0 20px;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  width: 65px;
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow {
  border: 0;
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow:after {
  content: "\f35f";
  position: absolute;
  top: 0;
  right: 0;
  font: normal normal normal 24px/7px Ionicons;
  color: #000;
}
.multi_step_form #msform fieldset #phone {
  padding-left: 80px;
}
.multi_step_form #msform fieldset .form-group {
  padding: 0 10px;
}
.multi_step_form #msform fieldset .fg_2, .multi_step_form #msform fieldset .fg_3 {
  padding-top: 10px;
  display: block;
  overflow: hidden;
}
.multi_step_form #msform fieldset .fg_3 {
  padding-bottom: 70px;
}
.multi_step_form #msform fieldset .form-control,  .multi_step_form #msform fieldset .product_select {
  border-radius: 3px;
  border: 1px solid #d8e1e7;
  padding: 0 10px;
  height: auto;
  font: 400 14px/34px "Roboto", sans-serif;
  color: #000;
  box-shadow: none;
  outline: none;
  width: 100%;
}

 
.form-control2{
  border-radius: 3px;
  border: 1px solid #d8e1e7;
  padding: 0 20px;
  height: auto;
  color: #5f6771;
  box-shadow: none;
  outline: none;
  width: 100%;
}


.multi_step_form #msform fieldset .form-control.placeholder, .multi_step_form #msform fieldset .product_select.placeholder {
  color: #5f6771;
}
.multi_step_form #msform fieldset .form-control:-moz-placeholder, .multi_step_form #msform fieldset .product_select:-moz-placeholder {
  color: #5f6771;
}
.multi_step_form #msform fieldset .form-control::-moz-placeholder, .multi_step_form #msform fieldset .product_select::-moz-placeholder {
  color: #5f6771;
}
.multi_step_form #msform fieldset .form-control::-webkit-input-placeholder, .multi_step_form #msform fieldset .product_select::-webkit-input-placeholder {
  color: #5f6771;
}
.multi_step_form #msform fieldset .form-control:hover, .multi_step_form #msform fieldset .form-control:focus, .multi_step_form #msform fieldset .product_select:hover, .multi_step_form #msform fieldset .product_select:focus {
  border-color: #5cb85c;
}
.multi_step_form #msform fieldset .form-control:focus.placeholder, .multi_step_form #msform fieldset .product_select:focus.placeholder {
  color: transparent;
}
.multi_step_form #msform fieldset .form-control:focus:-moz-placeholder, .multi_step_form #msform fieldset .product_select:focus:-moz-placeholder {
  color: transparent;
}
.multi_step_form #msform fieldset .form-control:focus::-moz-placeholder, .multi_step_form #msform fieldset .product_select:focus::-moz-placeholder {
  color: transparent;
}
.multi_step_form #msform fieldset .form-control:focus::-webkit-input-placeholder, .multi_step_form #msform fieldset .product_select:focus::-webkit-input-placeholder {
  color: transparent;
}
.multi_step_form #msform fieldset .product_select:after {
  display: none;
}
.multi_step_form #msform fieldset .product_select:before {
  content: "\f35f";
  position: absolute;
  top: 0;
  right: 20px;
  font: normal normal normal 24px/48px Ionicons;
  color: #5f6771;
}
.multi_step_form #msform fieldset .product_select .list {
  width: 100%;
}
.multi_step_form #msform fieldset .done_text {
  padding-top: 40px;
}
.multi_step_form #msform fieldset .done_text .don_icon {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 22px;
  margin-bottom: 10px;
  background: #5cb85c;
  display: inline-block;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
}
.multi_step_form #msform fieldset .done_text h6 {
  line-height: 23px;
}
.multi_step_form #msform fieldset .code_group {
  margin-bottom: 60px;
}
.multi_step_form #msform fieldset .code_group .form-control {
  border: 0;
  border-bottom: 1px solid #a1a7ac;
  border-radius: 0;
  display: inline-block;
  width: 30px;
  font-size: 30px;
  color: #5f6771;
  padding: 0;
  margin-right: 7px;
  text-align: center;
  line-height: 1;
}
.multi_step_form #msform fieldset .passport {
  margin-top: -10px;
  padding-bottom: 30px;
  position: relative;
}
.multi_step_form #msform fieldset .passport .don_icon {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 22px;
  position: absolute;
  top: 4px;
  right: 0;
  background: #5cb85c;
  display: inline-block;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
}
.multi_step_form #msform fieldset .passport h4 {
  font: 500 15px/23px "Roboto", sans-serif;
  color: #5f6771;
  padding: 0;
}
.multi_step_form #msform fieldset .input-group {
  padding-bottom: 40px;
}
.multi_step_form #msform fieldset .input-group .custom-file {
  width: 100%;
  height: auto;
}
.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label {
  width: 168px;
  border-radius: 5px;
  cursor: pointer;
  font: 700 14px/40px "Roboto", sans-serif;
  border: 1px solid #99a2a8;
  text-align: center;
  transition: all 300ms linear 0s;
  color: #5f6771;
}
.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label i {
  font-size: 20px;
  padding-right: 10px;
}
.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:hover, .multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:focus {
  background: #5cb85c;
  border-color: #5cb85c;
  color: #fff;
}
.multi_step_form #msform fieldset .input-group .custom-file input {
  display: none;
}
.multi_step_form #msform fieldset .file_added {
  text-align: left;
  padding-left: 190px;
  padding-bottom: 60px;
}
.multi_step_form #msform fieldset .file_added li {
  font: 400 15px/28px "Roboto", sans-serif;
  color: #5f6771;
}
.multi_step_form #msform fieldset .file_added li a {
  color: #5cb85c;
  font-weight: 500;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.multi_step_form #msform fieldset .file_added li a i {
  font-size: 22px;
  padding-right: 8px;
  position: absolute;
  left: 0;
  transform: rotate(20deg);
}


.multi_step_form #msform #progressbar li {
    list-style-type: none;
    color: #99a2a8;
    font-size: 9px;
    width: calc(100%/10);
    float: left;
    position: relative;
    font: 500 13px/1 "Roboto", sans-serif;
}

.multi_step_form #msform #progressbar li:nth-child(1):before {
    content: "1";
    font-family: 'PhpDebugbarFontAwesome';
    color: black;
}

.multi_step_form #msform #progressbar li:nth-child(2):before {
    content: "2";
    font-family: 'PhpDebugbarFontAwesome';
    color: black;
}

.multi_step_form #msform #progressbar li:nth-child(4):before {
    content: "4";
    font-family: 'PhpDebugbarFontAwesome';
    color: black;
}

.multi_step_form #msform #progressbar li:nth-child(3):before {
    content: "3";
    font-family: 'Font Awesome\ 5 Free';
    color: black;
     font-weight: 900;
}

.multi_step_form #msform #progressbar li:nth-child(5):before {
    /* content: "\f555"; */
    content: "5";
    font-family: 'Font Awesome\ 5 Free';
    color: black;
     font-weight: 900;
}

.multi_step_form #msform #progressbar li:nth-child(6):before {
    content: "6";
    font-family: 'Font Awesome\ 5 Free';
    color: black;
     font-weight: 900;
}
.multi_step_form #msform #progressbar li:nth-child(7):before {
    content: "7";
    font-family: 'Font Awesome\ 5 Free';
    color: black;
     font-weight: 900;
}
.multi_step_form #msform #progressbar li:nth-child(8):before {
    content: "8";
    font-family: 'Font Awesome\ 5 Free';
    color: black;
     font-weight: 900;
}
.multi_step_form #msform #progressbar li:nth-child(9):before {
    content: "9";
    font-family: 'Font Awesome\ 5 Free';
    color: black;
     font-weight: 900;
}
.multi_step_form #msform #progressbar li:nth-child(10):before {
    content: "10";
    font-family: 'Font Awesome\ 5 Free';
    color: black;
     font-weight: 900;
}

ul.app_link>li {
    padding: 5px 10px;
}

ul.app_link>li>a {
    font-size: 18px;
}
/*.multi_step_form #msform #progressbar li:after {
    content: '';
    width: 100%;
    height: 10px;
    background: #eaf0f4;
    position: absolute;
    left: -50%;
    top: 16px;
    z-index: -1;
}*/



.multi_step_form #msform #progressbar li:last-child:after {
  width: 150%;
}

.multi_step_form #msform #progressbar li.active {
  color: #5cb85c;
}
.multi_step_form #msform #progressbar li.active:before, .multi_step_form #msform #progressbar li.active:after {
  background: #5cb85c;
  color: white;
}

.multi_step_form #msform #progressbar li.active_fbr {
  color: #5cb85c;
}
.multi_step_form #msform #progressbar li.active_fbr:before, .multi_step_form #msform #progressbar li.active_fbr:after {
  background: #5cb85c;
  color: white;
}



.actionbuttondisable {
  background: #5cb85c;
  color: white;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  min-width: 130px;
  font: 700 14px/40px "Roboto", sans-serif;
  border: 1px solid #949694;
  margin: 0 5px;
  text-transform: uppercase;
  display: inline-block;
}


.multi_step_form #msform .action-button:hover, .multi_step_form #msform .action-button:focus {
  background: #405867;
  border-color: #405867;
}
.multi_step_form #msform .previous_button {
  background: transparent;
  color: #99a2a8;
  border-color: #99a2a8;
}
.multi_step_form #msform .previous_button:hover, .multi_step_form #msform .previous_button:focus {
  background: #405867;
  border-color: #405867;
  color: #fff;
}


  .selection .select2-selection.select2-selection--single {
         height: 37px;
      }

      .select2-container--default .select2-selection--single .select2-selection__rendered {
         line-height: 36px;
         text-align: left;
      }
      .select2-container--default .select2-search--dropdown .select2-search__field {
          border: 1px solid #ddd;
          height: 37px;
          border-radius: 4px;
      }
      input.select2-search__field:focus {
          outline: 1px solid #9d5353;
          border-radius: 4px;
      }
      .card.card-custom.example.example-compact .usage-type {
         margin-bottom: 1rem !important;
      }

      #selectedServices .alert.alert-custom.alert-default {
         background: none;
      }

      #selectedServices {
         background: #0bb7af6b !important;
      }

      input[type=radio], input[type=checkbox] {
         cursor: pointer;
      }

      .select2.select2-container.select2-container--default {
         width: 100% !important;
      }


.af_section {
    background-color: #d7f3f26b;
    border: 1px solid #0bb7af6b;
    border-radius: 5px;
    padding: 0px !important;
}

.afform_header {
    background: #5bd1cc6b;
    text-align: left;
    padding: 12px 15px;
    margin-bottom: 30px;
}

.afform_header>span {
    font-size: 15px;
}

.application_form_section {
    padding: 0px 15px;
}

 .form-check-label {
    padding-left: 0.25rem !important;
    margin-bottom: 0;
    cursor: pointer;
}
.form-check2 {
    width: 22%;
    float: left;
}
.declaration_items {
    /* display: contents; */
    padding-left: 30px;
}

.declaration_items>p {
    float: left;
    text-align: left;
    margin-bottom: 10px;
}
fieldset {
    position: inherit !important;
}
.help-block {
    text-align: left;
    display: block;
    font-size: 13px;
    color: red;
    padding: 6px 0;
}



#investigators_information,
#technical_information,
#budget_information,
#fund_information{
  display: none;
}


.custom-file {
    border-radius: 3px;
    border: 1px solid #d8e1e7;
    padding: 0 20px;
    height: auto;
    font: 400 14px/21px "Roboto", sans-serif !important;
    color: #5f6771;
    box-shadow: none;
    outline: none;
    width: 100%;
}
.faq_section>div {
    font-size: 18px;
    text-align: justify;
    font-weight: 500;
    line-height: 33px;
}
.faq_section>p {
    font-size: 18px;
    text-align: justify;
    font-weight: 500;
    line-height: 33px;
}

.faq_area>div {
    float: left;
    font-size: 19px;
    font-weight: 500;
    text-align: justify;
}

.faq_question_item {
    font-weight: 700;
    margin-bottom: 10px;
}

.faq_ans_item {
    margin-bottom: 40px;
}

.faq_ans_item>p {
    display: inline;
}