body {
    margin: 0px;
    background-color: #cccccc!important;
}
img {
    max-width: 100%;
}

.login {    
    margin: 50px auto;
    max-width: 350px;
    flex: 1;
    background-color: #5e555525;
    padding: 15px;
    border-radius: 5px;
}
.content {
   
    padding-top: 20px;
    height: 100%;
    
}
.container {
    max-width: 100%;
}
.form-group{
    width: 100%;
}

.navbar a {
    color: #000!important; 
}
.navbar a:hover {
 color: rgb(61, 99, 194)!important;

}
.item {
    display: flex;
    justify-content: space-between;
}
 #tabelaDinamica a {
    color: rgb(61, 99, 194);
    font-size: 15px;
    margin-left: 5px;
}
#tabelaDinamica th {
    font-size: 12px;
}
.item .fas, .item .far {
    color: #000;
}
.direita {
    text-align: right;
    margin-bottom: 8px;
}


.logo-index {
    margin: 0 auto;
    text-align: center
}
.btn-info {
    background-color: rgb(61, 99, 194)!important;
    border-color:rgb(1, 1, 31)
}
.bg-info {
    background-color: rgb(61, 99, 194)!important;
    color:#fff;

}
.border-info {
    border-color: rgb(61, 99, 194)!important;   
}
.text-info {
    color: rgb(61, 99, 194)!important;
}
.btn-info:hover {
    background-color: red;
}

.dashboard .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;

}
.colaboradores .card {
    margin-top:10px;
    /* height: 450px; */
    overflow: auto;
    height: 100%;
    margin-bottom: 10px;
    
    
    
}
.colaboradores .card .card-body{
    font-size: 13px;
}

.colaboradores .fa-list-alt {
    cursor: pointer;
    font-size: 16px;
}
.texto-vertical {
    bottom: 0;
    display: inline-block;
    font-weight: 400;
    height: 20px;
    margin: 0 0 -20px 12px;
    padding: 0;
    text-align: left;
    transform: rotate(-90deg);
    transform-origin: left;
    white-space: nowrap;
    width: 20px;
   /* white-space: nowrap; */
}
.texto-vertical2 {
    bottom: 0;
    display: inline-block;
    font-weight: 400;
    height: 20px;
    margin: 0 0 -20px 12px;
    padding: 0;
    text-align: left;
    transform: rotate(-90deg);
    transform-origin: left;
    white-space: wrap;
    width: 20px;
   /* white-space: nowrap; */
}
.texto-vertical3 {
    writing-mode: sideways-lr;
    -webkit-writing-mode:sideways-lr;
   -ms-writing-mode:sideways-lr;
    height: 140px;
   
    line-height:25px;
   margin: 0 auto;
   
    }
    .table th {
        padding: 0%;
        font-weight: normal;
        border-color: #000;
      
    }
.table td {
vertical-align: middle;
padding:2px;
font-size: 12px;
border-color: #000;

}
.inputS,.inputF,.inputP  {
    width: 20px;
}

.azul {
    background-color: rgb(134, 200, 254);
    text-align: center;
}
.vermelho {
    background-color: rgb(255, 0, 0);
    text-align: center;
}
.amarelo {
    background-color: rgb(255, 255, 0);
    text-align: center;
}
.verde {
    background-color: rgb(146, 208, 80);
    text-align: center;
}
.cinza {
    background-color: rgb(168, 167, 167);
    text-align: center;
}
.laranja {
    background-color: rgb(249, 127, 42);
    text-align: center;
}

.azul1 {
    background-color: rgb(134, 200, 254);
    text-align: center;
}
.azul2 {
    background-color: rgb(134, 200, 254);
    text-align: center;
}
.cinza2 {
    background-color: rgb(128, 128, 128);
    text-align: center;
}

.modal-escolha {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* display: none; */
}
.modal-escolha .conteudo-modal {
    background-color: #fff;
    width: 95%;
    margin: 30px auto;
    height: 95%;
    border-radius: 5px;
    padding: 15px;
    overflow: auto;
}
.conteudo-modal h3 {
    text-align: center;
    color: rgb(61, 99, 194)!important;
    border-bottom: 1px solid #000;
}
.conteudo-modal .fecha-modal {
    float: right;
    
}


.diagnostico td {
    padding: 5px;
}
.diagnostico th {
    padding: 5px;
    background-color: rgb(230, 230, 230);
}
.titulo-table-diagnostico {
    font-weight: bold;
    text-align: center;
}

.foto-laudo {
    display: flex;
    text-align: center;
    flex-wrap: wrap;

}
.foto-laudo .item-foto-laudo {
    width: 150px;
    border: 1px solid #000000;
    margin: 3px;
    padding: 3px;
}
.foto-laudo .icones-foto {
    display: flex;
    justify-content: space-around;
}
.anexo-laudo-item {
    display: flex;  
    justify-content: space-between;
    border-bottom: 1px solid #000000;
    padding-right: 50px;
    padding-top:10px;
}
.bg-warning1 {
    background-color: #c25f02;
    color: #fff;
}
.tarefas span{ padding:2px 3px; display: block; margin-top: 1px;}
#tabelaDinamica p {
    margin-bottom: 0.2rem;
}

.legenda-tarefas {
    display: flex;
    margin-top: 5px;
    justify-content: space-between;
}
.legenda-tarefas div {
    padding: 1px 10px;
}

/* Acord */
h4.acord{ cursor: pointer; background:#f5f5f5; margin: 0px; color: rgb(61, 99, 194)!important; font-weight:500; padding:.75rem 1.25rem;border-bottom: 1px solid rgba(0,0,0,.125); 
    font-size:1.1rem} 
h4.acord:hover, .acord .fa:hover { color: #000!important} 
div.acord{ display: none; padding:.75rem 1.25rem } 
.acord0 {border: 1px solid rgba(0,0,0,.125); margin-top: 5px;} 
     
.historico-tarefa-item {
    background-color: rgb(219, 224, 236);
    margin-top: 5px;
    padding: 3px;
    border-radius: 3px;
}
.tarefa-para-entrega {
    background-color:rgb(48, 84, 150);
    color: #fff;
    display: block;
    padding:2px 3px; display: block; margin-top: 1px;
}
.tarefa-3dias {
    background-color:rgb(252, 228, 214);
}
.tarefa-2dias {
    background-color:rgb(251, 203, 173);
}
.tarefa-1dias {
    background-color:rgb(249, 176, 132);
}
.tarefa-0dias {
    background-color:rgb(253, 1, 1);
}
.tarefa-aguardando {
    background-color:rgb(208, 206, 206);
}
.tarefa-vencida {
    background-color:rgb(13, 13, 13);
}
.tarefa-aceite {
    background-color:rgb(255, 255, 255);
}
.tarefa-prazos {
    background-color: #c4c4c4;
    color: #000;
    display: block;
    padding:2px 3px; display: block; margin-top: 1px;

}
.direita-float {
    float: right;
}

.menu-secundario a {
    text-decoration: none;
    background-color: #e2e2e2;
    padding: 3px 15px;
    border: 1px solid #000;
    color: black;
    border-radius: 3px;
}
.menu-secundario a:hover {
    background-color: rgb(56, 56, 56);
    color: #fff;
}

/* MPT */
.destacado {
    background-color: rgb(247, 167, 167);
}
.acompanhar {
    background-color: rgb(86, 160, 1);
}
.excluido {
    text-decoration: line-through;
    background-color: #a0a0a0;
}
.icone-mpt {
    color: rgb(61, 99, 194)!important;  
    font-size: 16px;
    cursor: pointer;
}

.tarefa-azul {
background-color: rgb(47, 50, 247);
color: #fff;
}
.tarefa-cinza {
    background-color: rgb(139, 139, 139);
    color: #fff;
}

.categorias-conceito .card-header {
    padding: 5px;
    cursor: pointer;
}
.acordC {border: 1px solid rgba(0,0,0,.125); margin-top: 5px; } 
h4.acord-item{ cursor: pointer; background-color: rgb(61, 99, 194)!important; margin: 0px; color: #ffffff; font-weight:500; padding:.75rem 1.25rem;border-bottom: 1px solid rgba(0,0,0,.125); font-size:1.25rem}
 h4.acord-item:hover, .acord-item .fa:hover { color: #000!important} 
 div.acord-item{ display: none; padding:.75rem 1.25rem } 


 .icone-cliente {
     color: rgb(61, 99, 194);
     font-size: 16px;
     cursor: pointer;
 }
 .btn-esqueci-senha {
     cursor: pointer;
 }
 .result-senha {
     color: rgb(61, 99, 194)!important;
 }
#sortable-container {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
 #sortable { list-style-type: none;  padding: 0!important; text-align: left; }
 #sortable li { margin: 0 3px 3px 3px!important; padding: 0.4em!important; padding-left: 1.5em!important;  }
 /* #sortable li span { position: absolute; margin-left: -1.3em; } */