/********GENERICO MAYORAL***********/
/**fuentes**/
/* ubuntu-regular - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    /*src: url('../fonts/ubuntu-v11-latin-regular.eot');  IE9 Compat Modes */
    src: url('../lib_fonts/Ubuntu.woff') format('woff'), /*Modern Browsers */
    url('../lib_fonts/Ubuntu.ttf') format('truetype'); /*Safari, Android, iOS ;  
       /*url('../fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'),  IE6-IE8 
       url('../fonts/ubuntu-v11-latin-regular.woff2') format('woff2'),  Super Modern Browsers 
       url('../fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg');  Legacy iOS */
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    /*src: url('../fonts/ubuntu-v11-latin-regular.eot');  IE9 Compat Modes */
    src: url('../lib_fonts/Roboto-Regular.woff') format('woff'), /*Modern Browsers */
    url('../lib_fonts/Roboto-Regular.ttf') format('truetype'); /*Safari, Android, iOS ;  
       /*url('../fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'),  IE6-IE8 
       url('../fonts/ubuntu-v11-latin-regular.woff2') format('woff2'),  Super Modern Browsers 
       url('../fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg');  Legacy iOS */
}
@font-face {
    font-family: 'BrandingLight';
    font-style: normal;
    font-weight: 400;
    src: url('../lib_fonts/branding/branding-light-webfont.eot'); /*  IE9 Compat Modes */
    src: url('../lib_fonts/branding/branding-light-webfont.woff') format('woff'), /*Modern Browsers */
    url('../lib_fonts/branding/branding-light-webfont.ttf') format('truetype'), /*Safari, Android, iOS*/
    url('../lib_fonts/branding/branding-light-webfont.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/
    url('../lib_fonts/branding/branding-light-webfont.woff2') format('woff2'), /*Super Modern Browsers */
    url('../lib_fonts/branding/branding-light-webfont.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Branding';
    font-style: normal;
    font-weight: 500;
    src: url('../lib_fonts/branding/branding-medium-webfont.eot'); /*  IE9 Compat Modes */
    src: url('../lib_fonts/branding/branding-medium-webfont.woff') format('woff'), /*Modern Browsers */
    url('../lib_fonts/branding/branding-medium-webfont.ttf') format('truetype'), /*Safari, Android, iOS*/
    url('../lib_fonts/branding/branding-medium-webfont.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/
    url('../lib_fonts/branding/branding-medium-webfont.woff2') format('woff2'), /*Super Modern Browsers */
    url('../lib_fonts/branding/branding-medium-webfont.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Branding';
    font-style: normal;
    font-weight: bold;
    src: url('../lib_fonts/branding/branding-semibold-webfont.eot'); /*  IE9 Compat Modes */
    src: url('../lib_fonts/branding/branding-semibold-webfont.woff') format('woff'), /*Modern Browsers */
    url('../lib_fonts/branding/branding-semibold-webfont.ttf') format('truetype'), /*Safari, Android, iOS*/
    url('../lib_fonts/branding/branding-semibold-webfont.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/
    url('../lib_fonts/branding/branding-semibold-webfont.woff2') format('woff2'), /*Super Modern Browsers */
    url('../lib_fonts/branding/branding-semibold-webfont.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Branding';
    font-style: normal;
    font-weight: 900;
    src: url('../lib_fonts/branding/branding-bold-webfont.eot'); /*  IE9 Compat Modes */
    src: url('../lib_fonts/branding/branding-bold-webfont.woff') format('woff'), /*Modern Browsers */
    url('../lib_fonts/branding/branding-bold-webfont.ttf') format('truetype'), /*Safari, Android, iOS*/
    url('../lib_fonts/branding/branding-bold-webfont.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/
    url('../lib_fonts/branding/branding-bold-webfont.woff2') format('woff2'), /*Super Modern Browsers */
    url('../lib_fonts/branding/branding-bold-webfont.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* GENERICO */
* {
    font-family: 'Branding', sans-serif;
}

body {
    font-family: Branding, sans-serif;
    font-size: 13px;
    font-weight: 500;
    background-color: initial;
}
/**colores, fondos, l�neas**/
.color-mayo {
    color: #0071ce;
}

.color-mayo-gris {
    color: #242323;
}

.color-newborn {
    color: #98b6e4;
}

.color-shoes {
    color: #004976;
}

.color-azulc {
    color: #337ab7;
}
/*desuso*/
.color-naranja {
    color: #f37d01;
}

.color-grisc {
    color: #eee;
}

.color-griso {
    color: #ccc;
}

.color-griso1 {
    color: #999999;
}

.color-griso2 {
    color: #8D8D8D;
}

.color-blanco {
    color: #ffffff;
}

.color-rojo {
    color: #a12d2d;
}

.color-red, .error {
    color: red;
}

.color-verde {
    color: #348E39;
}

.fd-mayo {
    background: #0071ce;
}

.fd-mayo-gris {
    background: #242323;
}

.fd-newborn {
    background: #98b6e4;
}

.fd-shoes {
    background: #004976;
}

.fd-azulc {
    background: #337ab7;
}
/*desuso*/
.fd-naranja {
    background: #f37d01;
}

.fd-grisc {
    background: #eee;
}

.fd-griso {
    background: #ccc;
}

.fd-blanco {
    background: #ffffff;
}

.fd-griso1 {
    background: #999999;
}

.fd-griso2 {
    background: #8D8D8D;
}

.fd-rojo {
    background: #a12d2d;
}

.fd-red {
    background: red;
}

.fd-verde {
    background: #348E39;
}

a.hover-mayo:hover {
    background-color: #e3edf5;
}
/**Medidas de width, height, padding, margin, border, fontsize, box shadow**/
.wauto {
    width: auto;
}

.w0 {
    width: 0% !important;
}

.w1 {
    width: 1% !important;
}

.w2 {
    width: 2% !important;
}

.w3 {
    width: 3% !important;
}

.w4 {
    width: 4% !important;
}

.w5 {
    width: 5% !important;
}

.w10 {
    width: 10% !important;
}

.w15 {
    width: 15% !important;
}

.w20 {
    width: 20% !important;
}

.w25 {
    width: 25% !important;
}

.w30 {
    width: 30% !important;
}

.w35 {
    width: 35% !important;
}

.w40 {
    width: 40% !important;
}

.w45 {
    width: 45% !important;
}

.w50 {
    width: 50% !important;
}

.w55 {
    width: 55% !important;
}

.w60 {
    width: 60% !important;
}

.w65 {
    width: 65% !important;
}

.w70 {
    width: 70% !important;
}

.w75 {
    width: 75% !important;
}

.w80 {
    width: 80% !important;
}

.w85 {
    width: 85% !important;
}

.w90 {
    width: 90% !important;
}

.w95 {
    width: 95% !important;
}

.w100 {
    width: 100% !important;
}

.h0 {
    height: 0% !important;
}

.h1 {
    height: 1% !important;
}

.h2 {
    height: 2% !important;
}

.h3 {
    height: 3% !important;
}

.h4 {
    height: 4% !important;
}

.h5 {
    height: 5% !important;
}

.h10 {
    height: 10% !important;
}

.h15 {
    height: 15% !important;
}

.h20 {
    height: 20% !important;
}

.h25 {
    height: 25% !important;
}

.h30 {
    height: 30% !important;
}

.h35 {
    height: 35% !important;
}

.h40 {
    height: 40% !important;
}

.h45 {
    height: 45% !important;
}

.h50 {
    height: 50% !important;
}

.h55 {
    height: 55% !important;
}

.h60 {
    height: 60% !important;
}

.h65 {
    height: 65% !important;
}

.h70 {
    height: 70% !important;
}

.h75 {
    height: 75% !important;
}

.h80 {
    height: 80% !important;
}

.h85 {
    height: 85% !important;
}

.h90 {
    height: 90% !important;
}

.h95 {
    height: 95% !important;
}

.h100 {
    height: 100% !important;
}

.border0 {
    border: 0px;
}

.bradius0 {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.border0 > li {
    border: 0px;
}

.border1 {
    border: 1px solid;
}

.border2 {
    border: 2px solid;
}

.border3 {
    border: 3px solid;
}

.border4 {
    border: 4px solid;
}

.border5 {
    border: 5px solid;
}

.bordertop0 {
    border-top: 0px solid;
}

.bordertop1 {
    border-top: 1px solid;
}

.bordertop2 {
    border-top: 2px solid;
}

.bordertop3 {
    border-top: 3px solid;
}

.bordertop4 {
    border-top: 4px solid;
}

.bordertop5 {
    border-top: 5px solid;
}

.borderbottom0 {
    border-bottom: 0px solid;
}

.borderbottom1 {
    border-bottom: 1px solid;
}

.borderbottom2 {
    border-bottom: 2px solid;
}

.borderbottom3 {
    border-bottom: 3px solid;
}

.borderbottom4 {
    border-bottom: 4px solid;
}

.borderbottom5 {
    border-bottom: 5px solid;
}

.borderleft0 {
    border-left: 0px solid;
}

.borderleft1 {
    border-left: 1px solid;
}

.borderleft2 {
    border-left: 2px solid;
}

.borderleft3 {
    border-left: 3px solid;
}

.borderleft4 {
    border-left: 4px solid;
}

.borderleft5 {
    border-left: 5px solid;
}

.borderright0 {
    border-right: 0px solid;
}

.borderright1 {
    border-right: 1px solid;
}

.borderright2 {
    border-right: 2px solid;
}

.borderright3 {
    border-right: 3px solid;
}

.borderright4 {
    border-right: 4px solid;
}

.borderright5 {
    border-right: 5px solid;
}

.border-mayo {
    border-color: #0071ce;
}

.border-red {
    border-color: red;
}

.border-azulc {
    border-color: #337ab7;
}
/*desuso*/
.border-naranja {
    border-color: #f37d01;
}

.border-griso {
    border-color: #eee;
}

.border-grisoc {
    border-color: #ccc;
}

.boxshadow {
    box-shadow: 2px 2px 5px #888888;
}

.boxshadow-mayo {
    box-shadow: 2px 2px 5px #0071ce;
}

.boxshadow-naranja {
    box-shadow: 2px 2px 5px #f37d01;
}

.boxshadow-azulc {
    box-shadow: 2px 2px 5px #337ab7;
}
/*desuso*/
.boxshadow-griso {
    box-shadow: 2px 2px 5px #eee;
}

.boxshadow-grisoc {
    box-shadow: 2px 2px 5px #ccc;
}

.font8 {
    font-size: 7px
}

.font9 {
    font-size: 8px
}

.font10 {
    font-size: 9px
}

.font11 {
    font-size: 10px
}

.font12 {
    font-size: 11px
}

.font13 {
    font-size: 12px
}

.font14 {
    font-size: 13px
}

.font15 {
    font-size: 14px
}

.font16 {
    font-size: 15px
}

.font17 {
    font-size: 16px
}

.font18 {
    font-size: 17px
}

.font19 {
    font-size: 18px
}

.font20 {
    font-size: 19px
}

.font21 {
    font-size: 20px
}

.font22 {
    font-size: 21px
}

.font23 {
    font-size: 22px
}

.font24 {
    font-size: 23px
}

.font25 {
    font-size: 24px
}

.font30 {
    font-size: 29px
}

.font35 {
    font-size: 34px
}

.font40 {
    font-size: 39px
}

.font45 {
    font-size: 44px
}

.bold {
    font-weight: bold;
}

.bold0 {
    font-weight: 500;
}

.pd0 {
    padding: 0;
}

.pd1 {
    padding: 1px;
}

.pd2 {
    padding: 2px;
}

.pd3 {
    padding: 3px;
}

.pd4 {
    padding: 4px;
}

.pd5 {
    padding: 5px;
}

.pd6 {
    padding: 6px;
}

.pd7 {
    padding: 7px;
}

.pd8 {
    padding: 8px;
}

.pd9 {
    padding: 9px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.pd25 {
    padding: 25px;
}

.pd30 {
    padding: 30px;
}

.pd35 {
    padding: 35px;
}

.pd40 {
    padding: 40px;
}

.pdtop0 {
    padding-top: 0px;
}

.pdtop1 {
    padding-top: 1px;
}

.pdtop2 {
    padding-top: 2px;
}

.pdtop3 {
    padding-top: 3px;
}

.pdtop4 {
    padding-top: 4px;
}

.pdtop5 {
    padding-top: 5px;
}

.pdtop6 {
    padding-top: 6px;
}

.pdtop7 {
    padding-top: 7px;
}

.pdtop8 {
    padding-top: 8px;
}

.pdtop9 {
    padding-top: 9px;
}

.pdtop10 {
    padding-top: 10px;
}

.pdtop15 {
    padding-top: 15px;
}

.pdtop20 {
    padding-top: 20px;
}

.pdtop25 {
    padding-top: 25px;
}

.pdtop30 {
    padding-top: 30px;
}

.pdtop35 {
    padding-top: 35px;
}

.pdtop40 {
    padding-top: 40px;
}

.pdbot0 {
    padding-bottom: 0px;
}

.pdbot1 {
    padding-bottom: 1px;
}

.pdbot2 {
    padding-bottom: 2px;
}

.pdbot3 {
    padding-bottom: 3px;
}

.pdbot4 {
    padding-bottom: 4px;
}

.pdbot5 {
    padding-bottom: 5px;
}

.pdbot6 {
    padding-bottom: 6px;
}

.pdbot7 {
    padding-bottom: 7px;
}

.pdbot8 {
    padding-bottom: 8px;
}

.pdbot9 {
    padding-bottom: 9px;
}

.pdbot10 {
    padding-bottom: 10px;
}

.pdbot15 {
    padding-bottom: 15px;
}

.pdbot20 {
    padding-bottom: 20px;
}

.pdbot25 {
    padding-bottom: 25px;
}

.pdbot30 {
    padding-bottom: 30px;
}

.pdbot35 {
    padding-bottom: 35px;
}

.pdbot40 {
    padding-bottom: 40px;
}

.pdleft0 {
    padding-left: 0px;
}

.pdleft1 {
    padding-left: 1px;
}

.pdleft2 {
    padding-left: 2px;
}

.pdleft3 {
    padding-left: 3px;
}

.pdleft4 {
    padding-left: 4px;
}

.pdleft5 {
    padding-left: 5px;
}

.pdleft6 {
    padding-left: 6px;
}

.pdleft7 {
    padding-left: 7px;
}

.pdleft8 {
    padding-left: 8px;
}

.pdleft9 {
    padding-left: 9px;
}

.pdleft10 {
    padding-left: 10px;
}

.pdleft15 {
    padding-left: 15px;
}

.pdleft20 {
    padding-left: 20px;
}

.pdleft25 {
    padding-left: 25px;
}

.pdleft30 {
    padding-left: 30px;
}

.pdleft35 {
    padding-left: 35px;
}

.pdleft40 {
    padding-left: 40px;
}

.pdright0 {
    padding-right: 0px;
}

.pdright1 {
    padding-right: 1px;
}

.pdright2 {
    padding-right: 2px;
}

.pdright3 {
    padding-right: 3px;
}

.pdright4 {
    padding-right: 4px;
}

.pdright5 {
    padding-right: 5px;
}

.pdright6 {
    padding-right: 6px;
}

.pdright7 {
    padding-right: 7px;
}

.pdright8 {
    padding-right: 8px;
}

.pdright9 {
    padding-right: 9px;
}

.pdright10 {
    padding-right: 10px;
}

.pdright15 {
    padding-right: 15px;
}

.pdright20 {
    padding-right: 20px;
}

.pdright25 {
    padding-right: 25px;
}

.pdright30 {
    padding-right: 30px;
}

.pdright35 {
    padding-right: 35px;
}

.pdright40 {
    padding-right: 40px;
}

.mauto {
    margin: auto;
}

.margin0 {
    margin: 0px;
}

.margin1 {
    margin: 1px;
}

.margin2 {
    margin: 2px;
}

.margin3 {
    margin: 3px;
}

.margin4 {
    margin: 4px;
}

.margin5 {
    margin: 5px;
}

.margin6 {
    margin: 6px;
}

.margin7 {
    margin: 7px;
}

.margin8 {
    margin: 8px;
}

.margin9 {
    margin: 9px;
}

.margin10 {
    margin: 10px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}

.margin25 {
    margin: 25px;
}

.margin30 {
    margin: 30px;
}

.margin35 {
    margin: 35px;
}

.margin40 {
    margin: 40px;
}

.margintop0 {
    margin-top: 0px;
}

.margintop1 {
    margin-top: 1px;
}

.margintop2 {
    margin-top: 2px;
}

.margintop3 {
    margin-top: 3px;
}

.margintop4 {
    margin-top: 4px;
}

.margintop5 {
    margin-top: 5px;
}

.margintop6 {
    margin-top: 6px;
}

.margintop7 {
    margin-top: 7px;
}

.margintop8 {
    margin-top: 8px;
}

.margintop9 {
    margin-top: 9px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop15 {
    margin-top: 15px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop25 {
    margin-top: 25px;
}

.margintop30 {
    margin-top: 30px;
}

.margintop35 {
    margin-top: 35px;
}

.margintop40 {
    margin-top: 40px;
}

.marginbot0 {
    margin-bottom: 0px;
}

.marginbot1 {
    margin-bottom: 1px;
}

.marginbot2 {
    margin-bottom: 2px;
}

.marginbot3 {
    margin-bottom: 3px;
}

.marginbot4 {
    margin-bottom: 4px;
}

.marginbot5 {
    margin-bottom: 5px;
}

.marginbot6 {
    margin-bottom: 6px;
}

.marginbot7 {
    margin-bottom: 7px;
}

.marginbot8 {
    margin-bottom: 8px;
}

.marginbot9 {
    margin-bottom: 9px;
}

.marginbot10 {
    margin-bottom: 10px;
}

.marginbot15 {
    margin-bottom: 15px;
}

.marginbot20 {
    margin-bottom: 20px;
}

.marginbot25 {
    margin-bottom: 25px;
}

.marginbot30 {
    margin-bottom: 30px;
}

.marginbot35 {
    margin-bottom: 35px;
}

.marginbot40 {
    margin-bottom: 40px;
}

.marginleft0 {
    margin-left: 0px;
}

.marginleft1 {
    margin-left: 1px;
}

.marginleft2 {
    margin-left: 2px;
}

.marginleft3 {
    margin-left: 3px;
}

.marginleft4 {
    margin-left: 4px;
}

.marginleft5 {
    margin-left: 5px;
}

.marginleft6 {
    margin-left: 6px;
}

.marginleft7 {
    margin-left: 7px;
}

.marginleft8 {
    margin-left: 8px;
}

.marginleft9 {
    margin-left: 9px;
}

.marginleft10 {
    margin-left: 10px;
}

.marginleft15 {
    margin-left: 15px;
}

.marginleft20 {
    margin-left: 20px;
}

.marginleft25 {
    margin-left: 25px;
}

.marginleft30 {
    margin-left: 30px;
}

.marginleft35 {
    margin-left: 35px;
}

.marginleft40 {
    margin-left: 40px;
}

.marginright0 {
    margin-right: 0px;
}

.marginright1 {
    margin-right: 1px;
}

.marginright2 {
    margin-right: 2px;
}

.marginright3 {
    margin-right: 3px;
}

.marginright4 {
    margin-right: 4px;
}

.marginright5 {
    margin-right: 5px;
}

.marginright6 {
    margin-right: 6px;
}

.marginright7 {
    margin-right: 7px;
}

.marginright8 {
    margin-right: 8px;
}

.marginright9 {
    margin-right: 9px;
}

.marginright10 {
    margin-right: 10px;
}

.marginright15 {
    margin-right: 15px;
}

.marginright20 {
    margin-right: 20px;
}

.marginright25 {
    margin-right: 25px;
}

.marginright30 {
    margin-right: 30px;
}

.marginright35 {
    margin-right: 35px;
}

.marginright40 {
    margin-right: 40px;
}

.positionr {
    position: relative;
}

.positiona {
    position: absolute;
}

.positionf {
    position: fixed;
}

.b0 {
    bottom: 0;
}

.t0 {
    top: 0;
}

.l0 {
    left: 0;
}

.r0 {
    right: 0;
}

.zindex0 {
    z-index: 0;
}

.zindex1 {
    z-index: 1;
}

.zindex200 {
    z-index: 200;
}

.zindex300 {
    z-index: 300;
}

.zindex400 {
    z-index: 400;
}

.zindex500 {
    z-index: 500;
}

.zindex600 {
    z-index: 600;
}

.zindex700 {
    z-index: 700;
}

.zindex800 {
    z-index: 800;
}

.zindex900 {
    z-index: 900;
}

.zindex999 {
    z-index: 999;
}

.zindex9999 {
    z-index: 9999
}

.valign_top {
    vertical-align: top;
}

.valign_middle {
    vertical-align: middle;
}

.valign_bottom {
    vertical-align: bottom;
}

.valign_sub {
    vertical-align: sub;
}
.valign_unset {
    vertical-align: unset;
}
/**enlaces y clases para textos**/
.text-through {
    text-decoration: line-through;
}

/***************************/
/****Varios*****/
.content_overflowx {
    overflow: hidden;
    overflow-x: auto;
}

.mark-mayo {
    background-color: #edf7e9;
    border: 1px dashed #eee;
    color: #0071ce;
    font-weight: 600;
}

.centrar {
    float: none;
    margin: 0 auto;
}

.sameheight_table {
    display: table;
    height: 100%;
    float: none;
}

.sameheight_cell {
    display: table-cell;
    height: 100%;
    float: none;
    vertical-align: middle;
    margin: 0 auto;
}
.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.txt_ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.txt_mayus {
    text-transform: uppercase;
}
.container_fondo {
    height: auto;
    min-height: 80px;
    background-image: url(../lib_img/fondo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.dnone {
    display: none;
}

.dtable {
    display: table;
}

.dblock {
    display: block;
}
.diblock {
    display:inline-block
}

.pointer {
    cursor: pointer;
}
.centerxyr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.obj_centerxy {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hoverMayo:hover {
    background:#0071ce;
    color:#ffffff
}
/****fin Varios*****/
/****Elementos*****/
/**BreadCrumbs**/
.breadcrumb-mayo {
    padding: 15px 0 0 0;
    margin-bottom: 0;
    list-style: none;
    border-radius: 4px;
}

    .breadcrumb-mayo > li {
        display: inline-block;
        text-transform: uppercase;
    }

        .breadcrumb-mayo > li + li:before {
            padding: 0 5px;
            color: #0071ce;
            content: "|";
        }
/**Elimina Inputs**/
div:hover > .search-clear, div:active > .search-clear {
    display: block;
}

.search-clear {
    display: none;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 18px;
    margin: auto;
    font-size: 17px;
    cursor: pointer;
    color: #ccc;
}
/**listas**/
.lista-mayo {
    list-style-type: circle;
    color: #0071ce;
}

.lista-mayo-item {
    margin-bottom: 10px;
}
/**badge**/
.badge-mayo {
    background: #0071ce;
    vertical-align: text-bottom;
}

.badge-mayo-titulo {
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
}
/**tables**/
/*standar de mayoralonline*/
.table-mayoral {
    min-width: 800px;
    border-spacing: 0;
    border-collapse: separate;
}

    .table-mayoral tbody tr, .table-mayoral thead tr, .table-mayoral tfoot tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .table-mayoral thead tr, .table-mayoral tfoot tr {
        padding-right: 17px;
    }

    .table-mayoral > tbody {
        display: block;
        overflow: hidden;
        overflow-y: scroll;
    }

table.table-mayoral > tbody tr td {
    vertical-align: middle;
}

.table-mayoral thead th, .table thead td {
    border-left: 1px solid #fff;
}

table.table-mayoral thead tr th, table.table thead tr td, table.table-mayoral tfoot tr th, table.table tfoot tr td {
    background: #0071ce;
    color: #fff;
    vertical-align: middle;
}

.table-mayoral thead.fd-mayo th:first-child, .table-mayoral thead.fd-mayo td:first-child {
    border-left: 0;
}

.table-mayoral tbody td {
    color: #999;
    border-top: 0 !important;
}

table.table-mayoral th {
    text-align: center;
}

.table-mayoral tbody tr {
    border-bottom: 1px dotted #0071ce;
    border-right: 0; /*1.5px solid transparent*/
    border-left: 0; /*1.5px dotted transparent*/
}
/*table-mayoral con tablas dentro*/
table.table-mayoral tr.expand {
    margin-top: 5px;
    border-top: 10px solid #0071ce;
}

    table.table-mayoral tr.expand + tr.expand-child {
        margin-bottom: 5px;
        border-bottom: 5px solid #999 !important;
    }

td.subtabla table {
    background-color: #eee !important;
}
/*fin standar*/
/*otras tablas estilos antiguo*/
.table-mayo-borde, .table-mayo-borde td, .table-mayo-borde thead tr th {
    border: 1px solid #0071ce;
}

.table-mayo-inversocab td {
    border: 1px solid #0071ce !important;
}

.table-mayo-inversocab th:nth-child(n) {
    border-bottom: 1px solid #0071ce;
    border-top: 1px solid #0071ce;
    border-left: 1px solid #ffffff;
    background-color: #0071ce;
    color: #ffffff;
}

.table-mayo-inversocab th:first-child {
    border-left: 1px solid #0071ce;
}

.table-mayo-inversocab th:last-child {
    border-right: 1px solid #0071ce;
}

.table-mayo-hover > tbody > tr:hover, .table-mayo-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e3edf5;
}

.table-mayo-dashed td {
    border: 1px dashed #0071ce !important;
}

.table-mayo-inversocab-naranja td {
    border: 1px solid #FFB85D !important;
    color: #666;
}

.table-mayo-inversocab-naranja th:nth-child(n) {
    border: 1px solid #FFB85D;
    border-top: 1px solid #FFB85D;
    background-color: #ffd7a4;
    color: #555;
}

.table-mayo-dashed-naranja td {
    border: 1px dashed #FFB85D !important;
    color: #666;
}

.table-mayo-naranja-hover > tbody > tr:hover, .table-mayo-naranja-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ffe9cf;
}

.table-mayo-round {
    border-top: 0 !important;
    border-left: 0 !important;
    border-top-left-radius: 25% 50%;
}
/**estilos ordenaci�n de tabla con tablesorter**/
.headerSortDown:before, .headerSortUp:before {
    padding-right: 4px;
}

.desc:before, .headerSortDown:before {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
}

.asc:before, .headerSortUp:before {
    content: "\e253";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
}
/*fin tablas*/

/**blocks**/
/*parte comun*/
.block-mayo {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 14px;
    display: inline-block;
    border-left: 4px solid #0071ce;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
/*colores*/
.block-mayo-naranja {
    border-left: 4px solid #f37d01;
}

.block-mayo-gris {
    border-left: 4px solid #7E7E7E;
}

.block-mayo-red {
    border-left: 4px solid red;
}
/*flecha sube*/
.arrow_up {
    display: none;
    opacity: 0.8;
    position: fixed;
    bottom: 60px;
    right: 2px;
    z-index: 9999;
    color: #0071ce;
    font-size: 34px;
    cursor: pointer;
}
/*spinner*/


.spinner-marca {
    width: 65px;
    height: 65px;
    position: relative;    
}

.bounce2 {
    width: 100%;
    height: 100%;
    background-image: url("https://static.mayoral.com/lib_img/logo/svg/spinner/logo_a.svg");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce2 2.0s infinite ease-in-out;
    animation: bounce2 2.0s infinite ease-in-out;
}

.bounce1 {
    width: 100%;
    height: 100%;
    background-image: url("https://static.mayoral.com/lib_img/logo/svg/spinner/logo_b.svg");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce1 2.0s infinite ease-in-out;
    animation: bounce1 2.0s infinite ease-in-out;
    -webkit-animation-delay: -1s !important;
    animation-delay: -1s !important;
}

@keyframes bounce1 {
    0%, 100% {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9, 0.9);
    }

    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1, 1.1) rotate(0.02deg);
        opacity: 0;
        -ms-filter: alpha(opacity=0);
    }
}

@keyframes bounce2 {
    0%, 100% {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9, 0.9);
    }

    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1, 1.1) rotate(0.02deg);
    }
}
/* spinner imagen de precarga e imagen de error*/
.imgLazy::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #EEEEEE;
}

.imgLazy img.error + span::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAACXBIWXMAAAsSAAALEgHS3X78AAAExklEQVR4nO2c4XXaMBDHr339TjtBsgF0gtAJSuwB4kxQRiATlA1KBpAf2QA2gAkaNggTpE/v/U2NJdmSdbItwu89f0EkmD+n093prE/v7+90xY7PV53suYrlwFUsB770+eFC5LdEVL6a2BHRW5omm4b3BaFTBy9EPiWi4poQ0Uh5kz0HiCeFW6dp8hr6/oOLJUQ+I6Li8hGnCSnemoiWoYQLIpYQ+VcimuMKKZCJLRGt0jRZGcZbwSoWRFoQ0S9lsB+ktc3TNFkPSiwh8jmE6sOSmthCtF3D+2rxFkuIXDpqae5jZXB4PKVpsuhFLCHyTDrUgVqTCWllszRN3gzjRloHpULkUqQ/kQkluZMhB2aEE60sS4hcTrsHZSAujjLec/FjzpZ1IUIRZsTGxcKcLOuChCojLWxiE8hai4XQ4Lcy0J490pXiJosc8Y7xM2zZY0rWOn2rRBo5HYdQB6yeK9ONIbCVqVHWoXBj3FemjJRotCzcvLSAG2XQniNyNqcYB3nlqsMV974u2rdx8AsGoaZtgkHc+C2mSRcsYRxaasXC9PPJ85yX5yqYrtOOBLtB8q+lVixYlQ9eQhWUBDsqg/zMUZRUMIoFq/JxsE8cQhVAsJkywM/IZF1GsUx/YMnBJ2E1gXLy1jDMSabzXVqxYIY/lQF7lgG/SMj/XTDSWbFWrKZ4wwLWCmUZrJCd+K7qCyHE2psCTkZWmI7FdQjwGeOqo1cieCSWPnFV8F2WNE2UXx1fbMGcu87K015nWVPlFTfYVkAXZCKcpomcEd8ZLe1MixBi9QrClQlTENsolnMFsYI2oOsS+MyMYSEYlf3WmViILXz8FQ1BLPpvYRxhhl4sBqvi+h9ccIh1mopVsXysYosShxL59gWmI1vEXw0d2ogl/UJWVwfqmY1njnuyLCXOcsS7BBMTutXQhQ8jFHmKxVqCCQWqHz+I6Nn3I3zE6iL7Z0GWdkrRfetgta1YLx0ky+xgJrQuUbcVq5eeTg5K0b0zbcWK2qnDwpx92Edu7bb1uSfDqIoV7fRyxWElP/nmqli2TjvqMo4jestyUFsp5l8wp8qvzmfZLKtj7CtGC/ooGikbkE4sW+uKJig1oNTxNZxVLHRi2Tr5MZrbosNht/2skqITy6XU8hCbYNi9sv2OZ4aj7c8SIt859rVvUdMKvg3mg2O/l2xBqN83BEXbti3SpP8Kkb/gV3vt6zG3gtLjeYRSd+ZoAIpPNlnWVyyZsfW4c/KtWizQ+awi2RxqmbgLnnVVFa1YgL1lKCK0390oFpy1d3UxQp5NC5VRLLDoqL1nKBzrgtVasaCw1iQvlIXOVxVoV8MqQuS+e28xIEvltflirWWV4GiyGDIHm1KzlViYjrWqR8zR9mFN67IyIvJHZSB+ZrZ1PKcaPB79vyTBHl3SsrZPsmaOuePQaNWj0Wp3BxZ2H6nT37ft0fB9+v4WOWQMxxRIXlBKarWbznIIhhD5osejVGxg6SHjPDEkRB+6L0fUpZYcvRnsB/egbDvvWbQjKqKsJx4FOxIKlpbh8u2AtmUPS1qH6PLp5LAxWNsMO9ncOeZLVweO9XL0JraiJqiRF63gdSe1HUv7mRuUvHdddx5ezyl14HqapANXsWwhon9rVs7+QCR/9AAAAABJRU5ErkJggg==);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #acacad;
    transform: translate3D(-50%, -50%, 0);
}

.imgLazy img.loading + span::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    border-radius: 50%;
    border: 1.2px solid #E0E0E0;
    border-top-color: rgba(1, 114, 234, 0.85);
    animation: spinnerRotate .7s linear infinite;
}

@keyframes spinnerRotate {
    to {
        transform: rotate(360deg);
    }
}

.imgLazy {
    padding-bottom: 100%;
    position: relative;
}

    .imgLazy img {
        position: absolute !important;
        display: block;
        width: 100%;
        height: 100%;
    }

        .imgLazy img.error, .imgLazy img.loading {
            display: none;
        }


/*imagotipo / simbolo en catalogo*/

.en_catalogo {    
    position: absolute;
    background-image: url(https://static.mayoral.com/lib_img/logo/png/simbolo_p.png);
    background-color: initial;
    padding: 1px;
    color: #fff;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 10px;
    top: 0;
    left: 5px;
}

.en_catalogo > img {
    padding: 5px;
    width: 40px;
    height: auto;
}

/**ALERTS**/
/*parte comun*/
.alert.alert-mayoral {
    border: 3px solid;
    border-radius: 5px;
    display: inline-block;
}

    .alert.alert-mayoral .glyphicon {
        font-size: 24px;
        top: 0px;
        vertical-align: middle;
        padding-right: 5px;
    }

    .alert.alert-mayoral button.close {
        font-size: 29px;
        margin-top: -2px;
    }

    .alert.alert-mayoral .alert-mj {
        vertical-align: middle;
        color: #919191;
    }

/*parte colores*/
.alert.alert-mayoral {
    color: #0071ce;
    border-color: #0071ce;
    background: white;
    opacity: 0.95;
    z-index: 999;
}

    .alert.alert-mayoral.alert-gris {
        color: #919191;
        border-color: #919191;
    }

    .alert.alert-mayoral.alert-warning {
        color: #e07e15;
        border-color: #e07e15;
    }

    .alert.alert-mayoral.alert-red {
        color: #e60904;
        border-color: #e60904;
    }

    .alert.alert-mayoral.inverse {
        background: #328dd7;
        color: #fff;
    }

        .alert.alert-mayoral.inverse .alert-mj {
            color: #fff;
        }

    .alert.alert-mayoral.alert-gris.inverse {
        background: #ababab;
    }

    .alert.alert-mayoral.alert-warning.inverse {
        background: #e79c4c;
    }

    .alert.alert-mayoral.alert-red.inverse {
        background: #ee5b57;
    }

/**alerts antiguos*
.alert-mayo{background-color:transparent;}
.alert-mayo>span{
	font-size:24px;
	top:0px;
    vertical-align: middle;
    padding-right: 5px;
	}
.alert-mayo>button, .alert-mayo>button:hover{font-size:29px;margin-top:-1px;}	
.alert-sombra{box-shadow: 0px 0px 6px 0px;}	
.alert-mayo,.alert-mayo>button, .alert-mayo>button:hover{border-color:#0071ce;color:#0071ce;}
.alert-mayo-azulc,.alert-mayo-azulc>button, .alert-mayo-azulc>button:hover{border-color:#0071ce;color:#0071ce;}	
.alert-mayo-naranja,.alert-mayo-naranja>button, .alert-mayo-naranja>button:hover{border-color:#eca529;color:#eca529;}	
.alert-mayo-gris,.alert-mayo-gris>button, .alert-mayo-gris>button:hover{border-color:#7E7E7E;color:#7E7E7E;}
*/
/**fondo rayado**/
.fondo_rayado_normal {
    background: linear-gradient(140deg, white 0%, white 65%, #eee 65.1%, #eee 66.9%, white 67%, white 70%, #d5d6d9 70.1%, #d5d6d9 70.9%, #eee 71%, #eee 73%, white 73.1%, white 76%, #d5d6d9 76.1%, #d5d6d9 77.5%, #eee 77.6%, #eee 79.1%, white 79.2%, white 83%, #eee 83.1%, #eee 84.9%, white 85%, white 87%, #d5d6d9 87.1%, #d5d6d9 89.9%, white 90%, white 92%, #d5d6d9 92.1%,#d5d6d9 100%);
    background: -webkit-linear-gradient(-45deg, white 0%, white 65%, #eee 65.1%, #eee 66.9%, white 67%, white 70%, #d5d6d9 70.1%, #d5d6d9 70.9%, #eee 71%, #eee 73%, white 73.1%, white 76%, #d5d6d9 76.1%, #d5d6d9 77.5%, #eee 77.6%, #eee 79.1%, white 79.2%, white 83%, #eee 83.1%, #eee 84.9%, white 85%, white 87%, #d5d6d9 87.1%, #d5d6d9 89.9%, white 90%, white 92%, #d5d6d9 92.1%,#d5d6d9 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    background-position: right;
    opacity: 1;
    border-radius: 0;
}

.fondo_rayado_mayoxs { /*azul*/
    background: #0071ce;
    background: linear-gradient(140deg, #0071ce 0%, #0071ce 81%, #2075b2 81.1%, #2075b2 81.9%, #0071ce 82%, #0071ce 83%, #1a86c7 83.1%, #1a86c7 83.9%, #2075b2 84%, #2075b2 85%, #0071ce 85.1%, #0071ce 87%, #1a86c7 87.1%, #1a86c7 88.5%, #2075b2 88.6%, #2075b2 90.1%, #0071ce 90.2%, #0071ce 92%, #2075b2 92.1%, #2075b2 93.9%, #0071ce 94%, #0071ce 95%, #1a86c7 95.1%, #1a86c7 96.9%, #0071ce 97%, #0071ce 98%, #1a86c7 98.1%,#1a86c7 100%);
    background: -webkit-linear-gradient(-45deg, #0071ce 0%, #0071ce 81%, #2075b2 81.1%, #2075b2 81.9%, #0071ce 82%, #0071ce 83%, #1a86c7 83.1%, #1a86c7 83.9%, #2075b2 84%, #2075b2 85%, #0071ce 85.1%, #0071ce 87%, #1a86c7 87.1%, #1a86c7 88.5%, #2075b2 88.6%, #2075b2 90.1%, #0071ce 90.2%, #0071ce 92%, #2075b2 92.1%, #2075b2 93.9%, #0071ce 94%, #0071ce 95%, #1a86c7 95.1%, #1a86c7 96.9%, #0071ce 97%, #0071ce 98%, #1a86c7 98.1%,#1a86c7 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    background-position: right;
    opacity: 1;
}
/**div error**/
.error_div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    background-image: url(https://static.mayoral.com/lib_img/fondo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.error_row {
    margin: auto;
    height: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
}

.error_content {
    height: 40%;
    margin: auto;
    position: absolute;
    font-size: 13px !important;
    text-transform: uppercase;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
    .error_content img[src=""], .errorIco {
        /*content: url(../../lib_img/error.png);*/
        content: url(https://static.mayoral.com/lib_img/error.png);
        display: block;
        margin: auto;
    }
/**modal**/
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.modal-mayo .modal-header {
    padding-bottom: 0;
    border: 0px;
}

.modal-mayo .modal-body {
    padding: 10px 15px;
}

.modal-mayo .mensaje {
    color: #8D8D8D;
    font-size: 15px;
    text-align: center;
}

.modal-mayo .modal-footer-center {
    padding-bottom: 15px;
    text-align: center;
}

    .modal-mayo .modal-footer-center button.btn_cancelar {
        margin-right: 20px;
        border-radius: 0;
    }

    .modal-mayo .modal-footer-center button.btn_aceptar {
        border-radius: 0;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-mayo.modal-info .modal-title, .modal-mayo.modal-ask .modal-title {
    color: #0071ce;
    font-size: 17px;
}

.modal-mayo.modal-aviso .modal-title,
.modal-mayo.modal-error .modal-title {
    color: #a12d2d;
    font-size: 17px;
}

.modal-mayo.modal-ok .modal-title {
    color: #348E39;
    font-size: 17px;
}

.modal-info .btn_cancelar, .modal-error .btn_cancelar, .modal-ok .btn_cancelar, .modal-aviso .btn_cancelar {
    display: none;
}

.modal-mayo.modal-info .modal-title span:before {
    font-family: 'Glyphicons Halflings';
    content: "\e086";
    font-size: 21px;
}

.modal-mayo.modal-ask .modal-title span:before {
    font-family: 'Glyphicons Halflings';
    content: "\e085";
    font-size: 21px;
}

.modal-mayo.modal-aviso .modal-title span:before {
    font-family: 'Glyphicons Halflings';
    content: "\e107";
    font-size: 21px;
}

.modal-mayo.modal-error .modal-title span:before {
    font-family: 'Glyphicons Halflings';
    content: "\e088";
    font-size: 21px;
}

.modal-mayo.modal-ok .modal-title span:before {
    font-family: 'Glyphicons Halflings';
    content: "\e089";
    font-size: 21px;
}

.modal-mayo .modal-body > button.close, .modal-mayo .modal-header > button.close {
    background: #0071ce;
    right: -36px;
    float: right;
    position: absolute;
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0px;
    line-height: 0.7;
    padding: 10px;
    margin: 0;
    color: #fff;
    font-size: 16px;
}

@media (max-width: 767px) {
    .modal-mayo .modal-dialog {
        width: 80%;
        margin: 0 10% 0 4%;
    }
}
/**
    Modal Carrusel
*/
.modal.carrusel .close {
    position: absolute;
    right: 5px;
    font-size: 65px;
    opacity: 0.25;
    top: -10px;
    color: #cccccc;
    z-index: 500;
}

.modal.carrusel .glyphicon-search {
    position: absolute;
    left: 5px;
    font-size: 35px;
    opacity: 0.25;
    top: 5px;
    color: #cccccc;
    z-index: 500;
    cursor: pointer
}

.modal.carrusel .glyphicon-search.active {
    color: rgba(0, 113, 206, 0.4);
    opacity: 0.3;
}

.modal.carrusel .close:hover,
.modal.carrusel .glyphicon-search:hover {
    opacity: 0.5;
}

.modal.carrusel span.glyphicon.glyphicon-chevron-right,
.modal.carrusel span.glyphicon.glyphicon-chevron-left {
    color: #cccccc;
    font-size: 60px;
    position: absolute;
    top: 50%;
    transform: translate3d(0,-50%,0);
    text-shadow: none;
    opacity: 0.25;
}

.modal.carrusel span.glyphicon.glyphicon-chevron-right:hover,
.modal.carrusel span.glyphicon.glyphicon-chevron-left:hover {
    opacity: 0.75;
}

.modal.carrusel span.glyphicon.glyphicon-chevron-left {
    left: 0px
}

.modal.carrusel span.glyphicon.glyphicon-chevron-right {
    right: 0px;
}
/*fin mdoal carrusel*/

/*carousel componente*/
a.carousel-control {
    background-image: none !important
}

.cVertical .glyphicon-chevron-up,
.cVertical .glyphicon-chevron-down,
.cVerticalOne .glyphicon-chevron-up,
.cVerticalOne .glyphicon-chevron-down {
    width: 30px;
    height: 30px;
    font-size: 30px;
    display: block;
    margin: auto;
}

.cVertical a.left.carousel-control-vertical,
.cVerticalOne a.left.carousel-control-vertical {
    right: 0;
    height: 50px;
    top: -50px;
}

.cVertical a.right.carousel-control-vertical,
.cVerticalOne a.right.carousel-control-vertical {
    right: 0;
    height: 50px;
    bottom: -50px;
}

.cVertical a.left.carousel-control-vertical.inside {
    top: 0;
}

.cVertical a.right.carousel-control-vertical.inside {
    bottom: 0
}

.cVertical a.carousel-control-vertical span,
.cVerticalOne a.carousel-control-vertical span {
    margin-top: 5px
}

.imgContent .imgMax .zoom {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #ccc;
    opacity: 0.3;
    font-size: 30px;
    cursor: pointer;
    box-shadow:unset !important;
    background: unset !important
}

.imgContent .imgMax .zoom.active {
    color: #0071ce;
}

.imgContent .imgMax .zoom:hover {
    opacity: 0.8
}

.cVertical a.carousel-control-vertical:hover,
.cVerticalOne a.carousel-control-vertical:hover,
a.carousel-control.horizontal:hover {
    background: #f2f2f2;
    transition: 200ms ease-in-out
}

.cVertical a.carousel-control-vertical:hover span.glyphicon,
.cVerticalOne a.carousel-control-vertical:hover span.glyphicon,
a.carousel-control.horizontal:hover span.glyphicon {
    color: #E0E0E0;
    transition: 200ms cubic-bezier(0.4, 0, 1, 1)
}

.cVertical .carousel-control-vertical,
.cVerticalOne .carousel-control-vertical {
    position: absolute;
    text-decoration: none !important;
    top: initial;
    bottom: initial;
    left: 0;
    width: 100%;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel.slide .carousel-control.horizontal {
    width: 10%;
    opacity: .5
}

.cVertical .carousel-inner,
.cVerticalOne .carousel-inner {
    height: 100%;
}

.carousel.cVertical .item {
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    -webkit-transition: 0.8s ease top;
    -moz-transition: 0.8s ease top;
    -ms-transition: 0.8s ease top;
    -o-transition: 0.8s ease top;
    transition: 0.8s ease top;
    vertical-align: middle;
}
/*opci�n con solo un elemento vertical*/
.cVerticalOne .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cVerticalOne .carousel-inner > .item.next.left,
.cVerticalOne .carousel-inner > .item.prev.right,
.cVerticalOne .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.cVerticalOne .carousel-inner > .item.next,
.cVerticalOne .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.cVerticalOne .carousel-inner > .item.prev,
.cVerticalOne .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}


/*opci�n con m�s de un elemento*/
.carousel.cVertical .active {
    top: 0;
    height: 100%;
}

.carousel.cVertical .next {
    top: 100%;
}

.carousel.cVertical .prev {
    top: -100%;
}

.carousel.cVertical .next.left,
.carousel.cVertical .prev.right {
    top: 0;
}

.carousel.cVertical .active.left {
    top: -105%;
}

.carousel.cVertical .active.right {
    top: 105%;
}

.carousel.cVertical .item {
    left: 0;
    height: 100%;
}
/*fin carousel*/

.label-mayo {
    font-weight: 500;
    color: #0071ce;
}
/*modal info pie*/
.msj_imp {
    position: fixed;
    display: table;
    width: 100%;
    bottom: 0;
    background-color: #0071ce;
    color: #fff;
    min-height: 75px;
    opacity: 0.8;
    z-index: 700;
}

.msj_imp .txt_imp {
    font-size: 17px;
    font-weight: bold;
    width: 20%;
    padding: 5px;
}

.msj_imp .content_imp {
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.msj_imp p {
    margin-bottom: 0;
    font-size: 11px;
}

.msj_imp p:before {
    content: "\00b7";
    padding-right: 5px;
}

.close_imp {
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 6px;
    background-color: transparent !important;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}

/*tooltip top*/
.tooltip-mayo-top + .tooltip > .tooltip-inner {
    background-color: #0071ce;
}

.tooltip-mayo-top + .tooltip > .tooltip-arrow {
    border-top-color: #0071ce;
}
/*tooltip right*/
.tooltip-mayo-right + .tooltip > .tooltip-inner {
    background-color: #0071ce;
}

.tooltip-mayo-right + .tooltip > .tooltip-arrow {
    border-right-color: #0071ce;
}
/*tooltip bottom*/
.tooltip-mayo-bottom + .tooltip > .tooltip-inner {
    background-color: #0071ce;
}

.tooltip-mayo-bottom + .tooltip > .tooltip-arrow {
    border-bottom-color: #0071ce;
}
/*tooltip left*/
.tooltip-mayo-left + .tooltip > .tooltip-inner {
    background-color: #0071ce;
}

.tooltip-mayo-left + .tooltip > .tooltip-arrow {
    border-left-color: #0071ce;
}
/*panel*/
.collapsed > .panel-heading.accordion-toggle:after {
    content: "\e250" !important;
}

.panel-heading.accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e252" !important;
    float: right;
}

.panel-azulc {
    border-color: #337ab7;
}
    /*desuso*/
    .panel-azulc > a div.panel-heading, .panel-azulc > a:hover, .panel-azulc > a:visited, .panel-azulc > a:focus { /*desuso*/
        color: #337ab7;
        text-decoration: none;
    }

    .panel-azulc div > ul.list-group li a { /*desuso*/
        color: #337ab7;
        text-decoration: none;
    }

        .panel-azulc div > ul.list-group li a:hover, .panel-azulc div > ul.list-group li a:focus, .panel-azulc div > ul.list-group li a:visited { /*desuso*/
            color: #337ab7;
            text-decoration: underline;
        }

.panel-naranja {
    border-color: #f37d01;
}

    .panel-naranja > a div.panel-heading, .panel-naranja > a:hover, .panel-naranja > a:visited, .panel-naranja > a:focus {
        color: #f37d01;
        text-decoration: none;
    }

    .panel-naranja div > ul.list-group li a:hover, .panel-naranja div > ul.list-group li a:focus, .panel-naranja div > ul.list-group li a:visited {
        color: #f37d01;
        text-decoration: underline;
    }

    .panel-naranja div > ul.list-group li a {
        color: #f37d01;
        text-decoration: none;
    }

    .panel-naranja li.list-group-item {
        border-color: #ffe0c0;
    }

.panel-mayo {
    background-color: #0071ce;
}

    .panel-mayo > a div.panel-heading, .panel-mayo > a:hover, .panel-mayo > a:visited, .panel-mayo > a:focus {
        color: #fff;
        text-decoration: none;
    }

    .panel-mayo div > ul.list-group li a {
        color: #0071ce;
        text-decoration: none;
    }

        .panel-mayo div > ul.list-group li a:hover, .panel-mayo div > ul.list-group li a:focus, .panel-mayo div > ul.list-group li a:visited {
            color: #0071ce;
            text-decoration: underline;
        }
/*panel tab mayo*/
.panel-tabs-mayo {
    border-color: #0071ce;
}

.tabs-mayo {
    border-bottom: 0;
    margin-bottom: 0;
}

    .tabs-mayo li a {
        color: #fff;
    }

.panel-tabs-mayo > .panel-heading {
    background-color: #90b7d8;
    padding-bottom: 0;
}

    .panel-tabs-mayo > .panel-heading .badge, .nav.nav-tabs.tabs-mayo li.active:hover a, .nav.nav-tabs.tabs-mayo li.active a {
        color: #0071ce;
        background-color: #fff;
        border-color: #fff;
    }

.tabs-mayo li.active a span.badge {
    color: #fff;
    background-color: #90b7d8;
}

.nav.nav-tabs.tabs-mayo li:hover a {
    background-color: #90b7d8;
    border-color: #90b7d8;
}
/*panel tab inverse*/
div.tab-inverse {
    border-bottom-color: #c8dbec;
}

ul.tab-inverse {
    border-bottom: 1px solid #90b7d8;
}

    ul.tab-inverse li.active a {
        border: 1px solid #90b7d8 !important;
        border-bottom-color: transparent !important;
        color: #0071ce;
    }

        ul.tab-inverse li.active a:hover, ul.tab-inverse li.active a:active, ul.tab-inverse li.active a:focus {
            color: #0071ce;
        }

            ul.tab-inverse li a:hover, ul.tab-inverse li.active a span.badge, ul.tab-inverse li a span.badge, ul.tab-inverse li.active a:hover span.badge {
                background-color: #90b7d8;
                color: #fff;
            }

    ul.tab-inverse li:hover a span.badge {
        background-color: #fff;
        color: #90b7d8;
    }
/*Pills*/
.nav-pills.pills-mayo > li.active > a, .nav-pills.pills-mayo > li.active > a:hover, .nav-pills.pills-mayo > li.active > a:focus {
    color: #fff;
    background-color: #0071ce;
}

.nav-pills.pills-mayo > li > a:hover {
    color: #fff;
    background-color: #90b7d8;
}
/*navbars*/
.navbar-brand {
    padding: 10px 15px;
}

.navmayo {
    background: #0071ce;
}

.nav.navbar-nav.navmayo li a {
    color: #ffffff;
    background: none;
}

    .nav.navbar-nav.navmayo li a:hover, .nav.navbar-nav.navmayo li a:focus {
        color: #ffffff;
        background: none;
        text-decoration: underline;
    }
/*navbar desplegable*/
.nav.navbar-nav.navmayo li ul li a {
    color: #0071ce;
    background: #ffffff;
}

    .nav.navbar-nav.navmayo li ul li a:hover, .nav.navbar-nav.navmayo li ul li a:focus {
        color: #0071ce;
        background: none;
        text-decoration: underline;
    }
/*inverse*/
.navmayo-inverse {
    background: none;
}

header.nav.navbar.navmayo-inverse {
    border-bottom: 1px solid #eee;
}

.nav.navbar-nav.navmayo-inverse li a {
    color: #0071ce;
    background: none;
    border: 0;
}

    .nav.navbar-nav.navmayo-inverse li a:hover, .nav.navbar-nav.navmayo-inverse li a:focus {
        color: #0071ce;
        background: none;
        text-decoration: underline;
    }
/*navbar inverse desplegable */
.nav.navbar-nav.navmayo-inverse > li.open > a:active, .nav.navbar-nav.navmayo-inverse > li.open > a, .nav.navbar-nav.navmayo-inverse > li.open > a:focus {
    color: #ffffff;
    background-color: #0071ce;
    text-decoration: none;
}
/*cabecera*/
.navmayo-cabecera {
    color: #fff;
    background: #0071ce;
    min-height: 70px;
}
    /*.navmayo-cabecera > div >nav{margin-bottom:35px;}*/
    .navmayo-cabecera img {
        padding-top: 10px;
        float: right;
        max-height: 45px;
    }

    .navmayo-cabecera h2 {
        margin: 0 !important;
        padding: 10px 0;
        font-size: 25px;
    }
/*NUEVA CABECERA PARA MAYORALINT*/
html.hf_int {
    position: relative;
    padding-bottom: 50px;
}

html.hf_int, html.mayoralint body {
    height: auto;
    min-height: 100%;
}

    html.hf_int #footer {
        position: absolute;
        background-color: #0071ce;
        color: #fff;
        text-align: center;
        padding: 5px;
        bottom: 0;
        width: 100%;
    }

        html.hf_int #footer p {
            margin: 0;
        }

#linea_cab {
    height: 65px;
    margin-top: -40px;
    padding: 2px 20px;
    background-color: #fff;
    position: absolute;
    /*box-shadow:20px -10px 24px -26px #000000, -20px -10px 24px -26px #000000;*/
    box-shadow: -20px -5px 39px -26px #000000, 20px -5px 39px -26px #000000;
    -webkit-box-shadow: -27px -7px 28px -28px #000000, 27px -7px 28px -28px #000000;
    z-index: 1002;
    width: 100%;
}

    #linea_cab h4 {
        border-bottom: 1px dashed #999;
        margin-top: 10px;
        padding-bottom: 3px;
    }
/****fin*****/

/*checkbox / radio*/
.label-primary {
    background-color: #0071ce
}
.label-mayo .radio {
    position: relative;
    float: left;
    clear: left;
    display: block;
    padding-left: 22px;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    font-weight: normal;
}

    .label-mayo .radio span {
        vertical-align: text-bottom;
    }

    .label-mayo .radio:not(.radio_selectalla):before {
        content: "";
        background: #fff;
        position: absolute;
        display: inline-block;
        top: 2px;
        left: 0;
        width: 15px;
        height: 15px;
        outline: 1px solid #0071ce;
    }

    .label-mayo .radio.radio_selectalla {
        position: relative;
        float: left;
        clear: left;
        display: block;
        font-size: 13px;
        color: #666;
        cursor: pointer;
        font-weight: normal;
        padding-left: 5px;
    }

        .label-mayo .radio.radio_selectalla span {
            display: block;
        }

        .label-mayo .radio.radio_selectalla:after {
            content: "";
            background: #fff;
            position: relative !important;
            display: inline-block;
            width: 15px;
            height: 15px;
            outline: 1px solid #0071ce;
        }

.label-mayo input[type="radio"], .label-mayo input[type="checkbox"] {
    display: none;
}

    .label-mayo input[type="radio"]:checked + label:before, .label-mayo input[type="checkbox"]:checked + label:before,
    .label-mayo input[type="radio"]:checked + label:after, .label-mayo input[type="checkbox"]:checked + label:after {
        background: #0071ce;
    }

label.radio {
    margin: 0;
}
/****fin*****/
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #0071ce;
}

/*input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}*/

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
/****Botones*****/
.btn-mayo {
    border: 1px solid #0071ce;
    background: none;
    padding: 3px 6px;
    margin-bottom: 2px;
    color: #0071ce;
    transition: 200ms;
}

.btn-mayo:hover, .btn-mayo:focus, .btn-mayo:active:focus {
    background: #0071ce;
    padding: 3px 6px;
    margin-bottom: 2px;
    color: #fff;
    transition: 350ms;
}

.btn-bs, .btn-bs:hover, .btn-bs:active, .btn-bs:focus, .btn-bs:active:focus {
    background: none;
    padding: 6px 12px;
    margin-bottom: 2px;
    outline: 0;
}

.btn-mayo-azulo {
    border: 1px solid #0071ce;
    color: #0071ce;
}

    .btn-mayo-azulo:hover, .btn-mayo-azulo:active, .btn-mayo-azulo:focus, .btn-mayo-azulo:active:focus {
        background: #0071ce;
        color: #ffffff;
    }

.btn-mayo-azulc, .btn-mayo-azulc:active, .btn-mayo-azulc:focus, .btn-mayo-azulc:active:focus { /*desuso*/
    border: 1px solid #337ab7;
    color: #337ab7;
}

    .btn-mayo-azulc:hover { /*desuso*/
        background: #337ab7;
        color: #ffffff;
    }

.btn-mayo-naranja {
    border: 1px solid #f37d01;
    color: #f37d01;
    background: none;
}

    .btn-mayo-naranja:hover, .btn-mayo-naranja:active, .btn-mayo-naranja:focus, .btn-mayo-naranja:active:focus {
        background: #f37d01;
        color: #ffffff;
        outline-color: #ff8300;
    }

.btn-mayo-rojo {
    border: 1px solid #d9534f;
    color: #d9534f;
    background: none;
}

    .btn-mayo-rojo:hover, .btn-mayo-rojo:active, .btn-mayo-rojo:focus, .btn-mayo-rojo:active:focus {
        background: #d9534f;
        color: #ffffff;
        outline-color: #ff0700;
    }

.btn-mayo-verde {
    border: 1px solid #348E39;
    color: #348E39;
    background: none;
}

    .btn-mayo-verde:hover, .btn-mayo-verde:active, .btn-mayo-verde:focus, .btn-mayo-verde:active:focus {
        background: #348E39;
        color: #ffffff;
        outline-color: #29b431;
    }

.btn-mayo-griso {
    border: 1px solid #919191;
    color: #919191;
    background: none;
}

    .btn-mayo-griso:hover, .btn-mayo-griso:active, .btn-mayo-griso:focus, .btn-mayo-griso:active:focus {
        background: #919191;
        color: #ffffff;
    }








/*
.btn-mayo-rojo,.btn-mayo-rojo:active, .btn-mayo-rojo:focus, .btn-mayo-rojo:active:focus{
	border:1px solid #a12d2d;	
	color:#a12d2d;	
	}
.btn-mayo-rojo:hover{
	background:#a12d2d;
	color:#ffffff;
	}
.btn-mayo-verde, .btn-mayo-verde:active:focus, .btn-mayo-verde:active, .btn-mayo-verde:focus{
	border:1px solid #348E39;	
	color:#348E39;	
	}
.btn-mayo-verde:hover{
	background:#348E39;
	color:#ffffff;
	}
.btn-mayo-griso, .btn-mayo-griso:active:focus, .btn-mayo-griso:focus, .btn-mayo-griso:active{
	border:1px solid #ccc;
	color:#ccc;
	}
.btn-mayo-griso:hover{
	background:#ccc;
	color:#ffffff;
	}
.btn-mayo-red, .btn-mayo-red:active:focus, .btn-mayo-red:focus, .btn-mayo-red:active{
	border:1px solid red;
	color:red;
	}
.btn-mayo-red:hover{
	background:red;
	color:#ffffff;
	}

*/
.btn-mod:hover {
    background: #286090 !important;
    color: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
}

.btn-mod.active {
    background: #0071ce !important;
    color: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
}

.btn-mod {
    background: #ddd !important;
    color: #aaa !important;
    border: 0 !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.btn_disabled {
    pointer-events: none;
    opacity: 0.3;
}
/*btn mas grande*/
.pdbtn-lg.btn {
    padding: 6px 12px;
}

.pdbtn-lg.btn:hover {
    padding: 6px 12px;
}
/*fix para el formato de bot�n estandarizado*/
.btn_cab.btn-mayo-azulo {
    padding: 0;
    border-radius: 0;
}
/*select --> dropdown*/
.btn.dropdown-toggle-mayo {
    width: 100%;
    text-align: left;
    border: 1px solid #0071ce;
    border-radius: 0;
    color: #777;
    background-color: #fff;
    height: 35px;
    padding-right: 20px;
}

    .btn.dropdown-toggle-mayo .caret_mod {
        float: right;
        margin-top: 8px;
        position: absolute;
        right: 15px;
        border-top-width: 6px;
        border-left-width: 6px;
        border-right-width: 6px;
        margin-bottom: 5px;
    }

    .btn.dropdown-toggle-mayo .title_selec {
        display: inline-block;
        height: 21px;
        white-space: initial;
        overflow: hidden;
        padding-right: 10px;
    }

.dropdown-mayo .dropdown-menu {
    overflow-y: auto;
    max-height: 400px;
    width: auto;
    min-width: 100%;
}
/*bootstrap select*/
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.dropdown.required button.btn.dropdown-toggle.btn-default.bs-placeholder span.filter-option:after {
    content: "*";
    color: red;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    margin-left: 3px
}

button.btn.dropdown-toggle.btn-default.bs-placeholder {
    background: #607d8b; 
    background: #deedf9;
}
/*thumbnails 3, 5 y 10 columnas*/
.col-tres {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
    width: 33.33%;
    float: left;
}

.col-diez .thumbnail .caption {
    font-size: 13px;
    padding: 2px !important;
}

    .col-diez .thumbnail .caption table tbody tr td, .col-diez .thumbnail .caption table thead tr th {
        padding: 8px 4px;
    }

.col-cinco {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
    width: 20%;
    float: left;
}

    .col-cinco .thumbnail .caption {
        font-size: 13px;
        padding: 2px !important;
    }

        .col-cinco .thumbnail .caption table tbody tr td, .col-cinco .thumbnail .caption table thead tr th {
            padding: 5px 2px;
        }

.col-diez {
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
    width: 10%;
    float: left;
}

.col-diez .thumbnail {
    padding: 1px;
}

.col-diez .thumbnail .caption {
    font-size: 10px;
    padding: 1px !important;
}

.col-diez .thumbnail .caption table tbody tr td, .col-diez .thumbnail .caption table thead tr th {
    padding: 5px 0px;
}
/*Bootstrap Select silvio moreto*/
.bootstrap-select > button.btn-default:hover, .bootstrap-select > button.btn-default, .bootstrap-select > button.btn-default:focus {
    background-color: #fff;
    border: 1px solid #0071ce;
    color: #0071ce!important;
}

.bootstrap-select > .btn-default.active:hover, .bootstrap-select.open > .dropdown-toggle.btn-default:hover, .bootstrap-select > .btn-default.active, .bootstrap-select.open > .dropdown-toggle.btn-default, .bootstrap-select.open > .dropdown-toggle.btn-default:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
    background-color: #fff;
    border: 1px solid #0071ce;
    color: #0071ce!important;
}

button.bootstrap-select, button.bootstrap-select:hover, button.bootstrap-select:active, button.bootstrap-select:focus, button.bootstrap-select:visited {
    background-color: #fff !important;
    border: 1px solid #0071ce !important;
    color: #0071ce !important;
}
/**mod arrow magnific pop up **/
.mfp-arrow-left:before, .mfp-arrow-left:after, .mfp-arrow-right:before, .mfp-arrow-right:after {
    margin-left: 0;
    border-right: 0;
    margin-right: 0;
    border-left: 0;
}

.mfp-arrow {
    opacity: 0.65;
    color: #ccc;
    font-size: 75px;
}

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 0.9 !important;
        -webkit-transition: all 0s ease-out;
        -moz-transition: all 0s ease-out;
        -o-transition: all 0s ease-out;
        transition: all 0s ease-out;
    }

.mfp-bottom-bar {
    background-color: #0071ce;
    padding: 5px 5px;
    opacity: 0.95;
    font-size: 14px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.mfp-counter {
    padding: 5px 5px;
    color: #fff;
    font-size: 14px;
}

.mfp-close, .mfp-close:active {
    font-size: 75px;
    opacity: 0.40;
    top: 44px;
    color: #ccc !important;
}

.mfp-s-loading button.mfp-arrow, .mfp-removing .mfp-arrow, .mfp-s-zoom button.mfp-arrow, .mfp-removing .mfp-container .mfp-close {
    display: none !important;
}

.mfp-container .mfp-arrow.mfp-arrow-left:hover, mfp-container .mfp-arrow.mfp-arrow-left:focus, .mfp-container .mfp-arrow.mfp-arrow-right:hover, mfp-container .mfp-arrow.mfp-arrow-right:focus, .mfp-close:hover, .mfp-close:active {
    opacity: 0.90 !important;
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.mfp-fondo {
    background: none;
}

.mfp-fd-blanco {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
    background: #254b92;
    padding: 5px;
    box-shadow: 2px 2px 5px #888888;
}
/*transicion para los cursores de los lados*/
.mfp-container .mfp-arrow.mfp-arrow-left, .mfp-container .mfp-arrow.mfp-arrow-right, .mfp-close {
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.mfp-ready .mfp-container .mfp-arrow.mfp-arrow-left, .mfp-ready .mfp-container .mfp-arrow.mfp-arrow-right, .mfp-ready .mfp-container .mfp-close {
    opacity: 0.50;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    width: 50px !important;
}
/*#datepicker jquery ui*/
.lib_mayoral .ui-datepicker {
    margin-top: 1px;
}

.lib_mayoral .ui-datepicker-title {
    color: #0071ce;
}

.lib_mayoral .ui-datepicker .ui-datepicker-header {
    background-color: rgba(0, 113, 206, 0.1);
}

.lib_mayoral .ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #0071ce;
}

.lib_mayoral .ui-state-default, .lib_mayoral .ui-widget-content .ui-state-default,
.lib_mayoral .ui-widget-header .ui-state-default, .lib_mayoral .ui-button,
.lib_mayoral .ui-button.ui-state-disabled:hover, .lib_mayoral html .ui-button.ui-state-disabled:active {
    border: 1px solid white;
    background: rgba(0, 113, 206, 0.1);
    font-weight: normal;
    color: #0071ce;
}

.lib_mayoral .ui-state-hover, .lib_mayoral .ui-widget-content .ui-state-hover, .lib_mayoral .ui-widget-header .ui-state-hover,
.lib_mayoral .ui-state-focus, .lib_mayoral .ui-widget-content .ui-state-focus,
.lib_mayoral .ui-widget-header .ui-state-focus, .lib_mayoral .ui-button:hover, .ui-button:focus {
    border: 1px solid #0071ce;
    background: rgba(0, 113, 206, 0.5); /*#edf7e9*/
    /*font-weight: bold;*/
    color: #ffffff;
    text-align: center;
}

    .lib_mayoral .ui-state-highlight, .lib_mayoral .ui-widget-content .ui-state-highlight,
    .lib_mayoral .ui-widget-header .ui-state-highlight:active:focus {
        border: 1px solid #f37d01;
        background: #fff;
        text-align: center;
        text-decoration: underline;
        /*font-weight: bold;
        font-size: 1em;
        box-shadow: 1px 1px 1px 1px #ccc;*/
        color: #0071ce;
    }

/*.lib_mayoral .ui-state-active, .lib_mayoral .ui-widget-content .ui-state-active, .lib_mayoral .ui-widget-header .ui-state-active, .lib_mayoral a.ui-button:active, .lib_mayoral .ui-button:active, .lib_mayoral .ui-button.ui-state-active:hover {
    border: 1px solid #0071ce;
    background: #0071ce;
    font-weight: normal;
    color: #fff;
    text-align: center;
    /*font-weight: bold;
    font-size: 1em;
    box-shadow: 1px 1px 1px 1px #ccc;
    text-shadow: 1px 1px #0071ce;
}*/

.lib_mayoral .ui-datepicker .ui-datepicker-prev-hover, .lib_mayoral .ui-datepicker .ui-datepicker-prev {
    left: 2px;
    top: 3px;
}

.lib_mayoral .ui-datepicker .ui-datepicker-next-hover, .lib_mayoral .ui-datepicker .ui-datepicker-next {
    right: 2px;
    top: 3px;
}

.lib_mayoral .ui-datepicker select.ui-datepicker-month, .lib_mayoral ui-datepicker select.ui-datepicker-year {
    width: 65%;
    border: 1px solid #0071ce;
    padding: 0 2px;
}

.lib_mayoral select.ui-datepicker-month option {
    border-left: 1px solid #0071ce;
    border-right: 1px solid #0071ce;
}

    .lib_mayoral select.ui-datepicker-month option:first-child {
        border-top: 1px solid #0071ce;
    }

    .lib_mayoral select.ui-datepicker-month option:last-child {
        border-bottom: 1px solid #0071ce;
    }

.lib_mayoral .ui-widget.ui-widget-content {
    border: 0px solid #0071ce;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    -ms-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}

.hasDatepicker {
    outline: 0;
    height: 30px;
    border: 1px solid #ccc;
}

    .hasDatepicker + .input-group-addon {
        top: 0px !important;
        border-left: 0;
    }

.ui_gly { /*estilos para glyphicon dentro de jquery ui*/
    color: #0071ce;
    font-size: 1.2em;
    cursor: pointer;
}

.ui-datepicker-week-col { /*estilo para formatear la columna de la semana*/
    background-color: #fff;
    text-align: center;
    color: #aaa;
}

.lib_mayoral select[class^="ui-datepicker"] {
    background-color: white;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: -webkit-linear-gradient(45deg, transparent 50%, #0071ce 50%);
    background-image: -moz-linear-gradient(45deg, transparent 50%, #0071ce 50%);
    background-image: -o-linear-gradient(45deg, transparent 50%, #0071ce 50%);
    background-image: linear-gradient(45deg, transparent 50%, #0071ce 50%), linear-gradient(135deg, #0071ce 50%, transparent 50%), linear-gradient(to right, white, white);
    background-position: calc(100% - 9px) calc(1em + -6px), calc(100% - 4px) calc(1em + -6px),0;
    background-size: 5px 5px,5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

    .lib_mayoral select[class^="ui-datepicker"]::-ms-expand { /*igual que el appearance pero para ie*/
        display: none;
    }

.lib_mayoral .date-range-selected > .ui-state-active, .lib_mayoral .date-range-selected > .ui-state-default {
    /*background-color: lightsteelblue;*/
    /*font-weight: bold;*/
    background: #0071ce;
    color: #fff;
    text-align: center;
    /*font-size: 1em;
    box-shadow: 1px 1px 1px 1px #ccc;*/
    text-shadow: 1px 1px #0071ce;
    border: 1px solid #0071ce;
}
/****Mod sobre Bootstrap*****/
/*Popover*/
.popover-title {
    background-color: #0071ce;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 0.9;
}

.popover-content {
    background-color: #fff;
    color: #0071ce;
    padding: 14px 14px;
}

.radio-mayo, .check-mayo {
    position: inherit !important;
    width: 20px;
    height: 20px;
    vertical-align: bottom !important;
}
/* Dropdown hacia la izq */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-submenu li:active, .dropdown-submenu li a:active, .dropdown-menu li:focus, .dropdown-menu li a:focus {
    outline: 0;
}

.dropdown-submenu li a:hover, .dropdown-menu li a:hover, .dropdown-submenu li a:active, .dropdown-menu li a:focus, .dropdown-submenu li a, .dropdown-menu li a {
    color: #0071ce;
}
/****fin Mod sobre Bootstrap*****/

/**** ANIMACIONES *****/

[aria-expanded="false"] span.glyphicon-plus {
    webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 200ms ease-in;
    margin: 0;
    cursor: pointer;
}

[aria-expanded="true"] span.glyphicon-plus {
    webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: 200ms ease-in;
    margin: 0;
    cursor: pointer;
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animatedInRight {
    transform: translate3d(3000px,0,0);
    animation: 1.2s ease-out 0s 1 bounceInRight;
    animation-fill-mode: forwards;
    animation-direction: normal;
}

.animatedfadeInUp {
    transform: translate3d(0,3000px,0);
    animation: 1s ease 0s 1 fadeInUp;
    animation-fill-mode: forwards;
    animation-direction: normal;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    opacity: 0;
    animation: 1s ease 0s 1 fadeInUp;
    animation-fill-mode: forwards;
    animation-direction: normal;
}
.animatedfadeInToUp {
    animation: 1s ease 0s 1 fadeInToUp;
    animation-fill-mode: forwards;
    animation-direction: normal;
}

@keyframes fadeInToUp {
    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}


/**** FIN ANIMACIONES *****/


/****IMPRESI�N GEN�RICO*****/
@media print {
    a[href]:after {
        content: none !important;
    }

    .table-mayoral {
        min-width: initial;
    }

    .table-mayoral thead tr, .table-mayoral tfoot tr {
        padding-right: 0;
    }

    .table-mayoral thead td, .table-mayoral thead th, .table-mayoral tfoot td {
        background: #0071ce !important;
        color: #fff !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }

    .table-mayoral tbody td {
        color: #555 !important;
        border-bottom: 1px solid #ccc !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }

    .noprint {
        display: none !important;
    }

    .fadeIn {
        opacity: 1;
    }

    .color-mayo {
        color: #0071ce !important;
        -webkit-print-color-adjust: exact;
    }

    .color-red, .error {
        color: red !important;
        -webkit-print-color-adjust: exact;
    }

    .fd-mayo {
        background: #0071ce !important;
        -webkit-print-color-adjust: exact;
    }

    .color-blanco {
        color: #fff !important;
        -webkit-print-color-adjust: exact;
    }

    .color-griso2 {
        color: #8D8D8D !important;
        -webkit-print-color-adjust: exact;
    }

    .table-mayoral tbody {
        display: initial;
    }

    table tfoot {
        display: table-row-group;
    }    

    .checkList .fd-mayo th {
        color: #0071ce !important;
        -webkit-print-color-adjust: exact;
    }

    .badge-mayo {
        background-color: #0071ce !important;
        -webkit-print-color-adjust: exact;
    }
}
/****FIN IMPRESI�N GEN�RICO*****/
/******FIN GENERICO MAYORAL*********/