/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
  --mainColor: #607D8B;
  --whiteColor: #ffffff;
  --blackColor: #000000;
  --grayColor: #37474F;
  --deepGrayColor: #263238;
  --grayColorLight: #f9f9ff;
  --grayColorLight2: #f4f4f4;
  --grayColorLight3: rgba(0, 0, 1, 0.03);
  --orangeColor:#BF360C;
  --orangeLightColor: #FF9800;
  /* --greenColor: #1B5E20; */
  --greenColor: #1dbe66;
  --greenLightColor:#2E7D32;
  --tealColor: #00695C;
  --redColor:#d50000;
  /* --primaryColorLight:#128a48; */
  --blueColor: #3192f2;
  --primaryColorLight:#128a48;
  --primaryColorDark: #1dbe66;
  --fontFamily: 'Montserrat', sans-serif;
  --centerAlign: center;
  --leftAlign: left;
  --borderRadius: 5px;
  --borderRadiusXl: 10px;
  --borderRadiusXl2: 20px;
  --borderRadiusLarge:50px;
  --buttonPadding: 15px 30px;
  --textDecorationNone: none;
  --textTransformCapitalize: capitalize;
  --inputHeight: 30px;
  --inputBorderRadius:5px;
  --inputPadding:10px;
  --marginBottom:10px;
  --borderNone:none;
  --fontSize1:30px;
  --fontSize2:20px;
  --fontSize3:18px;
  --fontSize4:15px;
  --fontBold:bold;
}


*{
  font-family: 'Montserrat', sans-serif;
}
body{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

table {
  width: 100%; /* Ensure table takes up full width */
}
td {
  word-wrap: break-word; /* For older browsers */
  overflow-wrap: break-word; /* For modern browsers */
}
/* table thead tr th{
  white-space:nowrap;
}
table tbody tr td{
  white-space:nowrap;
} */
box-icon{
  height: 100px;
  width: 100px;
}
.select2-container{
  min-width: 100% !important;
  border: 2px solid #eee !important;
  border-radius: 5px;
}
.select2-container--default .select2-selection--single {
  border: none !important;
  border-radius: 0px !important;
  width: 100% !important;
}
.project_attachment_div{
  border: 2px solid var(--primaryColorDark);
}

.profile_image_and_form .profile_description{
  background: var(--whiteColor);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.profile_image_and_form .password_section{
  background: var(--whiteColor);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.profile_image_and_form .password_section h1{
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.profile_image_and_form .password_section form input{
  display: block;
  padding: 10px;
  border-radius: var(--borderRadius);
  border: 2px solid var(--grayColorLight2);
  outline: none;
  width: 80%;
}

.change_password_container .content{
  background: var(--whiteColor);
  padding: 20px;
  border-radius: var(--borderRadius);
}

.dashboard_body, .access_denied_body{
  background: var(--grayColorLight3);
}
.access_denied_body .container_access_denied{
  padding: 100px 0px 50px 0px;
}
.access_denied_body .container_access_denied .content{
  background: var(--whiteColor);
  padding: 20px;
  border-radius: var(--borderRadius);
}

/* #id_password{
  display: none;
}
*/

#changeProfilestaticBackdrop span.helptext{
  display: none;
}
#changeProfilestaticBackdrop .change_profile_div label:nth-of-type(4){
  display: none !important;
}

/* w3-sidebar */
.w3-sidebar{
  width: 300px;
  padding-top: 80px;
  padding-bottom: 100px;
  /* background: var(--grayColor) !important; */
  background: var(--whiteColor) !important;
  position: absolute;
  z-index: 10;
}
.w3-sidebar button.w3-bar-item{
  background: var(--whiteColor);
}
.w3-sidebar .avatar{
  text-align: var(--centerAlign);
  margin: 30px 0px;
}
.w3-sidebar .avatar img{
  width: 80px;
  height: 80px;
  border-radius: var(--borderRadiusLarge);
  margin-bottom: 10px;
}
.w3-sidebar .avatar p{
  font-size: var(--fontSize4);
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.w3-sidebar a{
  font-size: 13px;
}
.w3-sidebar a.w3-bar-item{
  color: var(--blackColor);
  font-weight: var(--fontBold);
  text-decoration: var(--textDecorationNone);
  height: 55px;
  display: flex;
  align-items: var(--centerAlign);
}
.w3-sidebar a.w3-bar-item:hover{
  color: var(--whiteColor);
  background: var(--primaryColorLight);
}
.w3-sidebar a.w3-bar-item.with_number{
  display: flex;
  justify-content: space-between;
}
.w3-sidebar a.w3-bar-item.with_number span:first-child{
  display: flex;
}
.w3-sidebar a.w3-bar-item.with_number span.badge{
  background: var(--primaryColorLight);
}
.w3-sidebar a.active{
  /* border-bottom: 2px solid var(--primaryColorLight); */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background: var(--primaryColorDark);
  color: var(--whiteColor);
}
/* .w3-sidebar a.active span.badge{
  background: var(--whiteColor);
  color: var(--blackColor);
} */
.w3-sidebar a.active i{
  margin-right: 5px;
  background: var(--whiteColor);
  color: var(--blackColor);
  height: 15px;
  width: 15px;
  border-radius: 50px;
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
}
.w3-sidebar a.w3-bar-item i{
  margin-right: 5px;
  background: var(--whiteColor);
  height: 20px;
  width: 20px;
  border-radius: 50px;
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
}
.w3-sidebar .avatar .manage_account a.my_account{
  text-decoration: var(--textDecorationNone);
  background: var(--grayColorLight3);
  padding: 10px 20px;
  border-radius: var(--borderRadiusXl2);
}
.w3-sidebar .avatar .logout_section{
  margin-top: 20px;
}

.w3-container{
  /* margin-left: 300px; */
}
#close_menu_button{
  display: none;
}
#logout_section{
  display: none;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #logout_section{
    display: none;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  #logout_section{
    display: none;
  }
}





/* select2-id_document_name-container */
.select2-dropdown.select2-dropdown--below{
    width: 470px !important;
}

.select2-container--default .select2-selection--single{
    padding:6px;
    height: 50px !important;
    width: 470px;
    font-family: var(--fontFamily);
    font-weight: var(fontBold);
    border:1px solid #eee;
    outline: none;
    font-size: 15px;
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    /* background-image: -khtml-gradient(linear, left top, left bottom, from(#424242), to(#030303));
    background-image: -moz-linear-gradient(top, #424242, #030303);
    background-image: -ms-linear-gradient(top, #424242, #030303);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(100%, #030303));
    background-image: -webkit-linear-gradient(top, #424242, #030303);
    background-image: -o-linear-gradient(top, #424242, #030303);
    background-image: linear-gradient(#424242, #030303); */
    width: 40px;
    color: #fff;
    font-size: 1.3em;
    padding: 4px 12px;
    height: 27px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
}

/* navigation */
.navigation{
  background: var(--whiteColor);
}
.navigation button.w3_button{
  background: var(--primaryColorDark);
  outline: none;
  color: var(--whiteColor);
  border: none;
  padding: 10px;
  margin-right: 5px;
}
.navigation button.w3_button#closeButton{
  display: none;
}
.navigation a.navbar-brand{
  color: var(--blackColor);
}
.navigation div ul li a{
  color: var(--blackColor);
}
.navigation div ul li a span{
  width: 2px;
  padding: 0px 10px;
  height: 2px;
  border-radius: var(--borderRadiusLarge);
  background: green;
}
.navigation ul.ml-auto li a{
  font-weight: var(--fontBold);
}
.navigation ul.ml-auto li a img{
  width: 50px;
  height: 50px;
  border-radius: var(--borderRadiusLarge);
  /* margin-bottom: 10px; */
}


/* navigation_bar_section */
.navigation_bar_section{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.navigation_bar_section ul.left_class{
  /* border: 1px solid var(--grayColor);
  border-radius: 50px;
  padding: 2px 10px; */
}
.navigation_bar_section ul.left_class ul{
  margin-top: 10px;
  border: none;
}



/*============== outer_container ==============*/
.outer_container{
  padding: 100px 0px 0px 0px;
}
.outer_container .content_2{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: var(--whiteColor);
  padding: 10px;
  margin-bottom: 10px;
  border-left: 5px solid var(--primaryColorDark);
}

.outer_container .content h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
}
.outer_container .content .button_section_div{
  padding: 10px 0px;
  margin: 10px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.outer_container .content a{
  background: var(--primaryColorDark);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  text-decoration: var(--textDecorationNone);
  padding: var(--buttonPadding);
  margin-right: 5px;
  margin-bottom: 2px;
}







.div_after_field_wrapper{
  border:2px solid var(--grayColorLight3);
  padding:20px;
  margin-bottom: 10px;
  border-radius:5px;
  /* background: var(--grayColorLight3); */
  /* background: var(--whiteColor); */
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}



/* my_protocols_table */
.my_protocols_table{
  margin-top: 10px;
}
.my_protocols_table a.add_protocol_btn{
  background: var(--blackColor);
  border-radius: var(--borderRadius);
  width: 100%;
  text-align: var(--centerAlign);
  text-decoration: var(--textDecorationNone);
}
.my_protocols_table a .add_new_protocol_section_button{
  background: var(--grayColorLight3);
  padding: 40px 20px;
  margin-bottom: 10px;
  border: 3px dashed var(--whiteColor);
  font-size: var(--fontSize1);
  color: var(--blackColor);
  font-weight: var(--fontBold);
}


.my_protocols_table table tbody tr td.pending{
  color: var(--orangeLightColor) !important;
  font-weight: var(--fontBold);
}
.my_protocols_table table tbody tr td span.under_review{
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.my_protocols_table table tbody tr td.submitted{
  color: var(--primaryColorLight);
  font-weight: var(--fontBold);
}
.my_protocols_table table tbody tr td.rejected{
  color: var(--redColor);
  font-weight: var(--fontBold);
}
.my_protocols_table table tbody tr td.condinational_approval{
  color: var(--primaryColorDark);
  font-weight: var(--fontBold);
}
.my_protocols_table table tbody tr td.approved{
  color: var(--greenColor);
  font-weight: var(--fontBold);
}
.my_protocols_table .my_protocols div.modal .modal-body form h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
}
.my_protocols_table .my_protocols div.modal .modal-body form select{
  width: 100%;
  height: 50px;
  background: var(--grayColor);
  border: 2px solid var(--whiteColor);
}
.my_protocols_table .my_protocols div.modal h5{
  font-family: var(--fontFamily);
  font-weight: var(fontBold);
}
.linkToOtherSource{
  border: 1px solid var(--blackColor);
  outline: none !important
  /* background: red; */
}

.trree_link{
  padding: 30px 0px;
}
.trree_link a{
  text-decoration: var(--textDecorationNone);
  color: var(--blueColor);
  /* padding: 10px; */
  font-weight: var(--fontBold);
}

/* update_protocol */
.update_protocol{
  padding: 0px 0px 50px 0px;
}
.update_protocol .protocol_update h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
  border-left: 5px solid var(--primaryColorDark);
  padding: 20px 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: var(--whiteColor);
  margin-bottom: 20px;
}
.update_protocol .protocol_update form label{
  display: block;
  color: var(--blackColor);
  margin-top: 10px;
  font-weight: var(--fontBold);
}
.update_protocol .protocol_update form input[type="checkbox"]{

}
.update_protocol .protocol_update form input[type="email"]{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: var(--borderRadius);
  outline: none;
}
.update_protocol .protocol_update form input[type="text"]{
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.update_protocol .protocol_update form input[type="number"]{
  width: 50%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.update_protocol .protocol_update form input[type="date"]{
  width: 50%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.update_protocol .protocol_update form select{
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  background: var(--whiteColor);
  outline: none;
}
.update_protocol .protocol_update form textarea{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  width: 100%;
  height: 100px;
  padding: 10px;
  border: 2px solid #eee;
  border-radius: var(--borderRadius);
  resize: none;
}
.update_protocol .protocol_update form button{
  margin: 10px 0px;
}
.update_protocol .protocol_update #id_type_of_study_topic{
  border: 2px solid #eee;
  padding: 10px;
  margin: 4px 0px;
  border-radius: var(--borderRadius);
}





/* approved_protocol */
.approved_protocol .content table tbody tr td.approved{
  color: var(--greenColor);
  font-weight: var(--fontBold);
}



/* removed_protocol */
.removed_protocol .content table tbody tr td.rejected{
  color: var(--redColor);
  font-weight: var(--fontBold);
}



/* submited_protocol */
.submited_protocol .content table tbody tr td.submitted{
  color: var(--primaryColorLight);
  font-weight: var(--fontBold);
}
.submited_protocol.revert_comment form label{
  display: block;
  font-weight: var(--fontBold);
}
.submited_protocol.revert_comment form textarea{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  width: 100%;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: var(--borderRadius);
  resize: none;
}
.submited_protocol.revert_comment form button{
  display: block;
  height: 40px;
  outline: none;
  margin: 10px 0px;
  padding: 10px;
  background: var(--primaryColorLight);
  border: none;
  color: var(--whiteColor);
  border-radius: 5px;
}

.submited_protocol h2{
  font-size: 18px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin: 10px 0px;
}
.submited_protocol .all_protocol_section{
  border-left: 2px solid var(--mainColor);
  padding: 30px 20px;
  margin-bottom: 20px;
}
.submited_protocol .all_report_section{
  border-left: 2px solid var(--blueColor);
  padding: 30px 20px;
  margin-bottom: 20px;
}
.submited_protocol .all_extension_section{
  border-left: 2px solid var(--blackColor);
  padding: 30px 20px;
  margin-bottom: 20px;
}
.submited_protocol .reports_for_the_protocols_not_in_IRB_currently{
  border-left: 2px solid var(--blueColor);
  padding: 30px 20px;
  margin-bottom: 20px;
}
.submited_protocol .extensions_for_protocols_not_in_IRB_currently{
  border-left: 1px solid var(--blackColor);
  padding: 30px 20px;
  margin-bottom: 20px;
}


/* .protocol_details */
.protocol_details{
  padding: 10px 0px;
}
.protocol_details .content{
  /* background: #eee; */
  /* padding: 10px 20px; */
}
.protocol_details .content .protocol{
  background: var(--whiteColor);
}
.protocol_details .content h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
}
.protocol_details .content .research_site_div{
  background: var(--whiteColor);
  margin-bottom: 4px;
}
.protocol_details .content .research_site_div .item{
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  /* align-items: var(--centerAlign); */
}
.proposed_population_div{
  background: var(--whiteColor);
  margin-bottom: 5px;
}
.proposed_population_div .item{
  display: flex;
  flex-wrap: wrap;
}
.proposed_population_div .item .item_content{
  display: flex;
  flex-wrap: wrap;
  border: 2px solid var(--grayColorLight3);
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 2px;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.proposed_population_div .item .item_content p{
  margin-right: 10px;
  padding-top: 10px;
}
.protocol_details .content .research_site_div .item .item_content{
  display: flex;
  /* justify-content: var(--centerAlign); */
  justify-content: space-between;
  align-items: var(--centerAlign);
  background: #eee;
  margin: 10px 5px;
  padding: 5px 10px;
  border-radius: 5px;
}
.protocol_details .content .research_site_div .item .item_content p{
  margin-top: 12px;
  margin-right: 20px;
}
.protocol_details .download_pdf{
  position: sticky;
  top: 150px;
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
}
.protocol_details .download_pdf .other_buttons{
  display: flex;
  align-items: var(--centerAlign);
  flex-wrap: wrap;
}
.protocol_details .download_pdf .other_buttons div.protocol_modules{
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 10px;
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
  border: 2px solid var(--grayColorLight2);
  /* border: 1px solid var(--primaryColorLight); */
  border-radius: 30px;
  cursor: pointer;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.protocol_details .download_pdf .other_buttons div.protocol_modules .icon_section{
  margin-right: 10px;
  width: 30px;
  height: 30px;
  /* background: var(--grayColorLight2); */
  background: var(--primaryColorDark);
  border-radius: 20px;
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
}
.protocol_details .download_pdf .other_buttons div.protocol_modules .icon_section i{
  color: var(--whiteColor);
  font-size: 15px;
}
.protocol_details .download_pdf .other_buttons div.protocol_modules .title_ h6{
  color: var(--blackColor);
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  opacity: 0.5;
  font-size: 14px;
}
.protocol_details .download_pdf a{
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  text-decoration: var(--textDecorationNone);
  padding: var(--buttonPadding);
  /* width: 100%; */
}
.protocol_details .download_pdf a.download_btn{
  /* border: 2px solid var(--grayColor); */
  background: var(--primaryColorDark);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
}
.protocol_details .download_pdf .assign_protocol_to_reviewer{
  background: var(--whiteColor);
  padding: 10px;
  margin-bottom: 10px;
}
.protocol_details .download_pdf .assign_protocol_to_reviewer select{
  width: 100%;
  height: 50px;
  outline: none;
  border: 1px solid #eee;
  margin-bottom: 5px;
  padding: 10px;
  border-radius: 5px;
}
.protocol_details .download_pdf .assign_protocol_to_reviewer button{
  height: 40px;
  outline: none;
  margin: 10px 0px;
  padding: 10px;
  background: var(--primaryColorLight);
  border: none;
  color: var(--whiteColor);
  border-radius: 5px;
}

.protocol_details .summary_section{
  padding: 20px;
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.protocol_details .summary_section h3{
  font-size: 20px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.protocol_details .summary_section .summary_item{
  border: 2px solid #eee;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: var(--borderRadius);
}
.protocol_details .summary_section .summary_item h4{
  font-size: 20px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.protocol_details .summary_section .summary_item p{
  /* font-weight: var(--fontBold); */
  color: var(--blackColor);
}





/* feedback_from_reviewer */
.feedback_from_reviewer .content{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 10px;
  padding: 20px;
}
/* .feedback_from_reviewer .feedback_item{
  display: flex;
  justify-content: space-between;
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 10px;
  padding: 20px;
}

.feedback_from_reviewer .feedback_item .project_list{
  display: flex;
  flex: 3;
}
.feedback_from_reviewer .feedback_item .project_action{
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.feedback_from_reviewer .feedback_item .project_list .project_title{
  flex: 3
}
.feedback_from_reviewer .feedback_item .project_list .approval_status{
  flex: 1
}
.feedback_from_reviewer .feedback_item .project_action .read_button{
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  padding: 10px 20px;
  text-decoration: none;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  border-radius: 50px;
  border: 2px solid var(--primaryColorLight);
}
.feedback_from_reviewer .feedback_item .project_action .download_btnload{
  background: var(--primaryColorDark);
  color: var(--blackColor);
  padding: 10px 20px;
  text-decoration: none;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  border-radius: 50px;
  border: 2px solid var(--primaryColorDark);
} */

/* progress_report_template */
.progress_report_template .selection_of_report_type ul{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
}
.progress_report_template .selection_of_report_type ul li button{
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.progress_report_template .selection_of_report_type ul li button.active{
  background: var(--whiteColor);
  /* border: 5px solid var(--grayColorLight3); */
  border-radius: 0px;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  color: var(--blackColor);
  border-bottom: 5px solid var(--primaryColorDark);
  font-weight: var(--fontBold);
}
.progress_report_template .button_action{
  background: var(--primaryColorDark);
  padding: 20px;
  color: var(--whiteColor);
  border-left: 5px solid var(--primaryColorLight);
}
.progress_report_template .button_action button{
  color: var(--whiteColor);
  border-radius: 50px;
  background: none;
  border: 1px solid var(--whiteColor);
  height: 50px;
  outline: none;
}

.progress_report_template .selection_of_report_type .tab-pane{
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 100px;
}
.progress_report_template .selection_of_report_type .tab-pane h1{
  font-weight: var(--fontBold);
  font-size: 25px;
  opacity: 0.6;
  text-align: var(--centerAlign);
  font-family: var(--fontFamily);
  margin-bottom: 20px;
}
.progress_report_template .selection_of_report_type .tab-pane h2{
  font-weight: var(--fontBold);
  font-size: 18px;
  opacity: 0.6;
  /* text-align: var(--centerAlign); */
  font-family: var(--fontFamily);
  margin-bottom: 20px;
}
.progress_report_template .selection_of_report_type .tab-pane h3{
  font-weight: var(--fontBold);
  font-size: 18px;
  opacity: 0.6;
  /* text-align: var(--centerAlign); */
  font-family: var(--fontFamily);
  margin-bottom: 20px;
}
.progress_report_template .selection_of_report_type .tab-pane form label{
  display: block;
  font-weight: var(--fontBold);
  margin-top: 10px;
}
.progress_report_template .selection_of_report_type .tab-pane form input[type='date']{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  padding: 10px;
  height: 55px;
  border: 5px dotted var(--grayColorLight2);
  outline: none;
}
.progress_report_template .selection_of_report_type .tab-pane form input[type='file']{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  padding: 10px;
  height: 55px;
  border: 5px dotted var(--grayColorLight2);
  outline: none;
}
.progress_report_template .selection_of_report_type .tab-pane form input[type='text']{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  padding: 10px;
  height: 55px;
  border: 5px dotted var(--grayColorLight2);
  outline: none;
}
.progress_report_template .selection_of_report_type .tab-pane form select{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  padding: 10px;
  height: 55px;
  border: 5px dotted var(--grayColorLight2);
  outline: none;
  background: var(--whiteColor);
}
.progress_report_template .selection_of_report_type .tab-pane form button{
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  border: none;
  padding: 15px;
}

.sae_form_section{
  background: var(--whiteColor);
  padding: 20px 70px;
}
.sae_form_section h1{
  font-weight: var(--fontBold);
  font-size: 25px;
  opacity: 0.6;
  text-align: var(--centerAlign);
  font-family: var(--fontFamily);
  margin-bottom: 20px;
}

/* .sae_form_section form .form_group{
  border: 2px solid var(--grayColorLight3);
  margin-bottom: 10px;
  padding: 20px;
} */
.sae_form_section form label{
  display: block;
  font-weight: var(--fontBold);
  margin-top: 10px;
}
.sae_form_section form input[type='file']{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  padding: 10px;
  height: 55px;
  border: 5px dotted var(--grayColorLight2);
  outline: none;
}
.sae_form_section form input[type='date']{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  padding: 10px;
  height: 55px;
  border: 5px dotted var(--grayColorLight2);
  outline: none;
}
.sae_form_section form input[type='text']{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  padding: 10px;
  height: 55px;
  border: 5px dotted var(--grayColorLight2);
  outline: none;
}
.sae_form_section form select{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  padding: 10px;
  height: 55px;
  border: 5px dotted var(--grayColorLight2);
  outline: none;
  background: var(--whiteColor);
}
.sae_form_section form .form_group_button button{
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  border: none;
  padding: 15px;
}


.progress_report_template .outer_div_report_template{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 10px;
  /* height: 700px; */
  overflow-y: scroll;
}
.progress_report_template .logo_section{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 80px;
}
.progress_report_template .outer_div_report_template .horizontal_line{
  height: 15px;
  width: 100%;
  background: var(--greenLightColor);
}
.progress_report_template .logo_section .left_section span{
  color: var(--greenLightColor);
  font-weight: bold;;
  font-size: 14px;
}
.progress_report_template .logo_section .left_section p.top_heading{
  font-weight: var(--fontBold);
  font-size: 20px;
  opacity: 0.6;
}
.progress_report_template .logo_section .left_section .items_{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  /* align-items: center; */
}
.progress_report_template .logo_section .left_section .items_ p{
  padding-right: 10px;;
}
.progress_report_template .logo_section .left_section .items_ p.left_p{
  border-right: 2px solid var(--grayColor);
}
.progress_report_template .logo_section .left_section .items_ p.center_p{
  padding-left: 10px;
  border-right: 2px solid var(--grayColor);
}
.progress_report_template .logo_section .left_section .items_ p.right_p{
  padding-left: 10px;
}
.progress_report_template .form_content{
  padding: 20px 80px;
}
.progress_report_template .form_content h1{
  font-weight: var(--fontBold);
  font-size: 25px;
  opacity: 0.6;
  text-align: var(--centerAlign);
  font-family: var(--fontFamily);
  margin-bottom: 20px;
}
.progress_report_template .form_content form .section_a h2{
  font-weight: var(--fontBold);
  font-size: 18px;
  opacity: 0.6;
  font-family: var(--fontFamily);
}
.progress_report_template .form_content form table label{
  display: block;
}
.progress_report_template .form_content form table input{
  width: 100%;
  height: 45px;
  outline: none;
  padding: 10px;
  border: 2px dashed #ddd;
}
.progress_report_template .form_content form table select{
  width: 100%;
  height: 45px;
  outline: none;
  padding: 10px;
  border: 2px dashed #ddd;
  background: var(--whiteColor);
}
.progress_report_template .form_content form table ul{
  border: 2px dashed #ddd;
  padding: 10px 30px;
  list-style: none;
}
.progress_report_template .form_content form table ul li{
  font-weight: var(--fontBold);
}
.progress_report_template .form_content form table ul div{
  background: #ddd;
  margin-bottom: 10px;
  padding: 10px;
  /* width: 50%; */
}

.progress_report_template .form_content form .section_b h2{
  font-weight: var(--fontBold);
  font-size: 18px;
  opacity: 0.6;
  font-family: var(--fontFamily);
}
.progress_report_template .form_content form .section_c h2{
  font-weight: var(--fontBold);
  font-size: 18px;
  opacity: 0.6;
  font-family: var(--fontFamily);
}
.progress_report_template .form_content form .section_c h3{
  font-weight: var(--fontBold);
  font-size: 15px;
  opacity: 0.6;
  font-family: var(--fontFamily);
}
.progress_report_template .form_content form button{
  background: var(--primaryColorLight);
  height: 50px;
  border: none;
  border-radius: 0px;
  color: var(--whiteColor);
  padding: 10px 20px;
}


/* extension_not_in_irb */
.extension_form{
  padding: 10px 0px 50px 0px;
  /* background: var(--whiteColor); */
}
.extension_form .content form{
  padding: 20px;
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.extension_form form label{
  display: block;
  font-weight: var(--fontBold);
  margin-bottom: 10px;
  margin-top: 10px;
}
.extension_form form input{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  height: 45px;
  outline: none;
  border-radius: var(--borderRadius);
  border: 2px solid var(--grayColorLight2);
  padding: 10px;
}
.extension_form form select{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  height: 45px;
  background: var(--whiteColor);
  outline: none;
  border-radius: var(--borderRadius);
  border: 2px solid var(--grayColorLight2);
  padding: 10px;
}

.extension_form .content_table h2{
  font-weight: var(--fontBold);
  font-size: 20px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.extension_form .content_table{
  background: var(--whiteColor);
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* .extension_form table div.modal .modal-content .modal-body form label{
  font-weight: var(--fontBold);
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
  display: block !important;
}
.extension_form table div.modal .modal-content .modal-body form input{
  display: block;
  padding: 10px;
} */




/* bg_section */
.bg_section{
  padding: 50px 0px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.bg_section .outer_container h1{
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
}


/* home_page */
.home_page{
  padding: 20px 0px;
  /* height: 100vh; */
}
.home_page .content{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1rem;
}
.home_page .content a{
  padding: 20px;
  background: var(--whiteColor);
  text-decoration: var(--textDecorationNone);
  border-radius: var(--borderRadius);
}
.home_page .content a .item{
  text-align: var(--centerAlign);
}
.home_page .content a .link i{
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background: var(--grayColorLight3);
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
  /* color: var(--blackColor); */
  font-size: 50px;
}
.home_page .content a .link h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.home_page .content a .heading p{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--blackColor);
  font-weight: var(--fontBold);
  opacity: 0.7;
}
.home_page .content a:nth-child(2) .link i{
  color: var(--orangeLightColor);
}
.home_page .content a:nth-child(3) .link i{
  color: var(--primaryColorLight);
}
.home_page .content a:nth-child(5) .link i{
  color: var(--redColor);
}
.home_page .content a:nth-child(6) .link i{
  color: var(--greenLightColor);
}
.home_page .content_top{
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 1rem;
}
.home_page .content_top .welcome_message{
  padding: 50px 30px 0px 30px;
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-left: 5px solid var(--primaryColorDark);
  margin-bottom: 30px;
}
.home_page .welcome_message_top{
  padding: 50px 30px 0px 30px;
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-left: 5px solid var(--primaryColorDark);
  margin-bottom: 30px;
}
.home_page .welcome_message_top p{
  font-size: 20px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.home_page .content_top .welcome_message p{
  font-size: 20px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.home_page .content_top .welcome_message h3 small{
  font-size: 13px;
  font-weight: var(--fontBold);
  opacity: 0.7;
  color: var(--blackColor);
  text-align: justify;
}
.home_page .content_top .welcome_message p strong{
  /* color: var(--primaryColorDark);
  font-size: 25px;
  font-weight: var(--fontBold); */
  border: 2px solid var(--primaryColorDark);
  border-radius: 100px;
  color: var(--blackColor);
  padding: 10px;
  font-size: 13px;
}
.home_page .content_top .welcome_message h3{
  font-size: 25px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-top: 10px;
}
.home_page .content_top .proposal{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.home_page .content_top .proposal .propsal_item{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px;
  border-radius: var(--borderRadius);
}
.home_page .content_top .proposal .propsal_item .number_and_title h3{
  font-size: 25px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  /* opacity: 0.5; */
}
.home_page .content_top .proposal .propsal_item .number_and_title p{
  font-size: 15px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  opacity: 0.3;
}
.home_page .content_top .proposal .propsal_item .image_section{
  /* background: var(--primaryColorDark); */
  border: 2px solid var(--primaryColorLight);
  width: 70px;
  height: 70px;
  border-radius: 100%;
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
}
.home_page .content_top .proposal .propsal_item .image_section img{
  width: 30px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  /* bg_section */
  .bg_section{
    padding: 20px 0px;
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; */
  }

  .home_page .content_top{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }

  .home_page .content_top .proposal{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }



}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  .home_page .content_top{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }

  .home_page .content_top .proposal{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }



}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

  .home_page .content_top{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }

  .home_page .content_top .proposal{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .home_page .content_top{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .home_page .content_top .proposal{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .home_page .content_top{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .home_page .content_top .proposal{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
}




/* irb_instructional */
.irb_instructional{
  padding: 0px 0px 50px 0px;
}
.irb_instructional .content{
  background:  var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
}
.irb_instructional .content h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
  color: var(--blackColor);
  margin-top: 30px;
}
.irb_instructional .content .irb_cost_per_org a.cost_link{
  border: 1px solid var(--blackColor);
  padding: 10px 20px;
  font-size: 13px;
  border-radius: var(--borderRadius);
  text-decoration: none;
}
.irb_instructional .content .irb_cost_per_org .offcanvas{
  width: 70% !important;
  padding: 20px;
  /* border-top-left-radius: 20px;
  border-bottom-left-radius: 20px; */
}
.irb_instructional .content .irb_cost_per_org .offcanvas .nav-pills button{
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.irb_instructional .content .irb_cost_per_org .offcanvas .nav-pills button.active{
  border-radius: 0px;
  background: var(--primaryColorDark);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


  .irb_instructional .content .irb_cost_per_org .offcanvas{
    width: 100% !important;
    padding: 20px;
  }


}



.how_to_apply_protocol .content{
  background: var(--whiteColor);
  padding: 12px;
}
.how_to_apply_protocol .content.irb_cost{
  /* height: 400px;
  overflow-y: scroll; */
}
.how_to_apply_protocol .content.irb_cost ul li button{
  border: none;
  border-radius: 0px;
  outline: none;
  height: 50px !important;
  /* background: var() */
}
.how_to_apply_protocol .content.irb_cost ul li button.active{
  background: var(--primaryColorDark);
  color: var(--whiteColor);
  font-weight: bold;
}
.how_to_apply_protocol .content.irb_cost .tab-content{
  height: 400px;
  overflow-y: scroll;
}
.how_to_apply_protocol .content h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.how_to_apply_protocol .content .horizontal_line{
  width: 100px;
  height: 2px;
  background: var(--primaryColorLight);
  margin-bottom: 30px;
}
.how_to_apply_protocol .content p{
  font-family: var(--fontFamily);
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.how_to_apply_protocol .content p a{
  color: var(--primaryColorLight) !important;
}
.how_to_apply_protocol .content.latest_protocol table thead{
  background: var(--primaryColorDark);
  color: var(--whiteColor);
}
.how_to_apply_protocol .content.latest_protocol table tbody tr td.Pending{
  color: var(--orangeColor);
  font-weight: bold;
}
.how_to_apply_protocol .content.latest_protocol table tbody tr td.Submitted{
  color: var(--primaryColorLight);
  font-weight: bold;
}
.how_to_apply_protocol .content.latest_protocol table tbody tr td.Approved{
  color: var(--greenColor);
  font-weight: bold;
}



/* how_to */
.how_to{
  padding: 100px 0px;
}
.how_to .content{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
  border-radius: var(--borderRadius);
  border-left: 5px solid var(--primaryColorDark);
}
.how_to .content h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
}
.how_to .content p{
  font-family: var(--fontFamily);
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.how_to .content ol li{
  line-height: 35px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}


/* my_profile */
.my_profile{
  padding: 100px 0px 0px 0px;
}
.my_profile .content h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
}
.change_password_container{

}
.change_password_container .content h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold)
}
.change_password_container .content form label{
  display: block;
  font-weight: var(--fontBold);
}
.change_password_container .content form input{
  display: block;
  font-weight: var(--fontBold);
  width: 100%;
  height: 50px;
  outline: none;
  border: 2px solid #eee;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}





/* new_protocol_page */
.note_div{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: var(--primaryColorDark);
  color: var(--whiteColor);
  padding: 20px;
  position: sticky;
  margin-top: 10px;
  top: 150px;
  border-left: 5px solid var(--primaryColorLight);
}
.note_div .get_link_to_compress_file a:hover{
  text-decoration: var(--textDecorationNone);
  color: var(--whiteColor);
}
.online_link_compress{
  background: var(--whiteColor) !important;
}
.online_link_compress .modal-content .modal-header{
  background: var(--primaryColorDark);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  font-size: var(--fontSize4);
}
.online_link_compress .modal-content .modal-header button span{
  color: var(--whiteColor);
  border: 2px solid var(--whiteColor);
  padding: 0px 5px;
  border-radius: 50px;
}
.online_link_compress .modal-content{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 0px;
  border: none;
}
.online_link_compress .modal-body a{
  line-height: 40px;
  display: block;
}
.online_link_compress .upload_file_section{
  border-top: 2px solid var(--grayColor);
  padding: 30px;
  margin-top: 20px;
}
.online_link_compress .upload_file_section label{
  display: block;
}
.online_link_compress .upload_file_section input{
  display: block;
  border: 1px solid var(--grayColor);
  padding: 10px;
  border-radius: 5px;
  width: 100%;
}
.new_protocol_page{
  padding: 0px 0px 20px 0px;
}
.new_protocol_page .new_protocol_form{
  background: var(--whiteColor);
  padding: 20px 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.new_protocol_page .new_protocol_form h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  color: var(--blackColor);
  /* text-align: var(--centerAlign); */
}
.new_protocol_page .new_protocol_form form label{
  display: block;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  margin-top: 10px;
}
.new_protocol_page .new_protocol_form form input#id_name_of_ec{
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.new_protocol_page .new_protocol_form form input[type="text"]{
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.new_protocol_page .new_protocol_form form input[type="number"]{
  width: 50%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.new_protocol_page .new_protocol_form form input[type="date"]{
  width: 50%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.new_protocol_page .new_protocol_form form .applicatnt_type_section input[type="text"]{
  width: 20%;
  height: 50px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.new_protocol_page .new_protocol_form form .project_title input{
  border: 2px solid var(--primaryColorDark);
  height: 100px;
}
.new_protocol_page .new_protocol_form form select{
  /* display: block; */
  width: 100%;
  height: 50px;
  padding: 10px;
  /* border: 1px solid var(--blackColor); */
  border: 2px solid #eee;
  background: var(--whiteColor);
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
.new_protocol_page .new_protocol_form form input[type='checkbox']{
  /* margin-left: 0px !important; */
}
.project_type_of_study_topic{
  border: 2px solid #eee;
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0px;
}
.new_protocol_page .new_protocol_form form textarea{
  width: 100%;
  height: 100px;
  padding: 10px;
  border: 2px solid #eee;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
  resize: none;
}
.new_protocol_page .new_protocol_form form button{
  background: var(--primaryColorLight);
  margin-top: 10px;
  color: var(--whiteColor);
  text-transform: var(--textTransformCapitalize);
  /* width: 100%; */
  outline: none;
}

.new_protocol_page .new_protocol_form form .offcanvas{
  width: 47% !important;
}
.new_protocol_page .new_protocol_form form .offcanvas .offcanvas-body{
  /* padding: 20px; */
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .new_protocol_page .new_protocol_form form .offcanvas{
    width: 100% !important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .new_protocol_page .new_protocol_form form .offcanvas{
    width: 100% !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .new_protocol_page .new_protocol_form form .offcanvas{
    width: 70% !important;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .new_protocol_page .new_protocol_form form .offcanvas{
    width: 70% !important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .new_protocol_page .new_protocol_form form .offcanvas{
    width: 45% !important;
  }
}


.modal form .button_container{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.modal form .button_container a.add_button{
  /* background: var(--primaryColorLight); */
  /* margin-top: 10px; */
  color: var(--whiteColor);
  text-transform: var(--textTransformCapitalize);
  outline: none;
}
.new_protocol_page .right_side{
  position: sticky;
  top: 150px;
}
.new_protocol_page .right_side .item{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
  background: var(--whiteColor);
  padding: 5px 20px;
  margin-bottom: 10px;
}
.new_protocol_page .right_side .item h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize4);
  color: var(--blackColor);
  text-align: var(--centerAlign);
}
.new_protocol_page .right_side .item a{
  text-decoration: var(--textDecorationNone);
}
.new_protocol_page .right_side .item a i{
  background: var(--grayColorLight3);
  color: var(--blackColor);
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
  width: 30px;
  height: 30px;
  border-radius: 50px;
  font-weight: var(--fontBold);
}
.new_protocol_page .right_side .my_protocol{
  padding: 10px 0px;
}
.new_protocol_page .right_side .my_protocol a{
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  text-decoration: var(--textDecorationNone);
  padding: var(--buttonPadding);
}


div.modal form label{
  display: block;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
/* div.modal form input{
  width: 100%;
  height: 35px;
  padding: 10px;
  border: 1px solid #ddd;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
} */
div.modal form input[type="text"]{
  width: 100%;
  /* height: 35px; */
  padding: 10px;
  border: 1px solid #ddd;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
div.modal form input[type="email"]{
  width: 100%;
  /* height: 35px; */
  padding: 10px;
  border: 1px solid #ddd;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
div.modal form input[type="checkbox"]{
  /* width: 100%; */
  /* height: 35px; */
  padding: 10px;
  border: 1px solid #ddd;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
div.modal form textarea{
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 1px solid #ddd;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
  resize: none;
}
div.modal#project_attachment form input{
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 1px solid #ddd;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
}
div.modal form select{
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  color: var(--blackColor);
  background: var(--whiteColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
  word-wrap:break-word;
}
div.modal form button{
  margin-top: 10px;
  color: var(--whiteColor);
  text-transform: var(--textTransformCapitalize);
  outline: none;
}
div.modal form button:hover{
  color: var(--whiteColor);
}



/* conflict_of_interest_form */
.conflict_of_interest_form{
  padding: 100px 0px;
}
.conflict_of_interest_form .content{
  border-left: 5px solid var(--primaryColorDark);
  border-radius: var(--borderRadius);
}
.conflict_of_interest_form .conflict_form{
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 100px;
  border-radius: var(--borderRadius);
}
.conflict_of_interest_form .conflict_form .address{
  text-align: var(--centerAlign);
}
.conflict_of_interest_form .conflict_form .top_header{
  text-align: var(--centerAlign);
}
.conflict_of_interest_form .conflict_form textarea{
  height: 100px;
  width: 100%;
  border: none;
  border-radius: var(--borderRadius);
  border: 2px solid var(--blackColor);
  padding: 10px;
  resize: none;
  outline: none;
}
.conflict_of_interest_form .conflict_form input[type="text"]{
  height: 50px;
  width: 100%;
  border: 2px solid var(--blackColor);
  font-weight: var(--fontBold);
  border-radius: var(--borderRadius);
  padding: 10px;
  outline: none;
}
.conflict_of_interest_form .conflict_form p.title{
  font-weight: var(--fontBold);
  color: var(--blackColor);
}



/* this_is_the_comment_section */
.this_is_the_comment_section{
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px;
  border-radius: var(--borderRadius);
}
.this_is_the_comment_section .comment_form_list form button{
  background: #eee;
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.this_is_the_comment_section .comment_list h1{
  font-size: 20px;
  font-family: var(--fontFamily) !important;
  font-weight: var(--fontBold);
}
.this_is_the_comment_section .comment_list .outer_seection .general_feedback{
  /* display: flex;
  align-items: var(--centerAlign);
  justify-content: space-between; */
  background: var(--grayColorLight3);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.this_is_the_comment_section .comment_list .outer_seection .general_feedback .name_{
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  padding-top: 15px;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
  background: var(--blackColor);
  color: var(--whiteColor);
}
.this_is_the_comment_section .comment_list .outer_seection .general_feedback .feedback_list{
  /* background: var(--grayColorLight3); */
  /* border: 2px solid var(--primaryColorDark); */
  /* padding: 10px; */
  /* border-radius: var(--borderRadius); */
  margin: 5px 0px;
}
.this_is_the_comment_section .comment_list .outer_seection .general_feedback .feedback_list .date_and_compile_button{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}

.this_is_the_comment_section .replies{
  padding: 0px 30px;
}
.this_is_the_comment_section .replies h1{
  font-size: 16px;
  font-weight: bold;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.this_is_the_comment_section .replies ul{
  list-style: none;
}
.this_is_the_comment_section .replies ul li h5{
  font-size: 12px;
  font-weight: bold;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  display: flex;
  /* font-style: italic; */
}
.this_is_the_comment_section .replies ul li{
  border-left: 3px solid var(--grayColorLight2);
  padding: 10px 5px;
  margin-bottom: 10px;
}
.this_is_the_comment_section .replies ul li h5 div.user{
  margin-right: 10px;
  opacity: 0.3;
}
.this_is_the_comment_section .replies ul li h5 div.time_div{
  opacity: 0.3;
}
.this_is_the_comment_section .replies .comment_to_this_post form div.roud_input{
  background: var(--primaryColorDark);
  padding: 2px;
  border-radius: 20px;
  background: var(--grayColorLight2);
  margin-bottom: 10px;
  /* display: flex; */
}
.this_is_the_comment_section .replies .comment_to_this_post form div.roud_input input{
  width: 92.2%;
  border-radius: 20px;
  border: none;
  outline: none;
  padding: 10px;
  background: var(--grayColorLight2);
}
.this_is_the_comment_section .replies .comment_to_this_post form div.roud_input button{
  width: 7%;
  border-radius: 20px;
  border: none;
  outline: none;
  padding: 10px;
}

/*
.this_is_the_comment_section{
  position: relative;
  height: 70vh;
}
.comment_list{
  position: absolute;
  top: 330px;
  height: 500px;
  overflow-y: scroll;
  padding: 20px;
  z-index: 1;
  background: var(--whiteColor);
}
.comment_list h1{
  font-size: 20px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  font-family: var(--fontFamily);
}

.comment_list .general_feedback{
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  border-radius: var(--borderRadius);
  padding: 20px;
}
.comment_list .general_feedback .name_{
  width: 50px;
  height: 50px;
  padding-top: 15px;
  border-radius: 100px;
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  background: var(--primaryColorLight);
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
  display: flex;
  margin-right: 10px;
}
.comment_list .general_feedback .feedback_list .comm{

}
.comment_list .general_feedback .feedback_list .date_and_compile_button{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign)
}
.comment_list .general_feedback .feedback_list .date{
  font-style: italic;
  font-size: 13px;
  font-weight: var(--fontBold);
  opacity: 0.5;
}
.comment_list .replies{
  padding: 0px 50px;
}
.comment_list .replies h1{
  font-size: 16px;
  font-weight: var(--fontBold);
}
.comment_list .replies ul{
  list-style: none;
  font-style: italic;
}
.comment_list .replies ul li h5{
  font-size: 13px;
  color: var(--blackColor);
  opacity: 0.5;
}
.comment_list .replies ul li h5 .time_div{
  font-size: 12px;
  color: var(--blackColor);
}
.comment_list .replies ul li p{
  font-size: 15px;
  color: var(--blackColor);
}
.comment_list .comment_to_this_post{
  padding: 0px 50px;
  border-radius: 100px;
  display: flex;
  margin-bottom: 10px;
}
.comment_list .comment_to_this_post .reply_form_component{
  background: var(--whiteColor);
  border: 1px solid var(--primaryColorLight);
  width: 100%;
  border-radius: 30px;
}
.comment_list .comment_to_this_post form input{
  width: 500px;
  border-radius: 30px;
  border: none;
  padding-left: 10px;
  outline: none;
}
.comment_list .comment_to_this_post form button{
  width: 30px;
  height: 30px;
  background: var(--primaryColorLight);
  border-radius: 100%;
}
.comment_list .comment_to_this_post form button i{
  font-size: 10px;
  color: var(--whiteColor);
}
.comment_form_list{
  position: absolute;
  background: var(--whiteColor);
  padding: 20px;
  top: 0px;
}
.comment_form_list form label{
  display: none;
}
.comment_form_list form button.comment_button{
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  padding: 10px 20px;
  font-size: 13px;
  font-weight: var(--fontBold);
} */

.modal .modal-body .summary_and_reviewer_comments{
  padding: 20px 50px;
  text-align: justify;
  background: var(--grayColorLight3);
  margin-bottom: 10px;
}

.modal .modal-body .summary_and_reviewer_comments .comment_{
  padding: 5px 20px;
  text-align: justify;
}
.modal .modal-body .summary_and_reviewer_comments .submitted_by_section_comment{
  display: flex;
  margin-bottom: 5px;
}
.modal .modal-body .summary_and_reviewer_comments .submitted_by_section_comment .get_name{
  margin-right: 10px;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  background: var(--primaryColorLight);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  padding-top: 10px;
}
.modal .modal-body .summary_and_reviewer_comments .submitted_by_section_comment .get_contents h3{
  font-size: 16px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.modal .modal-body .summary_and_reviewer_comments .submitted_by_section_comment .get_contents h3 span{
  font-size: 12px;
  opacity: 0.6;
}


/* approved_page */
.approved_page{
  padding: 50px 0px;
}
.approved_page .content .div_submit_button_for_feedback{
  text-align: var(--centerAlign);
  padding: 30px 0px;
}
.approved_page .content .div_submit_button_for_feedback a{
  /* background: #eee;
  padding: 10px 20px; */
}
.approved_page .review_protocol{
  /* height: 70vh; */
  /* overflow-y: scroll; */
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
  border-radius: var(--borderRadius);
  /* position: sticky;
  top: 50px; */
}
.approved_page .review_protocol h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
  /* color: var(--orangeLightColor) */
}

.approved_page .review_protocol .summary_section{
  /* padding: 20px;
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}
.approved_page .review_protocol .summary_section h3{
  font-size: 20px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.approved_page .review_protocol .summary_section .summary_item{
  border: 2px solid #eee;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: var(--borderRadius);
}
.approved_page .review_protocol .summary_section .summary_item h4{
  font-size: 20px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.approved_page .review_protocol .summary_section .summary_item p{
  /* font-weight: var(--fontBold); */
  color: var(--blackColor);
}


/* rejected_page */
.rejected_page{
  padding: 100px 0px 50px 0px;
}
.rejected_page .back_button_to_re_submission_list{
  position: sticky;
  top: 150px;
}
.rejected_page .content_div_for_feedback{
  /* position: sticky;
  top: 100px; */
  background: var(--whiteColor);
  padding: 10px 20px;
}
.rejected_page .content_div_for_feedback p{
  font-family: var(--fontFamily);
  font-size: var(--fontSize4);
  /* text-align: justify; */
  /* font-weight: var(--fontBold); */
}
.rejected_page .content_div_for_feedback h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
}
.rejected_page .reject_comment_list{
  background: var(--grayColorLight2);
  padding: 20px 10px;
  height: 80vh;
  overflow-y:scroll;
}
.rejected_page .reject_comment_list h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
}
.rejected_page .reject_comment_list .outer_seection{
  background: var(--whiteColor);
  border-radius: 5px;
  padding: 20px;
  color: var(--blackColor);
  margin-bottom: 5px;
}
.rejected_page .reject_comment_list .outer_seection .name_and_date{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}

/* approved_page */
.approved_page{
  padding: 50px 0px;
}
.approved_page .div_for_feedback{
  position: sticky;
  top: 100px;
}
.approved_page .approved_comment_list{
  /* background: var(--grayColorLight3); */
  /* background: var(--grayColorLight3); */
  padding: 20px 10px;
  height: 70vh;
  overflow-y:scroll;
}
.approved_page .approved_comment_list h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
}
.approved_page .approved_comment_list .outer_seection{
  background: var(--whiteColor);
  border-radius: 5px;
  padding: 20px;
  color: var(--blackColor);
  margin-bottom: 5px;
}
.approved_page .approved_comment_list .outer_seection .name_and_date{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.approved_page .approved_comment_list .outer_seection .send_comment_for_compilation{
  display: flex;
  justify-content: flex-end;
}
.approved_page .approved_comment_list .outer_seection .send_comment_for_compilation button{
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
}
.approved_page .approved_comment_list .outer_seection .replies{
  width: 100%;
}
.approved_page .approved_comment_list .outer_seection .replies h1{
  font-family: var(--fontFamily);
  /* font-size: var(--fontSize3); */
  font-size: 15px;
  /* font-weight: var(--fontBold); */
}
.approved_page .approved_comment_list .outer_seection .replies ul{
  list-style: none;
}
.approved_page .approved_comment_list .outer_seection .replies ul li{
  /* background: #4f4f4f; */
  background: var(--grayColorLight3);
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  /* display: flex;
  align-items: var(--centerAlign); */
}
.approved_page .approved_comment_list .outer_seection .replies ul li i{
  background: var(--whiteColor);
  height: 30px;
  width: 30px;
  border-radius: 50px;
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
}
.approved_page .approved_comment_list .outer_seection .replies ul li .media .media-body h5{
  display: flex;
  justify-content: space-between;
  /* align-items: var(--centerAlign); */
}
.approved_page .approved_comment_list .outer_seection .replies ul li .media .media-body h5 div.user{
  color: var(--blackColor);
  font-weight: var(--fontBold);
  font-size: 13px;
}
.approved_page .approved_comment_list .outer_seection .replies ul li .media .media-body h5 div.time_div{
  /* font-size: var(--fontSize4); */
  font-size: 13px;
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.approved_page .approved_comment_list .outer_seection .comment_to_this_post{
  /* background: #eee; */
  padding: 2px;
  width: 100%;
  text-align: var(centerAlign);
  border-radius: 50px;
  border:1px solid #eee;
}
.approved_page .approved_comment_list .outer_seection .comment_to_this_post input{
  width: 90%;
  border-radius: 20px;
  padding: 7px 20px;
  border:1px solid #eee;
  outline: none;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  /* background: #eee; */
}
.approved_page .approved_comment_list .outer_seection .comment_to_this_post button{
  border: none;
  outline: none;
  width: 7%;
  background: var(--whiteColor);
  /* border:1px solid #eee;
  border-radius: 50px; */
}
.approved_page .approved_comment_list .outer_seection .comment_to_this_post button img{
  width: 30px;
}





/* feedback_page_comment_to_compile */
.feedback_page_comment_to_compile .comments_list h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
}
.feedback_page_comment_to_compile form label{
  display: block;
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.feedback_page_comment_to_compile form input{
  width: 100%;
  outline: none;
  height: 40px;
  border: 1px solid #eee;
  padding: 10px;
}
.feedback_page_comment_to_compile form textarea{
  width: 100%;
  outline: none;
  height: 40%;
  border: 1px solid #eee;
  padding: 10px;
}
/* .feedback_page_comment_to_compile form button{
  outline: none;
  height: 40px;
  padding: 10px;
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  border: none;
} */
.feedback_page_comment_to_compile .comment_field_section{
  position: sticky;
  top: 150px;
}






/* user_role */
.user_role{
  padding: 0px 0px 50px 0px;
}
.user_role .user_role_form{
  position: sticky;
  top: 150px;
}
.user_role .user_role_form form label{
  display: block;
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.user_role .user_role_form form input{
  width: 100%;
  outline: none;
  height: 50px;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: var(--borderRadius);
}
.user_role .user_role_form form select{
  width: 100%;
  outline: none;
  height: 50px;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: var(--borderRadius);
}
.user_role .user_role_form form button{
  outline: none;
  height: 40px;
  padding: 10px;
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  border: none;
  margin-top: 10px;
}
.user_role .user_role_form form button.save_as_incomplete{
  outline: none;
  height: 40px;
  padding: 10px;
  background: var(--orangeLightColor);
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  border: none;
  margin-top: 10px;
}

.user_role .in_progress_meeting{
  background: var(--whiteColor);
  border-radius: var(--borderRadius);
  color: var(--blackColor);
  padding: 20px;
}
.user_role .in_progress_meeting h1.top{
  font-size: 50px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}

.user_role .in_progress_meeting .ptoject_title_div p{
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
  opacity: 0.5;
}
.user_role .in_progress_meeting .ptoject_title_div p.title{
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
  opacity: 1;
  background: var(--blackColor);
  color: var(--whiteColor);
  border-radius: var(--borderRadius);
}
.user_role .in_progress_meeting .time_countdown p{
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
}
.user_role .in_progress_meeting .time_countdown p.number{
  font-size: 70px;
}
.user_role .in_progress_meeting h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
}
.user_role .in_progress_meeting div.modal#joinMeeting p{
  font-size: 15px;
  font-weight: var(--fontBold);
}
.user_role .in_progress_meeting div.modal#joinMeeting form label{
  font-size: 14px;
  font-weight: var(--fontBold);
}
.user_role .in_progress_meeting div.modal#joinMeeting form input{
  height: 50px;
  width: 100%;
  outline: none !important;
  /* border: 1px solid var(--grayColorLight3); */
  /* border: 1px solid var(--grayColorLight3); */
}
.user_role .in_progress_meeting div.modal#joinMeeting form .form-check input{
  width: 15px;
  height: 12px;
  margin-right: 2px;
}
.user_role .in_progress_meeting div.modal#joinMeeting form .form-check label{
  margin-left: 2px;
  font-weight: var(--fontBold);
}



.user_role .meeting_list_side{
  position: sticky;
  top: 200px;
}
.meeting_details{
  padding: 0px 0px 50px 0px;
}
.meeting_details .button_back_to_list{
  position: sticky;
  top: 150px;
}
.meeting_details .meeting_details_side{
  background: var(--whiteColor);
  border-radius: var(--borderRadius);
  padding: 20px;
}
.meeting_details .meeting_details_side h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
}
.meeting_details .meeting_details_side p{
  font-size: var(--fontSize4);
}
.meeting_details .meeting_details_side p.agenda{
  font-family: var(--fontFamily);
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
}
.meeting_details .meeting_details_side p.minutes{
  font-family: var(--fontFamily);
  font-size: var(--fontSize3);
  font-weight: var(--fontBold);
}




/* .user_role .extension_list{
  position: sticky;
  top: 150px;
} */

/* .user_role .progress_report_list{
  position: sticky;
  top: 150px;
} */







/* authorization_page */
.authorization_page .content_list_role{
  position: sticky;
  top: 170px;
}
.authorization_page .content_list_role table tbody tr td i.fa-check{
  color: var(--greenLightColor);
}
.authorization_page .content_list_role table tbody tr td i.fa-times{
  color: var(--redColor);
}



/* progress_report_detail */
.progress_report_detail{
  padding: 0px 0px 50px 0px;
}
.progress_report_detail .content{
  background: var(--whiteColor);
  padding: 20px 40px;
}
.progress_report_detail .content_btn{
  position: sticky;
  top: 150px;
}
.progress_report_detail .content h1{
  font-size: var(--fontSize1);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
}
.progress_report_detail .content .section h1{
  font-size: var(--fontSize3);
  font-family: var(--fontFamily);
}
.progress_report_detail .content .section p{
  font-size: var(--fontSize4);
  font-family: var(--fontFamily);
}

.progress_report_detail .content .section p img{
  width: 200px;
  margin-left: 10px;
}


.certificate_section .content{
  background: var(--whiteColor);
  padding: 40px;
}
.certificate_section .content h1{
  font-size: var(--fontSize3);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
}

.certificate_section .content form label{
  display: block;
  font-weight: var(--fontBold);
}
.certificate_section .content form input[type='file']{
  display: block;
  font-weight: var(--fontBold);
  background: var(--grayColorLight3);
  width: 100%;
  height: 50px;
  border: 2px solid #eee;
  padding: 10px;
  margin-bottom: 10px;
}
.certificate_section .content form select{
  display: block;
  font-weight: var(--fontBold);
  background: var(--grayColorLight3);
  width: 100%;
  background: var(--whiteColor);
  height: 50px;
  border: 2px solid #eee;
  padding: 10px;
}
.certificate_section .content form button{
  margin-top: 20px;
  border: none;
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  padding: 10px 20px;
}

.certificate_page .content{
  /* background: var(--whiteColor); */
  /* padding: 40px; */
}
.certificate_page .content a{
  display: flex;
  justify-content: space-around;
  align-items: center;
  border: none;
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  padding: 20px 20px;
}
.certificate_page .content a i{
  font-size: 50px;
}

/* all_certificates */
.all_certificates .accordion .accordion-header h2{
  background: var(--primaryColorDark);
}
.all_certificates .accordion .accordion-header button.accordion-button{
  border-radius: 0px;
  background: var(--primaryColorDark);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  outline: none;
}


/* comment_form_section */
.comment_form_section form{
  padding: 20px;
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: var(--borderRadius);
}
.comment_form_section form label{
  font-weight: var(--fontBold);
  margin-top: 10px;
}
.comment_form_section form select{
  font-weight: var(--fontBold);
  background: var(--whiteColor);
  padding: 10px;
  height: 50px;
  width: 100%;
  border-radius: var(--borderRadius);
  border: 2px solid #eee;
  outline: none;
}
.comment_form_section form textarea{
  font-weight: var(--fontBold);
  background: var(--whiteColor);
  padding: 10px;
  height: 200px;
  width: 100%;
  border-radius: var(--borderRadius);
  border: 2px solid #eee;
  outline: none;
  resize: none
}
.comment_form_section form button{
  font-weight: var(--fontBold);
  background: var(--primaryColorDark);
  color: var(--whiteColor);
  border: none;
  padding: 10px 20px;
  border-radius: var(--borderRadius);
  margin-top: 10px;
}
.comment_form_section .content_user_comment{
  padding: 20px;
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: var(--borderRadius);
  height: 400px;
  overflow-y: scroll;
}
.comment_form_section .content_user_comment p.heading{
  font-size: 20px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
}
.comment_form_section .content_user_comment div.horizontal_line{
  width: 100px;
  height: 5px;
  background: var(--primaryColorDark);
  margin-bottom: 30px;
}
.comment_form_section .content_user_comment .Delivered{
  border-left: 4px solid var(--blackColor);
  padding: 10px 10px;
}
.comment_form_section .content_user_comment .Read{
  border-left: 4px solid var(--primaryColorDark);
  padding: 10px 10px;
}
.comment_form_section .content_user_comment strong.user_initials{
  background: #eee;
  padding: 10px;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}





/* Authentication styles */
.auth_body{
  background: var(--greenColor);
}
.signup_page{
  /* padding: 100px 0px; */
}
/* .signup_page .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.signup_page .content .left_side{
  background-image: url('../images/docs.jpg');
  background-position: var(--centerAlign);
  background-size: cover;
  background-repeat: no-repeat;
} */

/* SIGN IN */

.authentication_page{
  padding: 50px 0px;
}
.authentication_page .login_form{
  background: var(--whiteColor);
  padding: 10px;
  border-radius: var(--borderRadius);
}
.authentication_page .login_form h1{
  font-size: 18px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
}
.authentication_page .login_form form label{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  font-size: 13px;
}
.authentication_page .login_form form input{
  width: 100%;
  border-radius: var(--borderRadius);
  padding: 5px;
  font-weight: var(--fontBold);
  outline: none;
  border: 1px solid var(--grayColor);
}
.authentication_page .login_form form button{
  background: var(--greenColor);
  color: var(--whiteColor);
  font-size: 13px;
  font-weight: var(--fontBold);
  margin: 10px 0px;
}
.authentication_page .login_form .signup_buttom_section{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.authentication_page .login_form .signup_buttom_section p{
  font-size: 13px;
  font-weight: var(--fontBold);
  margin-top:13px;
}
.authentication_page .login_form .signup_buttom_section a{
  font-size: 13px;
  font-weight: var(--fontBold);
  color: var(--primaryColorLight);
}
.authentication_page .login_form .developer_section{
  font-size: 13px;
  font-weight: var(--fontBold);
}
.authentication_page .login_form .developer_section span.email{
  color: var(--primaryColorLight)
}
.authentication_page .login_form .project_version{
  font-size: 13px;
  font-weight: var(--fontBold);
  color: var(--greenLightColor);
}
.authentication_page .login_form .forgot_password_section{
  font-size: 13px;
  font-weight: var(--fontBold);
  color: var(--greenLightColor);
}
.authentication_page .login_form .forgot_password_section a{
  text-decoration: none;
}




.authentication_page .signup_form{
  background: var(--whiteColor);
  padding: 10px;
  border-radius: var(--borderRadius);
}
.authentication_page .signup_form h1{
  font-size: 18px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
}
.authentication_page .signup_form form label{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  font-size: 13px;
}
.authentication_page .signup_form form input{
  width: 100%;
  border-radius: var(--borderRadius);
  padding: 5px;
  font-weight: var(--fontBold);
  outline: none;
  border: 1px solid var(--grayColor);
}
.authentication_page .signup_form form span ul{
  display: none;
}
.authentication_page .signup_form form span.helptext{
  font-size: 12px;
}
.authentication_page .signup_form form button{
  background: var(--greenColor);
  color: var(--whiteColor);
  font-size: 13px;
  font-weight: var(--fontBold);
  margin: 10px 0px;
}


.authentication_page .signup_form .signup_buttom_section{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.authentication_page .signup_form .signup_buttom_section p{
  font-size: 13px;
  font-weight: var(--fontBold);
  margin-top:13px;
}
.authentication_page .signup_form .signup_buttom_section a{
  font-size: 13px;
  font-weight: var(--fontBold);
  color: var(--primaryColorLight);
  text-decoration: none;
}
.authentication_page .signup_form .developer_section{
  font-size: 13px;
  font-weight: var(--fontBold);
}
.authentication_page .signup_form .developer_section span.email{
  color: var(--primaryColorLight)
}
.authentication_page .signup_form .project_version{
  font-size: 13px;
  font-weight: var(--fontBold);
  color: var(--greenLightColor);
}


/* .signup_page .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem
}
.signup_page .content.signup_form{
  padding: 20px 30px;
  background: var(--whiteColor);
}
.signup_page .content.signup_form .left_side_{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.signup_page .content.signup_form .left_side_ h1{
  margin-bottom: 30px;
  font-size: var(--fontSize1);
  font-weight: var(--fontBold);
}
.signup_page .content.signup_form h1{
  font-family: var(--fontFamily);
  font-size: var(--fontSize2);
  font-weight: var(--fontBold);
  color: var(--blackColor);
  text-align: var(--centerAlign);
  margin-bottom: 30px;
}
.signup_page .content.signup_form form label{
  display: block;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  font-size: 14px;
}
.signup_page .content.signup_form form input{
  width: 100%;
  height: 35px;
  padding: 10px;
  border: 1px solid var(--grayColor);
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 0px;
  outline: none;
  opacity: 0.5
}
.signup_page .content.signup_form form span{
  display: none;
}
.signup_page .content.signup_form form button{
  background: var(--primaryColorLight);
  margin-top: 10px;
  color: var(--whiteColor);
  text-transform: var(--textTransformCapitalize);
  outline: none;
}
.signup_page .content.signup_form .signup_buttom_section{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.signup_page .content.signup_form .signup_buttom_section p{
  font-family: var(--fontFamily);
  color: var(--blackColor);
  text-align: var(--centerAlign);
}
.signup_page .content.signup_form .signup_buttom_section a{
  color: var(--primaryColorLight);
  text-decoration: var(--textDecorationNone);
}
.signup_page .content.signup_form .developer_section{
  text-align: left;
}
.signup_page .content.signup_form .developer_section p{
  font-family: var(--fontFamily);
  color: var(--blackColor);
  text-align: left;
}
.signup_page .content.signup_form .developer_section p span{
  font-family: var(--fontFamily);
  color: var(--primaryColorDark);
  font-weight: var(--fontBold);
}
.signup_page .content.signup_form .developer_section p.email span.email{
  font-family: var(--fontFamily);
  color: var(--primaryColorLight);
  font-weight: var(--fontBold);
} */





.assign_protocol_to_reviewer{
  background: var(--redColor);
  padding: 20px;
}

.setting_page_auth{
  padding: 100px 0px 50px 0px;
}
.setting_page_auth .setting_form{
  background: var(--whiteColor);
  padding: 20px;
}
.setting_page_auth .setting_form form label{
  display: block;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
}
.setting_page_auth .setting_form form input[type='text']{
  width: 100%;
  height: 50px;
  opacity: 0.7;
  border: 1px solid var(--blackColor);
  outline: none;
  padding: 10px;
}
.setting_page_auth .setting_form form input[type='file']{
  width: 100%;
  height: 50px;
  opacity: 0.7;
  border: 1px solid var(--blackColor);
  outline: none;
  padding: 10px;
}


/*======================== Screen size ========================*/
@media only screen and (max-width: 991px){
  .signup_page .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem
  }
  .approved_page .approved_comment_list .outer_seection .replies ul li .media .media-body h5{
    display: block;
  }

  .approved_page .approved_comment_list .outer_seection .replies ul li .media .media-body h5 div.time_div{
    font-size: 13px;
    color: var(--blackColor);
    font-weight: var(--fontBold);
    display: block;
    opacity: 0.3;
  }

  .approved_page .approved_comment_list .outer_seection .comment_to_this_post form {
    /* padding: 2px; */
    display: flex;
    width: 100%;
    text-align: var(centerAlign);
  }

}
@media only screen and (max-width: 768px){
  .outer_container .content_2{
    display: block;
  }
  .outer_container .content_2 h1{
    display: block;
  }
  .outer_container .content_2 div{
    display: block;
  }
  .home_page .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .signup_page .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem
  }
  .approved_page .approved_comment_list .outer_seection .replies ul li .media .media-body h5{
    display: block;
  }

  .approved_page .approved_comment_list .outer_seection .replies ul li .media .media-body h5 div.time_div{
    font-size: 13px;
    color: var(--blackColor);
    font-weight: var(--fontBold);
    display: block;
    opacity: 0.3;
  }


  .approved_page .approved_comment_list .outer_seection .comment_to_this_post form {
    /* padding: 2px; */
    display: flex;
    width: 100%;
    text-align: var(centerAlign);
  }

}
div.modal{
  background: var(--grayColorLight3);
}
div.modal form input[type='text']{
  height: 50px;
}
div.modal form input[type='email']{
  height: 50px;
}
div.modal form select{
  height: 50px;
  background: var(--whiteColor);
}



/* .signup_page div.modal form input{
  display: block;
  width: 100%;
  height: 30px;
  padding: 20px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  border-radius: 5px;
  outline: none;
  opacity: 0.5
}

.signup_page .setting_button_option{
  display: flex;
  justify-content: center;
  align-items: center;
}
.signup_page .setting_button_option button{
  width: 50px;
  height: 20px;
} */



/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #3399ff;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home_page .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .signup_page .content.signup_form form input{
    /* display: block; */
    width: 100%;
    height: 35px;
    padding: 10px;
    /* border: 1px solid var(--blackColor); */
    border: 1px solid var(--grayColor);
    color: var(--blackColor);
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    border-radius: 0px;
    outline: none;
    opacity: 0.5
  }
  .signup_page .content.signup_form form span{
    display: none;
  }
  .signup_page .content.signup_form form button{
    background: var(--primaryColorLight);
    margin-top: 10px;
    /* height: 50px; */
    color: var(--whiteColor);
    text-transform: var(--textTransformCapitalize);
    /* width: 100%; */
    outline: none;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .home_page .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .signup_page .content.signup_form form input{
    /* display: block; */
    width: 100%;
    height: 35px;
    padding: 10px;
    /* border: 1px solid var(--blackColor); */
    border: 1px solid var(--grayColor);
    color: var(--blackColor);
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    border-radius: 0px;
    outline: none;
    opacity: 0.5
  }
  .signup_page .content.signup_form form span{
    display: none;
  }
  .signup_page .content.signup_form form button{
    background: var(--primaryColorLight);
    margin-top: 10px;
    /* height: 50px; */
    color: var(--whiteColor);
    text-transform: var(--textTransformCapitalize);
    /* width: 100%; */
    outline: none;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .home_page .content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .home_page .content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .home_page .content{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1rem;
  }
}


/* page_not_found */
.page_not_found{
  padding: 100px 0px;
}
.page_not_found .content_page_not_found{
  text-align: var(--centerAlign);
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.page_not_found .content_page_not_found h1{
  font-size: 50px;
  color: var(--blackColor);
  font-family: monospace;
  font-weight: var(--fontBold);
}
.page_not_found .content_page_not_found p{
  color: var(--blackColor);
  font-family: monospace;
  font-weight: var(--fontFamily);
}
.page_not_found .content_page_not_found .go_back_button{
  background: var(--primaryColorLight);
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  border: none;
  border-radius: 0px;
  padding: 10px 20px;
}


/* general_report_page */
.general_report_page{
  padding: 100px 0px;
}
.general_report_content{
  background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px;
}
.general_report_content .inner_line{
  border: 3px solid var(--grayColorLight3);
  padding: 10px;
  /* margin: 2px; */
}
.general_report_content .description{
  border: 2px solid var(--grayColorLight2);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.total_protocols_section{
  /* background: var(--whiteColor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  padding: 20px;
  border-left: 5px solid var(--greenLightColor);
}
.total_protocols_section h5{
  font-size: 30px;
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
}
.total_protocols_section{
  border: 2px solid var(--grayColorLight2);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.total_protocols_section .section_separator{
  display: flex;
  align-items: center;
}
.total_protocols_section .section_separator i{
  font-size: 20px;
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  color: var(--greenLightColor);
}
.total_protocols_section .section_separator h3{
  font-size: 50px;
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  /* margin-left: 50px; */
}