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: #3f90b7;
  border-color: #3f90b7;
}

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

/* 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:14px; }
.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;}
/*--------------------------------------------------------------
# Start Top Navigation Menu
--------------------------------------------------------------*/

.TopNav{background:#3f90b7; padding:0; width:100%; display:block;}
.navbar-brand {display: inline-block; width: 230px; text-align: center; font-size:30px; font-weight:bold; margin:0 10px;}
.navbar-brand a{color:#fff;}
/*.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: #c6c6c6; padding:10px 20px; transition: 0.3s; font-size: 14px;font-weight: 500;}
.main-nav a:hover{color: #5e97c7; text-decoration: none; border-radius:5px;}
.main-nav .active > a{color: #fff; 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: #004289;}

.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: #004289;}
.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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Start Form CSS
--------------------------------------------------------------*/



/*.listTable{width:100%; position:relative; overflow:auto; max-height:150px;}
.listTable table{border-collapse:separate; border-spacing:0;}
.listTable thead th{position:-webkit-sticky; position:sticky; top:0; background:#f8f7fc;}*/
.form-label{margin-bottom:0;}
.DatePick{background:#fff url(../images/CalIcon.png) right center no-repeat; background-position:right; background-repeat:no-repeat;}

.error_msg{color:#cd1414; position:absolute; font-size:11px;}
/*--------------------------------------------------------------
# End Form CSS
--------------------------------------------------------------*/
.header{background:#fff;}
.title-bar{width:100%; padding:5px 15px; margin:0 0 10px; display:block; background:#d9dfe6; color:#333;}
.border{border:1px solid #dee2e6!important; padding:15px; margin:10px 0 0;}



/*------------------------ Start Top Header CSS ----------------*/
.head-title{font-size:23px; margin:0; color:#333;}

.SearchPannel{width: 100%; height: auto; padding: 10px; margin: 5px 0 0; background: #d9dfe6; display: block; border-radius: 5px;}

.BigPopUpMask{width:100%; height:100%; right:0; top:0; bottom:0; position:fixed; display:none; background:rgba(183, 181, 181, 0.7); z-index:9999;}
.PopupHead{font-size:16px; font-weight:bold; display:inline-block;}
.PopUpMinHeight{height: 430px; margin: 10px 0 15px; width: 100%; float: left;  overflow-y: scroll;}
.PopUpMinHeight::-webkit-scrollbar{width:4px;background-color: #fff;}
.PopUpMinHeight::-webkit-scrollbar-track{border-radius: 10px; background:transparent;}
.PopUpMinHeight::-webkit-scrollbar-thumb{border-radius: 10px; background:#ccc;}
.PopUpMinHeight::-webkit-scrollbar-thumb:hover{background: #bbb;}

.ViewDataManage{background:#fff; position:fixed; right:0; top:0; z-index:99991; width:75%; height:100%; padding:20px; }
.ViewDataManageHeader{width:100%; color:#333; padding:10px 0; margin:0 0 10px; border-bottom:1px solid #ccc;}
.ViewDataManageHeader .close{float:right; font-size:18px; font-weight:bold; line-height:1; color:#fff; margin:0; width:18px; height:18px; background:#3f3f3f; border-radius:50%;}

button.close{-webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0;}

.close_btn{width:18px; height:18px; float:right; cursor:pointer;}
/*------------------------ End Top Header CSS ----------------*/

/*--------------------------------------------------------------
# Start Datatable CSS
--------------------------------------------------------------*/
.table {color: #333;}
.table tr{border-bottom:1px solid #ccc;}
.table thead{background: #736f81; color: #fff;}
table.dataTable.no-footer{border-bottom:0;}
table.dataTable thead th{padding:5px;}
table.dataTable tbody td{padding:5px;}

.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0px 8px; background: #3f90b7;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#3f90b7; color:#fff !important;}

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

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #736f81;
}
.table>:not(caption)>*>* {padding: 0.2rem 0.2rem;}


/*--------------------------------------------------------------
# End Datatable CSS
--------------------------------------------------------------*/
.inner-container{background:#fff; margin: 10px 0 0; min-height:480px; padding: 15px;}
.info{float:right; position:absolute; right:-5px; top:5px; color:#3f90b7;}
.action_icon a{margin:0 3px;}

.form-select-sm{padding: 0.25rem 1.8rem 0.25rem 0.5rem;}
.mandatory{color:#f00;}
/*--------------  Start Table Header & Footer Fixed CSS ------------------*/
.Organisation_List_Table{margin:0 0 15px 0; width:100%; overflow:auto; max-height:450px; white-space:nowrap}
.Organisation_List_Table::-webkit-scrollbar {width:6px; height:6px;}
.Organisation_List_Table::-webkit-scrollbar-track {border-radius: 10px; background:#f3f3f3;}
.Organisation_List_Table::-webkit-scrollbar-thumb {border-radius: 10px; background:#ccc;}
.Organisation_List_Table::-webkit-scrollbar-thumb:hover {background: #bbb;}

.table_scroll{position:relative; overflow:auto;}
.table_scroll thead th{position:-webkit-sticky; position:sticky; top:-2px; background:#736f81;}
.table_scroll tfoot, .table-scroll tfoot td{position:-webkit-sticky; position:sticky; bottom:0; background:#f8f7fc;}
/*------------------- End Org Product List Table ------------------*/

/*.responsive_table{width:100%; overflow-x:scroll; overflow-y:hidden;}*/
.PlusIcon {
    background: #fff;
    padding: 5px;
    margin: 0;
    color: #3395ff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    box-shadow: 0 2px 1px #ccc;
    cursor: pointer;
    text-align: center;
}

.DeleteIcon {
    background: #fff;
    padding: 5px;
    margin: 0;
    color: #f00;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    box-shadow: 0 2px 1px #ccc;
    cursor: pointer;
    text-align: center;
}
/*-------------------------- Start Dashboard CSS -----------------*/


.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#3f90b7;}
.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:#3f90b7;}
/*-------------------------- End Dashboard CSS -------------------*/

.search_head{font-size:20px; font-weight:bold;}

.claim_searchicon{position:absolute; left:20px; top:25px; color:#999; cursor:pointer;}
.AutoSearch_popup{width:505px; position:absolute; z-index:991; background:#fff; display:none; white-space: nowrap; margin:0; box-shadow: 0 0 10px #999;}
.AutoSearch_popup table{width:100%; margin:0;}
.AutoSearch_Table{width:400px !important;}
.AutoSearch_Table tr:hover{background:#aedfdd;}
.table-scroll{position:relative; overflow:auto; max-height: 300px;}
.table-scroll table{border-collapse:separate; border-spacing:0;}
.table-scroll::-webkit-scrollbar{width:6px; height:6px; border-radius:5px;} 
.table-scroll::-webkit-scrollbar-track{background:#f5f9fe;} 
.table-scroll::-webkit-scrollbar-thumb{background:#CCC; border-radius:5px;}

#preload{margin:auto;position:fixed;width:100%;height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.5);z-index:9999999;display:flex;align-content:center;justify-content:center}
.loaderText{position:absolute; top:44%; width:80px; height:80px; color:#fff; text-align:center; margin:auto; left:0; right:0;}
.loader {
    border-radius: 50%;
    border: 0px solid #f3f3f3;
    border-top: 4px solid #15c8ff;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    top: 40%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

@media (max-width: 768px) {

}