:root {
    --primary-color: #2e3192;
    --secondary-color: #c3935a;
}

.card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card.bg-primary, .card.card-rotate.bg-primary .front, .card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #191970, #191970);
}

.sidebar[data-color="purple"] li.active>a {
    background-color: var(--primary-color);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(46, 8, 153, 0.4);
}

.table thead tr th {
    color: var(--secondary-color);
    font-weight: normal;
}

.btn .material-icons, .btn:not(.btn-just-icon):not(.btn-fab) .fa {
    color: var(--secondary-color);
}

a {
    color: var(--secondary-color);
}

.card .card-header-primary {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(46, 49, 146, 0.6);
}

a:hover, a:focus {
    color: var(--secondary-color);
}

.card .card-header-primary .card-icon, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card .card-header-primary .card-text {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(46, 49, 146, 0.6);
}

.btn.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 255, 255, 0.6);
}

.btn.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 255, 255, 0.6);
}

.add-offer-btn {
    background-color: var(--primary-color);
    color: white;
    border-radius: .5rem;
    width: 7rem;
    height: 2.5rem;
    cursor: pointer;
}

.form-control, .is-focused .form-control {
    background-image: linear-gradient(to top, var(--secondary-color) 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

/* .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:hover {
    color: #fff;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    box-shadow:  0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 255, 255, 0.6) !important;

} */

.card-icon-update {
    background: linear-gradient(60deg, #c3935a, #c3935a) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(195, 146, 89) !important;
}

.card-icon-first {
    background: linear-gradient(60deg, #37474f, #37474f) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(54, 71, 79) !important;
}

.card-icon-second {
    background: linear-gradient(60deg, #ad1457, #ad1457) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(173, 19, 86) !important;
}

.card-icon-third {
    background: linear-gradient(60deg, #00838f, #00838f) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(1, 131, 143) !important;
}

.card-icon-fourth {
    background: linear-gradient(60deg, #00695C, #00695C) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(0, 105, 92) !important;
}

#preloader {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-size: 64px 64px !important;
    background: #3335 url('../img/loading.gif') no-repeat center center;
}

input[type="date"]:before {
    position: absolute;
    left: 3px;
    content: attr(data-date);
    display: inline-block;
}

input[type="date"]::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 3px;
    right: 0;
    opacity: 1;
}

.is-focused [class^='bmd-label'], .is-focused [class*=' bmd-label'] {
    color: var(--secondary-color);
}

.dropdown-item:hover {
    background-color: #c3935a !important;
}

#listIcons>tr>td>div {
    background-color: #e2e2e2;
    border-radius: 0.75rem;
    width: 3.75rem;
    height: 3.75rem;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 1);
    box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 1);
}

.building-icon {
    height: 3.75rem;
}