/*Alinhamentos*/
.zh-d-flex {
    display: flex !important;
}

.zh-d-block {
    display: block !important;
}

.zh-column {
    flex-direction: column;
}

.zh-spacing-5 {
    gap: 5px;
}

.zh-spacing-10 {
    gap: 10px;
}

.zh-justify-content-center {
    justify-content: center !important;
}

.zh-align-items-center {
    align-items: center !important;
}

.zh-align-items-flex-end {
    align-items: flex-end !important;
}

.zh-align-items-flex-start {
    align-items: flex-start !important;
}

.zh-justify-content-space-between {
    justify-content: space-between !important;
}

.zh-justify-content-space-around {
    justify-content: space-around !important;
}

.zh-justify-content-start {
    justify-content: flex-start !important;
}

.zh-justify-content-end {
    justify-content: flex-end !important;
}

.zh-flex-wrap {
    flex-wrap: wrap
}


.zh-padding-0 {
    padding: 0;
}

.zh-margin-0 {
    margin: 0;
}

.zh-mr-5 {
    margin-right: 5px;
}
.zh-mr-10 {
    margin-right: 10px;
}

.zh-action {
    cursor: pointer;
}

.btn {
    letter-spacing: 1px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.btn-zh {
    cursor: pointer;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 12px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    transition: all 0.3s !important;
}

    .btn-zh:hover {
        -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
        -moz-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
        box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12)
    }

    .btn-zh:focus {
        outline: none !important;
    }

.btn-lg-zh {
    color: #fff !important;
    border: none;
    font-size: 15px;
    border-radius: 5px;
    padding: 15px 45px;
    font-weight: 600;
    letter-spacing: 1px;
}

.btn-sm-zh {
    color: #fff !important;
    border: none;
    font-size: 10px;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: 600;
}


.btn-lg-zh[disabled] {
    background: #cecece !important;
}

.btn-lg-zh:hover {
    cursor: pointer
}

.zh-gray {
    color: #999999;
}

.zh-red {
    color: #CC0000 !important;
}

.zh-red-dark {
    color: #B40000 !important;
}

.zh-blue {
    color: #1D6EBF !important;
}

.zh-blue-dark {
    color: #114C86 !important;
}

.zh-green {
    color: #6CC32D !important;
}

.zh-green-dark {
    color: #3A8900 !important;
}

.zh-yellow {
    color: #FFC400 !important;
}

.zh-orange {
    color: #ff5200 !important;
}

.zh-background-gray {
    background-color: #999999 !important;
    color: #fff !important;
}

.zh-background-red {
    background-color: #CC0000 !important;
    color: #fff !important;
}

.zh-background-red-dark {
    background-color: #B40000 !important;
    color: #fff !important;
}

.zh-background-blue {
    background-color: #1D6EBF !important;
    color: #fff !important;
}

.zh-background-blue-dark {
    background-color: #114C86 !important;
    color: #fff !important;
}

.zh-background-green {
    background-color: #6CC32D !important;
    color: #fff !important;
}

.zh-background-green-dark {
    background-color: #3A8900 !important;
    color: #fff !important;
}

.zh-background-yellow {
    background-color: #FFC400 !important;
    color: #fff !important;
}

.zh-background-orange {
    background-color: #ff5200 !important;
    color: #fff !important;
}


.zh-background-outline-gray {
    background-color: #fff !important;
    color: #999999 !important;
    border-color: #999999;
    border: 1px solid;
}

    .zh-background-outline-gray:hover {
        background-color: #999999 !important;
        color: #fff !important;
        border-color: #999999;
    }

.zh-background-outline-red {
    background-color: #fff !important;
    color: #CC0000 !important;
    border-color: #114C86;
    border: 1px solid;
}

    .zh-background-outline-red:hover {
        background-color: #CC0000 !important;
        color: #fff !important;
        border-color: #CC0000;
    }

.zh-background-outline-red-dark {
    background-color: #fff !important;
    color: #B40000 !important;
    border-color: #B40000;
    border: 1px solid;
}

    .zh-background-outline-red-dark:hover {
        background-color: #B40000 !important;
        color: #fff !important;
        border-color: #B40000;
    }

.zh-background-outline-blue {
    background-color: #fff !important;
    color: #1D6EBF !important;
    border-color: #1D6EBF;
    border: 1px solid;
}

    .zh-background-outline-blue:hover {
        background-color: #1D6EBF !important;
        color: #fff !important;
        border-color: #1D6EBF;
    }

.zh-background-outline-blue-dark {
    background-color: #fff !important;
    color: #114C86 !important;
    border-color: #114C86;
    border: 1px solid;
}

    .zh-background-outline-blue-dark:hover {
        background-color: #114C86 !important;
        color: #fff !important;
        border-color: #114C86;
    }

.zh-background-outline-green {
    background-color: #fff !important;
    color: #6CC32D !important;
    border-color: #6CC32D;
    border: 1px solid;
}

    .zh-background-outline-green:hover {
        background-color: #6CC32D !important;
        color: #fff !important;
        border-color: #6CC32D;
    }

.zh-background-outline-green-dark {
    background-color: #fff !important;
    color: #3A8900 !important;
    border-color: #3A8900;
    border: 1px solid;
}

    .zh-background-outline-green-dark:hover {
        background-color: #3A8900 !important;
        color: #fff !important;
        border-color: #3A8900;
    }

.zh-background-outline-yellow {
    background-color: #fff !important;
    color: #FFC400 !important;
    border-color: #FFC400;
    border: 1px solid;
}

    .zh-background-outline-yellow:hover {
        background-color: #FFC400 !important;
        color: #fff !important;
        border-color: #FFC400;
    }


.zh-btn-gradient-gold {
    background: rgba(214,180,107,1);
    background: -moz-linear-gradient(top, rgba(214,180,107,1) 0%, rgba(149,122,64,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,180,107,1)), color-stop(100%, rgba(149,122,64,1)));
    background: -webkit-linear-gradient(top, rgba(214,180,107,1) 0%, rgba(149,122,64,1) 100%);
    background: -o-linear-gradient(top, rgba(214,180,107,1) 0%, rgba(149,122,64,1) 100%);
    background: -ms-linear-gradient(top, rgba(214,180,107,1) 0%, rgba(149,122,64,1) 100%);
    background: linear-gradient(to bottom, rgba(214,180,107,1) 0%, rgba(149,122,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6b46b', endColorstr='#957a40', GradientType=0 );
}


.zh-btn-gradient-blue-dark {
    background: rgba(24,106,154,1);
    background: -moz-linear-gradient(top, rgba(24,106,154,1) 0%, rgba(28,54,96,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,106,154,1)), color-stop(100%, rgba(28,54,96,1)));
    background: -webkit-linear-gradient(top, rgba(24,106,154,1) 0%, rgba(28,54,96,1) 100%);
    background: -o-linear-gradient(top, rgba(24,106,154,1) 0%, rgba(28,54,96,1) 100%);
    background: -ms-linear-gradient(top, rgba(24,106,154,1) 0%, rgba(28,54,96,1) 100%);
    background: linear-gradient(to bottom, rgba(24,106,154,1) 0%, rgba(28,54,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186a9a', endColorstr='#1c3660', GradientType=0 );
}

.zh-btn-gradient-green {
    background: rgba(152,214,107,1);
    background: -moz-linear-gradient(top, rgba(152,214,107,1) 0%, rgba(90,149,64,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(152,214,107,1)), color-stop(100%, rgba(90,149,64,1)));
    background: -webkit-linear-gradient(top, rgba(152,214,107,1) 0%, rgba(90,149,64,1) 100%);
    background: -o-linear-gradient(top, rgba(152,214,107,1) 0%, rgba(90,149,64,1) 100%);
    background: -ms-linear-gradient(top, rgba(152,214,107,1) 0%, rgba(90,149,64,1) 100%);
    background: linear-gradient(to bottom, rgba(152,214,107,1) 0%, rgba(90,149,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d66b', endColorstr='#5a9540', GradientType=0 );
}



.zh-link-blue-dark {
    font-size: 14px;
    color: #114C86 !important;
}


/*HeaderPage*/

.header-page-zh {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 50px;
    justify-content: space-between;
    /*background-color: #F9F9F9;*/
}

    .header-page-zh > ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-flex;
        align-items: center;
    }

        .header-page-zh > ul > li {
            padding: 0 12px;
        }

            .header-page-zh > ul > li:first-child {
                padding-left: 0;
            }

            .header-page-zh > ul > li:last-child {
                padding-right: 0;
            }

.header-filter {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.span-status-zh {
    padding: 2px 15px;
    border-radius: 5px;
    font-size: 14px;
}

.table-zh {
    /*white-space: nowrap;*/
    font-size: 11px;
}

    .table-zh a:focus, .table-zh a:visited, .table-zh a:hover, .table-zh a {
        color: inherit;
        transition: none;
    }

    .table-zh tr td {
        border-bottom: 1px solid #ddd;
    }

        .table-zh tr td:first-child, .table-zh tr th:first-child {
            border-left: 1px solid #dddddd
        }

        .table-zh tr td:last-child, .table-zh tr th:last-child {
            border-right: 1px solid #dddddd
        }

    .table-zh th {
        font-weight: 600;
    }

    .table-zh .btn {
        font-size: 9px;
        padding: 2px 6px;
    }

    .table-zh .btn-transparent {
        display:inline-block;
        padding: 0;
        background-color: transparent;
        border: none;
    }

    .table-zh .btn-transparent svg {
        font-size: 16px
    }



    .table-zh button svg, .table-zh a svg {
        font-size: 12px;
    }


.zh-icon-md {
    font-size: 15px !important;
}

.zh-icon-lg {
    font-size: 20px !important;
}

.zh-icon-unsort:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f0dc';
    font-style: normal;
}

.table-zh .span-status-zh {
    font-size: 9px;
}

.table-zh tr:hover {
    background-color: #f1f1f1;
}



.zh-title-filter {
    color: #707070;
    font-size: 20px;
    font-weight: bold;
}

.text-filter {
    color: #707070;
    /*font-size: 20px;
    font-weight: bold;*/
}






.text-label {
    font-weight: unset !important;
}

.input-text-zh {
    margin-bottom: 15px;
}



.rotate-icon {
    transform: rotate(90deg);
}

.color-icon {
    color: #9B8148;
}

.btn-green {
    background-color: #98D66B;
    color: #FFFFFF !important;
}

.btn-green-strong {
    background-color: #3A8900;
    color: #FFFFFF !important;
}

.btn-gray-new {
    background-color: #999999;
    color: #FFFFFF !important;
}

.btn-red {
    background-color: #D80000;
    color: #FFFFFF !important;
}

.btn-yellow {
    background-color: #FFC400;
    color: #FFFFFF !important;
}





.div-checkbox {
    margin-bottom: 10px;
}



.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .cbx span {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child {
            position: relative;
            width: 18px;
            height: 18px;
            border-radius: 3px;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #9098A9;
            transition: all 0.2s ease;
        }

            .cbx span:first-child svg {
                position: absolute;
                top: 3px;
                left: 2px;
                fill: none;
                stroke: #FFFFFF;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
            }

            .cbx span:first-child:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #63c51b;
                display: block;
                transform: scale(0);
                opacity: 1;
                border-radius: 50%;
            }

        .cbx span:last-child {
            padding-left: 8px;
        }

/*.cbx:hover span:first-child {
        border-color: #63c51b;
    }*/

.inp-cbx:checked + .cbx span:first-child {
    background: #63c51b;
    border-color: #63c51b;
    animation: wave 0.4s ease;
}

    .inp-cbx:checked + .cbx span:first-child svg {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:first-child:before {
        animation: checkboxAnimation 0.6s ease;
    }

@keyframes checkboxAnimation {
    80% {
        transform: scale(3.5);
        opacity: 0;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}

uib-accordion div[uib-accordion-group] span {
    width: 100%;
}



/*Alert*/

.zh-alert {
    text-align: left;
    padding: 10px 0;
    background-color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    max-width: 500px;
    top: 15px;
    right: 10px;
    position: absolute;
    box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
}

    .zh-alert .title-alert {
        color: #3e3e3e;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .zh-alert .message-alert {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 0;
        color: #878787;
    }

.zh-alert-content {
    padding-left: 75px;
    padding-right: 15px;
}

.icon-alert {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    font-size: 25px;
}

.zh-alert-iconTimes {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ccc;
    cursor: pointer;
}


.zh-border-left-blue {
    border-left: solid 3px #1D6EBF;
}

.zh-border-left-red {
    border-left: solid 3px #CC0000;
}

.zh-border-left-yellow {
    border-left: solid 3px #FFC400;
}

.zh-border-left-green {
    border-left: solid 3px #6CC32D;
}

.zh-border-left-blue-dark {
    border-left: solid 3px #114C86;
}

.zh-border-left-red-dark {
    border-left: solid 3px #B40000;
}

.zh-border-left-yellow-dark {
    border-left: solid 3px #FFC400;
}

.zh-border-left-green-dark {
    border-left: solid 3px #3A8900;
}

.zh-label {
    font-weight: bold;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 100%;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.zh-label-wrap {
    font-weight: bold;
    display: block;
    padding: .2em .6em .3em;
    font-size: 100%;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: normal;
    vertical-align: baseline;
    border-radius: .25em;
}

.zh-uppercase {
    text-transform: uppercase;
}

/*Erros de input*/

.form-group.has-error input {
    border: solid 1px #CC0000 !important;
}

.form-group.has-error label, .form-group.has-error small {
    color: #CC0000 !important;
}

.small-italic {
    font-style: italic;
}


#modalSessaoExpirada.in {
    display: flex !important;
    flex-direction: row;
    padding-right: 17px;
    align-items: center;
    justify-content: center;
}


/* Estilo da modal de redirecionamento */

#modalSessaoExpirada .modal-dialog {
    margin: 0px !important
}

    #modalSessaoExpirada .modal-dialog h5 {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        color: #d6b46b;
    }

    #modalSessaoExpirada .modal-dialog .modal-body {
        text-align: center;
        font-size: 16px;
    }

    #modalSessaoExpirada .modal-dialog .modal-footer {
        text-align: center;
    }

        #modalSessaoExpirada .modal-dialog .modal-footer button {
            margin-bottom: 15px;
        }

/* ### FIM - Estilo da modal de redirecionamento */