/*
 * App palette overrides.
 * Loaded after the base theme and custom stylesheet.
 */

:root {
    --app-primary: #AE3738;
    --app-secondary: #FEF8ED;
    --app-tertiary: #000000;
    --app-primary-hover: #8f2f30;
}

#app,
body {
    background-color: var(--app-secondary);
}

#main-container {
    background-color: var(--app-secondary);
}

a,
.text-primary {
    color: var(--app-primary);
}

a:hover,
a:focus,
a:active,
.text-primary:hover,
.text-primary:focus {
    color: var(--app-primary-hover);
}

a.link-effect:before {
    background-color: var(--app-primary);
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.open > .dropdown-toggle.btn-primary {
    background-color: #ffffff;
    border-color: var(--app-primary);
    color: var(--app-primary);
}

.btn-primary:hover,
.btn-primary:focus:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover {
    background-color: var(--app-primary);
    border-color: var(--app-primary);
    color: var(--app-secondary);
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #ffffff !important;
    border-color: var(--app-primary) !important;
    color: var(--app-primary) !important;
}

.label-primary,
.bg-primary {
    background-color: var(--app-primary) !important;
    border-color: var(--app-primary) !important;
    color: var(--app-secondary) !important;
}

.label-primary {
    background-color: #ffffff !important;
    border: 1px solid var(--app-primary) !important;
    color: var(--app-primary) !important;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: var(--app-primary) !important;
    border-color: var(--app-primary) !important;
    color: var(--app-secondary) !important;
}

.border-primary {
    border-color: var(--app-primary) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--app-primary);
    -webkit-box-shadow: 0 2px var(--app-primary);
    box-shadow: 0 2px var(--app-primary);
}

#sidebar {
    background-color: var(--app-primary);
}

#sidebar .side-header,
#sidebar .nav-main > li > a,
#sidebar .nav-main ul > li > a {
    color: var(--app-secondary);
    background-color: var(--app-primary);
}

#sidebar .nav-main > li > a:hover,
#sidebar .nav-main > li > a:focus,
#sidebar .nav-main ul > li > a:hover,
#sidebar .nav-main ul > li > a:focus {
    background-color: #8f2f30;
    color: var(--app-secondary);
}

#sidebar .nav-main > li.active > a,
#sidebar .nav-main > li.open > a,
#sidebar .nav-main > li.active > a.nav-submenu,
#sidebar .nav-main > li.open > a.nav-submenu,
#sidebar .nav-main > li.active > ul > li > a.active,
#sidebar .nav-main ul > li > a.active {
    background-color: #8f2f30;
    color: var(--app-secondary);
}

#sidebar .side-header {
    background-color: var(--app-primary);
}

#sidebar .side-header .text-white,
#sidebar .side-header .btn,
#sidebar .side-header i,
#sidebar .nav-main i {
    color: var(--app-secondary);
}

#header-navbar {
    background-color: var(--app-primary);
    border-bottom-color: var(--app-tertiary);
}

#header-navbar .nav-header > li > .btn-default,
#header-navbar .nav-header > li > .btn-image,
#header-navbar .nav-header > li > button.btn-default,
#header-navbar .nav-header > li > a.btn-default {
    background-color: var(--app-secondary);
    border-color: var(--app-secondary);
    color: var(--app-tertiary);
}

#header-navbar .nav-header > li > .btn-default:hover,
#header-navbar .nav-header > li > .btn-default:focus,
#header-navbar .nav-header > li > .btn-image:hover,
#header-navbar .nav-header > li > .btn-image:focus,
#header-navbar .nav-header > li > button.btn-default:hover,
#header-navbar .nav-header > li > button.btn-default:focus,
#header-navbar .nav-header > li > a.btn-default:hover,
#header-navbar .nav-header > li > a.btn-default:focus {
    background-color: var(--app-secondary);
    border-color: var(--app-secondary);
    color: var(--app-tertiary);
}

#header-navbar .dropdown-menu {
    background-color: var(--app-secondary);
    color: var(--app-tertiary);
}

#header-navbar .dropdown-menu > li > a,
#header-navbar .dropdown-menu .dropdown-header {
    color: var(--app-tertiary);
}

#sidebar .nav-main-heading{
    color: var(--app-secondary);
    background-color: var(--app-tertiary);
}

.modal .block-header.bg-primary,
.modal .modal-header {
    background-color: var(--app-primary) !important;
    border-color: var(--app-tertiary) !important;
}

.modal .block-header.bg-primary .block-title,
.modal .block-header.bg-primary .block-title i,
.modal .block-header.bg-primary button,
.modal .modal-header .modal-title,
.modal .modal-header .close {
    color: var(--app-secondary) !important;
}

.nav-main a.nav-submenu:before {
    color: var(--app-secondary);
}

.login-form-theme {
    background-color: var(--app-primary);
    color: var(--app-secondary);
}

.login-form-theme .block-header,
.login-form-theme .block-content {
    background-color: var(--app-primary) !important;
    color: var(--app-secondary) !important;
}

.login-form-theme .block-title,
.login-form-theme h1,
.login-form-theme h2,
.login-form-theme h3,
.login-form-theme h4,
.login-form-theme p,
.login-form-theme label,
.login-form-theme .text-logo,
.login-form-theme .input-group-addon {
    color: var(--app-secondary) !important;
}

.login-form-theme .form-control {
    background-color: #ffffff !important;
    color: var(--app-tertiary) !important;
    border-color: var(--app-secondary) !important;
}

.login-form-theme .form-control:focus {
    border-color: var(--app-secondary) !important;
    box-shadow: none;
}

.login-form-theme .input-group-addon {
    background-color: var(--app-secondary) !important;
    border-color: var(--app-secondary) !important;
    color: var(--app-tertiary) !important;
}

.login-form-theme .btn-primary {
    background-color: var(--app-secondary) !important;
    border-color: var(--app-secondary) !important;
    color: var(--app-primary) !important;
}

.login-form-theme .btn-primary:hover,
.login-form-theme .btn-primary:focus {
    background-color: var(--app-primary) !important;
    border-color: var(--app-secondary) !important;
    color: var(--app-secondary) !important;
}

.block > .block-header.block-header-mini {
    padding: 8px 10px;
}

.block > .block-header.block-header-mini .block-title {
    font-size: 13px;
}

.block > .block-header.block-header-mini .block-options {
    margin: -3px 0px;
}

.block > .block-header.block-header-mini .block-options > li {
    margin: 0px;
}

.block > .block-header.block-header-mini .block-options .badge {
    font-size: 12px;
    padding: 3px 6px;
}

.block-content.block-content-mini .nav-users a {
    position: relative;
    padding: 6px 8px 8px 60px;
    display: block;
    min-height: 55px;
    font-weight: 600;
    border-bottom: 1px solid #f3f3f3;
}

.block-content.block-content-mini .list-group-item {
    font-size: 13px;
    padding: 6px 5px 6px 12px;
    color: black;
}

.block-content.block-content-mini .list-group-item a{
    opacity: 0;
    transition: all 0.3s;
}

.block-content.block-content-mini .list-group-item:hover a{
    opacity: 1;
}

.block-header.block-header-mini .block-options > li > button {
    padding: 0px;
    opacity: 1;    
    margin-left: 3px;
}

.block-header.block-header-mini .dropdown-menu {
    min-width: 150px;    
    padding: 0;
    font-size: 13px;
}

.block > .block-header.block-header-mini .block-options-simple {
    margin: -3px 0 -3px 5px;
}

.block > .block-header.block-header-mini .block-options-simple .btn-xs {
    padding: 0px 4px;
    font-size: 12px;
    margin: -3px 0;
}

.block > .block-header.block-header-mini .block-options-simple > ul {
    float: right;
    margin: -1px 0 -3px 3px;
    padding: 0;
    height: 24px;
    list-style: none;
}

.top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
}

.block-content.block-content-mini .list-group-item:first-child .top-bar {
    border-top-left-radius: 4px;
}

.block-content.block-content-mini .list-group-item:last-child .top-bar {
    border-bottom-left-radius: 4px;
}

.table-calendar td{
    vertical-align: baseline;
}

.table-calendar {
    table-layout: fixed;
    width: 100%;
}

.visible-under-991 {
    display: none;
}

.table-calendar {
    margin-top: -1px;
}

.table-calendar .block.is-current-day {
    border: 2px solid var(--app-primary);
    box-shadow: 0 0 0 1px rgba(174, 55, 56, 0.15);
}

.table-calendar .block.is-current-day .block-header {
    border-bottom-color: var(--app-primary);
}

#form-login .form-material > .form-control {
    padding-left: 12px;
}

#sidebar .side-header .sidebar-mini-hide{
    width: 180px;
    line-height: 20px;
    font-size: 15px;
}

.imglogo {
    margin: 0 10px;
}

.item-options{
    opacity: 0;
    transition: all 0.3s;
}

.item-options li{
    list-style: none;
}

.block-content.block-content-mini .list-group-item:hover .item-options{
    opacity: 1;
}

@media (max-width: 991px) {
    .table-calendar,
    .table-calendar tbody,
    .table-calendar tr,
    .table-calendar td,
    .table-calendar th {
        display: block;
        width: 100%;
    }

    .table-calendar td.remove-padding {
        padding: 0 0 15px;
    }

    .table-calendar colgroup {
        display: none;
    }

    .visible-under-991 {
        display: inline;
    }
}

@media (max-width: 767px) {
    .rutina-summary .block-content-full {
        padding: 8px 10px;
    }

    .rutina-summary .block-content-full .h2 {
        font-size: 18px;
        margin-bottom: 2px;
    }

    .rutina-summary .block-content-full .h5 {
        font-size: 10px;
        margin-top: 6px;
        margin-bottom: 0;
    }

    .rutina-summary .block-content-full,
    .rutina-summary .block-content-full .h2,
    .rutina-summary .block-content-full .h5,
    .rutina-summary .block-content-full i {
        line-height: 1.15;
        font-size: 12px;
    }

    .rutina-summary .pie-chart {
        margin-bottom: 0;
        transform: scale(0.82);
        transform-origin: center top;
    }
}