/* ===== General Styles ===== */


.dash-feed a.feed-link .feed-icon,
.dash-events a.events-link .events-date .day {
  color: #006D88;
}
.dash-h2 {
  color: #5a5a5a;
}

/* Hide Elements */
.element {
  display: none; 
}

/* Button Hover Effects */
.foundation .btn-link {
  color: #007d98;
}
.event-details-nav[_ngcontent-sjb-c93] li[_ngcontent-sjb-c93] a.active[_ngcontent-sjb-c93], .event-details-nav[_ngcontent-sjb-c93] li[_ngcontent-sjb-c93] a[_ngcontent-sjb-c93]:hover, .event-details-nav[_ngcontent-sjb-c93] li[_ngcontent-sjb-c93] a[_ngcontent-sjb-c93]:focus, .event-details-nav[_ngcontent-sjb-c93] li[_ngcontent-sjb-c93] a[_ngcontent-sjb-c93]:hover:not([disabled]){
  color: #007d98;
}
.foundation .btn-primary {
	color: #fff;
	background-color: #007d98;
	border-color: #007d98;
	color: #fff !important;
	background-color: #007d98 !important;
	fill: #fff;
}
.foundation .btn-primary:focus, .foundation .btn-primary:focus:not(.disabled), .foundation .btn-primary:hover:not([disabled]) {
	background-color: #006D88 !important;
	border-color: #006D88 !important;
}
.foundation .btn-primary.focus, .foundation .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0,125,152,.25);
}
.foundation .btn-primary.disabled, .foundation .btn-primary:disabled {
	color: #ffffff;
	background-color: #363635;
	border-color: #363635;
}
.d-block.text-1x.padding-lg.text-center:hover,
.cp-btn:hover {
  background-color: #007d98;
}
.custom-content-client .cp-btn:focus {
    background-color: var(--secondary, #006D88);
    color: #ffffff;
}
.romeo .content-body.wrapper-with-sidebar .sidebar .action-container-content #sidebar-content .filters-collapse h3.heading a span {
    padding: 0.2em 0 0.1em 0;
  }
.romeo .content-body.wrapper-with-sidebar .sidebar .action-container-content #sidebar-content .filters-collapse h3.heading a:focus {
    outline-offset: 0.3em;
}

/* Table and Pagination Styles */
.romeo .content-body .table-footer .btn-group .btn.btn-primary,
.romeo .content-body .table-footer .btn-group .btn-primary.btn-simple,
.romeo .content-body .table-footer .pagination.pagination-sm li.active a,
.romeo .content-body .table-footer .pagination.pagination-sm li.active > span {
  background-color: #007d98 !important;
}


.dash-events .card {
  background: #007d98;
}
.alert-info {
  background-color: #D5F1F7;
  border-color: #D5F1F7;
}
.romeo .text-info {
  color: #135867 !important;
}
.sweet-alert .sa-icon.sa-warning {
    border-color: #F76919;
}

/* toggle */
.custom-switch .custom-control-label::before {
    border: #1a1a1a solid 1.5px;
}
.custom-switch .custom-control-label::after {
    background-color: #1a1a1a;
}
.custom-control-input:checked~.custom-control-label::before {
    border-color: #007D98;
    background-color: #007D98;
}
.custom-control-input:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba(0,125,152,.25);
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    border-color: rgba(0,125,152,.5);
    background-color: rgba(0,125,152,.5);
}


/* ===== Media Queries ===== */
/* Medium Screens (min-width: 992px) */
@media (min-width: 992px) {
  /* Custom Pane by GTI/Graeme */
  .flex-dash-row .dash-card-custom .card-body {
    max-height: 530px;
  }
  
  .custom-content-client > p {
    display: none;
  }
  
  /* Sidebar and Filter Styles */
  .romeo .content-body.wrapper-with-sidebar .sidebar .action-container-content #sidebar-content #selected-filter-panel .filters > div #save-search-trigger,
  .romeo .content-body.wrapper-with-sidebar.toggled .sidebar .action-container-content #sidebar-content #selected-filter-panel .filters > div #save-search-trigger {
    color: #007d98;
    border: 2px solid #007d98;
  }
  .romeo .content-body.wrapper-with-sidebar .sidebar .action-container-content #sidebar-content #selected-filter-panel .filters>div #save-search-trigger:hover, 
  .romeo .content-body.wrapper-with-sidebar.toggled .sidebar .action-container-content #sidebar-content #selected-filter-panel .filters>div #save-search-trigger:hover, 
  .romeo .content-body.wrapper-with-sidebar .sidebar .action-container-content #sidebar-content #selected-filter-panel .filters>div #save-search-trigger:focus, 
  .romeo .content-body.wrapper-with-sidebar.toggled .sidebar .action-container-content #sidebar-content #selected-filter-panel .filters>div #save-search-trigger:focus {
    background: #006D88;
    color: #ffffff;
  }
  
  /* Icons in media bodies adding space */
  .media-body .fa, .media-body .far {
    margin-right: 0.2em;
  }
  
}

/* Small Screens (min-width: 768px) */
@media (min-width: 768px) {
  /* Banner Styles */
  .romeo .main-banner-outer .main-banner-container .main-banner-brand {
    padding: 0;
  }
  
  .romeo .main-banner-outer {
    background-color: #000;
  }
  
  .romeo .main-banner-outer .main-banner-container .main-banner-txt p {
    display: none;
  }
  
.romeo .main-banner-outer .main-banner-container .main-banner-brand {
  background-color: transparent;
    }
}


/************************
GTI - OPERATOR UI 
*************************/
.page-operator header .page-brand {
    background: #000000;
    }
.page-operator header .page-brand .client-logo {
    max-height: 40px;
    }
.page-operator header .navbar-toggler {
    color:#fff;
    }
.page-operator header .navbar-toggler:hover, .page-operator header .navbar-toggler:active, .page-operator header .navbar-toggler:focus {
    color:#ffffff6b;
    }
@media (max-width: 992px) {
    header .page-header .header-links .user-details>a, 
    header .page-header .header-links .user-details>a .fa-user-circle,
    header .page-header .header-links .beamer_button .fa-stack i    {
        color: #fff;
        }
    }
/************************
END - GTI - OPERATOR UI 
*************************/