@keyframes cargando2 {
   0% {transform: rotate(0deg);}
   40% {transform: rotate(10deg);font-size:26px;font-weight: bold;}
   80% {transform: rotate(-10deg)}
   100% {transform: rotate(0deg);}
}
@keyframes aviso_notificacion {
  0% {transform: rotate(0deg);}
  40% {transform: rotate(10deg);font-size:26px;font-weight: bold;color:white;}
  80% {transform: rotate(-10deg)}
  100% {transform: rotate(0deg);}
}

@keyframes cargando {
  from {transform: rotateZ(0deg);font-size:10px;}
  to {color:red;font-weight:bold;transform: rotateZ(359deg);}
}
@keyframes cumpleani {
    from {color:blue;}
    to {color:red;font-weight:bold;;}
}
.w3-input,input{background: none;}
.slic .md-list-item-inner{width:100% !important;}
textarea:focus, input:focus{
  outline: none;
}
.fsthin {
  font-weight: 100;
  font-style: normal;
}
.espseg img{max-width: 100% !important;}
.fsextralight {
  font-weight: 200;
  font-style: normal;
}

.fslight {
  font-weight: 300;
  font-style: normal;
}

.fsregular {
  font-weight: 400;
  font-style: normal;
}

.fsmedium {
  font-weight: 500;
  font-style: normal;
}

.fssemibold {
  font-weight: 600;
  font-style: normal;
}

.fsbold {
  font-weight: 700;
  font-style: normal;
}

.fsextrabold {
  font-weight: 800;
  font-style: normal;
}

.fsblack {
  font-weight: 900;
  font-style: normal;
}

.fsthin-italic {
  font-weight: 100;
  font-style: italic;
}

.fsextralight-italic {
  font-weight: 200;
  font-style: italic;
}

.fslight-italic {
  font-weight: 300;
  font-style: italic;
}

.fsregular-italic {
  font-weight: 400;
  font-style: italic;
}

.fsmedium-italic {
  font-weight: 500;
  font-style: italic;
}

.fssemibold-italic {
  font-weight: 600;
  font-style: italic;
}

.fsbold-italic {
  font-weight: 700;
  font-style: italic;
}

.fsextrabold-italic {
  font-weight: 800;
  font-style: italic;
}

.fsblack-italic {
  font-weight: 900;
  font-style: italic;
}
.paytone-one-regular {
  font-family: "Paytone One", serif;
  font-weight: 400;
  font-style: normal;
}
.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable.fc-short,.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable {
border-width:1px 1px 1px 15px;
border-right-color: #CECECE !important;
border-top-color: #CECECE !important;
border-bottom-color: #CECECE !important;
font-size:1em !important;
background-color: #f1f1f1 !important;
}

pavatar{
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: flex;
  border-radius: 12px;
}
.chatai-activo{background: red !important;}
pavatar .pavatar-close{
  float: right;
  position: absolute;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 1px 1px 2px black;
  color: white;
  cursor: pointer;
}
.md-list-item-inner{width: 87% !important;}
/* Estilo general */
.header {
  display: flex;
  justify-content: space-between; /* Distribuye el contenido horizontalmente */
  align-items: center; /* Alinea verticalmente */
  padding: 4px 20px; /* Espaciado interno */
  height:50px;
}
.header md-menu,.header md-menu button{width: 55px !important;min-width:55px;}
/* Sección izquierda */
.left {
  display: flex;
  align-items: center;
}

/* Sección derecha */
.right {
  display: flex;
  align-items: center;
}

.menu {
  display: flex;
  align-items: center;
  margin-left: auto; /* Mueve los puntos suspensivos hacia la derecha */
}
.w50{width:50%;}
.padding-tiny{padding:0px 10px 0px 0px;}
.dflex select{padding-left:16px;}
.dflex{display: flex !important;}
.dfcenter{align-items: center;}
.lh15{line-height:1.5 !important;}
.secagc{height: 88vh !important;}
agenda{display: grid;;}
mes-agenda{display: grid;justify-self: start;padding: 0px 15px;text-align: left;max-width:85%;min-height: 150px;}
res-agenda{display: grid;justify-self: end;padding: 0px 15px;text-align: right;width:85%;max-width:85%;min-height: 50px;}
dash-item.w100{width: 100% !important;}
dash-item.minw{width: 120px !important;}
dash-item.twd{display:inline-flex;width: 47% !important;}
beb .btext{display: block;}
.btn-flex > p {
    flex-grow: 1;
}
/* Contenedor principal que centra el contenido */
        .main-container {
            display: flex;
            flex-direction: column;
            align-items: center; /* Centra horizontalmente */
            justify-content: center; /* Centra verticalmente */
            padding: 1rem; /* Espaciado interno */
            box-sizing: border-box; /* Asegura que el padding no afecte el tamaño total */
        }
        /* Contenedor para la imagen de perfil */
        .profile-image-container {
            width: 12rem; /* 192px */
            height: 12rem; /* 192px */
            border-radius: 50%; /* Esto crea el círculo */
            overflow: hidden; /* Esto recorta la imagen a la forma del contenedor */
            border: 4px solid white;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Sombra sutil */
        }

        /* La imagen de perfil en sí */
        .profile-image {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Clave para recortar sin distorsionar. La imagen cubre el espacio y se corta lo que sobra */
        }
dash-item{border-radius:9px;width:300px;min-height:70px;display:inline-flex;
  align-items:center;margin:5px;}
  dash-item icon{width:40px;height:40px;display:inline-flex;width: min-content;
    line-height: 1.2 !important;}
  dash-item titulo{line-height:1;width:min-content;padding:0px 6px;font-size:0.8em;}
  dash-item desc{width:inherit;text-align:right;line-height:1;padding:0px 6px;font-weight:400;font-size:1.2em;}
adjunto-item{border-radius:9px;min-width:100px;min-height:50px;display:inline-flex;
  align-items:center;margin:5px;cursor:pointer;}
  adjunto-item:hover{opacity: 0.6;}
adjunto-item desc{width:inherit;text-align:right;line-height:1;padding:0px 6px;font-weight:400;}



#cDact *{color:#171B1F !important;}
.dfc{display: flex;align-items: center;}
.btn-ci{padding: 9px 40px;text-align: center;}
.btn-ci span{vertical-align: middle;}
.header-top{position: sticky;top:0px;z-index:1;background-color: #FAFAFA;}
.padding-0{padding:0px !important;}
.md-select-backdrop.md-click-catcher {
  z-index: 91 !important;
}
.md-select-menu-container.md-active{
  z-index: 92 !important;
}
.background-bg{background-color:rgba(0,0,0,0.2) !important;}
#menwin,.menalt{display: table-cell !important;max-height: 100vh !important;}
md-checkbox.md-customTheme-theme.md-indeterminate .md-icon::after{content:"C";font-size:5px !important;color:rgba(0,0,0,0);border-color:var(--primary-text-color);}
md-checkbox.md-customTheme-theme.md-checked .md-icon::after{content:"C";font-size:5px !important;color:rgba(0,0,0,0);border-color:white}
#pwm,.modal-body,#principalM{background-color: var(--primary-color-bg) !important;background-image: url('../img/design/fnnav.png') !important;}
#pwm md-content{background: none !important;}
#pwm * p,#pwm * h1,#pwm * h2,#pwm * h3,#pwm * h4,#pwm * h5,#pwm * h6,#pwm * ul,#pwm * ol,#pwm * li,.modal-body * p,.modal-body * h1,.modal-body * h2,.modal-body * h3,.modal-body * h4,.modal-body * h5,.modal-body * h6,.modal-body * ul,.modal-body * ol,.modal-body * li{background:none !important;}
md-list.md-customTheme-theme md-list-item.md-2-line .md-list-item-text p, md-list.md-customTheme-theme md-list-item.md-3-line .md-list-item-text p,#pwm *,.modal-body *,md-list.md-customTheme-theme md-list-item.md-2-line .md-list-item-text p, md-list.md-customTheme-theme md-list-item.md-3-line .md-list-item-text p{
  color:var(--primary-color-text) !important;
}

md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text{
  background:rgba(255,255,255,0.4);
}
.notify{animation: aviso_notificacion 2s 4;color:orange;}
/*HEADER TOP*/
.header_top #PrinNav{height: 60px;max-height: 60px;padding:10px;margin:0px;}
.header_top #principalM.headerTop{margin-top:40px;}
.header_top md-sidenav.pinActive{margin-top:60px !important;}
.header_top md-sidenav header{padding-top:4px;padding-bottom:4px;}
.header_top md-dialog header{padding-top:4px;padding-bottom:4px;}
.header_top #perfil{background-image:url('../img/design/fnnav.png') !important;}

/*HEADER LEFT*/
.header_left #perfil{background-image:url('../img/design/fnnav.png') !important;}

/*HEADER M1*/
.headerm1 #perfil{background-image:url('../img/design/fnnav.png') !important;}
.headerm1.bps{
  background-image:url('../img/design/fnnav.png') !important;
  background-size:150px;
  background-repeat: repeat;
  }
  .headerm1 md-dialog{background-image:url('../img/design/fnnav.png') !important;}
  .headerm1 md-dialog md-content{background: none !important;}
  .headerm1 #principalM{margin:0px !important;padding:0px 0px 0px 230px !important;}
/*Tema HEADER*/
header.hmodal {display:flow-root;}
header.hmodal .btn-cabecera{min-width: 40px;}
header.hmodal .title-modal{display:contents !important;}
.header #menuAPP .ico56{margin:0px 5px 0px 5px;}
.header .eLeftbar.active{width: 250px !important;}
.header .eLeftbar.active ~ .cLeftbar{width: 250px !important;}
.header #principalM{margin:0px !important;padding:0px !important;}
.header #perfil{background-image:url('../img/design/fnnav.png') !important;}
.header #perfil md-content, .header #perfil md-dialog {background-color: initial !important;}
/*-----*/
.card-hh{background-image:url('../img/design/img_df.webp');background-size:100%;background-position:center;background-repeat:repeat;}
.card-hh100{height: 100px;}
.card-hh160{height: 160px;}
.card-hh220{height: 220px;}
.md-sidenav-backdrop.md-opaque.md-customTheme-theme{z-index: 89 !important;}
.background-color{background-color:rgba(0,0,0,0.3) !important;}
.elit img.md-avatar{margin:auto !important;border-radius: 8px;width:70px;height: 70px;}
md-list-item.elit div.md-list-item-text{margin-top:5px;margin-bottom:5px;padding-left: 10px;}
.context-menu {
  position: fixed;
  right:0px;
  top: 0px;
  width: 310px;
  min-height: 5vh;
  max-height: 350px;
  overflow: scroll;
  border-radius: 9px;;
  box-shadow: 0 10px 20px rgb(64 64 64 / 5%);
  background-color:var(--secundary-color);
  z-index: 49;
  flex-direction: row;
  align-items: center;
  background-image: url('../img/design/fnnav.png');
  background-size: 550px;
  background-repeat: repeat;
  /* padding:10px 20px;; */
}
.context-menu button,.context-menu md-icon{
  color:#FAFAFA !important;
}
md-virtual-repeat-container.md-autocomplete-suggestions-container {
  height: 30vh !important;
  min-height: 12vh;
  max-height: 30vh !important;
}
.ctxt .tox.tox-tinymce{height: 80vh !important;border:inherit !important;background: rgba(0, 0, 0, 0.2);}
.context-menu .menu {
  /* display: flex;
  flex-direction: column;
  border-radius: 10px; */
  min-height: 100px;
  width:100%;
  max-height: 100%;
  overflow: scroll;
  box-shadow: 0 10px 20px rgb(64 64 64 / 5%);
  padding: 0px 0 10px 0px;
}
.context-menu .menu > li > a {
  font: inherit;
  border: 0;
  padding: 10px 30px 10px 15px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: unset;
  font-weight: 500;
  transition: 0.5s linear;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
}
.context-menu .menu > li > a:hover {
  background:#f1f3f7;
  color: #4b00ff;
}
.context-menu .menu > li > a > i {
  padding-right: 10px;
}
.context-menu .menu > li.trash > a:hover {
  color: red;
}
.link .opt_link{display: none;}
.link:hover .opt_link{display: block;}
md-dialog#pwm,md-dialog.wm{width: 100% !important;max-width: 100% !important;;height: 100% !important;max-height: 100% !important;}
/* v1.1 */
.c90{height: 85vh;overflow-x: scroll;;}
.intab{display: inline-table;}
.center-v{margin:auto;}
.box-250{height: 250px;}
*{scrollbar-color:rgba(0,0,0,0.2) rgba(0,0,0,0);}
.context-menu .menu::-webkit-scrollbar {
  visibility: hidden;
}
button.btn-small.w3-small{padding:3px;}
#Menuc{scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);}
#Menuc .material-symbols-outlined{font-size:25px;}
/* tr:hover .htic{background: var(--primary-color);} */
/* Colors */
.gc0,table.tsticky tbody tr.gc0 .htic{background: #ef9a9a !important;color:white !important;}
.gc1,table.tsticky tbody tr.gc1 .htic{background: #e53935 !important;color:white !important;}
.gc2,table.tsticky tbody tr.gc2 .htic{background: #ec407a !important;color:white !important;}
.gc3,table.tsticky tbody tr.gc3 .htic{background: #9575cd !important;color:white !important;}
.gc4,table.tsticky tbody tr.gc4 .htic{background: #0288d1 !important;color:white !important;}
.gc5,table.tsticky tbody tr.gc5 .htic{background: #00bcd4 !important;color:white !important;}
.gc6,table.tsticky tbody tr.gc6 .htic{background: #81c784 !important;color:white !important;}
.gc7,table.tsticky tbody tr.gc7 .htic{background: #7cb342 !important;color:white !important;}
.gc8,table.tsticky tbody tr.gc8 .htic{background: #FFEB3B !important;color:white !important;}
.gc9,table.tsticky tbody tr.gc9 .htic{background: #fdd835 !important;color:white !important;}
.gc10,table.tsticky tbody tr.gc10 .htic{background: #ffd54f !important;color:white !important;}
.gc11,table.tsticky tbody tr.gc11 .htic{background: #fb8c00 !important;color:white !important;}
.gc12,table.tsticky tbody tr.gc12 .htic{background: #ffab40 !important;color:white !important;}
.gc13,table.tsticky tbody tr.gc13 .htic{background: #ffab91 !important;color:white !important;}
.gc14,table.tsticky tbody tr.gc14 .htic{background: #ff7043 !important;color:white !important;}
.gc15,table.tsticky tbody tr.gc15 .htic{background: #bcaaa4 !important;color:white !important;}
.gc16,table.tsticky tbody tr.gc16 .htic{background: #795548 !important;color:white !important;}
.gc17,table.tsticky tbody tr.gc17 .htic{background: #b0bec5 !important;color:white !important;}
.gc18,table.tsticky tbody tr.gc18 .htic{background: #546e7a !important;color:white !important;}
.tgc0{display: inline-block;color:#ef9a9a !important;width:100%;;}
.tgc1{display: inline-block;color:#e53935 !important;width:100%;;}
.tgc2{display: inline-block;color:#ec407a !important;width:100%;;}
.tgc3{display: inline-block;color:#9575cd !important;width:100%;;}
.tgc4{display: inline-block;color:#0288d1 !important;width:100%;;}
.tgc5{display: inline-block;color:#00bcd4 !important;width:100%;;}
.tgc6{display: inline-block;color:#81c784 !important;width:100%;;}
.tgc7{display: inline-block;color:#7cb342 !important;width:100%;;}
.tgc8{display: inline-block;color:#FFEB3B !important;width:100%;;}
.tgc9{display: inline-block;color:#fdd835 !important;width:100%;;}
.tgc10{display: inline-block;color:#ffd54f !important;width:100%;;}
.tgc11{display: inline-block;color:#fb8c00 !important;width:100%;;}
.tgc12{display: inline-block;color:#ffab40 !important;width:100%;;}
.tgc13{display: inline-block;color:#ffab91 !important;width:100%;;}
.tgc14{display: inline-block;color:#ff7043 !important;width:100%;;}
.tgc15{display: inline-block;color:#bcaaa4 !important;width:100%;;}
.tgc16{display: inline-block;color:#795548 !important;width:100%;;}
.tgc17{display: inline-block;color:#b0bec5 !important;width:100%;;}
.tgc18{display: inline-block;color:#546e7a !important;width:100%;;}

#qrcode img{display: inline-block !important;}
.no-bg{background-color: inherit !important;}
.center-50{width: 50vw !important;margin:0 auto;}
.center-70{width: 70vw !important;margin:0 auto;}
.center-40{width: 40vw !important;margin:0 auto;}
.center-7c{width: 700px !important;margin:0 auto;}
.center-30{width: 30vw !important;margin:0 auto;}

/*,table.tsticky tbody tr.gc0:hover td*/
/* TABLA*/
/* tr{background: #f7fdfe;}*/
/*.w3-striped tbody tr:hover .htic{background: var(--hover-color) !important;}
.w3-striped tbody tr:nth-child(2n) .htic{background: var(--table-striped);}*/
.tsticky{border-collapse:collapse;}
table.tsticky tr{height: 60px;}
.tsticky thead th{text-align: center;padding:15px 5px !important;background:#f1f1f1;color:rgba(0,0,0,0.7) !important;}
.tsticky .htic{position: sticky;}
.tsticky tr th.htic{z-index: 0;}
.tsticky tr th.htic:first-child,.tsticky tfoot tr td.htic:first-child,.tsticky tr th.htic:last-child,.tsticky tfoot tr td.htic:last-child,.tsticky tr th.htic.htic-right{z-index: 1;}
.tsticky tr.desactive td:first-child{background:#EEEEEE !important;}
table.tsticky tbody tr:hover td,table.tsticky tbody tr:hover .htic{background-color:var(--primary-hover) !important;font-weight: bold;color:white;}
.htic-top{top:0;}
.htic-left{left:40px;}
.htic-left0{left: 0;text-align: center;}
.htic-right{right: 40px;}
md-checkbox[disabled]{cursor:not-allowed !important;}
md-checkbox[disabled].ach div.md-container{display:none;}
.dbtp #principalM{margin:0px !important;padding: 0px !important;}
.dbtp #exportable{height: 80vh !important;}
.htic-right0{right: 0;}
.htic-bottom{bottom:0;}
td.htic .ctext{display: inline-block;width:85%;padding-left:30px;};
.md-primary.cbox.md-customTheme-theme{display: contents !important;margin-bottom:10px}
.tsticky [type="checkbox"], [type="radio"]{display: contents;margin-left:10px;}
.tsticky md-checkbox .md-container{margin-left:10px !important;}
table.tsticky tbody tr .htic,table{background: #fafafa;}
table.tsticky tbody tr:hover td:last-child span:after{content:"more_vert"};
table.tsticky tbody tr:hover .htic,table.tsticky tbody tr:hover td{background-color:var(--primary-hover) !important;font-weight: bold;color:white;}
table.tsticky tbody td.coltdx-1,table.tsticky thead th.coltdx-1,table.tsticky tfoot td.coltdx-1{min-width: 50px;;max-width:50px;width:50px;}
table.tsticky tbody td.coltdx-3,table.tsticky thead th.coltdx-3,table.tsticky tfoot td.coltdx-3{min-width: 30vw;max-width:30vw;}
td.vista md-checkbox div.md-container .md-icon{background-color: var(--primary-hover) !important;}
#exportable table tbody tr td:first-child,.t-responsive table tbody tr td:first-child{vertical-align: middle;}
#exportable table thead th:hover .trb,.t-responsive table thead th:hover .trb{opacity: 1;}
#exportable table tbody td.coltdx-02,#exportable table thead th.coltdx-02,#exportable table tfoot td.coltdx-02,.t-responsive table tbody td.coltdx-02,.t-responsive table thead th.coltdx-02,.t-responsive table tfoot td.coltdx-02{min-width: 55px;max-width:55px;width:55px;}
#exportable table tbody td.coltdx-1,#exportable table thead th.coltdx-1,#exportable table tfoot td.coltdx-1,.t-responsive table tbody td.coltdx-1,.t-responsive table thead th.coltdx-1,.t-responsive table tfoot td.coltdx-1{min-width: 6vw;max-width:6vw;}
#exportable table tbody td.coltdx-8,#exportable table thead th.coltdx-8,#exportable table tfoot td.coltdx-8,.t-responsive table tbody td.coltdx-8,.t-responsive table thead th.coltdx-8,.t-responsive table tfoot td.coltdx-8{min-width: 8vw;max-width:8vw;}
#exportable table tbody td.coltdx-10,#exportable table thead th.coltdx-10,#exportable table tfoot td.coltdx-10,.t-responsive table tbody td.coltdx-10,.t-responsive table thead th.coltdx-10,.t-responsive table tfoot td.coltdx-10{min-width: 10vw;max-width:10vw;}
#exportable table tbody td.coltdx-15,#exportable table thead th.coltdx-15,#exportable table tfoot td.coltdx-15,.t-responsive table tbody td.coltdx-15,.t-responsive table thead th.coltdx-15,.t-responsive table tfoot td.coltdx-15{min-width: 15vw;max-width:15vw;}
#exportable table tbody td.coltdx-12,#exportable table thead th.coltdx-12,#exportable table tfoot td.coltdx-12,.t-responsive table tbody td.coltdx-12,.t-responsive table thead th.coltdx-12,.t-responsive table tfoot td.coltdx-12{min-width: 11vw;max-width:11vw;}
#exportable table tbody td.coltdx-2,#exportable table thead th.coltdx-2,#exportable table tfoot td.coltdx-2,.t-responsive table tbody td.coltdx-2,.t-responsive table thead th.coltdx-2,.t-responsive table tfoot td.coltdx-2{min-width: 20vw;max-width:20vw;}
#exportable table tbody td.coltdx-25,#exportable table thead th.coltdx-25,#exportable table tfoot td.coltdx-25,.t-responsive table tbody td.coltdx-25,.t-responsive table thead th.coltdx-25,.t-responsive table tfoot td.coltdx-25{min-width: 25vw;max-width:25vw;}
#exportable table tbody td.coltdx-3,#exportable table thead th.coltdx-3,#exportable table tfoot td.coltdx-3,.t-responsive table tbody td.coltdx-3,.t-responsive table thead th.coltdx-3,.t-responsive table tfoot td.coltdx-3{min-width: 30vw;max-width:30vw;}
#exportable table tbody td.coltdx-5,#exportable table thead th.coltdx-5,#exportable table tfoot td.coltdx-5,.t-responsive table tbody td.coltdx-5,.t-responsive table thead th.coltdx-5,.t-responsive table tfoot td.coltdx-5{min-width: 44vw;max-width: 44vw;}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}
.w3-striped tbody tr:nth-child(even),.w3-striped tbody tr:nth-child(even) td.htic{background-color:var(--table-striped);}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
/*-----*/
.w3-ul.w3-hoverable li:hover,md-list-item:hover,.hoverColor:hover{color:var(--primary-text-hover) !important;background-color:var(--primary-hover) !important;;}
.textopfull{color:rgba(0,0,0,0) !important;}
.tt-1{max-width: 100px !important;min-width: 100px !important;}
#map {
  height: 150px;
}
.pin{background: var(--primary-hover) !important;color:var(--primary-text-hover) !important;}
.m-side{max-width: 380px;width: 380px;}
#espModal{width: 100vw !important;max-width: 100vw !important;}
.fHover:hover{font-weight: bold;font-size: 15px !important;transition: 0.3s;margin-top:-3px;margin-left:-3px;}
.o-avatar{overflow: hidden;}
.o-avatar img{float:left;border-radius: 8px;margin-right: 5px;}
#opciones,.opcion{position:fixed;height: 35px;min-width: 40px !important;display: none;border-radius: 8px;}
.det-view{max-height:120px;}
iframe.auinf{height:40px !important;max-height: 40px !important;}
a.auin{height: 100px;width: 100px;background: red;}
.opacity-0{opacity: 0;}
md-toast.md-center {
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.ldg{min-height: 200px;max-height:200px;overflow-y:scroll;}
.ldg-xl{min-height: 400px;max-height:400px;overflow-y:scroll;}
.ldg.active{display: block;}
.w3-tiny{font-size:9px!important}
.w3-uthin{font-size:8px!important;}

md-list-item.w3-card-2:hover,.card-hover:hover{background: var(--primary-hover) !important;color:var(--primary-text-hover) !important;}
md-list-item.w3-card-2:hover *{color:var(--primary-text-hover) !important;}

md-list-item.w3-card-2:hover,.card-hover:hover{background: rgba(0,0,0,0) !important;color:initial !important;}
md-list-item.w3-card-2:hover *{color:initial !important;background-color: rgba(0,0,0,0) !important;}
.emc7{border-right: 20px solid #f1f1f1 !important;}
.emc6{border-right: 20px solid #4CAF50 !important;}
.emc5{border-right: 20px solid #607d8b !important;}
.emc4{border-right: 20px solid #f44336 !important;}
.emc3{border-right: 20px solid #2196F3 !important;}
.emc2{border-right: 20px solid #ff9800 !important;}
.emc1{border-right: 20px solid #9e9e9e !important;}
.wc70{width: 70%;}
/* Estilos para el interruptor de modo oscuro */
        .toggle-switch {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 28px;
            margin-right: 20px;
        }

        .toggle-switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: var(--toggle-bg);
            transition: .4s;
            border-radius: 34px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 4px;
            bottom: 1px;
            background-color: var(--toggle-knob-bg);
            transition: .4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background-color: #38a169; /* Color verde cuando está activo */
        }
        
        input:checked + .slider:before {
            transform: translateX(22px);
        }
.iavatar100{
  width: 110px;
  height: auto;;
}
.avatar100 {
  vertical-align: middle;
  width: 110px;
  height: 110px;
  border-radius: 10px;
}
.avatar {
  vertical-align: middle;
  width: 70px;
  height: 70px;
  border-radius: 10px;
}
.nimg{
   background: #CECECE;
   font-weight: bold;
   text-align: center;
   padding-top: 5px;
   font-size: 20px;
   color: black;
}
.etfo{font-size: 0.85em;}
.margin-0{margin:0px !important;}
.btn100{width: 70px;height: 70px;display: grid;padding: 1px !important;}
cum-ple,span.cumple,cumple{color: blue;font-family: 'Material Icons' !important;font-size: 29px;animation: cumpleani 2s 15;width: 30px;height: 24px;display: inline-block;cursor: help;}
span.transporte,transporte{color: #242424;font-family: 'Material Icons' !important;font-size: 29px;width: 30px;height: 24px;display: inline-block;;cursor: help;}
span.transporte::before,transporte::before{content: "directions_bus";}
cum-ple::before,span.cumple::before{content: "cake";}
.sidenavH100{width: 100%;max-width:100% !important;padding:0px !important;}
.sidenavH{width:600px !important;max-width:100% !important;padding:0px !important;}
.sidenavM{width:360px !important;max-width:100% !important;padding:0px !important;}

.sdmax{max-width: 65% !important;width: 100% !important;;}
.md-dialog-container{z-index: 91 !important;}
md-sidenav#cfilter{min-width:370px !important;padding:0px}
md-sidenav header{display: flex;}
md-sidenav header div.title{flex:50%;align-items: center;justify-content: left;display: flex;}
md-sidenav.pinActive header div.title{display: none;}
a.ab-btn{padding:18px 20px 18px 16px !important;margin-top:-10px;display:inline-table;height:61px !important;}
a.ab-btn.w3-btn{max-height: 61px !important;}
a.ab-btn md-icon{line-height: 1.5;;}
#cDlog md-tab-content{overflow-x:scroll !important;}
#PRIN.header md-sidenav.pinActive#cfilter{margin-left:250px;margin-top:0px !important;}
md-sidenav.pinActive#cfilter{min-width:16vw !important;width:16vw !important;max-width:16vw !important;padding:0px;}
md-sidenav.pinActive{margin-top:45px !important;z-index:1;min-width:16vw !important;}
md-sidenav.pinActive header{background:none !important;color:#424242 !important}
#cps0.active{width: 16vw !important;float:left;height: 91vh;max-height: 91vh;overflow: hidden;}
#cps.active{width: calc(100% - 16vw) !important;float:left;height: 91vh;max-height: 91vh;overflow: hidden;}
md-sidenav.pinActive.md-locked-open, md-sidenav.pinActive.md-closed.md-locked-open-add-active{min-width:16vw !important;}
/* md-toast{margin-top:50px !important;} */
md-sidenav.md-customTheme-theme,#menuAPP.eLeftbar,#menuAPP.e-left-bar,#cfilter,.espbg{background-image:url('../img/design/fnnav.png') !important;}
 md-sidenav.md-customTheme-theme md-content{background:none !important;}
.avatar img {
  vertical-align: middle;
  width: 100%;
  border-radius: 10px;
}
.md-button.btn-flex,.btn-flex{ display: flex;
  justify-content: normal;
  align-items:center;
}
.md-button.btn-flex .icon48, .btn-flex .icon48{width:48px;height: 48px;vertical-align: middle !important;align-items:center;text-align: center;display: inline-grid;}
.clocklet-container {
  right: 300px !important;
  left: inherit !important;
}
#esp-select .md-select-value > span:not(.md-select-icon) .md-text{display: flex !important;align-items: center;}
#PrinNav li ul{max-height:80vh;overflow-y:scroll;}
#PrinNav md-menu-bar button,#PrinNav md-menu-bar md-icon{color:white !important;}
#PrinNav md-menu-bar button{font-size: 13px;font-weight: normal !important;}
md-radio-button.md-checked{font-weight: bold;;}
#PrinNav a.button span{font-size: 12px;font-weight: 600 !important;text-decoration: none;margin:0px 2px;}
#PrinNav a.button{margin:0px 15px;}
#PrinNav md-menu-bar button a,#PrinNav a.button{text-decoration: none;}
md-menu-content.md-menu-bar-menu.md-dense{background:var(--secundary-color) !important;color:var(--secundary-text-color) !important;}
md-menu-content.md-menu-bar-menu.md-dense button,md-menu-content.md-menu-bar-menu.md-dense md-icon{color:var(--secundary-text-color) !important;}
md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button::after{color:var(--secundary-text-color) !important;}
.avatar-40{width: 35px;height: 40px;}
.avatar-50{width: 40px;height: 45px;}

.avatar-60{width: 50px;height: 60px;}
.avatar-10p{width: 10%;height: 60px;}
.avatar-15{width: 15px;height: 15px;}
.margin-bottom-none{margin-bottom:0px;}
#msg-in{min-height:60px;max-height:60px;height: 60px;;background-image:url('../img/design/mensaje_in.png');background-size:50% auto;background-position:center;background-repeat:no-repeat;}
#msg-inc{margin-top:10px;}
table tr td.pnota{padding: 0px !important;min-width: 80px;width: 80px;max-width: 80px;margin: 0px !important;;vertical-align:middle;text-align:center;word-wrap: break-word;}
table tr td.enota{border:0px solid rgba(0,0,0,0);}
table tr td.pnota span{padding:0px !important;}
.fbold{font-weight: bold !important;}
.chip > .material-icons{margin-left: -16px;
margin-top: -2px;
margin-right: 5px;
font-size: 23px;
padding-top: 6px;}
.chip:hover{padding-right:20px;padding-left: 20px;cursor: pointer;font-weight: bold;transition: 1s;}
.chip:hover > .material-icons{margin-left: -20px;transition: 0.7s;}
#Menuc{list-style: none !important;}
.centerModal{width: 60vw !important;left:20vw !important;}
.auto-h-modal{height: auto !important;}
.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event{border-radius:10px;padding: 5px 10px;}
.fc-next-button.fc-button.fc-state-default.fc-corner-right,.fc-prev-button.fc-button.fc-state-default.fc-corner-left{background: #0288d1;border-radius: 5px;border:none;color:white;margin-left:5px;}
.fc-next-button.fc-button.fc-state-default.fc-corner-right:hover,.fc-prev-button.fc-button.fc-state-default.fc-corner-left:hover{background: #616161;}
.w3-modal.active{z-index: 50;}
.btn-hv > a.w3-btn,.btn-hv a.w3-btn{display: none;}
.btn-hv:hover > a.w3-btn,.btn-hv:hover a.w3-btn{display: initial;}
.w3-leftbar{border-radius: 8px;}
.md-open-menu-container.md-active{border-radius: 8px;}
.itemMC.active{background:rgba(0,0,0,0.1) !important;}
.itEHover:hover{background:rgba(0,0,0,0.1) !important;}
.itemMC.active a.scv{border-bottom:1px solid rgba(255,255,255,0.2);font-weight: bold;}
.itemMC.active .cvr::after{content: "expand_more"}
.cvr::after{content: "chevron_right";}
.itemMC.active a{text-decoration: none !important;}
.fop .w3-modal,.fop .w3-modal-content,.fop .modal-body{overflow: unset !important;}
.fop .im-fop{height: 100vh;}
.fop .t-fop{overflow-x: scroll;height: 90vh;}
.recaudoP md-list-item{background: none !important;}
.ovh{overflow: hidden !important;}
.w3-btn{border-radius: 8px !important;}
/* **/

#esp-menu-opt .opc-menu-opt{overflow-x: scroll;right: 0px !important;}
#esp-menu-opt:hover .opc-menu-opt{position: fixed;right: 0px;width:250px;}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}


.tresize{
  border-right:2px solid rgba(0,0,0,0);
}
.tresize:hover{
  cursor: col-resize;
  border-right:2px solid var(--secundary-color) !important;
}
.reverse::after{
  content: "arrow_drop_down";
}
.reverse.active::after{
  content: "arrow_drop_up";
}
.tresize.active::after{
  content: "unfold_more";
}
md-autocomplete{background: rgba(0,0,0,0) !important;}
.optionsHP{opacity: 0;transition:1s;}
.w3-tag{border-radius: 4px;margin:1px 3px;}
.pOtions:hover .optionsHP{opacity: 1;}
.tresize:hover{border-right:4px solid var(--secundary-color);}
.tdr div{     top: 0px;
    right: 0px;
    bottom: 0px;
    background: red;
    width: 100%;
    position: absolute;
    cursor: col-resize;
}
.flex-container {
  display: flex;
}
input.picker[type="date"] {
  position: relative;
  background: red !important;
}





/* Contenedor principal del buscador */
        .buscador-container {
            position: relative; /* Clave para posicionar la lista de resultados */
            display: inline-flex;
            align-items: center;
            border-radius: 9px;
            height: 42px;
            min-width: 410px;
            max-width: 470px;
            transition: all 0.3s ease;
        }
        
        .buscador-container:focus-within {
             background-color: rgba(255, 255, 255, 0.3);
             box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
        }

        /* Formulario y sus elementos */
        .buscador-container form {
            display: flex;
            width: 100%;
            align-items: center;
        }

        /* Input de búsqueda */
        .buscador-container input[type="text"] {
            flex-grow: 1; /* Ocupa todo el espacio disponible */
            padding: 4px 4px 2px 15px;
            background: none !important;
            border: none;
            outline: none;
            color: white;
            font-size: 16px;
            margin:0px;

        }

        /* Placeholder del input */
        .buscador-container input[type="text"]::placeholder {
            color: rgba(255, 255, 255, 0.7);
            opacity: 1;
        }

        /* Icono de búsqueda */
        .buscador-container .material-icons {
            padding: 8px 10px 3px 2px;
            color: white;
            cursor: pointer;
            transition: transform 0.2s ease;
        }
        
        .buscador-container .material-icons:hover {
            transform: scale(1.1);
        }

        /* --- Lista de Resultados del Autocompletado --- */
        .autocomplete-results {
            position: absolute;
            top: 110%; /* Se posiciona debajo del buscador */
            left: 0;
            right: 0;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
            list-style: none;
            margin: 0;
            padding: 8px 0;
            z-index: 1000;
            border: 1px solid #ddd;
            overflow: hidden;
        }

        .autocomplete-results li {
            padding: 0; /* Quitamos padding del LI para dárselo al A */
            margin: 0;
        }

        /* Estilo para el enlace dentro de cada resultado */
        .autocomplete-results li a {
            display: flex;
            align-items: center;
            gap: 15px; /* Espacio entre el icono y el texto */
            padding: 12px 20px;
            cursor: pointer;
            transition: background-color 0.2s ease;
            text-decoration: none;
            color: #333;
        }

        .autocomplete-results li a:hover {
            background-color: #f5f5f5;
        }
        
        .autocomplete-results li a .result-icon {
            color: #007bff;
        }

        .autocomplete-results li a .result-text {
            flex-grow: 1;
        }
        
        .autocomplete-results li a .result-category {
            font-size: 0.8em;
            color: #888;
            background-color: #e9eff3;
            padding: 2px 6px;
            border-radius: 4px;
        }
        
        /* Estado de carga */
        .autocomplete-results .loading-item {
            padding: 12px 20px;
            color: #888;
            font-style: italic;
        }


input.picker[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
}
a.ab-btn.w3-btn.dflex.dfcenter md-icon{line-height: 0.9;}
md-backdrop{background: rgba(0,0,0,0.3);}
.tresize-2{min-width:200px !important;}
.tresize-1{min-width:100px !important;}
.tresize-05{min-width:50px !important;}
table thead tr th{user-select: none;-moz-user-select: none;-webkit-user-select: none;}
.ico-rz{ cursor:e-resize;}
.mapd{max-height: 100vh;min-height: 3vh;top:0;background-image:url('../img/design/fnnav.png');
  background-size:550px;
  background-repeat: repeat;}
.mapd md-menu-item,.mapd md-menu-item md-icon{color:#616161 !important;}
.mapd md-menu-content{max-height: 95vh;height: 95vh;}
.op6{box-shadow: none !important;border:1px solid rgba(87, 86, 86, 0.12);}
.text-uppercase{text-transform: uppercase;}
.tox-statusbar{display: none !important;}
.mce-content-body{padding:10px !important;}
.tox-toolbar__primary{background: #FAFAFA !important;}
.primary-color{background-color:var(--primary-color)!important;color:white !important}
.variant-color{background-color:var(--variant-color)!important;color:white !important}
.tabactive {font-weight: bold !important;color:var(--primary-color)!important;}

md-list-item.primary-color-focus {background-color:var(--primary-color) !important;}
md-list-item.primary-color-focus *{color:white !important;}
.primary-color-text *{color:var(--primary-color)!important;}
.primary-color button{border:none !important;}
.border-primary-color{border-color:var(--primary-color) !important;}
.alternate-color{background-color: var(--alternate-color) !important;color:var(--alternate-text-color);}
.hefo-table{background-color: var(--hefo-table) !important;color:var(--hefo-text-table);}
.primary-color.espHover,.pcHover:hover{background:var(--primary-colorH)!important;color:white !important}
.secundary-color{background-color:var(--secundary-color) !important;color:white !important}
.third-color{background-color:var(--third-color) !important;color:var(--third-text-color) !important}
.alt-color{background-color:var(--alternative-color) !important;color:#424242 !important}
button.md-accent md-icon{color:var(--secundary-color) !important;}
.sec-70{width:70%;margin:0 auto !important;}
.card-img{height:220px;overflow:hidden;width:170%;}
.img-carg{height:100%;overflow:hidden;width:auto;}
.card-img-h{max-height:250px;min-height:50px;overflow:hidden;width:170%;}
.card-v .card-t{height: 65px;overflow: hidden;text-align: center;word-wrap: break-word;}
/*.card-img img{margin-left: -39%;;}*/
.tnb{border-collapse: collapse;border-spacing: 0;}
.tnb thead{background: var(--alternative-color) !important;color:var(--alternative-t-color) !important;}
.dctable tr{display: inline-table;border-bottom: 2px solid #CECECE;}
.dctable td{padding:2px 10px;}
.ico64{width:64px;height: 64px;vertical-align: middle !important;text-align: center;display: inline-grid;}
.ico64 span{line-height: 64px;font-size: 2.2em;}
.ico48{width:48px;height:48px;vertical-align: middle !important;text-align: center;display: inline-grid;line-height: 1.5 !important;}
.ico56{width:56px;height:56px;vertical-align: middle !important;text-align: center;display: inline-grid;}
.ico56 span{line-height: 64px;font-size: 2.2em;}
.chat_activo{background:red !important;}

a.ico64,a.ico48,a.ico36,a.ico56{text-decoration: none !important;}
a.icotext span{line-height: 0px !important;}
a.ico36.icotext{font-size:8px;}
a.ico48.icotext span:last-child{font-size:8px !important;}
.ico48 span{line-height: 48px;font-size: 2.2em;}
.ico24{width:24px;height:24px;vertical-align: middle !important;text-align: center;display: inline-grid;font-size: 20px !important;}
.ico24 span{line-height: 24px;font-size: 1em;}
.ico36{width:36px;height:36px;vertical-align: middle !important;text-align: center;display: inline-grid;}
.ico36 span{line-height: 36px;font-size: 1.5em;}
.cdbtn{padding:15px 15px !important;}
md-checkbox.md-customTheme-theme.md-checked .md-icon{background:var(--primary-color) !important;border-radius: 5px !important;}
md-checkbox .md-container .md-icon{border-radius:5px !important;}
.w3-right.leftChat{float:left !important;}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right:20px solid white;
}
.shadow-card-1{box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border: 1px solid #f1f1f1}
.rtil{position: absolute;
margin-left: -13px;
margin-top: 15px;}
.bps{
  background-image:url('../img/design/fnnav.png');
  background-size:250px;
  background-repeat: repeat;
  }
  .dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 30px;
  z-index: 1;
}

.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropup-content a:hover {background-color: #ccc}

.dropup:hover .dropup-content {
  display: block;
}

.dropup:hover .dropbtn {
  background-color: #2980B9;
}
.disF{display: flex !important;vertical-align: middle;align-items: center;justify-content: center;}
  .wraptext{word-wrap: break-word;}
.bps #principalM{background: none !important;}
.indent-1{line-height:1 !important;}
/* MD*/
md-tabs.md-customTheme-theme .md-tab.md-active, md-tabs.md-customTheme-theme .md-tab.md-active md-icon, md-tabs.md-customTheme-theme .md-tab.md-focused, md-tabs.md-customTheme-theme .md-tab.md-focused md-icon{color:var(--primary-color) !important;}
md-ink-bar{background: var(--primary-color) !important;}
.com-res div{float:right !important;}
/* BIBLIOTECA*/
.biblioteca .tituloB{display:none !important;}
.biblioteca:hover .tituloB{display: inherit !important;}
.biblioteca .Video::after{content:"play_arrow";};
.biblioteca .Juego::after{content:"cloud";};
.biblioteca .Pdf::after{content:"cloud";};
iframe{border:0px solid !important;}
.itemActivo{background: red !important;;}
.inicio-materia{background:url("../img/design/imagen_materia.jpg") !important;background-size: cover !important;}
.text-bold{font-weight: bold;}
.card-materias{width:320px;height: 320px;float:left;border-radius: inherit;}
.card-materias md-card-title{height: 130px;max-height: 130px;}
.card-materias md-card-title:hover,.card-materias md-card-title:hover md-headline{font-weight: bold !important;}
.card-materias md-card-content{height: 150px;max-height: 150px;}
.card-materias md-card-content img{margin-top:-50px;}
.card-materias md-card-actions{border-top:1px solid #9C9C9C;}
.cna{cursor: not-allowed;}
.w3-btn.desactive,.linkDesactive{background: #cecece !important;cursor: not-allowed;box-shadow: none;}
.shadow-none{box-shadow:none !important;}
.head-materia{margin-top: 30px;;margin-left:6%;}
.inicio-materia{background: red;height: 220px;padding: 10px 30px;font-weight: bold;color: white;line-height: 16px;}
#contenido-curso{min-height: 500px;}
.dropdown-left{margin-left:-100px !important;}
.md-autocomplete-suggestions-container{height: 100px;min-height: 100px;}
.ico-large{font-size:2.3em !important;text-decoration: none;}
.not-allowed{cursor:not-allowed;}
.text-align-right{text-align:right !important;;}
/*NUEVO*/
.ovHidden{overflow: hidden;}
.gradoLDoc{width:150px;text-align: center}
.camEc{display:inline-table;margin:2px 5px;width:220px;height: 60px;}
.camEc p{height: 60px;vertical-align: middle;display: table-cell;}
.selSem.active{background-color: var(--primary-color) !important;color:var(--tprimary-color);}
.selGrat.active{background-color: var(--primary-color) !important;color:var(--tprimary-color);}
.btn-mini{padding:4px 12px !important;}
md-autocomplete .md-autocomplete-suggestions li{line-height: 15px !important;margin-bottom: 5px;}
.item-metadata,.item-title{display: block;line-height: 25px !important;}
.item-metadata{margin-bottom:5px;}
.middle{vertical-align: middle !important;}
.btn-head{padding:0px;height: 30px;display: inline-flex;min-width: 50px !important;margin-top: 0px !important;justify-content: center;;}
md-sidenav header.w3-container{padding: 10px 0px 0px 0px !important;}
button.btn-head:hover{background: red;}
.btn-head .icon{padding-top:5px;}
.btn-head .text{float:right}
.title-modal{margin-top:8px;}
#menuContext{position: fixed;min-width: 300px;}
.switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: var(--primary-color);
  color:var(--tprimary-color);
	box-shadow: none;
}
.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}
/*----FIN*/

.table {
    font-size: .75em;
}
#audio{
display: none
}
_:-ms-input-placeholder, :root {
  body[style] {
    position: inherit !important;
    top: inherit !important;
    width: inherit !important;
  }

  .md-click-catcher.md-wbTheme-theme {
    height: 100%;
    position: fixed;
    width: 100%;
  }
}
.bar-options-items{display: flex;}
.bar-options-items a{margin:0px !important;}
.md-autocomplete-suggestions-container{position: fixed !important;bottom:10px;}
.espHover:hover{cursor: pointer;background: #CECECE;}
.ticket{float: left;}
.t2{width: 20%;}
.t10{width: 80%;}
.t6{width: 50%;}
.t4{width: 30%;}
.autocomplete-custom-template li:hover{
    background: #607d8b !important;
    color:white;
    font-weight: bold;
}
.list_Prueba span{margin-top:7px;padding:10px 35px;}
#pruebas tbody tr td:nth-child(2),#pruebas thead tr th:nth-child(2){
  min-width: 450px !important;max-width:450px !important;
}
#pruebas tbody tr td:nth-child(1n+3),#pruebas thead tr th:nth-child(1n+3){
  min-width: 100px;max-width:100px;text-align: center;vertical-align: middle;
}
#pruebas input[type="radio"]:hover{cursor: pointer;}
.list_Prueba img {
    float: left;
    margin: -11px 0px -20px 0px;
    width: 85px !important;
    background:#CECECE;
border-top: 10px solid #CECECE;
border-bottom: 10px solid #CECECE;
border-left: 15px solid #CECECE;
border-right: 15px solid #CECECE;
    padding: 2px;
    border-top-right-radius: 90px 10px;
    border-bottom-right-radius: 90px 10px;
}
.background-none{background: none !important;}
.shadow5{box-shadow: 0px  0px 2px #616161;}
.shadow5:hover{box-shadow: 0px  0px 5px #616161;}
.padding5{padding: 5px;}
.buttonTBar{height: 53px;border:0px;background: none;color: #616161 !important}
.buttonTBar:hover{border-bottom: 7px solid #9C9C9C;}
.activeB{font-weight: bold;border-bottom-style: solid !important; border-bottom-width: 6px;border-bottom-color: var(--secundary-color);}
.itTable{min-width: 60px !important;}
.select{background: darkblue !important;color:yellow !important;}
.pHidden{overflow: hidden;}
.md-tooltip{opacity: 1 !important;}
.md-whiteframe-z1{margin-top:10px;box-shadow: none !important;border-bottom: 1px solid black;}
.agregar{min-width: 50px !important;height: 100px;float: left;;background-color: red;background-image:url('../../public/img/design/mp3.png');}
.agregar:hover::after{content: "HOLA";}
#PrinNav{height:45px;max-height: 55px;z-index: 3;overflow:initial !important;box-shadow: 1px  0px 5px #616161;}
#PrinNav button:first-child{margin:6px;}
#PrinNav .w3-right.w3-dropdown-hover a:hover{background: none !important;cursor: pointer;;}
#PrinNav .infoMateria{margin-top:10px;line-height: initial;}
#principalM{padding: 20px 0px !important;background-color:var(--primary-color-bg) !important;height: 100vh;;}
#principalM.active .cfil{width:20vw !important;}
#principalM .cfil{width:0px !important;}
#principalM.active{width:80vw !important;background: red;}
#principalM.headerTop{margin-top:26px;}
.w3-dropdown-content.esp{z-index:4;}
.singleBar{margin-top: 8px;}
  #backOff.active{position:fixed; width: 100%;height: 100%;z-index: 4;background: rgba(0,0,0,0.3);min-height: 100px;}
span.icono.edit{width:30px;height: 30px;border:1px solid;display: block;background: red;}
span.icono.edit:after{content:"editar";}
#menuAPP{z-index: 2;background: var(--primary-color) !important;list-style: none;-ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */}
  #menuAPP .listam ul.w3-dropdown-content::-webkit-scrollbar, #menuAPP .listam::-webkit-scrollbar {
  display: none !important;
  width: 0 !important
}
#menuAPP .listam ul.w3-dropdown-content,.bimc{
  background-image: url(../img/design/fnnav.png) !important;
}
#menuApp .listam ul.w3-dropdown-content .w3-button:hover{background: none !important;;}
body::-webkit-scrollbar{
  display: none;
  width: 0 !important
}
#menuAPP .w3-dropdown-hover{font-size: 12px !important;}
#menuAPP .w3-dropdown-hover a span{color: white;display: contents;}
.modalFull{left: 0px;top:0px;position: fixed;;width:100%;min-height:300px;}
.w3-modal.modalFull.active{left: 0px;top:0px;position: fixed;;width:100%;min-height:300px;z-index: 9;padding-top: 0px !important;}
.w3-modal .w3-modal-content.modal_medium{width: 600px !important;height: 550px;top:20px !important;}
.w3-modal.modalFull .w3-modal-content{width: 100% !important;height: 100%;background:#FAFAFA !important;}
.w3-modal.modalFull .w3-modal-content header button{visibility: hidden;}
.w3-modal.modalFull .w3-modal-content header{height: 50px;font-size: 0.2em !important;}
.w3-modal.modalFull .w3-container.primary{height: 40px !important;}
.w3-modal.modalFull .w3-container.primary h2{margin:0px !important;}
.w3-modal.modalFull .w3-container.primary button {margin-top: 0px !important;padding-top: 0px;}
.w3-modal.modalFull .w3-modal-content footer{height: 50px !important;}
.w3-modal.modalFull .w3-modal-content .modal-body {width:100%;}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}
/*--------------*/
/*FONT GOOGLE*/
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  /*src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
  */
  /*src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');*/
  src: local('Material Icons'),
    local('material-icons-outlined'),
    url("../fonts/material-icons-outlined.woff2") format('woff2'),
    url("../fonts/material-icons-outlined.woff") format('woff');
}

.lmso {
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 24
}


/* *{font-family:Mulish,sans-serif;} */
/*5 Marzo*/
a.w3-btn{padding-top:10px !important;padding-bottom:10px !important;}
a.w3-btn.primary-color:hover{background: red;color:var(--primary-text-hover);}
.sel{padding-top: 10px;}
.sel .ub{margin-top: -10px;}
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  font-size: 10px;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
/*a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}*/
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}
md-select.md-customTheme-theme .md-select-value.md-select-placeholder,md-input-container.md-customTheme-theme:not(.md-input-invalid).md-input-has-value label,md-input-container.md-customTheme-theme label, md-input-container.md-customTheme-theme .md-placeholder,md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label{
	color:#212121 !important;
}
.w3-btn.btn-tiny{padding: 3px !important;font-size: 1.7em;}
table thead tr th{text-align: center !important;vertical-align: middle !important;}
table thead tr th.coltd-05,table tbody tr td.coltd-05,table tr td.coltd-05{min-width:50px !important;max-width:50px !important;width: 50px !important;}
table thead tr th.coltd-06,table tbody tr td.coltd-06{min-width:60px !important;max-width:60px !important;width: 60px !important;}

table thead tr th.coltd-07,table tbody tr td.coltd-07{min-width:70px !important;max-width:70px !important;width: 70px !important;}

table thead tr th.coltd-1,table tbody tr td.coltd-1{min-width:100px !important;width: 100px !important;}
table thead tr th.coltd-15{min-width:150px !important;max-width:150px !important;width: 150px !important;}
table thead tr th.coltd-2{min-width:200px !important;max-width:200px !important;width: 200px !important;}
table thead tr th.coltd-3{min-width:300px !important;max-width:300px !important;width: 300px !important;}
table thead tr th.coltd-35{min-width:350px !important;max-width:350px !important;width: 350px !important;}

li.hidden:before span{content:"visibility_off"}
/* FILTER */

.ifl:before{content: "filter_list";}
.kad i.material-icons:before{content: "keyboard_arrow_down";}
.kad span:before{content:"Ascendente / Descendente";}
.cv i.material-icons:before{content: "label";}
.cv span:before{content:"Campos Vacios";}
.cnv i.material-icons:before{content: "label_outline";}
.cnv span:before{content:"Campos No Vacios";}
.st i.material-icons:before{content: "done_all";}
.st span:before{content:"Sel. Todos";}
.icb:before{content: "search";}
/*----*/

/*----- MAYO6*/
/* Full-width input fields */
input[type=text], input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Overwrite default styles of hr */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* Set a style for the submit/register button */
.registerbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity:1;
}

/* Add a blue text color to links */
a {
  color: dodgerblue;
}

/* Set a grey background color and center the text of the "sign in" section */
.signin {
  background-color: #f1f1f1;
  text-align: center;
}

/*---::selection{background:none;}
--*/

body#PRIN{margin:0px !important;overflow: hidden !important;}
table.w3-table.w3-striped.table4.w3-hoverable tr td:first-child{width:1cm;}
.menu-drown{margin-top: 6px;display:flex !important;}
.menu-drown a.md-button.md-raised.md-mini.md-primary.md-customTheme-theme{margin:0px !important;}
.menu-drown:first-child li a.w3-left.pointer.w3-text-white.md-customTheme-theme{font-size:20px !important;padding:0px 18px 0px 10px !important;}
.w3-dropdown-hover.config ul.w3-dropdown-content.md-whiteframe-2dp{right: 0px !important;margin-top: 40px;z-index: 99;}
.w3-dropdown-hover.config ul a:hover{cursor: pointer;}
.w3-dropdown-hover ul li{list-style-type: none;}
.gbtn{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.gbtn input{padding-top:4px;}
.gbtn button{margin:0px !important;}
.gbtn .opc{min-width:36px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.gbtn .md-button:nth-child(2){border-radius: 0px !important;}
md-calendar:first-child div,.md-calendar-scroll-mask,md-virtual-repeat-scroller{width:340px;}
#derautor{    -ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);
    transform: rotate(-90deg);
    display: block;
    position: absolute;
    bottom: 10%;
    right: -40px;
    font-size: 9px;color:darkblue}
.w3-dropdown-content.active{display:block;}
.mtop{height: 46px;}
.mtop li.w3-dropdown-hover{padding-top: 5px !important;padding-bottom: 9px !important;}
/*.mtop .w3-dropdown-content{margin-top:24px !important;}*/
.gbtn.busq{width:293px;height:40px;margin-top:5px;overflow: hidden;display: inline-flex;
}

.filter{width: 70% !important;height: 400px;top:50px;left:15%;}
.mfilter .gbtn.busq{width:85.7% !important;}
.filter .filter-content{position:absolute !important;width:260px !important;height: 445px;z-index: 1;top:0px;left:0px;}
.mfilter md-checkbox{display: block;width:100%;}
.w3-scroll-x{overflow-y: scroll;max-height: 240px;}
#fopt{height: 100%;overflow: hidden;}
  .trb{opacity: 0;transition: 0.7s;}
/*#exportable{overflow: scroll;;height: 100px !important;}*/

.filter .filter-foot{height: 178px;overflow-y: scroll;font-size:12px;padding:0px 15px;}
.filter .filter-foot md-checkbox{display: block;}
.rctable{min-height: 50px;}
.gbtn.busq i.material-icons{padding:7px 5px 7px 10px;}
.material-icons {font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 24

}
md-sidenav{position: fixed !important;max-width: 240px !important;}
md-sidenav md-content{overflow: hidden;}
md-sidenav .w3-dropdown-click{width:100%;display: inline-block;}
md-sidenav a{width:100%;display: inline-block;};

table.scroll{display: inline-grid;}
table.scroll tbody,
table.scroll thead,table.scroll tfoot { display: block; }
table.scroll thead tr th {
    height: 30px;
    line-height: 30px;
    min-width: 10vw;
    max-width: 10vw;
    padding: 5px 10px;
    /*text-align: left;*/
}
table.scroll tbody tr td,tfoot tr td {
  min-width: 10vw;
  max-width: 10vw;
    padding: 5px 10px;
    /*text-align: left;*/
}
table.scroll thead tr th:first-child,table.scroll tbody tr td:first-child,tfoot tr td:first-child{
    min-width: 80px;
    max-width: 80px;
}
table.scroll tbody {
    /*height: calc(50% - 300px) !important;*/
    overflow-y: auto;
    overflow-x: hidden;
}
.w3-responsive table tbody tr td:first-child{width:1cm !important;}
table.tfac tbody td:nth-child(2){text-align: justify;}
table.tfac tbody td{
    text-align: center;
}

table td.topc.options{min-width:175px;max-width:175px;}
table .init{width: 1cm !important;}
/*17Enero18*/
table th.t1{width:40px !important;}

.w3-dropdown-click ul{z-index: 9;transition: 2s;}
.w3-dropdown-click.active ul{display: block;}
.w3-dropdown-click .w3-dropdown-content{position: relative;}
.w3-dropdown-click:hover > ul > a:hover{background-color: white !important;color: #E6A422 !important;}
#sidefilter{width:280px;right:0;top:0px;z-index: 3;display: none;}
#sidefilter.active{display: block;}
#menu-filter{text-indent: none;list-style-type: none;padding: 0px;display: inline-block;width: 100%;}
#menu-filter li span.title{display:block ;padding:5px 10px;border:1px solid graytext;color:#333;}
#menu-filter li span.title.active{background:#eeeeee;}
/*#menu-filter li:hover ul{display: inline-block;}*/
#menu-filter li ul{display:none;text-indent: none;list-style-type: none;padding: 0px;}
#menu-filter li ul.active{display: block;}
#menu-filter li{background:none;float: left;width: 100%;margin-top: 10px;}
#menu-filter li ul li{margin-top: 0px;border: 1px solid gray;padding-top: 10px;}
.mouse-pointer{cursor:pointer;}
#menu-filter *{border:none;}
#menu-filter .gbtn .w3-btn{padding: 7px 0px;}
#menu-filter .opc-filter{font-size: 0.8em;;min-height:300px;max-height: 430px;}
.cbfilter label.active{background:#e0e0e0;}
.cbfilter label.active span::before {font-family: "Material Icons"; content: "check";}
.filter.active >.opc-filter{display: block;}
.filter .cbfilter{height: 160px;overflow-y:scroll;}
.filter .opc-filter a:hover{background:none;color:#616161;}
.w3-dropdown-hover.filter button{background:none !important;color:white !important;}
 #mySidenav{display:block;}
.w3-modal.full.active{display: block;width:90%;overflow:hidden;left: 5%;}
.w3-modal.min{width:60%;overflow:hidden;left: 20%;}
.w3-modal.active{display:block;transform: translate3d(0,0,1px);-webkit-transform: translate3d(0,0,1px);}
.w3-modal{display: none;background:#FAFAFA !important;}
.w3-modal.active{display: block;width:100%;overflow:hidden;left: 0%;height: 99%;}
.w3-modal .w3-modal-content{width:100% !important;background:#FAFAFA !important;}
md-card.inblock{display: inline-block;}
.colorYellow{background-color: #F2D98D;}
.blue1{background-color: #337AB7 !important;color:white;}
.md-button.blue1{color:white;}
.md-button.w3-red{color:white;}
.yellow1{background-color: red;background:red;}
.grey1{background-color:#FFFFFF !important;}
.yellow2{background-color: #F0AD4E !important;}
.teal-color{background:#006064 !important;}
.oblue-color{background:#00838F !important;}
.w3-btn{border-radius:4px !important;}
.w3-modal{padding-top:0px !important;}
.w3-light-grey{color:#333 !important;}
/*#viewFac table,#viewFac th,#viewFac td{border:1px solid !important;}*/
.md-fab.w3-light-grey md-icon{color:#333;}
.editable{word-wrap: break-word !important;overflow-wrap: break-word;overflow-x: hidden}
.editable img{width:100% !important;}
md-sidenav md-toolbar{min-height: 45px;}
md-toast {
  position: fixed !important;
  min-width: 100px;
  max-width: 300px;
  z-index: 10000;
  top:59px !important;
}
.pFixed{position: fixed;}
.ADMdtp-box{top:34px !important;}
.text-right{text-align: right !important;}
md-backdrop.md-sidenav-backdrop{position: fixed;}
md-input-container.search{border: 1px solid;
padding: 0px !important;
margin: 0px !important;
height: 42px;}
md-input-container.search input{padding: 10px;
    height: 40px;
}
.chart {
  width: 100%;
  min-height: 450px;
  text-align: center !important;
}

.w3-modal,.w3-modal .w3-modal-content{border-radius: 4px !important;overflow: hidden;height: 100%;}
.w3-modal-content form{height: 98%;}
#Progress{position:fixed;top: 0%;z-index: 999999;left: 0%;width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0,0,0,0.1);background-image:url('../img/app_load.png');background-repeat: no-repeat;background-size: 100px;background-position:center;}
#Progress svg{left: 48.5%;
  top: 48.5%;}
/*REVISAR*/
.accent{background: #546E7A;color: white;}
.primary{background:#2196F3 !important;color:#FFFFFF !important;}
table tr.desactive{background:#EEEEEE;color:grey; }
div.desactive{color:grey !important;}
table tr.desactive td:nth-child(3):after,div.desactive:after{content: " [Desac]";}
table tbody tr.desactive:hover{background: #EEEEEE;}
button.disabled{color:#B29089 !important;}
.fullopt.active{background:white;}
.w3-modal .w3-modal-content .modal-body{overflow-x: scroll;min-height: 94%;max-height:94%;}
.w3-modal .w3-modal-content .modal-body.modal-nofooter{min-height: 90%;max-height:90%;}
.w3-modal .w3-modal-content .modal-body.no-scroll{overflow: hidden;}
.w3-modal.active.full .w3-modal-content{width:1200px;height: 600px;max-height:600px !important;;}
.espBar{position: relative;}
.espBar md-input-container input[type="date"]{background: none !important;border:none !important;}
.fixed{position: fixed;z-index: 9;top: 0px;}
md-content,md-dialog{background-color: #FAFAFA !important;;}
md-list-item{background-color: #FAFAFA !important;}
md-sidenav, md-sidenav.md-locked-open, md-sidenav.md-closed.md-locked-open-add-active {
 min-width: 300px !important;
 width: 150vw !important;
 max-width: 200px !important;
}
md-sidenav#perfil{padding: 0px !important;}
.espBar.activeBar{margin-bottom:10px;}
.w3-margin-0{margin:0px !important;}
.w3-margin--3{margin-top: -30px;top: -34px;}
.md-fab.btn{z-index: 1 !important;}
/*::-webkit-scrollbar {
      width: 115px !important;
}*/

iconT{float: left;
padding: 6px 13px;
font-family: 'Material Icons';
font-size: 1.6em;}
.w3-xsmall{font-size: 11.5px !important;}
.md-button.md-fab,md-input-container{z-index: 0 !important;}
.w3-dropdown-content{border-radius:3px;}
.scroll-x-none{overflow-x: hidden;}
.header_left #principalM{margin-top:0px !important;padding-top:0px !important;}
.header_left #cps.active{width: calc(100% - 16vw) !important;height: calc(100% - 2vh) !important;max-height: 96vh;}
.header_left #cps #exportable{height: 78vh !important;;}
.header_left md-sidenav.pinActive#cfilter{margin-left:130px;margin-top:0px !important;}
.header_left md-sidenav.pinActive#cfilter{z-index: 0 !important;}
/*BAR*/
.c-left-bar{width:140px !important;}
.e-left-bar{width:130px  !important;z-index: 9;padding-top:50px;height: 100% !important;position: fixed;overflow-x:hidden;padding-bottom:20px;transition: none !important;}
.e-left-bar .w3-dropdown-hover{padding:6px 5px;display: list-item;width: 100% !important;min-height:35px;}
.e-left-bar .w3-dropdown-hover:hover{background: rgba(0,0,0,0.2) !important;}
.e-left-bar .w3-dropdown-hover .w3-dropdown-content{left:110px;position:fixed;padding-top:55px;;margin-top:0px;width:260px;text-align: left;z-index: 90 !important;color:white;background: #616161;height: 100vh;top:0px;overflow-y:scroll;overflow-x:hidden;}
.e-left-bar .w3-dropdown-hover .w3-dropdown-content a:hover{background-color: rgba(0, 0, 0, 0.2) !important;}
.e-left-bar span{color:white !important;}
.e-left-bar a{text-decoration: none;list-style-type:none;}
.e-left-bar span.material-icons{font-size: 35px;}
.e-left-bar span.text{margin-top:-7px;display: block;}
.no-ov{overflow: hidden !important;}
.hover-background:hover{background-color: rgba(0, 0, 0, 0.2) !important;}
.shadow-background:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6) !important;}
/*----*/

.cLeftbar{width:50px !important;}
.eLeftbar{width:100px  !important;z-index: 9;padding-top:50px;height: 100% !important;position: fixed;overflow-x:hidden;padding-bottom:20px;}
.eLeftbar .w3-dropdown-hover{padding:2px 5px;width: 100% !important;height:35px;}
.eLeftbar .w3-dropdown-hover .w3-dropdown-content{left:20px;position:fixed;padding-top:55px;margin-top:0px;width:200px;text-align: left;z-index: 90 !important;color:white;background: #616161;height: 100vh;top:0px;overflow-y:scroll;overflow-x:hidden;}
.eLeftbar.desactive .w3-dropdown-hover .w3-dropdown-content span{color:#333;}
.eLeftbar.desactive .w3-dropdown-hover .btn span{width: 40px;height: 40px;padding:5px 2px;}
.eLeftbar.desactive .w3-dropdown-hover .btn span.text{display: none;}
/*.eLeftbar.desactive .w3-dropdown-hover:hover{background: #FAFAFA;}*/
/*.eLeftbar.desactive img{display: none !important;}*/
.eLeftbar.desactive #img_user{padding:0px;margin-left:-20px;}
.eLeftbar.desactive #text_user{display: none;};

/*.eLeftbar.desactive .w3-dropdown-hover span{color:#FFFFFF !important;}*/
/*.eLeftbar.desactive .w3-dropdown-hover:hover span{color: #333 !important;}*/
.eLeftbar.desactive .w3-dropdown-hover:hover .w3-dropdown-content span{color:#333 !important;}
.eLeftbar.desactive .w3-dropdown-hover .w3-dropdown-content a:hover span{color:#FFFFFF !important;}
.eLeftbar.desactive li.w3-dropdown-hover:hover{background: #616161;}
.eLeftbar.desactive .w3-dropdown-hover:hover .w3-dropdown-content a:hover{color: #FFFFFF ;background: var(--primary-color) !important;}
/*MENU APP HOVER*/
/*#menuAPP:hover{width:330px !important;transition:0.7;}*/
/* #menuAPP:hover.eLeftbar.desactive #img_user{padding:30px;margin-left:20px;}
#menuAPP:hover.eLeftbar.desactive #text_user{display: inline-block;};
#menuAPP:hover.eLeftbar.desactive .ico56 span:first-child{font-size:2.2em !important;}
#menuAPP:hover.eLeftbar.desactive .ico56 span:last-child{display: block;;}
#menuAPP:hover.eLeftbar.desactive .ico56{width:56px !important;height:56px;}
#menuAPP:hover.eLeftbar.desactive .w3-dropdown-hover .btn span.text{display: initial;} */
/* #menuAPP.eLeftbar.desactive .w3-dropdown-hover .w3-dropdown-content{left:145px;} */
/*F-MENU APP HOVER*/

.eLeftbar.active{width:330px !important;z-index: 9;background:#607D8B;color:white !important;/*rgb(250,250,250)*/;}
.eLeftbar.active img{display: block !important;}
.eLeftbar.active li.w3-dropdown-hover:hover{background: var(--primary-colorH) !important;}

.eLeftbar.active .w3-dropdown-hover:hover span{color: white !important;}
.eLeftbar.active .w3-dropdown-hover:hover{background: #607D8B;;}
.eLeftbar.active .w3-dropdown-hover,#menuAPP.eLeftbar.desactive .w3-dropdown-hover{padding:2px 5px;width: 100% !important;height:35px;}
.eLeftbar.active .w3-dropdown-hover .btn span.text{display: block;}
.eLeftbar.active .w3-dropdown-hover span{color:white !important;}
.eLeftbar.active .w3-dropdown-hover .btn span,#menuAPP.eLeftbar.desactive .w3-dropdown-hover .btn span{width: inherit;height: 40px;padding:5px 7px;}
.eLeftbar.active .w3-dropdown-hover .w3-dropdown-content{left:145px;position:fixed;padding-top:0px;margin-top:0px;width:280px;text-align: left;color:white;background: var(--primary-colorH) !important;height: 100vh;top:0px;overflow-y:scroll;overflow-x:hidden;}
.eLeftbar.active .w3-dropdown-hover:hover .w3-dropdown-content span,#menuAPP.eLeftbar.desactive .w3-dropdown-hover:hover .w3-dropdown-content span{color:#333 !important;}
/* .eLeftbar.active .w3-dropdown-hover:hover .w3-dropdown-content a,.eLeftbar.active .w3-dropdown-hover:hover .w3-dropdown-content a span{color: #FFFFFF !important;} */
.eLeftbar.active .w3-dropdown-hover:hover .w3-dropdown-content a:hover{background: var(--primary-color) !important;}
.eLeftbar.active .w3-dropdown-hover:hover .w3-dropdown-content a:hover span{color: #333 !important;}
.eLeftbar.active ~ .cLeftbar{width: 330px !important;}
#menuAPP.eLeftbar.desactive .ico56 span{color:#FFFFFF;}
.eLeftbar.desactive .ico56 span:first-child{font-size:25px;}
#menuAPP.eLeftbar.desactive .ico56{width:48px;height:48px;}



#menuAPP.eLeftbar.desactive .ico56 span:last-child{display: none;;}
.w3-modal.active.full .w3-modal-content .modal-body{height: 482px;max-height:482px ;}
.w3-modal.active.full{padding-top: 5px !important;}
.dark-primary-color    { background: #0288D1;color: #FFFFFF;  }
.dark-primary-color .w3-dropdown-hover:hover{background: #03A9F4;color:#333;}
.default-primary-color { background: #03A9F4; }
.light-primary-color   { background: #B3E5FC; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #607D8B; }
/*.accent-color{background: lightsteelblue;}*/
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }

/*---FIN*/



/*ANTIGUO*/
.scroll-x{overflow-x: scroll;max-height: 200px; }
.w3-btn:hover .h-tooltip{display: block;}

.h-tooltip{display: none;position: absolute;background: #333;color:white;padding:10px;opacity: 0.6;}
.chip {
    display: inline-block;
    padding: 0 10px;
    height: 33px;
    font-size: 13px;
    line-height: 30px;
    border-radius: 25px;
    background-color: #607d8b;
    color: #fff;
}
.closebtn{padding-left:10px;color:#fff;font-weight:bold;float:right;font-size:20px;cursor:pointer}
.closebtn:hover{color:#000}

a.w3-btn{max-height: 38px !important;}
.w3-tooltip .w3-text{position: absolute;
left: -20px;top:-73px;}
.topbar{z-index: 60;}
/* .w3-modal{z-index: 60 !important;} */
/*FIN FONT GOOGLE*/
#content{padding: 0 1%;}
#content-main{padding:10px;min-height: 500px;}
.w3-pagination{margin-top:15px !important;}
.w3-pagination li{display: inline-table !important;border:1px solid #D5D5D5;}
.w3-pagination ul{float: left;padding:0px;margin:0px;}
.w3-table tr td,.w3-table tr th{border:1px solid #D5D5D5;}
.w3-panel .w3-tag{border-radius: 20px !important;border:1px solid gray}
.notifica{animation: 2s infinite cargando2;}
.info-msg{animation: 0.5s infinite cargando;animation-play-state:paused;}
.info-msg:hover{animation-play-state: initial;}
/* *{font-family: 'Comfortaa' !important;} */
body{overflow-x: hidden;font-family:"Comfortaa", serif; background-color:var(--primary-color-bg) !important;}
header .navbar-default{margin-bottom:0px;border:none;background-color:#006064;}
header .navbar-default{width:100%;}
/*header *{color: white !important;}*/
.w3-navbar li a:hover{color:white !important;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background-color:#00838F !important;border:1px solid #00838F;box-shadow: inset 1px 2px 1px gray;border-radius:0;color:white;}
header .navbar-default .btn-group > .btn + .dropdown-toggle{border-left: 1px solid #00838F;border-right: 1px solid #00838F;}
header .navbar-default .dropdown-menu > li > a:focus, header .navbar-default .dropdown-menu > li > a:hover{background-color:#006064 !important;color:#E6A422 !important;}
.alert{position:fixed;width: 50%;margin-left:25%;z-index:999;}
.ui-datepicker-month,select.ui-datepicker-year{color:#3F3F3F;}
.vimp{display:none;}
#loading{display:none;}
.radio{display: inline-table !important;}
.radio input{display:none !important;}
.radio span{background:white;display: inline-table;border-radius: 5px;overflow: hidden;border:1px solid #CECECE;text-align: center;}
.radio label{display: inline-table;padding:10px !important;text-align: center;}
.radio input[type="radio"]:checked + label,.radio input[type="checkbox"]:checked + label{background:#F0AD4E !important;}
.radio input[type="radio"]:disabled + label,.radio input[type="checkbox"]:disabled + label{background:#CECECE !important;color:gray !important;}
#pagination{padding: 10px 20px;text-align: center;}
.b-circle{border-radius:45% !important;cursor:pointer;}
.air{position: fixed;z-index: 999;}
.air-left{left:20px;}
.air-top{top:20px;}
.air-bottom{bottom: 20px;}
.air-right{right:20px;}
.padding-0{padding: 0px !important;}
/*.w3-dropdown-click:hover >a,.w3-dropdown-click:hover {background:#00838F !important;}*/
.chbox-avatar{border-radius: 9px;
  padding: 0px;
  margin: 0px !important;
  text-align: center !important;
  justify-items: center;
  width: 20px;
  height: 20px;
  background:rgba(255,255,255,0.7);
  margin: 5px 5px !important;}
.torange-color{color:#4CAF50;}
.disabled,.disabled .icon48{background-color:rgba(0,0,0,0) !important;color:lightgrey !important;cursor:not-allowed !important;}
.disabledT{color:lightgrey !important;cursor:not-allowed;;}
.md-fab{cursor: pointer;}

.oculto{display: none;}
/*.table4 tr td:nth-child(1n+5),.table4 tr th:nth-child(1n+5){display:none}*/
.center{text-align: center;}
.lg .glyphicon{font-size: 32px !important;}
/*Calendario*/
.fc-event-container{cursor:pointer;font-weight: bold;}
.Hautocomplete{position:absolute;left:5%;border:1px solid #CECECE;width:90%;display:none;z-index: 888;}
.gbtn{display: inline-block;}
.gbtn input{border:none !important;background:none !important;}
.gbtn.disabled input{cursor:not-allowed;}
.evisible{display:block !important;}
.ehidden{display:none 1important;}
 .tabs{display:none;background:white;}
 .message{min-width: 250px;}
/* MODULO SCHOOL */
#facture-content tr{height:12px !important;}
#facture-content td:first-child,#facture-content td:last-child{width: 4cm;}
#facture-content td:last-child{text-align: right;}
/* CALENDAR CSS */
.ui-datepicker {display: none;width: 340px;padding: 5px;cursor: default;background: #FFFFFF;border:1px solid #CECECE;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-month {padding-right: 15px;color: #565656;}
.ui-datepicker-year {color: #a8a8a8;font-weight: bold;}
.ui-datepicker-prev,.ui-datepicker-next {position: absolute;top: 2px;padding: 5px 10px;cursor: pointer;background:#CECECE;}
.ui-datepicker-prev {left: 0;padding-left: 0;}
.ui-datepicker-next {right: 0;padding-right: 0;}
.ui-datepicker-calendar th {padding-top: 15px;padding-bottom: 10px;text-align: center;font-weight: normal;color: #a8a8a8;}
.ui-datepicker-calendar td {padding: 0 7px;text-align: center;line-height: 26px;}
.ui-datepicker-calendar .ui-state-default {display: block;width: 26px;outline: none;text-decoration: none;color: #a8a8a8;border: 1px solid transparent;}
.ui-datepicker-calendar .ui-state-active {color: #171B1F;border: 1px solid #343C45;background:#CECECE;}
.salto-pagina{page-break-before: always !important;}
.w3-pagination .active a{background:#337AB7;color:white;font-weight: bold;}
.opc-filter{width: 250px;height: 200px;overflow-y:scroll;z-index: 9;position: absolute;}
.pointer,.pointer-o{cursor:pointer;}
.pointer:hover{text-shadow: 0px 0px 6px rgba(0,0,0, 0.3);}
.notifyl{background:white;color:#616161;}
.notifyl .titulo{font-weight: bold;}

.notifyl.nactive .titulo{color:#ff9800;}
/*.notifyl:hover{color:black} */
.nactive{background: white !important;color: #171B1F;}
.autocomplete-custom-template li {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
  padding:10px 15px;
}
.md-autocomplete-suggestions li{
    height:auto !important;
}
.autocomplete-custom-template li:last-child {
  border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  display: block;
  line-height: 2;
}
.autocomplete-custom-template{padding:5px 0px;}
.autocomplete-custom-template .item-title md-icon {
  height: 18px;
  width: 18px;
}

.vihide{display:none !important;}
.dInFlex{display: inline-flex;}
.w3-dropdown-content.dcl{width: 220px;z-index:2;}
.tjustify{text-align: justify;}
.selected{background: #607d8b;color: white;}
.w3-tool span.toolItem{padding: 5px;margin:0px 2px;display: inline-flex;}
@media (prefers-color-scheme: dark) {
  /*HEADER TOP*/
 /*  .header_top #PrinNav{box-shadow: none;}
  table{background: none !important;}
  #pwm,.modal-body,#principalM{background-color: #363334 !important;background-image: url('../img/design/fnnav.png') !important;}
   body,md-dialog,md-content,.secundary-color,div.w3-modal .w3-modal-content,#principalM,.hefo-table{background-color: #363334 !important;;}
   md-tabs.md-customTheme-theme .md-tab.md-active, md-tabs.md-customTheme-theme .md-tab.md-active md-icon, md-tabs.md-customTheme-theme .md-tab.md-focused, md-tabs.md-customTheme-theme .md-tab.md-focused md-icon{
    background-color:var(--primary-dark-color)!important;color:white !important;
   }
   .md-subheader.md-customTheme-theme{background-color:rgba(255, 255, 255, 0.1);}
   .w3-hover-blue:hover,.w3-hover-blue,.w3-blue,.w3-blue:hover,a.w3-hover-blue:hover{background-color:var(--primary-dark-color)!important;color:white !important}
   .w3-text-blue, .w3-hover-text-blue:hover{color:var(--primary-dark-text-color);}
   .primary-color, #menuAPP{background-color:var(--primary-dark-color)!important;color:white !important}
   .secundary-color,.e-left-bar .w3-dropdown-hover .w3-dropdown-content{background-color:var(--secundary-dark-color) !important;color:white !important}
   .w3-btn:hover{background-color:var(--primary-dark-color)!important;color:white !important}
   .gc0,table.tsticky tbody tr.gc0 .htic{background: #ef9a9a !important;color:white !important;}
   .gc1,table.tsticky tbody tr.gc1 .htic{background: #e53935 !important;color:white !important;}
   .gc2,table.tsticky tbody tr.gc2 .htic{background: #ec407a !important;color:white !important;}
   .gc3,table.tsticky tbody tr.gc3 .htic{background: #9575cd !important;color:white !important;}
   .gc4,table.tsticky tbody tr.gc4 .htic{background: #0288d1 !important;color:white !important;}
   .gc5,table.tsticky tbody tr.gc5 .htic{background: #00bcd4 !important;color:white !important;}
   .gc6,table.tsticky tbody tr.gc6 .htic{background: #81c784 !important;color:white !important;}
   .gc7,table.tsticky tbody tr.gc7 .htic{background: #7cb342 !important;color:white !important;}
   .gc8,table.tsticky tbody tr.gc8 .htic{background: #0097A7 !important;color:white !important;}
   .gc9,table.tsticky tbody tr.gc9 .htic{background: #FF7043 !important;color:white !important;}
   .gc10,table.tsticky tbody tr.gc10 .htic{background: #ffd54f !important;color:white !important;}
   .gc11,table.tsticky tbody tr.gc11 .htic{background: #fb8c00 !important;color:white !important;}
   .gc12,table.tsticky tbody tr.gc12 .htic{background: #ffab40 !important;color:white !important;}
   .gc13,table.tsticky tbody tr.gc13 .htic{background: #ffab91 !important;color:white !important;}
   .gc14,table.tsticky tbody tr.gc14 .htic{background: #ff7043 !important;color:white !important;}
   .gc15,table.tsticky tbody tr.gc15 .htic{background: #FFF176 !important;color:white !important;}
   .gc15 *{color:#424242 !important;}
   .gc16,table.tsticky tbody tr.gc16 .htic{background: #795548 !important;color:white !important;}
   .gc17,table.tsticky tbody tr.gc17 .htic{background: #b0bec5 !important;color:white !important;}
   .gc18,table.tsticky tbody tr.gc18 .htic{background: #546e7a !important;color:white !important;}
   .w3-striped tbody tr:nth-child(even),.w3-striped tbody tr:nth-child(even) td.htic{background-color:#263238 !important;}
  
  md-sidenav.md-sidenav-left,md-sidenav.md-sidenav-right,md-list-item,div.w3-white,md-menu-content.md-customTheme-theme,md-menu-content.md-menu-bar-menu.md-dense{background-color:#263238 !important;}
  md-sidenav.md-sidenav-left * ,md-select.md-customTheme-theme .md-select-value.md-select-placeholder, md-input-container.md-customTheme-theme:not(.md-input-invalid).md-input-has-value label, md-input-container.md-customTheme-theme label, md-input-container.md-customTheme-theme .md-placeholder, md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label,body *{color:#ECEFF1 !important;}

  table tr:hover td,table tr:hover td:nth-child(1) *,table tr:hover td:last-child *,ul#PrinNav *{color:white !important;}
  .w3-striped tbody tr:nth-child(even),.w3-striped tbody tr:nth-child(even) td.htic{background-color:#212121;}
  .tsticky thead th{text-align: center;padding:15px 5px !important;background:#212121 !important;color:#BDBDBD !important;}
  md-checkbox *{color:var(--primary-dark-text-color);border-color:var(--primary-dark-text-color) !important;}
  .shadow-card-1,.w3-table tr td, .w3-table tr th,.tox-tinymce,.w3-border-bottom,md-radio-button.md-customTheme-theme .md-off,md-input-container.md-customTheme-theme .md-input{border-color:#455A64 !important;}
  table.tsticky tbody tr .htic, table,table thead tr,table tfoot{background:#424242 !important;}
 .espBar.activeBar{background:#263238 !important;}  */
  /* .primary-color{background:#263238 !important;color:#BDBDBD !important} */
  /* .day.dark-scheme   { background:  red; color: #F5F5F5; }
  .night.dark-scheme { background: black; color:  #ddd; } */
}
@media print {
    .saltopagina{page-break-after: always !important;}
    #cps0{display: none;height: inherit !important;}
    md-sidenav.pinActive#cfilter{display:none !important;}
    #cps.active{max-height: inherit !important;height: inherit !important;}
  #exportable,.rctable,table.scroll,table.scroll tbody,.t-responsive{height: inherit;overflow: inherit;}
  #exportable table,.t-responsive table{height: inherit;page-break-before: always; page-break-after: always;}
  table tr td{border:2px solid #CECECE !important;}
  .w3-responsive{height: inherit !important;}
  .md-show{display:none;}
  table tr td:first-child, table thead tr th:first-child{padding:0px !important;}
#viewFac{margin-top:0px !important;padding:0px !important;}
    .vihide{display:inline-table !important;}
    .topc{display:none !important;}
    .ticket{float: none;}
    .border td{border:1px solid;}
    md-tabs-wrapper{display: none !important;}
    md-tabs,md-content,body,section{width:19cm !important;
margin: 0px !important;
padding: 0px !important;}
     md-content,md-content.md-customTheme-theme,body{background:white !important;width: 100% !important;height: auto !important;overflow:visible !important;padding:0px !important;margin: 0px !important;}   
    .md-padding{padding:0px !important;}
    /*MODAL*/
    .w3-modal.active{padding: 0px;}
    .w3-modal, .w3-modal .w3-modal-content{
       width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    }
    header.w3-container.primary{    display: none !important;}
    .w3-container.modal-body.w3-padding-bottom.w3-row{    overflow: initial;}
    .w3-modal table td:first-child{width: 10cm !important;}
    /* table{width: 100% !important;} */
    .mifact table.leftfact{margin-left:2cm;width:6.5cm !important;height:9.2cm;float: left;margin-right:1.2cm;}
    .mifact table.rightfact{width:15.5cm !important;height:9.5cm;}
    #firstTalonario{height:1cm !important;margin-top:10px;}
/*    FIN MODAL*/
}
@media (max-width:400px){
  .center-50{width: 95vw !important;margin:0 auto;}
.center-70{width: 95vw !important;margin:0 auto;}
.center-40{width: 95vw !important;margin:0 auto;}
.center-7c{width: 95vw !important;margin:0 auto;}
.center-30{width: 95vw !important;margin:0 auto;}
  .trd{font-size:0.7em;}
  /* header.hmodal button span.text{display: none !important;;} */
  header.hmodal md-menu button{min-width: 50px;}
  .btn-cabecera{min-width: 40px !important;}
  .item-image{max-width: 54px;;}
  .sidenavH,.md-sidenav-right,.md-sidenav-left{width:100% !important;max-width:100% !important;}
    div#menuAPP.active{position: fixed}
    .sec-70{width:100%;margin:0 auto !important;}
    .card-img{height:100px !important;}
    .centerModal{width: 100vw !important;left:0vw !important;}
    #contenido-curso img{max-width: 100%;}
    .avatar-10p{width: 20%;height: 60px;padding-top:3px;}
    .t-responsive .avatar-10p{margin-left:-5% !important;}
    
    td.htic .ctext{padding-left:5px;padding-top:10px;}
    .t-responsive md-checkbox.md-customTheme-theme:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.3);}
    .t-responsive md-checkbox .md-container{top:75% !important;left:-1%;}
    #exportable table tbody td.coltdx-2,#exportable table thead th.coltdx-2,#exportable table tfoot td.coltdx-2,.t-responsive table tbody td.coltdx-2,.t-responsive table thead th.coltdx-2,.t-responsive table tfoot td.coltdx-2{min-width: 50vw;max-width:50vw;}
}

@media (max-width:639px){
    .md-list-item-inner{width: 87% !important;}
    .md-button.md-fab.md-mini{width: 35px !important;height: 30px !important;}
  .md-button.md-fab.md-mini md-icon{font-size:25px;}
  #msprod section{padding:0px !important;}
  .sidenavH{max-width:100% !important}
  /* header.hmodal button span.text{display: none !important;;} */
  .btn-cabecera{min-width: 40px !important;}
  header.hmodal md-menu button{min-width: 50px;}
  .item-image{max-width: 54px;;}
    #mySidenav{display: none ;}
     ul.w3-navbar li:not(.w3-opennav){width:80px !important;}
    ul.w3-navbar li.w3-right{float:right !important;}
    .sec-70{width:90%;margin:0 auto !important;}
    .centerModal{width: 100vw !important;left:0vw !important;}
    #contenido-curso img{max-width: 100%;}
body.headerm1 #principalM{padding:50px 10px 10px 10px !important;}
#logopshop{max-width: 100%;height: inherit;}
#descpro img{max-width: 100%;height: inherit;}
#bpshop{width: 85% !important;margin:0 auto !important;}
    main#login{width: 100vw !important;height: 100vh !important;margin:0vh auto !important;}
}
@media (min-width:640px)AND(max-width:760px){
  
  .btn-cabecera{min-width: 40px !important;}
  header.hmodal button span.text{display: none !important;;}
  header.hmodal md-menu button{min-width: 50px;}
  .item-image{max-width: 54px;;}
  .sidenavH{max-width:100% !important}
    #mySidenav{display: block;}
    body.headerm1 #principalM{padding:50px 10px 10px 10px !important;}

}
@media (min-width:900px)AND(max-width:1200px){
#cps.active{width: 78vw !important;}
}
@media (min-width:761px){}
a.w3-button{border-radius: 4px;}
.espBar{height:45px;width:100%; display: block;margin-top:10px;border-radius: 8px;}
a.w3-btn.w3-text-white.w3-light-grey.md-customTheme-theme{margin:3px;}
.activeBar{background: #f1f1f1!important;     box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
}
table tr td:first-child, table thead tr th:first-child{padding-left: 10px;padding-top:5px;padding-bottom:5px}
table tr td md-checkbox{margin:0px;}
table thead{text-align: justify}
.noto-color-emoji-regular {
  font-family: "Noto Color Emoji", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.producto{height:170px;width: 150px;margin:3px;background: white;text-transform: uppercase;}
.producto img{height: 100px;}
.tproducto{padding-top:10px !important;padding-bottom:10px;line-height:15px;font-size: 13px;}
/* The switch - the box around the slider */
.switch {
 position: relative;
 display: inline-block;
 width: 60px;
 height: 27px;
}
.switch.small{
  width: 60px;
  height: 26px;
}

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

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

.slider:before {
 position: absolute;
 content: "";
 height: 22px;
 width: 22px;
 left: 3px;
 bottom: 2px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
}
.small .slider:before {
  height: 20px;
width: 20px;
left: 9px;
}
input:checked + .slider {
 background-color: var(--primary-color);
}

input:focus + .slider {
 box-shadow: 0 0 1px #2196F3;
}
bicono.icon48 {
  margin: 10px 20px !important;
}

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

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

.slider.round:before {
 border-radius: 50%;
}
/* datePICKER   */
[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat !important;
}
@-moz-document url-prefix() {
  [type="date"] {
    background:#fff !important;
  }
}

[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-datetime-reset-button {
  display: none;
  background: red !important;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
input[type="date"] {
  border: none;
  border-radius: 5px;
  background-color: rgba(0,0,0,0) !important;
  padding: 3px 5px;
  width: 190px;
}
.tablefw{width:100% !important;}
.w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:600}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-size:15px;line-height:1.5}
html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}

.hoverColor:hover .options{color:(--primary-text-hover) !important;}
.hoverColor .options:hover a,a.hoverColor.options:hover,td.hoverColor,div.hoverColor{background-color:var(--primary-hover) !important;color:(--primary-text-hover) !important;border-radius: 5px;}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:200px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;padding: 0px !important;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0;background: none;}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:var(-alternative-t-color) !important;background-color:var(--alternative-color) !important;}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#ffffff!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#ffffff!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
.w3-margin-4{margin-left:4px !important;margin-right: 4px !important;}