/*!
 * Ocean Blue Theme
 */
:root {
  --blueprimary-color: #1c529b;
  --blueprimary-light-color: #e6f9f1;
  --blueprimary-hover-color: #103b72;
  --bluesecondary-color: #cc8328;
  --bluesecondary-light-color: #c965361c;
  --purplered-color: #e92641;
  --white-color: #fff;
  --nav-active-color:#FFB860;
}

/* Layout */
html.theme-ocean-blue header,
html.theme-ocean-blue .header,
html.theme-ocean-blue .input-group-text,
html.theme-ocean-blue .datepicker td.day.active, .datepicker td.day.active:hover,
html.theme-ocean-blue [class*="sub-nav"],
.theme-ocean-blue #nav,
.theme-ocean-blue .welcome {
  background: var(--blueprimary-color);
}

html.theme-ocean-blue .input-group-text{
  color: var(--white-color);
  border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .btn-outline-primary{
  border-color: var(--blueprimary-color);
  color: var(--blueprimary-color);;
}
html.theme-ocean-blue .btn-outline-primary:hover, html.theme-ocean-blue .btn-outline-primary:focus, html.theme-ocean-blue .btn-outline-primary:focus-visible{
  background: var(--blueprimary-color);
  color:var(--white-color);
}



/* html.theme-ocean-blue .tbl-action{
  background: #FBF5EE;
  color:#201F23;
border-color: #CC8328;
}
html.theme-ocean-blue .tbl-action:hover{
background: var(--bluesecondary-color);
color: #fff;
border-color: var(--bluesecondary-color);
 
} */
html.theme-ocean-blue table:not(.datepicker table, .nostriped) tbody tr:hover{
  background-color: #e3e9ff5c;
}
html.theme-ocean-blue table:not(.datepicker table, .nostriped) tbody tr{
  border-bottom-color: #bed2ec;
}
html.theme-ocean-blue .profile-dropdown ul{
  background: var(--blueprimary-color);
}
html.theme-ocean-blue .accordion-button:not(.collapsed){
  border-color: var(--blueprimary-color);
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .accordion-item h2{
  color: var(--blueprimary-color);
}
HTML.theme-ocean-blue .profile-dropdown::before{
  border-bottom-color: var(--blueprimary-color);
}
html.theme-ocean-blue .breadcrumb > li a{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .datepicker td.day.active,html.theme-ocean-blue .datepicker td.day.active:hover{
  background: var(--blueprimary-color);
  color: #fff;
}
html.theme-ocean-blue .page-title{
  color: #000000;
}
html.theme-ocean-blue .breadcrumb li:last-child a{
  color: #8F949D;
}
html.theme-ocean-blue .dashboard_box-count{
  background-color: var(--blueprimary-color);
}
html.theme-ocean-blue .dashboard_box{
  border-color: var(--bluesecondary-color);
}
html.theme-ocean-blue .empowering,
html.theme-ocean-blue .public-header {
    background-color: var(--blueprimary-color);
    /* background-image: url("../../images/banners/blue-bg.png"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
html.theme-ocean-blue .profile-card img{
  border-color: var(--bluesecondary-color);
}
html.theme-ocean-blue .header_main {
  background: var(--white-color);
}


/* Text */
html.theme-ocean-blue .min-name,
html.theme-ocean-blue .section-main-title,
html.theme-ocean-blue .navbar-nav .nav-link.active .dept-name,
html.theme-ocean-blue .designation,
html.theme-ocean-blue .dept-name,
html.theme-ocean-blue .title-blog {
  color: var(--blueprimary-color);
}
html.theme-ocean-blue [class*="buildversion"] {
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .purple{
  border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .chart-boxes .box .count{
  background-color: var(--blueprimary-color);
  color: var(--white-color);
}

html.theme-ocean-blue .chart-boxes .box.active-box .count{
  background-color: var(--bluesecondary-color);
  color: var(--white-color);
}
html.theme-ocean-blue .signin-page__inner{
  border-color: var(--blueprimary-color);
}
/* Navigation */
html.theme-ocean-blue .navbar-nav .nav-link::after {
  background: #F5A623;
}
html.theme-ocean-blue .active-box{
  background-color: var(--blueprimary-color);
  border-color: var(--blueprimary-color);
  color: var(--white-color);

}
html.theme-ocean-blue .drawer-tab-label{
  color: var(--blueprimary-color);
  border-color: var(--blueprimary-color);
  background: #1c529b2e;
}
html.theme-ocean-blue 
html.theme-ocean-blue .eservices::before{
  background: #6a85a991;
}
html.theme-ocean-blue .main-title span{
  color: var(--bluesecondary-color);
}
html.theme-ocean-blue .small-title span{
  color: var(--bluesecondary-color);
}
html.theme-ocean-blue .small-title{
  color: var(--bluesecondary-color);
}
html.theme-ocean-blue .service-card h6{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .e-services-des{
  color:#E8F0FA;
}
html.theme-ocean-blue .active-box::before{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .tab:hover{
  color: var(--blueprimary-hover-color);
}
html.theme-ocean-blue .top-footer{
  background: #E8F0FA;
}
html.theme-ocean-blue .status-active{
  color: var(--blueprimary-color);
  background: var(--blueprimary-light-color);
}
html.theme-ocean-blue .line-status-pill.running{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .stat-value.green{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .line-value.active-val {
  color: var(--blueprimary-color);
  background-color: var(--blueprimary-light-color);
}
html.theme-ocean-blue .line-status-pill.running .line-status-dot {
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .top-footer .policy-links a{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .docs-section-title{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .icon-download{
  fill: var(--blueprimary-color);
}
html.theme-ocean-blue .doc-item:hover .doc-item__name{
  color: var(--blueprimary-hover-color);
}
html.theme-ocean-blue .tooltip-val{
  color: var(--blueprimary-color);
  background: var(--blueprimary-light-color);
}
/* html.theme-ocean-blue .profile-card .min-name{
  color: ;
} */
html.theme-ocean-blue .nav__menu-item>a {
  color: #c5bdbd;
}

html.theme-ocean-blue .nav__menu-item>.active {
  color: var(--nav-active-color);
}

/* Buttons */
html.theme-ocean-blue .btn-primary,
.theme-ocean-blue .submitbutton,
.theme-ocean-blue .btn-search,
.theme-ocean-blue #GetotpButton {
  background: var(--blueprimary-color);
  border: 1px solid var(--blueprimary-color);
  color: var(--white-color) !important;
}

html.theme-ocean-blue .btn-primary:hover,
html.theme-ocean-blue .submitbutton:hover,
html.theme-ocean-blue .btn-search:hover,
html.theme-ocean-blue .btn:hover {
  background:var(--blueprimary-color);
  color: var(--white-color);
}
html.theme-ocean-blue .popup-head .actions [onclick], 
html.theme-ocean-blue .popup-head .actions a[href]:not([href="#"]){
  color:var(--blueprimary-color) ;
  border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .popup-head .actions [onclick]:hover,
html.theme-ocean-blue .popup-head .actions a[href]:not([href="#"]):hover {
    color: #fff;
    background-color: var(--blueprimary-color);
    border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .btn-outline-danger:hover{
  background:red;
  color: #fff;

}
html.theme-ocean-blue .card-heading{
 background: #fffaf4;
  border: solid 1px #ffe2bf;}
/* Pagination */
.theme-ocean-blue .dt-paging-button {
  background: #F5FDFF;
  border-color: var(--blueprimary-color);
  color: var(--blueprimary-color);
}
.theme-ocean-blue .dt-paging-button:hover {
 background: #233d8d1a;
  border-color: var(--blueprimary-color);
  color: var(--blueprimary-color);
}

.theme-ocean-blue .current {
  background: var(--blueprimary-color);
  border-color: var(--blueprimary-color);
  color: var(--white-color);
}
html.theme-ocean-blue .accordion-button{
  color:#000;
}
html.theme-ocean-blue .accordion-item{
  border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .sessiontime-left{
border: 1px solid #198A5E;
background: rgba(28, 82, 155, 0.20);
color: var(--blueprimary-color);
}

html.theme-ocean-blue .header-nav_link:hover{
  background-color: var(--blueprimary-hover-color);
  color: var(--white-color);
}
html.theme-ocean-blue .header-nav_link{
  border-color: var(--blueprimary-color);
  color: var(--blueprimary-color);
}
.theme-ocean-blue .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background:var(--blueprimary-color);
}
html.theme-ocean-blue input:not(#LoginForm_username, #LoginForm_password, #LoginForm_verifyCode, [type="checkbox"], [type="radio"], [type="button"]):focus:focus-visible, textarea:focus:focus-visible, .form-control:focus:focus-visible{
  border-color: var(--blueprimary-color);
  outline: none;
  box-shadow: 0px 0px 1px var(--blueprimary-color);
}
html.theme-ocean-blue .chart-container .title{
  /* background-color: var(--blueprimary-color); */
  color: var(--white-color);
}

html.theme-ocean-blue .service-prev, .service-next{
  border-color: var(--blueprimary-color);
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .dt-paging-button.current{
  background: var(--blueprimary-color);
  color: var(--white-color);
}
html.theme-ocean-blue .service-prev:hover,
html.theme-ocean-blue .service-next:hover {
  border-color: var(--blueprimary-color);
  color: var(--white-color);
  background-color: var(--blueprimary-hover-color);
}
html.theme-ocean-blue .tab.active {
  color: var(--blueprimary-color);
  font-weight: 500;
  border-bottom-color: var(--blueprimary-color);
}
html.theme-ocean-blue .tab.active .tab-count{
  background: var(--blueprimary-color);
}
html.theme-ocean-blue .btn.btn-primary:hover{
  background: var(--blueprimary-hover-color);
}
html.theme-ocean-blue .service-prev,
html.theme-ocean-blue  .service-next{
  border-color: var(--blueprimary-color);
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .navbar-nav .nav-link:hover,
html.theme-ocean-blue .navbar-nav .nav-link.active, 
html.theme-ocean-blue.navbar-nav .nav-link.show{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue footer:not(.postlogin-footer){
  background-color: var(--blueprimary-color);
  
}
/* html.theme-ocean-blue .announcement-lists li .new-blink{
color:var(--blueprimary-color);
} */
html.theme-ocean-blue .announcement-lists li a:hover{
color: var(--blueprimary-hover-color);
}

html.theme-ocean-blue .popup-head, .modal-header{
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #1C529B;
background: #EFEFEF;
}
html.theme-ocean-blue .popup-head h2, .modal-header h2{
color:#1C529B;
}
html.theme-ocean-blue .chart-boxes{
  background:#e9f2ff ;
}
html.theme-ocean-blue .popup-head button.close:hover, .modal-header button.close:hover{
  background-color: var(--blueprimary-color);
}
html.theme-ocean-blue .leader-role{
  color: var(--bluesecondary-color);
}
html.theme-ocean-blue .input-field input:focus{
  border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .input-field input:focus ~ i{
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .tab_btn.active::after{
  background: var(--blueprimary-color);
}
html.theme-ocean-blue .breadcrumb-center .sep{
  color: var(--bluesecondary-color);
}
html.theme-ocean-blue .datepicker span.month.active, html.theme-ocean-blue .datepicker span.month.active:hover, html.theme-ocean-blue .datepicker span.year.active, html.theme-ocean-blue .datepicker span.year.active:hover, html.theme-ocean-blue .datepicker span.decade.active, html.theme-ocean-blue .datepicker span.decade.active:hover, html.theme-ocean-blue .datepicker span.century.active, html.theme-ocean-blue .datepicker span.century.active:hover{
  background: var(--blueprimary-color);
  color: var(--white-color);
}
html.theme-ocean-blue .dropdown-item:hover, .dropdown-item:focus{
  color: var(--bluesecondary-color);
}
html.theme-ocean-blue .accordion-body ul li a:hover, html.theme-ocean-blue .accordion-body ul li a:focus, .accordion-body ul li a:active, .accordion-body ul li a:focus-visible{
  background: var(--blueprimary-color);
  border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .accordion-item:not(:first-of-type){
  border-top: 1px solid var(--blueprimary-color);
}
html.theme-ocean-blue .accordion-body ul li a{
  border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .btn-orange:hover {
  background: #aa6c09;
  color: #fff;
}

html.theme-ocean-blue .popup-head .actions [onclick],
 html.theme-ocean-blue  .popup-head .actions a[href]:not([href="#"]){
  border-color: var(--blueprimary-color);
 }
html.theme-ocean-blue .btn-dark-custom:hover {
  background: #444444;
  color: #fff;
  border-radius: 8px;
}
html.theme-ocean-blue .swal2-confirm.swal2-styled
 {
  background: var(--blueprimary-color);
  color: var(--white-color);

 }
 html.theme-ocean-blue .global-loading svg{
  color:var(--blueprimary-color);
}

html.theme-ocean-blue .dash-body>.bottom_tab {
  background: linear-gradient(120deg, #0b233d 0%, #142857 45%, #1c386e 100%);
}
html.theme-ocean-blue .livebadge {
  background-color: #5176cc38;
  color: #fff;
  border: solid 1px #4766ad !important;
}
html.theme-ocean-blue .flex-right > .btn-outline-primary,
html.theme-ocean-blue  .filter-bar__row>.btn-outline-primary{color: #fff;
  border-color: #1c529b;
  background: #1c529b;
    color: #fff;

}
html.theme-ocean-blue .flex-right > .btn-outline-primary:hover,
html.theme-ocean-blue  .filter-bar__row>.btn-outline-primary:hover{
   border-color: #1c529b;
  background: #11396e;
    color: #fff;
}
html.theme-ocean-blue .top-row {border-bottom: solid 1px #ffffff1f;}
html.theme-ocean-blue table:not(.datepicker table, .nostriped) tbody tr{
  border-bottom-color: #c3d2d6;
  font-size: 14px;
}
html.theme-ocean-blue .eodb-table thead th{
  font-weight: 600;
}
html.theme-ocean-blue .dashboard-view button.active{
  background: var(--blueprimary-color);
}
html.theme-ocean-blue .chart-action:hover, 
html.theme-ocean-blue  .chart-action.active{
  background: var(--blueprimary-color);
  border-color: var(--blueprimary-color);
}
html.theme-ocean-blue .tbl-action{
  border-color: var(--blueprimary-color);
  color: var(--blueprimary-color);
  background: #1c529b1a;
}
html.theme-ocean-blue .tbl-action:hover{
  border-color: var(--blueprimary-color);
  color: #fff;
  background: var(--blueprimary-hover-color);
}
html.theme-ocean-blue .popup-head .actions [onclick]:hover,
html.theme-ocean-blue .popup-head .actions [onclick]:focus,
html.theme-ocean-blue .popup-head .actions [onclick]:focus-visible,
html.theme-ocean-blue .popup-head .actions [onclick]:active,
html.theme-ocean-blue .popup-head .actions a[href]:not([href="#"]):hover,
html.theme-ocean-blue .popup-head .actions a[href]:not([href="#"]):focus,
html.theme-ocean-blue .popup-head .actions a[href]:not([href="#"]):focus-visible,
html.theme-ocean-blue .popup-head .actions a[href]:not([href="#"]):active {
  background: var(--blueprimary-color);
  color: #fff;
  border: 1px solid var(--blueprimary-color);
}
html.theme-ocean-blue .datepicker span.month.focused, .datepicker span.year.focused, .datepicker span.decade.focused, .datepicker span.century.focused{
  background:#1c529b26;
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .datepicker span.month, .datepicker span.year, .datepicker span.decade, .datepicker span.century{
  background:#78818d38;
}
html.theme-ocean-blue .datepicker span.month:hover, .datepicker span.year:hover, .datepicker span.decade:hover, .datepicker span.century:hover{
  background: #103b721c;
}
html.theme-ocean-blue #floating-nav-dropdown{
  background: var(--blueprimary-color);
}

html.theme-ocean-blue .datepicker td.today{
  background: #1c529b3d;
  color: var(--blueprimary-color);
}
html.theme-ocean-blue .accordion-button:not(.collapsed){
  background: var(--blueprimary-color);
  color: var(--white-color);
}
html.theme-ocean-blue .accordion-body ul li:hover, html.theme-ocean-blue .accordion-body ul li:focus, html.theme-ocean-blue .accordion-body ul li:active, html.theme-ocean-blue .accordion-body ul li:focus-visible{
  background: var(--blueprimary-color);
  color: var(--white-color);
}
@media screen and (max-width: 499px) {
  html.theme-ocean-blue  #uname {
    border: 1px solid var(--teaprimary-color);
    color: var(--teaprimary-color);
  }
}
html.theme-ocean-blue .top-bar-container{
  background:  var(--blueprimary-color);
  color: #fff;
}
html.theme-ocean-blue .nav-menu__link:hover {
  background: #3974B8;
  color: #fff;
  border: solid 1px #5983ac4b;
}
html.theme-ocean-blue .nav-menu.active .nav-menu__link {
  background: var(--secondary-color);
  color: #fff;
}
html.theme-ocean-blue .palette-option[aria-checked="true"] {
  background: var(--blueprimary-color);
  
}
html.theme-ocean-blue .palette-option[aria-checked="true"]::before {
   
  border: solid 2px var(--blueprimary-color);
 
}
html.theme-ocean-blue .topbar-menu>li>.palette-picker>.palette-option[aria-checked="true"]::before{
    border: solid 2px #fff;
  background-color: #3974B8;
}