/* ------------------------------------------------------------------------------- */
/* PADDING */
/* ------------------------------------------------------------------------------- */


.custom-modal {
    width: 80%;
    max-width: 80%;
    margin: auto;
}

.custom-modal_100 {
    width: 80%;
    max-width: 100%;
    margin: auto;
}

.padding-bottom-87px {
    padding-bottom: 87px;
}

.padding-top-87px {
    padding-top: 87px;
}

.padding-top-54px {
    padding-top: 54px;
}

.padding-1rem-important { /* 16px */
    padding: 1rem 1rem !important;
}

.sem-padding {
    padding: 0px;
}

.sem-padding-important {
    padding: 0px !important;
}

.sem-padding-h {
    padding-top: 0px;
    padding-bottom: 0px;
}

.sem-padding-h-important {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.sem-padding-bottom {
    padding-bottom: 0px;
}

.sem-padding-bottom-important {
    padding-bottom: 0px !important;
}

.sem-padding-l {
    padding-left: 0px;    
}

.sem-padding-r {
    padding-right: 0px;
}

.sem-padding-t {
    padding-top: 0px;
}

.sem-padding-b {
    padding-bottom: 0px;
}

.sem-padding-r-important {
    padding-right: 0px !important;
}

.sem-padding-w {
    padding-left: 0px;
    padding-right: 0px;
}

.sem-padding-w-important {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-w-5px-important {
    padding: 0px 5px !important;
}

.padding-w-8px {
    padding: 0px 8px;
}

.padding-w-50px {
    padding: 0px 50px;
}

.padding-h-2px {
    padding: 2px 0px;
}

.padding-h-3px {
    padding: 3px 0px;
}

.padding-h-4px {
    padding: 4px 0px;
}

.padding-h-5px {
    padding: 5px 0px;
}

.padding-h-15px {
    padding: 15px 0px;
}

.padding-w-2px {
    padding: 0px 2px;
}

.padding-w-3px {
    padding: 0px 3px;
}

.padding-w-5px {
    padding: 0px 5px;
}

.padding-w-15px {
    padding: 0px 15px;
}

.padding-w-15px-important {
    padding: 0px 15px !important;
}

.padding-w-20px {
    padding: 0px 20px;
}

.padding-w-25px {
    padding: 0px 25px;
}

.padding-right-5px {
    padding-right: 5px;
}

.padding-left-5px {
    padding-left: 5px;
}

.padding-right-50px {
    padding-right: 50px;
}

.padding-top-1px {
    padding-top: 1px;
}

.padding-top-1px-important {
    padding-top: 1px !important;
}

.padding-top-3px {
    padding-top: 3px;
}

.padding-top-4px-important {
    padding-top: 4px !important;
}

.padding-top-10px-important {
    padding-top: 10px !important;
}

.padding-top-8px { /* = 0.5rem */
    padding-top: 8px;
}

.padding-top-10px {
    padding-top: 10px;
}

.padding-top-40px {
    padding-top: 40px;
}

.padding-top-8px-important { /* = 0.5rem */
    padding-top: 8px !important;
}

.padding-10px-important {
    padding: 10px !important
}

.padding-5px-important {
    padding: 5px !important;
}

.padding-h-2px {
    padding: 3px 0px !important;
}

.padding-w-10px {
    padding: 0px 10px !important;
}

.padding-left-10px {
    padding-left: 10px;
}
.padding-left-15px {
    padding-left: 15px;
}

.padding-left-40px-important {
    padding-left: 40px !important;
}

.padding-right-30px {
    padding-right: 30px;
}

.padding-right-20px {
    padding-right: 20px;
}

.padding-right-25px {
    padding-right: 25px;
}

.padding-right-10px {
    padding-right: 10px;
}

.padding-left-5px-important {
    padding-left: 5px !important;
}

.padding-right-5px-important {
    padding-right: 5px !important;
}

.padding-top-30px {
    padding-top: 30px;
}

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

.padding-bottom-2px {
    padding-bottom: 2px;
}

.padding-bottom-2px-important {
    padding-bottom: 2px !important;
}

.sem-padding-bottom {
    padding-bottom: 0px;
}

.sem-padding-bottom-important {
    padding-bottom: 0px !important;
}

/* ------------------------------------------------------------------------------- */
/* MARGIN */
/* ------------------------------------------------------------------------------- */

.margin-auto {
    margin: auto;
}

.sem-margin {
    margin: 0px;
}

.sem-margin-important {
    margin: 0px !important;
}

.margin-h-1rem {
    margin: 1rem 0px;
}

.margin-h-1px {
    margin: 1px 0px;
}

.margin-h-2px {
    margin: 2px 0px;
}

.margin-h-3px {
    margin: 3px 0px;
}

.margin-h-5px {
    margin: 5px 0px;
}

.margin-w-5px {
    margin: 0px 5px;
}

.margin-w-10px {
    margin: 0px 10px;
}

.margin-w-50px {
    margin: 0px 50px;
}

.margin-top-03rem-important {
    padding-top: 0.3rem !important
}

.margin-bottom-03rem-important {
    padding-bottom: 0.3rem !important
}

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

.margin-top-3px-n {
    margin-top: -3px;
}

.margin-top-2px {
    margin-top: 2px;
}

.margin-top-3px {
    margin-top: 3px;
}

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

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

.margin-top-20px {
    margin-top: 20px;
}

.margin-top-25px {
    margin-top: 25px;
}

.sem-margin-top {
    margin-top: 0px;
}

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

.margin-5px-important {
    margin: 5px !important;
}

.margin-top-1rem {
    margin-top: 1rem;
}

.sem-margin-h-important {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

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

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

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

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

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

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

.margin-bottom-25px-important {
    margin-bottom: 25px !important;
}

.margin-bottom-50px-important {
    margin-bottom: 50px !important;
}

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

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

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

.margin-left-3px {
    margin-left: 3px;
}

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

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

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

/* ------------------------------------------------------------------------------- */
/* CORES */
/* ------------------------------------------------------------------------------- */

.cor-highlight {
    color: Highlight;
}

.cor-cinza {
    color: #808080;
}

.cor-cinza-padrao-font {
    color: #6c757d;
}

.cor-preto {
    color: black !important;
}

.cor-verde {
    color: green;
}

.cor-vermelho {
    color: red;
}

.cor-vermelho-important {
    color: #ff0000 !important;
}

.cor-branco {
    color: white;
}

.cor-vermelho-importante {
    color: red !important;
}

.cor-preto-importante {
    color: black !important;
}

.cor-fabric-azul {
    color: #4472c4;
}

.cor-fabric-laranja {
    color: #ed7d31;
}

.cor-fabric-verde {
    color: #70ad47;
}

.cor-fabric-roxo {
    color: #6f6fe2;
}

.cor-fabric-rosa {
    color: #e269ae;
}

/* ------------------------------------------------------------------------------- */
/* FONTES - TAMANHOS E ESTILOS */
/* ------------------------------------------------------------------------------- */

.font-100 {
    font-size: 100px;
}

.font-80 {
    font-size: 80px;
}

.font-70 {
    font-size: 70px;
}

.font-60 {
    font-size: 60px;
}

.font-50 {
    font-size: 50px;
}

.font-40 {
    font-size: 40px;
}

.font-36 {
    font-size: 36px;
}

.font-24 {
    font-size: 24px;
}

.font-30 {
    font-size: 30px;
}

.font-20 {
    font-size: 20px;
}

.font-18 {
    font-size: 18px;
}

.font-16 {
    font-size: 16px;
}

.font-14 {
    font-size: 14px;
}

.font-12 {
    font-size: 12px;
}

.font-11 {
    font-size: 11px;
}

.font-10 {
    font-size: 10px;
}
.font-8 {
    font-size: 8px;
}

.font-negrito {
    font-weight: bold;
}

.font-normal {
    font-weight: normal;
}

.font-arial {
    font-family: Arial;
}

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

.sem-underline {
    text-decoration: none;
}

.font-weight600 {
    font-weight: 600;
}

.object-fit-scale-down {
    object-fit: scale-down;
}
/* ------------------------------------------------------------------------------- */
/* FLOAT */
/* ------------------------------------------------------------------------------- */
.float-child-left-90perc {
    width: 90%;
    float: left;
}

.float-child-left-10perc {
    width: 10%;
    float: left;
}

.float-child-left-80perc {
    width: 80%;
    float: left;
}

.float-child-left-20perc {
    width: 20%;
    float: left;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* ------------------------------------------------------------------------------- */
/* DISPLAY */
/* ------------------------------------------------------------------------------- */
.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
}

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

.display-block {
    display: block;
}

.display-flex {
    display: flex;
}

.display-flex-important {
    display: flex !important;
}

.display-contents {
    display: contents;
}

.display-contents-important {
    display: contents !important;
}

.display-grid {
    display: grid;
}

.flex-1 {
    flex: 1;
}

.flex-grow-1 {
    flex-grow: 1;
}

.display-inline-flex {
    display: inline-flex;
}

.display-none-important {
    display: none !important;
}

.flex1 {
    flex: 1;
}

/* ------------------------------------------------------------------------------- */
/* POSITION */
/* ------------------------------------------------------------------------------- */

.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

/* ------------------------------------------------------------------------------- */
/* BORDA */
/* ------------------------------------------------------------------------------- */

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

.border-radius-25 {
    border-radius: 25px;
}

.borda-letra-sombra {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
}

.borda-letra-sombra-card {
    color: #ffffff; text-shadow: 0px 1px 1px #000000, 1px 0px 1px #000000, 0px -1px 1px #000000, -1px 0px 1px #000000;
}

.sem-borda {
    border: none;
}

.border-left-4px-important {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.border-right-4px-important {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

/* ------------------------------------------------------------------------------- */
/* WIDTH */
/* ------------------------------------------------------------------------------- */
.width-auto {
    width: auto;
}

.width-auto-important {
    width: auto !important;
}

.width-375px {
    width: 375px;
}

.width-210px {
    width: 210px;
}

.width-230px {
    width: 230px;
}

.width-260px {
    width: 260px;
}

.min-width-260px {
    min-width: 260px;
}

.min-width-inherit {
    min-width: inherit;
}

.min-width-100 {
    min-width: 100%;
}

.min-width-100-important {
    min-width: 100% !important;
}

.width-100 {
    width: 100%;
}

.width-100-important {
    width: 100% !important;
}

.width-80 {
    width: 80%;
}

.width-75 {
    width: 75%;
}

.width-50 {
    width: 50%;
}

.width-45 {
    width: 45%;
}

.width-40 {
    width: 40%;
}

.width-20 {
    width: 20%;
}

.max-width-inherit {
    max-width: inherit;
}

.width-inherit {
    width: inherit;
}

.width-100px {
    width: 100px;
}

.width-120px {
    width: 120px;
}

.width-150px-important {
    width: 130px !important;
}

.width-170px {
    width: 170px;
}

.width-175px {
    width: 175px;
}

.width-200px {
    width: 200px;
}

.width-200px-important {
    width: 200px !important;
}

.width-250px-important {
    width: 250px !important;
}

.width-15px {
    width: 15px;
}

.width-16px {
    width: 16px;
}

.width-20px {
    width: 20px;
}

.width-24px {
    width: 24px;
}

.width-40px {
    width: 40px;
}

.width-42px {
    width: 42px;
}

.width-46px {
    width: 46px;
}

.min-width-46px {
    min-width: 46px;
}

.min-width-136px-important {
    min-width: 136px !important;
}

.width-140px-important {
    width: 140px !important;
}

.min-width-150px-important {
    min-width: 150px !important;
}

.width-calc-100-1px {
    width: calc(100% + 1px);
}

.width-calc-100--20px {
    width: calc(100% - 20px);
}

.width-calc-100-15px {
    width: calc(100% + 15px);
}

.width-max-content {
    width: max-content;
}

.width-50px {
    width: 50px;
}

.width-60px {
    width: 60px;
}

.width-450px {
    width: 450px;
}

.width-280px {
    width: 280px;
}

.max-width-130px {
    max-width: 130px;
}

.max-width-189px {
    max-width: 189px;
}

.min-width-195px-important {
    min-width: 195px !important;
}

.max-width-195px-important {
    max-width: 195px !important;
}

.max-width-100vw {
    max-width: 100vw;
}

.max-width-300px {
    max-width: 300px;
}

.max-width-500px {
    max-width: 500px !important;
}
/* ------------------------------------------------------------------------------- */
/* HEIGHT */
/* ------------------------------------------------------------------------------- */
.height-20 {
    height: 20%;
}

.height-30 {
    height: 30%;
}

.height-45 {
    height: 45%;
}

.height-50 {
    height: 50%;
}

.height-55 {
    height: 55%;
}

.height-60 {
    height: 60%;
}

.height-62 {
    height: 62%;
}

.height-65 {
    height: 65%;
}

.height-70 {
    height: 70%;
}

.height-75 {
    height: 75%;
}

.height-100 {
    height: 100%;
}

.height-100vh {
    height: 100vh;
}

.height-80px {
    height: 80px;
}

.height-75px {
    height: 75px;
}

.height-64px {
    height: 64px;
}

.height-50px {
    height: 50px;
}

.height-40px {
    height: 40px;
}

.height-34px {
    height: 34px;
}

.height-30px {
    height: 30px;
}

.height-25px {
    height: 25px;
}

.height-16px {
    height: 16px;
}

.height-19px {
    height: 19px;
}

.height-24px {
    height: 24px;
}

.height-20px {
    height: 20px;
}

.height-20px-important {
    height: 20px !important;
}

.max-height-inherit {
    max-height: inherit;
}

.max-height-100px-important {
    max-height: 100px !important;
}

.height-100-important {
    height: 100% !important;
}

.height-60px {
    height: 60px;
}

.height-75px {
    height: 75px;
}

.height-calc-100vh--56px {
    height: calc(100vh - 56px);
}

.height-calc-100vh--64px {
    height: calc(100vh - 64px);
}

/*.height-100-53px {*/
    /*height: calc(100% - 53px - 312px) !important;*/ /* 312 = 10margiH + 160 + 137 + 5margin */
/*}*/

/* ------------------------------------------------------------------------------- */
/* ALINHAMENTO */
/* ------------------------------------------------------------------------------- */

.texto-centro {
    text-align: center;
}

.texto-esquerdo {
    text-align: left;
}

.texto-direito {
    text-align: right;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-centro {
    display: flex;
    align-items: center;
    justify-content: center;
}

.centro-vertical-important {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.align-items-start {
    align-items: start;
}

.align-items-end {
    align-items: end;
}

.align-items-center {
    align-items: center;
}

/* ------------------------------------------------------------------------------- */
/* CORES BACKGROUND/FOREGROUND */
/* ------------------------------------------------------------------------------- */
.bg-azul-compumate {
    background: #005681;
}

.bgc-azul-compumate {
    background-color: #005681 !important;
}

.bg-color-branco {
    background: white;
}

.bg-color-cinzaclaro-important {
    background: #eef2f4 !important;
}

.bg-color-white {
    background-color: white !important;
}

.bg-color-yellow {
    background-color: yellow !important; 
}

.bg-color-dark-gray {
    background-color: #005681; /* 343a40 */
}

.bg-color-light-gray {
    background-color: lightgray;
}

.bg-color-gray343a40 {
    background-color: #343a40;
}

.bg-color-gray80 {
    background-color: #808080;
}

.bg-color-gray-c9 {
    background-color: #c9c9c9;
}

.bg-color-accent {
    background: #2196F3;
}

.bg-azul-clarinho {
    background-color: #eef5f7;
}

.fg-color-white {
    color: white;
}

.fg-color-gray {
    color: #8b8c8d;
}

.fg-color-red {
    color: red;
}

.fg-color-red-important {
    color: red !important;
}

.bg-transparent {
    background: transparent;
}

.bg-cinza-contato {
    background: #dfe5e8;
}

.bg-azul-teste {
    background-color: yellow;
}
/* ------------------------------------------------------------------------------- */
/* ESPELHAMENTO */
/* ------------------------------------------------------------------------------- */

.espelho-h-180 { /* Rotate 180 degrees along the y-axis */
    transform: rotateY(180deg);
}

.espelho-w-180 { /* Rotate 180 degrees along the y-axis */
    transform: rotateX(180deg);
}

/* ------------------------------------------------------------------------------- */
/* LINE HEIGHT */
/* ------------------------------------------------------------------------------- */

.altura-linha-1 {
    line-height: 1;
}

.line-heigh0 {
    line-height: 0;
}

.line-height1 {
    line-height: 1;
}

.line-height1_1 {
    line-height: 1.1;
}

.line-heigh0-important {
    line-height: 0 !important;
}

.line-height1-important {
    line-height: 1 !important;
}

.line-height2 {
    line-height: 2;
}

.line-height-initial {
    line-height: initial;
}

.line-height-normal {
    line-height: normal;
}

.line-height-30px {
    line-height: 30px;
}

.line-height-30px-important {
    line-height: 30px !important;
}

.line-height-40px {
    line-height: 40px;
}

.line-height-45px {
    line-height: 45px;
}

.line-height-50px {
    line-height: 50px;
}

/* ------------------------------------------------------------------------------- */
/* CIRCULO */
/* ------------------------------------------------------------------------------- */

.circulo-dropdown {
    position: relative;
    /*background: #3F3C53;*/
    width: 40px;
    height: 40px;
    color: white;
    border-radius: 50%;
    /*box-shadow: 0px 0px 15px 1px #4185BC;*/
    margin: 50px;
}

.circulo-dropdown:after {
    content: '\2022 \2022 \2022';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    font-size: 15px;
    letter-spacing: 4px;
    margin-top: 2px;
}

.fab-itens-sem-padding > ul.show {
    padding: 0px;
}

/* ------------------------------------------------------------------------------- */
/* CARD */
/* ------------------------------------------------------------------------------- */

.sombra-card {
    box-shadow: 0px 0px 5px 1px #cccccc;
}

/* ------------------------------------------------------------------------------- */
/* Z - INDEX */
/* ------------------------------------------------------------------------------- */

.z-index-99 {
    z-index: 99;
}

.z-index-999 {
    z-index: 999;
}

.z-index--99 {
    z-index: -99;
}

/* ------------------------------------------------------------------------------- */
/* OVERFLOW */
/* ------------------------------------------------------------------------------- */

.overflow-hidden {
    overflow: hidden;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-y-auto-important {
    overflow-y: auto !important;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.white-space-nowrap {
    white-space: nowrap;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.flex-wrap-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap-nowrap-important {
    flex-wrap: nowrap !important;
}

/* ------------------------------------------------------------------------------- */
/* ALINHAMENTO */
/* ------------------------------------------------------------------------------- */
.justify-items-end {
    justify-items: end;
}

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

/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.btn-border-cinza-important {
    color: #6c757d !important;
    border-color: #6c757d !important;
    border: 1px solid !important;
}

/*.selectdiv {
    position: relative;*/
    /*Don't really need this just for demo styling*/

    /*float: left;
    min-width: 200px;
    margin: 50px 33%;
}

.selectdiv:after {
    content: '\005E';
    font: normal normal normal 17px/1 Font Awesome;
    color: #0ebeff;
    right: 11px;
    top: 6px;
    height: 34px;
    padding: 15px 0px 0px 8px;
    border-left: 1px solid #0ebeff;
    position: absolute;
    pointer-events: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    
    display: block;
    width: 100%;
    max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #0ebeff;
    -ms-word-break: normal;
    word-break: normal;
}*/

/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */