﻿

/* CORES AZESSIBILIDADE PORTAL SERVIDOR*/

/*
    preto-mais-saturado - #1e1e1e
    preto-menos-saturado - #0f0f0f
    preto - #0b0b0b
    amarelo - #edf505
    Roxo - #9c27b0
*/

/*MEDIDAS PX em REM*/

/*
$size1: 0.0625rem;
$size2: 0.1250rem;
$size3: 0.1875rem;
$size4: 0.25rem;
$size5: 0.3125rem;
$size6: 0.375rem;
$size7: 0.4375rem;
$size8: 0.500rem;
$size10: 0.625rem;
$size11: 0.6872rem;
$size12: 0.75rem;
$size14: 0.875rem;
$size15: 0.9375rem;
$size16: 1rem;
$size17: 1.0625rem;
$size18: 1.125rem;
$size20: 1.25rem;
$size22: 1.375rem;
$size24: 1.5rem;
$size25: 1.565rem;
$size26: 1.6255rem;
$size30: 1.875rem;
$size32: 2rem;
$size35: 2.188rem;
$size40: 2.5rem;
$size45: 2.813rem;
$size48: 3rem;
$size50: 3.125rem;
$size55: 3.438rem;
$size60: 3.75rem;
$size65: 4.063rem;
$size70: 4.375rem;
$size75: 4.688rem;
$size80: 5rem;
$size85: 5.313rem;
$size90: 5.625rem;
$size95: 5.938rem;
$size100: 6.25rem;
$size110: 6.875rem;
$size125: 7.813rem;
$size150: 9.375rem;
$size180: 11.375rem;
$size190: 11.937rem;
$size200: 12.5rem;
$size300: 18.75rem;
*/

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inherit;
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inherit;
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inherit;
}

body.accessibility-font #accessibility-font {
    background: #edf505;
    color: #000;
    border-left: solid 1px #000;
    padding: 4px 8px 2px;
}

body.accessibility-contrast #accessibility-contrast {
    background: #9c27b0;
    color: #fff;
    border: none;
    padding: 4px 8px 2px;
}

.botoes-acessibilidade {
    border-radius: .3125rem;
}

    .botoes-acessibilidade button {
        border: 0;
    }

/* AUMENTAR FONTE ACESSIBILIDADE */

.accessibility-font {
    font-size: 150%;
    font-size: 150%;
}

    .accessibility-font #accessibility-contrast,
    .accessibility-font #accessibility-font {
        font-size: 1rem;
    }

    .accessibility-font label {
        font-size: 1rem;
        top: -16px;
    }

    .accessibility-font input {
        font-size: 1.125rem;
    }

    .accessibility-font .arvore-links li,
    .accessibility-font .barra-lateral .nav > li.submenu {
        font-size: 1.25rem !important;
    }

    .accessibility-font .table {
        font-size: 1.25rem;
    }

    .accessibility-font .panel-default > .panel-heading {
        font-size: 1.125rem;
    }

    .accessibility-font .btn-primary,
    .accessibility-font .btn-secundary,
    .accessibility-font .btn-secondary {
        font-size: 1.125rem;
    }

    .accessibility-font .label-group label {
        font-size: 1rem;
    }

        .accessibility-font .label-group label.descricao-label {
            margin-top: -35px;
            margin-bottom: 30px;
        }

    .accessibility-font .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .accessibility-font span .select2-selection__rendered {
        font-size: 1.125rem;
    }


/* MODO CONTRASTE ACESSIBILIDADE */

.accessibility-contrast {
    color: #fff;
    background: #0b0b0b;
}

    .accessibility-contrast a {
        color: #ff0;
    }

        .accessibility-contrast a:hover {
            color: #9c27b0;
        }

    .accessibility-contrast .botoes-acessibilidade button:first-child {
        border-left: 1px solid #fff;
        color: #fff;
    }

    /* HEADER - NAV BAR */

    .accessibility-contrast header {
        background-color: #1e1e1e;
        box-shadow: none;
        border-bottom: 1px solid #333;
    }

    .accessibility-contrast .botao-menu > span {
        background-color: #1e1e1e;
    }

        .accessibility-contrast .botao-menu > span > span,
        .accessibility-contrast .botao-menu > span > span::before,
        .accessibility-contrast .botao-menu > span > span::after {
            content: "";
            background-color: #edf505;
        }

    .accessibility-contrast .botao-menu.fechado > span > span {
        width: 18px;
        background-color: #edf505;
    }

    .accessibility-contrast .botao-menu.fechado:hover > span > span,
    .accessibility-contrast .botao-menu.fechado:hover > span > span::before,
    .accessibility-contrast .botao-menu.fechado:hover > span > span::after,
    .accessibility-contrast .botao-menu:hover > span > span,
    .accessibility-contrast .botao-menu:hover > span > span::before,
    .accessibility-contrast .botao-menu:hover > span > span::after {
        background-color: #9c27b0;
        transition: .05s;
    }

    .accessibility-contrast .dropdown > button {
        background-color: #1e1e1e;
        color: #fff;
    }

        .accessibility-contrast .dropdown > button .icone-usuario {
            background-color: #1e1e1e;
            border: solid 1px #fff;
            padding: 11px;
        }

        .accessibility-contrast .dropdown > button .seta {
            color: #fff;
        }

    /* BARRA LATERAL */

    .accessibility-contrast .barra-lateral {
        background-color: #1e1e1e;
        border-right: 1px solid #333;
    }

        .accessibility-contrast .barra-lateral .nav > li > a {
            background-color: #1e1e1e !important;
            color: #fff;
        }

            .accessibility-contrast .barra-lateral .nav > li > a:hover,
            .accessibility-contrast .barra-lateral .nav > li.ativo > a {
                background-color: #9c27b0 !important;
                border-left-color: #1e1e1e;
            }

            .accessibility-contrast .barra-lateral .nav > li > a:hover,
            .accessibility-contrast .barra-lateral .nav > li > a:focus {
                background-color: #9c27b0;
                border-color: #9c27b0;
                color: #fff;
            }

    .accessibility-contrast .arvore-links li:hover,
    .accessibility-contrast .arvore-links li:hover a {
        background-color: #9c27b0;
        color: #fff;
    }

    .accessibility-contrast .barra-lateral .nav > li.submenu {
        background-color: #262626;
    }

    .accessibility-contrast .arvore-links,
    .accessibility-contrast .arvore-links ul {
        background-color: #262626;
    }

        .accessibility-contrast .arvore-links li a {
            color: #fff;
        }

    .accessibility-contrast .barra-lateral .nav li {
        border-color: #fff;
    }

    .accessibility-contrast .barra-lateral.barra-lateral-menor ul {
        background-color: #666;
    }

    .accessibility-contrast .arvore-links:before,
    .accessibility-contrast .arvore-links ul:before {
        display: none;
    }

    .accessibility-contrast .arvore-links li:last-child:before,
    .accessibility-contrast .arvore-links li:before {
        display: none;
    }

    /* BREADCRUMB */

    .accessibility-contrast .breadcrumb li a {
        background-color: #0b0b0b;
        border: solid 1px #878787;
        color: #fff;
    }

        .accessibility-contrast .breadcrumb li a:hover {
            background-color: #9c27b0;
            border: solid 1px #9c27b0;
            color: #fff;
        }

    .accessibility-contrast .breadcrumb li.active {
        color: #000;
        background-color: #fff;
    }

    /* TITULO PAGINA */

    .accessibility-contrast .div-titulo h2 {
        color: #fff;
        border-bottom: solid 3px #edf505;
    }

    /* BOTOES PORTAL SERVIDOR */

    .accessibility-contrast .btn-primary {
        background-color: #edf505;
        border: solid 1px #edf505;
        color: #000;
    }

        .accessibility-contrast .btn-primary:hover,
        .accessibility-contrast .btn-primary.focus,
        .accessibility-contrast .btn-primary:focus,
        .accessibility-contrast .btn-primary:active,
        .accessibility-contrast .btn-primary.active,
        .accessibility-contrast .btn-primary:not(:disabled):not(.disabled).active,
        .accessibility-contrast .btn-primary:not(:disabled):not(.disabled):active {
            background-color: #9c27b0;
            border: solid 1px #9c27b0;
            color: #fff;
        }

    .accessibility-contrast .btn-secundary,
    .accessibility-contrast .btn-secondary {
        border: solid 1px #edf505;
        color: #edf505;
    }

        .accessibility-contrast .btn-secundary:hover,
        .accessibility-contrast .btn-secundary.focus,
        .accessibility-contrast .btn-secundary:focus,
        .accessibility-contrast .btn-secundary:active,
        .accessibility-contrast .btn-secundary.active,
        .accessibility-contrast .btn-secundary:not(:disabled):not(.disabled).active,
        .accessibility-contrast .btn-secundary:not(:disabled):not(.disabled):active,
        .accessibility-contrast .btn-secondary:hover,
        .accessibility-contrast .btn-secondary.focus,
        .accessibility-contrast .btn-secondary:focus,
        .accessibility-contrast .btn-secondary:active,
        .accessibility-contrast .btn-secondary.active,
        .accessibility-contrast .btn-secondary:not(:disabled):not(.disabled).active,
        .accessibility-contrast .btn-secondary:not(:disabled):not(.disabled):active {
            background-color: #9c27b0;
            border: solid 1px #9c27b0;
            color: #fff;
        }

    .accessibility-contrast .btn.disabled,
    .accessibility-contrast .btn[disabled],
    .accessibility-contrast fieldset[disabled] .btn {
        background-color: #3a3a3a;
        border: solid 1px #3a3a3a;
        color: #fff;
    }

        .accessibility-contrast .btn.disabled:hover,
        .accessibility-contrast .btn[disabled]:hover,
        .accessibility-contrast fieldset[disabled] .btn:hover {
            background-color: #3a3a3a;
            border: solid 1px #3a3a3a;
            color: #fff;
        }

    .accessibility-contrast .btn-popover {
        background-color: #ff0;
        border: solid 1px #edf505;
        color: #1e1e1e;
    }

    /* PAINEL PORTAL SERVIDOR */

    .accessibility-contrast .panel,
    .accessibility-contrast .panel-default {
        background-color: #1e1e1e;
        border: solid 1px #797979;
    }

        .accessibility-contrast .panel-default > .panel-heading {
            color: #edf505;
            background-color: #0f0f0f;
            border-bottom: 1px solid #333;
        }

    /* CAMPOS (INPUTS) PORTAL SERVIDOR */

    .accessibility-contrast label {
        background: #1e1e1e;
        color: #fff;
    }

    .accessibility-contrast .form-group.sucesso label {
        color: #00a115;
    }

    .accessibility-contrast .form-group.sucesso .form-control {
        border: solid 1px #00a115;
    }

    .accessibility-contrast .form-group.erro select.form-control,
    .accessibility-contrast .form-group.erro .select2-selection,
    .accessibility-contrast .form-group.erro .select2-selection--single {
        border: 1px solid #f44336;
    }

    .accessibility-contrast .form-group.focus .form-control {
        border-color: #005776;
    }

    .accessibility-contrast .form-group.focus label {
        color: #edf505 !important;
    }

    .accessibility-contrast .form-group:hover label {
        color: #9c27b0;
    }

    .accessibility-contrast .form-group.radio-group:hover label {
        color: #fff;
    }

    .accessibility-contrast .form-group label.radio-inline {
        color: #fff;
    }

        .accessibility-contrast .form-group label.radio-inline:hover {
            color: #9c27b0;
        }

    .accessibility-contrast .radio-group.erro label {
        color: #fff;
    }

    .accessibility-contrast .radio-group.erro .radio label {
        color: red;
    }

    .accessibility-contrast .radio-group.erro:hover label {
        color: #fff;
    }

    .accessibility-contrast .radio-group.erro:hover .radio label {
        color: red;
    }

    .accessibility-contrast .radio-group.erro .radio label:hover {
        color: #9c27b0 !important;
    }

    .accessibility-contrast .radio-group.sucesso label,
    .accessibility-contrast .radio-group.sucesso:hover label {
        color: #fff;
    }

    .accessibility-contrast .radio-group.sucesso .radio label {
        color: #11b538;
    }

    .accessibility-contrast .radio-group.sucesso:hover .radio label {
        color: #11b538;
    }

    .accessibility-contrast .radio-group.sucesso .radio label:hover {
        color: #9c27b0;
    }

    .accessibility-contrast .radio-group.desabilitado:hover label {
        color: #999999;
    }

    .accessibility-contrast .radio-group.desabilitado:hover .radio label {
        color: #999999;
    }

    .accessibility-contrast .form-control {
        border: solid 1px #797979;
        color: #fff;
        background-color: #1e1e1e;
    }

    .accessibility-contrast .form-group:hover .form-control {
        border-color: #797979;
    }

    .accessibility-contrast .form-group:hover .form-control {
        border-color: #9c27b0;
    }

    .accessibility-contrast .form-group.focus .form-control {
        border-color: #edf505;
    }

    .accessibility-contrast .form-group.focus label {
        color: #edf505;
    }

    .accessibility-contrast .form-group.focus input {
        border-color: #edf505;
    }

    .accessibility-contrast .form-group.desabilitado .form-control {
        border-color: #797979;
        background-color: #1e1e1e;
        font-family: robotomedium;
        color: #999999;
    }

    .accessibility-contrast textarea.form-control {
        border: solid 1px #797979;
        color: #fff;
        background-color: #1e1e1e;
    }

        .accessibility-contrast textarea.form-control:focus {
            color: #edf505;
        }

    .accessibility-contrast .form-control.select-multiplo {
        border: solid 1px #797979;
        color: #fff;
        background-color: #1e1e1e;
    }

    .accessibility-contrast .disabled label {
        color: #3a3a3a;
        background-color: #1e1e1e;
    }

    .accessibility-contrast .form-control[disabled],
    .accessibility-contrast .form-control[readonly] {
        border-color: #3a3a3a;
        background-color: #b9b9b9;
        color: #3a3a3a;
    }

    .accessibility-contrast .form-group:hover .radio label {
        color: #fff;
    }

    .accessibility-contrast .form-group .radio:hover label {
        color: #9c27b0;
    }

    /* LABEL GROUP EDITAR */

    .accessibility-contrast .label-group label {
        background: #1e1e1e;
        color: #fff;
    }

        .accessibility-contrast .label-group label.descricao-label {
            background-color: #151515;
            border: solid 1px #d0d0d0;
            color: #fff;
        }

        .accessibility-contrast .label-group label.descricao {
            color: #fff;
        }


    /* DATE INPUT */

    .accessibility-contrast .tab-content {
        border: 1px solid #f5f5f5;
    }

    .accessibility-contrast .date .input-group-addon {
        color: #fff;
    }

    .accessibility-contrast .datepicker.dropdown-menu {
        border-color: #dadada;
        color: #333;
    }

    /* ABAS */


    .accessibility-contrast .nav-tabs > li > a {
        background-color: #1e1e1e;
        color: #b4b4b4;
        border-color: #f5f5f5;
        border-bottom: solid 2px #f5f5f5;
    }

    .accessibility-contrast .nav-tabs > li.active > a,
    .accessibility-contrast .nav-tabs > li.active > a:focus,
    .accessibility-contrast .nav-tabs > li.active > a:hover {
        color: #edf505;
        background-color: #1a1a1a;
        border: 1px solid #edf505;
        border-bottom: solid 2px #edf505;
    }

    .accessibility-contrast .nav-tabs > li > a:hover {
        background-color: #f7f7f7;
        color: #2196f3;
        border-color: #b3b3b3;
        border-bottom: solid 2px #2495be;
        border-radius: 0;
    }

    /* SELECT INPUT */

    .accessibility-contrast .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #ff0 transparent transparent;
    }

    .accessibility-contrast .select2-container--default .select2-selection--single {
        background-color: #f1f1f1;
    }

    .accessibility-contrast .select2-container--default .select2-selection--single,
    .accessibility-contrast .select2-container--default .select2-selection--multiple {
        border: none;
        border: solid 1px #b9b9b9;
        background-color: #1e1e1e;
        color: #fff;
    }

        .accessibility-contrast .select2-container--default .select2-selection--single:hover,
        .accessibility-contrast .select2-container--default .select2-selection--multiple:hover {
            border: solid 1px #9c27b0 !important;
        }

        .accessibility-contrast .select2-container--default .select2-selection--single:focus,
        .accessibility-contrast .select2-container--default .select2-selection--multiple:focus {
            border: solid 1px #edf505 !important;
        }

    .accessibility-contrast .sucesso .select2 {
        border: none !important;
    }

    .accessibility-contrast span .select2-selection__rendered {
        color: #fff !important;
    }

    .accessibility-contrast span .select2-selection__placeholder {
        color: #fff !important;
    }

    /* TABELAS MVC-GRID */

    .accessibility-contrast .table {
        border-color: #d8d8d8;
        color: #fff;
    }

        .accessibility-contrast .table > thead > tr > th {
            color: #fff;
        }

    .accessibility-contrast .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #171717;
    }

    .accessibility-contrast .table > tbody > tr > td a {
        color: #edf505;
    }

        .accessibility-contrast .table > tbody > tr > td a:hover {
            color: #9c27b0;
        }

    /* PAGINAÇÃO */

    .accessibility-contrast .pagination > .disabled > a,
    .accessibility-contrast .pagination > .disabled > a:focus,
    .accessibility-contrast .pagination > .disabled > a:hover,
    .accessibility-contrast .pagination > .disabled > span,
    .accessibility-contrast .pagination > .disabled > span:focus,
    .accessibility-contrast .pagination > .disabled > span:hover {
        color: #fff;
        cursor: default;
        background-color: #5a5a5a;
        border-color: #5a5a5a;
    }

    .accessibility-contrast .pagination > li > a,
    .accessibility-contrast .pagination > li > span {
        background-color: transparent;
        border: solid 1px #edf505;
        color: #edf505;
    }

        .accessibility-contrast .pagination > li > a:hover,
        .accessibility-contrast .pagination > li > span:hover {
            background-color: #edf505;
            border: solid 1px #edf505;
            color: #000;
        }

    .accessibility-contrast .pagination > .active > a,
    .accessibility-contrast .pagination > .active > a:focus,
    .accessibility-contrast .pagination > .active > a:hover,
    .accessibility-contrast .pagination > .active > span,
    .accessibility-contrast .pagination > .active > span:focus,
    .accessibility-contrast .pagination > .active > span:hover {
        background-color: #edf505;
        border-color: #edf505;
        color: #000;
    }

    .accessibility-contrast .pagination > li:first-child > a,
    .accessibility-contrast .pagination > li:first-child > span {
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
    }

    .accessibility-contrast .pagination > li:last-child > a,
    .accessibility-contrast .pagination > li:last-child > span {
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
    }

    .accessibility-contrast .texto-tabela {
        color: #fff;
    }

    /* MODAL PORTAL SERVIDOR */

    .accessibility-contrast .modal-header {
        background-color: #1e1e1e;
        color: #edf505;
        border-color: #ced4da;
    }

    .accessibility-contrast .modal-footer {
        background-color: #1e1e1e;
    }

        .accessibility-contrast .modal-header .close,
        .accessibility-contrast .modal-footer .close {
            color: #fff;
        }

            .accessibility-contrast .modal-header .close:hover,
            .accessibility-contrast .modal-footer .close:hover {
                color: #9c27b0;
            }

    .accessibility-contrast .modal-content {
        background-color: #1e1e1e;
    }
