/*!
 * Ocean Blue Theme
 */
:root {
  --teaprimary-color: #0D657A;
  --blueprimary-light-color: #e6f9f1;
  --teaprimary-hover-color: #0E5566;
  --bluesecondary-color: #cc8328;
  --bluesecondary-light-color: #c965361c;
  --purplered-color: #e92641;
  --white-color: #fff;
  --nav-active-color:#FFB860;
}

/* Layout */
html.theme-teal header,
html.theme-teal .header,
html.theme-teal .input-group-text,
html.theme-teal .datepicker td.day.active, .datepicker td.day.active:hover,
html.theme-teal [class*="sub-nav"],
html.theme-teal  #nav,
html.theme-teal  .welcome {
  background: var(--teaprimary-color);
}
html.theme-teal .input-group-text{
  color: var(--white-color);
  border-color: var(--teaprimary-color);
}
html.theme-teal .btn-outline-primary{
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);;
}
html.theme-teal .btn-outline-primary:hover, html.theme-teal .btn-outline-primary:focus, html.theme-teal .btn-outline-primary:focus-visible{
  background: var(--teaprimary-color);
  color:var(--white-color);
}
html.theme-teal .tbl-action{
  background: #FBF5EE;
  color:#201F23;
border-color: #CC8328;
}
html.theme-teal .tbl-action:hover{
background: var(--bluesecondary-color);
color: #fff;
border-color: var(--bluesecondary-color);
 
}
html.theme-teal table:not(.datepicker table, .nostriped) tbody tr:hover{
  background-color: #09475517;
}
html.theme-teal table:not(.datepicker table, .nostriped) tbody tr{
  border-bottom-color: #c3d2d6;
  font-size: 14px;
}
html.theme-teal .eodb-table thead th{
  font-weight: 600;
}
html.theme-teal .profile-dropdown ul{
  background: var(--teaprimary-color);
}
html.theme-teal .accordion-button:not(.collapsed){
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);
}
html.theme-teal .accordion-item h2{
  color: var(--teaprimary-color);
}
html.theme-teal .profile-dropdown::before{
  border-bottom-color: var(--teaprimary-color);
}
html.theme-teal .breadcrumb > li a{
  color: var(--teaprimary-color);
}
html.theme-teal .datepicker td.day.active,html.theme-teal .datepicker td.day.active:hover{
  background: var(--teaprimary-color);
  color: #fff;
}
html.theme-teal .page-title{
  color: #000000;
}
html.theme-teal .breadcrumb li:last-child a{
  color: #8F949D;
}
html.theme-teal .dashboard_box-count{
  background-color: var(--teaprimary-color);
}
html.theme-teal .dashboard_box{
  border-color: var(--bluesecondary-color);
}
html.theme-teal .empowering,
html.theme-teal .public-header {
    background-color: var(--teaprimary-color);
    /* background-image: url("../../images/banners/blue-bg.png"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
html.theme-teal .profile-card img{
  border-color: var(--bluesecondary-color);
}
html.theme-teal .header_main {
  background: var(--white-color);
}


/* Text */
html.theme-teal .min-name,
html.theme-teal .section-main-title,
html.theme-teal .navbar-nav .nav-link.active .dept-name,
html.theme-teal .designation,
html.theme-teal .dept-name,
html.theme-teal .title-blog {
  color: var(--teaprimary-color);
}

html.theme-teal [class*="buildversion"] {
  color: var(--teaprimary-color);
}
html.theme-teal .purple{
  border-color: var(--teaprimary-color);
}
html.theme-teal .chart-boxes .box .count{
  background-color: var(--teaprimary-color);
  color: var(--white-color);
}
html.theme-teal .signin-page__inner{
  border-color: var(--teaprimary-color);
}
html.theme-teal .chart-boxes .box.active-box .count{
  background-color: var(--bluesecondary-color);
  color: var(--white-color);
}
/* Navigation */
html.theme-teal .navbar-nav .nav-link::after {
  background: #F5A623;
}

html.theme-teal .active-box{
  background-color: var(--teaprimary-color);
  border: var(--teaprimary-color);
  color: var(--white-color);

}
html.theme-teal .drawer-tab-label{
  color: var(--teaprimary-color);
  border-color: var(--teaprimary-color);
 background: #0D657A30;
}
html.theme-teal .status-active{
  color: var(--teaprimary-color);
  background: var(--teaprimary-hover-color);
}
html.theme-teal .line-status-pill.running{
  color: var(--teaprimary-color);
}
html.theme-teal .stat-value.green{
  color: var(--teaprimary-color);
}
html.theme-teal .line-value.active-val {
  color: var(--teaprimary-color);
  background-color: var(--teaprimary-hover-color);
}
html.theme-teal .line-status-pill.running .line-status-dot {
  color: var(--teaprimary-color);
}
html.theme-teal .eservices::before{
  background: #6a85a991;
}
html.theme-teal .palette-trigger:hover{
  border-color: var(--teaprimary-color);
}
html.theme-teal .main-title span{
  color: var(--bluesecondary-color);
}
html.theme-teal .small-title span{
  color: var(--bluesecondary-color);
}
html.theme-teal .small-title{
  color: var(--bluesecondary-color);
}
html.theme-teal .service-card h6{
  color: var(--teaprimary-color);
}
html.theme-teal .e-services-des{
  color:#E8F0FA;
}
html.theme-teal .docs-section-title{
  color: var(--teaprimary-color);
}
html.theme-teal .icon-download{
  fill: var(--teaprimary-color);
}
html.theme-teal .doc-item:hover .doc-item__name{
  color: var(--teaprimary-hover-color);
}
html.theme-teal .active-box::before{
  color: var(--teaprimary-color);
}
html.theme-teal .tab:hover{
  color: var(--teaprimary-hover-color);
}
html.theme-teal .top-footer{
  background: #E8F0FA;
}
/* html.theme-teal .top-footer ul, li, p, hr{
  color: var(--teaprimary-color);
} */
html.theme-teal .top-footer .policy-links a{
  color: var(--teaprimary-color);
}
/* html.theme-teal .profile-card .min-name{
  color: ;
} */
html.theme-teal .nav__menu-item>a {
  color: #c5bdbd;
}

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

/* Buttons */
html.theme-teal .btn-primary,
html.theme-teal  .submitbutton,
html.theme-teal  .btn-search,
html.theme-teal  #GetotpButton {
  background: var(--teaprimary-color);
  border: 1px solid var(--teaprimary-color);
  color: var(--white-color) !important;
}
html.theme-teal .swal2-confirm.swal2-styled
 {
  background: var(--teaprimary-color);
  color: var(--white-color);

 }

html.theme-teal .btn-primary:hover,
html.theme-teal .submitbutton:hover,
html.theme-teal .btn-search:hover,
html.theme-teal .btn:hover {
  background:var(--teaprimary-color);
  color: var(--white-color);
}
html.theme-teal .btn-outline-danger:hover{
  background:var(--purplered-color);
  color: #fff;

}
html.theme-teal .accordion-item:not(:first-of-type){
  border-top: 1px solid var(--teaprimary-color);
}
html.theme-teal .card-heading{
 background: #fffaf4;
  border: solid 1px #ffe2bf;}
/* Pagination */
html.theme-teal  .dt-paging-button {
  background: #F5FDFF;
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);
}
html.theme-teal  .dt-paging-button:hover {
 background: #233d8d1a;
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);
}

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

html.theme-teal .header-nav_link:hover{
  background-color: var(--teaprimary-hover-color);
  color: var(--white-color);
}
html.theme-teal .header-nav_link{
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);
}
html.theme-teal  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background:var(--teaprimary-color);
}
html.theme-teal 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(--teaprimary-color);
  outline: none;
  box-shadow: 0px 0px 1px var(--teaprimary-color);
}
html.theme-teal .chart-container .title{
  /* background-color: var(--teaprimary-color); */
  color: var(--white-color);
}

html.theme-teal .service-prev, .service-next{
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);
}
html.theme-teal .dt-paging-button.current{
  background: var(--teaprimary-color);
  color: var(--white-color);
}
html.theme-teal .service-prev:hover,
html.theme-teal .service-next:hover {
  border-color: var(--teaprimary-color);
  color: var(--white-color);
  background-color: var(--teaprimary-hover-color);
}
html.theme-teal .tab.active {
  color: var(--teaprimary-color);
  font-weight: 500;
  border-bottom-color: var(--teaprimary-color);
}
html.theme-teal .tab.active .tab-count{
  background: var(--teaprimary-color);
}
html.theme-teal .btn.btn-primary:hover{
  background: var(--teaprimary-hover-color);
}
html.theme-teal .service-prev,
html.theme-teal  .service-next{
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);
}
html.theme-teal .navbar-nav .nav-link:hover,
html.theme-teal .navbar-nav .nav-link.active, 
html.theme-teal.navbar-nav .nav-link.show{
  color: var(--teaprimary-color);
}
html.theme-teal footer:not(.postlogin-footer){
  background-color: var(--teaprimary-color);
  
}

html.theme-teal .announcement-lists li a:hover{
color: var(--teaprimary-hover-color);
}

html.theme-teal .popup-head, .modal-header{
border-radius: 10px 10px 0 0;
border-bottom: 1px solid var(--teaprimary-color);
background: #EFEFEF;
}
html.theme-teal .popup-head h2, .modal-header h2{
color:var(--teaprimary-color);
}
html.theme-teal .popup-head button.close:hover, .modal-header button.close:hover{
  background-color: var(--teaprimary-color);
}
html.theme-teal .leader-role{
  color: var(--bluesecondary-color);
}
html.theme-teal .input-field input:focus{
  border-color: var(--teaprimary-color);
}
html.theme-teal .input-field input:focus ~ i{
  color: var(--teaprimary-color);
}
html.theme-teal .tab_btn.active::after{
  background: var(--teaprimary-color);
}
html.theme-teal .breadcrumb-center .sep{
  color: var(--bluesecondary-color);
}
html.theme-teal .datepicker span.month.active, html.theme-teal .datepicker span.month.active:hover, html.theme-teal .datepicker span.year.active, html.theme-teal .datepicker span.year.active:hover, html.theme-teal .datepicker span.decade.active, html.theme-teal .datepicker span.decade.active:hover, html.theme-teal .datepicker span.century.active, html.theme-teal .datepicker span.century.active:hover{
  background: var(--teaprimary-color);
  color: var(--white-color);
}
html.theme-teal .accordion-body ul li a:hover, html.theme-teal .accordion-body ul li a:focus, .accordion-body ul li a:active, .accordion-body ul li a:focus-visible{
  background: var(--teaprimary-color);
  border-color: var(--teaprimary-color);
}
html.theme-teal .dropdown-item:hover, .dropdown-item:focus{
  color: var(--bluesecondary-color);
}
html.theme-teal .accordion-body ul li a{
  border-color: var(--teaprimary-color);
}
html.theme-teal .btn-dark-custom:hover {
  background: #444444;
  color: #fff;
  border-radius: 8px;
}
html.theme-teal .btn-orange:hover {
  background: #aa6c09;
  color: #fff;
}
html.theme-teal .chart-boxes{
  background:#f0fcff ;
}
html.theme-teal .popup-head .actions [onclick],
 html.theme-teal  .popup-head .actions a[href]:not([href="#"]){
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);

 }
html.theme-teal .popup-head .actions [onclick]:hover,
 html.theme-teal  .popup-head .actions a[href]:not([href="#"]):hover{
  border-color: var(--teaprimary-color);
  background-color: var(--teaprimary-color);
  color: var(--white-color);

 }
  html.theme-teal .global-loading svg{
  color:var(--teaprimary-color);
}
html.theme-teal .flex-right>.filter-bar__group>.filter-bar__row>.btn-outline-primary,html.theme-teal .flex-right>.btn-outline-primary{
color: #fff;
  border-color: #156C81;
  background-color: #0d657a;
}
html.theme-teal .dash-body>.bottom_tab {
  background: linear-gradient(120deg, #00323e 0%, #195769 55%, #013441 100%);
}
html.theme-teal .livebadge {
  background-color: #238fad4f;
  color: #fff;
  border: solid 1px #156C81 !important;
}
html.theme-teal .dashboard-view button.active{
  background: var(--teaprimary-color);
}
html.theme-teal .chart-action:hover, 
html.theme-teal  .chart-action.active{
  background: var(--teaprimary-color);
  border-color: var(--teaprimary-color);
}
html.theme-teal .top-row {border-bottom: solid 1px #ffffff1f;}
html.theme-teal  .filter-bar {background: #ffffff3d;}
html.theme-teal .tbl-action{
  border-color: var(--teaprimary-color);
  color: var(--teaprimary-color);
  background: #1c529b1a;
}
html.theme-teal .tbl-action:hover{
  border-color: var(--teaprimary-color);
  color: #fff;
  background: var(--teaprimary-hover-color);
}
html.theme-teal .popup-head .actions [onclick]:hover,
html.theme-teal .popup-head .actions [onclick]:focus,
html.theme-teal .popup-head .actions [onclick]:focus-visible,
html.theme-teal .popup-head .actions [onclick]:active,
html.theme-teal .popup-head .actions a[href]:not([href="#"]):hover,
html.theme-teal .popup-head .actions a[href]:not([href="#"]):focus,
html.theme-teal .popup-head .actions a[href]:not([href="#"]):focus-visible,
html.theme-teal .popup-head .actions a[href]:not([href="#"]):active {
  background: var(--teaprimary-color);
  color: #fff;
  border: 1px solid var(--teaprimary-color);
}

html.theme-teal  .datepicker span.month, .datepicker span.year, .datepicker span.decade, .datepicker span.century{
  background: #8eb5be36;
  color: var(--teaprimary-color);
}
html.theme-teal .datepicker span.month:hover,
html.theme-teal .datepicker span.year:hover,
html.theme-teal .datepicker span.decade:hover,
html.theme-teal .datepicker span.century:hover {
  background: #0d657a36 !important;
  color: var(--teaprimary-color);
}
html.theme-teal #floating-nav-dropdown{
  background: var(--teaprimary-color);
}
html.theme-teal .datepicker td.today{
  background: #48c4e142;
  color: #0d657a;
}
 @media screen and (max-width: 499px) {
  html.theme-teal  #uname {
    border: 1px solid var(--teaprimary-color);
    color: var(--teaprimary-color);
  }
}
html.theme-teal  .top-bar-container{
  background: var(--teaprimary-color);
  color: #fff;
}
html.theme-teal .accordion-button:not(.collapsed){
  background: var(--teaprimary-color);
  color: var(--white-color);
}
html.theme-teal .accordion-body ul li:hover, html.theme-teal .accordion-body ul li:focus, html.theme-teal .accordion-body ul li:active, html.theme-teal .accordion-body ul li:focus-visible{
  background: var(--teaprimary-color);
  color: var(--white-color);
}
html.theme-teal .top-bar-container{
  background:  var(--teaprimary-color);
  color: #fff;
}
html.theme-teal .nav-menu__link:hover {
  background: #1b8a98;
  color: #fff;
  border: solid 1px #5983ac4b;
}
html.theme-teal .nav-menu.active .nav-menu__link {
  background: var(--secondary-color);
  color: #fff;
}
html.theme-teal .palette-option[aria-checked="true"] {
  background: var(--teaprimary-color);
  
}
html.theme-teal .palette-option[aria-checked="true"]::before {
  
  border: solid 2px #0d657a;
 
}
html.theme-teal .topbar-menu>li>.palette-picker>.palette-option[aria-checked="true"]::before{
    border: solid 2px #fff;
  background-color: #12809B;
}