.pageTitle {
    font-weight: bold;
}

.loginSection {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url('../images/LoginBackground.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

    .loginSection .loginCard {
        position: absolute;
        top: 16vh;
        left: 38%;
        max-width: 25rem;
    }

.navHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.5rem;
    max-height: 3.5rem;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.body {
    min-height: 84.7vh !important;
}

.navFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5rem;
    max-height: 1.5rem;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.pointer {
    cursor: pointer;
}

.logoImg {
    max-height: 2.5rem;
}

#btnLogin {
    float: right;
}

.displayNone {
    display: none !important;
}

.p-error {
    color: red;
    font-size: 1rem;
    font-weight: bold;
}

.userName {
    font-size: 1.1rem;
    font-weight: bold;
}

form {
    width: 100% !important;
}

.completed {
    background-color: #95e0c5;
    color: black;
}

.delayed {
    background-color: #fbeacd;
    color: black;
}

.missed {
    background-color: #fcd5d5;
    color: black;
}

.sectionTitle {
    background-color: #f7f8fb;
    color: black;
}

textarea {
    resize: none !important;
}

.datepicker-switch, .today, .clear {
    text-align: center !important;
}

.today, .clear {
    cursor: pointer;
}

table thead:first-child {
    background-color: #003b8a !important;
    color: white !important;
}

.mt-align {
    margin-top: 1.70rem !important;
}

/*.select2-selection__rendered {
    max-height: 4rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.select2-selection__choice {
    white-space: break-spaces !important;
}*/

input:disabled {
    background-color: rgba(0,0,0,0.02) !important;
}

.select2-container {
    width: 100% !important;
    font-size: 0.85rem !important;
    font-weight: 100 !important;
}

span.month {
    padding: 0.5rem !important;
    margin: 0.5rem !important;
}

span.year {
    padding: 0.5rem !important;
    margin: 0.5rem !important;
}

.resizeNone {
    resize: none !important;
}

textarea:disabled {
    background-color: rgba(0,0,0,0.02) !important;
}

.colorCompleted {
    background-color: #33CC33;
    color: black;
}

.colorDelayed {
    background-color: #FFCC33;
    color: black;
}

.colorMissed {
    background-color: #FF0033;
    color: black;
}

.colorDisabled {
    background-color: #515A5A;
    color: black;
}

.table-230 {
    width: 230% !important;
}

body[data-layout=horizontal] .container-fluid, body[data-layout=horizontal] .navbar-header {
    max-width: 100% !important;
}

.bottomAllign {
    position: absolute;
    bottom: 0;
    right: 0;
}

.floatRight {
    float: right !important;
}

/*.select2-container--default .select2-selection--single {
    padding: 0.2rem;
    height: 2rem;
}*/

.navbar-nav {
    width: 100% !important;
}

.lastItem {
    width: 100% !important;
}

.cursorPointer {
    cursor: pointer;
}

.col3, .col4 {
    background: #cee6fb;
}

.currentStage {
    background: #eef788 !important;
}

/*.page-title-right {
    display: none !important;
}*/


.BorderMandatory {
    border-radius: 5px;
    border: 1px solid red !important;
}

    .BorderMandatory:focus {
        border: 1px solid red !important;
    }

.requiredFocus:focus {
    border-color: rgba(246, 75, 76, 0.4) !important;
}

.loginfooter {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    color: #fff;
    font-size: 0.9rem !important;
}

.btn-default {
    background: #D7D7E4;
    border-radius: 4px;
}

.table-csr {
    border-bottom: 1px solid #D7D7E4;
}

.loginfooter a {
    color: #fff;
    text-decoration: underline !important;
}


    .loginfooter a:hover {
        color: #00B2D1;
        text-decoration: underline !important;
    }

input.form-control::placeholder {
    opacity: .5;
}

textarea.form-control::placeholder {
    opacity: .5;
}

form label {
    text-transform: capitalize !important;
}


.d-classname {
    font-size: 1.3rem !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

.break-whiteSpace {
    white-space: break-spaces !important;
}

.font-size-1 {
    font-size: 1rem !important;
}

.font-size-125 {
    font-size: 1.25rem !important;
}

.font-size-175 {
    font-size: 1.75rem !important;
}

.swal2-title {
    font-family: NatoSansBold !important;
}

.successMSG {
    color: #3CBF59 !important;
    font-size: 2.25rem !important;
}

.warningMSG {
    color: #FFCF00 !important;
    font-size: 2.25rem !important;
}

.errorMSG {
    color: #F64B4C !important;
    font-size: 2.25rem !important;
}

.primaryMSG {
    color: #00B2D1 !important;
    font-size: 2.25rem !important;
}

.requiredLabel {
    color: rgba(246, 75, 76, 0.8) !important;
}



[data-layout-mode=light] .select2-container .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    height: 38px
}

[data-layout-mode=dark] .select2-container .select2-selection--single {
    background-color: #262a2f;
    border: 1px solid #2a2f34;
    height: 38px
}

.select2-container .select2-selection--single:focus {
    outline: 0
}

[data-layout-mode=light] .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding-left: 12px;
    color: black
}

[data-layout-mode=dark] .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding-left: 12px;
    color: white
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 34px;
    right: 3px
}

    .select2-container .select2-selection--single .select2-selection__arrow b {
        border-color: #adb5bd transparent transparent transparent;
        border-width: 6px 6px 0 6px
    }

.select2-container .select2-selection--single .select2-selection__placeholder {
    color: #495057
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #adb5bd transparent !important;
    border-width: 0 6px 6px 6px !important
}

.select2-container--default .select2-search--dropdown {
    padding: 10px;
    background-color: transparent
}

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #ced4da;
        background-color: transparent;
        color: #74788d;
        outline: 0
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #556ee6
}

[data-layout-mode=light] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
    color: #16181b
}

[data-layout-mode=dark] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #212529;
    color: #fff
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #556ee6;
    color: #fff
}

.select2-results__option {
    padding: 6px 12px
}

[data-layout-mode=light] .select2-dropdown {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
    -webkit-box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
    box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03)
}

[data-layout-mode=dark] .select2-dropdown {
    border: 1px solid #2a2f34;
    background-color: #212529;
    -webkit-box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03);
    box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.03)
}

.select2-search input {
    border: 1px solid #f6f6f6
}

.select2-container .select2-selection--multiple {
    min-height: 38px;
    background-color: #fff;
    border: 1px solid #ced4da !important
}

    .select2-container .select2-selection--multiple .select2-selection__rendered {
        padding: 2px 10px
    }

    .select2-container .select2-selection--multiple .select2-search__field {
        border: 0;
        color: #495057
    }

        .select2-container .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {
            color: #495057
        }

        .select2-container .select2-selection--multiple .select2-search__field::-moz-placeholder {
            color: #495057
        }

        .select2-container .select2-selection--multiple .select2-search__field:-ms-input-placeholder {
            color: #495057
        }

        .select2-container .select2-selection--multiple .select2-search__field::-ms-input-placeholder {
            color: #495057
        }

        .select2-container .select2-selection--multiple .select2-search__field::placeholder {
            color: #495057
        }

    .select2-container .select2-selection--multiple .select2-selection__choice {
        background-color: #eff2f7;
        border: 1px solid #f6f6f6;
        border-radius: 1px;
        padding: 0 7px
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ced4da
}

.select2-container--default .select2-results__group {
    font-weight: 600
}

.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 10px
}

    .select2-result-repository__avatar img {
        width: 100%;
        height: auto;
        border-radius: 2px
    }

.select2-result-repository__statistics {
    margin-top: 7px
}

.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
    display: inline-block;
    font-size: 11px;
    margin-right: 1em;
    color: #adb5bd
}

    .select2-result-repository__forks .fa, .select2-result-repository__stargazers .fa, .select2-result-repository__watchers .fa {
        margin-right: 4px
    }

        .select2-result-repository__forks .fa.fa-flash::before, .select2-result-repository__stargazers .fa.fa-flash::before, .select2-result-repository__watchers .fa.fa-flash::before {
            content: "\f0e7";
            font-family: 'Font Awesome 5 Free'
        }

.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__watchers {
    color: rgba(255,255,255,.8)
}

.select2-result-repository__meta {
    overflow: hidden
}



[data-layout=vertical][data-sidebar-size=sm] {
    min-height: 100% !important;
}

[data-layout=vertical][data-sidebar-size=lg] {
    min-height: 100% !important;
}

[data-layout-mode=light] .topbar-user {
    background-color: white !important;
    color: black !important;
}

    [data-layout-mode=light] .topbar-user:hover {
        background-color: #f3f3f9 !important;
        color: black !important;
    }

[data-layout-mode=dark] .topbar-user {
    background-color: #31373c !important;
    color: white !important;
}

    [data-layout-mode=dark] .topbar-user:hover {
        background-color: #1a1d21 !important;
        color: white !important;
    }

[data-layout-mode=dark] #iUser, [data-layout-mode=dark] .user-name-text {
    color: white !important;
}

[data-layout-mode=light] #iUser, [data-layout-mode=light] .user-name-text {
    color: black !important;
}

.select2-dropdown::-webkit-scrollbar {
    display: none
}

/*body::-webkit-scrollbar {
    display: none
}

.page-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 90vh;
}

    .page-content::-webkit-scrollbar {
        display: none
    }*/

#xssDiv {
    position: fixed;
    top: 4.5rem;
    right: 0.2rem;
    width: 15vw;
    font-family: 'NatoSansMedium';
    z-index: 99999;
    display: none;
}

.zoom75 {
    zoom: 0.75 !important;
}

.draggable:hover {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.draggable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.sort-data:hover {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.sort-data:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.font-size-075 {
    font-size: 0.75rem !important;
}

.pr-0 {
    padding-right: 0px !important;
}

#gridDrop {
    min-height: 90vh;
    padding-bottom: 2rem;
}

.dropzone {
    width: 100%;
    min-height: 1rem;
    border: 2px dashed var(--vz-border-color);
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.upload-input {
    position: relative;
    top: -62px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.max15 {
    height: 10rem !important;
    max-height: 15rem !important;
    width: auto !important;
}

.mr-2 {
    margin-right: 0.5rem !important
}

.scale-point-7 {
    transform: scale(0.7) !important;
}

.w-05 {
    width: 05% !important;
}

.w-7-5 {
    width: 7.5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.zoom-0-9 {
    zoom: 0.9 !important;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate-reverse;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
}

#powerBIContainer {
    width: 100% !important;
    height: 100vh !important;
}

    #powerBIContainer iframe {
        width: 100% !important;
        height: 100vh !important;
    }

.profile-user-wid {
    margin-top: -4rem;
}

.footer {
    position: fixed !important;
}

.tox-sidebar-wrap {
    height: 20rem !important;
}

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