/****************************************Região Atendimento AGT****************************************/
.panel-body {
    font-family: Arial;
    font-size: 13px;
}

.grid_layout_select {
    width:100%;
    border: 1px solid #cecece;
    border-radius: 5px; /* Implementação W3C */
    -moz-border-radius: 5px; /* Implementação Mozilla */
    -webkit-border-radius: 5px; /* Implementação para browsers que renderizam via webkit */
    behavior: url(PIE.htc); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
    min-height: 18px;
    padding: 5px 5px;
    font-size: 13px;
    background: -moz-linear-gradient(top, #FFFFFF 6%, #ededed 96%) repeat-X;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ededed )) repeat-X; /* Para IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#ededed )"; /* Para IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#ededed);
}

.grid_layout input[select] {
    padding: 5px !important;
}

.fieldsetDefault {
    display: block;   
    margin: 0 2px !important;
    padding: .35em .625em .75em !important;
    border: 1px solid #c0c0c0 !important;
}

.sliderHome {
    padding: 3px;
    margin: 5px;
    height: 80px;
    border: 2px solid #bfbfbf;
    color: #0562A3 !important;
    background-color: #f1f1f1;
    cursor: pointer;
    box-shadow: 4px 4px 4px #888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 6px;
    /*opacity: 0.4 !important;*/
}

    .sliderHome > div {
        opacity: 1.0 !important;
    }

    .sliderHome > a {
        color: #0562A3 !important;
    }

        .sliderHome > a:hover {
            text-decoration: none;
        }

/*#region App Real*/
.local-botoes-panel .dropdown-menu li {
    cursor: pointer;
    background-color: #BCD3F2;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #033e68 !important;
    color: white !important;
    background-image: none;
}

.tituloAtendimentoVirtual {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: system-ui;
}

.local-botoes-panel .dropdown-menu {
    background-color: #BCD3F2;
}


.div_container {
    padding: 0 0 10px 0;
    background-color: #F0F0F0;
}

.div_container_parent {
    padding: 0 0 0px 0;
    background-color: #F0F0F0;
}

/** Definia a cor do layout antigo */
/*.title_label {
    background-color: #0562a3;
    color: #fff;
    padding: 6px 0 0 5px !important;
}*/

.title_label > label {
    /*padding: 0;*/
}

div.input-group-lg {
    padding: 0;
}

.menuUnselected {
    color: black;
    background-color: #b7c2d1;
}

.text_container {
    padding: 5px !important;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
}

.input-group-lg > span {
    padding: 5px 0 0 0;
    font-size: 10px;
    float: right;
}

textarea.input-group-lg {
    min-height: 80px !important;
}

.table_anexo {
    margin: 25px 0 0 0;
}

/*#endregion*/

.carousel {
    margin-top: 5px;
    background: #fff; /*#2f4357;*/
    position: center;
    height: 300px;
    padding-top: 0px;
}

.divAssunto {
    
    margin-right: 15px;
    
    
    float: left;
    height: 95px;
    

    display: flex;
    
    width: 190px;
}

    .divAssunto:hover {
        opacity: 0.5 !important;
    }

    .divAssunto div {
        padding-top: 20px !important;
    }

.carousel-control {
    background: none !important;
    outline: 0;
}

.button_container {
    /*padding-right: 10px !important;*/
    padding: 0;
}

.titleBlue {
    color: cornflowerblue;
}

.btn-default {
    float: right;
    border-radius: unset;
    background-color: #e9e9e9;
    color: #0562a3;
}

.btn-default-left {
    float: left;
    border-radius: unset;
    background-color: #e9e9e9;
    color: #0562a3;
    border: 1px solid #0562a3 !important
}

    .btn-default.right {
        border-radius: 0 8px 8px 0;
        width: 38px;
        height: 30px;
        padding: 4px 0 0 0;
        font-size: 16px;
        background-color: #e9e9e9;
        color: #0562a3;
    }

    .btn-default.left {
        border-radius: 8px 0 0 8px;
        width: 38px;
        height: 30px;
        padding: 4px 0 0 0;
        font-size: 16px;
        background-color: #e9e9e9;
        color: #0562a3;
    }

.usu_topo_title {
    float: right;
    margin: 0;
    padding: 10px 0 20px 0;
    width: 450px;
    font-size: 12px;
}

    .usu_topo_title > div {
        padding: 0;
        margin: 0;
    }

        .usu_topo_title > div > span.glyphicon {
            font-size: 40px;
            margin: 0 10px 0 0;
        }

.campo_login {
    padding: 0;
    margin: 0;
    float: right;
    color: #0562A3;
}

    .campo_login input[type=text] {
        width: 200px;
        height: 29px;
        text-align: center;
        position: relative;
        top: -2px;
        border: 1px;
        border-radius: 4px;
    }

    .campo_login button {
        padding: 1px 10px 2px 10px;
        height: 31px;
        position: relative;
        top: -2px;
        background-color: #cddae1;
        color: black !important;
        font-weight: bold;
        border-radius: 4px;
    }

    .campo_login a {
        padding: 0 10px 2px 10px;
        height: 25px;
        position: relative;
        top: -5px;
        background-color: #004676;
        color: #ffffff;
        border-radius: 0;
    }



.btnAcaoSair {
    color: #0562A3;
    font-size: 18px;
    cursor: pointer;
}

.titulo_cpf {
    background: url("http://www.notalegal.df.gov.br/Imagens/icon_janela.png") no-repeat scroll 0 2px transparent;
    color: #FFFFFF;
    font-family: arial;
    font-size: 16px;
    line-height: 16px;
    padding: 4px 0 4px 24px;
    height: 25px;
    float: right;
    position: relative;
    top: -4px;
}


.table_demandas {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
}

    .table_demandas th, .table_demandas td {
        padding: 8px;
        border: 1px solid #ddd;
        text-align: center;
        vertical-align: middle;
    }

    .table_demandas thead {
        background-color: #f8f9fa;
        font-weight: bold;
    }

    .table_demandas tbody tr:hover {
        background-color: #f1f1f1;
    }

    .table_demandas input {
        width: 100%;
        max-width: 120px;
        padding: 4px;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-align: center;
    }

    .table_demandas .glyphicon {
        cursor: pointer;
        font-size: 14px;
        color: #007bff;
    }

        .table_demandas .glyphicon:hover {
            color: #0056b3;
        }

    .table_demandas .ellipsis {
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table_demandas .ellipsis_maior {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 768px) {
    .table_demandas th, .table_demandas td {
        font-size: 12px;
        padding: 6px;
    }

    .table_demandas input {
        max-width: 80px;
    }

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






td.ellipsis {
    white-space: nowrap;
    max-width: 200px !important;
    overflow: hidden; /* "overflow" value must be different from "visible" */
    text-overflow: ellipsis;
}

td.ellipsis_maior {
    white-space: nowrap;
    max-width: 300px !important;
    overflow: hidden; /* "overflow" value must be different from "visible" */
    text-overflow: ellipsis;
}

.carousel-indicators {
    bottom: 10px !important;
}

    .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000\9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #0562A3;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 15px;
        height: 15px;
        margin: 0;
        background-color: #0562A3;
    }

.modalPassoaPasso {
    width: 100% !important;
}

.modalContentPassoaPasso {
    width: 70% !important;
}

.checkItemOK {
    color: #32CD32;
    font-size: 15px;
    margin-top: -8px;
}

.required:before {
    content: "*";
    padding-left: 1%;
    color: #E9967A;
    font-size: 12px;
}

.DemoBS2 {
    margin: 20px;
}

.invalidField {
    border-color: red !important;
}

.panel > .panel-heading {
    border-color: #337ab7;
    background-color: #337ab7;
    color: white;
    background-image: -webkit-linear-gradient(top,#0562a3 0%,#033e68 100%);
    background-image: -moz-linear-gradient(to bottom, #0562a3 0%, #033e68 100%);
    background: -o-linear-gradient(#0562a3, #033e68);
    background: -ms-linear-gradient(#0562a3, #033e68);
    background: linear-gradient(#0562a3, #033e68);
}

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
        border: #337ab7;
    }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.inputDisplay {
    background-color: white;
    border-color: white;
    border-width: 0px;
}

input.ng-dirty.ng-invalid, select.ng-dirty.ng-invalid, textarea.ng-dirty.ng-invalid {
    color: initial !important;
    border-color: initial !important;
}

.btn-primary {
    color: white !important;
}

.tableBorder {
    border-collapse: collapse;
}

@media print {
    /*#region App Real*/

    body {
        -webkit-print-color-adjust: exact;
    }


    button, .printRemove {
        display: none !important;
    }

    .col-xs-8 {
        width: 100%;
    }

    .div_container {
        padding: 0 0 30px 0;
    }

    .title_label {
        background-color: #0562a3 !important;
        color: #fff;
        padding: 6px 0 0 5px !important;
    }

        .title_label > label {
            /*padding: 0;*/
        }

    div.input-group-lg {
        padding: 0;
    }

    .text_container {
        padding: 5px !important;
        border-bottom: 1px solid #bfbfbf;
        border-right: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
    }

    .input-group-lg > span {
        padding: 5px 0 0 0;
        font-size: 10px;
        float: right;
    }

    textarea.input-group-lg {
        min-height: 50px !important;
    }

    .table_anexo {
        margin: 25px 0 0 0;
    }

  

    /*#endregion*/






}

@media only screen and (max-width: 600px) {
    
    .panel-title {
        font-size: 14px;
        top: -30px !important;
        margin-bottom: 0;
        color: inherit;
        position: relative;
    }

    
}

@media only screen and  (max-width: 1200px) {
    .pessoaJuridica {
        margin-top: -15px;
    }

    




@media only screen and (max-width: 992px) {
    .panel-headingAzul {
        height: 120px;
    }
}




/****************************************FIM região atendimento AGT****************************************/