body {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

p,
span,
div,
button,
a,
ul,
li {
    font-family: poppins, sans-serif !important;
}

html,
body {
    /*position: relative;*/
    /*height: 100%;*/
    /* min-height:100vh;*/
}

.mh-100 {
    min-height: 100vh !important;
}

.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.form-control:disabled {
    background-color: #e9ecef42;
    opacity: 1;
}

:root {
    --dbn-blue: #008751;
    /* --dbn-blue: #0095E8; */
    --dbn-light: #f6f8fa;
    /*--dbn-darkblue: #035385;*/
    --dbn-darkblue: #0a5d42;
    --dbn-lightblue: #a0ecc9;
    --dbn-green: #69bc54;
    --dbn-lightgreen: #71C95B;
    --dbn-darkgreen: #5BA349;
    --dbn-red: #C47404;
    --dbn-red2: #D17C04;
    --dbn-dark: #012B45;
    --dash-green: #47BE7D;
    --dash-lightgreen: #E8FFF3;
    --dash-blue: #0095E8;
    --dash-grey: #c5c5c5;
    --dash-lightblue: #ECF8FF;
    --dash-orange: #FFA621;
    --dash-lightorange: #FFF5E7;
    --dash-red: #F64E60;
    --dash-lightred: #FFF5F8;
}

.bg-dbn-blue {
    background-color: var(--dbn-blue) !important;
    color: #fff;
}

.border-dbn-blue {
    border-color: var(--dbn-blue) !important;
}

.text-dbn-blue {
    color: var(--dbn-blue) !important;
}

.bg-dbn-darkblue {
    background-color: var(--dbn-darkblue) !important;
    color: #fff;
}

.border-dbn-darkblue {
    border-color: var(--dbn-darkblue) !important;
}

.text-dbn-darkblue {
    color: var(--dbn-darkblue) !important;
}

.bg-dbn-lightblue {
    background-color: var(--dbn-lightblue);
    color: #fff;
}

.text-dbn-lightblue {
    color: var(--dbn-lightblue) !important;
}

.bg-dbn-green {
    background-color: var(--dbn-green);
    color: #fff;
}

.text-dbn-green {
    color: var(--dbn-green) !important;
}

.bg-dbn-red {
    background-color: var(--dbn-red);
    color: #fff;
}

.text-dbn-red {
    color: var(--dbn-red);
}

.bg-dbn-dark {
    background-color: var(--dbn-dark);
    color: #fff;
}

.text-dbn-dark {
    color: var(--dbn-dark);
}

.bg-dash-green {
    background-color: var(--dash-green);
    color: #fff;
}

.text-dash-green {
    color: var(--dash-green);
}

.bg-dash-lightgreen {
    background-color: var(--dash-lightgreen);
}

.bg-dash-blue {
    background-color: var(--dash-blue);
    color: #fff;
}

.text-dash-blue {
    color: var(--dash-blue);
}

.bg-dash-grey {
    background-color: var(--dash-grey);
    color: #555;
}

.text-dash-grey {
    color: var(--dash-grey);
}

.bg-dash-lightblue {
    background-color: var(--dash-lightblue);
}

.bg-dash-orange {
    background-color: var(--dash-orange);
    color: #fff;
}

.text-dash-orange {
    color: var(--dash-orange);
}

.bg-dash-lightorange {
    background-color: var(--dash-lightorange);
}

.bg-dash-red {
    background-color: var(--dash-red) !important;
    color: #fff !important;
}

.text-dash-red {
    color: var(--dash-red);
}

.bg-dash-lightred {
    background-color: var(--dash-lightred);
}

.bg-grey {
    background-color: var(--bs-gray-100);
}

.bg-grey-200 {
    background-color: var(--bs-gray-200);
}

.bg-grey-300 {
    background-color: var(--bs-gray-300);
}

.bg-dbn-light {
    background-color: var(--dbn-light) !important;
}

.navbar-brand img {
    width: 120px;
}

.dash.dropdown-toggle::after {
    float: right;
    margin-top: -20px;
}

p,
label,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}


.btn-dbn-blue {
    background-color: var(--dbn-blue);
    color: #fff;
    border-color: var(--dbn-blue);
    cursor: pointer;
}

.btn-dbn-blue:hover,
.btn-dbn-blue:focus,
.btn-dbn-blue:active {
    background-color: rgba(0, 158, 247, 0.1);
    color: #0a5d42;
    border-color: var(--dbn-lightblue);
}

.btn-outline-dbn-blue {
    /*border-color: #009EF7;*/
    color: var(--dbn-blue);
    border-color: var(--dbn-blue);
}

.btn-outline-dbn-blue:hover,
.btn-outline-dbn-blue:focus,
.btn-outline-dbn-blue:active {
    background-color: var(--dbn-blue);
    color: #fff;
    border-color: var(--dbn-blue);
}

.btn-dbn-green {
    background-color: var(--dbn-green);
    color: #fff;
    border-color: var(--dbn-green);
    cursor: pointer;
}

.btn-dbn-green:hover,
.btn-dbn-green:focus,
.btn-dbn-green:active {
    background-color: var(--dbn-lightgreen);
    color: #fff;
    border-color: var(--dbn-lightgreen);
}

.btn-outline-dbn-green {
    /*border-color: #009EF7;*/
    color: green;
    border-color: var(--dbn-lightgreen);
}

.btn-outline-dbn-green:hover,
.btn-outline-dbn-green:focus,
.btn-outline-dbn-green:active {
    background-color: var(--dbn-lightgreen);
    color: #fff;
    border-color: var(--dbn-lightgreen);
}


.btn-dbn-red {
    background-color: var(--dbn-red);
    color: #fff;
    border-color: var(--dbn-red);
    cursor: pointer;
}

.btn-dbn-red:hover,
.btn-dbn-red:focus,
.btn-dbn-red:active {
    background-color: var(--dbn-red2);
    color: #fff;
    border-color: var(--dbn-red);
}

.btn-outline-dbn-red {
    color: var(--dbn-red);
    border-color: var(--dbn-red);
}

.btn-outline-dbn-red:hover,
.btn-outline-dbn-red:focus,
.btn-outline-dbn-red:active {
    background-color: var(--dbn-red);
    color: #fff;
    border-color: var(--dbn-red);
}

.sb-sidenav .sb-sidenav-menu .nav-link {
    color: #5E6278;
    font-size: 12px;
}

.sb-sidenav .sb-sidenav-menu .nav-link:hover {
    background-color: rgba(137, 221, 172, 0.1);
    color: #008751;
}

.active-nav {
    background-color: rgba(137, 221, 172, 0.1);
    color: #008751 !important;
    font-weight: bold;
}

.sb-sidenav .sb-sidenav-menu .nav-link .sb-nav-link-icon {
    color: var(--bg-secondary);
}

.sb-sidenav .sb-sidenav-menu .nav .nav-link {
    padding: 10px 16px;
}

.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested {
    margin-left: 18px;
}

.sb-topnav {
    height: auto !important;
}

.sb-sidenav-menu {
    border-right: 1px solid var(--bs-gray-200);
}

.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
    top: 56px;
}

.auth-logo {
    width: 100%;
    padding: 4vh 0 2vh 0;
}

.auth-logo img {
    width: 200px;
}

.auth-logo-sm {
    width: 100%;
    padding: 4vh 0 2vh 0;
}

.auth-logo-sm img {
    width: 100px;
}

.auth-title {
    border-left: 3px solid var(--dbn-blue);
    /*text-shadow: 1px 1px 1px var(--dbn-dark);*/
    text-shadow: 1px 1px 1px var(--bs-gray-400);
}

.login-section {
    width: 100%;
}



.invalid-feedback {
    font-size: 12px;
}

.ecq-title {
    border-left: 3px solid var(--dbn-blue);
    text-shadow: 1px 1px 1px var(--bs-gray-400);
    font-size: 14px;
}

.ecq-title-section {
    width: 300px;
}

.ecq-nav .nav-link {
    color: var(--bs-gray-500);
    padding: 6px 0px;
}

.ecq-nav .nav-link .check {
    display: none;
}

.ecq-nav .nav-link.complete {
    color: var(--dbn-green);
}

.ecq-nav .nav-link.complete .check {
    display: inline-block;
}

.ecq-nav .nav-link.complete .num {
    display: none;
}

.ecq-nav.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--dbn-blue);
    box-shadow: 2px 2px 5px var(--bs-gray-500);
}

.Zebra_DatePicker_Icon_Wrapper {
    width: 100% !important;
}

.chosen-container-single {
    padding: 0;
}

.chosen-container-single .chosen-single {
    height: auto;
    border: none;
    border-radius: 0px;
    background-color: #fff;
    background: none;
    background: none;
    background-clip: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    line-height: inherit;
    padding: 4px 36px 4px 8px;
    font: inherit;
}

.chosen-container-single .chosen-single div b {
    background: none;
    width: 0;
    height: 0;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container-single .chosen-single span {
    margin-right: 0;
}

.chosen-container-single .chosen-search input[type="text"] {
    border-radius: 3px;
    border-color: var(--bs-gray-500);
}

.chosen-container .chosen-results li.active-result.highlighted {
    background: none;
    background-image: none;
    background-color: var(--bs-gray-600) !important;
}

.was-validated .date.form-control:invalid,
.was-validated .date.form-control:valid,
.date.form-control.is-invalid,
.date.form-control.is-valid {
    background-position: right calc(28px) center;
}

.btn-no-shadow:focus {
    box-shadow: none !important;
}

.dropdown-item:active {
    color: #1e2125 !important;
    background-color: #e9ecef !important;
}

.remove-btn-shadow:focus+.remove-btn-shadow,
.remove-btn-shadow:focus {
    outline: 0;
    box-shadow: none !important;
}

.bootbox-close-button.close {
    visibility: hidden;
}

.bootbox-close-button.close::after {
    visibility: visible;
    height: 30px;
    width: 30px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    content: '';
    position: absolute;
    right: 8px;
    top: 16px;
    font-size: 12px;
    opacity: .7;
}

.bootbox.modal .modal-title {
    font-size: 18px !important;
}

.bootbox.modal .modal-body {
    font-size: 14px !important;
}

table.table td {
    vertical-align: middle !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--dbn-blue);
    border-color: var(--dbn-blue);
}

.table .dropdown-toggle::after {
    content: unset !important;
}

.hidden {
    display: none;
}

.breadcrumb a {
    color: var(--dbn-blue);
}

.movable {
    cursor: move;
}

.dbn-nav-pills li button.nav-link {
    color: var(--dbn-blue);
}

.dbn-nav-pills li button.nav-link.active {
    background-color: var(--dbn-blue);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.dbn-nav-tabs button.nav-link {
    color: var(--bs-secondary);
}

.dbn-nav-tabs button.nav-link .badge {
    background-color: var(--bs-secondary);
}

.dbn-nav-tabs button.nav-link.active {
    color: var(--dbn-blue);
    font-weight: bold;
}

.dbn-nav-tabs button.nav-link.active .badge {
    background-color: var(--dbn-blue);
}

.left-separator {
    border-left: 0 !important;
}

a.link-hover-underline {
    text-decoration: none;
}

a.link-hover-underline:hover {
    text-decoration: underline;
}

.date-div .Zebra_DatePicker_Icon {
    top: 6px !important;
}

.accordion-button {
    padding: 8px 12px;
    font-size: 12px !important;
    font-weight: 500;
    color: var(--bs-gray-700);
}

.accordion-button::after {
    width: 14px;
    height: 14px;
    background-size: 14px;
}

.tooltip {
    z-index: 9999999;
}

.tox-tinymce {
    border-radius: 0 !important;
}

.tox-promotion {
    display: none !important;
}

.tox-menubar button,
.tox .tox-mbtn {
    font-size: 12px !important;
    margin: 0 !important;
}

.choices__input,
.choices__item,
.choices__button {
    font-size: 12px !important;
}

.choices__list--multiple .choices__item {
    padding: 2px 8px !important;
}

.modal-header {
    padding: .7rem 1rem;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    padding: 4px 10px;
}

.choices {
    margin-bottom: 12px;
}



@media (min-width: 576px) {
    .login-section {
        /*        width: 400px;*/
        width: 65%;
    }

    /*   .main-area {
        min-width: 40%;
    }
*/
    .ecq-title-section {
        width: 320px;
    }

    .ecq-nav .nav-link {
        color: var(--bs-gray-500);
        padding: 8px 8px;
    }

    .left-sm-separator {
        border-left: 1px solid #dee2e6 !important
    }
}

@media (min-width: 768px) {
    body {
        font-size: 16px;
    }

    .ecq-title-section {
        width: auto;
    }

    .left-md-separator {
        border-left: 1px solid #dee2e6 !important
    }
}

@media (min-width: 992px) {
    .ecq-nav .nav-link {
        padding: 6px 12px;
    }

    .left-lg-separator {
        border-left: 1px solid #dee2e6 !important
    }
}

.view-btn {
    background: #50CD89;
    color: #ffffff;
    border-radius: 6px;
    padding: 5px 10px;
    border: none;
}

.continue-btn {
    background: #ffffff;
    color: #50CD89;
    border: 1px solid #50CD89;
    border-radius: 6px;
    padding: 5px 10px;
}

.cancel-btn {
    background: #F5F8FA;
    color: #7E8299;
    padding: 5px 10px;
    border-radius: 6px;
}

.custom-btn {
    background: #00A3FF;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 6px;
}

.title-inner {
    font-family: poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}

@import url("https://use.typekit.net/zbf8qwo.css");

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

body {
    font-family: Poppins;
}

.dashnum {
    font-weight: 700;
}

@page {
    size: A5;
    margin: 0;
}

@media print {

    html,
    body {
        width: 290mm;
        height: 200mm;
    }
}