.misinversiones .divfiltros {
    width: 100%;
    border: 2px solid #1e1343;
    border-bottom: 0px;
    color: rgb(255, 255, 255);
    overflow: hidden;
    align-items: center;
    justify-content: center;
    height: 32px;
    margin: 0px;
}
.misinversiones  .divfiltros .card-headerFiltro {
    /*background: linear-gradient(#5b4d87,#1e1343 );*/ /*Degradado*/
    background-color: #1e1343; /*Solido*/
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-top: -20px;
}
.misinversiones .divfiltros .card-headerFiltro-2col {
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: left;
    grid-template-columns: 4fr 50px;
    grid-template-rows: 20px;
    padding-top: 23px;
    font-size: 5px;
    margin-left: 20px;
}
.misinversiones  .divfiltros .filtros {
    display: grid;
    align-items: center;
    margin: 10px;
    grid-gap: 10px;
    grid-template-columns: 70px 1fr 1fr 70px 1fr 70px 1fr;
    grid-template-rows: repeat(20px, 3);
    grid-template-areas:
        "et1       input1     input1     et2        input2     input2    input2"
        "et5       input6     input7     et4        input4     input5    input5"
        "linea     linea      linea      linea      linea      linea     linea";
}

.misinversiones  .divfiltros .filtros .et1 {
    grid-area: et1;
}
.misinversiones  .divfiltros .filtros .et2 {
    grid-area: et2;
}
.misinversiones  .divfiltros .filtros .et4 {
    grid-area: et4;
}
.misinversiones  .divfiltros .filtros .et5 {
    grid-area: et5;
}
.misinversiones  .divfiltros .filtros .input1 {
    grid-area: input1;
}
.misinversiones  .divfiltros .filtros .input2 {
    grid-area: input2;
}
.misinversiones  .divfiltros .filtros .input4 {
    grid-area: input4;
}
.misinversiones  .divfiltros .filtros .input5 {
    grid-area: input5;
}
.misinversiones  .divfiltros .filtros .input6 {
    grid-area: input6;
}
.misinversiones  .divfiltros .filtros .input7 {
    grid-area: input7;
}

.misinversiones  .divfiltros .filtros .linea {
    border-top: 1px solid #8d8d8d;
    height: 1px;
    max-width: 100%;
    grid-area: linea;
    margin: 0px;
}
.misinversiones  .divfiltros .filtrosacciones {
    display: grid;
    width: 100%;
    align-items:center;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    grid-gap: 10px;
    grid-template-columns: 178px 178px;
    grid-template-areas: "btn1 btn2";
}
.misinversiones  .divfiltros .filtrosacciones .btn1 {
    grid-area: btn1;
}
.misinversiones  .divfiltros .filtrosacciones .btn2 {
    grid-area: btn2;
}
.misinversiones .filtros {
    display: grid;
    align-items: center;
    margin: 10px;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 80px;
    grid-template-rows: repeat(20px, 9);
    grid-template-areas:
        "et1       et1         et1"
        "input1    input1      btn1"
        "et2       et2         et2"
        "input2    input2      btn2"
        "et3       et3         et3"
        "input3    input4      btn3"
        "et4       et4         et4"
        "input5    input6      btn4"
        "linea    linea       linea";
}
.misinversiones .filtros .et1 {
    grid-area: et1;
}
.misinversiones .filtros .et2 {
    grid-area: et2;
}
.misinversiones .filtros .et3 {
    grid-area: et3;
}
.misinversiones .filtros .et4 {
    grid-area: et4;
}
.misinversiones .filtros .input1 {
    grid-area: input1;
}
.misinversiones .filtros .input2 {
    grid-area: input2;
}
.misinversiones .filtros .input3 {
    grid-area: input3;
}
.misinversiones .filtros .input4 {
    grid-area: input4;
}
.misinversiones .filtros .input5 {
    grid-area: input5;
}
.misinversiones .filtros .btn1 {
    grid-area: btn1;
}
.misinversiones .filtros .btn2 {
    grid-area: btn2;
}
.misinversiones .filtros .btn3 {
    grid-area: btn3;
}
.misinversiones .filtros .btn4 {
    grid-area: btn4;
}
.misinversiones .filtros .linea {
    border-top: 1px solid #8d8d8d;
    height: 1px;
    max-width: 100%;
    grid-area: linea;
    margin: 0px;
}
.misinversiones  .filtrosacciones {
    display: grid;
    width: 100%;
    align-items: center;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 20px;
    grid-template-areas: "btn1 btn2";
}
.misinversiones  .filtrosacciones .btn1 {
    grid-area: btn1;
    width: 100%;
}
.misinversiones .filtrosacciones .btn2 {
    grid-area: btn2;
    width: 100%;
}
.contOpcion .misinversiones .principal {
    display: grid;
    align-items: center;
    margin-top: 20px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "tb1";
}
.contOpcion .misinversiones .principal .tb1 {
    grid-area: tb1;
}
.contOpcion .misinversiones .CssTabL {
    color: rgb(255, 255, 255);
    border-radius: 10px 0px 0px 0px;
    overflow: hidden;
    background-color: #222222;
    color: white;
}
.contOpcion .misinversiones .CssTabC {
    color: rgb(255, 255, 255);
    border-radius: 0px 0px 0px 0px;
    overflow: hidden;
    background-color: #222222;
    color: white;
}
.contOpcion .misinversiones .CssTabR {
    color: rgb(255, 255, 255);
    border-radius: 0px 10px 0px 0px;
    overflow: hidden;
    background-color: #222222;
    /*background: linear-gradient(#3c3b3b,#0d0d0d );*/
    color: white;
}
.contOpcion .misinversiones  .SelectTab {
    background-color: #1e1343;
}
.contOpcion .misinversiones .DisabledTab {
    background-color: #3c3b3b;
    color: gray;
}
.contOpcion .misinversiones .HoveredTab {
    filter: brightness(150%);
}
.contOpcion .misinversiones .gvOpciones {
    margin-top: 0px;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
}
.contOpcion .misinversiones .ItemTemplatediv {
    display: grid;
    align-items: center;
    grid-gap: 0px;
    grid-template-columns: 1fr 0px;
}
.contOpcion .misinversiones .ItemTemplatedivlbl {
    width: 100%;
}
.contOpcion .misinversiones .ItemTemplatedivicon {
    position: relative;
    top: -19px;
    left:2px;
}
.divToolTipBody {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 120px 1fr;
}
.divToolTipBody .col2 {
    text-align: right;
}
.contOpcion .misinversiones .detalle {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    border: 2px solid #1e1343;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
    color: rgb(255, 255, 255);
    border-radius: 0px 0px 10px 10px;
    grid-template-columns: 165px 1fr 150px 1fr;
    grid-template-rows: 40px 20px 20px 20px 20px 40px 20px 30px 20px 20px 20px 20px 20px 40px 1fr;
    grid-template-areas:
        "et1     et1     et1     et1"
        "et2     et3     et4     et5"
        "et6     et7     et8     et9"
        "et10    et11    et12    et13"
        "et14    et15    et16    et17"
        /*        "et18    et19    et20    et21"*/
        "et22    et23    et24    et25"
        "et26    et26    et26    et26"
        "et27    et28    et29    et30"
        "et31    et32    et33    et34"
        "et35    et36    et37    et38"
        "et39    et40    et41    et42"
        "et43    et44    et45    et46"
        "et47    et48    et49    et50"
        "et51    et51    et51    et51"
        "tb1     tb1     tb1     tb1";
}
.contOpcion .misinversiones .etEnc {
    color: white;
    height: 40px;
    background-color: #25a0da;
    border-bottom: 2px solid #1e1343;
    border-top: 0px solid #1e1343;
    padding: 8px;
}
.contOpcion .misinversiones .amortizacion .etEnc {
    background-color: #1e1343;
}
.contOpcion .misinversiones .detalle .etEnc2 {
    color: white;
    height: 40px;
    background-color: #25a0da;
    border-bottom: 2px solid #1e1343;
    border-top: 2px solid #1e1343;
    padding: 8px;
}
.contOpcion .misinversiones  .etEnc3 {
    color: white;
    height: 40px;
    background-color: #1e1343;
    border-radius: 10px 10px 0px 0px;
    padding: 8px;
}
.contOpcion .misinversiones .detalle .et1 {
    grid-area: et1;
}
.contOpcion .misinversiones .detalle .et2 {
    grid-area: et2;
    min-width: 165px;
    margin-left: 10px;
}
.contOpcion .misinversiones .detalle .et3 {
    grid-area: et3;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et4 {
    grid-area: et4;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et5 {
    grid-area: et5;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et6 {
    grid-area: et6;
    min-width: 165px;
     margin-left: 10px;
}
.contOpcion .misinversiones .detalle .et7 {
    grid-area: et7;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et8 {
    grid-area: et8;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et9 {
    grid-area: et9;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et10 {
    grid-area: et10;
    min-width: 165px;
     margin-left: 10px;
}
.contOpcion .misinversiones .detalle .et11 {
    grid-area: et11;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et12 {
    grid-area: et12;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et13 {
    grid-area: et13;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et14 {
    grid-area: et14;
    min-width: 165px;
      margin-left: 10px;
}
.contOpcion .misinversiones .detalle .et15 {
    grid-area: et15;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et16 {
    grid-area: et16;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et17 {
    grid-area: et17;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et18 {
    grid-area: et18;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et19 {
    grid-area: et19;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et20 {
    grid-area: et20;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et21 {
    grid-area: et21;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et22 {
    grid-area: et22;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et23 {
    grid-area: et23;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et24 {
    grid-area: et24;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et25 {
    grid-area: et25;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et26 {
    grid-area: et26;
}
.contOpcion .misinversiones .detalle .et27 {
    grid-area: et27;
    min-width: 165px;
      margin-top: 10px;
}
.contOpcion .misinversiones .detalle .et28 {
    grid-area: et28;
    min-width: 165px;
    margin-top: 10px;
}
.contOpcion .misinversiones .detalle .et29 {
    grid-area: et29;
    min-width: 165px;
      margin-top: 10px;
}
.contOpcion .misinversiones .detalle .et30 {
    grid-area: et30;
    min-width: 165px;
      margin-top: 10px;
}
.contOpcion .misinversiones .detalle .et31 {
    grid-area: et31;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et32 {
    grid-area: et32;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et33 {
    grid-area: et33;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et34 {
    grid-area: et34;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et35 {
    grid-area: et35;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et36 {
    grid-area: et36;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et37 {
    grid-area: et37;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et38 {
    grid-area: et38;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et39 {
    grid-area: et39;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et40 {
    grid-area: et40;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et41 {
    grid-area: et41;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et42 {
    grid-area: et42;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et43 {
    grid-area: et43;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et44 {
    grid-area: et44;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et45 {
    grid-area: et45;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et46 {
    grid-area: et46;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et47 {
    grid-area: et47;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et48 {
    grid-area: et48;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et49 {
    grid-area: et49;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et50 {
    grid-area: et50;
    min-width: 165px;
}
.contOpcion .misinversiones .detalle .et51 {
    grid-area: et51;
}
.contOpcion .misinversiones .detalle .tb1 {
    grid-area: tb1;
     margin-top:-10px;
}
.contOpcion .misinversiones .amortizacion {
    border: 2px solid #1e1343;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
    color: rgb(255, 255, 255);
    border-radius: 0px 0px 10px 10px;
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr;
    grid-template-areas:
        "et1"
        "tb1";
}
.contOpcion .misinversiones .amortizacion .et1 {
    grid-area: et1;
}
.contOpcion .misinversiones .amortizacion .tb1 {
    grid-area: tb1;
    margin-top: -10px;
}
.contOpcion .misinversiones .acciones {
    display: grid;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    grid-gap: 20px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        "esp1    btn1 	esp2";
}
.contOpcion .misinversiones .acciones .btn1 {
    grid-area: btn1;
    display:flex;
    justify-content:center;
}
.contOpcion .misinversiones .calendario {
    border: 2px solid #1e1343;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
    color: rgb(255, 255, 255);
    border-radius: 0px 0px 10px 10px;
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr;
    grid-template-areas:
        "et1"
        "tb1";
}
.contOpcion .misinversiones .calendario .et1 {
    grid-area: et1;
}
.contOpcion .misinversiones .calendario .tb1 {
    margin-top:-10px;
    grid-area: tb1;
}
.calendarioitems {
    display: grid;
    align-items: center;
    margin-top: 5px;
    grid-template-columns:  25% 25% 25% 25%;
    grid-template-rows: 50px  20px 30px;
    grid-template-areas: 
        "tit1  tit1  tit1  tit1"
        "et1   et2   et3   et4"
        "et5   et6   et7   et8";
}
.calendarioitems .tit1 {
    grid-area: tit1;
}
.calendarioitems .et1 {
    grid-area: et1;
}
.calendarioitems .et2 {
    grid-area: et2;
}
.calendarioitems .et3 {
    grid-area: et3;
}
.calendarioitems .et4 {
    grid-area: et4;
}
.calendarioitems .et5 {
    grid-area: et5;
}
.calendarioitems .et6 {
    grid-area: et6;
}
.calendarioitems .et7 {
    grid-area: et7;
}
.calendarioitems .et8 {
    grid-area: et8;
}