.w-5 {
    width: 5%;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33%;
}

.w-45 {
    width: 45%;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}


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

.min-w-130px { /* Para controlar a largura de colunas de datas em tabelas */
    min-width: 130px;
}

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

.min-w-300px {
    min-width: 300px;
}

.min-w-400px {
    min-width: 400px;
}

.min-w-500px {
    min-width: 500px;
}

.min-w-750px {
    min-width: 750px;
}

.min-w-1000px {
    min-width: 1000px;
}


.max-w-10 {
    max-width: 10%;
}

.max-w-20 {
    max-width: 20%;
}

.max-w-25 {
    max-width: 25%;
}

.max-w-30 {
    max-width: 30%;
}

.max-w-50 {
    max-width: 50%;
}

.max-w-75 {
    max-width: 75%;
}

.max-w-80 {
    max-width: 80%;
}

.max-w-90 {
    max-width: 90%;
}

.max-h-100px {
    max-height: 100px;
}

.max-h-150px {
    max-height: 150px;
}

.max-h-200px {
    max-height: 200px;
}

.max-h-250px {
    max-height: 250px;
}

.max-h-300px {
    max-height: 300px;
}

.max-h-350px {
    max-height: 350px;
}

.max-h-400px {
    max-height: 400px;
}

.max-h-450px {
    max-height: 450px;
}



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

.max-w-150px {
    max-width: 150px;
}

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

.max-w-250px {
    max-width: 250px;
}

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

.max-w-350px {
    max-width: 350px;
}

.max-w-400px {
    max-width: 400px;
}

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



.tablet-tab-8 {
    height: 800px;
    width: 1280px;
}

.same-width, .font-tabular {
    font-variant-numeric: tabular-nums;
}

.upper-case, uppercase {
    text-transform: uppercase;
}

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

.text-semibold {
    font-weight: 600;
}

.hidden {
    display: none; /* Não colocar !important */
}

/*---------------------  Datatable e Seletores  -----------------*/

.seletor-col {
    border: 1px solid #516297;
    color: #516297 !important;
    border-radius: 4px;
}

.seletor-col-info:hover {
    color: orange !important;
}

.seletor-col.seletor-col-info {
    border: 1px solid #ff8d00 !important;
    box-shadow: 0px 0px 3px orange !important;
    color: orange !important;
}

._vis_col_ a {
    color: dimgray;
}

.text-num {
    text-align: right !important;
    padding-right: 20px !important;
    font-variant-numeric: tabular-nums;
}

/*.i-expandir {
    display: none;
    position: absolute;
    margin: 4px 0px 0px 4px;
}

.info-extra:hover > .i-expandir {
    display: inline-block;
}
*/
.info-extra:hover {
    color: orange !important;
    text-shadow: 1px 1px 3px #ffda97;
}

.margin-auto{
    margin:auto;
}

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

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

.rotate-n90 {
    transform: rotate(-90deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-270 {
    transform: rotate(270deg)
}

.right-0 {
    right: 0px;
}


.right-5 {
    right: 5px;
}

.right-10 {
    right: 10px;
}

.right-15 {
    right: 15px;
}

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

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

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

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

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

.alert-gray {
    background-color: #fbfbfb;
    border: 1px solid #e1e1e1;
    color: gray;
}