:root {
    --primary-clr: #284860;
    --secondary-clr: #6C7525;
    --background-clr: #F4F6F7;
    --brown-clr: #896124;
    --yellow-clr: #F1AE45;
    --black-clr: #000;
    --gray-line: #D0CFCF;
    --white-clr: #fff;
    --danger-clr: #DE0000;
    --primary-font: "Fira Sans", sans-serif;
    font-size: 16px;
}
body {
    background-color: rgba(229, 235, 234, 1) !important;
}

h1 {
    font-family: var(--primary-font) !important;
    font-size: 1.75rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

h2 {
    font-family: var(--primary-font) !important;
    font-size: 1.5rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

h3 {
    font-family: var(--primary-font) !important;
    font-size: 1.25rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

h4 {
    font-family: var(--primary-font) !important;
    font-size: 1.125rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

h5 {
    font-family: var(--primary-font) !important;
    font-size: 1rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

p {
    font-family: var(--primary-font) !important;
    font-size: .938rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.page-link:focus{
    box-shadow: none !important;
}

label,
a,
table,
button,
input {
    font-family: var(--primary-font) !important;
}

.loader-wrap {
    background: rgba(0, 0, 0, 0.25);
    height: 100vh;
    width: 100%;
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader {
    border: 4px solid var(--background-clr);
    /* Light grey */
    border-top: 4px solid var(--primary-clr);
    /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

.success-toast,
.failure-toast,
.info-toast,
.form-error-toast,
.error-date-submitted-to{
    z-index: 11;
    width: calc(100% - 50px);
    display: flex;
    justify-content: flex-end;
}

.service-types,
.document-upload,
.summary {
    display: none;
}

.toast-body {
    background-color: #fff;
}

.tost-title {
    color: var(--white-clr);
    margin-bottom: 0;
    font-size: 18px;
}

.sectionBlockLayout {
    width: 100% !important;
    min-height: calc(100vh - 140px) !important;
}


/* common changes */

.request-list-container .entitylist-search .btn-default {
    border-radius: 0px !important;
    color: #284860 !important;
    border-radius: 0px 4px 4px 0px !important;
    background: rgba(40, 72, 96, 0.20) !important;
    height: 35px !important;
}

.request-list-container .entitylist-search .btn-default:hover {
    border-radius: 0px !important;
    color: #fff !important;
    border-radius: 0px 4px 4px 0px !important;
    background: #284860 !important;
    height: 35px !important;
}

.request-list-container .entitylist-search .btn-default span.fa.fa-search {
    font-size: 12px !important;
}

input.query.form-control {
    border-radius: 4px !important;
    border: 1px solid var(--gray-line, #D0CFCF) !important;
}

h1.main-title {
    margin-left: 15px !important;
}

ol.breadcrumb {
    margin-left: 15px !important;
}

input.form-control {
    border-radius: 4px !important;
    border: 1px solid var(--gray-line, #D0CFCF) !important;
}


.navbar-toggler {
    background-color: transparent !important;
}

a.nav-link {
    margin: 0 !important;
    text-decoration: none !important;
}

.form-control:disabled {
    background-color: #e9ecef !important;
    opacity: 1;
}
.table-wrap{
    border: 1px solid var(--gray-line);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

@media (max-width: 990px) {}

@media (max-width: 991.98px){
    h1{
        font-size: 20px !important;
    }
    h2{
        font-size: 16px !important;
    }
    h3{
        font-size: 15px !important;
    }
    p{
        font-size:14px !important;
    }
    td{
        font-size:14px !important;
    }
    th{
        font-weight: 400 !important;
    }
    .form-control{
        font-size:14px !important;
    }
    .checkbox-wrap label{
        font-size:14px !important; 
    }
}