.bienvenida {
    color: #BBB; 
    font-size: 28px; 
    margin-top: 5px;
    padding-left: 20px;
}
.cargoDash {
    color: #BBB;
    font-size: 17px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.tareaCargo {
    color: #036;
    font-size: 19px; 
    padding-left: 20px;
    margin-bottom: 5px;
}
.tituloDash {
    color: #06C; 
    font-size: 18px; 
    padding-left: 20px;
    margin-bottom: 5px;
}
.boxCerrarBtn {
    padding-left:20px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
/* --------------------------------------------------------- TAREAS */
.tareasDash {
    cursor: pointer;
    width:50%;
    height:30px;
    grid-template-rows: 30px;
    grid-template-columns: 20px  20px  350px       40px;
    grid-template-areas:  ".     simb  tareaDash   cantDash";
    display: grid;
    color:#06C;
}
.simb {
    grid-area: simb;
    font-size: 20px;
}
.tareaDash {
    grid-area: tareaDash;
    font-size: 18px;
    display: grid;
    place-items: center start;
}
.cantDash {
    grid-area: cantDash;
    font-size: 18px;
    color: #603;
    display: grid;
    place-items: center end;
}
/*-------------------------------------------------------- Asesores NUEVOS*/
.tarea71 {
    cursor: pointer;
    width: 50%;
    height: 30px;
    grid-template-rows: 30px;
    grid-template-columns: 20px  1fr;
    grid-template-areas: " .     newAsesorDash";
    display: grid;
    place-items: center;
}
.newAsesorDash {
    grid-area: newAsesorDash;
    font-size: 18px; 
    justify-self: start;
}
/*--------------------------------------- ASIGNAR ASESOR A RIMAC O MAPFRE */
.tarea72 {
    cursor: pointer;
    width: 50%;
    height: 20px;
    grid-template-rows: 20px;
    grid-template-columns: 20px  85px       135px       110px             95px;
    grid-template-areas: " .     fechaDash  polizaDash  placaAsignarDash  asegDash";
    display: grid;
    place-items: start center;
    margin-bottom: 20px;
}
.fechaDash {
    grid-area: fechaDash;
    font-size: 17px; 
    justify-self: start;
}
.polizaDash {
    grid-area: polizaDash;
    font-size: 17px; 
    justify-self: end;
    color: #39F;
}
.placaAsignarDash {
    grid-area: placaAsignarDash;
    font-size: 17px; 
    justify-self: end;
}
.asegDash {
    grid-area: asegDash;
    font-size: 17px; 
    justify-self: end;
    color:#AAA;
}
.asDash {
    grid-area: asDash;
    justify-self: start;
}
/*------------------------------------------------- ASIGNAR COMISION A SOAT */
.tarea74 {
    cursor: pointer;
    width: 50%;
    height: 25px;
    grid-template-rows: 25px;
    grid-template-columns: 20px  85px       100px       90px             105px      25px  60px     40px;
    grid-template-areas: " .     fechaDash  polizaDash  asegDash  placaAsignarDash  .     comDash  pushDash";
    display: grid;
    place-items: start center;
    margin-bottom: 8px;
}
.comDash {
    grid-area: comDash;
    height:100%;
    width:100%;
    justify-self: start;
    font-size: 16px;
    margin:0px;
    padding:0px;
    color:#099;
    display: grid;
    place-items: center;
}
.pushDash {
    grid-area: pushDash;
    display: grid;
    place-items: center end;
    margin-top: 4px;
}
/*--------------------------------------------- CARGO 7 TAREA 3 : CARGAR COMPROBANTES DE PAGO */ 
.tarea73 {
    cursor: pointer;
    width:50%;
    height:30px;
    display: grid;
	grid-template-columns:  20px  25px   30px   90px;
    grid-template-areas: "  .     cpDia  cpMes  cpPlaca";
    place-items: center start;
}
.cpDia { 
    grid-area: cpDia;
    display: grid;
    width:100%;
    font-size: 17px;
    place-items: center end;
}
.cpMes { 
    grid-area: cpMes;
    display: grid;
    width:100%;
    font-size: 17px;
}
.cpPlaca { 
    grid-area: cpPlaca;
    display: grid;
    width:100%;
    color:#036;
    font-size: 17px;
}
/*--------------------------------------------------------- MODAL */
#asesorAsignarM #placaAsignar {
    display: block;
    width: 100%;
    text-align: center;
    color: #036; 
    font-size: 28px; 
    box-sizing: border-box;
    padding: 0.25rem 0; 
}
/*-------------------------------------------------- FORM-CONTROL */
.form-dash {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  box-sizing: border-box;
}
.form-dash:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 3px rgba(0,123,255,.25);
}
.mensajeDash {
    padding-left: 20px;
    font-size: 16px;
    color:#AAA;
}
/*---------------------------------------------- MEDIA QUERIES */
@media screen and (max-width:1024px) {
    .bienvenida {
        font-size: 25px; 
    }
}
@media screen and (max-width:400px) {
    .asesorDash {
        width: 100%;
        grid-template-columns: 10px 1fr      10px  1fr      10px  40px     10px;
    }
    /* --------------------------------------------------------- TAREAS */
    .tareasDash {
        width:100%;
        grid-template-columns: 20px  1fr         40px      15px;
        grid-template-areas:  ".     tareaDash   cantDash  .";

    }
    .tareaDash {
        font-size: 17px;
    }
    .simb {
         display: none;
    }
}