/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Required Tag Helper
---------------------------------------------------- */
label.required:after {
    color: #CF142B;
    content: ' *';
    display: inline;
}

/* Radio button*/
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #2754B0;
    background-color: #2754B0;
}

/*.custom-control-input:checked.element-disabled ~ .custom-control-label.element-disabled::before {
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
    pointer-events: none;
}*/


.custom-control-input.disabled ~ .custom-control-label,
.custom-control-input.disabled ~ .custom-control-label::before,
.custom-control-input.disabled ~ .custom-control-label::after {
    pointer-events: none;
}

    .custom-control-input.disabled ~ .custom-control-label::before {
        background-color: #F3F5F6; /*#e9ecef;*/
        border-color: #adb5bd;
    }

.custom-radio .custom-control-input.disabled:checked ~ .custom-control-label::before {
    background-color: #D3D3D3;
    border-color: #adb5bd;
}

.customInputDisable {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: auto;
    width: auto;
    height: auto;
}

/*.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {
    background-image: none;
}*/



/* INTR */
.bg-gradient-intr {
    background-color: #CF142B;
    background-image: linear-gradient(180deg, #CF142B 10%, b62f3f 100%);
    background-size: cover;
}

.bg-strip-intr-red {
    background: #D0142C;
}

.bg-strip-intr {
    background: #2754b0;
}

.border-left-intr {
    border-left: double .25rem transparent;
    border-radius: .25rem;
    background-image: linear-gradient(white, white), linear-gradient(to bottom, #D0142C 0%, #F9B514 50%, #F9B514 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.border-left-intr {
    border-left: 1px solid gray;
}

.border-bottom-intr {
    border-bottom: 1px solid #D0142C;
}

.btn-outline-intr:hover {
    background-color: #D0142C;
    color: white;
}

/* BG Centro Mensagens */
.topbar .dropdown-list .dropdown-header {
    background-color: #2754B0;
    border: 1px solid #2754B0;
}

.bs-pointer {
    cursor: pointer;
}

.bg-field-data-intr {
    display: block;
    background-color: #e8f0fe;
    padding-top: 0.375rem;
    padding-right: 0.75rem;
    padding-bottom: 0.375rem;
    padding-left: 0.75rem;
}
/* .field-data-intr {
    white-space: pre-wrap;
}
*/
.rep-group:not(:last-of-type),
.rep-group-val:not(:last-of-type),
.js-rep-group-cont .js-rep-group:not(:last-of-type),
.js-rep-group-val-cont .js-rep-group-val:not(:last-of-type),
.repetitions-container-intr {
    border-bottom: 1px dashed #ddd;
}
/* End INTR */

/* Container */
@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}

/*/* Apply round corners */
.roundCorners {
    border-radius: .25rem !important;
}

.rightRoundCorners {
    border-bottom-right-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
}

.leftRoundCorners {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important;
}

.bottomRoundCorners {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

.topRoundCorners {
    border-top-right-radius: .25rem !important;
    border-top-left-radius: .25rem !important;
}

a .navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #327ec8;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

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

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.border-right {
    border-right: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .5rem 0.75rem rgba(0, 0, 0, .5);
}

.sidebar-shadow {
    box-shadow: .25rem 0 .75rem rgba(0, 0, 0, .05);
    -webkit-box-shadow: .25rem 0 .75rem rgba(0, 0, 0, .05);
    -moz-box-shadow: .25rem 0 .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */

/* Invalid Input border
-------------------------------------------------- */

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

.file-input > .file-caption-main {
    width: calc(100% - 3rem);
}
/* Import Update Loader
-------------------------------------------------- */
#circle {
    width: 12rem;
    height: 12rem;
}

.loader {
    width: 100%;
    height: 100%;
    border: 10px solid #162534;
    border-top: 10px solid #00929F;
    border-radius: 50%;
    animation: rotate 5s linear infinite;
}

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

.progress-value {
    font-weight: 900;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: #fff;
    font-size: 25px;
    color: black;
    line-height: 98px;
    text-align: center;
    position: absolute;
    top: 25%;
    right: 24%;
}

#updateWrapper {
    position: fixed;
    bottom: 20%;
    right: 5%;
    width: auto;
    height: auto;
}

#closeupdateWrapper {
    width: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: x-large;
    cursor: pointer;
}

#fileTitle {
    font-weight: bolder;
    font-size: large;
    line-height: 2rem;
    position: absolute;
    text-align: center;
    word-break: break-word;
    width: 12rem;
}

#cancelButton {
    font-weight: bold !important;
    background: transparent !important;
    outline: none !important;
    color: #00929F !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    border: none !important;
}

.dataTables_filter {
    float: right;
    display: inline-flex;
}

.checkboxMenuTitle {
}

.checkboxSingleTitle {
    display: none;
}

.checkboxHidenLabel {
    display: none;
    padding-top: 0.2rem;
}


@media (max-width: 575.9px) {
    .checkboxHidenLabel {
        display: unset;
        float: left
    }

    .checkboxMenuTitle {
        display: none;
    }

    .checkboxSingleTitle {
        display: unset;
    }



    .custom-float-right {
        float: right
    }
}

.menucheckbox-control {
    padding-left: 32px;
}

.custom-control-label {
    cursor: pointer
}

.btn-header {
    padding: 0;
}

.divDownloadLoader {
    width: 250px;
    background: white;
    border-radius: 10px;
    height: 110px;
    text-align: center;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 25px;
    box-shadow: 0 0 1px 0px rgb(0, 0, 0);
    transform: translate(-50%,-50%);
}


#downloadLoader {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 5000;
}

#processingLoader {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 5000;
}



/*--------------- COLORS ---------------*/
.btn {
    border-radius: .25rem !important;
    padding: .375rem .75rem !important;
}


body {
    color: #5a5c69;
}

.text-primary {
    color: #5a5c69 !important;
}


.btn-primary {
    background-color: gray !important;
    color: white !important;
    border-color: transparent !important;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #D0142C !important;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #9ae8bf;
        background-color: #00929f;
        border-color: #00929f;
        box-shadow: 0 0 0 0.2rem #9ae8bf !important;
    }

.btn-outline-intr {
    background-color: gray !important;
    color: white !important;
    border-color: transparent !important;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
}

    .btn-outline-intr:hover,
    .btn-outline-intr:focus {
        background-color: #D0142C !important;
    }

    .btn-outline-intr:focus, .btn-outline-intr.focus {
        color: #9ae8bf;
        background-color: #00929f;
        border-color: #00929f;
        box-shadow: 0 0 0 0.2rem #9ae8bf !important;
    }

.btn-outline-intr {
    background: #327ec8 !important;
}

    .btn-outline-intr:hover, .btn-primary:focus {
        background: #2866a3 !important;
    }

    .btn-outline-intr:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem #327ec894 !important;
    }



.custom-control-input-login {
    border: none;
    border-bottom: 1px solid #000000;
    border-bottom-color: #00A84F;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
}

    .custom-control-input-login:focus {
        border-bottom-color: #F9B514;
    }

.bg-primary {
    background-color: #fdfdfd !important;
}

.btn-secondary {
    background-color: white !important;
    color: #5a5c69;
    border: 1px solid #327ec8 !important;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
}

    .btn-secondary:hover,
    .btn-secondary:focus {
        background-color: #ddeeff !important;
        color: #5a5c69;
        border: 1px solid #327ec8 !important;
        box-shadow: 0 0 0 0.2rem #327ec894 !important;
    }

.btn-outline-secondary {
    background-color: white !important;
    color: #5a5c69;
    border: 1px solid #327ec8 !important;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
}

    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus {
        background-color: #ddeeff !important;
        color: #5a5c69;
        border: 1px solid #327ec8 !important;
        box-shadow: 0 0 0 0.2rem #327ec894 !important;
    }

.text-secondary {
    color: #F9B514 !important;
}

.color-secondary-hover {
    cursor: pointer;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
}

    .color-secondary-hover:hover {
        color: #327ec8 !important;
    }

.bg-secondary {
    background-color: #F9B514 !important;
}

.bg-secondary-hover {
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
}

    .bg-secondary-hover:hover {
        background-color: #b9e0ea !important;
    }

.border-bottom-secondary {
    border-bottom: 3px solid #F9B514 !important;
}

.btn-danger {
    background-color: #F25866 !important;
    color: white !important;
    border-color: #F25866 !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

    .btn-danger:hover,
    .btn-danger:focus {
        background-color: #C44753 !important;
        border-color: #C44753 !important;
    }

.text-danger {
    color: #F25866 !important;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
}

    .text-danger:hover,
    .text-danger:focus {
        color: #C44753 !important;
    }

.input-validation-error,
.input-validation-error:focus {
    border-color: #F25866;
}



.btn-success {
    background-color: #58AB58 !important;
    color: white !important;
    border-color: #58AB58 !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

    .btn-success:hover,
    .btn-success:focus {
        background-color: #478B47 !important;
        border-color: #478B47 !important;
    }

.text-success {
    color: #58AB58 !important;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
}

    .text-success:hover,
    .text-success:focus {
        color: #478B47 !important;
    }


.greyIcon {
    color: #858796;
}


.dropdown-item:hover,
.dropdown-item:focus {
    color: white !important;
    text-decoration: none;
    background-color: #737373;
}

.dropdown-item.active,
.dropdown-item:active {
    color: white !important;
    text-decoration: none;
    background-color: #2754b0;
}

/*--------------- DATATABLES ---------------*/

table.dataTable th {
    font-weight: bold;
}

    table.dataTable th.sorting_asc::before,
    table.dataTable th.sorting_desc::after {
        color: #327ec8;
    }


table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    background-color: #327EC8;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    background-color: #67B5E9;
}

.page-item.active .page-link {
    background-color: #327ec8;
    border-color: #327ec8;
    color: white;
}

.page-link {
    color: #327ec8;
    background-color: #fff;
}

table.dataTable thead tr > th,
table.dataTable tbody tr > td {
    border: 1px solid #e3e6f0;
    border-left-width: 0;
}

    table.dataTable thead tr > th:first-child,
    table.dataTable tbody tr > td:first-child,
    table.dataTable:not(.collapsed) thead tr > th:first-child.responsiveButton + th,
    table.dataTable:not(.collapsed) tbody tr > td:first-child.responsiveButton + td {
        border-left-width: 1px;
    }

        table.dataTable thead tr > th:first-child.responsiveButton {
            border-width: 0 1px 0 0;
        }

table.dataTable thead tr:first-child > th,
table.dataTable tbody tr:not(:last-child) > td {
    border-bottom-width: 0;
}

table.dataTable:not(.collapsed) th.responsiveButton,
table.dataTable:not(.collapsed) td.responsiveButton {
    display: none;
}

table.dataTable td.responsiveButton::before {
    left: 50% !important;
    transform: translateX(-50%);
}


div.dataTables_info {
    white-space: normal;
}

.dataTables_filter > label {
    margin-right: 1rem;
}

table.dataTable .btnActionsContainer > * {
    font-size: 16px;
}

    table.dataTable .btnActionsContainer > *:not(:first-child) {
        margin-left: 5px;
    }

table.dataTable .checkboxContainer {
    text-align: center;
}

.dataTable thead .checkbox {
    margin-top: -23px;
}

.dataTable tbody .checkbox {
    margin-top: -3px;
}



table.dataTable .checkbox label {
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    display: inline-block;
}

    table.dataTable .checkbox label::before {
        border-radius: .35rem;
        transition: all .15s ease-in-out;
        cursor: pointer;
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #b7b9cc solid 1px;
        margin-left: 0;
    }

table.dataTable .checkbox input[type="checkbox"]:checked + label::before,
table.dataTable .checkbox input[type="radio"]:checked + label::before {
    border-color: #00A84F;
    background-color: #00A84F;
}

table.dataTable .checkbox input[type="checkbox"]:focus + label::before,
table.dataTable .checkbox input[type="radio"]:focus + label::before {
    box-shadow: 0 0 0 0.2rem rgb(105 205 228 / 25%);
    outline: none;
}

table.dataTable .checkbox input[type="checkbox"]:checked + label::after,
table.dataTable .checkbox input[type="radio"]:checked + label::after {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");*/
    position: absolute;
    top: .35rem;
    left: -1.45rem;
    display: inline-block;
    width: 0.5rem;
    height: 1rem;
    /*content: "";*/
    background: no-repeat 50%/50% 50%;
    margin-left: 0px;
    color: white;
    font-size: 0.5rem;
}



table.dataTable .checkbox input[type="checkbox"]:indeterminate + label::after,
table.dataTable .checkbox input[type="radio"]:indeterminate + label::after {
    top: .25rem;
    left: -1.25rem;
    display: inline-block;
    width: 0.5rem;
    margin-left: 0;
}

/*--------------- DATEPICKER ---------------*/
#rangeDatePicker {
    padding: 0;
    margin: 0;
    border: 0;
}

.daterangepicker .active {
    background-color: #357ebd !important;
}

.daterangepicker .in-range:not(.active) {
    background-color: #4488cb8a !important;
}

.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
    background-color: lightgrey !important;
}

.calendar-toggle {
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.input-group-text-calendars {
    display: flex !important;
    align-items: center !important;
    padding: 0.375rem 0.75rem !important;
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #6e707e !important;
    text-align: center !important;
    white-space: nowrap !important;
    background-color: #eaecf4 !important;
    border: 1px solid #4a5d8f !important;
    border-radius: 0px 0.35rem 0.35rem 0px;
}

    .input-group-text-calendars .fa-calendar {
        color: #4a5d8f;
        margin-left: -1px !important;
    }

.dayselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
    margin-right: 2%;
    width: 23%;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 33%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

/*--------------- NAVBAR ---------------*/
.navbar-expand {
    flex-direction: unset;
    flex-wrap: wrap;
    margin-bottom: 1.8rem !important;
}

.topbar .nav-item .nav-link {
    height: calc(4.375rem - 1rem);
}

.progress {
    border-radius: 0;
    height: 0.3rem;
}

.navbarWidthAnimation {
    /*transition: 4s ease-in;
    transition-property: width;*/
    animation: widthAnimation 2s ease-in-out infinite;
}

@keyframes widthAnimation {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}


/*--------------- SWEET ALERTS ---------------*/

.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    white-space: pre-wrap;
}

.panel {
    margin-bottom: 1px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
    display: grid;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    cursor: pointer;
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px
            }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f9f9f9;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #337ab7
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1
    }

.panel-title {
    position: relative;
}

    .panel-title::after {
        content: "\f107";
        color: #09b;
        top: -2px;
        right: 0px;
        position: absolute;
        font-family: "FontAwesome"
    }

    .panel-title[aria-expanded="true"]::after {
        content: "\f106";
    }


.panel-heading-full.panel-heading {
    padding: 0;
}

.panel-heading-full .panel-title {
    padding: 10px 15px;
}

    .panel-heading-full .panel-title::after {
        top: 10px;
        right: 15px;
    }




.nav-tabs .nav-link.active {
    color: #F9B514 !important;
}

.nav-tabs .nav-link {
    color: #858796 !important;
}

.sidebar-shadow .nav-item .nav-link {
    color: #000 !important;
}

/*Input New Style*/

.form-control {
    border: none;
    border-bottom: 2px solid #000000;
    border-bottom-color: #2754b0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
}

.dataTables_wrapper .form-control {
    border-bottom: 1px solid #000000;
    border-bottom-color: #67B5E9;
}

.form-control-slim {
    height: 1.4rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

.form-control:focus {
    border-bottom-color: #67B5E9;
}

.form-control:disabled, .form-control[readonly] {
    background: #eaeaea
}

.input-group-text {
    border: none;
    border-bottom: 2px solid #2754b0;
    background-color: white;
    border-radius: 0;
    cursor: pointer;
}

    .input-group-text:hover {
        color: #67B5E9
    }

.form-control-append {
    background-color: white !important;
}

textarea {
    height: 100px;
}



.bootstrap-select .dropdown-toggle {
    border: none;
    border-bottom: 2px solid #000000;
    border-bottom-color: #327ec8 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
    background-color: white;
    color: #6e707e;
}

    /*.bootstrap-select .dropdown-toggle:focus {
        border-bottom-color: #67B5E9 !important;
    }*/

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #6e707e;
    background-color: white;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
    outline: unset !important;
    outline-offset: unset !important;
}


.bootstrap-select .dropdown-toggle::after {
    width: 1rem;
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    color: #327ec8;
}

textarea.form-control {
    border-top: 1px solid #e2e2e2;
}

.form-control::-webkit-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #bdbdbd;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
}


.form-control::placeholder {
    color: #bdbdbd;
    opacity: 1;
}

.sidebar.toggled .nav-item .collapse {
    z-index: 10;
}

.pl-6 {
    padding-left: 4.5rem !important
}

.timepicker .title {
    display: none;
}

.input-validation-error, .input-validation-error:focus {
    border-bottom: 1px solid #CF142B !important;
}

.timepickerInput {
    z-index: 2;
    background-color: transparent !important;
}

.timepickerAppend {
    position: absolute;
    z-index: 1;
    right: 0;
}

.timepickerIcon {
    border: 0;
}

.dataTables_length > label {
    white-space: break-spaces !important;
}

.panel-title-no-collapse {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.append-details-icon {
    color: #00A84F;
}

.append-details-background {
    background: #eaeaea;
}

.popper-body {
    padding: 0.5rem;
}
/*/ ///////////// /*/

#loading {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    /* opacity: 0.7; */
    /* background-color: #fff; */
    z-index: 99;
    background-color: rgb(255 255 255 / 40%);
}

.badge-danger {
    color: #fff;
    background-color: #327EC8;
}

.badge-under-review {
    color: #fff;
    background-color: #6B6C6D;
}

.badge-on-approval {
    color: #fff;
    background-color: #017ACF;
}

.badge-pending-payment {
    color: #fff;
    background-color: #4AB4EF;
}

.badge-payment-in-validation {
    color: #fff;
    background-color: #6785E9;
}

.badge-issued {
    color: #fff;
    background-color: #00C430;
}

.badge-rejected-by-user {
    color: #fff;
    background-color: #E20505;
}

.badge-dismissed {
    color: #fff;
    background-color: #BA0000;
}

.badge-submitted {
    color: #fff;
    background-color: #2754B0;
}



.border-left-under-review {
    border-left: 0.25rem solid #6B6C6D !important;
}

.border-left-on-approval {
    border-left: 0.25rem solid #017ACF !important;
}

.border-left-pending-payment {
    border-left: 0.25rem solid #4AB4EF !important;
}

.border-left-payment-in-validation {
    border-left: 0.25rem solid #6785E9 !important;
}

.border-left-issued {
    border-left: 0.25rem solid #00C430 !important;
}

.border-left-rejected-by-user {
    border-left: 0.25rem solid #E20505 !important;
}

.border-left-dismissed {
    border-left: 0.25rem solid #BA0000 !important;
}

.border-left-submitted {
    border-left: 0.25rem solid #2754B0 !important;
}

.btn-blue {
    background-color: white !important;
    color: #5a5c69 !important;
    border: 1px solid #327ec8 !important;
}

    .btn-blue:hover, .btn-blue:focus {
        background: #327ec8 !important;
        color: white !important;
    }

.btn-primary {
    background-color: white !important;
    color: #5a5c69 !important;
    border: 1px solid #327ec8 !important;
}

    .btn-primary:hover, .btn-primary:focus {
        background: #327ec8 !important;
        color: white !important;
    }

.btn-default {
    background-color: white !important;
    color: #5a5c69 !important;
    border: 1px solid #327ec8 !important;
}

    .btn-default:hover, .btn-default:focus {
        background: #327ec8 !important;
        color: white !important;
    }

body {
    font-size: 12px !important
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-size: 13px !important
}

.form-control {
    font-size: 12px !important
}

.btn {
    font-size: 12px !important
}

.dropdown-header {
    font-size: 13px !important
}

.dropdown-item {
    font-size: 12px !important
}

.nav-link span {
    font-size: 12px !important
}

table .small {
    font-size: 12px !important
}

.fit-text{
    width: fit-content;
}

.title-footer-border {
    border-image-slice: 1 !important;
    border-bottom: 3px solid;
    border-image: linear-gradient(to right, #07A183 30%, white 30%);
}

.nav-bar-text {
    color: white !important;
}

.angola-logo {
    height: 35px;
}

@media (max-width: 767px) {
    .nav-bar-text {
        color: black !important;
    }

    .angola-logo {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}




@media (max-width: 425px) {
    .angola-logo {
        height: 25px;
    }
}


@media (max-width: 370px) {
    .angola-logo {
        height: 20px;
    }
}


.footer-border {
    border-top: 3px solid #32cccc !important;
}

.footer-second-border {
    border-top: 3px solid white !important;
}


.g-recaptcha {
    transform: scale(0.70);
    -webkit-transform: scale(0.70);
    transform-origin: 0 -50%;
    -webkit-transform-origin: 0 -50%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: -40px;
}
/*.g-recaptcha > div {
    width: 100% !important;
}*/

/*@media(max-width:390px){
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);

    }
}*/

.maintenance-logo {
    background-image: url(/images/ANTT_logo_big_size.png);
    width: 475px !important;
    height: 200px !important;
    margin-right: -322px !important;
}

.maintenance-margin-top {
    margin-top: 170px;
}

@media (max-width: 510px) {
    .maintenance-logo {
        width: 350px !important;
        height: 150px !important;
    }
}

@media (max-width: 379px) {
    .maintenance-logo {
        width: 232px !important;
        height: 100px !important;
    }
}