html, body {
    font-family: 'Ubuntu', sans-serif;
}

.material-symbols-rounded {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48
}
  
.no-fill {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48
}

#loader {
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    position: fixed;
}

/** CORES **/
.btnDisabled {
    background: rgba(187, 187, 187, 0.631) !important; 
    color: #aaaaaa !important; 
    border: none !important; 
    font-weight: 600; 
    width: 100%;
}

.btnOrange {
    background: #EF4000;
    color: white;
    border-radius: 8px;
    border: 1px solid #FFF;
}

.btnOrange:hover {
    background: #FFF;
    color: #EF4000;
    border-radius: 8px;
    border: 1px solid #EF4000;
}

.btnOutOrange {
    background: #FFF;
    color: #EF4000;
    border-radius: 8px;
    border: 1px solid #EF4000;
}

.btnOutOrange:hover {
    background: #EF4000;
    color: #FFF;
    border-radius: 8px;
    border: 1px solid #FFF;
}

.btnDark {
    background: #000;
    color: #FFF;
    border-radius: 8px;
    border: 1px solid #FFF;
}

.btnDark:hover {
    background: #FFF;
    color: #000;
    border-radius: 8px;
    border: 1px solid #000;
}

.btnOutWhite {
    background: #FFF;
    color: #EF4000;
    border-radius: 8px;
    border: none;
}

.btnClose {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
}

.colorPrimary {
    color: #EF4000 !important;
}

.bgOrange {
    background: #EF4000;
}

.bgGray {
    background: #F0F0F0;
}

/** FONTES **/
.ubuntu {
    font-family: 'Ubuntu', sans-serif;
}

.ubuntuLight {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}

.ubuntuRegular {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.ubuntuMedium {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

.ubuntuBold {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

.robotoLight {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.robotoRegular {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.robotoMedium {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.robotoBold {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.sub-menu {
    padding:0; 
    display:none; 
    list-style:none;
}

.sub-menu.active {
    display:block;
}

.box-shadow {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1) !important;
}

.pontinhos_  {
    display: -webkit-box !important; 
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.pontinhos_2 {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis !important; 
    max-width: 170px !important;
}

.pointer {
    cursor: pointer !important;
}