/* font */

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* estilos */

html {
    overflow-x: hidden;
}

body {
    padding: 0px;
    margin: 0px;
    background-color: #f0f0f0;
    font-family: Lato;
    font-size: 16px;
    color: #000;
}

.contenedorlogin {
    display: inline-block;
    border: 1px solid #c0c0c0;
    text-align: center;
    width: 375px;
    background: white;
    padding: 18px 30px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.maraba0, 
.maraba0mob20 {
    margin-bottom: 0px !important;
}

@media (max-width:720px){

    .maraba0mob20 {
        margin-bottom: 20px !important;
    }

}

.maraba3 {
    margin-bottom: 3px;
}

.maraba5 {
    margin-bottom: 5px;
}

.maraba3p5vh {
    margin-bottom: 3.5vh;
}

.maraba5vh {
    margin-bottom: 5vh;
}

.maraba7 {
    margin-bottom: 7px;
}

.maraba7p5 {
    margin-bottom: 7.5px;
}

.maraba8 {
    margin-bottom: 8px;
}

.maraba10 {
    margin-bottom: 10px;
}

.maraba11 {
    margin-bottom: 11px;
}

.maraba12p5 {
    margin-bottom: 12.5px;
}

.maraba14 {
    margin-bottom: 14px;
}

.maraba15 {
    margin-bottom: 15px;
}

.maraba15mob {
    margin-bottom: 0;
}

@media (max-width: 766px) {

    .maraba15mob {
        margin-bottom: 15px !important;
    }

}

.maraba17p5 {
    margin-bottom: 17.5px;
}

.maraba18mob {
    margin-bottom: 0;
}

@media (max-width: 766px) {

    .maraba18mob {
        margin-bottom: 18px !important;
    }

}

.maraba20 {
    margin-bottom: 20px;
}

.maraba21 {
    margin-bottom: 21px;
}

.maraba25, 
.maraba25mob0 {
    margin-bottom: 25px;
}

@media (max-width:720px){

    .maraba25mob0 {
        margin-bottom: 0px;
    }

}

.maraba27 {
    margin-bottom: 27px;
}

.maraba30 {
    margin-bottom: 30px;
}

.maraba30mob {
    margin-bottom: 0;
}

@media (max-width: 766px) {

    .maraba30mob {
        margin-bottom: 30px !important;
    }

}

.maraba35 {
    margin-bottom: 35px;
}

.maraba45 {
    margin-bottom: 45px;
}

.maraba50 {
    margin-bottom: 50px;
}

.mararri-11aba11 {
    margin-top: -11px;
    margin-bottom: 11px;
}

.mararri-20aba20 {
    margin-top: -20px;
    margin-bottom: 20px;
}

.mararri-25aba11 {
    margin-top: -25px;
    margin-bottom: 11px;
}

.mararri-30aba10 {
    margin-top: -30px;
    margin-bottom: 10px;
}

.mararri-30aba20 {
    margin-top: -30px;
    margin-bottom: 20px;
}

.mararri-30aba30 {
    margin-top: -30px;
    margin-bottom: 30px;
}

.mararri-10 {
    margin-top: -10px;
}

.mararri-15 {
    margin-top: -15px;
}

.mararri-17 {
    margin-top: -17px;
}

.mararri-61 {
    margin-top: -61px;
}

.mararri-100 {
    margin-top: -100px;
}

.mararri-225 {
    margin-top: -225px;
}

.mararriaba5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mararriaba-5 {
    margin-top: -5px;
    margin-bottom: -5px;
}

.mararriaba7p5 {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}

.mararriaba10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mararriaba15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mararriaba20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mararriaba22 {
    margin-top: 22px;
    margin-bottom: 22px;
}

.mararriaba25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mararriaba30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mararriaba45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mararriaba87 {
    margin-top: 87px;
    margin-bottom: 87px;
}

.mararri0aba5 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.mararri0aba10 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.mararri0aba12p5 {
    margin-top: 0px;
    margin-bottom: 12.5px;
}

.mararri2p5aba10 {
    margin-top: 2.5px;
    margin-bottom: 10px;
}

.mararri2p5aba12p5 {
    margin-top: 2.5px;
    margin-bottom: 12.5px;
}

.mararri0aba15 {
    margin-top: 0px;
    margin-bottom: 15px;
}

.mararri0aba20 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.mararri0aba25 {
    margin-top: 0px;
    margin-bottom: 25px;
}

.mararri0aba30 {
    margin-top: 0px;
    margin-bottom: 30px;
}

.mararri3 {
    margin-top: 3px;
}

.mararri5aba0 {
    margin-top: 5px;
    margin-bottom: 0px;
}

.mararri5aba10 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.mararri5aba15 {
    margin-top: 5px;
    margin-bottom: 15px;
}

.mararri6aba24 {
    margin-top: 6px;
    margin-bottom: 24px;
}

.mararri7p5aba10 {
    margin-top: 7.5px;
    margin-bottom: 10px;
}

.mararri7p5aba12p5 {
    margin-top: 7.5px;
    margin-bottom: 12.5px;
}

.mararri7p5aba20 {
    margin-top: 7.5px;
    margin-bottom: 20px;
}

.mararri10aba5 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.mararri10aba12p5 {
    margin-top: 10px;
    margin-bottom: 12.5px;
}

.mararri10aba13 {
    margin-top: 10px;
    margin-bottom: 13px;
}

.mararri10aba15 {
    margin-top: 10px;
    margin-bottom: 15px;
}

.mararri15aba0 {
    margin-top: 15px;
    margin-bottom: 0px;
}

.mararri15aba2p5 {
    margin-top: 15px;
    margin-bottom: 2.5px;
}

.mararri15aba7p5 {
    margin-top: 15px;
    margin-bottom: 7.5px;
}

.mararri15aba10 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.mararri15aba12p5 {
    margin-top: 15px;
    margin-bottom: 12.5px;
}

.mararri15aba20 {
    margin-top: 15px;
    margin-bottom: 20px;
}

.mararri15aba45 {
    margin-top: 15px;
    margin-bottom: 45px;
}

.mararri20aba10 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.mararri20aba15 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.mararri20aba15 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.mararri25 {
    margin-top: 25px;
}

.mararri25aba2p5 {
    margin-top: 25px;
    margin-bottom: 2.5px;
}

.mararri25aba7p5 {
    margin-top: 25px;
    margin-bottom: 7.5px;
}

.mararri25aba17p5 {
    margin-top: 25px;
    margin-bottom: 17.5px;
}

.mararri4 {
    margin-top: 4px;
}

.mararri6 {
    margin-top: 6px;
}

.mararri7 {
    margin-top: 7px;
}

.mararri7p5 {
    margin-top: 7.5px;
}

.mararri8 {
    margin-top: 8px;
}

.mararri10 {
    margin-top: 10px;
}

.mararri12 {
    margin-top: 12px;
}

.mararri13 {
    margin-top: 13px;
}

.mararri15 {
    margin-top: 15px;
}

.mararri30 {
    margin-top: 30px;
}

.mararri30mob {
    margin-top: 0px;
}

@media (max-width: 766px) {

    .mararri30mob {
        margin-top: 30px;
    }

}

.mararri45 {
    margin-top: 45px;
}

.mararri48 {
    margin-top: 48px;
}

.mararri75 {
    margin-top: 75px;
}

.mararri15aba30 {
    margin-top: 15px;
    margin-bottom: 30px;
}

.mararri27aba67 {
    margin-top: 27px;
    margin-bottom: 67px;
}

.txtcenter {
    text-align: center;
}

.txtleft {
    text-align: left;
}

.borddott {
    border-style: dotted;
}

.paglogin {
    text-align: center;
    padding-top: 30px;
}

.logologin {
    height: 100px;
    margin-top: 8px;
    margin-bottom: 11px;
}

.linklogin, 
.dispbloc {
    display: block;
}

.curspoin {
    cursor: pointer;
}

.curspoin:hover {
    text-decoration: underline;
}

.form-control {
    border-color: #999999;
}

.padder12 {
    padding-right: 12px;
}

.padder15 {
    padding-right: 15px;
}

.padder25 {
    padding-right: 25px;
}

.padder30 {
    padding-right: 30px;
}

.padder45 {
    padding-right: 45px;
}

.padderizq0 {
    padding-right: 0px;
    padding-left: 0px;
}

.padderizq15 {
    padding-right: 15px;
    padding-left: 15px;
}

.padder30izq15 {
    padding-right: 30px;
    padding-left: 15px;
}

.padder15izq30 {
    padding-right: 15px;
    padding-left: 30px;
}

.padderizq20 {
    padding-right: 20px;
    padding-left: 20px;
}

.padderizq30 {
    padding-right: 30px;
    padding-left: 30px;
}

.padderizq40 {
    padding-right: 40px;
    padding-left: 40px;
}

.padderizq75 {
    padding-right: 75px;
    padding-left: 75px;
}

.bold {
    font-weight: bold;
}

.gris10pc {
    color: #e1e1e1;
}

.gris15pc {
    color: #d9d9d9;
}

.gris20pc {
    color: #ccc;
}

.gris25pc {
    color: #c0c0c0;
}

.gris30pc {
    color: #b3b3b3;
}

.gris35pc {
    color: #a6a6a6;
}

.gris40pc {
    color: #999999;
}

.gris50pc {
    color: #939598;
}

.boldgris50pc b {
    color: #939598;
}

.gris53pc {
    color: #868585;
}

.boldgris53pc b {
    color: #868585;
}

.gris55pc {
    color: #737373;
}

.boldgris55pc b {
    color: #737373;
}

.gris60pc {
    color: #666666;
}

.boldgris60pc b {
    color: #666666;
}

.gris75pc, 
.hovergris75pc:hover {
    color: #404040;
}

.marder-40 {
    margin-right: -40px;
}

.marder10 {
    margin-right: 10px;
}

.marder15 {
    margin-right: 15px;
}

.marderizq12 {
    margin-right: 12px;
    margin-left: 12px;
}

.marderizq-15 {
    margin-right: -15px;
    margin-left: -15px;
}

.marderizq-30 {
    margin-right: -30px;
    margin-left: -30px;
}

.marderizqauto {
    margin-right: auto;
    margin-left: auto;
}

.cintanombre {
    padding-top: 0px;
    color: #858383;
    margin-top: -10px;
    margin-right: -45px;
    margin-left: -45px;
}

.sombragrad {
    background: linear-gradient(to bottom, #e1e1e1, #fff, #fff);
    height: 15px;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 15px;
}

.ancho88vw {
    width: 88vw;
}

.ancho92vw {
    width: 92vw;
}

.ancho100vw {
    width: 100vw;
}

.ancho50pc {
    width: 50%;
}

.ancho75pc {
    width: 75%;
}

.ancho100pc {
    width: 100%;
}

@media (max-width: 766px) {

    .ancho100pcmob, 
    .ancho100pcmob input[type="time"], 
    .ancho100pcmob input[type="text"], 
    .ancho100pcmob input[type="number"] {
        width: 100%;
    }

}

.ancho99pc {
    width: 99%;
}

input[type=checkbox], 
input[type=radio] {
    transform: scale(1.1);
}

.txtdecnon {
    text-decoration: none;
}

.nombsecc {
    background-color: #f0f0f0;
    color: #7585b8;
    text-transform: uppercase;
    margin-right: -15px;
    margin-left: -15px;
}

.faketopmenu {
    background-color: #fff;
    border-bottom: 1px solid #b3b3b3;
    padding: 5px;
}

.logotopmenu {
    height: 50px;
}

.fotoperf {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    border: 1px solid #c0c0c0;
    float: right;
    margin: 1px 2px 0px 0px;
    background-size: auto 48px;
    background-position: center center;
}

.descsist {
    color: #7585b8;
    float: right;
    margin: 12.5px 10px 0px 0px;
}

.contenedortermcond {
    display: inline-block;
    border: 1px solid #b3b3b3;
    text-align: left;
    width: 98vw;
    background: white;
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0px 15px 1vw;
}

.scrolltermcond {
    border: 1px solid #b3b3b3;
    text-align: justify;
    width: 95.5vw;
    background: #f0f0f0;
    padding: 18px 30px;
    border-radius: 15px;
    height: 68vh;
    overflow-x: hidden;
    overflow-y: visible;
    margin: 15px 0.25vw;
}
 
.scrolltermcond b {
    color: #7585b8;
    padding-bottom: 10px;
    display: inline-block;
}

.botoacepcont {
    border-radius: 15px;
    padding: 10px 0px 10px 5vw;
    background-color: #334155;
    color: #fff;
    width: 20vw;
    margin-left: 40vw;
    font-weight: bold;
}

.botoacepcont:hover {
    background-color: #475569;
    text-decoration: underline;
    cursor: pointer;
}

.altura14 {
    height: 14px;
}

.altura28 {
    height: 28px;
}

.altura30 {
    height: 30px;
}

.altura37p5 {
    height: 37.5px;
}

.altura45 {
    height: 45px;
}

.altura51 {
    height: 51px;
}

.altura75 {
    height: 75px;
}

.altura100 {
    height: 100px;
}

.altura128 {
    height: 128px;
}

.altura150 {
    height: 150px;
}

.altura158 {
    height: 158px;
}

.altura172 {
    height: 172px;
}

.altura205 {
    height: 205px;
}

.altura400 {
    height: 400px;
}

.alturamax83vh {
    max-height: 83vh;
}

.padizq12p5 {
    padding-left: 12.5%;
}

.padizq5 {
    padding-left: 5px;
}

.padizq7p5 {
    padding-left: 7.5px;
}

.padizq10 {
    padding-left: 10px;
}

.padizq15 {
    padding-left: 15px;
}

.padizq17p5 {
    padding-left: 17.5px;
}

.padizq30 {
    padding-left: 30px;
}

.padizq45 {
    padding-left: 45px;
}

.contenedoravispriv {
    width: 74vw;
    margin: 30px 0px 0px 13vw;
    text-align: justify;
    font-weight: 700;
    font-size: 18px;
    color: #555;
}

.iconavispriv {
    height: 22px;
    vertical-align: baseline;
}

.colormoradocons {
    color: #7585b8;
}

.colormoradodark {
    color: #646f95;
}

.colorverde {
    color: green;
}

.colorazul1 {
    color: blue !important;
}

.bordecolormoracons {
    border-color: #7585b8;
}

.bordegrueso {
    border-width: 3px;
}

.bordearrimoracons {
    border-top: 2px solid #7585b8;
}

.bordearrigris25 {
    border-top: 1px solid #c0c0c0;
}

.bordearri2pxgris25 {
    border-top: 2px solid #c0c0c0;
}

.bordeabagris25 {
    border-bottom: 1px solid #c0c0c0;
}

.bordearriblanco {
    border-top: 1px solid #fff;
}

.padding1pc {
    padding: 1%;
}

.padding0 {
    padding: 0px;
}

.padding10 {
    padding: 10px;
}

.padarri0 {
    padding-top: 0px;
}

.padarri3 {
    padding-top: 3px;
}

.padarri4 {
    padding-top: 4px;
}

.padarri5 {
    padding-top: 5px;
}

.padarri6 {
    padding-top: 6px;
}

.padarri7 {
    padding-top: 7px;
}

.padarri7p5 {
    padding-top: 7.5px;
}

.padarri8 {
    padding-top: 8px;
}

.padarri9 {
    padding-top: 9px;
}

.padarri10 {
    padding-top: 10px;
}

.padarri10aba2p5 {
    padding-top: 10px;
    padding-bottom: 2.5px;
}

.padarri10aba30 {
    padding-top: 10px;
    padding-bottom: 30px;
}

.padarri12 {
    padding-top: 12px;
}

.padarri12p5 {
    padding-top: 12.5px;
}

.padarri14 {
    padding-top: 14px;
}

.padarri15 {
    padding-top: 15px;
}

.padarri30 {
    padding-top: 30px;
}

.padarri30aba25vh {
    padding-top: 30vh;
    padding-bottom: 25vh;
}

.padarri50 {
    padding-top: 50px;
}

.padarri60 {
    padding-top: 60px;
}

.padarri70 {
    padding-top: 70px;
}

.padarri72 {
    padding-top: 72px;
}

.padarri90 {
    padding-top: 90px;
}

.padarri100 {
    padding-top: 100px;
}

.padarriaba0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padarriaba5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padarriaba10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padarriaba30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padarriaba25derizq30aba17 {
    padding: 25px 30px 17px;
}

.padarri5aba10 {
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}

.padarri45aba15 {
    padding-top: 45px !important;
    padding-bottom: 15px !important;
}

.pad10 {
    padding: 10px;
}

.padarri5der10 {
    padding-top: 5px;
    padding-right: 10px;
}

.padarri10otros0 {
    padding: 10px 0px 0px 0px;
}

.padaba2p5 {
    padding-bottom: 2.5px;
}

.padaba5 {
    padding-bottom: 5px;
}

.padaba10 {
    padding-bottom: 10px;
}

.padaba12 {
    padding-bottom: 12px;
}

.padaba14 {
    padding-bottom: 14px;
}

.padaba15 {
    padding-bottom: 15px;
}

.padaba30 {
    padding-bottom: 30px;
}

.padaba40 {
    padding-bottom: 40px;
}

.padaba50 {
    padding-bottom: 50px;
}

.padaba90 {
    padding-bottom: 90px;
}

.padarri0aba12p5 {
    padding-top: 0px;
    padding-bottom: 12.5px;
}

.padarriaba10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padarriaba15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padarri1 {
    padding-top: 1px;
}

.padarri2 {
    padding-top: 2px;
}

.padarri4 {
    padding-top: 4px;
}

.padarri20 {
    padding-top: 20px;
}

.padarri22p5 {
    padding-top: 22.5px;
}

.padarri25 {
    padding-top: 25px;
}

.padarri26aba10 {
    padding-top: 26px;
    padding-bottom: 10px;
}

.padarri27 {
    padding-top: 27px;
}

.padarri42 {
    padding-top: 42px;
}

.padarri126 {
    padding-top: 126px;
}

@media (max-width: 766px) {

    .padarri126 {
        padding-top: 35px;
    }

}

.sinimag {
    border: 1px solid #939598;
    padding: 45px;
    border-radius: 15px;
    color: #737373;
}

.bulletcircvaci {
    list-style-type: circle;
}

.bulletmorado li::marker {
    color: #7585b8;
  }

.plecamora {
border-color: #7585b8;
opacity: 1;
border-style: dotted;
border-width: 1.5px;
}

.footer {
    border-top: 2px solid #7585b8;
    text-align: center;
    color: #939598;
    padding: 15px 0px;
    margin-top: 30px;
    font-weight: 400;
}

.floatder {
    float: right;
}

.floatizq {
    float: left;
}

.negro {
    color: #000;
}

.contenedoradmicuen {
    border: 1px solid #b3b3b3;
    background: white;
    border-radius: 15px;
    margin-top: 15px;
    padding: 15px 30px 0px;
}

.formcont30aba .form-control {
    margin-bottom: 30px;
}

.formcont15aba .form-control {
    margin-bottom: 15px;
}

.formcont30aba .form-control {
    margin-bottom: 30px;
}

.formcont10aba .form-control {
    margin-bottom: 10px;
}

.etiqueta {
    margin-bottom: 5px;
    font-size: 15px;
}

.marizq9 {
    margin-left: 9px;
}

.marizq15 {
    margin-left: 15px;
}

.marizq20 {
    margin-left: 20px;
}

.marizq30 {
    margin-left: 30px;
}

.marizq45 {
    margin-left: 45px;
}

.marizq116 {
    margin-left: 116px;
}

.bordabagris25 {
    border-bottom: 1px solid #c0c0c0;
}

.imagperf {
    width: 182px;
    height: 182px;
    border: 1px solid #c0c0c0;
    border-radius: 100px;
    display: inline-block;
    background-size: cover;
    background-position: center center;
}

.bloqueperfil {
    border: 1px solid #ccc;
    background-color: #fbfbfb;
    color: #939598;
    padding: 2px;
    text-align: center;
    margin-top: 16px;
    border-radius: 5px;
}

.col.breacrum {
    text-align: right;
    color: #fff;
    font-size: 14px;
    padding-top: 5px;
}

.breacrum a {
    color: #fff;
    text-decoration: none;
}

.breacrum a:hover {
    text-decoration: underline;
}

.showpass {
    margin-top: -67px;
    background-color: #ccc;
}

.showpass:hover {
    background-color: #b3b3b3;
}

.showpass img {
    height: 16px;
    opacity: 0.4;
}

.topmenu {
    background-color: #fff;
    border-bottom: 1px solid #b3b3b3;
    padding: 5px;
}

.topmenu2 {
    background-color: #fff;
    border-bottom: 1px solid #b3b3b3;
}

.noborder, .topmenu .btn {
    border: none;
}

/* menu lateral y contenido */

.container-closed {
      width: 64px;
}

/* menu lateral y contenido */

.example-container {
    position: absolute;
    top: 61px;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: #eee; */
    background: #ede9e9;
  }

.mat-drawer-content {
    /* padding: 30px 45px; */
    padding: 15px 20px;
}

.example-sidenav-content h4 {
    margin-top: -10px;
    margin-bottom: 0px;
    padding: 10px 0px 2px;
    color: #b490ff;
}

.header {
    background-color: rgb(52 95 129);
    border-radius: 15px;
    border: 1px solid #b3b3b3;
}

.header h5 {
    color: #fff;
    margin: 3px;
}

.header h5 img {
    display: none;
}

.menulate .mat-drawer-side {
    color: #7585b8;
    background-color: #fff;
}

.menulate .mat-drawer mat-list-item {
    margin-bottom: 15px;
}

.menulate .mat-drawer-side h6 {
    margin-top: -28px;
}

.menulate .mat-icon {
    margin-bottom: -1.75px;
    /* color: #7585b8; */
}

.menulate .mdc-list-item__primary-text {
    color: #7585b8;
}

.menulate mat-drawer button {
    border-radius: 10px;
    border-color: #fbfbfb;
}

.morahead {
    color: #b490ff;
}

.icontabl {
    display: inline-block;
    padding: 5px 7.5px 2.5px;
    background-color: #f0f0f0;
    border-radius: 15px;
    cursor: pointer;
    border: 1px solid #c0c0c0;
}

.icontabl:hover {
    background-color: #ccc;
    border: 1px solid #939598;
}

.mdc-data-table__content tr:hover {
    background-color: #fcfcd8;
}

.numeeven {
    background-color: rgb(52 95 129);
    color: #fff;
    padding: 2px 6px 3px;
    border-radius: 10px;
    margin-right: 10px;
}

.header .numeeven {
    background-color: #444;
}

.numeordeserv {
    background-color: slateblue;
    color: #fff;
    padding: 2px 6px 3px;
    border-radius: 10px;
}

.datocons {
    font-weight: bold;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 7.5px;
    margin-bottom: 7.5px;
}

.datoconsulti {
    font-weight: bold;
    padding-bottom: 5px;
}

.datoconsoscu {
    font-weight: bold;
    border-bottom: 1px solid #939598;
    padding-bottom: 15px;
    margin-bottom: 2.5px;
}

.scroarchadju {
    border: 1px solid #c0c0c0;
    border-radius: 15px;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 252px;
    background-color: #fff;
}

.scroarchadju ol li {
    line-height: 34px;
}

.tipoarch {
    height: 20px;
    margin-bottom: 15px;
}

.micard {
    border: 1px solid #000;
    border-radius: 15px;
    padding: 0px 15px 15px 15px;
    line-height: 18px;
    margin-bottom: 15px;
}

.micard h6 {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: bold !important;
    line-height: 0.25;
    padding: 10px 0px 10px 15px;
    margin-right: -15px;
    margin-left: -15px;
}

.micard h6 {
    color:#fff;
    text-decoration: none;
}

.micard h6:hover {
    text-decoration: underline;
    cursor: pointer;
}

.micard h6 .mat-icon {
    margin: -10px 15px 0px 0px;
    float: right;
    color: #fff;
}

.scrollbloque {
    /* height: 55vh;
    min-height: 55vh;
    max-height: 55vh; */
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: -15px;
    margin-right: -15px;
    margin-bottom: -10px;
    padding-top: 10px;
    color: #555;
}

.scrollbloque .col-sm-2, 
.scrollbloque .col-sm-3, 
.scrollbloque .col-sm-4, 
.scrollbloque .col-sm-4p5, 
.scrollbloque .col-sm-6, 
.scrollbloque .col-sm-2 div, 
.scrollbloque .col-sm-3 div, 
.scrollbloque .col-sm-4 div, 
.scrollbloque .col-sm-4p5 div, 
.scrollbloque .col-sm-6 div {
    margin-bottom: 6px;
    font-size: 14.75px;
    line-height: 14.75px;
}

.bloqazul {
    /* background-color: #eeeef6;
    border-color: blue; */
    background-color: #ede9e9;
    border-color: #7F669D;
}

.bloqazul h6 {
    /* border-bottom: 1px solid blue;
    background-color: #dfdff3; */
    border-bottom: 1px solid #7F669D;
    background-color: #7F669D;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.bloqguin {
    background-color: #f8ebf8;
    border-color: purple;
}

.bloqguin h6 {
    border-bottom: 1px solid purple;
    background-color: rgba(128, 0, 128, 0.1);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* .bloqnara {
    background-color: #f9f2e7;
    border-color: #bf7d02;
} */

/* .bloqnara h6 {
    border-bottom: 1px solid #bf7d02;
    background-color: rgba(191, 125, 2, 0.1);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
} */

.bloqverd {
    background-color: #edfbed;
    border-color: green;
}

.bloqverd h6 {
    border-bottom: 1px solid green;
    background-color: rgba(0, 128, 0, 0.1);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.bloqrosa {
    background-color: #fdf0f2;
    border-color: #c4707e;
}

.bloqrosa h6 {
    border-bottom: 1px solid #c4707e;
    background-color: #f7dee3;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.bloqcafe {
    background-color: #f4e4e4;
    border-color: brown;
}

.bloqcafe h6 {
    border-bottom: 1px solid brown;
    background-color: #f5d9d9;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.bloqbeig {
    background-color: #fdfae1;
    border-color: #a49725;
}

.bloqbeig h6 {
    border-bottom: 1px solid #a49725;
    background-color: #f4eeb5;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* .bloqaqua {
    background-color: #edf9f9;
    border-color: #04bcbc;
} */

/* .bloqaqua h6 {
    border-bottom: 1px solid #04bcbc;
    background-color: #b8fefe;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
} */

.icono {
    height: 18px;
    vertical-align: baseline;
}

.scrolldetaeven {
    height: 647px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: -15px;
    margin-bottom: 15px;
    margin-left: -15px;
    border-bottom: 1px solid green;
}

.scrolldetaeven ul {
    list-style-type: none;
    padding: 0px 15px;
}

.scrolldetaeven a {
    color: #555;
}

.scrolldetaeven i {
    display: block;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #939598;
}

.mapa {
    border: 1px solid #939598;
    height: 456px;
    margin-bottom: 15px;
    background-image: url("images/mapa.gif");
    background-position: top center;
}

.altminmax164 {
    height: 164px;
    min-height: 164px;
    max-height: 164px;
}

.altminmax90 {
    height: 90px;
    min-height: 90px;
    max-height: 90px;
}

.modal-header, .modal-footer {
    padding: 10px 30px;
}

.modal-header {
    border-bottom: 1px solid #b3b3b3;
}

.modal-footer {
    border-top: 1px solid #b3b3b3;
    background-color: #fff;
}

.modal-title {
    /* color: #1b2151; */
    color: #fff;
}

.close {
    border: 1px solid #555;
    border-radius: 5px;
    font-weight: bold;
    color: #555;
    position: absolute;
    right: 35px;
}

.anchaltu36 {
    width: 36px;
    height: 36px;
}

.fontsize12 {
    font-size: 12px;
}

.fontsize18 {
    font-size: 18px;
}

.fontsize20 {
    font-size: 20px;
}

.fontsize24 {
    font-size: 24px;
}

.fontsize26 {
    font-size: 26px;
}

.fontsize36 {
    font-size: 36px;
}

.fontsize100 {
    font-size: 100px;
}

@media (max-width: 1278px){

    .fontsize100 {
        font-size: 60px;
    }

}

.lineheig0 {
    line-height: 0px;
}

.padder0 {
    padding-right: 0px;
}

.fakeiconbtn {
    color: #7585b8;
    cursor: pointer;
}

.fakeiconbtn:hover {
    color: #51639c;
}

.scrollarch {
    height: 104px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.scroll158 {
    height: 158px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.scroll188 {
    height: 188px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.fondogrisover:hover {
    background-color: #efe8e8;
}

.margen0 {
    margin: 0px;
}

.evensele {
    height: 113px;
    background-color: #f8ebf8;
    border: 1px solid #f812f8;
    overflow-x: hidden;
    overflow-y: visible;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 25px;
}

.evensele .row {
    border-bottom: 1px solid #f674f6;
}

.evensele .row:hover {
    background-color: #e1e1e1;
}

.evensele .col-sm-8, .evensele .col-sm-2 {
    padding: 7.5px 20px 0px 20px;
}

.evensele .col-sm-1 {
    padding: 5px 20px 5px 20px;
}

.mat-tree {
    border-radius: 10px;
}

.seleespaarbo .mat-tree {
    min-height: 500px;
    margin: 30px 0px
}

.mat-mdc-tab.mdc-tab--active {
    background-color: #e6e5e5;
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-weight: bold;
}

.fakelink {
    color: #666666;
    cursor: pointer;
}

.p-tree-wrapper {
    min-height: 450px;
}

.seleespa .p-tree-wrapper {
    min-height: 300px;
}

.p-checkbox .p-checkbox-box {
    border: 2px solid #999999;
}

.plecnara {
/* border-top: 1px solid #bf7d02; */
border-top: 1px solid #7F669D;
opacity: 1.0;
}

.bloqgris {
    background-color: #e1e1e1;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    padding: 5px 5px 5px 0px;
}

.bloqgrisclar {
    background-color: #f0f0f0;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    padding: 5px 5px 5px 0px;
}

.actiprim {
    background-color: blue;
    color: #fff;
    padding: 0px 3px;
    border-radius: 5px;
}

.actisecu {
    background-color: steelblue;
    color: #fff;
    padding: 0px 3px;
    border-radius: 5px;
}

.width5pc {
    width: 5%;
    text-align: center !important;
}

.width6pc {
    width: 6%;
    text-align: center !important;
}

.width7p5pc {
    width: 7.5%;
    text-align: center !important;
}

.width10pc {
    width: 10%;
    text-align: center !important;
}

.width12pc {
    width: 12%;
    text-align: center !important;
}

.width12pcleft {
    width: 12%;
}

.width15pc {
    width: 15%;
    text-align: center !important;
}

.width15pcleft {
    width: 15%;
}

.width20pc {
    width: 20%;
    text-align: center !important;
}

.width20pcleft {
    width: 20%;
}

.width25pcleft {
    width: 25%;
}

.ancho15pc {
    width: 15%;
}

.ancho5vw {
    width: 5vw;
}

.ancho5vwcenter {
    width: 5vw;
    text-align: center;
}

.ancho6vwcenter {
    width: 6vw;
    text-align: center;
}

.ancho7p5vw {
    width: 7.5vw;
}

.ancho10vw {
    width: 10vw;
}

.ancho8vwcenter {
    width: 8vw;
    text-align: center;
}

.ancho9vwcenter {
    width: 9vw;
    text-align: center;
}

.ancho10vwcenter {
    width: 10vw;
    text-align: center;
}

.ancho12p5vw {
    width: 12.5vw;
}

.ancho15vw {
    width: 15vw;
}

.ancho20vw {
    width: 20vw;
}

.ancho25vw {
    width: 25vw;
}

.ancho30vw {
    width: 30vw;
}

.ancho35vw {
    width: 35vw;
}

.anchomin10vw {
    min-width: 10vw;
}

.anchomin15vw {
    min-width: 15vw;
}

.anchomin20vw {
    min-width: 20vw;
}

.anchomin26vw {
    min-width: 26vw;
}

.anchomin30vw {
    min-width: 30vw;
}

/* p-treetabletoggler button i {
    background-color: blue;
    color: #fff;
    border-radius: 5px;
    padding: 2.5px;
} */

.scrollarchactiprim {
    height: 380px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollarchactisecu {
    height: 378px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.altminmax65 {
    height: 65px;
    min-height: 65px;
    max-height: 65px;
}

.altminmax75 {
    height: 75px;
    min-height: 75px;
    max-height: 75px;
}

.altminmax130 {
    height: 130px;
    min-height: 130px;
    max-height: 130px;
}

.altminmax136 {
    height: 136px;
    min-height: 136px;
    max-height: 136px;
}

.altminmax137 {
    height: 137px;
    min-height: 137px;
    max-height: 137px;
}

.altminmax145 {
    height: 145px;
    min-height: 145px;
    max-height: 145px;
}

.p-tree {
    border: 1px solid #555;
    padding: 0px;
}

.actisecutree .p-tree {
    min-height: 536px;
}

.scrollarchconsactprim {
    height: 218px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollarchconsactsecu {
    height: 286px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mat-mdc-tab-header {
    border-bottom: 1px solid #999999;
}

.mat-mdc-tab-body-content {
    overflow-x: hidden;
}

.modalcasipantcomp {
    width: 100vw;
    height: auto;
    margin: 0px;
}

.modalcasipantcomp .modal-content {
    width: 100vw;
}

.modalcasipantcomp .modal-content .modal-body {
    max-height: 78vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal95vw {
    width: 95vw;
    height: auto;
    margin: 0vw 2.5vw;
}

.modal95vw .modal-content {
    width: 95vw;
}

.modal95vw .modal-content .modal-body {
    max-height: 78vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.opacidad20 {
    opacity: 0.2;
}

.opacidad25 {
    opacity: 0.25;
}

.opacidad40 {
    opacity: 0.4;
}

.opacidad50 {
    opacity: 0.5;
}

.opacidad100 {
    opacity: 1;
}

.geneordeservtree {
    padding: 0px 15px;
}

.geneordeservtree1 .p-treetable {
    border: 1px solid #999;
    border-radius: 10px;
    height: 345px;
    min-height: 345px;
    overflow-x: hidden;
    overflow-y: auto;
}

.geneordeservtree2 .p-treetable {
    /* position: relative; */
    border: 1px solid #999;
    border-radius: 10px;
    height: 47vh;
    overflow-y: auto;
}

.editordecomptree .p-treetable {
    border: 1px solid #999;
    border-radius: 10px;
    height: 42vh;
    overflow-y: auto;
    margin-bottom: 15px;
}

.fondogristenue2 {
    background-color: #f3f1f1;
}

.fondogristenue {
    background-color: #f0f0f0;
}

.fondogris10pc {
    background-color: #e1e1e1;
}

.fondogris15pc {
    background-color: #d9d9d9;
}

.fondogris20pc {
    background-color: #ccc;
}

.fondogris50pc {
    background-color: #939598;
    color: #fff;
}

.fondogris60pc {
    background-color: #666666;
    color: #fff;
}

.fondomoradoosc {
    background-color: #6b79a7;
    color: #fff;
}

.bordearri2gris25pc {
border-top: 2px solid #c0c0c0 !important;
}

.esquredo7p5 {
    border-radius: 7.5px;
}

.esquredo15 {
    border-radius: 15px;
}

.esquredoarri7p5 {
    border-top-left-radius: 7.5px;
    border-top-right-radius: 7.5px;
}

.esquredoarri15 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.esquredoder7p5 {
    border-top-right-radius: 7.5px;
    border-bottom-right-radius: 7.5px;
}

.esquredoizq7p5 {
    border-top-left-radius: 7.5px;
    border-bottom-left-radius: 7.5px;
}

.imagdocu {
    width: 30px;
    height: 30px;
    border: 1px solid #555;
}

.imagdocu2 {
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    margin-left: 26px;
 }

.imagdocugran {
    width: 45px;
    height: 45px;
    border: 1px solid #555;
}

.imagdocu:hover, 
.imagdocugran:hover {
    cursor: pointer;
    border: 2px solid #7585b8;
}

.p-picklist .p-picklist-buttons:first-child, 
.p-picklist .p-picklist-buttons:nth-child(5) {
    display: none;
}

.detacont .p-treetable .p-treetable-thead > tr > th, 
.detacont .p-treetable .p-treetable-tbody > tr > td  {
    padding: 5px 10px;
}

.detacont .p-picklist .p-picklist-list .p-picklist-item {
    padding: 5px;
}

/*CHECAR PARA PICKLIST .pi {
    font-size: 1.5rem;
} */

.conttabl {
    border: 1px solid #c0c0c0;
    border-radius: 15px;
}

.p-picklist .p-picklist-header, 
.p-picklist .p-picklist-list {
    border: 1px solid #999;
    border-bottom: none;
}

.p-picklist .p-picklist-list .p-picklist-item {
    border-bottom: 1px solid #c0c0c0;
}

.verdocu {
    max-width: 94vw;
    height: auto;
    border: 1px solid #999;
    margin: 20px 0px;
}

.planpago {
    float: right;
    font-size: 14px;
    font-weight: normal;
    padding-top: 8px;
    color: #666666;
}

.listaods {
    border: 1px solid #999;
    border-radius: 10px;
    padding: 10px;
    height: 56vh;
    overflow-x: hidden;
    overflow-y: auto;
}

@media ( max-width: 1280px ) {

    .listaods {
        height: 63vh;
    }

}

.p-treetable .p-treetable-tbody > tr:hover {
    background: #f0f0f0;
}

.ifrapdf {
    height: 100%;
}

.ifrapdf iframe {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.overflowhidd {
    overflow: hidden !important;
}

.p-inputtext {
    padding: 1px 5px;
    border: 1px solid #999;
}

.p-button {
    padding: 0.4rem;
    border-radius: 6px;
}

.p-dropdown {
    width: 100%;
    border: 1px solid #ccc;
}

.p-dropdown .p-inputtext {
    border: none;
}

.p-calendar {
    width: 100%;
}

.p-inputnumber {
    width: 100%;
}

.p-password {
    width: 100%;
}

.p-input-icon-right > .p-inputtext {
    width: 100%;
}

.p-button-secondary .p-button {
    background: rgb(52 95 129);
    color: #ffffff;
    border-color: rgb(52 95 129);
}

.p-button-secondary .p-button:hover {
    background: #475569;
    color: #ffffff;
    border-color: #475569;
}

.p-button-danger .p-button {
    color: #ffffff;
    background: #ef4444;
    border: 1px solid #ef4444;
}

.p-button-danger .p-button:hover {
    background: #dc2626;
    color: #ffffff;
    border-color: #dc2626;
}

.p-button-warning .p-button {
    color: #ffffff;
    background: #f97316;
    border: 1px solid #f97316;
}

.p-button-warning .p-button:hover {
    background: #ea580c;
    color: #ffffff;
    border-color: #ea580c;
}

.p-button-gris50 .p-button {
    color: #ffffff;
    background: rgb(52 95 129);
    border: 1px solid #939598;
}

.p-button-gris50 .p-button:hover {
    background: #666666;
    color: #ffffff;
    border-color: #666666;
}

.cardmaraba10 .card {
    margin-bottom: 10px;
}

.cardmaraba12p5 .card {
    margin-bottom: 12.5px;
}

.cardmaraba15 .card {
    margin-bottom: 15px;
}

.cardmaraba17p5 .card {
    margin-bottom: 17.5px;
}

.cardmaraba20 .card {
    margin-bottom: 20px;
}

.cardmaraba25 .card {
    margin-bottom: 25px;
}

.cardmaraba30 .card {
    margin-bottom: 30px;
}

.p-button.p-button-icon-only {
    padding: 2px 0;
}

.redondo .p-button.p-button-icon-only {
    padding: 0.25rem 0;
    border-radius: 75px;
}

.btnredondo {
    border-radius: 75px;
}

p-button.ancho100pc button {
    width: 100%;
}

.altumax76 {
    max-height: 76vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-body .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    padding: 15px 30px;
}

.ocultarpag .p-paginator button, 
.ocultarpag .p-paginator p-dropdown {
    display: none;
}

.scrollvert157 {
    height: 157px;
    border: 1px solid #999;
    border-radius: 7.5px;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: visible;
    margin-bottom: 10px;
}

.scrollvert157 ul {
    padding: 0px 0px 0px 20px;
}

.scrollvert157 li {
    border-bottom: 1px solid #ccc;
}

.recuadromorado {
    background-color: #646f95;
    color: #fff;
    border-radius: 7.5px;
    padding: 5px;
}

.pagipadarri0 .p-paginator {
    padding-top: 0px;
}

.p-treetable table {
    table-layout: auto;
}

.pagi100pc .p-paginator-right-content {
    width: 100%;
}

.campnumeanch65, 
.campnumeanch65 .card, 
.campnumeanch65 .p-inputtext, 
.campnumeanch65 .p-inputnumber {
    min-width: 65px;
    width: 65px;
    max-width: 65px;
}

.campnumeanch75, 
.campnumeanch75 .card, 
.campnumeanch75 .p-inputtext, 
.campnumeanch75 .p-inputnumber {
    min-width: 75px;
    width: 75px;
    max-width: 75px;
}

.campnumeanch85, 
.campnumeanch85 .card, 
.campnumeanch85 .p-inputtext, 
.campnumeanch85 .p-inputnumber {
    min-width: 85px;
    width: 85px;
    max-width: 85px;
}

.campnumeanch90, 
.campnumeanch90 .card, 
.campnumeanch90 .p-inputtext, 
.campnumeanch90 .p-inputnumber { /* (para campos de costo o precio dentro de columna de tabla) */
    min-width: 90px;
    width: 90px;
    max-width: 90px;
}

.campnumeanch95, 
.campnumeanch95 .card, 
.campnumeanch95 .p-inputtext, 
.campnumeanch95 .p-inputnumber {
    min-width: 95px;
    width: 95px;
    max-width: 95px;
}

.campnumeanch96, 
.campnumeanch96 .card, 
.campnumeanch96 .p-inputtext, 
.campnumeanch96 .p-inputnumber {
    min-width: 96px;
    width: 96px;
    max-width: 96px;
}

.campnumeanch100, 
.campnumeanch100 .card, 
.campnumeanch100 .p-inputtext, 
.campnumeanch100 .p-inputnumber { /* (para campos de calendario dentro de columna de tabla) */
    min-width: 100px;
    width: 100px;
    max-width: 100px;
}

.campnumeanch110, 
.campnumeanch110 .card, 
.campnumeanch110 .p-inputtext, 
.campnumeanch110 .p-inputnumber { /* (para campos de hora dentro de columna de tabla) */
    min-width: 110px;
    width: 110px;
    max-width: 110px;
}

.campnumeanch115, 
.campnumeanch115 .card, 
.campnumeanch115 .p-inputtext, 
.campnumeanch115 .p-inputnumber {
    min-width: 115px;
    width: 115px;
    max-width: 115px;
}

.campnumeanch120, 
.campnumeanch120 .card, 
.campnumeanch120 .p-inputtext, 
.campnumeanch120 .p-inputnumber {
    min-width: 120px;
    width: 120px;
    max-width: 120px;
}

.campnumeanch125, 
.campnumeanch125 .card, 
.campnumeanch125 .p-inputtext, 
.campnumeanch125 .p-inputnumber {
    min-width: 125px;
    width: 125px;
    max-width: 125px;
}

.campnumeanch150, 
.campnumeanch150 .card, 
.campnumeanch150 .p-inputtext, 
.campnumeanch150 .p-inputnumber {
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}

.campnumeanch175, 
.campnumeanch175 .card, 
.campnumeanch175 .p-inputtext, 
.campnumeanch175 .p-inputnumber {
    min-width: 175px;
    width: 175px;
    max-width: 175px;
}

.ocultarpag .p-paginator p-dropdown.visible {
    display: block;
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link, 
.tabsmora .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #f3f3f3;
    color: rgb(52 95 129);
}

.anchmini10pc .p-tabview .p-tabview-nav li {
    min-width: 10%;
}

.p-tabview .p-tabview-nav, 
.tabsmora .p-tabview .p-tabview-nav {
    border-width: 0 0 3px 0;
}

.p-datatable .p-datatable-thead > tr > th, 
.p-datatable .p-datatable-tbody > tr > td {
    padding: 5px 7.5px;
    line-height: 20px;
}

.tabsmora .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    background: #e8dde8;
}

.tabsmora .p-tabview .p-tabview-nav {
    background: #eee;
}

.p-listbox {
    border: 1px solid #999;
}

.p-listbox .p-listbox-list {
    padding: 0px;
}

.p-listbox .p-listbox-list .p-listbox-item {
    padding: 10.5px 15px;
    width: 50%;
    max-width: 50%;
}

.pad6p8 .p-listbox .p-listbox-list .p-listbox-item {
    padding: 6.8px;
}

.p-listbox-item, 
.dispinlibloc {
    display: inline-block;
}

.bordeizqgris30pc {
    border-left: 1px solid #c0c0c0 !important;
}

.bordedergris30pc {
    border-right: 1px solid #c0c0c0 !important;
}

.bordearrigris50pc {
    border-top: 1px solid #939598 !important;
}

.bordedergris50pc {
    border-right: 1px solid #939598 !important;
}

.bordeizqgris50pc {
    border-left: 1px solid #939598 !important;
}

/* .modal {
    margin-top: -13px;
} */

.modal-xl .modal-body {
    padding-bottom: 12px;
}

p-radiobutton {
    cursor: pointer;
}

.p-radiobutton .p-radiobutton-box {
    border: 2px solid #999;
}

.alturamax50 .p-treetable-scrollable-body {
    max-height: 50vh;
}

.alturamin384 .p-tree-wrapper, 
.alturamin384 .p-treetable {
    height: 384px;
    min-height: 384px;
    max-height: 384px;
    border: 1px solid #999999;
    border-radius: 5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.solonodohijo .p-tree .p-treenode-content .p-checkbox {
    display: none;
}

.solonodohijo .p-tree .p-treenode-children .p-checkbox {
    display: block;
}

.p-datatable .p-datatable-tbody > tr:hover {
    background: #f0f0f0;
}

.rengsubr .p-datatable .p-datatable-tbody > tr:hover {
    text-decoration: underline;
    cursor: pointer;
}

.scroll172 {
    height: 172px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.col-sm-0p5 {
    flex: 0 0 auto;
    width: 4.16666%;
}

.col-sm-1p5 {
    flex: 0 0 auto;
    width: 12.49999%;
}

.col-sm-2p5 {
    flex: 0 0 auto;
    width: 20.83332%;
}

.col-sm-3p5 {
    flex: 0 0 auto;
    width: 29.16666%;
}

.col-sm-4p5 {
    flex: 0 0 auto;
    width: 37.49999%;
}

.col-sm-8p5 {
    flex: 0 0 auto;
    width: 70.83332%;
}

.col-sm-10p5 {
    flex: 0 0 auto;
    width: 87.49999%;
}

.col-sm-11p5 {
    flex: 0 0 auto;
    width: 91.66666%;
}

.col-sm-5cols {
    flex: 0 0 auto;
    width: 20%;
}

@media (max-width: 766px) {

    .col-sm-0p5 {
        width: 100%;
    }
    
    .col-sm-1p5 {
        width: 100%;
    }
    
    .col-sm-2p5 {
        width: 100%;
    }
    
    .col-sm-3p5 {
        width: 100%;
    }
    
    .col-sm-4p5 {
        width: 100%;
    }
    
    .col-sm-8p5 {
        width: 100%;
    }
    
    .col-sm-10p5 {
        width: 100%;
    }
    
    .col-sm-11p5 {
        width: 100%;
    }
    
    .col-sm-5cols {
        width: 100%;
    }
}

.p-inputswitch .p-inputswitch-slider {
    background: #999;
}

.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: #555;
}

.plecvert150 {
    border-right: 1px solid #c0c0c0;
    height: 150px;
    position: absolute;
    margin-left: -16px;
}

.plecvert165 {
    border-right: 1px solid #c0c0c0;
    height: 165px;
    position: absolute;
    margin-left: -28px;
}

.plecvert205 {
    border-right: 1px solid #c0c0c0;
    height: 205px;
    position: absolute;
    margin-left: -16px;
}

.plecvert280 {
    border-right: 1px solid #c0c0c0;
    height: 280px;
    position: absolute;
    margin-left: -14px;
}

.plecvert325 {
    border-right: 1px solid #c0c0c0;
    height: 325px;
    position: absolute;
    margin-left: -16px;
}

.plecvert326 {
    border-right: 1px solid #c0c0c0;
    height: 326px;
    position: absolute;
    margin-left: -13px;
}

.plecvert392 {
    border-right: 1px solid #c0c0c0;
    height: 392px;
    position: absolute;
    margin-left: -17px;
}

.plecvert450 {
    border-right: 1px solid #c0c0c0;
    height: 450px;
    position: absolute;
    margin-left: -14px;
}

.altminmax96 {
    height: 96px;
    min-height: 96px;
    max-height: 96px;
}
/* se remplazo con la siguiente */

.altminmax121 {
    height: 121px;
    min-height: 121px;
    max-height: 121px;
}

.scroll275 {
    height: 275px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.col {
    padding: 0px 7.5px;
}

.p-picklist-list-wrapper {
    flex: 1 1 25%;
}

/* .padtime {
    padding: 0.4rem 0.3rem;
} */

.p-component {
    font-family: Lato !important;
    font-size: 16px !important;
}

.padding0 .p-tabview-panels {
    padding: 0px;
}

.padding0 .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 0rem;
}

.anchoajuste1 {
    width: 44vw;
    /* background-color: red; */
}

.anchoajuste2 {
    width: 3.5vw;
    /* background-color: pink; */
}

.anchoajuste3 {
    width: 56.5vw;
    /* background-color: red; */
}

.anchoajuste4 {
    width: 25vw;
    height: 10px;
    /* background-color: pink; */
}

.anchoajuste5 {
    width: 5.5vw;
    /* background-color: orange; */
}

.anchoajuste6 {
    width: 66.5vw;
    /* background-color: orange; */
}

.anchoajuste7 {
    width: 25.5vw;
    height: 4px;
    /* background-color: orange; */
}

.anchoajuste8 {
    width: 74vw;
    height: 1px;
    /* background-color: orange; */
}

.anchoajuste9 {
    width: 8vw;
    height: 1px;
    /* background-color: aqua; */
}

.anchoajuste10 {
    width: 65vw;
    height: 1px;
    /* background-color: orange; */
}

.anchoajuste11 {
    width: 12vw;
    height: 1px;
    /* background-color: aqua; */
}

@media (max-width: 1280px) { 

    .anchoajuste6 {
        width: 64vw;
    }
    
    .anchoajuste7 {
        width: 27vw;
    }

    .anchoajuste8 {
        width: 71.5vw;
    }
    
    .anchoajuste9 {
        width: 7.5vw;
    }

}

.mat-typography {
    font: 400 16px / 24px Lato, sans-serif;
}

.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    padding-right: 15px;
}

.btnderarri1 {
    position: absolute;
    top: 8px;
    right: 8px;
}

.btnderarri2 {
    position: absolute;
    top: 50px;
    right: 15px;
}

.lineheig20 {
    line-height: 20px;
}

.lineheig21 {
    line-height: 21px;
}

.lineheig22 {
    line-height: 22px;
}

.lineheig28 {
    line-height: 28px;
}

.topmenu a, mat-list-item a {
    text-decoration: none;
}

#menucale:hover a i {
    color: #fff;
}

.expofrit {
    height: 25px;
    width: 27.5%;
    position: absolute;
    left: 57.14%;
    top: 228px;
    z-index: 100;
    text-transform: uppercase;
}

.month_default_event_inner:hover {
    color: #fff;
    background: linear-gradient(#939598 0%, #555);
    cursor: pointer;
}

.evenporapro {
    height: 25px;
    width: 27.5%;
    position: absolute;
    left: 57.14%;
    top: 336px;
    z-index: 100;
    text-transform: uppercase;
}

.dropdown-item:hover {
    background-color: #f0f0f0;
}

.mdc-list-item:hover::before {
    opacity: 0.06;
}

.paddinghijo0 .p-tabview .p-tabview-panels {
    padding: 0px;
}

.paddinghijoarriaba0derizq10 .p-tabview .p-tabview-panels {
    padding: 0px 10px;
}

.p-picklist .p-picklist-list {
    padding: 0px;
}

.p-picklist-list-wrapper ul {
    padding-left: 0px !important;
}

.paddinghijo0 .p-stepper .p-stepper-panels {
    padding: 0px;
}

.paddinghijoarab0deiz2p5 .p-stepper .p-stepper-header {
    padding: 0px 2.5px;
}

.paddinghijo5 .p-stepper .p-stepper-header {
    padding: 5px;
}

.p-stepper .p-stepper-nav {
    overflow-y: hidden;
}

.ulmaraba0 ul {
    margin-bottom: 0px;
}

.p-picklist .p-picklist-header {
    padding: 5px 20px;
}

.grayhead .p-accordion .p-accordion-header .p-accordion-header-link {
    background-color: #d9d9d9;
    border-radius: 7.5px;
}

.bordegris25pc {
    border: 1px solid #c0c0c0;
}

.bordegris40pc {
    border: 1px solid #999999;
}

.bordegris50pc {
    border: 1px solid #939598;
}

.scroll76vh {
    max-height: 76vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.calemesabri {
    background-image: url(images/calendar.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 663px;
}

/* clases solo para este proyecto */

.month_default_event_inner {
    position: absolute;
    inset: 0px 1px;
    overflow: hidden;
    padding: 2px 2px 2px 10px;
    color: rgb(51, 51, 51);
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238));
    border: 1px solid rgb(153, 153, 153);
    border-radius: 0px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.month_default_event_bar {
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 6px;
}

.month_default_event_bar_inner {
    position: absolute;
    width: 6px;
    background-color: rgb(16, 102, 168);
}

.evenporapro .month_default_event_inner {
    position: absolute;
    inset: 0px 1px;
    overflow: hidden;
    padding: 2px 2px 2px 10px;
    color: #fff;
    background: linear-gradient(rgb(2 115 199) 0%, rgb(1 110 135));
    border: 1px solid #2196F3;
    border-radius: 0px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.evenporapro .month_default_event_inner:hover {
    color: cornsilk;
    background: linear-gradient(navy 0%, #666);
    cursor: pointer;
}

.evenporapro .month_default_event_bar_inner {
    position: absolute;
    width: 6px;
    background-color: coral;
}

.evenporapro1 {
    color: #35a7fb;
}

.evenporapro2 .p-button {
    background: #229cf5;
    border-color: #229cf5;
}

.p-tree-filter-container {
    position: relative;
    display: block;
    width: 90%;
    margin-left: 5%;
    padding: 15px;
    border-bottom: 1px dotted #555;
}

.p-tree .p-tree-filter-container .p-tree-filter {
    width: 50%;
    left: 25%;
    position: relative;
}

.p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin: -.5rem;
    left: 71%;
}

/* hasta aqui se actualizo el css de dev 24 abr 24 */

.lineheig16 {
    line-height: 16px;
}

.lineheig18 {
    line-height: 18px;
}

.p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #dce2f3;
    color: #4338CA;
}

.p-treetable-scrollable-header-box {
    padding-right: 0px !important;
}

.fakebtngris {
    padding: 0.25rem 20px;
    border-radius: 75px;
    background-color: #939598;
    color: #fff;
}

.fakebtngris:hover {
    background-color: #555;
}

thead, tbody tr {
    border-bottom: 1px solid #d9d9d9;
}

.scroll79vh {
    height: 79vh;
    max-height: 79vh;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (max-width: 1280px) {

    .scroll79vh {
        height: 76vh;
        max-height: 76vh;
    }

    .anchoajuste1 {
        width: 36vw;
    }

}

.mararri-2 {
    margin-top: -2px;
}

.mararri-5 {
    margin-top: -5px;
}

.mararri-5aba10 {
    margin-top: -5px;
    margin-bottom: 10px;
}

.mararri-35 {
    margin-top: -35px;
}

.mararri-40 {
    margin-top: -40px;
}

.mararri-50 {
    margin-top: -50px;
}

.mararri-86 {
    margin-top: -86px;
}

.anchomax4vw {
    max-width: 4vw;
}

.anchomax4vw .p-inputtext, 
.anchomax4vw .p-inputnumber {
    max-width: 4vw;
}

.anchomax6vw {
    max-width: 6vw;
}

.anchomax6vw .p-inputtext, 
.anchomax6vw .p-inputnumber {
    max-width: 6vw;
}

.anchomax8vw {
    max-width: 8vw;
}

.anchomax8vw .p-inputtext, 
.anchomax8vw .p-inputnumber  {
    max-width: 8vw;
}

.anchomax110 {
    max-width: 110px;
}

.anchomax110 .p-inputtext, 
.anchomax110 .p-inputnumber  {
    max-width: 100px;
}

.anchomax115, 
.anchomax115 .p-inputtext, 
.anchomax115 .p-inputnumber  {
    width: 115px;
}

.anchomax125, 
.anchomax125 .p-inputtext, 
.anchomax125 .p-inputnumber  {
    width: 125px;
}

.anchomax150 {
    max-width: 150px;
}

.anchomax150 .p-inputtext, 
.anchomax150 .p-inputnumber  {
    max-width: 150px;
}

.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    margin-inline-start: 16px;
}

.botonesabajo {
    position: absolute;
    bottom: -46px;
    right: 0px;
    z-index: 1000;
}

.p-tabview .p-tabview-nav-btn.p-link {
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #646f95;
    border-radius: 10px;
    width: 2.5rem;
}

.p-tabview .p-tabview-nav-btn.p-link:hover {
    background: rgba(225, 225, 225, 0.75);
    border: 1px solid #555;
    color: #555;
}

.p-tabview-nav-btn {
    height: 60%;
}

/* checar stepper */

.p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 5px;
}

.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    padding-right: 5px;
}

.p-calendar .p-inputtext {
    text-overflow: clip;
}

/* ESTILOS PARA PRESENTAR */

.example-container.azulevento {
    background: rgba(0, 0, 255, 0.1);
}

.p-button {
    background: rgb(52 95 129);
}

.p-button.p-button-outlined {
    background-color: transparent !important;
}

.btnaltu2rem .p-button.p-button-icon-only.p-button-rounded {
    height: 2rem;
}

.tablheadpad12p5 .p-datatable .p-datatable-header {
    /* background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0; */
    padding: 12.5px;
    /* font-weight: 700; */
}

.month_default_cell_business .month_default_cell_inner {
    background-color: #fff;
}

.month_default_cell_inner {
    background-color: #fff;
}

.month_default_cell_header {
    font-weight: bold;
}

.month_default_header_inner {
    background: rgb(52 95 129);
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/* header para evento */
.modal-header {
    background: rgba(0, 0, 255, 0.1);
}

.p-dropdown .p-dropdown-clear-icon {
    right: 3.5rem;
}

.p-paginator .p-dropdown {
    height: auto;
}

/* para dropdown de paginador */

.p-paginator p-dropdown .p-inputtext {
    padding: 1px 0.5rem 0px 20px;
}

.p-button {
    padding: 2px 0.5rem;
}

input[type="text"], 
input[type="time"], 
textarea {
    border-radius: 6px;
    border-width: 1px;
}

.altura155 {
    height: 155px;
}

.colorazulmari {
color: rgb(52 95 129);
}

.p-tabview .p-tabview-panels {
    background: transparent;
}

/* para notificaciones inicia */

.p-toast .p-toast-message .p-toast-message-content {
    padding: 10px;
    border-width: 0 0 0 5px;
}

.flex1 {
    flex: 1;
}

.img20px {
    width: 20px;
    height: 20px;
}

.img45px {
    width: 45px;
    height: 45px;
}

.vertaligtxtbot {
    vertical-align: text-bottom;
}

.vertaligmidd {
    vertical-align: middle;
}

/* .p-toast .p-toast-message.p-toast-message-default {
    border: solid #c0c0c0;
    border-width: 1px 1px 1px 5px;
    border-left-color: rgb(52 95 129);
} */

.p-toast .p-toast-message.p-toast-message-default {
    border: solid #c0c0c0;
    border-width: 1px 1px 1px 1px;
    box-shadow: 5px 5px 10px #c0c0c0;
}

.plecnoti {
    width: 100%;
    margin: 10px 0px 9px;
    border-style: dotted;
    opacity: 0.5;
}

/* .p-toast .p-toast-message .p-toast-icon-close {
    top: -4px;
    color: #666666;
} */

.p-toast .p-toast-message .p-toast-icon-close {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #999999;
}

/* .iconnoti {
    width: 109%;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
} */

.iconnoti {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/ok-icon.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    position: absolute;
    top: 66px;
    margin-left: -10px;
}

.txtnotif {
    width: 109%;
    text-align: center;
    color: black;
}

.p-toast-message {
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    background-color: #fff;
}

.notihead {
    line-height: 14px;
    color: #999999;
}

.notibody {
    color: #555;
    text-align: center;
}

.p-toast-message-content {
    display: block;
}

.p-toast .p-toast-message {
    border-radius: 15px;
}

.p-toast .p-toast-message.p-toast-message-success {
    border-width: 0 0 0 0px;
}

.p-toast-message-success .iconnoti {
    background-image: url(../assets/images/ok-icon.png);
}

.p-toast-message-danger .iconnoti {
    background-image: url(../assets/images/error-icon.png);
}

.p-toast-message-info .iconnoti {
    background-image: url(../assets/images/info-icon.png);
}

/* para notificaciones termina */

.p-dropdown-label {
    width: 5%;
    text-overflow: clip;
}

.p-dropdown .p-dropdown-trigger {
    width: 1.5rem;
}

.p-button.p-button-icon-only {
    width: 2.2rem;
}

.p-tooltip .p-tooltip-text {
    font-weight: bold;
    text-align: center;
    padding: 2.5px 5px;
    margin-top: -14px;
    line-height: 20px;
}

.p-tooltip.p-tooltip-top {
    padding: 0px;
    margin-top: -14px;
    z-index: 2502 !important;
}

.p-tabview .p-tabview-nav-content ul {
    padding-left: 0px;
}

.checkboxder {
    float: right;
    margin-top: 4px;
}

.p-treetable .p-treetable-tbody > tr > td {
    padding: 5px 7.5px 5px 2.5px;
    line-height: 18px;
}

.p-treetable .p-treetable-thead > tr > th {
    padding: 5px 7.5px 5px 2.5px;
}

.nombtreetbl {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}

.nombtreetblchic {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
}

.p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type {
    right: 0.5rem;
}

.mararri8aba2 {
    margin-top: 8px;
    margin-bottom: 2px;
}

.p-datepicker {
    z-index: 10000 !important;
}

.p-datepicker table {
    font-size: 14px;
}

.p-datepicker table td {
    padding: 0px;
}

.p-datepicker .p-datepicker-header {
    padding: 0px;
}

.p-datepicker table td > span {
    width: 2.25rem;
    height: 2.25rem;
}

.p-accordion .p-accordion-content {
    padding: 10px 0px;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 10px;
}

.acorconscont {
    margin-left: 0px !important;
    align-items: flex-end !important;
    justify-content: end !important;
}

.acorconscont .p-paginator-right-content {
    margin-left: 0px;
}

.acorconscont .p-paginator {
    align-items: normal;
    justify-content: end;
}

.margender-10 {
margin-right: -10px;
}

.nooverflow .p-datatable>.p-datatable-wrapper {
    overflow: hidden;
}

.marder-10izq-15 {
    margin-right: -10px;
    margin-left: -15px;
}

.footicon {
    /* border: 1px solid #666666; */
    border-radius: 5px;
    padding: 5px 2.5px 0px 2.5px;
    margin-right: 15px;
}

.footicon:hover {
    background-color: #e1e1e1;
}

.footicon .mat-icon {
    margin-bottom: -3.5px;
}

.nivel1 {
    padding-left: 10px;
}

.nivel2 {
    padding-left: 20px;
}

.datoeven b {
    white-space: nowrap;
    display: block;
    height: 25px;
    text-overflow: clip;
    overflow: hidden;
}

/* inician colores de agenda / naranja */

.example-container.naraagen {
    background: #ffffe085;
}

.naraagen .header {
    background-color: #faefcf;
    border-radius: 15px;
    border: 1px solid #f9d9a1;
}

.naraagen .header .numeeven {
    background-color: #939598;
}

.naraagen .header h5 {
    color: #666;
    margin: 3px;
}

.naraagen .col.breacrum {
    color: #666;
}

.naraagen .breacrum a {
    color: #666;
}

.naraagen .p-button-secondary .p-button, 
.naraagen .btn-secondary, 
.naraagen .p-button {
    background: linear-gradient(0deg, #ba774d, #e9915f);
    color: #fff;
    border-color: #ba774d;
}

.naraagen .p-button-secondary .p-button:hover, 
.naraagen .btn-secondary:hover, 
.naraagen .p-button:hover {
    background: #b1660c;
}

.naraagen .p-button-gris50 .p-button {
    background: #fbe9b5;
    color: #666;
    border-color: #ecc5ac;
}

.naraagen .p-button-gris50 .p-button:hover {
    background: #fec55c;
}

.naraagen .modal-header {
    background: #f8d39794;
}

.naraagen .modal-title {
    color: #555;
}

/* terminan colores de agenda / naranja */


/* inician colores de odes / morado */

.example-container.moraorde {
    background: #f7f1f7;
}

.moraorde .header {
    background-color: #edceed;
    border-radius: 15px;
    border: 1px solid #f6b5f6;
}

.moraorde .header .numeeven {
    background-color: #787676;
}

.moraorde .header h5 {
    color: #555;
}

.moraorde .col.breacrum {
    color: #000;
}

.moraorde .breacrum a {
    color: #000;
}

.moraorde .p-button-secondary .p-button, 
.moraorde .btn-secondary, 
.moraorde .p-button {
    background: linear-gradient(0deg, #892489, #b930b9);
    color: #ffffff;
    border-color: #b421b4;
}

.moraorde .p-button-secondary .p-button:hover, 
.moraorde .btn-secondary:hover, 
.moraorde .p-button:hover {
    background: #892489;
}

.moraorde .p-button-gris50 .p-button {
    background: #b56ab5;
    color: #ffffff;
    border-color: #ba99ba;
}

.moraorde .p-button-gris50 .p-button:hover {
    background: #892489;
}

.moraorde .modal-header {
    background: #f6d9f6;
}

.moraorde .fondomoradoosc {
    background-color: #950f95;
}

.moraorde .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: purple;
}

.moraorde .numeordeserv {
    background-color: purple;
}

/* terminan colores de odes / morado */


/* inician colores de pago / verde - RESERVAR VERDE PARA PAGOS */

/* terminan colores de pago / verde - RESERVAR VERDE PARA PAGOS */


.p-treetable .p-treetable-thead > tr > th {
    background: #f1efef;
}

.p-treetable-scrollable-header-box {
    padding-right: 0px !important;
}

.datoeven b {
    white-space: nowrap;
    display: block;
    height: 25px;
    text-overflow: clip;
    overflow: hidden;
}

.marizq2vw {
    margin-left: 2vw;
}

.pagpadarri60 .p-paginator {
    padding-top: 60px;
}

.btnagrerenglon {
    position: relative;
    top: -3.5vw;
    left: -27vw;
}

@media (max-height: 651px) {

    .btnagrerenglon {
        top: -4.5vw;
    }

}

/** inicia para pasar de un mes a otro en calendario **/

.p-tabview0 .p-tabview-nav-btn0.p-link0 {
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #646f95;
    border-radius: 10px;
    width: 2.5rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.p-tabview0 .p-tabview-nav-btn0.p-link0:hover {
    background: rgba(225, 225, 225, 0.75);
    border: 1px solid #555;
    color: #555;
}

.p-tabview-nav-prev0 {
    left: 10px;
}

.p-tabview-nav-next0 {
    right: 10px;
}

.p-tabview-nav-btn0 {
    position: absolute;
    top: 138px;
    z-index: 2;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-link0 {
    text-align: left;
    padding: 0;
}

/** termina para pasar de un mes a otro en calendario **/

.instblan {
    background-color: #fff;
    border-radius: 7.5px;
    padding: 2px 5px;
    color: #555;
}

.rengsele tbody tr:nth-child(1), 
.fondorengsele {
    background-color: #fcedd0;
}

.fondorengsele, 
.texttranuppe {
    text-transform: uppercase;
}

.btnagrerenglon2 {
    position: relative;
    top: -3.5vw;
    left: -40vw;
}

@media (max-height: 652px) {
    .btnagrerenglon2 {
        top: -4vw;
    }
}

.botonesabajo2 {
    position: absolute;
    bottom: 24px;
    right: 26px;
    z-index: 1000;
}

.tabpadarri0 .p-tabview .p-tabview-panels {
    padding: 0px 1.25rem;
}

.tabmaraba7p5 .p-tabview .p-tabview-nav {
    margin-bottom: 7.5px;
}

.headblan .p-treetable .p-treetable-thead > tr > th {
    background: #fff;
}

.steppadarri5 .p-stepper .p-stepper-panels {
    padding: 5px 1.25rem;
}

.stepulizq1r ul.p-stepper-nav {
    padding-left: 1rem;
}

.stepheadpadder20 .p-stepper-header .p-element {
    padding-right: 20px;
}


/* inician colores de modulos / azul y morado / eventos */

.example-container.azulevento {
    background: rgba(0, 0, 255, 0.1);
}

.header {
    background-color: #7F669D;
    border-radius: 15px;
    border: 1px solid #7F669D;
}

.header .numeeven {
    background-color: #444;
}

.header h5 {
    color: #fff;
    margin: 3px;
}

.col.breacrum {
    text-align: right;
    color: #fff;
    font-size: 14px;
    padding-top: 5px;
}

.breacrum a {
    color: #fff;
    text-decoration: none;
}

.p-button-secondary .p-button {
    background: #7F669D;
    color: #ffffff;
    border-color: #7F669D;
}

.p-button-secondary .p-button:hover {
    background: #5b4971;
    color: #ffffff;
    border-color: #5b4971;
}

.p-button-gris50 .p-button {
    color: #ffffff;
    background: #7F669D;
    border: 1px solid #939598;
}

.p-button-gris50 .p-button:hover {
    background: #5b4971;
    color: #ffffff;
    border-color: #7F669D;
}

.modal-header {
    background: #7F669D;
}

.azulevento .btn-close {
    filter: invert(1);
}

.marcaguaazuleven {
    background-image: url("/assets/images/MarcaAgua04.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.iconazuleven {
    color: #7F669D;
}

/* terminan colores de modulos / azul y morado / eventos */


/* inician colores de modulos / naranja / pagos */

.example-container.naranja {
    background: #feece3;
}

.naranja .header {
    background-color: #FF7F3E;
    border-radius: 15px;
    border: 1px solid #f8ddae;
}

.naranja .header .numeeven, 
.naranja .modal-header .numeeven {
    background-color: #78838f;
}

.naranja .header h5 {
    color: #fff;
    margin: 3px;
}

.naranja .col.breacrum {
    color: #fff;
    font-weight: bold;
}

.naranja .breacrum a {
    color: #fff;
}

.naranja .p-button-secondary .p-button, 
.naranja .btn-secondary, 
.naranja .p-button {
    background: linear-gradient(0deg, #c96533, #FF7F3E);
    color: #fff;
    border-color: #FF7F3E;
}

.naranja .p-button-secondary .p-button:hover, 
.naranja .btn-secondary:hover, 
.naranja .p-button:hover {
    background: #bd5d2d;
}

.naranja .p-button-gris50 .p-button {
    background: #FF7F3E;
    color: #fff;
    border-color: #ecc5ac;
}

.naranja .p-button-gris50 .p-button:hover {
    background: #bd5d2d;
}

.naranja .modal-header {
    background: #feece3;
}

.iconnaranja {
    color: #FF7F3E;
}

.fondnaratenu {
    background-color: #FF7F3E;
    color: #fff;
}

.naranja .modal-title {
    color: #555;
}

.marcaguanara {
    background-image: url("/assets/images/MarcaAguaNaranja.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bloqnara {
    /* background-color: #f9eee8;
    border-color: #FF7F3E; */
    background-color: #feece3;
    border-color: #FF7F3E;
}

.bloqnara h6 {
    /* border-bottom: 1px solid #FF7F3E;
    background-color: #f8dfd2; */
    border-bottom: 1px solid #FF7F3E;
    background-color: #FF7F3E;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* terminan colores de modulos / naranja / pagos */


/* inician colores de modulos / uva / ordenes de servicio */

.example-container.uva {
    background: #f4ecf5;
}

.uva .header {
    background-color: #6E5773;
    border-radius: 15px;
    border: 1px solid #f6b5f6;
}

.uva .header .numeeven {
    background-color: #8f8d8d;
}

.uva .header h5 {
    color: #fff;
}

.uva .col.breacrum {
    color: #fff;
}

.uva .breacrum a {
    color: #fff;
}

.uva .p-button-secondary .p-button, 
.uva .btn-secondary, 
.uva .p-button {
    background: linear-gradient(0deg, #544854, #ad80ad);
    color: #ffffff;
    border-color: #903790;
}

.uva .p-button-secondary .p-button:hover, 
.uva .btn-secondary:hover, 
.uva .p-button:hover {
    background: #554359;
}

.uva .p-button-gris50 .p-button {
    background: #8a6d90;
    color: #ffffff;
    border-color: #ba99ba;
}

.uva .p-button-gris50 .p-button:hover {
    background: #644f68;
}

.uva .modal-header {
    background: #6E5773;
}

.uva .modal-title {
    color: #fff;
}

.fondotenueuva {
    background: #f4ecf5;
}

.uva .fondomoradoosc {
    background-color: #644f68;
}

.uva .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: purple;
}

.uva .numeordeserv {
    background-color: #78838f;
}

.uva .btn-close {
    filter: invert(1);
}

.iconuva {
    color: #6E5773;
}

.marcaguauva {
    background-image: url("/assets/images/MarcaAguaUva.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bordeuva {
    border-color: #6E5773;
}

.bloquva {
    /* background-color: #f4ecf5;
    border-color: #6E5773; */
    background-color: #f4ecf5;
    border-color: #6E5773;
}

.bloquva h6 {
    /* border-bottom: 1px solid #6E5773;
    background-color: #efcef7; */
    border-bottom: 1px solid #6E5773;
    background-color: #6E5773;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* terminan colores de modulos / uva / ordenes de servicio */


/* inician colores de modulos / verde / pendiente */

.example-container.verde {
    background: #eaf8eb;
}

.verde .header {
    background-color: #587b5b;
    border-radius: 15px;
    border: 1px solid #4F6F52;
}

.verde .header .numeeven {
    background-color: #939598;
}

.verde .header h5 {
    color: #fff;
}

.verde .col.breacrum {
    color: #fff;
}

.verde .breacrum a {
    color: #fff;
}

.verde .p-button-secondary .p-button, 
.verde .btn-secondary, 
.verde .p-button {
    background: linear-gradient(0deg, #2c3d2d, #4f6f52);
    color: #ffffff;
    border-color: #4f6f52;
}

.verde .p-button-secondary .p-button:hover, 
.verde .btn-secondary:hover, 
.verde .p-button:hover {
    background: #2b3e2d;
}

.verde .p-button-gris50 .p-button {
    background: #4f6f52;
    color: #ffffff;
    border-color: #4f6f52;
}

.verde .p-button-gris50 .p-button:hover {
    background: #2c3e2e;
}

.verde .modal-header {
    background: #eff6f5;
}

.verde .fondomoradoosc {
    background-color: #d5e3e1;
    color: #000;
}

.verde .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: turquoise;
}

.verde .numeordeserv {
    background-color: #797878;
}

/* terminan colores de modulos / verde / pendiente */


/* inician colores de modulos / aqua / facturacion */

.example-container.aqua {
    background: #e9f2f5;
}

.aqua .header {
    background-color: #046582;
    border-radius: 15px;
    border: 1px solid #046582;
}

.aqua .header .numeeven, 
.aqua .modal-header .numeeven {
    background-color: #78838f;
}

.aqua .header h5 {
    color: #fff;
    margin: 3px;
}

.aqua .col.breacrum {
    color: #fff;
    font-weight: bold;
}

.aqua .breacrum a {
    color: #fff;
}

.aqua .p-button-secondary .p-button, 
.aqua .btn-secondary, 
.aqua .p-button {
    background: linear-gradient(0deg, #03475c, #046582);
    color: #fff;
    border-color: #046582;
}

.aqua .p-button-secondary .p-button:hover, 
.aqua .btn-secondary:hover, 
.aqua .p-button:hover {
    background: #033a4b;
}

.aqua .p-button-gris50 .p-button {
    background: #046582;
    color: #fff;
    border-color: #046582;
}

.aqua .p-button-gris50 .p-button:hover {
    background: #046582;
}

.aqua .modal-header {
    background: #046582;
}

.aqua .modal-title {
    color: #fff;
}

.aqua .close {
    color: #fff;
}

.iconaqua {
    color: #046582;
}

.fondoaquatenue {
    background-color: #e9f2f5;
}

.fondoazultxtblanco {
    background: #046582;
    color: #fff;
}

.plecaqua {
    border-color: #046582;
    opacity: 1.0;
}

.bloqaqua {
    background-color: #e9f2f5;
    border-color: #046582;
}

.bloqaqua h6 {
    border-bottom: 1px solid #046582;
    background-color: #046582;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* terminan colores de modulos / aqua / facturacion */


/* inician colores de modulos / ladrillo / catalogos */

.example-container.ladrillo {
    background: #fbefef;
}

.ladrillo .header {
    background-color: #ba6d6d;
    border-radius: 15px;
    border: 1px solid #BB6464;
}

.ladrillo .header .numeeven, 
.ladrillo .modal-header .numeeven {
    background-color: #78838f;
}

.ladrillo .header h5 {
    color: #fff;
    margin: 3px;
}

.ladrillo .col.breacrum {
    color: #fff;
    font-weight: bold;
}

.ladrillo .breacrum a {
    color: #fff;
}

.ladrillo .p-button-secondary .p-button, 
.ladrillo .btn-secondary, 
.ladrillo .p-button {
    background: linear-gradient(0deg, #7b4242, #BB6464);
    color: #fff;
    border-color: #BB6464;
}

.ladrillo .p-button-secondary .p-button:hover, 
.ladrillo .btn-secondary:hover, 
.ladrillo .p-button:hover {
    background: #7b4242;
}

.ladrillo .p-button-gris50 .p-button {
    background: #BB6464;
    color: #fff;
    border-color: #BB6464;
}

.ladrillo .p-button-gris50 .p-button:hover {
    background: #7b4242;
}

.ladrillo .modal-header {
    background: #fbefef;
}

.ladrillo .modal-title {
    color: #666;
}

.ladrillo .fondomoradoosc {
    background-color: #7b4242;
    color: #fff;
}

.ladrillo .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #7b4242;
}

.ladrillo .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #fbefef;
    color: #7b4242;
    font-weight: bold;
}

.ladrillo .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #7b4242;
}

.ladrillo .close {
    color: #666;
}

.marcagualadrillo {
    background-image: url("/assets/images/MarcaAguaLadrillo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.iconladrillo {
    color: #ba6d6d;
}

.bloqladr {
    background-color: #fbefef;
    border-color: #ba6d6d;
}

.bloqladr h6 {
    border-bottom: 1px solid #ba6d6d;
    background-color: #ba6d6d;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* terminan colores de modulos / ladrillo / catalogos */


/* inician colores de modulos / fiusha / espacios */

.example-container.fiusha {
    background: #f9edf1;
}

.fiusha .header {
    background-color: #d45d79;
    border-radius: 15px;
    border: 1px solid #d45d79;
}

.fiusha .header .numeeven, 
.fiusha .modal-header .numeeven {
    background-color: #78838f;
}

.fiusha .header h5 {
    color: #fff;
    margin: 3px;
}

.fiusha .col.breacrum {
    color: #fff;
    font-weight: bold;
}

.fiusha .breacrum a {
    color: #fff;
}

.fiusha .p-button-secondary .p-button, 
.fiusha .btn-secondary, 
.fiusha .p-button {
    background: linear-gradient(0deg, #a9485f, #d45d79);
    color: #fff;
    border-color: #d45d79;
}

.fiusha .p-button-secondary .p-button:hover, 
.fiusha .btn-secondary:hover, 
.fiusha .p-button:hover {
    background: #a64a5f;
}

.fiusha .p-button-gris50 .p-button {
    background: #d45d79;
    color: #fff;
    border-color: #d45d79;
}

.fiusha .p-button-gris50 .p-button:hover {
    background: #a64a5f;
}

.fiusha .modal-header {
    background: #d45d79;
}

.fiusha .fondomoradoosc {
    background-color: #a97d88;
    color: #fff;
}

.fiusha .numeordeserv {
    background-color: #78838f;
}

.iconfiusha {
    color: #d45d79;
}

.marcaguafiusha {
    background-image: url("/assets/images/MarcaAguaFiusha.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.fiusha .btn-close {
    filter: invert(1);
}

.bloqfius {
    /* background-color: #f9edf1;
    border-color: #d45d79; */
    background-color: #f9edf1;
    border-color: #d45d79;
}

.bloqfius h6 {
    /* border-bottom: 1px solid #d45d79;
    background-color: #f1dee2; */
    border-bottom: 1px solid #d45d79;
    background-color: #d45d79;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* terminan colores de modulos / fiusha / espacios */


/* inician colores de modulos / azul marino / agenda */

.example-container.azulmari {
    background: #e8ecef;
}

.azulmari .header {
    background-color: #11324d;
    border-radius: 15px;
    border: 1px solid #11324d;
}

.azulmari .header .numeeven, 
.azulmari .modal-header .numeeven {
    background-color: #78838f;
}

.azulmari .header h5 {
    color: #fff;
    margin: 3px;
}

.azulmari .col.breacrum {
    color: #fff;
    font-weight: bold;
}

.azulmari .breacrum a {
    color: #fff;
}

.azulmari .p-button-secondary .p-button, 
.azulmari .btn-secondary, 
.azulmari .p-button {
    background: linear-gradient(0deg, #11324d, #11324d);
    color: #fff;
    border-color: #11324d;
}

.azulmari .p-button-secondary .p-button:hover, 
.azulmari .btn-secondary:hover, 
.azulmari .p-button:hover {
    background: #011424;
}

.azulmari .p-button-gris50 .p-button {
    background: #11324d;
    color: #fff;
    border-color: #11324d;
}

.azulmari .p-button-gris50 .p-button:hover {
    background: #011424;
}

.azulmari .modal-header {
    background: #11324d;
}

.fondoclaroazulmari {
    background: #e8ecef;
}

.azulmari .btn-close {
    filter: invert(1);
}

.iconazulmari {
    color: #11324d;
}

.marcaguaazulmari {
    background-image: url("/assets/images/MarcaAguaAzulMari.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bloqazulmari {
    /* background-color: #e8ecef;
    border-color: #11324d; */
    background-color: #e8ecef;
    border-color: #11324d;
}

.bloqazulmari h6 {
    /* border-bottom: 1px solid #11324d;
    background-color: #c6def2; */
    border-bottom: 1px solid #11324d;
    background-color: #11324d;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* terminan colores de modulos / azul marino / agenda */


/* inician colores de modulos / turquesa / contratos */

.example-container.turquesa {
    background: #e5f7f8;
}

.turquesa .header {
    background-color: #03acbd;
    border-radius: 15px;
    border: 1px solid #03acbd;
}

.turquesa .header .numeeven, 
.turquesa .modal-header .numeeven {
    background-color: #78838f;
}

.turquesa .header h5 {
    color: #fff;
    margin: 3px;
}

.turquesa .col.breacrum {
    color: #fff;
    font-weight: bold;
}

.turquesa .breacrum a {
    color: #fff;
}

.turquesa .p-button-secondary .p-button, 
.turquesa .btn-secondary, 
.turquesa .p-button {
    background: linear-gradient(0deg, #04828f, #03acbd);
    color: #fff;
    border-color: #03acbd;
}

.turquesa .p-button-secondary .p-button:hover, 
.turquesa .btn-secondary:hover, 
.turquesa .p-button:hover {
    background: #04737e;
}

.turquesa .p-button-gris50 .p-button {
    background: #04828f;
    color: #fff;
    border-color: #04828f;
}

.turquesa .p-button-gris50 .p-button:hover {
    background: #07575f;
}

.turquesa .modal-header {
    background: #e5f7f8;
}

.turquesa .modal-title {
    color: #555;
}

.turquesa .close {
    color: #555;
}

.turquesa .fondomoradoosc {
    background-color: #04828f;
    color: #fff;
}

.turquesa .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #04828f;
}

.marcaguaturquesa {
    background-image: url("/assets/images/MarcaAguaTurquesa.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.iconturquesa {
    color: #04828f;
}

.bloqturq {
    background-color: #e5f7f8;
    border-color: #03acbd;
}

.bloqturq h6 {
    border-bottom: 1px solid #03acbd;
    background-color: #03acbd;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

/* terminan colores de modulos / turquesa / contratos */


/* inician colores de modulos / azulclaro / comentarios */

.example-container.azulclaro {
    background: #d8eff9;
}

.azulclaro .header {
    background-color: #d8eff9;
    border-radius: 15px;
    border: 1px solid #d8eff9;
}

.azulclaro .header .numeeven, 
.azulclaro .modal-header .numeeven {
    background-color: #58b1f8;
}

.azulclaro .header h5 {
    color: #939598;
    margin: 3px;
}

.azulclaro .col.breacrum {
    color: #555;
    font-weight: bold;
}

.azulclaro .breacrum a {
    color: #555;
}

.azulclaro .p-button-secondary .p-button, 
.azulclaro .btn-secondary, 
.azulclaro .p-button {
    background: linear-gradient(0deg, #daeff9, #ebf4f8);
    color: #939598;
    border-color: #aadaf0;
}

.azulclaro .p-button-secondary .p-button:hover, 
.azulclaro .btn-secondary:hover, 
.azulclaro .p-button:hover {
    background: #aadaf0;
    color: #666;
}

.azulclaro .p-button-gris50 .p-button {
    background: #daeff9;
    color: #939598;
    border-color: #aadaf0;
}

.azulclaro .p-button-gris50 .p-button:hover {
    background: #9ed7f0;
}

.azulclaro .modal-header {
    background: #ebf4f8;
    color: #939598;
}

.azulclaro .modal-title {
    color: #939598;
}

.azulclaro .close {
    color: #939598;
}

.iconazulclaro {
    color: #4a8fc8;
}

/* terminan colores de modulos / azulclaro / comentarios */


/* inician colores de modulos / turquesa3 */

/* .example-container.turquesa3 {
    background: #eff9f8;
}

.turquesa3 .header {
    background-color: #339e94;
    border-radius: 15px;
    border: 1px solid #339e94;
}

.turquesa3 .header .numeeven, 
.turquesa3 .modal-header .numeeven {
    background-color: #78838f;
}

.turquesa3 .header h5 {
    color: #fff;
    margin: 3px;
}

.turquesa3 .col.breacrum {
    color: #fff;
    font-weight: bold;
}

.turquesa3 .breacrum a {
    color: #fff;
}

.turquesa3 .p-button-secondary .p-button, 
.turquesa3 .btn-secondary, 
.turquesa3 .p-button {
    background: linear-gradient(0deg, #27766f, #339e94);
    color: #fff;
    border-color: #339e94;
}

.turquesa3 .p-button-secondary .p-button:hover, 
.turquesa3 .btn-secondary:hover, 
.turquesa3 .p-button:hover {
    background: #226660;
}

.turquesa3 .p-button-gris50 .p-button {
    background: #27766f;
    color: #fff;
    border-color: #27766f;
}

.turquesa3 .p-button-gris50 .p-button:hover {
    background: #143c39;
}

.turquesa3 .modal-header {
    background: #eff9f8;
}

.turquesa3 .modal-title {
    color: #555;
}

.iconturquesa3 {
    color: #046582;
} */

/* terminan colores de modulos / turquesa3 */


.p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    color: #939598;
}

.ajustepagos1 {
    display: inline-block;
    width: 15vw;
    height: 5px;
    background-color: red;
}

.ajustepagos2 {
    display: inline-block;
    width: 15vw;
    height: 5px;
    background-color: aqua;
}

.ajustepagos3 {
    display: inline-block;
    width: 15vw;
    height: 5px;
    background-color: fuchsia;
}

.btnagrerenglon3 {
    position: relative;
    top: -30px;
    right: 63.5vw;
}

@media (max-width: 1282px) {

    .btnagrerenglon3 {
        right: 58vw;
    }

}

.btnagrerenglon4 {
    position: relative;
    top: -20px;
    right: 27vw;
}

.scrollarch2 {
    height: 118px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollarch3 {
    height: 202px;
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 2.5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

/** inicia para pasar de un mes a otro en calendario **/

.p-tabview0 .p-tabview-nav-btn0.p-link0 {
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #646f95;
    border-radius: 10px;
    width: 2.5rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.p-tabview0 .p-tabview-nav-btn0.p-link0:hover {
    background: rgba(225, 225, 225, 0.75);
    border: 1px solid #555;
    color: #555;
}

.p-tabview-nav-prev0 {
    left: 10px;
}

.p-tabview-nav-next0 {
    right: 10px;
}

.p-tabview-nav-btn0 {
    position: absolute;
    top: 137px;
    z-index: 2;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-link0 {
    text-align: left;
    padding: 0;
}

/** termina para pasar de un mes a otro en calendario **/

.close {
    background: transparent;
    color: #fff;
    font-size: 30px;
    border: none;
    right: 2.5vw;
}

.p-toast {
    z-index: 10000 !important;
}

.meslabel {
    font-weight: bold;
    text-align: center;
    background: linear-gradient(90deg, transparent, #fff, #fff, #fff, transparent);
    border-radius: 15px;
    line-height: 28px;
}

.fondoblan35pc {
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 15px;
}

.fondoblan50pc {
    background-color: rgba(255, 255, 255, 0.5);
}

.fondowhite {
    background-color: #fff;
    border-radius: 15px;
}

.p-button-gris45pc .p-button {
    background: #a0a0a0;
    color: #fff;
    border-color: #a0a0a0;
}

.p-button-gris45pc:hover .p-button {
    background: #666;
}

.p-button-white .p-button {
    background: #fff;
    color: #000;
    border-color: #fbfbfb;
}

.p-button-white:hover .p-button {
    background: #ebeaea;
}

.truncatxt {
    max-width: 23vw;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: -6.5px;
    padding-left: 2px;
}

.truncatxt38vw {
    max-width: 38vw;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bloqgris10pc {
    background-color: rgba(235, 235, 235, 0.4);
    border-radius: 10px;
    padding: 5px 5px 7.5px 5px;
    line-height: 25px;
    margin: 0px 0px 12.5px 0px;
    color: #939598;
}

.ajustebotonsigu {
    margin: -60px 0px 0px 0px;
    padding-right: 20px;
}

.ajustebotonagrerecu1 {
    margin-top: -42px;
    margin-left: 147px;
}

.ajustebotonagrerecu2 {
    position: relative;
    top: -37px;
}

.ajustebotonante {
    margin-top: -68px;
    margin-left: 64px;
    margin-bottom: 20px;
}

.p-stepper .p-stepper-header {
    padding: 2.5px;
}

.p-highlight .p-stepper-title {
    color: #555;
}

.p-stepper-title {
    color: #939598;
}

.pi20 .pi {
    font-size: 20px;
}

.p-overlay.p-component {
    z-index: 10000 !important;
}

.p-picklist .p-picklist-list-wrapper {
    background: transparent;
}

.modal-body .card {
    background-color: transparent;
}

.altu84vh {
    height: 84vh;
}

.altumax84vh {
    max-height: 84vh;
}

.p-tooltip-right .p-tooltip-arrow {
    margin-top: -0.75rem;
}

.filtinve {
    filter: invert(1);
}

.recuadro1 {
    border: 1px solid #b4b6ba;
    border-radius: 10px;
    padding: 0px 10px 10px 10px;
    background: #e1e1e1;
}

.recuadro2 {
    border: 1px solid #999999;
    border-radius: 5px;
    padding: 30px 40px 12px 40px;
    margin-top: -8px;
    /* margin-bottom: 12px; */
}

.recuadro2noborde {
    padding: 30px 40px 12px 40px;
    margin-bottom: 12px;
}

/** inicia para modulo de comentario **/

.p-sidebar-icon {
    margin-left: auto;
}

.p-sidebar .p-sidebar-header {
    padding: 0.25rem 0.75rem;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
    color: #8ac4f3;
}

fieldset {
    min-width: auto;
    padding: 0px 10px 10px;
    margin: 0px;
    border: 1px solid #939598;
    border-radius: 7.5px;
}

legend {
    float: none !important;
    width: auto !important;
    padding: 0px 10px !important;
    margin-bottom: 10px !important;
    font-size: 18px !important;
    line-height: auto !important;
    color: #939598;
    border: none;
}

.p-fieldset .p-fieldset-content {
    padding: 0.5rem;
}

.p-sidebar .fotoperf {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    border: 1px solid #c0c0c0;
    float: none;
    margin: 6px 0px 0px;
    background-size: auto 36px;
    background-position: center center;
}

.txtcomentario {
    overflow-y: clip;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: justify;
    cursor: pointer;
    margin-bottom: 10px;
}

.expand {
    white-space: normal;
}

.scrollcomentarios {
    height: 64.5vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 15px 15px 0px;
    margin-top: 20px;
    border-top: 1px solid #c0c0c0;
}

.p-sidebar-content {
    overflow-y: hidden;
}

.p-sidebar-left {
    height: 100%;
    border-radius: 20px;
    border: 10px solid #d8eff9;
}

.ancho30rem {
    width: 30rem;
}

/* .modal {
    z-index: 2210;
} */

.iconfootcome {
    position: absolute;
    bottom: 10px;
    left: 30px;
}

/** termina para modulo de comentario **/

.bordabanone {
    border-bottom: none;
}

.altura164 {
    height: 164px;
    min-height: 164px;
    max-height: 164px;
}

.altura215 {
    height: 215px;
    min-height: 215px;
    max-height: 215px;
}

.altura250 {
    height: 250px;
}

.imagland {
    max-width: 100%;
    height: 325px;
    border-radius: 15px;
}

.altudetaeven1 {
    height: 150px;
}

.altudetaeven2 {
    height: 100px;
}

.anchomax350center {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
}

.anchomax50pc {
    max-width: 50%;
}

.anchomax100pc {
    max-width: 100%;
}

.anchomax1920 {
    max-width: 1920px;
}

.contornosombra {
    box-shadow: 5px 5px 5px #c0c0c0;
}

.fontweig700 {
    font-weight: 700;
}

.ajusteheaders1 {
    width: 61.75%;
    position: absolute;
    top: 95px;
    left: 28%;
}

@media (max-width: 1282px) {

    .ajusteheaders1 {
        width: 63.75%;
    }

}

.bordtablgris40pc, 
.bordtablgris40pc th, 
.bordtablgris40pc td {
    border-color: #999;
    border-style: solid;
    border-width: 1px;
}

.pad7p5 {
    padding: 7.5px;
}


/** nuevo diseño sitio **/


.fondomenu1 {
    background-color: #7F669D;
    color: #fff;
    /* visibility: hidden; */
}

.fondoblanco {
    background-color: #fff;
}

.p-menubar {
    padding: 0px;
    background: transparent;
    border: none;
    border-radius: 0px;
}

.p-menubar a {
    text-decoration: none;
}

.fondoimg01 {
    background-image: url("../assets/images/bgeventos.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

.bordradi5 {
    border-radius: 5px;
}

.cuadro01 {
    padding: 20px 40px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    margin: 0px -12px 15px;
}

@media (max-width: 766px) {

    .cuadro01 {
        padding: 20px 40px 10px;
    }

}

.altura40pc {
    height: 40%;
}

.darkoran .p-button {
    /* background-color: #c5784d;
    border-color: #c5784d; */
    background: #7F669D;
    border-color: #7F669D;
}

.darkoran1 {
    color: #7F669D;
}

.submenuusr {
    background-color: transparent;
    color: #fff;
    border: none;
}

.submenuusr2 {
    background-color: transparent;
    color: #666;
    border: none;
    margin-right: 20px;
}

.hidemobile {
    display: flex;
}

.hidemobilebloc {
    display: block;
}

.showmobile {
    display: none;
}

@media (max-width: 799px) {

    .hidemobile {
        display: none;
    }
    
    .hidemobilebloc {
        display: none;
    }
 
    .showmobile {
        display: flex;
    }

}

.headergrisconsomb {
    background-color: #e9e8e8;
    padding: 7.5px 12.5px;
    border-radius: 5px;
    color: #000;
    /* box-shadow: 5px 5px 10px #ccc; */
}

.headergrissinnsomb {
    background-color: #e9e8e8;
    padding: 7.5px 12.5px;
    border-radius: 5px;
    color: #000;
}

.row.linknara {
    padding: 0px 7.5px;
}

.linknara a, 
.linknara i, 
.linknara span {
    /* color: #e08a59; */
    color: #7F669D;
    font-weight: bold;
    text-decoration: none;
    /* padding: 5px 7.5px; */
}

.linknara i {
    font-size: 18px;
}

.linknara .col-10, 
.linknara .col-2 {
    padding-bottom: 0px;
}

.contornos div {
    border: 1px solid red;
}

.bordgris {
    border: 1px solid #c0c0c0;
    padding: 0px 30px 15px;
    margin-bottom: 15px;
}

.bordgrisnoarri {
    border: 1px solid #ccc;
    border-top: none;
    padding-bottom: 3px;
    margin-bottom: 15px;
}

.iniciales {
    padding: 20px;
    border-radius: 50px;
    border: 1px solid #c0c0c0;
    margin-bottom: 15px;
    color: #e08a59;
    font-size: 24px;
    font-weight: bold;
}

.circnara {
padding: 2.5px 5px;
/* background-color: #e08a59; */
background-color: #7F669D;
color: #fff !important;
border-radius: 20px;
}

.bloqpago {
    padding: 15px 30px;
    border: 1px solid #ccc;
    border-top: none;
}

.nara .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: transparent;
    color: #939598;
    text-decoration: none;
}

.nara .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #e08a59;
}

.nara .p-tabview-title {
    color: #939598;
}

.colornara {
    /* color: #e08a59; */
    color: #7F669D;
}

.p-badge {
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
}

.imaggale1 {
    width: 100%;
    max-height: 400px;
    border: 1px solid #c0c0c0;
}

.imaggale2 {
    width: 120px;
    height: 80px;
    border: 1px solid #c0c0c0;
    margin: 0px 15px 0px 0px;
}

.imaggale3 {
    width: 100%;
    height: 158px;
    border: 1px solid #999999;
    margin: 0px;
    border-radius: 7.5px;
}

@media ( max-width: 766px) {

    .imaggale1 {
        margin-bottom: 15px;
    }

}

.pad20 {
    padding: 20px;
}

.altura360 {
    height: 360px;
}

.theadmayus th {
    text-transform: uppercase;
}

.headblan .p-datatable .p-datatable-thead > tr > th {
    border: 0px solid #e5e7eb;
    background: transparent;
}

.nara2 .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: transparent;
    color: cornflowerblue;
    text-decoration: none;
}

.nara2 .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #e08a59;
}

.p-selectbutton .p-button {
    background: #ffffff !important;
    border: 1px solid #e08a59;
    color: #e08a59 !important;
    font-weight: bold;
}

.p-selectbutton .p-button.p-highlight {
    background: #e08a59 !important;
    border-color: #e08a59;
    color: #ffffff !important;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #fff;
}

.auto .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
}

.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    background: rgba(255, 255, 255, 0.25);
}

.auto .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    background: #f3f4f6;
}

.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    background: rgba(255, 255, 255, 0.25);
}

.auto .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    background: #f3f4f6;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
}

p-menubarsub.p-element {
    margin: 0px auto;
}

.logotopmenu2 {
    height: 50px;
    /* margin-top: -2px; */
    filter: brightness(10);
    cursor: pointer;
}

.logotopmenu3 {
    height: 34px;
    cursor: pointer;
    margin-left: 20px;
}

.nombcons {
    display: inline-block;
    padding: 5px 0px 0px 5px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    margin-right: -6px;
}

.nombcons2 {
    display: inline-block;
    padding: 5px 0px 0px 5px;
    color: #939598;
    cursor: pointer;
}

.p-menubar .p-menubar-root-list .p-icon-wrapper, 
.p-menubar .p-submenu-list .p-menuitem-link .p-icon-wrapper {
    display: none;
}

.p-menubar:hover {
    color: #4b5563;
}

.padizq0, 
.padizq0 ul {
    padding-left: 0px !important;
}

.p-menubar .p-submenu-list {
    border: 1px solid #e1e1e1;
    background: rgba(255, 255, 255, 0.9);
}

.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.9);
}

.tabspad15 .p-tabview .p-tabview-panels {
    padding: 15px;
}

.ejemvide {
    width: 100%;
    height: 150px;
}

.sintrig .p-dropdown .p-dropdown-trigger {
    display: none;
}

.centtabl p-table {
    margin-right: auto;
    margin-left: auto;
}

.scrohoriauto {
    overflow-x: auto;
}

.botoeditordecomppaso2b {
    position: relative;
    top: -30px;
    left: 145px;
}

.mararri2hijo .p-stepper .p-stepper-header {
    margin-top: 12px;
}

.fondofoto {
    /* width: 100vw; */
    height: 100vh;
    /* background-image: url("../assets/images/bgeventos.jpg"); */
    background-image: url("../assets/images/concierto.jpg");
    background-repeat: no-repeat;
    background-size: 75vw 100vh;
}

@media (max-width: 1282px) {

    .fondofoto {
        height: 108vh;
        background-size: 75vw 108vh;
    }

}

.fondofoto2 {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0px;
    left: 0px;
}

.fondofoto3 {
    width: 100vw;
    height: 100vh;
    background-image: url("../assets/images/bgeventos.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0px;
    left: 0px;
}

.altu100vh {
    height: 100vh;
}

.altumin100vh {
    min-height: 100vh;
}

@media (max-width: 1282px){

    .altumin100vh {
        min-height: 108vh;
    }

}

.logologin2 {
    height: 225px;
    margin: 25px 0px 25px 68%;
}

.logologin3 {
    height: 100px;
    margin: 20px auto 15px 125px;
}

@media (max-width: 766px) {

    .logologin2 {
        height: 190px;
        margin: 25px auto 25px 8vw;
    }

    .logologin3 {
        height: 100px;
        margin: 20px auto 15px 90px;
    }

}

.badgmararri5 .p-badge {
    margin-top: 5px;
}

@media (max-width: 766px) {

.disinlblomaraba15mob {
    display: inline-block;
    margin-bottom: 15px;
}

.maraba15mob {
    margin-bottom: 15px;
}

.maraba20mob {
    margin-bottom: 20px;
}

.maraba30mob {
    margin-bottom: 30px;
}

}

.disinlblopadaba72 {
    display: inline-block;
    padding-bottom: 72px;
}

.dispblocmobi {
    display: none;
}

@media (max-width: 766px) {

    .disinlblopadaba72 {
        padding-bottom: 30px;
    }

    .dispblocmobi {
        display: block;
    }

    .dispblocmobi2 {
        display: block;
    }

    .txtcenmob {
        text-align: center;
    }

    .p-tabview-nav-container {
        padding-top: 15px;
    }

    .p-tabview-nav-btn {
        height: 40%;
    }

    .p-tabview .p-tabview-nav-btn.p-link {
        width: 2rem;
    }

    .p-tabview .p-tabview-nav li .p-tabview-nav-link {
        padding: 1.25rem 1.25rem 15px 1.25rem;
    }

}

.padizq10vw {
    padding-left: 10vw;
}

.padder10vw {
    padding-right: 10vw;
}

.floalabegris .p-float-label label {
    background-color: #fff;
    width: 29%;
}

.floalabegris .p-float-label input.p-filled ~ label {
    background-color: transparent;
}

@media (max-width: 1282px) {

    .floalabegris .p-float-label label {
        width: 36%;
    }

}

.tranpbut .p-button {
    background: transparent;
}

.n-esti .modal-header {
    /* background: #662900; */
    background: #7F669D;
}

.n-esti .modal-title {
    color: #fff;
}

.n-esti .btn-close {
    filter: invert(1);
}

/* .n-esti .p-button-secondary .p-button, 
.n-esti .btn-secondary, 
.n-esti .p-button {
    background-color: #c5784d;
    color: #fff;
    border-color: #c5784d;
}

.n-esti .p-button-secondary .p-button:hover, 
.n-esti .btn-secondary:hover, 
.n-esti .p-button:hover {
    background: #c5784d;
} */

.imagbordhove:hover {
    /* border-top: 4px solid #f7955e;
    border-bottom: 4px solid #f7955e; */
    border-top: 4px solid #d0aafc;
    border-bottom: 4px solid #d0aafc;
    cursor: pointer;
}

.txtblanco {
    color: #fff;
}

.gradnegro {
    background: linear-gradient(0deg, #000, transparent);
    width: 100vw;
    height: 33vh;
    position: fixed;
    top: 67vh;
    left: 0px;
}

.gradnegro2 {
    background: linear-gradient(0deg, #000, transparent);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
}

.posirela {
    position: relative;
}

.textshad4 {
    text-shadow: 4px 4px 4px #000;
}

.reel {
    background-color: #f0f0f0;
    text-align: center;
    border-top: 1px solid #939598;
}

.logoland {
    height: 75px;
    margin: 15px 0px;
    border-radius: 15px;
}

.fondocentrob {
    background-image: url("../assets/images/fondocentrob.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.border-1 {
    border-width: 1px !important;
    border-style: solid;
}

.p-carousel .p-carousel-indicators {
    padding: 7px 0px 0px 0px;
}

.p-carousel .p-carousel-content .p-carousel-prev, 
.p-carousel .p-carousel-content .p-carousel-next {
    width: 3rem;
    height: 3rem;
    color: #e1e1e1;
    border-radius: 50% !important;
    margin: 0.75rem !important;
}

.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, 
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    background: rgba(255, 255, 255, 0.75);
    color: #555;
}

.flecgris .p-carousel .p-carousel-content .p-carousel-prev, 
.flecgris .p-carousel .p-carousel-content .p-carousel-next {
    color: #6b7280;
}

.p-carousel .p-icon {
    width: 2rem;
    height: 2rem;
}

.p-carousel ul {
    margin-bottom: 0px;
    background: linear-gradient(90deg, transparent, #242424, transparent);
}

.p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 2rem;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #d0aafc;
}

.p-carousel-container {
    margin: 0px -28px;
}

.p-carousel-content {
    overflow: hidden;
}

.filtbril10 {
    filter: brightness(10);
}

.fondonegrotrans60 {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
}

.fondonegrotrans35 {
    background-color: rgba(0, 0, 0, 0.35);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
}

.scroaltu58vh {
    height: 58vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 15px 30px 0px;
}

.fotocont {
    height: 250px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px -16px;
}

.ceducont {
    text-align: center;
    background-color: #fff;
    border-radius: 15px;
    margin: -45px 10px 20px 10px;
    padding: 10px;
    line-height: 2;
}

.infocont {
    background-color: #ece9e9;
    padding: 0px 15px 10px 15px;
    color: #555;
    margin: 0px -11px 8px -11px;
}

.popovermosaico {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 35px 10px 10px;
    color: #555;
    border-radius: 10px;
}

.mosaico .p-tooltip-text {
    background: #c0c0c0;
    color: #ffffff;
    padding: 0.3rem 0.3rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    font-weight: normal;
}

.verimagadju {
    width: auto;
    height: 62vh;
    border: 1px solid #999;
    margin: 20px 0px;
}

.botoredonara {
    font-size: 24px;
    color: #7F669D;
    cursor: pointer;
    padding: 1px 4px;
    border-radius: 20px;
}

.botoredonara:hover {
    color: #fff;
    background-color: #7F669D;
}

.btnfontsize30 .botoredonara {
    font-size: 30px;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #fff;
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
    line-height: 0px;
    margin-bottom: -6px;
}

.centnuevmenu p-menubar {
    display: inline-block;
}

.imagmiseven {
    width: 100%;
    height: 250px;
    border: 1px solid #999999;
}

.imagmiseven2 {
    width: 100%;
    height: 250px;
    border: 1px solid #999999;
    /* box-shadow: 0 .5rem 1rem #673AB7; */
}

.bloqmiseven {
    border: 1px solid #999999;
    border-top: none;
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 30px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.bloqmiseven2 {
    border: 1px solid #999999;
    border-top: none;
    padding: 10px;
    margin-bottom: 30px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    /* box-shadow: 0 .5rem 1rem #673AB7; */
    position: relative;
}

.fecheven1 {
    font-size: 22px;
    color: #555;
}

.fecheven2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #555;
}

.fecheven2a {
    font-size: 16px;
    text-transform: uppercase;
    color: #555;
}

.fecheven3 {
    font-size: 20px;
    color: #555;
    line-height: 29px;
}

.fecheven4 {
    font-size: 19px;
    color: #555;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
}

.md\:w-17p5rem {
    width: 17.5rem !important;
}

.surface-border {
    border-color: #999999 !important;
}

.p-button-lg .p-component {
    font-size: 1.25rem !important;
    padding: 0.5rem 1.25rem !important;
}

.anchmaxreel {
    max-width: 1480px;
    margin-right: auto;
    margin-left: auto;
}

.totaregi {
    background-color: #7F669D;
    color: #fff;
    padding: 2px 5px 4px;
    border-radius: 7.5px;
    font-size: 20px;
}

.iconconf {
    margin-bottom: 10px;
    height: 50px;
}

/* inicia estilos gafete */

.ancho20cm {
    width: 20cm;
}

.ancho10cm {
    width: 10cm;
    display: inline-block;
    border: 1px solid #555;
}

.alto12p5cm {
    height: 12.5cm;
    display: inline-block;
    border: 1px solid #555;
}

.datoeven {
    background-color: #939598;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 2.5px;
}

.imaggafe {
    width: 10cm;
    height: 2cm;
}

.tiporegi {
    background-color: #555;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    padding: 2.5px;
}

.tiporegi2 {
    background-color: #555;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 2.5px;
}

.codiqr {
    width: auto;
    height: 2.3cm;
}

.codibarr {
    max-width: 100%;
    height: 1.25cm;
}

.footgafe {
    width: 100%;
    height: 1.2cm;
}

.imagapp {
    height: 2cm;
}

/* termina estilos gafete */

.hoverbordegris25:hover {
    border: 1px solid #666;
    border-radius: 15px;
}

.coral1 {
    color: coral;
}

.nombmiseven {
    height: 60px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 98%;
    padding-right: 5px;
}

.p-datepicker .p-timepicker span {
    font-size: 16px;
}

/* inicia para badge */

.p-overlay-badge .p-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    transform-origin: 100% 0;
    margin: 0;
}

.p-badge.p-badge-danger {
    background-color: #ef4444;
    color: #ffffff;
}

.p-badge-no-gutter {
    padding: 0;
    border-radius: 50%;
}

.p-badge {
    display: inline-block;
    text-align: center;
}

/* termina para badge */

.p-dataview .p-dataview-emptymessage {
    text-align: center;
    color: #939598;
}

/* -- CHECAR -- */
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: transparent;
}

/* p-menubarsub {
    position: fixed;
    right: 0px;
    top: 60px;
    width: 100vw;
} */

/* exclusivas dev */

.posirelamararri-5p75vh {
    position: relative;
    margin-top: -5.75vh;
}

.posirelamararri-6vh {
    position: relative;
    margin-top: -6vh;
}

    .hidehr hr:nth-child(1n + 2) {
    display: none;
}

.imgmosa {
    width: 241px;
    height: 150px;
}

.imgreel {
    width: 140px;
    height: 105px;
}

.mosaico .p-carousel-item {
    flex: none !important;
}

.fakefloalabe {
    font-size: 12px;
    position: absolute;
    margin-top: -1.25rem;
    margin-left: 0.75rem;
    color: #6b7280;
}

.txtlogo {
    color: #9a58a8;
    font-size: 26px;
    font-weight: bold;
    padding-left: 36px;
    line-height: 20px;
}

.txtpowe {
    font-size: 12px;
    color: #939598;
    font-weight: bold;
    padding-left: 38px;
}

.ngx-overlay > .ngx-loading-logo {
    width: 120px !important;
    height: 300px !important;
}

.ngx-overlay > .ngx-foreground-spinner {
    margin: 80px 0px;
}

.logodial {
    height: 90px;
    opacity: 0.3;
}

.redoesquimag img, 
.bordradi15px {
    border-radius: 15px;
}

.redoesquarriimag img {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.dropdown-item a {
    color: #212529;
    text-decoration: none;
}

.fondopagimorado {
    background: #7F669D;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
}

.dataviewtrans .p-dataview .p-dataview-content {
    background: transparent;
}

.dataviewtrans .p-paginator {
    background: rgba(245, 245, 245, 0.75);
    padding: 0px 1rem;
    border-radius: 15px;
}

.dataviewtrans .p-paginator .p-paginator-pages .p-paginator-page {
    color: #6b7280;
    min-width: 3rem;
    height: 2rem;
    font-weight: bold;
}

.txtanchomax20vw {
    white-space: nowrap;
    max-width: 20vw;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 7px;
}

@media (min-width: 2560px) {

    .txtanchomax20vw {
        max-width: 12vw;
    }

}

.menutop .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0px;
    vertical-align: 0px;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    top: 10px;
    right: 0px;
}

.alinder20 {
    position: absolute;
    right: 20px;
}

.alinder28 {
    position: absolute;
    right: 28px;
}

.iconshare {
    padding: 12.5px;
    background-color: #ccc;
    border-radius: 25px;
    color: #000;
    position: relative;
    bottom: -6px;
    cursor: pointer;
    font-size: 18px;
}

.iconshare:hover {
    background-color: #555;
    color: #fff;
    border: 1px solid #fff;
}

.texteven1, .texteven2, 
.texteven3, .texteven4, 
.texteven5, .texteven6, 
.texteven7 {
    margin-bottom: 15px;
    text-align: justify;
    font-size: 17px;
}

.texteven1 .bi, .texteven2 .bi, 
.texteven3 .bi, .texteven4 .bi, 
.texteven5 .bi, .texteven6 .bi, 
.texteven7 .bi {
    color: #7F669D;
    padding-right: 5px;
}

.texteven1 h5, .texteven2 h5, 
.texteven3 h5, .texteven4 h5, 
.texteven5 h5, .texteven6 h5, 
.texteven7 h5 {
    font-weight: bold;
    color: #555;
}

.texteven1 a, .texteven2 a, 
.texteven3 a, .texteven4 a, 
.texteven5 a, .texteven6 a, 
.texteven7 a {
    text-decoration: none;
}

.texteven7 a {
    color: #555;
}

.texteven1 a:hover, .texteven2 a:hover, 
.texteven3 a:hover, .texteven4 a:hover, 
.texteven5 a:hover, .texteven6 a:hover, 
.texteven7 a:hover {
    text-decoration: underline;
}

.exclusivo {
    padding: 2.5px 7.5px 2.5px;
    margin-bottom: .5rem;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    border-radius: .25rem;
    background: #e1e1e1;
}

.titueven {
    font-size: 1.75rem;
    line-height: 1.4em;
    font: 600 1.25rem / 1.5rem;
    margin-top: 0;
    margin-bottom: .5rem;
    color: #fff;
    font-weight: bold;
}

/** para arte capital **/

.fontmont {
    font-family: 'Montserrat';
}

.fontmont .p-component {
    font-family: 'Montserrat' !important;
}

.fontmont .fondomoradoosc {
    background-color: #eee33e;
    color: #000;
}

.fontmont .p-button {
    color: #000;
    background: #eee33e;
    border: 1px solid #eee33e;

}

.logoartecapi {
    height: 56px;
    margin-right: 40px;
}

.bi-pi-gris .bi, 
.bi-pi-gris .pi {
    color: #b3b3b3;
}

.fontmont .fondomenu1 {
    background-color: #eee33e;
    /* visibility: visible; */
    /* margin-top: -60px; */
}

@media (max-width: 720px) {

    .fontmont .fondomenu1 {
        margin-top: 0px;
    }

}

.fontmont .submenuusr {
    color: #000;
}

.fontmont .logotopmenu2 {
    height: 35px;
    margin-top: 5px;
    filter: none;
}

.fontmont .bandafondo {
    background-image: url(../assets/images/bandafondo2.png);
    background-repeat: repeat-x;
    background-position: 0px -85px;
    min-height: 365px;
    padding-top: 0px;
    background-color: rgba(255, 255, 255, 0.25);
}

.fontmont .titueven {
    color: #000;
}

.fontmont .texteven1 .bi, 
.fontmont .texteven2 .bi, 
.fontmont .texteven3 .bi, 
.fontmont .texteven4 .bi, 
.fontmont .texteven5 .bi, 
.fontmont .texteven6 .bi, 
.fontmont .texteven7 .bi {
    color: #b3b3b3;
}

.gradlogo {
    background-image: linear-gradient(90deg, transparent, #bdb321, transparent);
}

@media (max-width: 720px) {

    .anchomaxmob {
        display: block;
        white-space: nowrap;
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        float: right;
    }

    .textaligrighmob {
        text-align: right;
    }

}

.imageven {
    width: 100%;
    height: 325px;
    border-radius: 15px;
    margin-top: 15px;
}

.alinearfondo {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.mostlabe .p-float-label label {
    top: -0.75rem;
    font-size: 12px;
}