/* Bootstrap Theme Override Template */

/* Buttons - Enhanced specificity */
.btn.btn-primary:not(.bootstrap-select .btn), 
.btn-primary.btn-primary:not(.bootstrap-select .btn),
.btn-primary:visited:not(.bootstrap-select .btn) {
    background-color: #006c88 !important;
    background-image: none !important;
    border-color: #006c88 !important;
    color: #ffffff !important;
    filter: none !important;
}

.btn.btn-primary:hover:not(.bootstrap-select .btn), 
.btn-primary.btn-primary:hover:not(.bootstrap-select .btn),
.btn-primary:focus:not(.bootstrap-select .btn), 
.btn-primary:active:not(.bootstrap-select .btn), 
.btn-primary.active:not(.bootstrap-select .btn) {
    background-color: #006c88 !important;
    background-image: none !important;
    border-color: #006c88 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.btn.btn-success,
.btn-success.btn-success {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: none !important;
}

.btn.btn-success:hover, 
.btn-success.btn-success:hover,
.btn-success:focus, 
.btn-success:active, 
.btn-success.active {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.btn.btn-info,
.btn-info.btn-info {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: none !important;
}

.btn.btn-info:hover, 
.btn-info.btn-info:hover,
.btn-info:focus, 
.btn-info:active, 
.btn-info.active {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    filter: brightness(0.9) !important;
}

.btn.btn-link {
    color: #006c88 !important;
}

.btn.btn-link:hover, .btn-link:focus {
    color: #24a8b4 !important;
}

.btn.btn-danger {
    color: #fff !important;
}

/* Panels */
.panel-primary > .panel-heading {
    background-color: #006c88 !important;
    border-color: #006c88 !important;
    color: #ffffff !important;
}

.panel-primary {
    border-color: #006c88 !important;
}

.panel-info > .panel-heading {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
}

.panel-info {
    border-color: #24a8b4 !important;
}

/* Bootstrap Callouts */
.bs-callout {
    background-color: rgba(36,168,180, 0.1) !important;
}

.bs-callout-primary {
    border-left-color: #006c88 !important;
}

.bs-callout-primary h4 {
    color: #006c88 !important;
}

.bs-callout-info {
    border-left-color: #24a8b4 !important;
    background-color: rgba(36,168,180, 0.1) !important;
}

.bs-callout-info h4 {
    color: #24a8b4 !important;
}

.bs-callout-success {
    border-left-color: #006c88 !important;
}

.bs-callout-success h4 {
    color: #006c88 !important;
}

.bs-callout-warning {
    border-left-color: #006c88 !important;
    background-color: rgba(36,168,180, 0.1) !important;
}

.bs-callout-warning h4 {
    color: #006c88 !important;
}

.bs-callout-danger {
    border-left-color: #d9534f !important;
    background-color: rgba(217, 83, 79, 0.1) !important;
}

.bs-callout-danger h4 {
    color: #d9534f !important;
}

/* Navigation */
.navbar.header, .navbar-default {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
    font-size: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.navbar-default .navbar-nav > li > a.dropdown-toggle {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li.dropdown > a.dropdown-toggle {
    color: #ffffff !important;
}

.navbar-default .navbar-nav .dropdown-toggle,
.navbar-nav .dropdown-toggle,
a.dropdown-toggle {
    color: #ffffff !important;
}

/* Cabinet sidebar menu links */
.sidebar-offcanvas .list-group-item {
    color: #666 !important;
}

.sidebar-offcanvas .list-group-item:hover,
.sidebar-offcanvas .list-group-item:focus {
    color: #666 !important;
}

.sidebar-offcanvas .list-group-item.active {
    color: #fff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0,108,136, 0.1) !important;
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a.dropdown-toggle:hover,
.navbar-default .navbar-nav > li > a.dropdown-toggle:focus {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.navbar-nav > li.dropdown:hover > a,
.navbar-nav > li.dropdown > a:hover,
.navbar-nav > li.dropdown > a:focus,
.navbar-nav > li.dropdown.open > a,
.navbar-nav > li.dropdown.open > a:hover,
.navbar-nav > li.dropdown.open > a:focus {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.navbar-default .navbar-nav > li.dropdown:hover > a,
.navbar-default .navbar-nav > li.dropdown > a:hover,
.navbar-default .navbar-nav > li.dropdown > a:focus,
.navbar-default .navbar-nav > li.dropdown.open > a,
.navbar-default .navbar-nav > li.dropdown.open > a:hover,
.navbar-default .navbar-nav > li.dropdown.open > a:focus {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

/* Nav Pills */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
}

.nav-pills > li > a {
    color: #006c88 !important;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    background-color: rgba(36,168,180, 0.1) !important;
    color: #24a8b4 !important;
}

/* List Groups */
.list-group-item.active {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
}

/* Badges */
.badge-primary, .badge {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

/* Labels */
.label-primary,
.label.label-primary {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

.label-info,
.label.label-info {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
}

.label-success,
.label.label-success {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
}

/* Text Colors */
.text-primary {
    color: #006c88 !important;
}

.text-info {
    color: #24a8b4 !important;
}

.text-success {
    color: #24a8b4 !important;
}

/* Links */
a {
    color: #006c88 !important;
}

a:hover, a:focus {
    color: #24a8b4 !important;
}

/* Progress Bars */
.progress-bar-primary {
    background-color: #006c88 !important;
}

.progress-bar-info {
    background-color: #24a8b4 !important;
}

/* Alerts */
.alert-info {
    background-color: rgba(36,168,180, 0.1) !important;
    border-color: #24a8b4 !important;
    color: #24a8b4 !important;
}

/* Forms */
.form-control:focus {
    border-color: #006c88 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,108,136, 0.6) !important;
}

.form-control.form-control:focus {
    border-color: #006c88 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,108,136, 0.6) !important;
}

/* Tables */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(36,168,180, 0.05) !important;
}

/* Dropdowns */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

.dropdown-toggle.btn-primary.open,
.dropdown-toggle.btn-primary:active,
.dropdown-toggle.btn-primary[aria-expanded="true"] {
    background-color: #006c88 !important;
    background-image: none !important;
    border-color: #006c88 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.dropdown-toggle.btn-success.open,
.dropdown-toggle.btn-success:active,
.dropdown-toggle.btn-success[aria-expanded="true"] {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.dropdown-toggle.btn-info.open,
.dropdown-toggle.btn-info:active,
.dropdown-toggle.btn-info[aria-expanded="true"] {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    filter: brightness(0.9) !important;
}

/* Cabinet specific colors */
.bs-callout {
    background-color: rgba(36,168,180, 0.1) !important;
}

/* Status indicators */
.status-questions {
    color: #24a8b4 !important;
}

.status-answers {
    color: #006c88 !important;
}

.status-alert {
    color: #E74C3C !important;
}

/* Form backgrounds */
.form-bg {
    background-color: #e5e8eb !important;
}

/* Message styles */
.message-highlight {
    background-color: rgba(36,168,180, 0.1) !important;
    border-right: 20px solid rgba(36,168,180, 0.1) !important;
}

/* Theme color classes */
.theme-main-color {
    color: #24a8b4 !important;
}

.theme-main-bg {
    background-color: #24a8b4 !important;
}

.theme-accent-color {
    color: #006c88 !important;
}

.theme-accent-bg {
    background-color: #006c88 !important;
}

.theme-links-color {
    color: #006c88 !important;
}

.theme-border-main {
    border-color: #24a8b4 !important;
}

.theme-border-accent {
    border-color: #006c88 !important;
}

.theme-stroke-main {
    stroke: #24a8b4 !important;
}

.theme-stroke-accent {
    stroke: #006c88 !important;
}

.theme-fill-main {
    fill: #24a8b4 !important;
}

.theme-fill-accent {
    fill: #006c88 !important;
}

/* Login page specific */
.login-button,
button.login-button {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
}

.login-button:hover,
.login-button:focus,
button.login-button:hover,
button.login-button:focus {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.form-input:focus,
input.form-input:focus {
    border-color: #24a8b4 !important;
    box-shadow: 0 0 0 2px rgba(36,168,180, 0.2) !important;
}

.password-toggle {
    color: #24a8b4 !important;
}

.password-toggle:hover {
    color: #006c88 !important;
}

.forgot-password,
.about-service {
    color: #006c88 !important;
}

.forgot-password:hover,
.about-service:hover {
    color: #24a8b4 !important;
}

.alt-recovery-link {
    color: #006c88 !important;
}

.alt-recovery-link:hover {
    color: #24a8b4 !important;
}

.login-card {
    box-shadow: 0 10px 25px rgba(36,168,180, 0.1) !important;
}

.language-dropdown:hover,
.language-dropdown:focus {
    border-color: #24a8b4 !important;
}

.checkbox-input:checked + .checkbox-custom {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
}

.password-toggle.active .eye-icon {
    color: #24a8b4 !important;
}

#rolePage {
    background-color: #24a8b4 !important;
}

#loginPage, #loadingPage {
    background-color: #24a8b4 !important;
}

#loginPage .form-signin-heading {
    color: #24a8b4 !important;
}
/* Agents Common Styles */
.agent-container #app {
    font-family: Roboto, 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
}

.agent-container .container {
    max-width: 95%;
}

.agent-container h1, .agent-container h2 {
    font-weight: normal;
}

.agent-container .card-title {
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
}

.agent-container h6.card-title {
    margin-bottom: 1.5rem;
}

.agent-container a {
    color: #006c88;
    font-weight: bold;
}

.agent-container body {
    background-color: #fcfcfc;
    font-family: Roboto;
}

.agent-container .btn-default {
    background-color: #f1f1f1;
}

.agent-container .card {
    background-size: 13%;
}

@media screen and (max-width: 900px) {
    .agent-container .slim-container {
        max-width: 100% !important;
    }
}

.agent-container .col, .agent-container .col-1, .agent-container .col-10, .agent-container .col-11, .agent-container .col-12, .agent-container .col-2, .agent-container .col-3, .agent-container .col-4, .agent-container .col-5, .agent-container .col-6, .agent-container .col-7, .agent-container .col-8, .agent-container .col-9, .agent-container .col-auto, .agent-container .col-lg, .agent-container .col-lg-1, .agent-container .col-lg-10, .agent-container .col-lg-11, .agent-container .col-lg-12, .agent-container .col-lg-2, .agent-container .col-lg-3, .agent-container .col-lg-4, .agent-container .col-lg-5, .agent-container .col-lg-6, .agent-container .col-lg-7, .agent-container .col-lg-8, .agent-container .col-lg-9, .agent-container .col-lg-auto, .agent-container .col-md, .agent-container .col-md-1, .agent-container .col-md-10, .agent-container .col-md-11, .agent-container .col-md-12, .agent-container .col-md-2, .agent-container .col-md-3, .agent-container .col-md-4, .agent-container .col-md-5, .agent-container .col-md-6, .agent-container .col-md-7, .agent-container .col-md-8, .agent-container .col-md-9, .agent-container .col-md-auto, .agent-container .col-sm, .agent-container .col-sm-1, .agent-container .col-sm-10, .agent-container .col-sm-11, .agent-container .col-sm-12, .agent-container .col-sm-2, .agent-container .col-sm-3, .agent-container .col-sm-4, .agent-container .col-sm-5, .agent-container .col-sm-6, .agent-container .col-sm-7, .agent-container .col-sm-8, .agent-container .col-sm-9, .agent-container .col-sm-auto, .agent-container .col-xl, .agent-container .col-xl-1, .agent-container .col-xl-10, .agent-container .col-xl-11, .agent-container .col-xl-12, .agent-container .col-xl-2, .agent-container .col-xl-3, .agent-container .col-xl-4, .agent-container .col-xl-5, .agent-container .col-xl-6, .agent-container .col-xl-7, .agent-container .col-xl-8, .agent-container .col-xl-9, .agent-container .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

.agent-container .card {
    border-color: rgba(0,108,136, 0.3);
}

.agent-container strong {
    font-weight: 500;
}

.agent-container .col-md-4 strong {
    font-weight: 400;
}

.agent-container .container {
    max-width: 90%;
}

/* Outline кнопки */
.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary:hover, .btn-outline-primary:focus {
    border-color: #006c88;
    color: #006c88;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #006c88;
    color: white;
}

.btn-outline-success, .btn-outline-success:active, .btn-outline-success:hover, .btn-outline-success:focus {
    border-color: #24a8b4;
    color: #24a8b4;
}

.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active {
    background-color: #24a8b4;
    color: white;
}

.btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger:hover, .btn-outline-danger:focus {
    border-color: #ff5763;
    color: #ff5763;
}

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active {
    background-color: #ff5763;
    color: white;
}

.btn-outline-warning {
    border-color: #ffc107;
    color: #ffc107;
}

.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active {
    background-color: #ffc107;
    color: #212529;
}

.btn-outline-info {
    border-color: #24a8b4;
    color: #24a8b4;
}

.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active {
    background-color: #24a8b4;
    color: white;
}

/* Дополнительные кнопки */
.btn-warning, .btn-warning:active, .btn-warning:hover, .btn-warning:focus {
    color: #fff;
}

.btn-info, .btn-info:active, .btn-info:hover, .btn-info:focus {
    border-color: #24a8b4;
    background-color: #24a8b4;
}

.btn-secondary, .btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus {
    border-color: #6c757d;
    background-color: #6c757d;
}

.btn-dark, .btn-dark:active, .btn-dark:hover, .btn-dark:focus {
    border-color: #2c3e50;
    background-color: #2c3e50;
}

.btn-light, .btn-light:active, .btn-light:hover, .btn-light:focus {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
    color: #2c3e50;
}

/* Алерты */
.alert-primary {
    color: #006c88;
    background-color: rgba(0,108,136, 0.1);
    border-color: rgba(0,108,136, 0.3);
}

.alert-success {
    color: #24a8b4;
    background-color: rgba(36,168,180, 0.1);
    border-color: rgba(36,168,180, 0.3);
}

.alert-danger {
    color: #cc4550;
    background-color: #ffeff0;
    border-color: #ffcdd0;
}

.alert-warning {
    color: #cc9a06;
    background-color: #fff8e1;
    border-color: #ffecb3;
}

.alert-info {
    color: #24a8b4;
    background-color: rgba(36,168,180, 0.1);
    border-color: rgba(36,168,180, 0.3);
}

.alert-outline {
    border-radius: 0 5px 5px 0;
    border-width: 0;
    border-left: 3px solid;
    padding: 5px 15px;
    margin-bottom: 10px;
    margin-top: 10px
}

.alert-danger-outline {
    color: #b60909;
    border-color: #dc0909;
    background-color: #f5535310
}

.alert-success-outline {
    color: #24a8b4;
    border-color: #24a8b4;
    background-color: rgba(36,168,180, 0.1);
}

.alert-warning-outline {
    color: #ab8400;
    border-color: #ffc107;
    background-color: #ffc10710
}

.alert-info-outline {
    color: #006c88;
    border-color: #24a8b4;
    background-color: rgba(36,168,180, 0.1);
}

.alert-secondary-outline {
    color: #7d7d7d;
    border-color: #7d7d7d;
    background-color: #7d7d7d10
}

/* Прогресс-бары */
.progress-bar {
    background-color: #006c88;
}

.progress-bar-success {
    background-color: #24a8b4;
}

.progress-bar-danger {
    background-color: #ff5763;
}

.progress-bar-warning {
    background-color: #ffc107;
}

.progress-bar-info {
    background-color: #24a8b4;
}

/* Значки (badges) */
.badge-primary {
    background-color: #006c88;
}

.badge-success {
    background-color: #24a8b4;
}

.badge-danger {
    background-color: #ff5763;
}

.badge-warning {
    background-color: #ffc107;
    color: #212529;
}

.badge-info {
    background-color: #24a8b4;
}

.badge-secondary {
    background-color: #6c757d;
}

.badge-dark {
    background-color: #2c3e50;
}

.badge-light {
    background-color: #f8f9fa;
    color: #2c3e50;
}

/* Ссылки в цветовой схеме */
.text-primary {
    color: #006c88 !important;
}

.text-success {
    color: #24a8b4 !important;
}

.text-danger {
    color: #ff5763 !important;
}

/* Границы */
.border-primary {
    border-color: #006c88 !important;
}

.border-success {
    border-color: #24a8b4 !important;
}

.border-danger {
    border-color: #ff5763 !important;
}

/* Фоны */
.bg-primary {
    background-color: #006c88 !important;
}

.bg-success {
    background-color: #24a8b4 !important;
}

.bg-danger {
    background-color: #ff5763 !important;
}

/* Пагинация */
.page-link {
    color: #006c88;
}

.page-link:hover {
    color: #006c88;
    background-color: rgba(0,108,136, 0.1);
    border-color: rgba(0,108,136, 0.3);
}

.page-item.active .page-link {
    background-color: #006c88;
    border-color: #006c88;
}

/* Навигация */
.nav-pills .nav-link.active {
    background-color: #006c88;
}

.nav-tabs .nav-link.active {
    border-color: #006c88 #006c88 #fff;
    color: #006c88;
}