// ==== Bootstrap modified classes ====
@import "variables";

.card-body {
    padding: 1rem;
    position: relative; // for loader.
}

.card { border-radius: 0 !important;}

.card-header {
    padding: .25rem .5rem;
    font-weight: bold;
    border-radius: 0 !important;
}

.navbar, .card-header { font-size: $font-size;}

.btn:active {
    margin-bottom: -2px;
    margin-top: 2px;
}

.btn:active:disabled {
    margin-bottom: 0;
    margin-top: 0;
}

.alert {
    padding: 0.2rem 0.5rem;
    font-size: $font-size;
}

.alert-dismissible .close { padding: .1rem 0.5rem;}

.dropdown-menu {
    font-size: $font-size;
    //box-shadow: $shadow-sm;
}

.modal-footer, .modal-header, .modal-body { padding: .25rem .5rem;}

.modal-header {
    line-height: 1.5rem; // to keep header text in vertically center.
    font-weight: bold;
}

.modal-header .close {
    padding: .25rem .5rem;
    margin: -0.25rem -0.5rem -0.25rem auto;
    //border-left: $border-style;
}

.nav-link { padding: 0.5rem 1rem !important;}

.nav-pills .nav-link, .nav-tabs .nav-link, .nav-tabs .nav-link:hover {color: var(--content-primary--shade--four);}

.navbar-brand {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    font-size: 1.25rem !important;
}

// To view form-control in disable mode
.form-control:disabled, .form-control[readonly] {
    background-color: transparent !important;
    border: none !important;
}

.form-control-sm, .col-form-label-sm { font-size: $font-size;}

//.modal-content { max-height: calc(100vh - 72px);}
.modal-content { max-height: calc(100vh - 68px); } // 72px is giving scroll in case of log profile.

.modal-body { overflow: hidden;}

.modal-open {
    padding-right: 0 !important; // to prevent dancing of body when modal open on firefox.
}

.modal-open .modal { overflow: hidden;}

@media (min-width: 576px) {
    .modal-lg {
        max-width: 800px;
    }
}

.modal-open .modal { // to prevent column sizing in modal.
    overflow: auto;
}

// file upload classes
.custom-file-input:lang(en) ~ .custom-file-label::after {padding: 5px; height: 30px;}