/**
CSS GERAL PARA TODOS OS SISTEMAS E THEMES
 */

:root{--font-small:.875em;--font-normal:1em;--font-medium:1.2em;--font-large:1.4em;--color-default:#555;
    --color-green:#36BA9B;
    --color-orange:#FF6900;
    --color-blue:#39AED9;--color-yellow:#F5B946;--color-red:#D94352;--weight-light:300;--weight-normal:400;--weight-bold:700;--weight-black:900;--hover-color-green:#61DDBC;--hover-color-blue:#66D4F1;--hover-color-yellow:#FCD277;--hover-color-red:#F76C82;--hover-duration:0.3s;--gradient-green:linear-gradient(to right,#42E695 0%,#3BB2B8 50%,#42E695 100%);--gradient-blue:linear-gradient(to right,#17EAD9 0%,#6078EA 50%,#17EAD9 100%);--gradient-red:linear-gradient(to right,#622744 0%,#C53364 50%,#622744 100%);--gradient-yellow:linear-gradient(to right,#FCE38A 0%,#F38181 50%,#FCE38A 100%);
    --radius-normal:5px;
    --radius-medium:10px;
    --radius-large:20px;
    --radius-round:50%;
    --index-back:-1;
    --index-fold:2;
    --index-menu:3;
    --index-modal:4;
    --cor-primaria: #FF6900;
    --cor-secundaria: #2d2d2d;
    --color-black: #FFFFFF;
}

/* AJAX RESPONSE BOX */
/*DEFAULT LOAD*/
.ajax_load {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: var(--index-modal);
}

.ajax_load_box {
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-weight: var(--weight-bold);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.ajax_load_box_circle {
    border: 16px solid #e3e3e3;
    border-top: 16px solid var(--color-orange);
    border-radius: 50%;
    margin: auto;
    width: 80px;
    height: 80px;

    -webkit-animation: spin 1.2s linear infinite;
    -o-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
}
@-webkit-keyframes spin{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
/* /AJAX LOAD  */