/* H10 BLUE COLOR */

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

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

.custom-theme-demo .text-template {
    color: #1D174D;
}

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

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

.custom-theme-demo body {
    background-color: #1D174D;
    background: #1D174D;
    background: -moz-linear-gradient(top, #1D174D 1%, #1D174D 100%);
    background: -webkit-linear-gradient(top, #1D174D 1%, #1D174D 100%);
    background: linear-gradient(to bottom, #1D174D 1%, #1D174D 100%);
}

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

.custom-theme-demo .header.active,
.custom-theme-demo .search,
.custom-theme-demo .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-demo .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-demo .btn-outline-light,
.custom-theme-demo .footer a.btn:hover span.text-name,
.custom-theme-demo .footer a.btn.active span.text-name,
.custom-theme-demo .form-control:focus,
.custom-theme-demo .btn-light {
    color: #1D174D;
}

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

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

.custom-theme-demo .chat-list .left-chat .chat-block,
.custom-theme-demo .sidebar,
.custom-theme-demo .btn-outline-light:focus,
.custom-theme-demo .btn-outline-light:active:focus,
.custom-theme-demo .btn-outline-light:hover,
.custom-theme-demo .btn-outline-light.active,
.custom-theme-demo .footer a.btn.active span.icon-text,
.custom-theme-demo .bg-template,
.custom-theme-demo .btn-default,
.custom-theme-demo body,
.custom-theme-demo .header,
.custom-theme-demo .header a,
.custom-theme-demo .header .btn-link,
 {
    font-family: Urbanist;
}
.custom-theme-demo .header.active a {
    color: white;
}

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

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

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

.custom-theme-demo .sidebar .main-menu .list-group-item {
    color: #3CC7F3
}

.custom-theme-demo .footer a.btn-link-default {
    color: #1D174D
}

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

.custom-theme-demo .nav-tabs .nav-item .nav-link.active {
    border-color: #3CC7F3
}

.custom-theme-demo .chat-list .left-chat .chat-block:before {
    border-top-color: #3CC7F3;
    border-left-color: #3CC7F3
}

.custom-theme-demo .btn-template {
    background-color: #1D174D;
    color: #ffffff;
}

.custom-theme-demo .btn-template:hover {
    color: #ffffff;
    background-color: #1D174D;
    border-color: #1D174D;
}

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

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

.copyright {
    display: block;
    opacity: 0.5;
}

.custom-theme-demo .btn-outline-light:focus,
.custom-theme-demo .btn-outline-light:active:focus,
.custom-theme-demo .btn-outline-light:hover,
.custom-theme-demo .btn-outline-light.active,
.custom-theme-demo .dot-notification,
.custom-theme-demo .btn-default,
.custom-theme-demo .btn-outline-light:not(:disabled):not(.disabled):active {
    background-color: #3D6AB3;
}
.custom-theme-demo .home-cat-arrow>small {
    color: #1d174d !important;
}

.custom-theme-demo .home-cat-arrow i {
    color: #3D6AB3 !important;
}


.custom-theme-demo .heading-1 {
    font-family: Urbanist;
    font-size: .9em;
    font-weight: 700;
    color: #3D6AB3;
    text-transform: capitalize;
}
.custom-theme-demo div#column-text-content .divider-1 span,
.custom-theme-demo .divider-1 span {
    display: block;
    width: 50px !important;
    height: 1px;
    background-color: #1d174d;
}
.custom-theme-demo .divider-1 {
    background-color: #1d174d42;
    height: 1px;
    margin: 0 0 1em;
}

.custom-theme-demo .text-dark {
    color: #1D174D !important;
}

.custom-theme-demo body .btn-success {
    background-color: #3CC7F3;
    border-color: #3CC7F3;
}

.custom-theme-demo body .btn-primary {
    background-color: #3D6AB3;
    border-color: #3D6AB3;
}
.custom-theme-demo .small,
.custom-theme-demo .item-title,
.custom-theme-demo small,
.custom-theme-demo .item-title {
    font-weight: 300 !important;
}

.custom-theme-demo .card-body * {
    font-weight: 200 !important;
    text-transform: capitalize !important;
}

.custom-theme-demo .sidebar .main-menu .list-group-item.active {
    background-color: rgb(52 168 205 / 51%);
}

@font-face {
    font-family: 'Urbanist';
    font-style: 'Medium';
    font-weight: 300;
    src: url('webfonts/Urbanist/Urbanist-Medium.ttf');
    src: local(''), url('webfonts/Urbanist/Urbanist-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Urbanist';
    font-style: 'ExtraLight';
    font-weight: 100;
    src: url('webfonts/Urbanist/Urbanist-ExtraLight.ttf');
    src: local(''), url('webfonts/Urbanist/Urbanist-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Urbanist';
    font-style: 'ExtraBold';
    font-weight: 800;
    src: url('webfonts/Urbanist/Urbanist-ExtraBold.ttf');
    src: local(''), url('webfonts/Urbanist/Urbanist-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Urbanist';
    font-style: 'SemiBold';
    font-weight: 600;
    src: url('webfonts/Urbanist/Urbanist-ExtraBold.ttf');
    src: local(''), url('webfonts/Urbanist/Urbanist-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Urbanist';
    font-style: 'Light';
    font-weight: 200;
    src: url('webfonts/Urbanist/Urbanist-Light.ttf');
    src: local(''), url('webfonts/Urbanist/Urbanist-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Urbanist';
    font-style: 'Black';
    font-weight: 500;
    src: url('webfonts/Urbanist/Urbanist-Black.ttf');
    src: local(''), url('webfonts/Urbanist/Urbanist-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Urbanist';
    font-style: 'Regular';
    font-weight: 400;
    src: url('webfonts/Urbanist/Urbanist-Regular.ttf');
    src: local(''), url('webfonts/Urbanist/Urbanist-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Urbanist';
    font-style: 'Bold';
    font-weight: 700;
    src: url('webfonts/Urbanist/Urbanist-Bold.ttf');
    src: local(''), url('webfonts/Urbanist/Urbanist-Bold.ttf') format('truetype');
}