/* Cores de parágrafos */
.p_danger {
    color: #ff0000;
}

.select2-selection, input, select, textarea {
    border: 1px solid #CFD0D5 !important;
    border-radius: 7px !important;
}

.form-control:focus, .form-control:hover {
    background-color: transparent !important;
    border-color: #4F79C1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered:hover {
    background-color: transparent !important;
    border-color: #4F79C1 !important;
}

.select2-container--default .select2-selection--single:hover {
    border: 1px solid #4F79C1 !important;
}

.area-menu {
    /*background-color: #D2D6DF !important;*/
}

    .area-menu h1.extenso {
        color: #1d4c8b !important;
    }

.custom-topbar .area-perfil a + .btn,
.custom-topbar .area-perfil {
    background-color: #1d4c8b !important;
}

    .custom-topbar .area-perfil a + .btn,
    .custom-topbar .area-perfil button {
        background-color: #1d4c8b !important;
    }

        .custom-topbar .area-perfil a + .btn:hover,
        .custom-topbar .area-perfil button:hover {
            background-color: #1d4c8b !important;
        }

.icone-sino {
    color: #fff !important;
}

.botao-menu i {
    color: #1d4c8b !important;
}

.menu-topbar {
    background-color: #D2D6DF !important;
}

    .menu-topbar .botao-menu {
        background-color: #D2D6DF;
        border-right: 1px solid #4F79C1 !important;
    }

.barra-header {
    width: 64%;
    height: 34px;
    background-color: #1d4c8b;
    color: #fff;
}

    .barra-header:after {
        content: "";
        width: 0;
        height: 0;
        /* position: absolute; */
        border-top: 0px solid transparent;
        border-bottom: 34px solid transparent;
        border-left: 45px solid #1d4c8b;
        /* border-radius: 50%; */
        float: right;
        margin-right: -45px
    }

.extenso-bottom-bar {
    display: inline-block;
    font-family: "opensans-bold";
    font-size: 14px;
    margin: 9px 0 0 15px;
    text-transform: uppercase;
    color: #fff;
}

.descricao_header_bar {
    margin-left: 57px;
}

.apaga_string {
    width: 290px;
    z-index: 6666;
    position: absolute;
    background-color: #000000;
    margin-top: -23px;
    height: 27px;
}

.title-project {
    width: 100%;
}

/* --- HEADER DAS TABELAS --- */
.panel-default > .panel-heading {
    background-color: #D2D6DF;
}

/* --- COMUM A TODOS OS CARDS --- */
.card.processos .card-header {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
}

.card_title {
    color: #ffffff;
}

.card {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
}

    .card.processos.processos-precatorio .informacao .label {
        color: #1a68d1;
    }

    .card.processos .informacao .label {
        color: #ffffff;
    }

    .card.processos {
        min-height: 0px;
    }

        .card.processos .informacao .dados {
            color: #ffffff;
        }

            .card.processos .informacao .dados a:hover {
                color: #025E73 !important;
            }

.card {
    padding: 0px !important; /*Zerando o padding dos cards para atribuir ao body e ao header separadamente*/
}

.card-header {
    padding: 12px !important;
    height: 70px;
}

    .card-header .pl-1 {
        padding-left: 0px !important;
    }

.body-card {
    padding: 0.5rem !important;
    min-height: 152px;
}

.vertical_dot_line {
    border-right: 1px dotted #ffffff;
}

.vertical_dot_line_primary {
    border-right: 1px dotted #D2D6DF;
}

.instancia_ball {
    width: 50px;
    height: 50px;
    /*background: #34D4D6;*/
    text-align: center;
}

.number_ball {
    color: #ffffff;
    z-index: 9;
    font-size: 30px;
    float: left;
    margin-left: -3px;
    margin-top: 22px;
    background-color: #34D4D6;
    border-radius: 100px;
    padding: 0px;
    width: 46px;
    height: 46px;
}

.al-right {
    text-align: right;
}
/* --- CARDS --- */
.pendentes_ciencia {
    color: #ffffff;
    background: linear-gradient(90deg, rgba(255, 77, 74,1) 0%, rgba(241, 129, 129,1) 46%, rgba(253, 147, 131,1) 100%);
    box-shadow: 0px 0.963855px 7.71084px rgba(0, 0, 0, 0.25);
    border-radius: 9.63855px;
}

.pendentes_respostas {
    color: #ffffff;
    background: linear-gradient(90deg, rgba(179, 155, 102,1) 0%, rgba(212, 186, 131,1) 46%, rgba(210, 195, 159, 1) 100%);
    box-shadow: 0px 0.963855px 7.71084px rgba(0, 0, 0, 0.25);
    border-radius: 9.63855px;
}

.processos_carteira {
    color: #ffffff;
    background: linear-gradient(90deg, rgba(12,56,102,1) 0%, rgba(21,74,130,1) 35%, rgba(33,109,187,1) 100%);
    box-shadow: 0px 0.963855px 7.71084px rgba(0, 0, 0, 0.25);
    border-radius: 9.63855px;
}

.instancia_tarefas {
    color: #ffffff;
    background: linear-gradient(90deg, rgba(26,104,209,1) 0%, rgba(69,142,240,1) 46%, rgba(106,169,254,1) 100%);
    box-shadow: 0px 0.963855px 7.71084px rgba(0, 0, 0, 0.25);
    border-radius: 9.63855px;
}

.pendentes_ciencia svg {
    display: none !important;
}

/* Tarefas card */
.tarefas_box {
    width: 900px;
    height: 75px;
    background-color: #ffcc00;
    float: right;
    margin-top: -60px;
    border-radius: 9.63855px;
    padding: 10px;
}

.box_tarefas {
    padding-top: 12px;
}

.body_tarefas_executar {
    padding: 5px 10px 5px 10px;
    background-color: #FFD1C2;
    border-radius: 9.63855px;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    min-height: 65px;
    color: #FF6B39;
}

.body_tarefas_criadas {
    padding: 5px 10px 5px 10px;
    background-color: #EAE2F8;
    border-radius: 9.63855px;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    min-height: 65px;
    color: #8833FF;
}

/* Classe da folha com borda arredondada que contempla o main content */
.body_folha {
    background: #F8F9FA;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 1rem;
    margin-top: 24px;
    padding: 1.5rem;
}

.badge_title {
    font-family: "roboto-regular" !important;
    letter-spacing: 0.2px;
    width: 100%;
    font-weight: bold;
}

/*Hack para apagar depois*/
.apagar_depois {
    display: none;
}

.m_font {
    font-size: 16px;
    margin-top: 3px;
}

/*Cards Flex*/
.stretch {
    align-items: stretch;
}

/* .container {
    margin: 0 auto;
    display: flex;
} */

.column {
    flex-direction: column;
}

.item {
    flex: 1;
}

    .item:first-child {
        padding-top: 20px;
    }

/* Div reguladora de tamanhos */

.h80 {
    height: 80px;
}

.h135 {
    height: 135px;
}

.sz_24 {
    font-size: 24px;
}

/*Hack dos paineis do accordeon dos formulários rollover preto verificar
.panel-default a:hover {
    background-color: #000000 !important;
}*/

/* Tirando o point event das tabelas */
no_point_events {
    pointer-events: none !important;
}

/*Formulários que eram accordeons */
.header_default_form {
    background-color: #D2D6DF;
    padding: 20px;
    border-radius: 6px 6px 0 0;
    margin-bottom: -4px;
    font-weight: bold;
    text-transform: uppercase;
}

/*Controla o body dos formulários*/
.body_default_form {
    padding-top: 6px;
}

/*Novos Accordeons Table*/
.hiddenRow {
    padding: 0 !important;
}

.status_impedimento {
    width: 37px;
    height: 37px;
    background: #EB4932;
    border-radius: 200px;
}

.circle_button {
    background-color: #4F79C1 !important;
    border-radius: 200px;
    width: 37px;
    height: 37px;
    border: none;
    color: #ffffff !important;
    margin-right: 10px;
}

    .circle_button:hover {
        background-color: #4F79C1;
        border-radius: 200px;
        width: 37px;
        height: 37px;
        border: none;
        color: #ffffff;
        margin-right: 10px;
    }

.circle_button_chevron {
    background-color: #ffffff;
    border-radius: 200px;
    width: 37px;
    height: 37px;
    border: none;
    color: #4F79C1;
    margin-right: 10px;
}

.circle button.active, button[aria-expanded=true] {
    background-color: #EDF4FD !important;
}

.circle_button_tooltip {
    background-color: #1A68D1 !important;
    border-radius: 4px;
    width: 56px;
    height: 56px;
    border: none;
    color: #ffffff !important;
    margin-right: -10px;
}

    .circle_button_tooltip i {
        padding: 15px !important;
        border-radius: 100px !important;
    }

    .circle_button_tooltip:hover {
        background-color: #1d4b8b;
        border-radius: 4px;
        width: 56px;
        height: 56px;
        border: none;
        color: #ffffff;
        margin-right: -10px;
    }

.form-check-input {
    position: relative;
    margin-left: 0px;
}

/* Corpo que fica escondido das tabelas accordeon */
.body_table_accordeon {
    background: #EDF4FD;
    padding: 10px;
}

.sub_content_accordeon {
    background-color: #4F79C1;
    color: #ffffff;
}

.hidden_content {
    padding: 10px;
}

/*Zerando as bordas das theads das tabelas*/
thead {
    border-top: 4px solid #ffffff;
}

.zebra_1 {
    background-color: #F0F1F4;
}

/* Botão de Avatar do Header */
.avatarAdmin {
    padding: 10px;
    border-radius: 62px;
    border: 1px solid #fff;
    /* color: #4F79C1; */
    width: 48px;
    height: 48px;
    margin-right: 20px;
    font-size: 18px;
}

/* Botão de ir ao topo */
.btn-volta-topo {
    transform: rotate(-90deg);
    position: fixed;
    color: #ffffff;
    z-index: 1000;
    top: 91%;
    left: 50%;
    display: none;
    padding: 12px 15px;
    border-radius: 4px;
    border: 0;
    background-color: #17477a;
    box-shadow: -4px -1px 13px 2px rgba(0, 0, 0, 0.19);
}

.btn-volta-topo-novo {
    transform: rotate(-90deg);
    position: fixed;
    color: #ffffff;
    z-index: 1000;
    top: 89%;
    left: 2%;
    display: none;
    padding: 12px 15px;
    border-radius: 4px;
    border: 0;
    background-color: #17477a;
}

.btn-volta-topo:hover {
    transform: rotate(-90deg);
    position: fixed;
    color: #ffffff;
    z-index: 1000;
    top: 91%;
    left: 50%;
    display: none;
    padding: 12px 15px;
    border-radius: 36px;
    border: 0;
    background-color: #172f54;
    box-shadow: -4px -1px 13px 2px rgba(0, 0, 0, 0.19);
}

/* Classe para as tabs modificadas e suas filhas */

.tab_circle_buttons {
    border-radius: 13px 13px 13px 13px !important
}

.delimita_tabs {
    width: 100%;
    border-bottom: 2px solid #e2e6e9 !important;
    margin-top: -22px;
}

.left_27 {
    margin-left: 27px;
}

.body-tabs {
    margin-top: -25px !important;
    position: relative;
    z-index: 9;
}

.body-tabs-no-title {
    margin-top: -16px !important;
    position: relative;
    z-index: 9;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
}

.body-tabs, .mr-1 {
    margin-right: 6px !important;
}

.panel-default > .panel-heading {
    color: #1d57b0;
}

.heading-white {
    background-color: #ffffff !important;
}

.nav-tabs li a.active {
    padding: 0.6rem 1rem;
    color: #ffffff;
    background-color: #1d4c8b;
    border-radius: 13px 13px 0px 0px !important;
    font-weight: normal;
    border: none !important;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
}

.nav-tabs li a {
    padding: 0.6rem 1rem;
    color: #1d4c8b;
    border-radius: 8px 8px 0px 0px !important;
    font-weight: normal;
    border: none !important;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
}

.align-tabs {
    padding-left: 6px;
}

/*Tabelas Gerais sem efeito Accordeon */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.04) !important;
}

.table-striped tbody tr {
    color: #1d4c8b !important;
}

    .table-striped tbody tr:hover {
        color: #172f54 !important;
        background-color: #CAD7EC;
    }

.mvc-grid > table > thead > tr > th, .mvc-grid > table > tbody > tr > td, .mvc-grid > table > tfoot > tr > td {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
    padding: 0.75em;
}

/* -- Paginação Geral das Tabelas */
.pagination li.active a {
    color: #ffffff;
    background-color: #1d4c8b;
    border-color: #1d4c8b;
    cursor: default;
}

    .pagination li.active a:hover {
        color: #ffffff;
        background-color: #172f54 !important;
        border-color: #172f54 !important;
        cursor: default;
    }

.pagination li a {
    color: #1d4c8b;
    background-color: #ffffff;
    border-color: #ffffff;
    cursor: default;
}

    .pagination li a:hover {
        color: #ffffff;
        background-color: #1d4c8b !important;
        border-color: #1d4c8b !important;
        cursor: default;
    }

/* BREADCRUMB*/
.breadcrumb li a {
    color: #2482ec;
    background-color: white;
}

    .breadcrumb li a:after {
        border-left-color: white;
    }

    .breadcrumb li a:before {
        border-left-color: #f1f2f4;
    }

    .breadcrumb li a:hover {
        background-color: #2482ec !important;
        color: #ffffff;
    }

        .breadcrumb li a:hover:after {
            border-left-color: #2482ec !important;
        }

.breadcrumb li.active {
    color: #fff;
    background-color: #2482ec;
}

    .breadcrumb li.active:before {
        border-left-color: #f1f2f4;
    }

/* ---- MENU LATERAL -------*/
.barra-lateral .nav li li.itemFilho a.customizacao {
    background-color: #4F79C1 !important;
}

/* ---- RESET DA POSIÇÃO DOS CHECKBOX -------*/
.check-position {
    display: flex;
    align-items: baseline;
    margin-top: 3px;
}

.check_label {
    margin-top: 9px;
}

.desc_check {
    margin-left: 5px;
    margin-left: 5px;
    margin-top: 1px;
    position: absolute;
}

/*Zerando bordar-radius tab*/
.tab-normal {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.user_box {
    width: 242px !important;
}

/* Posizionamento Tamanho Altura e Largura */

.sz_18 {
    font-size: 18px !important;
}

.alt_25 {
    margin-top: 25px !important;
}

.alt_14 {
    margin-top: 14px;
}

.alt_540 {
    height: 540px;
}

.esq_10 {
    margin-left: -10px !important;
}

.debuga {
    border: 20px solid #ffcc00 !important;
}

.esconde {
    display: none !important;
}

/* ============= HACKS ============== */

/* Campos disabled na cor cinza */
.date2, .form-control[disabled], .form-control[readonly], [disabled].select2-selection, [readonly].select2-selection, input[disabled], input[readonly], select[disabled].select2-hidden-accessible + .select2-container .select2-selection, select[readonly].select2-hidden-accessible + .select2-container .select2-selection, textarea[disabled], textarea[readonly] {
    background: #f3f3f3;
}
/* Dentro do main content o panel heading fica com background branco */
.main_content, .panel-default > .panel-heading {
    background-color: #ffffff !important;
}

/* Hackeando a borda de rodapé dos títulos */
.panel-default > .panel-heading {
    border-bottom: 1px solid #e2e6e9;
}

.panel-heading {
    border-bottom: 0px;
}

/* Hackeando os tooltips */

.btn-popover[data-toggle=tooltip] {
    position: absolute;
    margin-top: -13px;
    float: right;
    left: 3px;
    z-index: 99;
}

.unidade-tramite {
    background-color: #D6E8F2;
    padding: 10px;
    margin-top: -69px;
    border-radius: 10px;
    color: #0076B3;
    float: right;
    position: relative;
}

.radio_position, .radio-custom {
    padding: 18px 0px 0px 0px;
}

/* .radio-custom:nth-child(2) {
        margin-left: 90px;
    }

    .radio_tree, .radio-custom:nth-child(1) {
        margin-left: 160px;
    }

    .radio_tree, .radio-custom:nth-child(2) {
        margin-left: 270px;
    }

    .radio_tree, .radio-custom:nth-child(3) {
        margin-left: 480px !important;
    }

    .radio_tree, .radio-custom:nth-child(3) {
        margin-left: 370px;
    } */

/* ============ FIM DOS HACKS ==============*/
/* PAINEL GESTÃO */

.no_color {
    background-color: #ffffff !important;
}

.print_info {
    border: 2px solid #ff0000;
    float: right;
    width: 400px;
}

.box_chrome {
    width: 400px;
    float: right;
    margin: 0 auto;
    position: absolute;
    z-index: 9999;
    left: 69%;
    top: 100px;
}

.btn-secondary.btn-small.btn-question {
    padding: 1px 8px !important;
    border-radius: 15px;
    background-color: #FFCB33 !important;
    border-color: #4F79C1 !important;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    color: white !important;
}

.border_title {
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 12px;
}

.primary_title {
    font-weight: bold;
    color: #4F79C1 !important;
}

.number_top {
    margin-top: 4px;
    color: #001740;
    font-size: 2rem;
}

.btn_bg_editar {
    width: 32px;
    height: 32px;
    border-radius: 100px;
}
/* ======================================= PÁGINA PROCESSOS ================================== */
/* Sequência de botões ícones */
.a_btn_consultar {
    background-color: #4F79C1 !important;
    border-radius: 4px;
    width: 36px !important;
    height: 36px !important;
    border: none;
    color: #ffffff !important;
    display: flex !important;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

    .a_btn_consultar:hover {
        background-color: #7F9DD2 !important;
        border-radius: 4px;
        width: 36px !important;
        height: 36px !important;
        border: none;
        color: #ffffff !important;
        margin-right: -10px;
        display: grid !important;
    }

.s20_icons {
    font-size: 20px;
    margin-left: -1px;
    margin-top: 4px;
}

.WidthEditSequencia {
    /* Coluna da tabela sequencia */
    width: auto;
    text-align: center;
}

.WidthEditAndamento {
    width: 90px;
}

.WidthEditMovimento {
    width: auto;
}

.WidthEditResponsavel {
    width: 200px;
}

.WidthEditActionsButtons {
    width: 70px;
    text-align: center;
    align-items: center;
}
/* zerando o sublinhado dos elementos de link a */
.mvc-grid table tbody tr td a {
    text-decoration: none !important;
}

.editarProcesso {
    margin-top: 0px;
    top: 14px;
    position: sticky;
}

/*Controla o body dos formulários de processo */
.body_default_form_processos {
    margin-top: 6px !important;
}

.editarProcesso, .nav-tabs li a:hover {
    background-color: #172f54;
    color: #ffffff;
}

.page_processos, .nav.editarProcesso .nav-item {
    border: 0px !important;
}

    .nav.editarProcesso .nav-item .nav-link.active ~ .listaItens {
        padding: 10px 0px 10px 41px;
    }

#dadosGerais-tab {
    margin-top: 10px
}

.text-right {
    text-align: right;
    float: right;
}

.sub_menu_processos li a {
    border-radius: 13px !important;
    padding: 2px 12px 2px 12px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}

/* .icone-documento-2 {
    color: #4F79C1 !important;
} */

.icone-parte {
    color: #4F79C1 !important;
}

/* Hack de link com comportamento de botão secundary */

.btn-secondary {
    border: 1px solid #4F79C1;
    color: #4F79C1 !important;
}

    .btn-secondary:hover {
        background: #CED9EE;
        border: 1px solid #4F79C1 !important;
    }

.circle_button_processos_nodoc {
    background-color: #FFE3E2 !important;
    border-radius: 4px;
    width: 56px;
    height: 56px;
    border: none;
    color: #FE7775 !important;
}

    .circle_button_processos_nodoc i {
        padding: 15px;
        border-radius: 100px;
    }

div box_menu_processos .box_menu_processos, .nav.editarProcesso .nav-item {
    border: 1px solid #f1f1f1 !important;
    border-radius: 0px !important;
}

.box_submenu_minimalista {
    border-radius: 24px !important;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25) !important;
}

div box_menu_processos .mvc-grid table tbody tr td button {
    border: 40px solid #ffcc00 !important;
}

/* Zerando os border-radius do submenu */
.nav-tabs .nav-link {
    border-radius: 0px !important;
}

.submenu_first_button {
    border-radius: 8px 8px 0px 0px !important;
}

div .box_menu_processos #dadosGerais-tab {
    margin-top: 0px !important;
    border-radius: 22px 22px 0px 0px !important; /* Border radius do primeiro borão - Dados Gerais do submenu Processos */
}

div .box_menu_processos #abaAvisosInterno-tab {
    margin-bottom: 0px !important;
    border-radius: 0px 0px 22px 22px !important; /* Border radius do primeiro borão - Dados Gerais do submenu Processos */
}

.card_header_autos {
    border-radius: 24px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 24px;
    display: flex;
    flex-wrap: wrap;
}

.box_autos_processos {
    border-radius: 24px 24px 0px 0px !important;
}

div .box_autos_processos .auto {
    margin-top: 3px !important;
    margin-left: 2px !important;
}

.bg_box_auto {
    background-color: #E1E8F4;
    border-radius: 0px 0px 22px 22px;
}

.caixa-estrela {
    top: 24px !important;
}

.space_icons {
    width: 100px !important;
}

.WidthEdit {
    text-align: center !important;
}

/* Classe que junta o box container com as abas */
.junta_abas {
    margin-top: -23px !important;
    z-index: 999 !important;
    position: relative !important;
}

/* Classe geral para centraliar verticalmente */
.vertical-align {
    display: flex;
    vertical-align: baseline;
}

.top-positive-7 {
    margin-top: 7px;
}

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

.left-positive-12 {
    margin-left: 12px;
}

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

.top-20-lined {
    margin-top: 20px;
    border-top: 1px solid #D9D9D9;
    padding-top: 17px;
}
/*=============================================================================== // novas tooltips*/
/* Tooltip container */
.tooltip_processos {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip_processos .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 9999;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

        /* Tooltip arrow */
        .tooltip_processos .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip_processos:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.modal-footer, .modal-header {
    background-color: #4F79C1;
}

.adjust_box_radio {
    margin-right: 0px;
}

.radio_mesma_linha {
    display: inline-flex;
}

.label_radio_btn {
    font-weight: bold;
    margin-left: 5px;
}

.label_processos {
    background: none !important;
    margin: 0 !important;
    float: none !important
}

.bottom-positive-34 {
    padding-bottom: 34px !important;
}
/* Coloca o ícone do calendário dentro do input */
.processos_calendar {
    background-color: transparent !important;
    border: 0px !important;
    margin-left: -40px !important;
    z-index: 9999;
}

.corrige_datepicker {
    height: 37px;
}

.heigh_automatico {
    height: 50px;
}
/* ============================ Fim da página de Processos =============================== */
/* ======= NOVO LOGIN */
/* Retirando o fundo */
.egpj_new_login, .egpj_new_login .container > .row {
    height: 100vh;
    min-height: 700px;
}

@media (max-width: 991.98px) {
    .egpj_new_login .bg {
        height: 200px;
    }
}

.egpj_new_login .contents {
    background: #ffffff;
}

.egpj_new_login .contents, .egpj_new_login .bg {
    width: 50%;
}

@media (max-width: 1199.98px) {
    .egpj_new_login .contents, .half .bg {
        width: 100%;
    }
}

.egpj_new_login .contents .form-control, .egpj_new_login .bg .form-control {
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    height: 54px;
    background: #fff;
}

.egpj_new_login .bg {
    background-size: cover;
    background-position: center;
}

.egpj_new_login a {
    color: #888;
    text-decoration: underline;
}

.egpj_new_login .btn {
    height: 54px;
    padding-left: 30px;
    padding-right: 30px;
}

.egpj_new_login .forgot-pass {
    position: relative;
    top: 2px;
    font-size: 14px;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
}

    .control .caption {
        position: relative;
        top: .2rem;
        color: #888;
    }

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #ffffff !important;
    border-radius: 40px;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #fb771a;
}

.no-label {
    background-color: #ffffff !important;
}

.eGPJ_login {
    background: #263e5b url("../Imagens/bg_1.jpg") fixed center no-repeat !important;
}

.login_cidade_title {
    font-size: 42px;
}

.size_auto {
    color: #ffffff;
    margin-top: -100px;
}

.alinha_form {
    width: 100%;
    height: 30px;
}

.position_logo {
    margin-bottom: 30px;
}

/* Tamanho dos Ícones */

.s26 {
    font-size: 26px;
}

/* Mudar a cor de tooltip */
.tooltip-main {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-weight: 900;
    background: #f3f3f3;
    border: 1px solid #737373;
    color: #737373;
    margin: 4px 121px 0 5px;
    float: right;
    text-align: left !important;
}

.tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
    font-size: 16px;
}

.tooltip-inner {
    max-width: 236px !important;
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    background: #001740;
    color: #ffffff;
    border: 1px solid #737373;
    text-align: left;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #f00;
    /* Red */
}

.sub_title_accordeon {
    font-size: 12px;
    color: #4F79C1;
}

/* ========================================== Modal Mensageria ============================================ */

.modal-mensagem-borda label {
    float: left;
    margin-top: 0px;
    background-color: #fff;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 0;
    color: #001740;
    position: relative;
}

.msg_rollover {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden
}

/* ========================================== Mensageria do Header ============================================ */
.mensageria__head .data {
    background-color: #4F79C1 !important;
}

.mensageria__head .data {
    background-color: #4F79C1 !important;
}

.data {
    border-radius: 8px !important;
    margin-top: 10px;
    margin-left: 10px;
}

.notificacao_automatica {
    font-weight: bold;
    font-size: 18px;
}
/** Ajusta Botões de Formulários **/
.btj_auto_adjust {
    margin-left: -32px;
    margin-bottom: 20px;
}

.sobrepor {
    z-index: 8888 !important;
}

.data_geral_mensageria span.data {
    background-color: #4F79C1 !important;
}

.button_aling_right {
    text-align: right;
}

/*Dropdow ndas mensagens*/
.context-menu {
    position: absolute;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    padding: 5px;
}

.context-menu-option {
    padding: 5px 10px;
    cursor: pointer;
}

.scrollable-list {
    max-height: 500px;
    overflow-y: auto;
}

    .scrollable-list > ul > li {
        cursor: pointer;
    }

.form_outlined .selectize-input {
    border: 1px solid #ced4da !important;
}

/* Mensageria sobrepor qualquer elemento */
.alert.alert-success, .alert.alert-success .botao-menu span:after, .alert.alert-success .botao-menu span:before, .alert.alert-success span, .alert.alert-sucesso, .alert.alert-sucesso .botao-menu span:after, .alert.alert-sucesso .botao-menu span:before, .alert.alert-sucesso span, .botao-menu .alert.alert-success span:after, .botao-menu .alert.alert-success span:before, .botao-menu .alert.alert-sucesso span:after, .botao-menu .alert.alert-sucesso span:before {
    z-index: 9999;
    margin: 0 auto;
}

/* ===================================== Plugin da Agenda ================================= */

.fc .fc-button-primary {
    background-color: #4F79C1 !important;
}

.fc .fc-button-primar:hover {
    background-color: #CAD7EC !important;
}

.date:focus .icone-calendario, .date:focus .icone-calendario:hover, .date:hover .icone-calendario, .date:hover .icone-calendario:hover, .form-group .input-group [class*=icone-], .form-group .input-group [class*=icone-]:hover, .input-group:focus .icone-calendario, .input-group:focus .icone-calendario:hover, .input-group:hover .icone-calendario, .input-group:hover .icone-calendario:hover {
    background-color: transparent !important;
}

.date:focus .date:hover .form-group .form-group:hover .input-group:focus {
    background-color: transparent !important;
}

.focus {
    background-color: transparent !important;
}

.form-group:hover {
    background-color: transparent !important;
}

.input-group:hover {
    background-color: transparent !important;
}

.input-group:focus {
    background-color: transparent !important;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    background-color: transparent !important;
}

.form-group .input-group [class*=icone-]:hover {
    background-color: none !important;
}

/* Mensagem de sucesso */
.alert {
    z-index: 9999;
    flex-direction: row;
    justify-content: center;
    right: 2% !important;
}

.perfil .icone-usuario {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
}

.perfil #divFotoVazia {
    background-color: #E1E8F4 !important;
    border-radius: 8px;
    padding-bottom: 6px;
}

.perfil > div.info-perfil {
    margin-top: -10px;
}

    .perfil > div.info-perfil span {
        margin-top: -10px;
        font-size: 22px;
        font-weight: bold !important;
        color: #4F79C1;
    }

.img_head_remove {
    float: left;
    margin-top: 37px;
}

.img_header_box {
    border: 2px solid #ffcc00;
}

.topo_negative {
    margin-top: -26px;
}

.no_content {
    margin-left: 15px;
}

.top_34 {
    margin-top: 34px;
}

.question_pesquisa {
    margin-top: -42px !important;
    margin-left: 115px !important;
    display: block;
}
/* =============================== Centralizando as Modais =============================== */
.modal-dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.align_remember_password {
    margin-top: 0px;
}

.form_check_zera_left {
    padding-left: 0px !important;
}

.align_lost_password {
    margin-top: -66px !important;
}

.login_form_style {
    background-color: #ffffff !important;
    border: 1px solid #CFD0D5 !important;
    border-radius: 8px !important;
}

input:not(:placeholder-shown) {
    border-color: #CFD0D5;
}

input:-webkit-autofill {
    -webkit-box-shadow: #CFD0D5 unset !important;
}

input:placeholder-shown {
    border-color: #CFD0D5;
}

.form-control:focus, .form-control:hover {
    background-color: #ffffff !important;
}

input[value=""] {
    background-color: white;
}

[type=checkbox].select2-selection:checked, [type=radio].select2-selection:checked, input[type=checkbox]:checked, input[type=radio]:checked, textarea[type=checkbox]:checked, textarea[type=radio]:checked {
    accent-color: #1d57b0 !important;
}

.footer_version {
    bottom: 0;
    position: fixed;
    width: 90%;
    text-align: center;
    padding-bottom: 20px;
}

.left_align_processo {
    margin-left: 10px !important;
}

.align_checkbox_peticao {
    text-align: center !important;
}

.acesso_nao_permitido_icon i {
    font-size: 132px;
    color: #FCB527;
    padding-bottom: 30px;
}

/* Alargando as Modais */

.modal-lg, .modal-xl {
    max-width: 1200px !important;
    z-index: 9999 !important;
}

.modal {
    z-index: 9999 !important;
}

.aling_top_10 {
    margin-top: 10px;
}

.align_top_negative_23 {
    margin-top: -23px;
}

.form-group.sucesso label {
    color: #001740 !important;
}

.hk_tooltip_btn {
    margin-top: 0px !important;
    left: -17px !important;
}

.barra-intimacao {
    background-color: #ffffff !important;
    color: #2d9af4 !important;
}

.escolha_sx .radio-custom {
    margin-left: 120px !important;
    display: inline-flex;
}

@media (max-width:1360px) {
    .escolha_sx .radio-custom {
        margin-top: 0.5rem;
    }
}

.link_processo {
    background-color: #CAD7EC !important;
    color: #4F79C1 !important;
    border-radius: 0.3rem;
    padding: 2px 16px !important;
    margin-left: 10px;
}

    .link_processo:hover {
        background-color: #ffffff !important;
        color: #4F79C1 !important;
    }

.select2-dropdown {
    z-index: 9999;
}

.field-validation-valid {
    z-index: 9999;
    background-color: #ffffff;
    font-size: 13px;
}

.apresenta_nome_arquivo {
    color: #4F79C1;
    height: 30px;
    text-align: left;
}

.sequencia_dados {
    background-color: transparent;
    padding: 4px;
}

.fixa_coluna_documento {
    width: 180px !important;
}

.coluna_acoes_fix {
    width: 54px !important;
}

.tipohonorario-atualizado {
    border-radius: 8px;
    background-color: #eff9ff;
    color: #0c3866;
}

/* =================== Zerando os Labels dos arquivos input type file ===================================== */
.label_files {
    float: left;
    margin: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    position: relative;
}

.quebra-palavra td {
    text-align: center !important;
}

.processo_peticao {
    text-align: left !important;
}

.processo_peticao {
    text-align: left !important;
    width: 500px !important
}
/* Tabelas Colspan Ações */
.table-processos {
    border: 1px solid red;
    padding: 2px;
    max-width: 300px;
    display: flex;
    flex-flow: row wrap;
}

.table-cell-processos {
    border: 1px solid blue;
    flex: 1 30%;
}

.colspan-3-processos {
    border: 1px solid green;
    flex: 1 100%;
}

.fixa_coluna_documento {
    width: 180px !important;
}

.coluna_acoes_fix {
    width: 54px !important;
}

.box_titulos_acoes span {
    float: right;
    position: absolute !important;
    border: none !important;
    margin-left: -84px !important;
    margin-top: -11px;
}

.box_titulos_acoes_peticao span {
    border: none !important;
    margin-left: 4px !important;
}

.box_titulos_acoes td {
    border: none !important;
    width: 60px !important;
    max-width: 60px !important;
}

.box_titulos_instancia span {
    float: left;
    margin-left: -140px;
    position: absolute !important;
    width: 80px;
    border: none !important;
}

.box_titulos_instancia td {
    text-align: center !important;
}

.aviso-col-sm {
    text-align: center !important;
}

.prazo_estimado_date {
    color: red;
    padding: 3px 10px 3px 10px;
    border-radius: 33px;
}

.processo_primeira_coluna {
    width: 450px !important;
    vertical-align: top;
}

.processo_segunda_coluna {
    vertical-align: top;
}
/* Título das tabelas de processo e da home */
.table > thead > tr > th .mvc-grid-title {
    font-size: 13px !important;
}

.mvc-grid table > tbody tr > td {
    max-width: none !important;
}

    .mvc-grid table > tbody tr > td.processo_primeira_coluna.align-middle {
        white-space: normal;
    }

    .mvc-grid table > tbody tr > td.processo_segunda_coluna.align-middle {
        max-width: 280px !important;
        white-space: break-spaces;
    }

/* Hack para o botão de input file */
#drop-area {
    min-height: 80px !important;
}

#olPastas li {
    border-bottom: 1px solid #e2e6e9 !important;
    display: table;
    width: 100%;
    padding: 5px 0px 5px 0px;
}

    #olPastas li span {
        margin-bottom: -8px !important;
    }

/*Zerando table-hover de petição*/
.grid-contem-mvcgrid .mvc-grid table tbody tr:hover {
    background: #E1E8F4 !important;
}

.div-select-multiplo .col-5 .select-multiplo option {
    color: #666666;
}

/* =================== Manipulação imagem Parametro Sistema ===================================== */

.jcrop-thumb {
    border: 1px black solid;
}

.field-validation-error {
    width: 100%;
}

.logo-um {
    display: block !important;
    max-width: 200px !important;
    margin: 0px auto !important;
    text-align: center !important;
}

.img-cabecalho {
    display: block !important;
    margin: 0px auto !important;
    text-align: center !important;
}

.logo-um > div {
    margin-right: 0 !important;
}

#imagemPerfilfinal2 {
    margin-left: 21px;
}

#divFotoVazia2 .icone-usuario {
    margin-left: 27px;
}

#imagemperfil-crop-box2 .imagem-recortada canvas, #imagemPerfilfinal2 {
    border-radius: 0;
    width: 100%;
    height: 100px;
}

.mtx .slider.round {
    top: -6px;
}

.mtx-1 .slider.round {
    top: 45px;
}

.container-panel {
    min-height: 280px;
}

.container-body {
    min-height: 140px;
}

/* =================== Listagem Substabelecimento de Aviso em Lote ===================================== */

.switch {
    position: relative;
    margin-bottom: 20px
}

    .switch input {
        width: 52px;
        height: 0;
        opacity: 0
    }

        .switch input:focus {
            outline: 0
        }

.slider {
    width: 52px;
    height: 26px;
    -webkit-transition: .4s;
    transition: .4s;
    outline: 0;
    cursor: pointer;
    box-shadow: inset -1px 1px 3px 0 rgba(0,0,0,.3);
    position: absolute;
    top: 25px;
    left: 0
}

.slider {
    top: 35px
}

    .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 2px;
        bottom: 2px;
        -webkit-transition: .4s;
        transition: .4s
    }

[type=checkbox][value=true] ~ .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

    .slider.round:before {
        border-radius: 50%
    }

.desabilitado [type=checkbox][value=true] ~ .slider {
    border: none
}

/* =================== Listagem Substabelecimento de Aviso em Lote ===================================== */

/* =================== Parâmetros de Sistema - Feriados ===================================== */
#btnAdicionarFeriado:hover {
    background-color: #fff !important;
    color: #337ab7 !important;
    border-color: #337ab7 !important;
}