@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

/*
      font-family: "Instrument Sans", sans-serif;
      font-optical-sizing: auto;
      font-weight: <weight>;
      font-style: normal;

*/
body, blockquote {
    font-family: "Instrument Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: <weight> !important;
    font-style: normal !important;
    font-size: initial !important;
    line-height: 1.7em;
}

html, body, p, table td, a, .card-body, table.table thead tr th, table.table thead tr th a, table.table thead tr th span {
    color: #3E465B !important;
}

main {
    padding-top: 7rem !important
}


h1, h1 span.dxeBase {
    font-size: 3rem !important
}

    h1, h2, h3, h4, h5, h6, h1 span.dxeBase {
        font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-optical-sizing: auto;
        font-synthesis: none;
        color: #3E465B !important;
        letter-spacing: -1px
    }


table.table thead tr th {
}


.cat-border {
    -webkit-border-radius: 0.8rem !important;
    -moz-border-radius: 0.8rem !important;
    border-radius: 0.8rem !important;
}


button.cat-button,
a.cat-button {
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    border-radius: 0.6rem;
    font-size: 1.1rem;
    padding: 0.51rem 2rem;
    color: #fff !important;
    box-shadow: none !important;
}


.cat-panel {
    border: 1px solid #e4e7eb;
}




#LoginBox {
    padding: 1rem
}

.login-page .purple-theme .navbar-brand img {
    width: 90%;
    max-width: 280px;
    margin: 0 auto
}

form#LoginForm {
    padding: 0 1rem
}

form#LoginForm small {
    font-weight: 700
}

form#LoginForm input[type="text"],
form#LoginForm input[type="password"],
form#LoginForm input[type="email"],
form#LoginForm input[type="search"],
form#LoginForm input[type="tel"] {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d9dde3;
    border-radius: 10px;
    color: #111827;
    font: inherit;
    line-height: 1.4;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

button#btnSubmitLogin {width:100%}

form#LoginForm .text-danger {
    border: none
}
/* PAGES BG */
body, main, .panelcard {
    background: #f5f7fa !important
}


/* NAVBAR */
#cat-navbar {
    background: #fff;
    padding-top: 0;
    padding-bottom: 0
}

#cat-navbar span#lbl_LoginCount {
    display: none !important
}



nav ul.navbar-nav li.nav-item a.nav-link {
    box-shadow: none !important;
}


/*ul.nav li.nav-item {border:2px solid black}*/


#CP_NavbarLink a.nav-link {
    padding: 0
}

a.cat-button.startaudit {
    padding: 0.6rem 1.4rem
}

img#imgUser.img-thumbnail {
    max-height: 3rem
}

#OrgDiv {
    line-height: 3em
}
/*a.button-collapse {color: #3E465B !important}*/


/* SLIDE OUT */
header, ul.backG, div#slide-out {
    background: #ffffff !important
}

#slide-out ul li a {
    font-size: 0.85em !important;
}

#slide-out.side-nav ul li a {
    height: auto !important;
    padding: 0.4rem 2rem;
    color: #585858 !important;
}

#slide-out ul li ul li a:hover {
    border: none !important;
}

.dxbs-gridview .dxbs-fixed > thead > tr > th, .dxbs-gridview .dxbs-fixed > tbody > tr > td, .dxbs-gridview .dxbs-fixed > tfoot > tr > td {
    white-space: unset !important
}


/* Audits */
#MainContent_callbackPanel .dxeBase {
    font-family: "Instrument Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: <weight> !important;
    font-style: normal !important;
    font-size: initial !important;
    line-height: 1.7em;
}

#MainContent_callbackPanel table .newcard .CardHeader {
    margin-bottom: 0;
    padding-bottom: 0;
}

    #MainContent_callbackPanel table .newcard .CardHeader span.dxeBase {
        font-weight: 700;
        font-size: 1.4em !important;
        line-height: 1.3em;
        margin-bottom: 0.2em;
        display: block;
    }

#MainContent_callbackPanel table .newcard .card-body span.dxeBase {
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0;
    display: block;
}

#MainContent_callbackPanel table .newcard .card-body > span.dxeBase:first-of-type {
    display: inline-block;
    font-size: 0.8em !important;
}

#MainContent_callbackPanel table .newcard .card-body > span.dxeBase:nth-of-type(2),
#MainContent_callbackPanel table .newcard .card-body > span.dxeBase:nth-of-type(3) {
    display: inline-block;
    font-size: 1.05em !important;
    margin-top: 1em
}


@media (max-width: 1023px) {
    body {
    }
}







.Ratingstyle {color:#ffffff !important}
.Ratingstyle.outstanding {background-color: #3b82f6 !important;}
.Ratingstyle.good {background-color: #16a34a !important;}
.Ratingstyle.improvement {background-color: #f59e0b !important;}
.Ratingstyle.inadequate {background-color: #dc2626 !important}