/* H10 BLUE COLOR */

.custom-theme-calabona .overlay {
    background: transparent linear-gradient(180deg, rgba(21, 57, 157, 0) 0%, #001845 100%) 0% 0% no-repeat padding-box;
    background: transparent -moz-linear-gradient(-90deg, rgba(21, 57, 157, 0) 0%, #001845 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(-90deg, rgba(21, 57, 157, 0) 0%, #001845 100%) 0% 0% no-repeat padding-box;
}

.blue-theme-bg,
.custom-theme-calabona .bg-template {
    background: #001845;
    background: -moz-linear-gradient(top, #001845 1%, #001845 100%);
    background: -webkit-linear-gradient(top, #001845 1%, #001845 100%);
    background: linear-gradient(to bottom, #001845 1%, #001845 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001845', endColorstr='#001845', GradientType=0);
}

.custom-theme-calabona .text-template {
    color: #001845;
}


.custom-theme-calabona .btn-outline-light:focus,
.custom-theme-calabona .btn-outline-light:active:focus,
.custom-theme-calabona .btn-outline-light:hover,
.custom-theme-calabona .btn-outline-light.active,
.custom-theme-calabona .dot-notification,
.custom-theme-calabona .header.active,
.custom-theme-calabona .footer a.btn.active span.icon-text,
.custom-theme-calabona .btn-default,
.custom-theme-calabona .btn-outline-light:not(:disabled):not(.disabled):active {
    background-color: #001845;
}

.custom-theme-calabona .loader-screen {
    background-color: #001845;
    background: #001845;
    background: -moz-linear-gradient(top, #001845 1%, #001845 100%);
    background: -webkit-linear-gradient(top, #001845 1%, #001845 100%);
    background: linear-gradient(to bottom, #001845 1%, #001845 100%);
    opacity: 0.9;
}

.custom-theme-calabona body {
    background-color: #001845;
    background: #001845;
    background: -moz-linear-gradient(top, #001845 1%, #001845 100%);
    background: -webkit-linear-gradient(top, #001845 1%, #001845 100%);
    background: linear-gradient(to bottom, #001845 1%, #001845 100%);
    font-family: 'Roboto', sans-serif;
}

.custom-theme-calabona .footer a.btn:hover span.icon-text,
.custom-theme-calabona .float-label .form-control:focus {
    border-color: #001845;
}

.custom-theme-calabona .header.active,
.custom-theme-calabona .search,
.custom-theme-calabona .dropdown-menu {
    box-shadow: 0px 3px 7px rgba(0, 49, 103, 0.20);
    -webkit-box-shadow: 0px 3px 7px rgba(0, 49, 103, 0.20);
    -moz-box-shadow: 0px 3px 7px rgba(0, 49, 103, 0.20);
    -ms-box-shadow: 0px 3px 7px rgba(0, 49, 103, 0.20);
}

.custom-theme-calabona .btn-default {
    box-shadow: 0px 5px 15px rgba(0, 49, 103, 0.50);
    -webkit-box-shadow: 0px 5px 15px rgba(0, 49, 103, 0.50);
    -moz-box-shadow: 0px 5px 15px rgba(0, 49, 103, 0.50);
    -ms-box-shadow: 0px 5px 15px rgba(0, 49, 103, 0.50);
}

.custom-theme-calabona .btn-outline-light,
.custom-theme-calabona .footer a.btn:hover span.text-name,
.custom-theme-calabona .footer a.btn.active span.text-name,
.custom-theme-calabona .form-control:focus,
.custom-theme-calabona .btn-light {
    color: #001845;
}

.custom-theme-calabona a,
.custom-theme-calabona .wrapper,
.custom-theme-calabona .form-control,
.custom-theme-calabona body.header-dark,
.custom-theme-calabona .header-dark .header,
.custom-theme-calabona .header-dark .header a,
.custom-theme-calabona .header-dark .header .btn-link {
    color: #000000;
}

.custom-theme-calabona .chat-list .left-chat .chat-block,
.custom-theme-calabona .sidebar,
.custom-theme-calabona .btn-outline-light:focus,
.custom-theme-calabona .btn-outline-light:active:focus,
.custom-theme-calabona .btn-outline-light:hover,
.custom-theme-calabona .btn-outline-light.active,
.custom-theme-calabona .footer a.btn.active span.icon-text,
.custom-theme-calabona .bg-template,
.custom-theme-calabona .btn-default,
.custom-theme-calabona body,
.custom-theme-calabona .header,
.custom-theme-calabona .header a,
.custom-theme-calabona .header .btn-link,
.custom-theme-calabona .sidebar .main-menu .list-group-item i,
.custom-theme-calabona .sidebar .main-menu .list-group-item.active i,
.custom-theme-calabona .sidebar .main-menu .list-group-item.active,
.custom-theme-calabona .nav-tabs .nav-item .nav-link,
.custom-theme-calabona .bg-template a:not(.btn-light) {
    color: #000000;
}

.custom-theme-calabona .header.active a {
    color: white;
}

.custom-theme-calabona .splash-footer {
    color: white !important;
}

.custom-theme-calabona .header,
.custom-theme-calabona .footer,
.custom-theme-calabona .footer a.btn span.icon-text,
.custom-theme-calabona .wrapper {
    background-color: #f9f9f9;
}

.custom-theme-calabona .bg-template .bg-light {
    background-color: rgba(255, 255, 255, 0.1)
}

.custom-theme-calabona .sidebar .main-menu .list-group-item {
    color: #ffffff
}

.custom-theme-calabona .footer a.btn-link-default {
    color: #001845
}

.custom-theme-calabona .chat-list .left-chat .chat-block,
.custom-theme-calabona .sidebar .main-menu .list-group-item.active i,
.custom-theme-calabona .footer a.btn:hover span.text-name:after,
.custom-theme-calabona .footer a.btn.active span.text-name:after {
    background-color: #02b4ff
}

.custom-theme-calabona .nav-tabs .nav-item .nav-link.active {
    border-color: #02b4ff
}

.custom-theme-calabona .chat-list .left-chat .chat-block:before {
    border-top-color: #02b4ff;
    border-left-color: #02b4ff
}

.custom-theme-calabona .btn-template {
    background-color: #001845;
    color: #ffffff;
}

.custom-theme-calabona .btn-template:hover {
    color: #ffffff;
    background-color: #00000b;
    border-color: #001845;
}

.custom-theme-calabona .btn-template.focus,
.custom-theme-calabona .btn-template:focus {
    color: #ffffff;
    background-color: #00000b;
    border-color: #001845;
    box-shadow: 0 0 0 0.2rem rgb(130 138 145 / 50%);
}

.custom-theme-calabona #container-foto,
.custom-theme-calabona #container-salario {
    display: none;
}

.custom-theme-calabona .copyright {
    display: block;
    opacity: 0.5;
}

.custom-theme-calabona .agenda-item {
    opacity: 1 !important;
}

.custom-theme-calabona #corpobar .btn-outline-light {
    background-color: #f60 !important;
    border-color: #f60!important;
    color: white;
}


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url('webfonts/roboto/Roboto.eot');
  /* IE9 Compat Modes */
  src: local(''), url('webfonts/roboto/roboto?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('webfonts/roboto/Roboto.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('webfonts/roboto/Roboto.woff') format('woff'),
    /* Modern Browsers */
    url('webfonts/roboto/Roboto.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('webfonts/roboto/Roboto.svg#Roboto') format('svg');
  /* Legacy iOS */
}