.app-header .aside_logout{
  background-color: #20a8d8;
  min-width: 38px;
  padding: 0px 0;
  text-align: center;
  font-size: 20px;
  border-radius: 3px;
}
.app-header .aside_logout:hover{
  background-color: #52A1CC;
}
.app-header .aside_logout .fa{
  color: #fff;
}
.profile_form form{
  width: 70%;
  background: #fff;
  padding: 20px;
  box-shadow: 0px 0px 3px #cccc;
  margin-bottom: 30px;
  border-radius: 3px;
}
.container_sm{
  width: 70%;
  background: #fff;
  padding: 20px;
  box-shadow: 0px 0px 3px #cccc;
  margin-bottom: 30px;
  border-radius: 3px;
}
.sidebar-lg-show .sidebar-nav{
  display: block;
}
.sidebar-fixed .sidebar {
    position: fixed;
    z-index: 1019;
    width: 230px !important;
    height: 100vh;
}
.sidebar .sidebar-nav{
  width: 230px !important;
}
.sidebar .nav{
  width: 230px !important;
}
.sidebar .nav-link span, .sidebar .nav-link .fa{
  font-size: 22px;
  position: relative;
  top: 5px;
  color: #73818f;
  margin-right: 10px;
}
html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer {
    margin-left: 230px;
}
.input-group.mb-4.or_text{
  margin-bottom: 5px !important;
}
.or_text h3{
  text-align: center;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.logo_section{
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  clear: both;
}
.logo_section span{
  background-color: #fff;
  display: inline-block;
  padding: 10px;
  border:1px solid #c8ced3;
}
html:not([dir="rtl"]) .sidebar {
    margin-left: -230px;
}

.for-desktop{display: block;}

.for-mobile{display: none;}

.year-tab-group .radio-inline {
    border: 1px solid #ccc;
    padding: 0px 5px 2px;
    margin: 0 5px 5px 5px;
    border-radius: 3px;
    font-size: 13px;
    width: 45px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
}
.year-tab-group {
    text-align: left;
    font-size: 0px;
    display: inline-block;
    width: 100%;
}
.year-tab-group .radio-inline:hover{
  background-color: #52A1CC;
  border: 1px solid #20a8d8;
  color: #fff;
}
.year-tab-group .radio-inline.active {
    background-color: #20a8d8;
    border: 1px solid #20a8d8;
    color: #fff;
}
.year-tab-group .radio-inline input[type="radio"]{
  visibility: hidden;
  position: absolute;
}
.profile_form form.full-width{
  width: 100%;
  padding: 30px 50px 30px 50px;
}
.profile_form form.full-width .lable-control{
  font-weight: bold;
  margin-right: 10px;
}
.profile_form.agent-registration{
  width: 55%;
  margin: 0 auto;
}
.dataTables_wrapper .dataTables_filter{
  text-align: right;
  display: inline-block;
  width: 100%;
}
.dataTables_wrapper .dataTables_filter label{
  float: none;
}
.captcha_se01 .form-control{
  width: 150px;
  display: inline-block;
}
label.error{
  float: left;
  display: block;
  width: 100%;
}
.login-copyright{
  border-top: 1px solid #cc6600;
  padding-top: 15px;
}
.login-copyright .pageElement p:last-child{
  margin-bottom: 0px;
}
.profile_form form.full-width .alert-info{
  background-color: transparent;
  border-color: #fde4a8;
  padding: 0px;
  border-style: solid;
  border-width: 0 0 1px 0;
  margin-bottom: 30px;
}
.profile_form form.full-width .btn-success{
  background-color: #eee;
  border:1px solid #ccc;
  border-radius: 0px;
  color: #000;
}
.profile_form form.full-width .btn-success:hover{
  border: 1px solid #0093ff;
  background-color: #f1f1f1;
}
@media only screen and ( max-width: 1024px ) {
  .profile_form form, .container_sm{
    width: 90%;
  }
  .profile_form.agent-registration{
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and ( max-width: 991.98px ){
  .d-lg-none.for-mobile{
    display: block;
  }
  html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed.sidebar-show .main, 
  html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed.sidebar-show .app-footer, 
  html:not([dir="rtl"]) .sidebar-show.sidebar-fixed.sidebar-show .main, 
  html:not([dir="rtl"]) .sidebar-show.sidebar-fixed.sidebar-show .app-footer {
    margin-left: 230px;
  }
  html:not([dir="rtl"]) .sidebar{
    margin-left: -230px;
  }
  .app-body .sidebar {
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
    -ms-flex-order: -1;
    order: -1;
  }
  html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main,
   html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer, 
   html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main, 
   html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer{
    margin-left: 0px;
   }
  /*.d-lg-none.for-desktop{
    display: block !important;
  }*/
  /*.d-lg-none.for-mobile{
    display: block;
  }
 html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer{
  margin-left: 0px;
 }*/
}
@media only screen and ( max-width: 991px ) {

  .heading h2, .card-body h1{font-size: 24px;}
  .profile_form form, .container_sm{
    width: 100%;
  }

  header.app-header .navbar-brand {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0px;
  }
  
  .profile_form.agent-registration{
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and ( max-width: 767.98px ) {
  .heading h2, .card-body h1{font-size: 20px;}
  .for-desktop{display: none;}
  .for-mobile{display: block;}
  .profile_form form.full-width{
    width: 100%;
    padding: 20px 20px 10px 20px;
  }
}
@media only screen and ( max-width: 767.98px ) {
  html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer{
      margin-left: 0px;
  }
  
  .table-responsive-sm{
      width: 100% !important;
    }
}

/*  TOOLTIP */
/*  REF: https://www.w3schools.com/howto/howto_css_tooltip.asp */
.tooltip {
  white-space: nowrap;
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  opacity: 1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 320px;
  background-color: #555;
  color: #fff;
  text-align: left;
  margin: 10px;
  padding: 5px 5px;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip-left {
  top: -4px;
  bottom: auto;
  right: 108%;  
}

.tooltip-left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
}

label.error{
  color:red;
}

.status-available {
  color: #2FC332;
}

.status-not-available {
  color: #D60202;
}

.login-bg{background:#fdeebb;}
.login-bg .card-group .card{border: 1px solid #cc6600;}
.login-bg .row .sub-btn{background-color:#eee;}

#foot {
  width: 100%;
  height: auto;
  clear: both;
  margin: 0px 0px 5px 0px;
  padding: 9px 0 10px 0;
  background: #fff;
  color: #333;
  border-top: 5px solid #fde9d1;
}