#hide_on_screen{
    display: none;
}



.printable{
    display: none;
  }

.nav_bar_shadow {
 
  box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
  font-family: Nunito;

    background-color: #fff !important;
    backdrop-filter: blur(10.3px);
    -webkit-backdrop-filter: blur(10.3px);
}




.top_info_bar{
  font-family: Nunito;
  background-color: #01abf3 !important;
  backdrop-filter: blur(10.3px);
  -webkit-backdrop-filter: blur(10.3px);
  color: #f3f9fe;
  padding: 0.5rem;
  text-align: center;
}

.top_user_details{
  color: #61768a;
  margin-bottom: .15rem;
}

.make_transparent{
  background-color:rgba(0, 0, 0, 0) !important;
}

.transparent_glow_bg{
  background-color: rgba(255, 255, 60, 0.3) !important;
  backdrop-filter: blur(10.3px);
  -webkit-backdrop-filter: blur(10.3px);
}

.navbar_logo {
   padding-right: 16px;
 
   
}

.col-auto{
  margin-top: 0.5rem;
}


body{
  font-family: Nunito !important;
 

background-color: #fdfdfd;
 
    font-size: 1rem;
    font-weight: initial;
}
.gen_container{
  padding: 2rem;
  padding-bottom: 0;
}

.nav-link{
    color: #495057 !important;
    padding-left: 0;
    padding: 10px 20px !important;
    font-size: 0.875rem;
    font-weight: 300;
}

.active > .nav-link  {
  color:#00b3ff !important;
  font-weight: bold;

}

@media (min-width: 992px) { 
  .active >  .top_page_nav{
    color:#00b3ff !important;
    font-weight: bold;


  }
}


ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


.nav-link_2{
  color: #495057 !important;
  padding-left: 0;
  padding: 10px 20px !important;
  font-size: 0.775rem;
  font-weight: 300;
  text-decoration: none;
}

 .nav-link_2.active {
  color: #00b3ff !important;
 border-bottom: 0px solid #4ed180;
 border-top: 1px solid #4ed180;
 border-left: 1px solid #4ed180;
 border-right: 1px solid #4ed180;

  padding-left: 0;
  padding: 10px 20px !important;
  font-size: 0.775rem;
  font-weight: bold;


}

.nav-link_2:hover{
  color: #27b8f7 !important;
  

  padding: 10px 20px !important;
  font-size: 0.775rem;
  font-weight: 400;
  text-decoration: none;
}


.nav-tabs {
  border-bottom: 1px solid #4ed180;
}


.category-heading{
    color: #4ed180;
    font-weight: bold;
    text-decoration: underline;

}

:not(.icon_only_link).menu_icon{
    padding-right: 8px;
    color: #00b3ff !important;
    
}

.icon_only_link{
  padding-right: 8px !important;
  padding-left: 8px !important;

  color: #00b3ff !important;
}

.dropdown{
    transition: all 0.5s;
}

.dropdown-menu{
  margin-top: 0.5rem;
    background-color: #fff;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;

}

.navbar-toggler{
    
    border: 1px solid #00b3ff !important;
    background-color: #ffffff;
}

@media (min-width: 992px) { 
.dropdown-menu{
    width: 50vw !important; 
    right: auto;
    left: 25%; 
    transform: translate(-25%, 0) !important;

}

.sub_menu_box{
    border-left: 1px solid #fff !important;

}



}

@media (min-width: 1200px) { 
    

    .sub_menu_box{
        border-left: 1px solid #fff !important;
    
    }

 

 }

 .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }


@keyframes slideIn {
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0rem);
      opacity: 1;
    }
  
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }
  
    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }
  
    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
  }
  
  .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
  }

  :not(.icon_only_link).nav-link:hover{

  
    color: #27b8f7 !important;
 
  
    -moz-transition:  0.1s ease-in-out;
    -ms-transition:  0.1s ease-in-out;
    -o-transition:  0.1s ease-in-out;
    transition:  0.1s ease-in-out;
  }
  
  #screening_area{
    font-size: 0.775rem;

  }

  .card_blue{
    border-radius: 5px;
  
 
   
    
  }

.card_blue_main_header{
    background-image: linear-gradient(#f3f9fe, #f3f9fe, #f3f9fe);
   
    border-color: #f3f9fe;
    border-radius: 4px;

}

  .card_blue_main_heading_letters{
    font-size: 0.925rem;
    font-weight: 600 !important;
    color: #27b8f7 !important;
    padding-bottom: 10px;
   
  }

.table_header_custom{
  color: #495057;
  border-bottom:2px solid #f8f8f8 !important;
  background-color: #f3f9fe;
  
}
.table_body_custom{
  color: #61768a;
  font-size: 0.775rem;
  
}

.scrollable_table_area{
  max-height: 50vh;
  overflow-y: auto;
}


.table_body_custom  td{
  color: #495057;
  vertical-align: middle !important;
}

.btn_custom_green_outline{
  border-radius: 15px;
  font-size: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
  color: #4ed180;
  border-color: #4ed180;
  transition-duration: 0.3s;
  white-space: nowrap;
 
 
}
 
.btn_custom_green_outline:hover{

  background-color: #4ed180;
  color: #fff;
  border-color: #4ed180;
  transition-duration: 0.3s;

}


.btn_custom_yellow_outline{
  border-radius: 15px;
  font-size: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
  color: #faab0a;
  border-color: #faab0a;
  transition-duration: 0.3s;
  white-space: nowrap;
 
 
}
 
.btn_custom_yellow_outline:hover{

  background-color: #faab0a;
  color: #fff;
  border-color: #faab0a;
  transition-duration: 0.3s;

}

.btn_custom_red_outline{
  border-radius: 15px;
  font-size: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
  color: #f2285e;
  border-color: #f2285e;
  transition-duration: 0.3s;
}
 
.btn_custom_red_outline:hover{

  background-color: #f2285e;
  color: #fff;
  border-color: #f2285e;
  transition-duration: 0.3s;

}

.btn_custom_red_outline_disabled{
  border-radius: 15px;
  font-size: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
  color: #7f878f;
  border-color: #7f878f;
  transition-duration: 0.3s;
}

.btn_custom_white_outline{
  border-radius: 15px;
  font-size: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  transition-duration: 0.3s;
}
 
.btn_custom_white_outline:hover{

  background-color: red;
  color: #fff;
  border-color: red;
  transition-duration: 0.3s;

}

.btn_custom_red_no_outline{
 
  font-size: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
  color: #ffff;
  
  transition-duration: 0.3s;
}
 
.btn_custom_red_no_outline:hover{


  color: #f2285e;
  
  transition-duration: 0.3s;

}

.table_body_row{
  border-bottom:2px solid #f8f8f8 !important;
  
  border-spacing: 10px;
}

.general_color_bg_text{
  background-color: #27b8f7;
  color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  white-space: nowrap;
}

.red_color_bg_text{
  background-color: #fe658f;
  color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  white-space: nowrap;
}

.green_color_bg_text{
  background-color: #8ed43d;
  color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  white-space: nowrap;
}

.yellow_color_bg_text{
  background-color: #faab0a;
  color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  white-space: nowrap;
}

.purple_color_bg_text{
  background-color: #fe65dd;
  color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  white-space: nowrap;
}

.small_card_summery_detail{
  color: #61768a;
  font-size: 0.9rem;
   
}


.small_card_green{
  border-radius: 10px;
  color: #61768a;
  border-left: 4px solid #4ed180;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10.3px);
-webkit-backdrop-filter: blur(10.3px);
}

.small_card_summery_topic_green{
  color: #4ed180 !important;
  font-size: 0.6rem !important;
   
}

.small_card_row{
  padding-bottom: 0.8rem;
}

.small_card_yellow{
  border-radius: 10px;
  color: #61768a;
  border-left: 4px solid #faab0a;
}

.small_card_summery_topic_yellow{
  color: #faab0a !important;
  font-size: 0.6rem !important;
   
}

.small_card_blue{
  border-radius: 10px;
  color: #61768a;
  border-left: 4px solid #27b8f7;
}

.small_card_summery_topic_blue{
  color: #27b8f7 !important;
  font-size: 0.6rem !important;
   
}


.small_card_red{
  border-radius: 10px;
  color: #61768a;
  border-left: 4px solid #fe658f;
}

.small_card_summery_topic_red{
  color: #fe658f !important;
  font-size: 0.6rem !important;
   
}

.main_heading_letters{
  font-size: 1.5rem;
  font-weight: 400 !important;
  color: #3abaf1 !important;
 
}

.same_height_column_row{

  display:  flex;
  flex-wrap: wrap;
}



.child_height {
 
  flex-basis: 0px;
  flex-grow: 1;
  overflow-y: auto;
}

.selectbox_custom{

    color: #495057;
    font-size: 0.775rem;
   
}

.selectbox_custom_small{

  color: #495057;
  font-size: 0.625rem;
  border-radius: 10px;
 
}

.selectbox_custom_white{

  color: #fff;
  font-size: 0.65rem;
 
}

#canvas_div {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.canvas_draw {
border: 1px solid #495057;
}

.form-group .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}

.select2-selection__rendered
{
    font-size:1em;
}

.select2-container--default .select2-results > .select2-results__options{
  font-size: 0.75em;
}


#loader {
  position: fixed;
  display: none;
  left: 50%;
  top: 50%;
  z-index: 2500;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;

  
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.9); /* Black background with opacity */
  z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.lds-dual-ring {

  width: auto;
  height: auto;
  
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px;
  border-radius: 50%;
  border: 3px solid #4e73df;
  border-color: #4e73df transparent #4e73df transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.disabled{
  text-decoration: line-through !important;
}

.detail_table_info{

  color:#27b8f7 !important;
  font-weight: bold; 

  padding-top: 0 !important;
}

.detail_table_info_span{
  
  color:#7f878f;
  font-weight:400; 

  padding-top: 0 !important;

}