/* 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;
}

/**  para app eventos en mobile inicia **/

@media (max-width: 799px) {

    html {
        overflow-x: auto;
    }

    html, 
    body, 
    .mat-drawer-container {
        /* min-width: 1280px; */
        min-height: 768px;
    }

    .modal-fullscreen {
        width: 1280px;
    }

    .fondoconcierto {
        width: 100% !important;
        height: 100% !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-color: #000 !important;
    }

    .paglogin {
        text-align: left;
        padding-left: 20vw;
    }

    .contenedorlogin {
        width: 100vw;
        max-width: 375px;
    }

    .modal-backdrop {
        width: 100%;
        height: 100%;
    }

    .modal-xl {
        --bs-modal-width: 1140px;
    }

    .modal-lg {
        --bs-modal-width: 800px;
    }

    .modalcasipantcomp {
        width: 1280px !important;
        min-width: 1280px !important;
        max-width: 1280px !important;
    }

    .modalcasipantcomp .modal-content {
        width: 1280px !important;
        min-width: 1280px !important;
        max-width: 1280px !important;
    }

    .modalcasipantcomp .modal-content .modal-body {
        max-height: 142vh !important;
    }

    .alturamax83vh {
        max-height: none !important;
    }

}

.col-1, 
.col-2, 
.col-3, 
.col-4, 
.col-5, 
.col-6, 
.col-7, 
.col-8, 
.col-9, 
.col-10, 
.col-11, 
.col-12  {
    padding-top: 0px;
    padding-bottom: 0px;
}

/**  para app eventos en mobile termina **/

.maraba0 {
    margin-bottom: 0px;
}

.maraba5 {
    margin-bottom: 5px;
}

.maraba7 {
    margin-bottom: 7px;
}

.maraba7p5 {
    margin-bottom: 7.5px;
}

.maraba8 {
    margin-bottom: 8px;
}

.maraba9 {
    margin-bottom: 9px;
}

.maraba10 {
    margin-bottom: 10px;
}

.maraba11 {
    margin-bottom: 11px;
}

.maraba12 {
    margin-bottom: 12px;
}

.maraba12p5 {
    margin-bottom: 12.5px;
}

.maraba14 {
    margin-bottom: 14px;
}

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

.maraba-15 {
    margin-bottom: -15px;
}

.maraba17p5 {
    margin-bottom: 17.5px;
}

.maraba18 {
    margin-bottom: 18px;
}

.maraba19 {
    margin-bottom: 19px;
}

.maraba20 {
    margin-bottom: 20px;
}

.maraba21 {
    margin-bottom: 21px;
}

.maraba25 {
    margin-bottom: 25px;
}

.maraba27 {
    margin-bottom: 27px;
}

.maraba30, 
.maraba30mob0 {
    margin-bottom: 30px;
}

.maraba33 {
    margin-bottom: 33px;
}

.maraba35 {
    margin-bottom: 35px;
}

@media (max-width: 1024px) {

    .maraba35mob {
        margin-bottom: 35px;
    }

}

.maraba45 {
    margin-bottom: 45px;
}

.maraba50 {
    margin-bottom: 50px;
}

.maraba150 {
    margin-bottom: 150px;
}

.maraba150mob15 {
    margin-bottom: 150px;
}

@media (max-width: 1024px) {

    .maraba150mob15 {
        margin-bottom: 15px;
    }

}

.mararri-7p5aba15 {
    margin-top: -7.5px;
    margin-bottom: 15px;
}

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

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

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

.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-10aba0 {
    margin-top: -10px;
    margin-bottom: 0px;
}

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

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

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

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

.mararri5 {
    margin-top: 5px;
}

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

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

.mararri7p5 {
    margin-top: 7.5px;
}

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

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

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

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

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

.mararri10aba25 {
    margin-top: 10px;
    margin-bottom: 25px;
}

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

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

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

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

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

.mararriaba35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

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

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

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

.mararri0  {
    margin-top: 0px;
}

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

.mararri0aba7p5 {
    margin-top: 0px;
    margin-bottom: 7.5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mararri12p5 {
    margin-top: 12.5px;
}

.mararri15 {
    margin-top: 15px;
}

.mararri28 {
    margin-top: 28px;
}

.mararri30 {
    margin-top: 30px;
}

.mararri75 {
    margin-top: 75px;
}

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

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

.txtrightmobcenter {
    text-align: right;
}

.txtcenter {
    text-align: center;
}

.txtleft, 
.txtleftmobcenter {
    text-align: left;
}

@media (max-width: 799px) {

    .txtrightmobcenter, 
    .txtleftmobcenter {
        text-align: center;
    }

}

.borddott {
    border-style: dotted;
}

.fondoconcierto {
    position: fixed;
    /* width: 100vw;
    height: 115vh;
    background-image: url(/assets/images/concierto09.png);
    background-repeat: no-repeat;
    background-size: 145vw 180vh;
    background-position: -23.75vw -80vh;
     */
    width: 100vw;
    height: 100vh;
    background-image: url(/assets/images/concierto13.jpg);
    background-repeat: no-repeat;
    background-size: 105vw 100vh;
    background-position: -4.55vw;
}

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

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

.linklogin {
    display: block;
}

.curspoin, 
.curspoin2 {
    cursor: pointer;
}

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

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

.padder0 {
    padding-right: 0px;
}

.padder5 {
    padding-right: 5px;
}

.padder7p5 {
    padding-right: 7.5px;
}

.padder7p5pc {
    padding-right: 7.5%;
}

.padder8pc {
    padding-right: 8%;
}

.padder10 {
    padding-right: 10px;
}

.padder12 {
    padding-right: 12px;
}

.padder15 {
    padding-right: 15px;
}

.padder17 {
    padding-right: 17px;
}

.padder20 {
    padding-right: 20px;
}

.padder38 {
    padding-right: 38px;
}

.padder42 {
    padding-right: 42px;
}

.padder10vw {
    padding-right: 10vw;
}

.padderizq2p5 {
    padding-right: 2.5px;
    padding-left: 2.5px;
}

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

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

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

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

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

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

@media (max-width: 799px) {

    .padderizq30mob10 {
        padding-right: 10px;
        padding-left: 10px;
    }

}

.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;
}

.gris53pc {
    color: #868585;
}

.boldgris53pc b {
    color: #868585;
}

.gris55pc {
    color: #737373;
}

.gris60pc {
    color: #666666;
}

.boldgris60pc b {
    color: #666666;
}

.gris65pc {
    color: #595959;
}

.gris75pc {
    color: #404040;
}

.marder5, 
.botocaromarder5 .p-carousel-item {
    margin-right: 5px;
}

.marder10 {
    margin-right: 10px;
}

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

.marder12pc, 
.marder12pcmob10pc {
    margin-right: 12%;
}

@media (max-width: 799px) {

    .marder12pcmob10pc {
        margin-right: 10%;
    }

}

.marder13pc {
    margin-right: 13%;
}

.marder15 {
    margin-right: 15px;
}

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

.marder20 {
    margin-right: 20px;
}

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

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

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

.marderizq185 {
    margin-right: 185px;
    margin-left: 185px;
}

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

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

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

.ancho100pc, 
.ancho100pc63p5mob {
    width: 100%;
}

@media (max-width: 799px) {

    .ancho100pc63p5mob {
        width: 65%;
    }

}

.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: -30px;
    margin-left: -30px;
}

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

.logotopmenu {
    height: 50px;
    margin-left: 20px;
}

.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;
    cursor: pointer;
}

.descsist {
    color: #7585b8;
    /* float: right; */
    margin: 12.5px 10px 0px 0px;
    text-align: right;
}

.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;
}

.altura27p5, 
.altura27p5 > div > span {
    height: 27.5px;
}

.altura100 {
    height: 100px;
}

.altura102 {
    height: 102px;
}

.altura137 {
    height: 137px;
}

.altura155 {
    height: 155px;
}

.altura158 {
    height: 158px;
}

.altura170 {
    height: 170px;
}

.altura210 {
    height: 210px;
}

.altura225 {
    height: 225px;
}

.altura235 {
    height: 235px;
}

.altura244 {
    height: 244px;
}

.altura245 {
    height: 245px;
}

.altura270 {
    height: 270px;
}

.altura281 {
    height: 281px;
}

.altura360 {
    height: 360px;
}

.altura40pc {
    height: 40%;
}

.altura50vh, 
.altura50vhmob80vh {
    height: 50vh;
    overflow-y: auto;
}

.altura53vhmob80vh {
    height: 53vh;
    overflow-y: auto;
}

@media (max-width: 799px) {

    .altura50vhmob80vh {
        height: 80vh;
        overflow-y: auto;
    }

    .altura53vhmob80vh {
        height: 80vh;
        overflow-y: auto;
    }

}

.altura85p2vh {
    height: 85.2vh;
}

.alturamax83vh {
    max-height: 83vh;
}

.padizq0 {
    padding-left: 0px;
}

.padizq1 {
    padding-left: 1px;
}

@media (max-width: 799px) {

    .padizq0mob {
        padding-left: 0px;
    }

}

.padizq5 {
    padding-left: 5px;
}

.padizq10 {
    padding-left: 10px;
}

.padizq12p5 {
    padding-left: 12.5%;
}

.padizq30mob12 {
    padding-left: 30px;
}

@media (max-width: 799px) {

    .padizq30mob12 {
        padding-left: 12px;
    }

}

.padizq25 {
    padding-left: 25px;
}

.padizq25pc {
    padding-left: 25%;
}

.padizq35 {
    padding-left: 35px !important;
}

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

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

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

.colormoradocons {
    color: #7585b8;
}

.colormoradodark {
    color: #646f95;
}

.colormoradobole {
    color: #4d3470;
}

.colorverde {
    color: green;
}

.colorazul1 {
    color: blue !important;
}

.colorazulclaro {
    color: cadetblue;
}

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

.bordegrueso {
    border-width: 3px;
}

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

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

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

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

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

.padding0 {
    padding: 0px;
}

.padding4 {
    padding: 4px;
}

@media (max-width: 799px) {

    .padding10mob {
        padding: 10px !important;
    }

}

.padarri0 {
    padding-top: 0px;
}

.padarri2 {
    padding-top: 2px;
}

.padarri2p5 {
    padding-top: 2.5px;
}

.padarri4 {
    padding-top: 4px;
}

.padarri5 {
    padding-top: 5px;
}

.padarri10derizq30 {
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
}

.padarri20derizq25 {
    padding-top: 20px;
    padding-right: 25px;
    padding-left: 25px;
}

.padarri12 {
    padding-top: 12px;
}

.padarri14 {
    padding-top: 14px;
}

.padarri16 {
    padding-top: 16px;
}

.padarri18 {
    padding-top: 18px;
}

.padarri22 {
    padding-top: 22px;
}

.padarri24, 
.padarri24mob0  {
    padding-top: 24px;
}

@media (max-width: 799px) {

    .padarri24mob0 {
        padding-top: 0px;
    }

}

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

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

.padarriaba2p5 {
    padding-top: 2.5px !important;
    padding-bottom: 2.5px !important;
}

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

.padarriaba7p5 {
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}

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

.padarri6 {
    padding-top: 6px !important;
}

.padarri7 {
    padding-top: 7px;
}

.padarri7p5 {
    padding-top: 7.5px;
}

.pad10 {
    padding: 10px;
}

.padarri10 {
    padding-top: 10px;
}

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

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

.padarri15, 
.padarri15mob0 {
    padding-top: 15px;
}

@media (max-width: 799px) {

    .padarri15mob0 {
        padding-top: 0px;
    }

}

.padarri15aba5 {
    padding-top: 15px;
    padding-bottom: 5px;
}

.padarri15aba10 {
    padding-top: 15px;
    padding-bottom: 10px;
}

.padarri15aba20 {
    padding-top: 15px;
    padding-bottom: 20px;
}



.padaba0 {
    padding-bottom: 0px;
}

.padaba2p5 {
    padding-bottom: 2.5px;
}

.padaba5 {
    padding-bottom: 5px;
}

.padaba6 {
    padding-bottom: 6px;
}

.padaba7p5 {
    padding-bottom: 7.5px;
}

.padaba10 {
    padding-bottom: 10px;
}

.padaba12 {
    padding-bottom: 12px;
}

.padaba15 {
    padding-bottom: 15px;
}

@media (max-width: 799px) {

    .padaba10mob {
        padding-bottom: 10px;
    }

    .padaba15mob {
        padding-bottom: 15px;
    }

}

.padaba24 {
    padding-bottom: 24px;
}

.padaba30 {
    padding-bottom: 30px;
}

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

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

.padarri20 {
    padding-top: 20px;
}

.padarri22p5 {
    padding-top: 22.5px;
}

.padarri25 {
    padding-top: 25px;
}

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

.padarriaba25derizq50mob30aba17 {
    padding: 25px 50px 17px;
}

.padarriaba25derizq30aba0 {
    padding: 25px 30px 0px;
}

@media (max-width: 768px) {

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

}

.padarri27 {
    padding-top: 27px;
}

.padarri30 {
    padding-top: 30px;
}

.padarri32 {
    padding-top: 32px;
}

.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;
}

.etiquetachic {
    margin-bottom: 2.5px;
}

.marizq15 {
    margin-left: 15px;
}

.marizq20 {
    margin-left: 20px;
}

.marizq30 {
    margin-left: 30px;
}

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

.imagperf {
    width: 217px;
    height: 217px;
    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: 6px;
    text-align: center;
    margin-top: 16px;
    border-radius: 5px;
}

.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;
    min-width: 1280px;
}

.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;
    min-width: 1280px;
  }

/* @media (max-width: 799px) {

    .example-container {
        top: 0px;
      }

} */

  .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 h5 img {
display: none;
}

.mat-drawer-inner-container {
    overflow: hidden;
}

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

/* .menulate .mat-drawer mat-list-item {
    margin-bottom: 5px;
} */

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

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

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

.menulate 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); */
    background-color: #78838f;
    color: #fff;
    padding: 2px 6px 3px;
    border-radius: 10px;
    margin-right: 10px;
}

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

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

.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;
}

.tipoarch2 {
    height: 20px;
    margin-bottom: 8px;
}

.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;
}

.bloqazul {
    background-color: #ede9e9;
    border-color: #7F669D;
}

.bloqazul h6 {
    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;
}

.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;
}

.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;
}

.altminmax60 {
    height: 60px;
    min-height: 60px;
    max-height: 60px;
}

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

.altminmax150 {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
}

.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;
}

.fontsize14 {
    font-size: 14px;
}

.fontsize15 {
    font-size: 15px;
}

.fontsize18 {
    font-size: 18px;
}

.fontsize20 {
    font-size: 20px;
}

.fontsize22 {
    font-size: 22px;
}

.fontsize24 {
    font-size: 24px;
}

.fontsize30 {
    font-size: 30px;
}

.fontsize36 {
    font-size: 36px;
}

.fontsize48 {
    font-size: 48px;
}

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

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

.scrollarch {
    height: 98px;
    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;
}

.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;
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;
}

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

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

.width10pcder {
    width: 10%;
    text-align: right !important;
}

.width10pcleft {
    width: 10%;
    text-align: left !important;
}

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

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

.width15pcder {
    width: 15%;
    text-align: right !important;
}

.width15pcizq {
    width: 15%;
    text-align: left !important;
}

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

.width20pcleft {
    width: 20%;
    text-align: left !important;
}

.width25pc {
    width: 25%;
    text-align: center !important;
}

.width25pcleft {
    width: 25%;
}

.width30pc {
    width: 30%;
    text-align: center !important;
}

.width30pcleft {
    width: 30%;
}

.width48pcleft {
    width: 48%;
}

.width48pcright {
    width: 48%;
    text-align: right;
}

.ancho10pc {
    width: 10%;
}

.ancho15pc {
    width: 15%;
}

.ancho5vw {
    width: 5vw;
}

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

.ancho7p5vw {
    width: 7.5vw;
}

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

.ancho10vw {
    width: 10vw;
}

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

.ancho12p5vw {
    width: 12.5vw;
}

.ancho15vw {
    width: 15vw;
}

.anchomin15vw {
    min-width: 15vw;
}

.ancho20vw {
    width: 20vw;
}

.anchomin30vw {
    min-width: 30vw;
}

.anchomin1000 {
    min-width: 1000px;
}

@media (max-width: 799px) {

    .ancho174vwmob {
        width: 174vw;
    }

}

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

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

.scrollarchactisecu {
    height: 397px;
    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;
}

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

.altminmax148 {
    height: 148px;
    min-height: 148px;
    max-height: 148px;
}

.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;
    min-width: 100vw;
    max-width: 100vw;
    height: auto;
    margin: 0px;
}

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

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

.modal1280 {
    width: 1280px;
    min-width: 1280px;
    max-width: 1280px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

.modal1280 .modal {
    width: 1280px;
    min-width: 1280px;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

.modal1280 .modal-content {
    width: 1280px;
    min-width: 1280px;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

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

.opacidad20 {
    opacity: 0.2;
}

.opacidad25 {
    opacity: 0.25;
}

.opacidad30 {
    opacity: 0.3;
}

.opacidad40 {
    opacity: 0.4;
}

.opacidad50 {
    opacity: 0.5;
}

.opacidad100 {
    opacity: 1;
}

.geneordeservtree {
    padding: 0px 15px;
}

.geneordeservtree .p-tree {
    height: 440px;
    min-height: 440px;
}

.geneordeservtree .p-treetable {
    position: relative;
    border: 1px solid #999;
    border-radius: 10px;
}

.fondogristenue {
    background-color: #f0f0f0;
}

.fondogristenue2 {
    background-color: #f3f1f1;
}

.fondogris10pc {
    background-color: #e1e1e1;
}

.fondogris15pc {
    background-color: #d9d9d9;
}

.fondogris20pc {
    background-color: #ccc;
}

.fondogris25pc {
    background-color: #c0c0c0;
}

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

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

.fondogris75pc {
    background-color: #555;
    color: #fff;
}

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

.esquredo6 {
    border-radius: 6px;
}

.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: 12px 0px 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: 15px;
    height: 66vh;
    overflow-x: hidden;
    overflow-y: auto;
}

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

.ifrapdf {
    height: 84vh;
}

@media (max-width: 1282px) {

    .ifrapdf {
        height: 82vh;
    }

}

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

.overflowhidd {
    overflow: hidden !important;
}

.p-inputtext, 
input[type="text"] {
    padding: 1px 0.25rem;
    border: 1px solid #999;
}

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

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

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

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

.p-calendar {
    width: 100%;
}

.p-inputnumber {
    width: 100%;
}

.p-password {
    width: 100%;
}

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

.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;
}

.cardmaraba5 .card {
    margin-bottom: 5px;
}

.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;
}

.cardmaraba35 .card {
    margin-bottom: 35px;
}

.p-button.p-button-icon-only {
    padding: 2px 0;
}
.redomaschic .p-button.p-button-icon-only {
    padding: 0px;
    border-radius: 75px;
    line-height: 0px;
    margin-top: -5px;
    margin-bottom: 2px;
}

.redondo .p-button.p-button-icon-only, 
.redondo p-togglebutton {
    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%;
}

.campnumeanch40, 
.campnumeanch40 .card, 
.campnumeanch40 .p-inputtext, 
.campnumeanch40 .p-inputnumber {
    min-width: 40px;
    width: 40px;
    max-width: 40px;
}

.campnumeanch50, 
.campnumeanch50 .card, 
.campnumeanch50 .p-inputtext, 
.campnumeanch50 .p-inputnumber {
    min-width: 50px;
    width: 50px;
    max-width: 50px;
}

.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: #7F669D;
    color: #fff;
}

.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;
    background: rgba(0, 0, 255, 0.1);
}

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

.stretch .p-datatable .p-datatable-thead > tr > th, 
.stretch .p-datatable .p-datatable-tbody > tr > td {
    padding: 5px 5.5px;
}

.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 {
    display: inline-block;
}

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

.bordedergris30pc {
    border-right: 1px solid #c0c0c0 !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;
}

.altumin305 {
    min-height: 305px;
}

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

.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, 
.modal-body .p-datatable .p-datatable-tbody > tr:hover {
    background: #f0f0f0;
}

.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-10p5 {
    flex: 0 0 auto;
    width: 87.49999%;
}

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

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

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

.plecvert66 {
    border-right: 1px solid #c0c0c0;
    height: 66px;
    position: absolute;
    margin-left: -20px;
}

.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;
}

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

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

.scroll290 {
    height: 290px;
    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.5rem;
} */

.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: 13vw;
    /* background-color: red; */
}

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

.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: 3.5px;
    right: 15px;
}

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

.btnderarri3 {
    position: absolute;
    top: 3.5px;
    right: 5px;
}

.submenus a, mat-list-item a {
    text-decoration: none;
    display: block;
    margin-right: -15px;
    padding-right: 7.5px;
}

#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, 
.evenporapro .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;
}

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

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

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

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

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

.ulmaraba7p5 ul {
    margin-bottom: 7.5px;
}

.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;
}

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

.scroll80vh {
    max-height: 80vh;
    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 */

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

.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;
    text-overflow: clip;
    white-space: nowrap;
}

.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); */
    background-color: #7F669D;
}

.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)); */
    background: #35a7fb;
    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; */
    background-color: #35a7fb;
}

.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%;
}

/* ESTILOS PARA PRESENTAR */

.p-button {
    /* background: rgb(52 95 129); */
    background: #7F669D;
}

.p-button:hover {
    /* background: rgb(52 95 129); */
    background: #5b4971;
}

.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); */
    background: #7F669D;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

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

.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;
}

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

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

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

.geneordeservtree1b .p-treetable {
    border: 1px solid #999;
    border-radius: 10px;
    height: 300px;
    min-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 40px;
}

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

@media (max-width: 799px) {

    .geneordeservtree2 .p-treetable {
        height: 80vh;
    }

}

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

.p-treetable .p-treetable-thead > tr > th {
    padding: 2px 2px 2px 4px;
}

.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;
}

.lineheig0 {
    line-height: 0px !important;
}

.lineheig5 {
    line-height: 5px;
}

@media (max-width: 799px) {

    .lineheig14mob {
        line-height: 14px !important;
    }

}

.lineheig15 {
    line-height: 15px;
}

.lineheig16 {
    line-height: 16px;
}

.lineheig18 {
    line-height: 18px;
}

.lineheig20 {
    line-height: 20px;
}

.lineheight22 {
    line-height: 22px;
}

.lineheig24 {
    line-height: 24px;
}

.lineheig25 {
    line-height: 25px;
}

.lineheig28 {
    line-height: 28px;
}

.ancho1alto56 {
    width: 1px;
    height: 56px;
}

.anchomax8vw {
    max-width: 8vw;
}

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

.anchomax15vw {
    max-width: 15vw;
}

.anchomax20vw, 
.anchomax20vwmob70vw {
    max-width: 20vw;
}

@media (max-width: 799px) {

    .anchomax20vwmob70vw {
        max-width: 70vw;
    }

    .anchomax23vwmob {
        max-width: 23vw;
    }

}

.anchomax40vw {
    max-width: 40vw;
}

.ancho70 {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}

.ancho92pc {
    width: 92%;
}

.anchomax50pc {
    max-width: 50%;
}

.anchomax85vw {
    max-width: 85vw;
}

.anchomax88vw {
    max-width: 88vw;
}

.anchomax92vw {
    max-width: 92vw;
}

.anchomax99vw {
    max-width: 99vw;
}

.anchomax100pc {
    max-width: 100%;
}

@media (max-width: 799px) {

    .anchomax100pcmob {
        max-width: 100%;
    }

}

.anchomax60, 
.anchomax60 .p-inputtext, 
.anchomax60 .p-inputnumber  {
    width: 60px;
}

.anchomax65, 
.anchomax65 .p-inputtext, 
.anchomax65 .p-inputnumber  {
    width: 65px;
}

.anchomax75, 
.anchomax75 .p-inputtext, 
.anchomax75 .p-inputnumber  {
    width: 75px;
}

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

.anchomax110 {
    max-width: 110px;
}

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

.anchomax125 {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
}

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

.ancho132 {
    width: 132px;
    min-width: 132px;
    max-width: 132px;
}

.ancho140 {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

.anchomax150 {
    max-width: 150px;
}

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

.ancho175, 
.btnancho175 button {
    width: 175px;
}

.ancho190 {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
}

.ancho210 {
    width: 210px;
    min-width: 210px;
    max-width: 210px;
}

.ancho230 {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
}

.ancho236, 
.btnancho236 button {
    width: 236px;
}

.ancho245, 
.btnancho245 button {
    width: 245px;
}

.ancho250mob70vw {
    width: 250px;
}

@media (max-width: 799px) {

    .ancho250mob70vw {
        width: 70vw;
    }

}

.ancho275, 
.ancho275mobauto {
    width: 275px;
}

@media (max-width: 799px) {

    .ancho275mobauto {
        width: auto;
    }

}

.ancho640 {
    width: 640px;
    min-width: 640px;
    max-width: 640px;
}

.ancho1108 {
    width: 1108px;
}

.ancho1076 {
    width: 1076px;
}

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

.p-datepicker {
    z-index: 999 !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;
}

.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;
}

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

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

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

@media (max-width: 1280px) {

    .anchoajuste3 {
        width: 56.5vw;
    }
    
    .anchoajuste4 {
        width: 22vw;
    }

}

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

.anchoajuste6 {
    width: 55vw;
    /* background-color: red; */
}

@media (max-width: 1280px) {

    .anchoajuste6 {
        width: 56.5vw;
    }

    .anchoajuste7 {
        width: 25.5vw;
    }

}

.anchoajuste7 {
    width: 24.5vw;
    height: 0px;
    /* background-color: pink; */
}

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

.bordeaba2pxgris25, 
.tablbordaba2gris25 .p-datatable-wrapper table {
    border-bottom: 2px solid #c0c0c0;
}

.fondomoradotenue {
    background-color: #eff1f8;
}

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

.fondomoradoosc2 {
    /* background-color: #6b79a7; */
    color: #000;
}

.padarri3 {
    padding-top: 3px;
}

.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;
}

.modal-body .footicon:hover, 
.fakemodal .footicon:hover {
    background: linear-gradient(175deg, #555, #ccc, #555);
    border-color: #555;
}

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

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

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

.p-tooltip.p-tooltip-top {
    padding: 0px;
    /* margin-top: -14px; */
    margin-top: -5px;
    z-index: 2250 !important;
}

.p-tooltip.p-tooltip-right {
    z-index: 2250 !important;
}

.p-tooltip-right .p-tooltip-arrow {
    margin-top: -0.75rem;
}

.p-tooltip.p-tooltip-bottom {
    margin-top: 14px;
    z-index: 2250 !important;
}

.p-tooltip-bottom .p-tooltip-arrow {
    margin-top: -14px;
}

/* 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/MarcaAguaAzul.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: #f7e4c594; */
    background: #FF7F3E;
}

.iconnaranja {
    color: #FF7F3E;
}

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

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

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

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

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

.bloqnara h6 {
    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;
}

/* .uva .modal-body,  */
.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;
}

.bloquva h6 {
    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;
}

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

.iconaqua {
    color: #046582;
}

.fondoaquatenue {
    background-color: #e9f2f5;
}

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

.coloblan {
    color: #fff;
}

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

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

.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: #ba6d6d;
}

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

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

.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: #fff;
}

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

.ladrillo .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link,
.ladrillo .tabsmora .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ba6d6d;
    border-color: #ba6d6d;
    color: #fff;
}

.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;
}

.fondotenueladrillo {
    background: #f7f1f1;
}

/* 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: #bc536b;
    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);
}

.fondotenuefiusha {
    background: #f9edf1;
}

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

.bloqfius h6 {
    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;
}

.bloqazulmari h6 {
    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: #03acbd;
}

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

.turquesa .close {
    color: #fff;
}

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

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

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

.fondoturquesatenue {
    background: #e5f7f8;
}

.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 color 8 /  */

.example-container.color8 {
    background: #f0f9f8;
}

.color8 .header {
    background-color: #d2edea;
    border-radius: 15px;
    border: 1px solid #9ae7de;
}

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

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

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

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

.color8 .p-button-secondary .p-button, 
.color8 .btn-secondary, 
.color8 .p-button {
    background: linear-gradient(0deg, #1e6f67, #29a397);
    color: #ffffff;
    border-color: #2b968b;
}

.color8 .p-button-secondary .p-button:hover, 
.color8 .btn-secondary:hover, 
.color8 .p-button:hover {
    background: #2ea89c;
}

.color8 .p-button-gris50 .p-button {
    background: #35a99d;
    color: #ffffff;
    border-color: #31aea2;
}

.color8 .p-button-gris50 .p-button:hover {
    background: turquoise;
}

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

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

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

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

/* terminan colores de color 8 /  */


.filtinve {
    filter: invert(1);
}

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

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

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

.oculvari {
    font-size: 4px;
    color: #fff;
}

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

/* colores evento */

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
    background: transparent;
}

.fondomodaleven {
    background: rgba(0, 0, 255, 0.1);
}

.p-highlight span.p-tabview-title {
    color: #fff;
}

span.p-tabview-title {
    color: #666;
}

/* .azulevento a {
    color: #666;
} */

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

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

.surface-ground {
    background-color: #fff !important;
}

.modal-body .p-treetable .p-treetable-tbody > tr {
    background: transparent;
}

.modal-body .p-paginator {
    background: transparent;
}

.modal-body .p-datatable .p-datatable-tbody > tr {
    background: transparent;
}

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

.totalodes {
    position: absolute;
    width: 242px;
    bottom: 75px;
    right: 250px;
}

/* 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;
}

/* .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, 
.p-toast .p-toast-message.p-toast-message-danger, 
.p-toast .p-toast-message.p-toast-message-info {
    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 */


/** 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;
}

.fondoblan75pc {
    background-color: rgba(255, 255, 255, 0.75);
}

.fondoblanco {
    background-color: #fff;
}

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

.fondowhitesinradiarri {
    background-color: #fff;
    border-radius: 15px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.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;
}

/** 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;
}

.vermas fieldset {
    min-width: auto;
    padding: 0px;
    margin: 0px;
    border: none;
    border-radius: 0px;
}

.vermas .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 7.5px 0px 0px 0px;
    color: #374151;
    border-radius: 6px;
    transition: box-shadow 0.2s;
    font-size: 14px;
    text-decoration: none !important;
    font-weight: bold;
}

.vermas .p-fieldset .p-fieldset-content {
    line-height: 18px;
}

.vermas legend {
    margin-bottom: 0px !important;
}

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;
}

.listinvi fieldset {
    min-width: auto;
    padding: 0px 15px 15px;
    margin: 0px;
    border: 1px solid #939598;
    border-radius: 7.5px;
}

.listinvi legend {
    color: #666;
}

.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;
    height: 58px;
    line-height: 18px;
}

.expand {
    /* white-space: normal; */
    height: auto !important;
}

.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;
    z-index: 999 !important;
}

.ancho30rem {
    width: 30rem;
}

.ancho40rem {
    width: 40rem;
}

.modal {
    z-index: 999 !important;
    --bs-modal-zindex: 999 !important;
}

.iconfootcome {
    position: absolute;
    bottom: 10px;
    left: 30px;
}

/** termina para modulo de comentario **/

.truncatxt {
    max-width: 23vw;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: -6.5px;
    padding-left: 2px;
}

.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;
}

.ajustebotonsigu2 {
    margin: -40px 0px 0px 0px;
    padding-right: 20px;
}

.ajustebotonagrerecu1 {
    margin-top: -42px;
    margin-left: 99px;
}

.ajustebotonagrerecu2 {
    position: relative;
    /* top: -37px; */
}

.ajustebotonante {
    margin-top: -68px;
    margin-left: 17px;
    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 !important;
}

.altumax88vh {
    max-height: 88vh !important;
}

.btnagrerenglon3 {
    position: relative;
    width: 160px;
    /* top: -96px; */
    left: 185px;
}

.btnagrerenglon4 {
    position: relative;
    width: 300px;
    /* top: -123px;
    left: 675px; */
    top: -24px;
    left: 595px;
}

.btnagrerenglon5 {
    /* position: relative;
    top: -35px;
    right: 623px; */
    position: absolute;
    bottom: 78px;
    right: 636px;
}

.btnagrerenglon5a {
    /* position: relative;
    top: -22px;
    right: 404px; */
    position: absolute;
    bottom: 78px;
    right: 423px;
}

.btnagrerenglon5b {
    /* position: relative;
    top: -8px;
    right: 218px; */
    position: absolute;
    bottom: 78px;
    right: 235px;
}

.btnagrerenglon5c {
    position: absolute;
    bottom: 78px;
    left: 0px;
}

.btnagrerenglon6 {
    position: relative;
    top: -100px;
    left: 172px;
    width: 195px;
}

.btnagrerenglon7 {
    position: relative;
    top: -100px;
    left: 172px;
    width: 195px;
}

@media (max-width: 1282px) {

    .btnagrerenglon3 {
        right: 61.5vw;
    }

    .btnagrerenglon5 {
        right: 48.7vw;
    }

    /* .btnagrerenglon6 {
        right: 44.75vw;
    }

    .btnagrerenglon7 {
        right: 44.8vw;
        width: 14vw;
    } */

}

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

.textend, 
.textend input { 
    text-align: end !important;
}

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

.dropmarizq-30 .p-dropdown .p-dropdown-trigger {
    margin-left: -30px;
}

.wordbreaall {
    word-break: break-all;
}

.scrollbloque {
    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;
}

.scrollbloque .p-datatable .p-datatable-thead > tr > th, 
.scrollbloque .p-datatable .p-datatable-tbody > tr > td, 
.scrollbloque .p-datatable .p-datatable-tbody > tr {
    background: transparent;
}

.scrollbloque .p-datatable .p-datatable-thead > tr, 
.scrollbloque .p-datatable .p-datatable-tbody > tr {
    border-bottom: 1px solid #c0c0c0;
}

.scrollbloque .p-datatable .p-datatable-thead > tr > th, 
.scrollbloque .p-datatable .p-datatable-tbody > tr > td {
    font-size: 14.75px;
    line-height: 14.75px;
}

.altudetaeven1 {
    height: 150px;
}

.topmenu .btn:hover, 
.topmenu .btn.show, 
.topmenu .btn:first-child:active {
    background-color: #6977bf;
    border-color: #6977bf;
    color: #fff;
}

.topmenu .btn, 
.topmenu a, 
.topmenu .dropdown-item {
    color: #6977bf;
}

.iconomenu {
    rotate: 90deg;
    height: 22px;
    width: 26px;
    font-size: 30px;
    line-height: 0.75;
}

.tabmarderizq-7 .p-tabview .p-tabview-panels {
    margin: 0px -7px;
}

.tablsubtespa1 {
    width: 59%;
}

.tablsubtespa2 {
    width: 29%;
}

.tablsubtespa3 {
    width: 12%;
}

@media (max-width: 1282px) {

    .tablsubtespa3 {
        width: 11%;
    }

}

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

.iconflot {
    position: fixed;
    bottom: 30px;
    left: 80px;
    width: 45px;
    height: 43px;
    cursor: pointer;
    z-index: 2000;
    background: linear-gradient(0deg, navy, steelblue);
    padding: 10px 6px 10px 9px;
    border-radius: 25px;
    border: 2px solid #e1e1e1;
    color: #fff;
}

@media (max-width: 799px) {

    .iconflot {
        display: none;
    }
}

.iconflot:hover {
    background: linear-gradient(45deg, #01016b, #356a97);
    padding: 7px 11px 13px 9px;
}

.modal-footer .footicon {
    visibility: hidden;
}

.centtabl p-table, 
.centtabl table {
    margin-right: auto;
    margin-left: auto;
}

.scrohoriauto {
    overflow-x: auto;
}

/* .turquesa .p-selectbutton .p-button::before {
    background-color: orange;
}

.turquesa .p-selectbutton .p-button.p-highlight::before {
    background: aqua;
    border-color: aqua;
}

.turquesa .p-selectbutton .p-button.p-highlight:hover {
    background: red;
    border-color: red;
    color: #0f172a;
} */

.p-togglebutton.p-button .p-button-icon-left, 
.p-togglebutton.p-button .p-button-icon-right {
    color: #fff;
}

.turquesa .p-togglebutton.p-button, 
.aqua .p-togglebutton.p-button {
    background: linear-gradient(0deg, #b3b3b3, #b3b3b3);
    color: #fff;
    border-color: #c0c0c0;
}

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

.turquesa .p-togglebutton.p-button:hover, 
.turquesa .p-togglebutton.p-button.p-highlight:hover {
    background: #07575f;
}

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

.aqua .p-togglebutton.p-button:hover, 
.aqua .p-togglebutton.p-button.p-highlight:hover {
    background: #044a60;
}

.p-multiselect {
    width: 100%;
}

.p-multiselect-panel {
    border: 1px solid #c0c0c0;
}

.sinimagen {
    height: 200px;
    background-image: url("../assets/images/SinImagen.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 8px;
    text-align: center;
}

.sinimagen img {
    max-width: 100%;
    height: 200px;
}

.p-dropdown-panel {
    border: 1px solid #c0c0c0;
}

.tablovervisi .p-datatable>.p-datatable-wrapper {
    overflow: visible;
}

.txtlogo {
    color: #9a58a8;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
}

.txtpowe {
    font-size: 12px;
    color: #939598;
    font-weight: bold;
}

.nombcons {
    display: inline-block;
    padding: 5px 0px 0px 5px;
    color: #9a58a8;
    cursor: pointer;
    font-weight: bold;
}

.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;
}

.mdc-list-item {
    padding-right: 0px;
}

.p-dropdown-items-wrapper ul {
    padding-left: 0px;
}

.altumodasinfoot {
    height: calc(100vh - 51px);
}

ngb-modal-backdrop {
    z-index: 999 !important;
  
}

ngb-modal-window {
    z-index: 999 !important;
  
}

.fixtrig .p-dropdown .p-dropdown-trigger {
    width: 1.5rem;
    border: 1px solid #555;
    margin-left: -2px;
}

.fixtrig .p-inputtext, 
.fixtrig input[type="text"] {
    border: none;
}

.colorobligatorio {
    color: orange;
}

.posirelatop-5 {
    position: relative;
    top: -5px;
}

.posirelatop-11 {
    position: relative;
    top: -11px;
}

.posirelabott-8 {
    position: relative;
    bottom: -8px;
}

.whitspacnowr {
white-space: nowrap;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #555 !important;
}

/** estilos de portal **/

.fondomenu1 {
    background-color: #7F669D;
    /* color: #fff; */
}

.fondomenu2 {
    background-color: #d8d8f2;
    /* color: #fff; */
}

.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;
    }

}

.darkoran .p-button {
    /* background-color: #c5784d;
    border-color: #c5784d; */
    background: #7F669D;
    border-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, 
.showmobilebloc {
    display: none;
}

@media (max-width: 799px) {

    .hidemobile {
        display: none;
    }
    
    .hidemobile2 {
        display: none;
    }

    .hidemobilebloc {
        display: none;
    }
 
    .showmobile {
        display: flex;
    }

    .showmobilebloc {
        display: block;
    }

}

.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;
}

.colornara2 {
    color: orangered;
}

.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;
}

.textmayu, 
.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;
}

.logotopmenu4 {
    height: 50px;
    cursor: pointer;
}

.fondomenu1 .nombcons {
    display: inline-block;
    padding: 5px 0px 0px 5px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

.nombcons2 {
    display: inline-block;
    padding: 5px 0px 0px 5px;
    color: #939598;
    cursor: pointer;
}

.nombcons3 {
    display: inline-block;
    padding: 5px 0px 0px 5px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

.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;
}

.ulpadizq0rem ul {
    padding-left: 0rem;
}

.ulpadizq1rem ul {
    padding-left: 1rem;
}

.ulpadaba3 ul {
    margin-bottom: 3px;
}

.padizq0mobizq15 {
    padding-left: 0px;
}

@media (max-width: 1024px) {

    .padizq0mobizq15 {
        padding-left: 15px;
    }

}

.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: -24px;
    left: 0px;
}

.mararri2hijo .p-stepper .p-stepper-header {
    margin-top: 12px;
}

.fondofoto {
    /* width: 100vw; */
    height: 100vh;
    background-image: url("../assets/images/bgeventos.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.fondofoto2 {
    width: 100%;
    height: 100%;
    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;
}

.logologin2 {
    height: 225px;
    margin: 25px auto 25px 55px;
}

.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;
}

.maraba10mob {
    margin-bottom: 10px;
}

.maraba15mob {
    margin-bottom: 15px;
}

.maraba20mob {
    margin-bottom: 20px;
}

.maraba30mob {
    margin-bottom: 30px;
}

.maraba30mob0 {
    margin-bottom: 0px;
}

}

.disinlblopadaba72 {
    display: inline-block;
    padding-bottom: 72px;
}

.dispblocmobi, 
.dispblocmobi2 {
    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;
}

.floalabegris .p-float-label label {
    background-color: #f0f0f0;
    width: 30%;
}

.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: 100%;
    height: 33%;
    position: fixed;
    top: 67%;
    left: 0px;
}

.gradnegro2 {
    background: linear-gradient(0deg, #000, transparent);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
}

.posirelamararri2p5vh {
position: relative;
margin-top: 2.5vh;
}

.posirela {
    position: relative;
}

.textshad4 {
    text-shadow: 4px 4px 4px #000;
}

.reel {
    background-color: #666666;
    text-align: center;
    border-top: 1px solid #939598;
}

.logoland {
    height: 75px;
    margin: 15px 0px;
}

.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;
}

.flecgrisclar .p-carousel .p-carousel-content .p-carousel-prev, 
.flecgrisclar .p-carousel .p-carousel-content .p-carousel-next {
    color: #a6a6a6;
}

.p-carousel .p-icon {
    width: 2rem;
    height: 2rem;
}

.p-carousel ul {
    margin-bottom: 0px;
    background: linear-gradient(90deg, transparent, #242424, transparent);
}

.p-carousel .p-dropdown-items-wrapper ul {
    background: #fff;
}

.carosinbarraba .p-carousel ul {
    display: none;
}

@media (max-width: 799px) {

    .carosinbarrabamob .p-carousel ul {
        display: none;
    }

}

.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;
}

/* @media (max-width: 799px) {

    .p-carousel-content {
        margin: 0px -13px;
    }

    .p-carousel-items-content {
        margin: 0px -24px;
    }

} */

.filtbril10 {
    filter: brightness(10);
}

.fondonegrotrans60 {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
}

.scroaltu58vh {
    height: 58vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 15px 30px 0px;
}

.fotocont {
    height: 250px;
    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;
}

.listinvi .p-tooltip-text {
    background: #ccc;
    color: #ffffff;
    padding: 5px 10px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    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, 
.fondmoratextblan2, 
.fondmoratextblan button {
    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;
}

.bloqmiseven {
    border: 1px solid #999999;
    border-top: none;
    padding: 10px;
    margin-bottom: 30px;
}

.bloqmiseven2 {
    border: 1px solid #999999;
    border-top: none;
    padding: 10px;
    margin-bottom: 30px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.fecheven1 {
    font-size: 22px;
    color: #555;
}

.fecheven2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #555;
}

.fecheven3 {
    font-size: 20px;
    color: #555;
}

.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;
}

.totaregi2 {
    background-color: #000;
    color: #fff;
    padding: 2px 5px 4px;
    border-radius: 7.5px;
    font-size: 20px;
}

.totaregigris60 {
    background-color: #666;
    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 2.5px 6px 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;
}

.fakefloalabe {
    font-size: 12px;
    position: absolute;
    margin-top: -1.25rem;
    margin-left: 0.75rem;
    color: #6b7280;
}

.p-icon-field-left > .p-inputtext {
    padding-left: 2.5rem;
}

.bordradi25 {
    border-radius: 25px;
}

.campbuscmenu {
    border-radius: 25px !important;
    background-color: transparent;
    border: 2px solid #fff !important;
    color: #fff;
}

.iconfielwhit .p-icon-field-left .p-input-icon:first-of-type {
    color: #fff;
}

.campbuscmenu::placeholder {
    color: #fff;
}

.nodropdowntogg .dropdown-toggle::after {
    display: none;
}

.bandafondo {
    background-image: url("../assets/images/bandafondo.png");
    background-repeat: repeat-x;
    background-position: 0px -85px;
    min-height: 425px;
    background-color: rgba(255, 255, 255, 0.75);
    /* padding-top: 60px; */
}

.bandafondoac {
    background-image: url("../assets/images/bandafondo3.png");
    background-repeat: repeat-x;
    background-position: 0px -85px;
    min-height: 425px;
    background-color: rgba(255, 255, 255, 0.75);
    /* padding-top: 60px; */
}

.bandafondochic {
    background-image: url("../assets/images/bandafondo.png");
    background-repeat: repeat-x;
    background-position: 0px -25px;
    height: 170px;
    /* padding-top: 60px; */
    color: #fff;
}

.bandafondochic2 {
    background-image: url("../assets/images/bandafondo.png");
    background-repeat: repeat-x;
    background-position: 0px -25px;
    /* height: 102px; */
    height: 90px;
    /* padding-top: 10px; */
    padding-top: 0px;
    color: #fff;
}

.bandafondochicac {
    background-image: url("../assets/images/bandafondo3.png");
    background-repeat: repeat-x;
    background-position: 0px -25px;
    /* height: 102px; */
    height: 90px;
    /* padding-top: 10px; */
    padding-top: 0px;
    color: #000;
}

.bandafondochicac2 {
    /* background-image: url("../assets/images/bandafondo3.png");
    background-repeat: repeat-x;
    background-position: 0px -25px; */
    /* height: 102px; */
    height: 90px;
    /* padding-top: 10px; */
    padding-top: 0px;
    color: #000;
}

.fondmoraartcapi {
    background-color: #d8d8f2;
}

.imageven {
    width: 100%;
    height: 325px;
    border-radius: 15px;
    /* margin-top: 15px; */
}

.imagevenchic {
    width: 119px;
    height: 119px;
    border-radius: 15px;
    margin-top: 26px;
}

@media (max-width: 799px) {

    .bandafondo {
        height: auto;
    }

    .bandafondochic {
        height: auto;
        background-color: #61487a;
        padding-bottom: 15px;
    }

    .fondomoradomob {
        background-color: #61487a;
    }

    /* .imagevenchic {
        width: 100%;
        height: auto;
        margin-top: 0px;
    } */

}

.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;
}

.titueven2 {
    font-size: 1.75rem;
    line-height: 1.4em;
    font: 600 1.25rem / 1.5rem;
    margin-top: 0;
    margin-bottom: .5rem;
    color: #000;
    font-weight: bold;
}

@media (max-width: 799px) {

    .titueven2 {
    line-height: 1;
    font-weight: normal;
    }

}

.alinearfondo {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

/* .fijoarri {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    top: 0;
    width: 100%;
    z-index: 990;
} */

.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;
}

.mapa2 {
    background-image: url("../assets/images/mapa2.jpg");
    width: 100%;
    height: 210px;
    border: 1px solid #939598;
    border-radius: 15px;
}

.piepagi h6 {
    margin-block-end: 1rem;
    font-size: 1.125rem;
    color: #fff;
    font-weight: bold;
}

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

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

.piepagi ul {
    list-style: none;
    padding: 0;
}

.piepagi li {
    margin-block-end: .5rem;
}

.p-button.p-button-rounded {
    border-radius: 2rem;
}

.p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
}

.redoesquimag img, 
.bordradi15px {
    border-radius: 15px;
}

.redoesquarriimag img, 
.redoesquarri {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.redoesquaba {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.titusecc {
    font-size: 40px;
    font-weight: bold;
}

@media (max-width: 799px) {

    .titusecc {
        line-height: 38px;
        padding-bottom: 25px;
    }

}

.imagcont img {
    float: left;
    margin-right: 20px;
}

.imagcont .textcont {
    margin-left: 20px;
}

@media (max-width: 799px) {

    /* .imagcont img {
        float: none;
        margin-right: 0px;
        display: block;
    } */
    
    .imagcont .textcont {
        margin-left: 0px;
    }

}

.ocultatr tr:not(:first-child) {
    display: none;
}

.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;
}

.colorojo {
    color: red;
}

.campizq {
    /* margin-right: -12px; */
    padding: 0px 10px 10px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.campizqmob {
    padding: 0px 10px 10px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.campder {
    /* margin-left: -13px; */
    padding: 0px 10px 10px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    vertical-align: top;
}

.campdermob {
    padding: 0px 10px 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    text-align: center;
}

/* @media (max-width: 799px) {

    .campder {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        border-radius: 0px;
    }

} */

.campunic {
    padding: 0px 10px 10px;
    border-radius: 15px;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    vertical-align: top;
}

.subtdere {
    font-weight: bold;
    /* color: #7F669D; */
}

.padarri5dispinlibloc {
    padding-top: 5px;
    display: inline-block;
}

.rowmaraba5 .row {
    margin-bottom: 5px;
}

.rowmaraba10 .row {
    margin-bottom: 10px;
}

.rowgristenuhove .row:hover {
    background-color: #e6e4e4;
}

.tabsregibole .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #f4ecf5;
    text-decoration: none;
    font-weight: bold;
}

.infocomp {
    background-color: #737373;
    color: #fff;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    margin-right: 30px;
    position: relative;
}

.nav-pills .nav-link {
    line-height: 18px;
}

.fechhorabole {
    padding: 4px 10px 5px;
    background-color: #f3f1f1;
    border-radius: 0.375rem;
    text-align: center;
    border: 1px solid #e1e1e1;
    margin-bottom: 30px;
    color: #482f68;
}

.p-carousel .p-dropdown .p-icon {
    width: 1rem;
    height: 1rem;
}

.p-treetable-scrollable-body {
    border-bottom: 1px solid #e1e1e1;
}

.pickcampderetabl {
    position: absolute;
    top: 92px;
    right: 30px;
}

.pickcampderetabl td {
    width: 115px;
    font-weight: bold;
    color: #374151;
}

.alinflecmedi .p-carousel .p-carousel-content .p-carousel-prev, 
.alinflecmedi .p-carousel .p-carousel-content .p-carousel-next {
    margin: -9px 0.75rem !important;
}

.tablarbotheascro .p-treetable-scrollable-header {
    overflow-y: scroll;
}

.modalheadblan .modal-header {
    background-color: #fff;
}

.modalheadblan .modal-title, 
.modalheadblan .close {
    color: #7F669D;
}

.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
    background-color: #7F669D;
}

.nav-link {
    color: #7F669D;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
}

.tablerow .row {
    display: table;
}

.tablerow [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.dispinliblocmarder-20mob0 {
    display: inline-block;
    margin-right: -20px;
}

@media (max-width: 799px) {

    .dispinliblocmarder-20mob0 {
        margin-right: 0px;
    }

}

.diashoras .p-listbox .p-listbox-list .p-listbox-item {
    width: 33%;
    height: 35px;
    border: 1px solid #939598;
}

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

.btnlineheig18 .p-button .p-button-label {
    line-height: 18px;
}

.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;
}

.fondowhiteshad {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 .5rem 1rem #000000;
}

.fondogrisshad {
    background-color: #d8d6cf;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 .5rem 1rem #000000;
}

.botomini .p-button.p-button-icon-only {
    width: auto;
    padding: 2px 8px;
}

.treetablpad2p5-7p5 .p-treetable .p-treetable-thead > tr > th, 
.treetablpad2p5-7p5 .p-treetable .p-treetable-tbody > tr > td {
    padding: 2.5px 7.5px;
}

.treetablpad5-7p5 .p-treetable .p-treetable-thead > tr > th, 
.treetablpad5-7p5 .p-treetable .p-treetable-tbody > tr > td {
    padding: 5px 7.5px;
}

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

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

.fondowhiteshad50pc {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 .5rem 1rem #939598;
}

.alinder20 {
    position: absolute;
    right: 20px;
}

.alinder28 {
    position: absolute;
    right: 28px;
}

/** 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;
}

.fontmont .submenuusr {
    color: #000;
}

.fontmont .logotopmenu2 {
    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;
}

.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);
}

.tablabordegris50, 
.tablabordegris50 th, 
.tablabordegris50 td {
    border: 1px solid #939598;
}

.tablabordegris50 th, 
.tablabordegris50 td {
    padding: 2px 6px;
}

.fontmont .tablabordegris50 th {
    background-color: #fcfc9a;
}

/** termina arte capital **/

/** para ipade **/

.ipade .fondomoradoosc {
    background-color: #bb935b;
    color: #002d74;
}

.ipade .p-button {
    color: #fff;
    background: #002d74;
    border: 1px solid #002d74;

}

.bi-pi-gold .bi, 
.bi-pi-gold .pi {
    color: #bb935b;
}

@media (max-width: 720px) {

    .linklargmob {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .textaligrighmob {
        text-align: right;
    }

}

/** termina ipade **/

.ancho4rem {
    width: 4rem;
}

.p-togglebutton.p-button {
    color: #fff;
    /* background: pink; */
}

/* .p-togglebutton {
    color: orange;
}

.p-togglebutton.p-togglebutton-checked {
    background: red;
    border-color: green;
    color: orange;
}

.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover {
    background: brown;
    color: aqua;
}

.p-togglebutton.p-togglebutton-checked::before { */ /* fondo blanco cuando esta checked */
/*    background: purple;
} */

.p-multiselect .p-multiselect-label {
    padding: 3px 6px;
}


@media (max-width: 799px) {

    .navlinkpad7p5mob .nav-link {
        padding: 7.5px;
    }

    .modal-fullscreen .modal-content {
        height: auto;
    }

}

.menuresp .logotopmenu {
    height: 50px;
    margin-left: 5px;
    filter: brightness(10);
}

.menuresp2 .logotopmenu {
    height: 50px;
    margin-left: 5px;
}

.menuresp .navbar-toggler-icon {
    filter: brightness(10);
}

.menuresp .navbar-toggler {
    border: 2px solid #fff;
}

.menuresp .navbar-nav .nav-link.active, 
.menuresp .navbar-nav .nav-link.show {
    color: #fff;
}

.menuresp .nav-link {
    color: #fff;
}

.menuresp2 .nav-link {
    color: #000;
    padding-top: 20px;
    padding-left: 6px;
}

.menuresp .btn-outline-success {
    --bs-btn-color: #fff;
}

.menuresp .nav-link:focus, 
.menuresp .nav-link:hover {
    color: #fff;
}

.menuresp .dropdown-menu {
    background-color: #624b7e;
}

.menuresp .dropdown-item {
    font-weight: bold;
    padding: 0.25rem 20px;
    color: #fff;
}

.ocultar  {
    display: none;
}

.p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext {
    width: 56px;
    height: 28px;
}

.imagayud {
    height: 345px;
}

.notas {
    display: inline-block;
    font-size: 13.5px;
    color: #737373;
    line-height: 15px !important;
    padding: 7.5px 0px 0px 0px;
}

.nombarch {
    display: inline-block;
    padding: 2px 0px 0px 7.5px;
    /* width: 48%; */
    width: 35%;
    height: 29px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cuadfechhora {
    width: 90px;
    display: inline-block;
    border: solid 1px #ccd2d8;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    padding: 2.5px 7.5px 5px;
    text-align: center;
    margin-right: 10px;
}

.cuadfechhora div {
    color: #666;
    line-height: 18px;
}

.cuadfechhora.activo {
    border: solid 1px #555;
    background-color: #fff;
    /* background-image: url("../assets/images/PalomaFondoAzul.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: top right; */
}

.cuadfechhora.activo div {
    /* color: #0079ca; */
    color: #555;
}

.containeryo {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .containeryo {
        max-width: 1140px;
    }
}

@media (min-width: 1200px) {
    .containeryo {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .containeryo {
        max-width: 1320px;
    }
}

.p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    min-width: 5px;
}

.p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 5px;
}

.p-datatable-scrollable>.p-datatable-wrapper {
    border-bottom: 1px solid #c0c0c0;
}

.posiabsotop30 {
    position: absolute;
    top: 30px;
}

.posiabsotop102 {
    position: absolute;
    top: 102px;
}

.posirelabott20 {
    position: relative;
    bottom: 20px;
}

.posirelabott24 {
    position: relative;
    bottom: 24px;
}

.p-treetable.p-datatable-striped .p-treetable-tbody > tr:nth-child(even) {
    background: #f8f8fa;
}

.comptabldere th,
.comptabldere td {
    display: inline-block;
    width: 33%;
    line-height: 16px;
    font-size: 13.5px;
}

.comptabldere th:first-child,
.comptabldere td:first-child {
    width: 100%;
}

.comptabldere .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: -8px !important;
}

.textblanfondazul {
    background-color: lightskyblue;
    padding: 2.5px 7.5px;
    border-radius: 7.5px;
    color: #fff;
    display: block;
}

.textblanfondazulgrad {
    background: linear-gradient(90deg, lightskyblue, lightskyblue, transparent);
    padding: 2.5px 7.5px;
    border-radius: 7.5px;
    color: #fff;
    display: block;
}

.textblanfondazul2 {
    background-color: #d8d8f2;
    padding: 2.5px 7.5px;
    border-radius: 7.5px;
    color: #000;
    display: block;
}

.textblanfondazulgrad2 {
    background: linear-gradient(90deg, #d8d8f2, #d8d8f2, transparent);
    padding: 2.5px 7.5px;
    border-radius: 7.5px;
    color: #000;
    display: block;
}

.imagcarr {
    width: 100%;
    height: 75px;
}

/** estilos boletaje **/



.marizq50 {
    margin-left: 50px;
}

.ancho148 {
    width: 148px;
}

.ancho315 {
    width: 315px;
}

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

.stretcher .p-treetable .p-treetable-tbody > tr > td {
    padding: 1.5px 5px;
    line-height: 14px;
}

.stretcher .p-treetable .p-treetable-thead > tr > th {
    padding: 1.5px 5px;
}

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

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

.imagcarr {
    width: 100%;
    height: 75px;
}

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

.ancho332 {
    width: 332px;
}

.redomaschic .p-button.p-button-icon-only {
    padding: 0px;
    border-radius: 75px;
    line-height: 0px;
    margin-top: -5px;
    margin-bottom: 2px;
}

.textblanfondazul {
    background-color: lightskyblue;
    padding: 2.5px 7.5px;
    border-radius: 7.5px;
    color: #fff;
    display: block;
}

.padderizq50 {
    padding-right: 50px;
    padding-left: 50px;
}

.padderizq60 {
    padding-right: 60px;
    padding-left: 60px;
}

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

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

.marderizq60 {
    margin-right: 60px;
    margin-left: 60px;
}

.padarri2 {
    padding-top: 2px;
}

.padarriaba3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.padarriaba8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.scrovertaltu292 {
    height: 292px;
    overflow-y: scroll;
}

.padarri3aba6 {
    padding-top: 3px !important;
    padding-bottom: 6px !important;
}

.lineheig15 {
    line-height: 15px;
}

.scrovertaltu333 {
    height: 333px;
    overflow-y: scroll;
}

.padarri8 {
    padding-top: 8px !important;
}

.maraba3 {
    margin-bottom: 3px;
}

.scrovertaltu348 {
    height: 348px;
    overflow-y: scroll;
}

.imagresutran {
    width: 53px;
    height: 63px;
    margin: 15px 0px 17.5px;
}

.scrollvertalt280 {
    height: 280px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 25px;
    padding-left: 20px;
    margin-right: 15px;
}

.contornosombra {
    box-shadow: 5px 5px 5px #c0c0c0;
}

.fiel100pc p-fieldset {
    width: 100%;
}

.codidesc {
    padding: 7.5px;
    border: 3px solid #000;
    border-radius: 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.codidesc {
    padding: 7.5px;
    border: 3px solid #000;
    border-radius: 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.parabanepromresu {
    position: relative;
    top: 0px;
    right: 0px
}

.banepromregi {
    width: 225px;
    height: 225px;
}

.banepromresu {
    position: absolute;
    top: 30px;
    width: 148px;
    height: 148px;
}

.sepa0p4rem .p-stepper .p-stepper-separator {
    margin-inline-start: 0.4rem;
}

.marder55pcizqauto {
    margin-right: 55%;
    margin-left: auto;
}

.imagresutran {
    width: 53px;
    height: 63px;
    margin: 15px 0px 17.5px;
}

@media (max-width: 799px) {

    .imagresutran {
        width: 55px;
        height: 75px;
        margin: 2.5px 0px 17.5px;
    }

}

.padder3p5pc {
    padding-right: 3.5%;
}

.maraba22p5 {
    margin-bottom: 22.5px;
}

.scrollvertalt65vh {
    min-height: 18vh;
    max-height: 65vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 15px;
}

.ancho50pc {
    width: 50%;
}

.ancho65pc {
    width: 65%;
}

.ancho75pc {
    width: 75%;
}

.padizq15 {
    padding-left: 15px;
}

.ancho100vw {
    width: 100vw;
}

.marizq-5 {
    margin-left: -5px;
}

.mobicaro .p-carousel .p-carousel-content .p-carousel-prev, 
.mobicaro .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.65rem !important;
}

.mobicaro .p-carousel-content {
    max-width: 85%;
}

.mobicaro .p-carousel-items-content {
    margin-right: -20px;
    margin-left: -20px;
}

/** inicia para pantallas no responsivas  **/

@media (min-width: 300px) {

.noresp .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

.noresp .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

.noresp .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

.noresp .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

.noresp .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

.noresp .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

.noresp .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

.noresp .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

.noresp .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

.noresp .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

.noresp .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

.noresp .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

}

/** termina para pantallas no responsivas  **/

.anchomin1280 {
    min-width: 1280px;
  }

.p-button-secondary2 .p-button {
    background: #000;
    color: #ffffff;
    border-color: #000;
}

@media ( min-width: 300px ) {

    .modachicnoresp .modal-dialog {
        max-width: 450px;
        margin-right: auto;
        margin-left: auto;
    }

}