a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
  padding:0 0 0 25px;
}

/* Provide sufficient contrast against white background */
a {
  color: #3f90b7;
  text-decoration:none;
}

.btn-primary {
  color: #fff;
  background-color: #5f90d9;
  border-color: #5f90d9;
}

.btn-primary:hover {
  color: #fff;
  background-color: #376dbd;
  border-color: #376dbd;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #376dbd;
  border-color: #376dbd;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); width:100%; display:block;
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }

body {background:#fafafa; color:#555; font-size:12px; font-family:Arial, Tahoma, sans-serif;}
.footer {position: absolute; bottom: 0; width: 100%; white-space: nowrap; line-height: 60px; /* Vertically center the text there */}

.clearfix{width:100%; clear:both;}
.clearfix::after {display: block; clear: both; content: "";}

/*@media (min-width: 1200px){
.container {
    max-width:1330px;
}
}*/

.top-header {
    background-color: #5e97c7!important;
}



.intro-info{margin:100px 0 0; min-height:450px;}
.Login_box .title{color:#333; font-weight:bold; text-align:center;}
.Login_box {padding: 30px; position: relative; overflow: hidden; border-radius: 10px; margin: 0 10px 40px 10px; background: #fff; box-shadow: 0 10px 29px 0 rgb(68 88 144 / 10%); transition: all 0.3s ease-in-out; border: 5px solid #e8e8e8;}
.login-logo{margin:0 0 20px;}

.logo{color:#333; font-size:20px; font-weight:bold;}
.logo a{color:#333;}
.logo img{width:90px;}

/*--------------------------------------------------------------
# Start Top Navigation Menu
--------------------------------------------------------------*/

.TopNav{background:#fafafa; padding:0; width:100%; display:block;}
.navbar-brand {display:inline-block; width:auto; text-align:center; margin:0;}
.navbar-brand a{color:#333; padding:5px; font-size:20px; font-weight:bold;}
.navbar-brand a img{width:90px;}
/*.main-nav{margin:5px 0 0 !important;}*/
.main-nav,
.main-nav *{margin: 0; padding:0; list-style: none;}
.main-nav > ul > li { position: relative; white-space: nowrap; float: left; color:#333;}
.main-nav a {display: block; position: relative; color: #333; padding:10px; transition: 0.3s; font-size: 14px;font-weight: 500;}
.main-nav a:hover{color: #0495f9; text-decoration: none; border-radius:5px;}
.main-nav .active > a{color: #0495f9; text-decoration: none; background:#007bff; border-radius:5px;}
.main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul{opacity: 1; top:85%; visibility: visible;}
.main-nav .drop-down li{min-width: 180px; position: relative;}
.main-nav .drop-down ul a{padding:7px 10px; font-size: 13px; color: #333;}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {color: #007bff;}

.main-nav .drop-down > a:after {content: "\f107";font-family: FontAwesome;padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}

/* Mobile Navigation */
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;background: rgba(19, 39, 57, 0.8);transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #fff;padding: 10px 20px;font-weight: 500;font-size:13px;}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color: #74b5fc !important;text-decoration: none;}

.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px; color:#fff;}
.mobile-nav .drop-down > a:focus {color:#007bff;}
.mobile-nav .drop-down.active > a{color:#007bff;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle{position: fixed;right: 0;top: 0;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {margin: 18px 18px 0 0;color: #fff;}
.mobile-nav-overly{width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(19, 39, 57, 0.8);overflow: hidden;display: none;}
.mobile-nav-active{overflow: hidden;}
.mobile-nav-active .mobile-nav{left: 0;}
.mobile-nav-active .mobile-nav-toggle i{color: #fff;}


.arrow{width:auto; margin:0 0 0 -27px; float:left; vertical-align:middle; position:fixed; top:370px;}
/*--------------------------------------------------------------
# End Top Navigation Menu
--------------------------------------------------------------*/
.main-contener {
    margin:45px 0 0;
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
}
}

/*.tab_pannel .nav-tabs{border-bottom:none;}
.tab_pannel .nav-link{padding: 0.2rem 1rem; background:#f3f3f3; margin:0 2px; border:1px solid #ccc; border-bottom:none; color:#333;}
.tab_pannel .nav-tabs .nav-link{border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;}
.tab_pannel .nav-link:focus, .nav-link:hover{color: #5f90d9;}
.tab_pannel .nav-tabs .nav-item.show .nav-link, .tab_pannel .nav-tabs .nav-link.active {color:#fff; background-color:#5f90d9; border-color:#dee2e6 #dee2e6 #5f90d9;}*/
.tab_pannel .tab-content>.tab-pane{border:1px solid #ccc; margin: -1px 0 0;}
.tab_pannel{}
.tab_nav{width: 100%; height: 20px;}
.tab_nav ul{margin: 0; padding: 0;}
.tab_nav ul li{margin:0; padding:0; list-style-type:none; display:inline; float:left;}
.tab_nav ul li a{margin: 0 2px 0 0; padding:5px 15px; border-radius: 5px 5px 0 0; border: 1px solid #ccc; background:#f3f3f3; border-bottom: none; color: #333;}
.tab_nav ul li a.active{background:#5f90d9; color:#fff;}

.tab_content_section{border:1px solid #ccc;}

.tab_top_section{background:#5f90d9; height:30px; padding:0 15px;}
.tab_top_section ul{margin:5px 0; padding:0; float:left;}
.tab_top_section ul li{margin:0; padding:0 10px; list-style-type:none; display:inline-block; border-right:1px solid #fcfcfc;}
.tab_top_section ul li:last-child{border:none;}
.tab_top_section ul li a{color:#fff;}

.candidate_saction{border-bottom:1px solid #ccc; padding:2px 10px; margin:0 0 5px;}
.candidate_saction a{color:#333; font-size:11px;}
.candidate_saction .bluetext{color:#5f90d9;}

.quick_search_section{text-align:right; padding:2px 10px;}

.tab_container{padding:10px; min-height: 400px;}
.tab_container .card-header{padding:2px 5px; font-weight:bold; font-size:14px;}

.activities_link{width:100%; text-align:right;}
.activities_link ul{margin:0; padding:0;}
.activities_link ul li{margin:0; padding:0 5px; border-right:1px solid #ccc; list-style-type:none; display:inline-block;}
.activities_link ul li:last-child{border-right:none;}
.activities_link ul li a{color:#333;}
/*--------------------------------------------------------------
# Start Form CSS
--------------------------------------------------------------*/

.form-label{margin-bottom:0;}
.form-control{border-radius:0;}
.form-control-sm{min-height: calc(1em + (0.5rem + 2px)); padding: 0.10rem 0.5rem; border-radius:0; font-size: 12px;}
.form-select-sm{min-height: calc(1em + (0.5rem + 2px)); padding: 0.10rem 0.5rem; border-radius:0; font-size: 12px;}
.btn-sm{min-height: calc(1.3em + (0.5rem + 2px)); padding: 0.15rem 0.5rem; border-radius:0; font-size: 12px;}

.DatePick{background:#fff url(../images/CalIcon.png) right center no-repeat; background-position:right; background-repeat:no-repeat;}
.TimePick{background:#fff url(../images/TimeIcon.png) right center no-repeat; background-position:right; background-repeat:no-repeat;}
.datetimepicker{font-size:12px;}
.hour legend{font-size:15px; font-weight:bold;}
/*.datetimepicker{left:60% !important; top:262.688px !important;}*/

.search_input{min-height: calc(0.3em + (0.5rem + 2px)); padding:0.05rem 0.5rem; border-radius: 0; border:1px solid #ccc;}
.go_btn{background:#999; border:none; color:#fff; padding:2px 5px;}

.gray_btn{background:#999; border:none; color:#fff; padding:2px 5px;}

.mandatory{color:#cd1414;}
.error_msg{color:#cd1414; position:absolute; font-size:11px;}
/*--------------------------------------------------------------
# End Form CSS
--------------------------------------------------------------*/
.header{background:#fafafa; padding:5px 0;}
.title-bar{width:100%; padding:2px 15px; margin:0; display:block; background:#e2e2e2; color:#fff;}
.head-title{font-size:20px; margin:0; color:#333; font-weight:bold;}


/*------------------------ Start Top Header CSS ----------------*/


.SearchPannel{width:100%; height: auto; padding:5px; margin:0; background:#fff;}
.search_head{font-size:20px; font-weight:bold;}
.form-check-inline{margin-right: 0.5rem;}
/*------------------------ End Top Header CSS ----------------*/

/*--------------------------------------------------------------
# Start Datatable CSS
--------------------------------------------------------------*/
.table {color: #333;}
.table tr{border-bottom:1px solid #ccc;}
.table thead{background: #7a7a7a; color: #fff;}
table.dataTable.no-footer{border-bottom:0;}
table.dataTable thead th{padding:5px;}
table.dataTable tbody td{padding:5px;}
.table>:not(caption)>*>*{padding: 0.2rem 0.5rem;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0px 8px; background: #5f90d9;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#5f90d9; color:#fff !important; border: 1px solid #5f90d9;}

.dataTables_length{display:none;}
.dataTables_info{display:none;}
.dataTables_filter{display:none;}
.table .fa{font-size: 13px;}

.editdelete_icon{width:80px;}
.editdelete_icon a{margin:0 3px;}
.details_table{width:100%;}
/*--------------------------------------------------------------
# End Datatable CSS
--------------------------------------------------------------*/
.inner-container{background:#fff; padding:10px; margin: 10px 0 0; min-height:570px; }

.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#5f90d9;}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#5f90d9;}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {border-left-color:#5f90d9;}

.group_table_scroll{height:350px; overflow-y:scroll; overflow-x:hidden;}

/*---------- Start Modify Cslender CSS ---------*/
div.calendar{z-index:9990 !important;}
div.event-editor{z-index:9991 !important;}
.confirmation{z-index:9992 !important;}
div.event-editor div.view div.title-bar{width:95.5%;}
.ib-pin{display:none !important;}
.ib-refresh{display:none !important;}
/*---------- End Modify Cslender CSS ---------*/


@media (max-width: 768px){
.content-header>.breadcrumb, .content-header>.container>.breadcrumb {top:15px;}
.responsive_table{width:100%; overflow-x:scroll; overflow-y:hidden;}
.main-contener{margin:80px 0 0;}
.login-bg{display:none;}
.Mobile{display:none;}
.details_table{width:800px;}

.tab_nav{width:100%; height:30px; overflow-x:scroll; overflow-y:hidden;}
.tab_nav ul{width:905px;}
.tab_nav ul li a{float:left;}
}