/*Início ajaxstatus*/
.sk-spinner-double-bounce.sk-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
}

.sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: white;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 1s infinite ease-in-out;
    animation: sk-doubleBounce 1s infinite ease-in-out;
}

.sk-spinner-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

@-webkit-keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*Fim ajaxstatus*/

.dialogloading {
    z-index:30000;
    background: none !important;
    border:none !important;
    box-shadow: none !important;
}

.dialogloading .ui-dialog-content {
    background: none !important;

}

.no-picture {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 8px 8px;
    width: 32px;
    height: 32px;
    background: rgba(41, 50, 65, 0.1);
    color: #fff;
    font-size: 12px;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

/*Datatable*/
.highcharts-figure, .highcharts-data-table table {
    min-width: 360px; 
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: var(--primary-color-text);
}
.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: var(--primary-lighter-color);
}
.highcharts-data-table tr:hover {
    background: var(--primary-light-color);
    color: white !important;
}

.ui-datatable .ui-state-highlight * .ui-link
{
    color: white !important;
}

.ui-datatable .ui-state-highlight * .btnAtalayasDefault
{
    color: var(--primary-color);
    background-color: white;
}

.ui-datatable .ui-state-highlight * .btnAtalayasDefault:hover
{
    color: var(--primary-color);
    filter: brightness(0.75) opacity(0.75);

}

.ui-treetable-data .ui-state-highlight * .btnAtalayasDefault
{
    color: var(--primary-color);
    background-color: white;
}

.ui-treetable-data .ui-state-highlight * .btnAtalayasDefault:hover
{
    color: var(--primary-color);
    filter: brightness(0.75) opacity(0.75);

}


.ui-datatable  .ui-state-highlight * .ui-inputfield
{
    color:  var(--corDoTextoGrafico) !important;
}


.leiturasdt th {
    white-space: normal !important;
}

/*Não atendida - Atendida - Atendida com Atraso - Atrasada - Atendida adiantada*/
.statusp0 {background: #036ba7 !important}
.statusp1 {background: #398439 !important}
.statusp2 {background: #FF9F00 !important}
.statusp3 {background: #D72108 !important}
.statusp4 {background: #33ccff !important}
.statusp5 {background: #787878 !important}

.ui-tooltip {
    max-width: 600px;
    white-space:pre-wrap;
}

.btnAtalayasDefault
{
    color: var(--primary-color-text);
    width: 28px;
    height: 28px;
    font-size:14px;
    padding: 7px;
    border-radius: 15px;
    background-color: var(--primary-color);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.btnAtalayasDefault:hover
{
    background-color: var(--primary-dark-color);
}

.btnAtalayasWarning
{
    color: var(--primary-color-text);
    width: 28px;
    height: 28px;
    font-size:14px;
    padding: 7px;
    border-radius: 15px;
    background-color: #FFA928;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.btnAtalayasWarning:hover
{
    background-color: #ff9d0b;
}


.btnAtalayasDanger
{
    color: var(--primary-color-text);
    width: 28px;
    height: 28px;
    font-size:14px;
    text-align: center;
    padding: 7px;
    border-radius: 15px;
    background-color: #F26B54;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.btnAtalayasDanger:hover
{
    background-color: #f05136;
}


.btnAtalayasSucess
{
    color: var(--primary-color-text);
    width: 28px;
    height: 28px;
    font-size:14px;
    padding: 7px;
    text-align: center;
    border-radius: 15px;
    background-color: #62D28A;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.btnAtalayasSucess:hover
{
    background-color: #37c068;
}

.btnAtalayasBlue
{
    color: var(--primary-color-text);
    width: 28px;
    height: 28px;
    font-size:14px;
    padding: 7px;
    text-align: center;
    border-radius: 15px;
    background-color: #69B7FF;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.btnAtalayasBlue:hover
{
    background-color: #0e7fe1;
}


.ui-growl {
    z-index:99999999999 !important;
}

@media (min-width: 992px) {
    .loader {
        display: none;
        height: 4px;
        width: 100%;
        --c:no-repeat linear-gradient(var(--primary-color) 0 0);
        background: var(--c),var(--c),var(--gray-50);
        background-size: 60% 100%;
        animation: l16 2s infinite;
        margin-top:40px;
    }
}

@media (max-width: 991px) {
    .loader {
        display: none;
        height: 4px;
        width: 100%;
        --c:no-repeat linear-gradient(var(--primary-color) 0 0);
        background: var(--c),var(--c),var(--gray-50);
        background-size: 60% 100%;
        animation: l16 2s infinite;
        margin-top:0px;
    }
}


@keyframes l16 {
    0%   {background-position:-150% 0,-150% 0}
    66%  {background-position: 250% 0,-150% 0}
    100% {background-position: 250% 0, 250% 0}
}

.loader-mostrar
{
    display: block !important;
}