.darkMode {
    background-color: #1f1f1f;
    color: #f1eded;
    transition: .80s;
}


.BarraDark {
    background: rgba(56,56,56,1);
    background: -moz-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(77,77,77,1) 0%, rgba(66,66,66,1) 12%, rgba(54,54,54,1) 39%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 95%, rgba(32,33,36,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,56,56,1)), color-stop(0%, rgba(77,77,77,1)), color-stop(12%, rgba(66,66,66,1)), color-stop(39%, rgba(54,54,54,1)), color-stop(91%, rgba(20,20,20,1)), color-stop(95%, rgba(13,13,13,1)), color-stop(100%, rgba(32,33,36,1)));
    background: -webkit-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(77,77,77,1) 0%, rgba(66,66,66,1) 12%, rgba(54,54,54,1) 39%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 95%, rgba(32,33,36,1) 100%);
    background: -o-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(77,77,77,1) 0%, rgba(66,66,66,1) 12%, rgba(54,54,54,1) 39%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 95%, rgba(32,33,36,1) 100%);
    background: -ms-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(77,77,77,1) 0%, rgba(66,66,66,1) 12%, rgba(54,54,54,1) 39%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 95%, rgba(32,33,36,1) 100%);
    background: linear-gradient(to bottom, rgba(56,56,56,1) 0%, rgba(77,77,77,1) 0%, rgba(66,66,66,1) 12%, rgba(54,54,54,1) 39%, rgba(20,20,20,1) 91%, rgba(13,13,13,1) 95%, rgba(32,33,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#202124', GradientType=0 );
    padding: 10px 0px 5px 10px;
    text-align: center;
    transition: .40s;
}

.barra {
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(219,219,219,1)), color-stop(0%, rgba(254,254,254,1)), color-stop(1%, rgba(254,254,254,1)), color-stop(100%, rgba(209,209,209,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(209,209,209,1) 100%);
    padding: 10px 0px 5px 10px;
    text-align: center;
    transition: .80s;
}

.form-controlDark {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}


@media (prefers-reduced-motion:reduce) {
    .form-controlDark {
        transition: none
    }
}

.form-controlDark::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-controlDark:focus {
    color: white;
    background-color: transparent;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-controlDark::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-controlDark::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-controlDark:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-controlDark::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-controlDark::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-controlDark:disabled,
.form-controlDark[readonly] {
    background-color: #080808;
    opacity: 1
}

select.form-controlDark:focus::-ms-value {
    color: #495057;
    background-color: transparent;
}

.form-controlDark-file,
.form-controlDark-range {
    display: block;
    width: 100%
}

.form-controlDark-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-controlDark-plaintext.form-controlDark-lg,
    .form-controlDark-plaintext.form-controlDark-sm {
        padding-right: 0;
        padding-left: 0
    }

.form-controlDark-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-controlDark-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-controlDark[multiple],
select.form-controlDark[size] {
    height: auto
}

textarea.form-controlDark {
    height: auto
}

.form-controlDark.is-valid,
.was-validated .form-controlDark:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-controlDark.is-valid:focus,
    .was-validated .form-controlDark:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

    .form-controlDark.is-valid ~ .valid-feedback,
    .form-controlDark.is-valid ~ .valid-tooltip,
    .was-validated .form-controlDark:valid ~ .valid-feedback,
    .was-validated .form-controlDark:valid ~ .valid-tooltip {
        display: block
    }

.was-validated textarea.form-controlDark:valid,
textarea.form-controlDark.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-controlDark-file.is-valid ~ .valid-feedback,
.form-controlDark-file.is-valid ~ .valid-tooltip,
.was-validated .form-controlDark-file:valid ~ .valid-feedback,
.was-validated .form-controlDark-file:valid ~ .valid-tooltip {
    display: block
}

.form-controlDark.is-invalid,
.was-validated .form-controlDark:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-controlDark.is-invalid:focus,
    .was-validated .form-controlDark:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
    }

    .form-controlDark.is-invalid ~ .invalid-feedback,
    .form-controlDark.is-invalid ~ .invalid-tooltip,
    .was-validated .form-controlDark:invalid ~ .invalid-feedback,
    .was-validated .form-controlDark:invalid ~ .invalid-tooltip {
        display: block
    }

.was-validated textarea.form-controlDark:invalid,
textarea.form-controlDark.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-controlDark-file.is-invalid ~ .invalid-feedback,
.form-controlDark-file.is-invalid ~ .invalid-tooltip,
.was-validated .form-controlDark-file:invalid ~ .invalid-feedback,
.was-validated .form-controlDark-file:invalid ~ .invalid-tooltip {
    display: block
}

.form-inline .form-controlDark {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.form-inline .form-controlDark-plaintext {
    display: inline-block
}

.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-controlDark,
.input-group > .form-controlDark-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

    .input-group > .custom-file + .custom-file,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .form-controlDark,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .form-controlDark,
    .input-group > .form-controlDark + .custom-file,
    .input-group > .form-controlDark + .custom-select,
    .input-group > .form-controlDark + .form-controlDark,
    .input-group > .form-controlDark-plaintext + .custom-file,
    .input-group > .form-controlDark-plaintext + .custom-select,
    .input-group > .form-controlDark-plaintext + .form-controlDark {
        margin-left: -1px
    }

    .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
    .input-group > .custom-select:focus,
    .input-group > .form-controlDark:focus {
        z-index: 3
    }

    .input-group > .custom-file .custom-file-input:focus {
        z-index: 4
    }

    .input-group > .custom-select:not(:last-child),
    .input-group > .form-controlDark:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group > .custom-select:not(:first-child),
    .input-group > .form-controlDark:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.input-group-lg > .custom-select,
.input-group-lg > .form-controlDark:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .custom-select,
.input-group-lg > .form-controlDark,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .custom-select,
.input-group-sm > .form-controlDark:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm > .custom-select,
.input-group-sm > .form-controlDark,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.login-cleanDark form {
    background-color: #1f1f1f;
    color: #f1eded;
    transition: .80s;
}

.login-cleanDark {
    padding: 80px 0;
    text-align: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

    .login-cleanDark form {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
        background-color: #1f1f1f;
        padding: 40px;
        border-radius: 4px;
        color: #505e6c;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    }

    .login-cleanDark .illustration {
        text-align: center;
        padding: 0 0 20px;
        font-size: 100px;
        color: #008000;
    }

    .login-cleanDark form .form-control {
        background-color: white;
        border: none;
        border-bottom: 1px solid #dfe7f1;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        color: inherit;
        text-indent: 8px;
        height: 42px;
    }

    .login-cleanDark form .btn-primary {
        background: #008000;
        border: none;
        border-radius: 4px;
        padding: 11px;
        box-shadow: none;
        margin-top: 26px;
        text-shadow: none;
        outline: none !important;
    }

        .login-cleanDark form .btn-primary:hover, .login-cleanDark form .btn-primary:active {
            background: #008000;
        }

        .login-cleanDark form .btn-primary:active {
            transform: translateY(1px);
        }

    .login-cleanDark form .forgot {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #6f7a85;
        opacity: 0.9;
        text-decoration: none;
    }

        .login-cleanDark form .forgot:hover, .login-cleanDark form .forgot:active {
            opacity: 1;
            text-decoration: none;
        }


.modalDark-dialog-scrollable .modalDark-footer,
.modalDark-dialog-scrollable .modalDark-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modalDark-footer {
    display: -ms-flexbox;
    background-color: #1f1f1f;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

    .modalDark-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modalDark-footer > :not(:last-child) {
        margin-right: .25rem
    }


.modalDark-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    background-color: #1f1f1f;
}

.modal-dialog-scrollable .modalDark-body {
    overflow-y: auto
}


.tdDark{
    color: white;
}

.thDark {
    color: white;
}

.select2-selection__renderedDark {
    color: white !important;
}

.select2-selectionDark {
    font-size: 16px !important;
    border-color:white !important;
    height: 37px !important;
    background-color: black !important;
}

.select2-results__optionDark {
    background-color: black !important;
    color: white !important;
}

    .select2-results__optionDark:hover {
        background-color: white !important;
        color: black !important;
    }

.select2-search__fieldDark {
    background-color: black !important;
    color: white !important;
}

.select2-searchDark {
    background-color: black !important;
    color: white !important;
}