.extra-layout header,
.extra-layout #section {
    border-bottom: 1px solid #CCC;
    padding: 1.5rem 0;
}
.extra-layout #main-content {
    padding: 2rem 0; 
}
.extra-layout a {
    color: #000 !important;
    text-decoration: underline;
}
.extra-layout #footer {
    border-top: 1px solid #CCC;
}
.extra-layout .card {
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid #d9dee3;
    border-radius: 0.5rem;
}
.extra-layout .card-body {
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem;
}
.bg-pink {
    background-color: #F8DEE0;
}
.history-tabs-items .tab-content {
    padding: 10px;
    box-shadow: none !important;
}
html[dir="rtl"] .fa-arrow-left {
    transform: rotate(180deg);
}
.fa-signals {
    display: inline-block;
    width: 54px;
    height: 54px;
    background-image: url('../images/signal.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.bootstrap-dialog-footer-buttons .btn-outline-primary {
    background: #F8DEE0 !important;
    border: 0;
    color: var(--primary);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4);
}

.bootstrap-dialog-footer-buttons .btn-outline-primary:hover {
    color: red;
}

html[dir="rtl"] .bootstrap-dialog-footer-buttons> :not(:last-child) {
    margin-right: inherit;
    margin-left: .25rem;
}

.border-bottom-double {
    border-bottom: 3px double #eff1f3;
}

.bg-table {
    background-color: #eff1f3;
    font-weight: 800;
}

.modal {
    z-index: 1041;
}

@media (max-width: 1199.98px) {
    .layout-overlay {
        z-index: 900;
    }
}