/* BASICOS */
  body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; margin:0; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  }
  textarea { border:solid 1px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
  input[type=text] { border:solid 1px; }
  input[type=password] { border:solid 1px; }
  select { border:solid 1px; }
  h1, h2, h3, h4 { color:#2BAFE3; }
  h1 { margin:0 0 0 .4em; font-size:2em; font-weight:normal; }
  h2 { margin-bottom:0; }
  h4 { margin:4px 0; font-size:14px; }
  a { color:#2BAFE3; /*text-decoration:none;*/ }
  input[type=text], input[type=password]{ border-radius:0; }
  a:hover { color:#036; text-decoration:none; }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }

/* Generales de divs y formato */
  .main-ff { font-family: "Trebuchet MS", Arial, Helvetica; }
  .absolute { position:absolute; }
  .fixed { position:fixed; }
  .sticky { position: sticky; }
  .alter { background-color:#f6f6f6; }
  .auto-w { width:100%; margin:auto; }
  .auto-m { margin:auto; }
  .bold { font-weight:bold;}
  .normal { font-weight:normal !important;}
  .center { text-align:center; }
  .espacio-lineal { border-bottom:#2BAFE3 solid 1px; height:1em;}
  .flotar { float:left; }
  .flotar-right { float:right; }
  .flotar-right-plus { float:right !important; }
  .left { text-align:left; }
  .middle { vertical-align: middle; }
  .bottom { vertical-align: bottom; }
  .top { vertical-align: top; }
  .limpiar { clear:both; }
  .block { display: block !important; float: none !important;}
  .bloque { display: block; }
  .micro-sangria { margin-left:.5em; }
  .mini-sangria { margin-left:1em; }
  .nano-texto { font-size: 8px !important; }
  .mini-texto { font-size: 10px !important; }
  .uno-texto { font-size: 1rem !important; }
  .medio-texto { font-size: 1.2em !important; }
  .macro-texto { font-size: 1.4em !important; }
  .texo-small { font-size: .9em !important;}
  .texto-small { font-size: .95em !important;}
  .demi-texto { font-size: .8em !important;}
  .micro-texto { font-size: .7em !important;}
  .nano-sangria { margin-left:.2em; }
  .no-base { margin-bottom: 0; }
  .no-ul { margin: 0; padding: 0; }
  .no-ul li { list-style: none; }
  .oculto { display:none !important; }
  .oculto-super { display:none !important; }
  .oculto-recon { display:none !important; }
  .oculto-res-excepcion { display:none !important; }
  .oculto-casi-absoluto { display:none !important; }
  .oculto-estatus { display:none !important; }
  .d-none{ display: none; }
  .relative { position:relative; }
  .right { text-align:right; }
  .sangria { margin-left:2em; }
  .soy-liga { cursor:pointer; }
  .soy-liga-subrayada { text-decoration:underline; }
  .upper { text-transform: uppercase; }
  .lower { text-transform: lowercase; }
  .alinear-abajo { display: table-cell; vertical-align: bottom; border: 1px solid #f00; height: 100px; width: 100px; }
  .shadow { box-shadow: -2px 3px 6px -1px rgba(0,0,0,.5); }
  .shadow-light { box-shadow: -2px 3px 6px -1px rgba(0,0,0,.2); }
  .shadow-plain { box-shadow: 0 0 6px -1px rgba(0,0,0,.5); }
  .btn-shadow { border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); transition: ease .2s; }
  .inline { display: inline;}
  .inline-block { display: inline-block;}
  .inline-flex { display: inline-flex;}
  .inline-table { display: inline-table; }
  .no-scroll { overflow:hidden; }
  .nota-ece { padding: .5em .3em; width: 90%; text-align: left; background-color: #FFF48C; color: #B60003; border: #B60003 1px solid; border-radius: .2em; }
  .alerta-generica { padding: .6em; width: 90%; margin: .6rem auto; text-align: center; background-color: #FFF48C; color: #B60003; border: #B60003 1px solid; border-radius: .2em; border-radius: .4rem; }
  .none-decoration { text-decoration: none; }
  .small-info-text { font-size: .8em; font-weight: normal !important; }
  .micro-info-text { font-size: .7em; font-weight: normal !important; }
  .rotate { -webkit-transform: rotate(-90deg); }
  .no-resize { resize: none; }
  .no-spin-arrows::-webkit-inner-spin-button, .no-spin-arrows::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
  .italic { font-style: italic; }
  .focus-border { border: none; background-color: rgba(0,0,0,.05); }
  .break { overflow-wrap: break-word; }
  .simple-alerta { color: red; }
  .input-no-input { border: none !important; }
  .tachado { text-decoration: line-through; }

  .op0 { opacity: 0; }
  .op10 { opacity: 0.1; }
  .op20 { opacity: 0.2; }
  .op30 { opacity: 0.3; }
  .op40 { opacity: 0.4; }
  .op50 { opacity: 0.5; }
  .op60 { opacity: 0.6; }
  .op70 { opacity: 0.7; }
  .op80 { opacity: 0.8; }
  .op90 { opacity: 0.9; }

  .r1 { right: 1px; }
  .r2 { right: 2px; }
  .r5 { right: 5px; }
  .r10 { right: 10px; }
  .r20 { right: 20px; }
  .r25 { right: 25px; }

  .t1 { top: 1px; }
  .t2 { top: 2px; }
  .t5 { top: 5px; }
  .t10 { top: 10px; }
  .t20 { top: 20px; }
  .t25 { top: 25px; }

  .l5 { left: 5px; }
  .l10 { left: 10px; }
  .l20 { left: 20px; }
  .l25 { left: 25px; }

  .b5 { bottom: 5px; }
  .b10 { bottom: 10px; }
  .b20 { bottom: 20px; }
  .b25 { bottom: 25px; }

  .r-5 { right: -5px; }
  .r-10 { right: -10px; }
  .r-20 { right: -20px; }
  .r-25 { right: -25px; }

  .t-5 { top: -5px; }
  .t-10 { top: -10px; }
  .t-20 { top: -20px; }
  .t-25 { top: -25px; }

  .l-5 { left: -5px; }
  .l-10 { left: -10px; }
  .l-20 { left: -20px; }
  .l-25 { left: -25px; }

  .b-5 { bottom: -5px; }
  .b-10 { bottom: -10px; }
  .b-20 { bottom: -20px; }
  .b-25 { bottom: -25px; }

  .pos-pin-info { right: 0; top: .4rem; }

/* Colores */
  .blue { color:#2bafe3; }
  .black { color:#000 !important; }
  .dark-blue { color:#106797; }
  .medium-blue { color:#137bb4; }
  .gris { color: #6C6C6C !important; }
  .grey { color: #6C6C6C !important; }
  .medium-grey { color: #C4C4C4; }
  .light-grey { color: #A8A8A8; }
  .very-light-grey { color: #E0E0E0; }
  .dark-grey { color: #3A3A3A !important; }
  .white { color: #fff !important; }
  .red { color: #BC0003 !important; }
  .green { color: #288307 !important; }
  .dark-green { color: #165400; }
  .orange { color: #FFD875; }
  .dark-orange { color: #ea9900; }
  .purple { color: #660066; }
  .yellow { color: yellow !important; }
  .yellow-danger { color: #ffc107; }
  .yellow-ds { color: #ffc820; }
  .label-grey { color: #6C6C6C !important; }

  .bg-black, .bg-negro { background-color: #000; }
  .bg-grey { background-color: #6C6C6C !important; }
  .bg-medium-grey { background-color: #C4C4C4 !important; }
  .bg-demi-grey { background-color: #A3A3A3; }
  .bg-light-grey { background-color: #E0E0E0 !important; }
  .bg-very-light-grey { background-color: #f2f2f2 !important; }
  .bg-white { background-color: #fff; }
  .bg-blue { background-color: #2BAFE3 !important; }
  .bg-green { background-color: #288307 !important; }
  .bg-green-alpha { background-color: rgba(40,131,7,.3); }
  .bg-orange { background-color: #FFD875 !important; }
  .bg-dark-orange { background-color: #ea9900 !important; }
  .bg-light-blue { background-color: #78C9ED !important; }
  .bg-light-green { background-color: #BAECD8 !important; }
  .bg-very-light-blue { background-color: #BAE0F1 !important; }
  .bg-dark-blue { background-color: #106797 !important; }
  .bg-very-dark-blue { background-color: #004b8f !important; }
  .bg-red { background-color: #C00 !important; }
  .bg-light-red { background-color: #F7E1E1 !important; }
  .bg-purple { background-color: #660066 !important; }
  .bg-yellow { background-color: yellow !important; }
  .bg-none { background-color: rgba(0,0,0,0) !important; }
  .bg-tickets-it div { background-color: rgba(58, 175, 227, 0.25) !important; }
  .bg-yellow-ds { background-color: #ffc820 };

  .bg-black-alpha { background-color: rgba(0, 0, 0,.5); }
  .bg-grey-alpha { background-color: rgba(198, 198, 198, .5); }
  .bg-light-grey-alpha { background-color: rgba(224, 224, 224, .5); }
  .bg-very-light-grey-alpha { background-color: rgba(242, 242, 242, .5); }
  .bg-white-alpha { background-color: rgba(256, 256, 256, .5); }
  .bg-blue-alpha { background-color: rgba(43,175, 227, .5); }
  .bg-light-blue-alpha { background-color: rgba(120, 201, 237, .5); }
  .bg-very-light-blue-alpha { background-color: rgba(186, 224, 241, .5); }
  .bg-yellow { background-color: #ffff00; }
  .bg-light-yellow { background-color: #FFFFA4; }
  .bg-very-light-yellow { background-color: #FFFFCA; }
  .color-hover:hover { background-color: #78C9ED !important; }
  .color-hover-light:hover { background-color: #BAE0F1 !important; }
  .color-hover-dark:hover { background-color: #2BAFE3 !important; }
  .color-hover-very-dark:hover { background-color: #106797 !important; }
  .color-hover-grey:hover { background-color: #979797 !important; }
  .color-hover-precio:hover { background-color: green !important; color: white !important; }
  .color-hover-precio:hover .green { color: white !important; }
  .green-span span {color: green !important; }
  .red-span span {color: #BC0003 !important; }
  .blue-span span {color: #2BAFE3 !important; }
  .dark-blue-span span {color: #106797 !important; }
  .color-hover-color:hover { color: #78C9ED !important; }
  .color-hover-light-color:hover { color: #BAE0F1 !important; }
  .color-hover-dark-color:hover { color: #2BAFE3 !important; }
  .color-hover-very-dark-color:hover { color: #106797 !important; }
/* Esquinas */
  .corner-all { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
  .corner-half-all { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
  .corner-mini-all { -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; }
  .corner-half-top-all {  -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; -khtml-border-top-left-radius:8px; border-top-left-radius:8px;  -moz-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; -khtml-border-top-right-radius:8px; border-top-right-radius:8px; }
  .corner-top-all {  -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-top-left-radius:10px;  -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-right-radius:10px; }
  .corner-top-left {  -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-top-left-radius:10px; }
  .corner-top-right {  -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-right-radius:10px; }
  .corner-bottom-left {  -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; border-bottom-left-radius:10px; }
  .corner-bottom-right {  -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-right-radius:10px; }
  .radius-top { border-top-right-radius:10px; border-top-left-radius:10px; }

  .clinica-borrador { color: grey; }
  .clinica-borrador input[type=number] { border:solid 1px #C0C0C0; background-color: #F3F3F3; }
  .clinica-borrador .bg-green { background-color: #63B247 !important; }

/* Columnas */
  .row { width:100%; max-width:1600px; min-width:320px; margin:0 auto; }
  .casi-row { width:100%; min-width:320px; margin:0 auto; }
  .row::after { clear:both; }
  .row::before, .row::after { content: " "; display:table; }
  .inner-row { width:100%; margin:0 auto; }
  .inner-row::after { clear:both; }
  .inner-row::before, .inner-row::after { content: " "; display:table; }

  .central-row { width:100%; margin:0 auto; max-width:900px; min-width:320px; padding: 0 0.9375rem;  }
  .central-row::after { clear:both; }
  .central-row::before, .central-row::after { content: " "; display:table; }

  .total-row { width:100%; margin:0 auto; min-width:320px; padding: 0 !important;  }
  .total-row::after { clear:both; }
  .total-row::before, .total-row::after { content: " "; display:table; }

  .columns  { float:left; padding-left:0.9375rem; padding-right:0.9375rem; min-height:1px; }

  .table-columns { float: none; display: table-cell; }
  .table-row { display: table; }

  .large-0  { width:0; }
  .large-1  { width:7%; }
  .large-2  { width:16%; }
  .large-3  { width:25%; }
  .large-4  { width:33%; }
  .large-5  { width:40%; }
  .large-6  { width:50%; }

  .large-6-mas  { width:55%; }
  .large-6-menos  { width:45%; }


  .large-7  { width:60%; }
  .large-8  { width:66%; }
  .large-9  { width:75%; }
  .large-10 { width:83%; }
  .large-11 { width:92%; }
  .large-12 { width:100%; }

  .real-large-0  { width:0; }
  .real-large-1  { width:8.2%; }
  .real-large-2  { width:16.4%; }
  .real-large-3  { width:24.6%; }
  .real-large-4  { width:32.8%; }
  .real-large-5  { width:41%; }
  .real-large-6  { width:49.2%; }
  .real-large-7  { width:57.4%; }
  .real-large-8  { width:65.6%; }
  .real-large-9  { width:73.8%; }
  .real-large-10 { width:82%; }
  .real-large-11 { width:90.2%; }
  .real-large-12 { width:98.4%; }

/* Espacioas */
  .space { padding:1.4em; }
  .space-demi { padding:1em; }
  .space-half { padding:.6em; }
  .space-mid { padding:.4em; }
  .space-mini { padding:.2em; }
  .space-nano { padding:.05em; }
  .space-none { padding:0; }
  .space-com { padding:0.9375rem; }

  .hor-space { padding:0 1.4em; }
  .hor-space-demi { padding:0 1em; }
  .hor-space-half { padding:0 .6em; }
  .hor-space-mini { padding:0 .2em; }
  .hor-space-none { padding:0 0; }
  .hor-space-com { padding:0 0.9375rem; }

  .vert-space { padding:1.4em 0; }
  .vert-space-demi { padding:1em 0; }
  .vert-space-half { padding:.6em 0; }
  .vert-space-mini { padding:.2em 0; }
  .vert-space-none { padding:0 0; }
  .vert-space-com { padding:0.9375rem 0; }
  .secciones section { border-bottom: solid 1px #d6e3e8; padding-bottom: 1rem; }
    .secciones section h2 { margin-left: 2rem; }

/* Anchos */
  .w1  { width:1px; }
  .w2  { width:2px; }
  .w3  { width:3px; }
  .w4  { width:4px; }
  .w5  { width:5px; }
  .w6  { width:6px; }
  .w7  { width:7px; }
  .w8  { width:8px; }
  .w9  { width:9px; }

  .w10  { width:10px; }
  .w11  { width:11px; }
  .w12  { width:12px; }
  .w13  { width:13px; }
  .w14  { width:14px; }
  .w15  { width:15px; }
  .w20  { width:20px; }
  .w25  { width:25px; }
  .w30  { width:30px; }
  .w35  { width:35px; }
  .w40  { width:40px; }
  .w45  { width:45px; }
  .w50  { width:50px; }
  .w55  { width:55px; }
  .w60  { width:60px; }
  .w65  { width:65px; }
  .w70  { width:70px; }
  .w75  { width:75px; }
  .w80  { width:80px; }
  .w85  { width:85px; }
  .w90  { width:90px; }
  .w95  { width:95px; }
  .w100 { width:100px; }
  .w110 { width:110px; }
  .w120 { width:120px; }
  .w130 { width:130px; }
  .w140 { width:140px; }
  .w150 { width:150px; }
  .w160 { width:160px; }
  .w170 { width:170px; }
  .w180 { width:180px; }
  .w190 { width:190px; }
  .w200 { width:200px; }
  .w250 { width:250px; }
  .w300 { width:300px; }
  .w350 { width:350px; }
  .w400 { width:400px; }
  .w400o { width:400px !important; }
  .w450 { width:450px; }
  .w500 { width:500px; }
  .w550 { width:550px; }
  .w600 { width:600px; }
  .w700 { width:700px; }
  .w750 { width:700px; }
  .w800 { width:800px; }
  .w900 { width:900px; }
  .w950 { width:950px; }
  .w1000 { width:1000px; }
  .p1   { width:1%; }
  .p2   { width:2%; }
  .p3   { width:3%; }
  .p4   { width:4%; }
  .p5   { width:5%; }
  .p6   { width:6%; }
  .p7   { width:7%; }
  .p8   { width:8%; }
  .p9   { width:9%; }
  .p10  { width:10%; }
  .p11  { width:11%; }
  .p12  { width:12%; }
  .p13  { width:13%; }
  .p14  { width:14%; }
  .p15  { width:15%; }
  .p16  { width:16%; }
  .p17  { width:17%; }
  .p18  { width:18%; }
  .p19  { width:19%; }
  .p20  { width:20%; }
  .p25  { width:25%; }
  .p30  { width:30%; }
  .p35  { width:35%; }
  .p40  { width:40%; }
  .p45  { width:45%; }
  .p50  { width:50%; }
  .p55  { width:55%; }
  .p60  { width:60%; }
  .p65  { width:65%; }
  .p69  { width:69%; }
  .p70  { width:70%; }
  .p75  { width:75%; }
  .p80  { width:80%; }
  .p85  { width:85%; }
  .p90  { width:90%; }
  .p95  { width:95%; }
  .p100 { width:100%; }
  .max50 { max-width: 50px; }
  .max100 { max-width: 100px; }
  .max200 { max-width: 200px; }
  .max250 { max-width: 250px; }
  .max300 { max-width: 300px; }
  .max400 { max-width: 400px; }
  .max500 { max-width: 500px; }
  .max600 { max-width: 600px; }
  .max700 { max-width: 700px; }
  .max800 { max-width: 800px; }
  .max900 { max-width: 900px; }
  .max1000 { max-width: 1000px; }
  .max1100 { max-width: 1100px; }
  .max1200 { max-width: 1200px; }
  .max1300 { max-width: 1300px; }
  .max1400 { max-width: 1400px; }

  .min10 { min-width: 10px; }
  .min20 { min-width: 20px; }
  .min30 { min-width: 30px; }
  .min40 { min-width: 40px; }
  .min50 { min-width: 50px; }
  .min60 { min-width: 60px; }
  .min70 { min-width: 70px; }
  .min80 { min-width: 80px; }
  .min90 { min-width: 90px; }

  .min100 { min-width: 100px; }
  .min110 { min-width: 110px; }
  .min120 { min-width: 120px; }
  .min130 { min-width: 130px; }
  .min140 { min-width: 140px; }
  .min150 { min-width: 150px; }
  .min200 { min-width: 200px; }
  .min250 { min-width: 250px; }
  .min300 { min-width: 300px; }
  .min350 { min-width: 350px; }
  .min400 { min-width: 400px; }
  .min450 { min-width: 450px; }
  .min500 { min-width: 500px; }
  .min550 { min-width: 550px; }
  .min600 { min-width: 600px; }
  .min650 { min-width: 650px; }
  .min700 { min-width: 700px; }
  .min750 { min-width: 750px; }
  .min800 { min-width: 800px; }
  .min850 { min-width: 850px; }
  .min900 { min-width: 900px; }
  .min950 { min-width: 950px; }
  .min1000 { min-width: 1000px; }
  .min1100 { min-width: 1100px; }
  .min1200 { min-width: 1200px; }
  .min1300 { min-width: 1300px; }
  .min1400 { min-width: 1400px; }
  .min1500 { min-width: 1500px; }
  .min1600 { min-width: 1600px; }
  .min1700 { min-width: 1700px; }
  .min1800 { min-width: 1800px; }
  .min1900 { min-width: 1900px; }
  .min2000 { min-width: 2000px; }

  .minh5 { min-height: 5px; }
  .minh10 { min-height: 10px; }
  .minh20 { min-height: 20px; }
  .minh30 { min-height: 30px; }
  .minh40 { min-height: 40px; }
  .minh50 { min-height: 50px; }

  .scale-1 { transform: scale(1); }
  .scale-2 { transform: scale(1.4); }
  .scale-3 { transform: scale(1.6); }
  .scale-4 { transform: scale(1.8); }
  .scale-5 { transform: scale(2); }

/* Altos */
  .h5   { height:5px;  }
  .h10  { height:10px; }
  .h20  { height:20px; }
  .h30  { height:30px; }
  .h40  { height:40px; }
  .h50  { height:50px; }
  .h100 { height:100px; }
  .h200 { height:200px; }
  .h300 { height:300px; }
  .h400 { height:400px; }
  .h500 { height:500px; }
  .h600 { height:600px; }
  .h700 { height:700px; }
  .h800 { height:800px; }
  .ph10  { height:10%; }
  .ph20  { height:20%; }
  .ph30  { height:30%; }
  .ph40  { height:40%; }
  .ph50  { height:50%; }
  .ph60  { height:60%; }
  .ph70  { height:70%; }
  .ph80  { height:80%; }
  .ph90  { height:90%; }
  .ph100 { height:100%; }

/* Márgenes */
  .m0  { margin:0 !important; }
  .m1   { margin:1px !important; }
  .m2   { margin:2px !important; }
  .m5  { margin:5px !important; }
  .m10  { margin:10px !important; }
  .m20  { margin:20px !important; }
  .m30  { margin:30px !important; }
  .m40  { margin:40px !important; }
  .m50  { margin:50px !important; }
  .m100  { margin:100px !important; }

  .ml1  { margin-left:1px !important; }
  .ml2  { margin-left:2px !important; }
  .ml5  { margin-left:5px !important; }
  .ml10 { margin-left:10px !important; }
  .ml20 { margin-left:20px !important; }
  .ml30 { margin-left:30px !important; }
  .ml40 { margin-left:40px !important; }
  .ml50 { margin-left:50px !important; }
  .ml100 { margin-left:100px !important; }
  .ml150 { margin-left:150px !important; }
  .ml200 { margin-left:200px !important; }

  .mr1  { margin-right:1px !important; }
  .mr2  { margin-right:2px !important; }
  .mr5  { margin-right:5px !important; }
  .mr10 { margin-right:10px !important; }
  .mr20 { margin-right:20px !important; }
  .mr30 { margin-right:30px !important; }
  .mr40 { margin-right:40px !important; }
  .mr50 { margin-right:50px !important; }
  .mr100 { margin-right:100px !important; }

  .mt1  { margin-top:1px !important; }
  .mt2  { margin-top:2px !important; }
  .mt5  { margin-top:5px !important; }
  .mt10 { margin-top:10px !important; }
  .mt20 { margin-top:20px !important; }
  .mt30 { margin-top:30px !important; }
  .mt40 { margin-top:40px !important; }
  .mt50 { margin-top:50px !important; }
  .mt100 { margin-top:100px !important; }

  .mb1  { margin-bottom:1px !important; }
  .mb2  { margin-bottom:2px !important; }
  .mb5  { margin-bottom:5px !important; }
  .mb10 { margin-bottom:10px !important; }
  .mb20 { margin-bottom:20px !important; }
  .mb30 { margin-bottom:30px !important; }
  .mb40 { margin-bottom:40px !important; }
  .mb50 { margin-bottom:50px !important; }
  .mb100 { margin-bottom:100px !important; }

  .semi-m10 { margin:0 0 10px;}
  .mauto { margin: auto; }

  .right-0 { right: 0; }
  .right-10 { right: 10px; }
  .left-0 { left: 0; }
  .left-10 { left: 10px; }
  .top-0 { top: 0; }
  .top-10 { top: 10px; }
  .top-m-10 { top: -10px; }
  .bottom-0 { bottom: 0; }
  .bottom-10 { bottom: 10px; }
  .bottom-m-10 { bottom: -10px; }

/* Márgenes interiores */
  .pad0   { padding:0.001rem !important; }
  .pad1   { padding:1px !important; }
  .pad2   { padding:2px !important; }
  .pad3   { padding:3px !important; }
  .pad4   { padding:4px !important; }
  .pad5   { padding:5px !important; }
  .pad6   { padding:6px !important; }
  .pad7   { padding:7px !important; }
  .pad8   { padding:8px !important; }
  .pad9   { padding:9px !important; }
  .pad10  { padding:10px !important; }
  .pad20  { padding:20px !important; }
  .pad30  { padding:30px !important; }
  .pad50  { padding:50px !important; }
  .pad60  { padding:60px !important; }
  .pad70  { padding:70px !important; }
  .pad80  { padding:80px !important; }

  .padl1  { padding-left:1px !important; }
  .padl2  { padding-left:2px !important; }
  .padl3  { padding-left:3px !important; }
  .padl4  { padding-left:4px !important; }
  .padl5  { padding-left:5px !important; }
  .padl6  { padding-left:6px !important; }
  .padl7  { padding-left:7px !important; }
  .padl8  { padding-left:8px !important; }
  .padl9  { padding-left:9px !important; }
  .padl10 { padding-left:10px !important; }
  .padl20 { padding-left:20px !important; }
  .padl30 { padding-left:30px !important; }
  .padl50 { padding-left:50px !important; }
  .padl60 { padding-left:60px !important; }
  .padl70 { padding-left:70px !important; }
  .padl80 { padding-left:80px !important; }

  .padr1  { padding-right:1px !important; }
  .padr2  { padding-right:2px !important; }
  .padr3  { padding-right:3px !important; }
  .padr4  { padding-right:4px !important; }
  .padr5  { padding-right:5px !important; }
  .padr6  { padding-right:6px !important; }
  .padr7  { padding-right:7px !important; }
  .padr8  { padding-right:8px !important; }
  .padr9  { padding-right:9px !important; }
  .padr10 { padding-right:10px !important; }
  .padr20 { padding-right:20px !important; }
  .padr30 { padding-right:30px !important; }
  .padr50 { padding-right:50px !important; }
  .padr60 { padding-right:60px !important; }
  .padr70 { padding-right:70px !important; }
  .padr80 { padding-right:80px !important; }

  .padt1  { padding-top:1px !important; }
  .padt2  { padding-top:2px !important; }
  .padt3  { padding-top:3px !important; }
  .padt4  { padding-top:4px !important; }
  .padt5  { padding-top:5px !important; }
  .padt6  { padding-top:6px !important; }
  .padt7  { padding-top:7px !important; }
  .padt8  { padding-top:8px !important; }
  .padt9  { padding-top:9px !important; }
  .padt10 { padding-top:10px !important; }
  .padt20 { padding-top:20px !important; }
  .padt30 { padding-top:30px !important; }
  .padt50 { padding-top:50px !important; }
  .padt60 { padding-top:60px !important; }
  .padt70 { padding-top:70px !important; }
  .padt80 { padding-top:80px !important; }

  .padb1  { padding-bottom:1px !important; }
  .padb2  { padding-bottom:2px !important; }
  .padb3  { padding-bottom:3px !important; }
  .padb4  { padding-bottom:4px !important; }
  .padb5  { padding-bottom:5px !important; }
  .padb6  { padding-bottom:6px !important; }
  .padb7  { padding-bottom:7px !important; }
  .padb8  { padding-bottom:8px !important; }
  .padb9  { padding-bottom:9px !important; }
  .padb10 { padding-bottom:10px !important; }
  .padb20 { padding-bottom:20px !important; }
  .padb30 { padding-bottom:30px !important; }
  .padb50 { padding-bottom:50px !important; }
  .padb60 { padding-bottom:60px !important; }
  .padb70 { padding-bottom:70px !important; }
  .padb80 { padding-bottom:80px !important; }

  .padmix1 { padding: 1px 2px !important; }
  .padmix2 { padding: 2px 4px !important; }
  .padmix3 { padding: 3px 6px !important; }
  .padmix4 { padding: 4px 8px !important; }
  .padmix5 { padding: 5px 10px !important; }
  .padmix6 { padding: 6px 12px !important; }
  .padmix7 { padding: 7px 14px !important; }
  .padmix8 { padding: 8px 16px !important; }
  .padmix9 { padding: 9px 18px !important; }
  .padmix10 { padding: 10px 20px !important; }
  .padmix15 { padding: 15px 30px !important; }
  .padmix20 { padding: 20px 40px !important; }
  .padmix30 { padding: 30px 60px !important; }
  .padmix40 { padding: 40px 80px !important; }
  .padmix50 { padding: 50px 100px !important; }

/* Bordes */
  .bor1   { border:1px solid #fff !important; }
  .bor2   { border:2px solid #fff !important; }

  .borblue1  { border:1px solid #2BAFE3 !important; }
  .borblue2  { border:2px solid #2BAFE3 !important; }

  .borblack1  { border:1px solid #000 !important; }
  .borblack2  { border:2px solid #000 !important; }

  .borlightblue1  { border:1px solid #78C9ED !important; }
  .borlightblue2  { border:2px solid #78C9ED !important; }

  .borl1  { border-left:1px solid #fff; }
  .borl2  { border-left:2px solid #fff; }

  .borr1  { border-right:1px solid #fff; }
  .borr2  { border-right:2px solid #fff; }

  .bort1  { border-top:1px solid #fff; }
  .bort2  { border-top:2px solid #fff; }

  .borb1  { border-bottom:1px solid #fff; }
  .borb2  { border-bottom:2px solid #fff; }

  .bortblue1  { border-top:1px solid #2BAFE3; }
  .bortblue2  { border-top:2px solid #2BAFE3; }
  .borbblue1  { border-bottom:1px solid #2BAFE3; }
  .borbblue2  { border-bottom:2px solid #2BAFE3; }
  .borlblue1  { border-left:1px solid #2BAFE3; }
  .borlblue2  { border-left:2px solid #2BAFE3; }
  .borrblue1  { border-right:1px solid #2BAFE3; }
  .borrblue2  { border-right:2px solid #2BAFE3; }

  .bortlightblue1  { border-top:1px solid #78C9ED; }
  .bortlightblue2  { border-top:2px solid #78C9ED; }
  .borblightblue1  { border-bottom:1px solid #78C9ED; }
  .borblightblue2  { border-bottom:2px solid #78C9ED; }
  .borllightblue1  { border-left:1px solid #78C9ED; }
  .borllightblue2  { border-left:2px solid #78C9ED; }
  .borrlightblue1  { border-right:1px solid #78C9ED; }
  .borrlightblue2  { border-right:2px solid #78C9ED; }

  .bordarkblue1  { border:1px solid #106797 !important; }
  .bordarkblue2  { border:2px solid #106797 !important; }
  .bortdarkblue1  { border-top:1px solid #106797 !important; }
  .bortdarkblue2  { border-top:2px solid #106797 !important; }
  .borbdarkblue1  { border-bottom:1px solid #106797 !important; }
  .borbdarkblue2  { border-bottom:2px solid #106797 !important; }
  .borldarkblue1  { border-left:1px solid #106797 !important; }
  .borldarkblue2  { border-left:2px solid #106797 !important; }
  .borrdarkblue1  { border-right:1px solid #106797 !important; }
  .borrdarkblue2  { border-right:2px solid #106797 !important; }

  .borgrey1  { border:1px solid #6C6C6C !important; }
  .borgrey2  { border:2px solid #6C6C6C !important; }
  .bortgrey1  { border-top:1px solid #6C6C6C !important; }
  .bortgrey2  { border-top:2px solid #6C6C6C !important; }
  .borbgrey1  { border-bottom:1px solid #6C6C6C !important; }
  .borbgrey2  { border-bottom:2px solid #6C6C6C !important; }
  .borlgrey1  { border-left:1px solid #6C6C6C !important; }
  .borlgrey2  { border-left:2px solid #6C6C6C !important; }
  .borrgrey1  { border-right:1px solid #6C6C6C !important; }
  .borrgrey2  { border-right:2px solid #6C6C6C !important; }

  .borlightgrey1  { border:1px solid #E0E0E0 !important; }
  .borlightgrey2  { border:2px solid #E0E0E0 !important; }
  .bortlightgrey1  { border-top:1px solid #E0E0E0; }
  .bortlightgrey2  { border-top:2px solid #E0E0E0; }
  .borblightgrey1  { border-bottom:1px solid #E0E0E0; }
  .borblightgrey2  { border-bottom:2px solid #E0E0E0; }
  .borllightgrey1  { border-left:1px solid #E0E0E0; }
  .borllightgrey2  { border-left:2px solid #E0E0E0; }
  .borrlightgrey1  { border-right:1px solid #E0E0E0; }
  .borrlightgrey2  { border-right:2px solid #E0E0E0; }

  .bortblack1  { border-top:1px solid #000; }
  .bortblack2  { border-top:2px solid #000; }
  .borbblack1  { border-bottom:1px solid #000; }
  .borbblack2  { border-bottom:2px solid #000; }
  .borlblack1  { border-left:1px solid #000; }
  .borlblack2  { border-left:2px solid #000; }
  .borrblack1  { border-right:1px solid #000; }
  .borrblack2  { border-right:2px solid #000; }

  .borred1  { border:1px solid #BC0003 !important; }
  .borred2  { border:2px solid #BC0003 !important; }
  .bortred1  { border-top:1px solid #BC0003; }
  .bortred2  { border-top:2px solid #BC0003; }
  .borbred1  { border-bottom:1px solid #BC0003; }
  .borbred2  { border-bottom:2px solid #BC0003; }
  .borlred1  { border-left:1px solid #BC0003; }
  .borlred2  { border-left:2px solid #BC0003; }
  .borrred1  { border-right:1px solid #BC0003; }
  .borrred2  { border-right:2px solid #BC0003; }

  .borgreen1  { border:1px solid #288307 !important; }
  .borgreen2  { border:2px solid #288307 !important; }
  .bortgreen1  { border-top:1px solid #288307; }
  .bortgreen2  { border-top:2px solid #288307; }
  .borbgreen1  { border-bottom:1px solid #288307; }
  .borbgreen2  { border-bottom:2px solid #288307; }
  .borlgreen1  { border-left:1px solid #288307; }
  .borlgreen2  { border-left:2px solid #288307; }
  .borrgreen1  { border-right:1px solid #288307; }
  .borrgreen2  { border-right:2px solid #288307; }


  .bg-borde-left { background: linear-gradient( to right, #2BAFE3, rgba(0,0,0,0) 1px); height: 100%; }

/* Listas */
  .simple-lista h3 { margin-bottom: .2em; }
  .simple-lista ul { margin: 0; padding: 0 0 0 .4em; }
  .simple-lista ul>li { list-style: none; margin-bottom: .2em; }
  .lista .un-dat-item:nth-child(even) { background-color:#E0E0E0; }

  .un-usuario:nth-child(odd) { background-color: #DFDFDF; }
  .la-tabla .un-registro-normal:nth-child(odd) { background-color: #f2f2f2; }
  .la-tabla .un-registro-normal:nth-child(even) { background-color: #fff; }
  .la-tabla .un-registro:hover { background-color: #E0E0E0; }
    .la-tabla .un-registro-finiquitado {  }

  .btns-tareas { text-align: right; }
  .btns-tareas .es-btn { font-size: 1rem; text-decoration: none; display: inline-block; background-color: #f0f0f0; border: solid 1px #f0f0f0; padding: .2rem .4rem; border-radius: .3rem; font-weight: bold; background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,.25) 100%); box-shadow: -1px 2px 5px -2px rgba(0,0,0,.5); }
  .btns-tareas .btn-green { background-color: #006600 !important; color: #fff; border-color: #006600 !important; }
  .btns-tareas .btn-red { background-color: #C00 !important; color: #fff; border-color: #C00 !important; }
  .tabla-place-holder { height: 180px; background-color: #FFF9C0; }
  .es-orden:hover { background-color: #5898B1; cursor: pointer; }
  .un-span-tarea-estatus { display: inline-block; width: 20px; height: 10px; margin-right: .4rem; margin-left: 1rem; }
  .tarea-s-1 { background-color: #E3E3E3; }
  .tarea-s-2 { background-color: #ffff00; }
  .tarea-s-3 { background-color: #ffcc00; }
  .tarea-s-4 { background-color: #adcf00; }
  .tarea-s-5 { background-color: #629600; }

  .header-tareas { margin-top: -1rem; margin-left: 2rem; }
  .fecha-pasada { border: solid 4px #BF0003; color: #BF0003; }
  .fecha-medio-pasada { border: solid 2px #FF9938; }

  .tareas-ver-comentarios { display: inline-block; padding: .2rem .8rem; text-decoration: none; background-color: #2BAFE3; color: #fff; border-radius: .4rem; margin-top: .4rem; }
  .tareas-cerrar-comentarios { display: inline-block; padding: .2rem .8rem; text-decoration: none; background-color: #C00; color: #fff; border-radius: .4rem; margin-top: .4rem; }
  .tareas-agregar-comentarios { display: inline-block; padding: .2rem .8rem; text-decoration: none; background-color: #106797; color: #fff; border-radius: .4rem; margin-top: .4rem; }

  .com-invisibles { margin-top: .6rem; }
  .un-comentario { font-style: italic; font-weight: normal; border-bottom: #2BAFE3 1px dotted; padding-bottom: .4rem; margin-bottom: .4rem; }
  .un-comentario .comentario-autor { font-size: .6rem; font-weight: normal; }
  .follow-up-num { background-color: #2BAFE3; color: #fff; padding: .2rem .6rem; border-radius: .4rem; text-decoration: none; display: inline-block; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); }

  .alter-row .un-row:nth-child(odd) { background-color: #f2f2f2; }
  .alter-row .un-row-dark:nth-child(odd) { background-color: #c6c6c6; }
  .alter-row .un-row:nth-child(even) { background-color: #fff; }

  .alter-row .un-row:nth-child(odd) .copio-bg { background-color: #f2f2f2; }
  .alter-row .un-row-dark:nth-child(odd) .copio-bg { background-color: #c6c6c6; }
  .alter-row .un-row:nth-child(even) .copio-bg { background-color: #fff; }

/* Huérfanos próximos a eliminar */
  .alerta-valor { background-color:#FF3 !important; }
  .borde-b { border-bottom: #CCCCCC solid 1px; padding-bottom: 2px; margin-bottom: 1px; }
  .esta-oculto { background-color:#CCC !important; }
  .flotarr { float:right; }

/* Parece que pertenecen a algo */
  .hay-cont { background-image:url(../images/alerta_icon.png); background-repeat:no-repeat; background-position:10px top; }
  .flotar-cont { background-color:#FF6; border:#000 solid 1px; color:#666; width:160px; padding:4px; position:absolute; font-size:10px; font-weight:normal; margin:-4px ; }
  .flotar-cont textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; }
  .flotar-cont input[type=text] { font-size:10px; }
  .valor-negativo { background-color:#cc0000 !important; color: #FFF; }
  .opciones-agenda { background:#f8f8f8; color:#333; font-weight:bold; padding:4px 12px; border:#e2e2e2 solid 1px; font-size:12px; margin:4px; display:block; float:left; text-decoration:none; }

/* FORMULARIOS */
  .wf-main { }
  .wf-main textarea { font-family:Tahoma, Geneva, sans-serif; font-size: 12px; }
  .wf-main .wf-titulo { margin-bottom:12px !important; }
  .wf-main .wf-item { font-size:12px; margin-bottom:4px; clear:both; }
  .wf-main .wf-labl { width:90px; display:block; float:left; text-align:left; margin-right:6px; }
  .wf-main .wf-labl-no-block { display:block; text-align:left; margin-right:6px; }
  .wf-main .wf-labl-no-block-center { display:block; text-align:center; margin-right:6px; }
  .wf-main .wf-labl-wide { max-width:350px; width: 40%; display:block; float:left; text-align:right; margin-right:6px; margin-bottom: 4px; padding: .2rem; }
  .wf-main .wf-labl-super-wide { width:80%; display:block; float:left; text-align:left; margin-right:6px; }
  .wf-main .btns { margin-top:20px; }
  .full-span .wf-labl-wide { width: 100%; max-width: 100%; display: block; float: none; text-align: center; margin-bottom: 1px; margin-top: .8rem; }


  .wf-btn { background:#f8f8f8; color:#333; font-weight:bold; padding:4px 12px; border:#e2e2e2 solid 1px; font-size:12px; cursor:pointer; margin:0 4px; }
  .wf-btn-blue { background:#2BAFE3; color:#FFF; font-weight:bold; padding:8px 16px; border:#2BAFE3 solid 1px; font-size:12px; cursor:pointer; margin:6px 4px 0 4px; }
  .wf-btn-blue:hover { color:#036; }
  .wf-btn-blue-medium { background:#2BAFE3; color:#FFF; font-weight:bold; padding:2px 4px; border:#2BAFE3 solid 1px; font-size:12px; cursor:pointer; margin:6px 4px 0 4px; }
  .wf-btn-blue-medium:hover { background-color:#036; border-color:#036; }
  .wf-btn-blue-micro { background:#2BAFE3; color:#FFF; font-weight:bold; padding:2px 4px; border:#2BAFE3 solid 1px; font-size:10px; cursor:pointer; margin:6px 4px 0 4px; max-width:500px; }
  .wf-btn-blue-micro:hover { background-color:#036; border-color:#036; }
  .btn-verde { background-color:#006600 !important; color:#FFF !important; border-color:#006600 !important;}
  .wf-btn-mini-green { background:#006600; color:#FFF; font-weight:bold; padding:4px 10px; border:#006600 solid 1px; font-size:12px; cursor:pointer; margin:6px 4px 0 4px; border-radius:4px; }
  .mini-btn { background:#2BAFE3; background-image:url(../images/cal_sombragris.png); background-repeat:repeat-x; background-position:bottom; color:#FFF; /*padding:4px 12px;*/ border:#2BAFE3 solid 1px; font-size:8px; cursor:pointer; margin:1px; border-radius:4px; }


  .es-ob span { color:#E0000D; }
  .wf-flotar { float:left; margin-right:10px; }
  .rojo { color:#fff !important; background-color:#900 !important; }
  .light-rojo { color:#fff !important; background-color:#E07071 !important; }
  .extra-f .wf-labl { max-width:200px !important; text-align:right !important; }
  .nw-btn { font-size:9px; border:none; padding:3px 0; margin:1px 0; }
  .nw-del-btn { font-size:14px; border:none; padding:1px 6px; background-color:#C00; color:#fff; position:absolute; display:block; right:48px; top:1px; font-weight:bold; opacity:.8; z-index:10; border-radius:4px;  }
  .nw-del-slot-btn { font-size:10px; border:none; padding:2px 4px; background-color:#840005; color:#fff; position:absolute; right:4px; top:3px; font-weight:bold; opacity:.5;  border-radius:4px; }
  .nw-lock-btn { font-size:14px; border:#fff solid 1px; padding:1px 6px; background-color:#086d08; color:#fff; display:block; left:18px; top:3px; font-weight:bold; opacity:.8; z-index:11; border-radius:4px; }
  .radius-top { border-top-right-radius:10px; border-top-left-radius:10px; }
  .queja-edit { font-size:12px; margin:.5em 0;  }
  .queja-edit .wf-labl { float:none; font-size:11px; }
  .queja-edit .btns { margin-top:10px; }
  .queja-detalle .wf-btn {  }
  .queja-detalle .no-liga { text-decoration: none; color:#000 !important; padding:.4em .2em; display:block;}
  .queja-detalle .no-liga:hover { color:#2BAFE3 !important; }
  .solo-web { margin: 3px 0 2px;}

  .falso-wf-item { font-size:12px; margin-bottom:4px; clear:both; }
  .falso-wf-item .wf-labl { font-weight: bold; width:90px; display:block; float:left; text-align:left; margin-right:6px; }
  .falso-wf-item .wf-labl-wide { font-weight: bold; width:150px; display:block; float:left; text-align:right; margin-right:6px; }

  .fuerza-block .wf-labl { width: 100%; float: none; max-width: 100% !important; text-align: left !important; }
  .fuerza-block select, .fuerza-block input, .fuerza-block textarea { margin-left: 90px;}

/* Web forms */
  /*.btns */ .btn-cancelar { background-color: #C00; color: #fff; border:#C00 solid 1px; padding: .8em 1.6em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); cursor: pointer; transition: ease .2s; text-decoration: none; }
  /*.btns */ .btn-avanzar { background-color: #2BAFE3; color: #fff; border:#2BAFE3 solid 1px; padding: .8em 1.6em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); cursor: pointer; transition: ease .2s; text-decoration: none; }
  /*.btns */ .btn-green { background-color: #20A004; color: #fff; border:#20A004 solid 1px; padding: .8em 1.6em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); cursor: pointer; transition: ease .2s; text-decoration: none; }
  /*.btns */ .btn-blue { background-color: #2BAFE3; color: #fff; border:#2BAFE3 solid 1px; padding: .8em 1.6em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); cursor: pointer; transition: ease .2s; text-decoration: none; }
  /*.btns */ .btn-grey { background-color: #c7c7c7; color: #303030; border:#c7c7c7 solid 1px; padding: .8em 1.6em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); cursor: pointer; transition: ease .2s; text-decoration: none; }

  /*.btns */ .btn-cancelar:hover { background-color: #610003; border-color:#610003; }
  /*.btns */ .btn-avanzar:hover { background-color: #105C85; border-color:#105C85; }
  /*.btns */ .btn-green:hover { background-color: #145604; border-color:#145604; }
  /*.btns */ .btn-blue:hover { background-color: #0c61a7; border-color:#0c61a7; }
  /*.btns */ .btn-grey:hover { background-color: #858585; border-color:#858585; }

  /*.btns */ .btn-cancelar-mini { padding: .2rem .8rem; border-radius: .4rem; }
  /*.btns */ .btn-avanzar-mini { padding: .2rem .8rem; border-radius: .4rem; }
  /*.btns */ .btn-green-mini { padding: .2rem .8rem; border-radius: .4rem; }
  /*.btns */ .btn-blue-mini { padding: .2rem .8rem; border-radius: .4rem; }
  /*.btns */ .btn-grey-mini { padding: .2rem .8rem; border-radius: .4rem; }

  /*.btns */ .btn-demi { padding: .4rem 1rem; border-radius: .4rem; }

  .base-btn { text-align: center; border-radius: .2em; border: solid 1px; padding: .6em; margin: .2em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); transition: ease .2s; }
  .btn-call-mail { background-color: #2BAFE3; border-color: #2BAFE3; color: #fff; }
  .btn-call-whats { background-color: #20A004; border-color: #20A004; color: #fff; }

  .btn-call-mail:hover { background-color: #116492; border-color:#116492; }
  .btn-call-whats:hover { background-color: #145604; border-color:#145604; }

  .nw-btn { font-size:9px; border:none; padding:3px 0; margin:1px 0; cursor: pointer; }
  .nw-del-btn { font-size:14px; border:none; padding:1px 6px; background-color:#C00; color:#fff; position:absolute; display:block; right:48px; top:1px; font-weight:bold; opacity:.8; z-index:10; border-radius:4px;  }
  .nw-del-slot-btn { font-size:10px; border:none; padding:2px 4px; background-color:#840005; color:#fff; position:absolute; right:4px; top:3px; font-weight:bold; opacity:.5;  border-radius:4px; }
  .nw-lock-btn { font-size:14px; border:#fff solid 1px; padding:1px 6px; background-color:#086d08; color:#fff; display:block; left:18px; top:3px; font-weight:bold; opacity:.8; z-index:11; border-radius:4px; }

  .queja-edit { font-size:12px; margin:.5em 0;  }
  .queja-edit .wf-labl { float:none; font-size:11px; }
  .queja-edit .btns { margin-top:10px; }
  .queja-detalle .wf-btn {  }
  .queja-detalle .no-liga { text-decoration: none; color:#000 !important; padding:.4em .2em; display:block;}
  .queja-detalle .no-liga:hover { color:#2BAFE3 !important; }

  .falso-wf-item { font-size:12px; margin-bottom:4px; clear:both; }
  .falso-wf-item .wf-labl { font-weight: bold; width:90px; display:block; float:left; text-align:left; margin-right:6px; }
  .falso-wf-item .wf-labl-wide { font-weight: bold; width:150px; display:block; float:left; text-align:right; margin-right:6px; }
  .edicion-registro .btns { text-align: center; }

  .busca-clinica .wf-labl { width: 100%; display: block; text-align: center; }
  .busca-clinica .wf-item { text-align: center; }
  .busca-clinica .btns { text-align: center; }
  .busca-clinica h3 { margin-top: .2em; }

  #do-smt { margin: 0 2em; padding: 1em; border: solid 4px #2BAFE3; border-radius: 1em; }
  #do-smt .wf-labl { font-weight: bold; width:90px; display:inline-block; float:none; text-align:right; margin-right:6px;  }

/* Buttons */
  .descargar-reporte { background-color: #2BAFE3; color: #fff; display: inline-block; border:#2BAFE3 solid 1px; padding: .8em 1.6em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); cursor: pointer; transition: ease .2s; }
  .descargar-reporte:hover { background-color: #A7A7A7; border-color:#A7A7A7; }
  /*.agenda-icon { background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; background-image: url(../images/agenda_icon.png); }*/
  .pdf-btn { background-color: #2BAFE3; color: #fff; border: #2BAFE3 solid 1px; margin: .4rem 0; padding: .8em 1.6em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); text-decoration: none; display: inline-block; }

/* Modal screen */
  .modal { align-items: flex-start; background-color: rgba(0, 0, 0, 0.6); display: none; height: 100%; justify-content: center; left: 0; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 2000; }
  .modal-dialog { margin:15% auto auto; width: 50%; max-width:450px; min-width: 250px; position: relative; }
  .modal-loading { margin:25% auto auto; width:300px; position: relative; text-align:center; }
  .modal-content { text-align: center; color:#252525; padding:20px 0; background-color: #fff; border-radius: .4em; }
  .modal-alerta { text-align: center; color:#B60003; font-size: 1.6em; font-weight: bold; border-radius: .4em; padding: 1em; background-color: #FFF48C; border: #B60003 solid 1px; }
  .nuevo-modal-alerta { text-align: center; color:#B60003; font-size: 1.2em; font-weight: bold; border-radius: .2em; background-color: #FFF48C; border: #B60003 solid 1px; width: 90%; margin: .6em auto; }
  .modal-content .modal-body { text-align:center; padding:20px 0; }
  .modal-content .modal-footer { text-align:center; padding:10px 0; }
  .modal-content .modal-footer button { border: 1px solid transparent; border-radius: 3px; cursor: pointer; display: inline-block; font-size: 13px; font-weight: normal; margin-bottom: 0; padding: 6px 16px; text-align: center; vertical-align: middle; white-space: nowrap; }
  .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
  .modal-content .modal-footer .confirm { background-color:#439D10; color:#fff; }
  .modal-content .modal-footer .cancel { background-color:#A3A3A3; }
  .modal-close { cursor: pointer; position: absolute; right: .4em; top: .2em; font-size: 2em; }
  .simple-close { cursor: pointer; position: absolute; right: .4em; top:0; font-size: 1.4em; }
  .close-alerta { color:#B60003; }

  .modal-dialog-wide { margin:4% auto auto; width: 90%; max-width:1000px; min-width: 700px; position: relative; }
  .modal-dialog-wide .modal-content { padding-top: 5px; }
  .modal-dialog-wide h2 { margin: .4em 0; }
  .modal-option { padding: .6rem 1.6rem; color: white; text-decoration: none; border-radius: .6rem; margin: 0.2rem; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); font-size: .9rem; }
  .modal-option:hover { color: #fff; }
  .modal-cancelar { background-color: #D00003; background: linear-gradient( to bottom, #D00003 50%, #6D0001 100%); }
  .modal-continuar { background-color: #20A004; background: linear-gradient( to bottom, #20A004 50%, #135F02 100%); }

  .modal-close-nota { text-align: center; margin: .6em .6em 1em; }
  .info-nota { padding: .8em 3em .4em; font-weight: bold; }
  .info-alerta-notas { font-size: .9em; padding: 1em; }
  .modal-close-nota a { text-decoration: none; color: #fff; background: linear-gradient(to bottom, #B60003 50%, #8A0002 100%); padding: .8em 1em; border-radius: .8em; display: inline-block; font-weight: bold; font-size: .8em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); }

  .mensaje-modal-alerta { text-align: center; color:#B60003; font-weight: bold; border-radius: .2em; background-color: #FFF48C; border: #B60003 solid 1px; width: 90%; max-width: 600px; padding: 1rem; margin: 10% auto 0; }
  .mensaje-modal-alerta .info-alerta-notas { font-size: 1rem; }
  .mensaje-modal-alerta .modal-close-nota a { font-size: .8rem; }

/* Nuevo confirm */
  .jconfirm .jconfirm-box { width:30rem; margin-top: -10rem; }
  .jconfirm .jconfirm-box .jconfirm-content { text-align: center;  font-size: 1rem; padding: 1rem; }
  .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { font-size: .8rem; font-weight: normal; text-transform: none; }
  .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: none; text-align: center; margin-bottom: 1rem; }

/* Mensajero */
  .info-modal { align-items: flex-start; display: none; justify-content: center; left: 0; overflow-y: auto; position: fixed; top: -100px; width: 100%; z-index: 1998; box-shadow: 0 0 8px 0 rgba(0,0,0,.7); color: #fff; }
  .info-content { padding: 4em 1em 1em; text-align: center; font-size: 1.4em; font-weight: bold; }
  .info-animate { transition: top .4s; top: 0; }
  .info-inner-content { padding-right: 2em; }

  .info-close { cursor: pointer; position: absolute; right: .6em; font-size: 2em; top: 1.5em; }
  .info-bg-default { background-color: rgba(70, 174, 51, .8); }
  .saludo { background-color: rgba(70, 174, 51, .8); }
  .aviso { background-color: rgba(70, 174, 51, .8); }
  .alerta { background-color: rgba(204, 0, 0, .8); }
  .advertencia { background-color: rgba(245, 226, 2, .8); color: #C00; }
  .alerta-oculto { margin-left: -1rem; width: 100%; }
  .alerta-oculto .alerta-oculto-in { margin: 1rem; padding: 1rem; background-color: rgba(245, 226, 2, .8); color: #C00; font-size: .9rem; border: solid 1px #C00; border-radius: 1rem;  }

/* Calendarios */
  #calendario-prev { background:url(../images/cal_flecha_izq.png) no-repeat; width:22px; height:22px; float:left; }
  #calendario-mes { text-align:center; float:left; padding-top:2px; }
  #calendario-sigue { background:url(../images/cal_flecha_der.png) no-repeat; width:22px; height:22px; float:right; }

  #calendario-cal-busca { font-family:Verdana, Geneva, sans-serif; }
  #calendario-semana div { font-weight:bold; font-size:9px; float:left; height:16px; text-align:center; color:#FFF; background:#666 url(../images/cal_sombragris.png) bottom repeat-x; }
  #calendario-dias-mes { font-size:11px; height:112px; background:#FFF; }
  #calendario-dias-mes div{ float:left; text-align:center; height:16px;  }
  #calendario-cerrar { background:#000; font-size:12px; font-weight:bold; text-align:center; color:#FFF; }
  #super-cal { width:190px; height:150px; background:#000; opacity: .7; position:absolute; }
  #super-cal-load { width:190px; height:22px; padding-top:60px; text-align:center; position:absolute; z-index:2; }

  .calendario-div { border:#000 solid 1px; z-index:5000; }
  .calendario-limpia { clear:both }
  .calendario-titulo { background:#000 top repeat-x; font-size:11px; font-weight:bold; height:22px; color:#FFF; }
  .calendario-dia-x { color:#333; background:#FFF; }
  .calendario-dia-hoy { color:#900; font-weight:bold; }
  .calendario-liga { cursor:pointer; }
  .calendario-dia-liga { cursor:pointer; background:#666; color:#FFF; }
  .calendario-dia-liga:hover { background:#CCC; }
   #calendario-mes span { background-color: #000 !important; color: #fff !important; }


  .son-los-inpts input[type=text] { border-radius: 0 !important; font-size: 1em !important; float:left; margin-right:.2em; }
  .son-los-inpts .call-to-cal { width:20px; height:20px; display:block; float:left; background-image:url(../images/call_call_call.png); }
  .son-los-inpts .call-to-nota { margin-left:10px; color:#999999; }

/* Estatus TR */
  .tr-1 { background-color:#003399 !important; color:#FFF !important; }
  .tr-2 { background-color:#CC0000 !important; color:#FFF !important; }


  .tr-2-atrasado { background: repeating-linear-gradient(-45deg, #003399 0%, #003399 10%, #A1BFFB 11%, #A1BFFB 15% ) !important; color:#FFF !important; text-shadow: 1px 1px 1px rgba(0,51,153,.9); }
  .tr-2-adelantado { background: repeating-linear-gradient(-45deg, #CC0000 0%, #CC0000 10%, #F6A3A4 11%, #F6A3A4 15% ) !important; color:#FFF !important; text-shadow: 1px 1px 1px rgba(204,0,3,.9); }

  .tr-3 { background-color:#CC6600 !important; color:#FFF !important; }
  .tr-4 { background-color:#FFCC00 !important; color:#000 !important; }
  .tr-5 { background-color:#993399 !important; color:#FFF !important; }
  .tr-6 { background-color:#3399CC !important; color:#FFF !important; }
  .tr-7 { background-color:#99CCCC !important; color:#FFF !important; }
  .tr-7-1 { background-color:#5e5c98 !important; color:#FFF !important; }
  .tr-7-2 { background-color:#e867ff !important; color:#FFF !important; }
  .tr-8 { background-color:#666666 !important; color:#FFF !important; }
  .tr-9 { background-color:#000000 !important; color:#FFF !important; }
  .tr-10 { background-color:#000000 !important; color:#FFF !important; }
  .tr-11 { background-color:#000000 !important; color:#FFF !important; }
  .tr-12 { background-color:#000000 !important; color:#FFF !important; }

  .tr-1 .slot-inner { background-color:#003399 !important; color:#FFF !important; }
  .tr-2 .slot-inner { background-color:#CC0000 !important; color:#FFF !important; }

  .tr-2-atrasado .slot-inner   { background: repeating-linear-gradient(-45deg, #003399 0%, #003399 10%, #A1BFFB 11%, #A1BFFB 15% ) !important; color:#FFF !important; text-shadow: 1px 1px 1px rgba(0,51,153,.9); }
  .tr-2-adelantado .slot-inner { background: repeating-linear-gradient(-45deg, #CC0000 0%, #CC0000 10%, #F6A3A4 11%, #F6A3A4 15% ) !important; color:#FFF !important; text-shadow: 1px 1px 1px rgba(204,0,3,.9); }

  .tr-3 .slot-inner { background-color:#CC6600 !important; color:#FFF !important; }
  .tr-4 .slot-inner { background-color:#FFCC00 !important; color:#000 !important; }
  .tr-5 .slot-inner { background-color:#993399 !important; color:#FFF !important; }
  .tr-6 .slot-inner { background-color:#3399CC !important; color:#FFF !important; }
  .tr-7 .slot-inner { background-color:#99CCCC !important; color:#FFF !important; }
  .tr-7-1 .slot-inner { background-color:#5e5c98 !important; color:#FFF !important; }
  .tr-7-2 .slot-inner { background-color:#e867ff !important; color:#FFF !important; }
  .tr-8 .slot-inner { background-color:#666666 !important; color:#FFF !important; }
  .tr-9 .slot-inner { background-color:#000000 !important; color:#FFF !important; }
  .tr-10 .slot-inner { background-color:#000000 !important; color:#FFF !important; }
  .tr-11 .slot-inner { background-color:#000000 !important; color:#FFF !important; }
  .tr-12 .slot-inner { background-color:#000000 !important; color:#FFF !important; }

/* Reports */
  .nuevo-estilo { border-bottom: solid 1px #2BAFE3; padding: .2rem 0; }
  .nuevo-estilo .lista-reportes { margin: 0 .4rem !important; }
  .nuevo-estilo a { text-decoration: none; display: block; transition: all .4s ease; padding:.1rem .5rem; background-color: rgba(255, 255, 255, .8); }
  .nuevo-estilo a:hover { background-color: rgba(43, 175, 227, .3); }
  .nuevo-estilo .repo-titulo { font-weight: bold; color: #2BAFE3; font-size: 1.2em; text-transform: uppercase; }
  .nuevo-estilo .repo-detalle { color: #000; }
  .descargar-listado { text-decoration: none; display: inline-block; }
  .lista-reportes .repo-titulo { font-weight: bold; color: #2BAFE3; font-size: 1.2em; text-transform: uppercase; }

/* ECE */
  .btn-ece { background-color:#f8f8f8; border: 1px solid #e2e2e2; color: #333; font-size: 12px; font-weight: bold; margin: 0 4px; padding: 4px 12px; text-decoration:none; }
  .btn-ece-blue { background:#2BAFE3; color:#FFF; font-weight:bold; padding:8px 16px; border:#2BAFE3 solid 1px; font-size:12px; cursor:pointer; margin:6px 4px 0 4px; text-decoration:none; }
  .btn-ece-red { background:#C00; color:#FFF; font-weight:bold; padding:8px 16px; border:#C00 solid 1px; font-size:12px; cursor:pointer; margin:6px 4px 0 4px; text-decoration:none; }
  .un-estudio-tit { font-size: 14px; font-weight:bold; }
  .una-estudio-nota h4 { margin-bottom:0 !important; font-weight:normal; }
  .una-estudio-nota h5 { margin:0 !important; font-weight:normal; color:#2BAFE3; }
  .a-btn-ece { background:#2BAFE3; color:#FFF; font-weight:bold; padding:.3rem .8rem; text-decoration:none; font-size: .6rem; border-radius: .2rem; }
  .a-btn-ece-red { background:#D10003; color:#FFF; font-weight:bold; padding:.3rem .8rem; text-decoration:none; font-size: .6rem; border-radius: .2rem; }
  .btn-ece-gyellow { background:greenyellow; color:seagreen; font-weight:bold; padding:8px 16px; border:greenyellow; solid 1px; font-size:12px; cursor:pointer; margin:6px 4px 0 4px; text-decoration:none; }


/* FontAwesome */
  .far-alert-ece{ position: absolute; left: .2em; top: .2em; color: #10B4FF; text-shadow: 1px 1px rgba(0,0,0,.5); }
  .far-alert { position: absolute; right: .2em; top: .2em; color: yellow; text-shadow: 1px 1px rgba(0,0,0,.5); }
  .far-info-white { color: #2BAFE3; }
  .far-yellow, .fa-yellow { color: yellow; text-shadow: 1px 1px 2px rgba(0,0,0,.75); }
  .far-tt { bottom: 3px; position: absolute; right: 4px; color: white; background-color: green; padding: 0 .3rem; border-radius: .2rem; }
  .far-tt-tr { bottom: 1px; position: absolute; right: 1px; color: white; background-color: green; padding: 0 .2rem; border-radius: .2rem; font-size: 2rem !important; }
  .far-tt-infobip { bottom: 1px; position: absolute; right: 1px; color: white; background-color: green; padding: 0 .2rem; border-radius: .2rem; font-size: 1.4rem !important; }
  .tr-quest-tt { position: absolute; left: 1px; top: 1px; }
  .far-dns-tr { top: 0; right: 0; position: absolute; color: yellow; padding: .1rem .2rem; font-size: 1.2rem !important; }
  .far-dns-red-tr { top: 0; right: 0; position: absolute; color: red; padding: .1rem .2rem; font-size: 1.2rem !important; }
  .call-li-activo .far-info-white { color: #fff; }
  .far-right { right: 1rem; }

/*<----------------- LAYOUT OK ------------------>*/
  .head { width: 100%; position: fixed; box-shadow: 0 2px 6px rgba(0,0,0,.5); z-index: 2010; }
  .head .head-bar { width: 100%; background-color: #2BAFE3; color: #fff; min-height: 1em; }
  .head .head-bar .logo-head-bar img { max-height: 38px; margin: .2rem -.5rem 0 -.5rem; }
  .head .head-bar a { color: #fff; text-decoration: none; }
  .head .head-bar ul { margin: 0; padding: 0; }
  .head .head-bar ul li{ list-style: none; }
  .head .head-bar .menu-bar span.el-menu { padding:0 0 0 1.8em; }
  .head .head-bar .menu-bar span.el-menu::before { content: " "; width: 1.2em; position: absolute; left: .8em; top: .8em; box-shadow: 0 0 0 2px #fff, 0 8px 0 2px #fff, 0 16px 0 2px #fff; display: block; }
  .mas-450 span.el-menu::before { top: 1.8em !important; }

  .head .head-bar .head-info ul li{ float: left; padding: 0 .2em; }
  .head .head-bar .head-info .separador { content: " "; margin: 0 .4rem; padding: 0; height: 4em; border-right: solid 1px #fff; }

  .head .head-bar .users-info ul li{ float: right; padding: 0; margin: 0 .2em; }
  .head .head-bar .users-info .separador { content: " "; width: .2em; height:1.6em; margin-top: 1.4em; border-left: solid 1px #fff; }

  .head .head-bar .texto-bar { font-size: 1.5em; padding: .6em .1em 0; display: inline-block; }
  .head .head-bar .normal-bread-bar { font-size: 1.3em; padding-top: .8em; }
  .head .head-bar .small-bar { font-size: 1.2em; padding-top: .9em; }
  .head .head-bar .texto-semi-bar { font-size: 1.1em; padding: 1.5em .1em 0; display: inline-block; }
  .head .head-bar .texto-mini-bar { font-size: 1em; padding: 1.7em .1em 0; display: inline-block; }

  .head .head-bar .head-bar-h { height: 47px; overflow: hidden; }

  .head .head-bar .msn-main { width: 30px; height: 47px; margin-right: 10px; background-image: url(../images/ms_icon.png); background-repeat: no-repeat; background-position: 0 12px; }
  .head .head-bar .msn-main .inner-msn-bar { width: 30px; height: 47px; cursor: pointer; }
  .head .head-bar .msn-main-empty { opacity: .5; }
  .head .head-bar .msn-main-full { background-position: -30px 12px; }
  .head .head-bar .msn-main-close { background-position: -60px 12px; }
  .head .head-bar .msn-main-full .n-msn { text-align: right; padding: 13px 5px 0 0; color: #fff; font-size: 1.2em; font-weight: bold; }

  .head .head-bar .msn-main .lista-msn { position: absolute; background-color: #2BAFE3; border: #2BAFE3 solid 2px; color: #333; top: 47px; width: 220px; border-bottom-left-radius: .4em; border-bottom-right-radius: .4em; box-shadow: 1px 4px 6px rgba(0,0,0,.5); }
  .head .head-bar .msn-main .lista-msn .un-mensaje-bar {margin-top: 2px; background-color: #fff; border-radius: .4em; }
  .head .head-bar .msn-main .lista-msn .un-mensaje-bar .msn-titulo { padding: .4em;  font-weight: bold; color: #fff; background-color: #2BAFE3; cursor: pointer; border-top: #fff solid 1px; }
  .head .head-bar .msn-main .lista-msn .un-mensaje-bar .msn-msn { font-size: .9em; padding: .6em; }
  .head .head-bar .msn-main .lista-msn .un-mensaje-bar .msn-fecha { font-size: .9em; color: #fff; background-color: #2BAFE3; padding: .2em .4em; }
  .head .head-bar .msn-main .lista-msn .es-nuevo .msn-titulo { color: yellow; }
  .head .head-bar .msn-main .lista-msn .es-nuevo .msn-msn { background-color: #FFFDCA; }


  .head .head-bar .msn-main .lista-msn .msn-especial .msn-titulo { background-color: #FFFA43; color: #CD0003; }
  .head .head-bar .msn-main .lista-msn .msn-especial .msn-msn { background-color: #FFFA43; color: #CD0003; font-weight: bold; }
  .head .head-bar .msn-main .lista-msn .msn-especial .msn-msn a { color: #CD0003; }
  .head .head-bar .msn-main .lista-msn .minimo .msn-msn { display: none; }
  .head .head-bar .msn-main .lista-msn .minimo .msn-fecha { display: none; }

  .head .head-bar .mas-450 .msn-main { width: 28px; height: 40px; margin-left: 6px; background-image: url(../images/ms_icon.png); background-repeat: no-repeat; background-position: 4px 6px; }
  .head .head-bar .mas-450 .msn-main .inner-msn-bar { width: 28px; height: 40px; }
  .head .head-bar .mas-450 .msn-main-full { background-position: -24px 6px; }
  .head .head-bar .mas-450 .msn-main-close { background-position: -60px 6px; }
  .head .head-bar .mas-450 .msn-main-full .n-msn { text-align: right; padding: 7px 2px 0 0; color: #fff; font-size: 1.2em; font-weight: bold; }
  .head .head-bar .mas-450 .msn-main .lista-msn { top: 64px; }

   .simple-nota-info { background-color: #FFFFDA; border: #000 solid 1px;border-radius: .4em; }

  .super { padding-top: 50px; }
  .super-a {/* padding-top: 50px; */}

  .mini-alerta-call { background-color: #FF9; color: #C00; font-weight: normal; padding: .2rem 0; margin: .1rem 0; }

  .sub-menu-hover { position: fixed; overflow: auto; height: 94%; background-color:#f2f2f2; border:#B2B2B2 solid 1px; padding-top: 40px; display: none; border-bottom-right-radius: .8em; border-bottom-left-radius: .8em; z-index: 998; }
  .sub-menu-hover ul { margin: 0; padding: 0; }
  .sub-menu-hover li { float: none; text-align:center; border-bottom:#B2B2B2 solid 1px; background: linear-gradient(to bottom, #fff 5%, #f2f2f2 10%, #f2f2f2 95%, #E9E9E9 100% ); }
  .sub-menu-hover .menu-cat-0 {}
  .sub-menu-hover .menu-cat-1 { background: linear-gradient(to bottom, #DFF2FF 5%, #D4E6F2 10%, #D4E6F2 95%, #BACAD5 100% ); }
  .sub-menu-hover .menu-cat-2 { background: linear-gradient(to bottom, #FFEAEB 5%, #F2D7D8 10%, #F2D7D8 95%, #DB9C9E 100% ); }
  .sub-menu-hover .menu-cat-3 { background: linear-gradient(to bottom, #E3FFD6 5%, #D3F2C5 10%, #D3F2C5 95%, #9FC78C 100% ); }
  .sub-menu-hover .menu-cat-4 { background: linear-gradient(to bottom, #EEEDFF 5%, #D8D5F2 10%, #D8D5F2 95%, #7F7AA9 100% ); }
  .sub-menu-hover .menu-cat-x { background: linear-gradient(to bottom, #A3D9ED 5%, #76CEED 10%, #76CEED 95%, #05536F 100% ); }
  .sub-menu-hover li.menu-salto{ padding: 0; background: linear-gradient(to bottom, #D1D1D1 0, #B2B2B2 50% ); height: 1px; }
  .sub-menu-hover .menu-connect { color: white; background: linear-gradient(to bottom, #6ad3fb 5%, #36bcee 10%, #36bcee 95%, #09536f 100% );}

  .sub-menu-hover li a { color: #797979; text-decoration: none; padding:1em 3em; text-align:center; display: list-item; transition: ease .2s; }
  .sub-menu-hover li a:hover { background-color:#2BAFE3; color:#FFF; }
  .sub-menu-hover li:nth-last-child(1) { border-bottom-right-radius: .8em; border-bottom-left-radius: .8em; }
  .sub-menu-hover li:nth-child(1) { padding-top: 1.5em; }

  .sub-menu-hover .menu-connect .go-ms-connect { color: white !important; }
  .contns { position:absolute; padding:4px; background-color:#2bafe3; border:#fff solid 1px; margin-left:4px; }
  .contns .contns-div { color:#fff; font-weight:normal; font-size:14px; padding-left:10px; }
  .contns .contns-clin { color:#000; font-weight:normal; font-size:12px; padding:10px; background-color:#fff; }
  .contns textarea { text-align:left !important; padding:0 10px; font-size:12px !important; }

  .chiapas-oculto { opacity: 0; }
  .chiapas-oculto .slot-inner { display: none !important; }

  .top-info { position: fixed; right: 4px; top: 52px; padding: .2rem .4rem; display: inline-block; background-color: rgba(0,0,0,0.4); border: solid 1px #fff; color: #fff; border-radius: .2rem; }

  .este-control-forma {  }
  .este-control-forma .select-box { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: auto; padding: .4rem 1rem; border: none; border-radius: 3px; outline: none; font-size: .8rem; cursor: pointer; background-color: #2E97CA; color: #FFF; }
  .este-control-forma .control-forma-x { margin: -.4rem 0 -.2rem; }

  .es-agenda-bloqueada .la-agenda .un-slot .slot-inner { background-color: #f2f2f2; color: #C3C3C3; }
  .call-center .es-agenda-bloqueada .slot-inner  { background-color: #f2f2f2; color: #C3C3C3; }
  .mensaje-agenda-bloqueada { background-color: rgba(0,138,0,0.3); color: green; border: green solid 1px; font-weight: bold; font-size: 1.4rem; width: 600px; margin: 1rem auto; border-radius: .4rem; padding: 1rem; text-align: center; }
  .no-ver-lo-que-veo { position: absolute; right: 1rem; }

  .col-dinamica { text-shadow: 0 0 4px rgba(0,0,0,.5); color: #fbff35; }
  .alerta-ticket { background-color:#FF9; border:#C00 solid 1px; color:#C00; padding:1rem; margin:1rem; border-radius: .6rem; font-size: 1rem; font-weight: bold; text-align: center; }
  .col-tuo { background-color: #549b30; }
  .col-tuo .call-columna-titulo { background-color: #549b30 !important; }

  .styled-teams { background-color: #6264A7; color: white; font-weight: normal !important; padding: .2rem .8rem; text-decoration: none; border-radius: .4rem; display: inline-block; text-shadow: 1px 1px 3px rgba(0,0,0,.5); margin: .2rem 0; }
  .styled-teams:hover { background-color: #CC4A31; color: white;}

  .el-sub-menu { text-align: center; margin-top:-26px; }

/* Uploader */
  .uploader { text-align:center; }
  .uploader #drop { text-align: center; color:#A3A3A3; margin:.1rem; padding:.6rem; background:#FFF; border:#2BAFE3 dashed 1px; }
  .uploader #drop:hover { background-color: #f2f2f2; }
  .uploader #drop a { background-color:#00abf0; color:#fff !important; padding:.4em .8em; cursor:pointer; margin:6px 0; display:inline-block; border-radius:4px; }
  .uploader #drop a:hover { background-color:#537699; }
  .uploader #drop input{ display:none; }

  .uploader #upload ul { list-style:none; margin:0; padding:0; }
  .uploader #upload ul li { background-color:#F6F6F6; background-image:linear-gradient(top, #F6F6F6, #e3e3e3); border-top:1px solid #fff; border-bottom:1px solid #ADCEDC; padding:0; position: relative; }
  .uploader #upload ul li input{ display: none; }
  .uploader #upload ul li p { width:80%; overflow: hidden; white-space: nowrap; margin: 0; font-size:.7rem; padding-left: .6rem; display: inline-block; text-align: left; }
  .uploader #upload ul li i { font-style:normal; color:#7f7f7f; display:block; }
  .uploader #upload ul li span { width: 16px; height: 12px; background: url('../images/icons.png') no-repeat; position: absolute; right: .4rem; top: .4rem; cursor:pointer; }

  .uploader #upload ul li.working span { height: 16px; background-position: 0 -12px; }
  .uploader #upload ul li.error p { color:red; }
  .uploader #upload ul li.error span { height: 16px; background-position: 0 -12px; }

  .esta-0 { color: #cc6264; text-decoration: line-through; }

  /*
  .uploader .no-margin-upload { margin:2px !important; }
  .false-input-file {  border: 1px solid #6c6c6c; border-radius: 0.5em; font-size:13px; padding: 0.4em 0.8em; float: left; margin-bottom:.6em; }
  .img-notas { width: 130px; height: 130px; margin-right: 6px; margin-bottom: 6px; background-size: cover; background-position: center; background-repeat: no-repeat; }
  .img-notas a.ver-img { display: block; width: 130px; height: 130px; }
  .img-notas a.ver-img:hover { background-color: rbga(250, 250,250,.2); }
  .eliminar-img { padding: .6em .2em 0 0 ; text-align: right; position: absolute; width: 126px; }
  .eliminar-img a.remove-upload { padding:.2em .4em; background-color: #fff; }
  */

/* Bit */
  .over-mini { background-color: black; color: white; }
    .over-mini .re:nth-child(odd) { background-color:#262626 !important; }
    .over-mini .re-head { min-width:1024px; }
    .over-mini .re-head-full { }
    .over-mini .re:nth-child(odd) { background-color:#262626 !important; }
/* MEDIA RULES */
  .mas-450 { display: none; }
  @media only screen and (max-width:450px){
    .menos-450 { display: none; }
    .menos-780 { display: none; }
    .menos-1000 { display: none; }
    .full-780 { width: 100%; display: block; }
    .full-1000 { width: 100%; display: block; }

    .mas-450 { display: block; }
    .full-small { width: 100% !important; display: block; }
    .space-no-small { padding: 0 !important; }
    .contents-small { width: 100% !important; display: contents; }

    /*Especóficas*/
    .super { padding-top: 70px; }
    .super-a { padding-top: 70px; }
    .sub-menu-hover { padding-top: 66px; }
    .completo { padding-top: 70px; }

    .info-content { padding-top: 5em; }
    .info-close { top: 2em; }
    /* De las secciones */
    .agenda-acciones { width: 90% !important; }
    .contns { display: none; }
    .call-center-nuevo { padding: .8em 2em !important;}
    .w400 { width: 80% !important; }
    .central-row { padding: 0; }
    .wf-main .wf-item { text-align: center; font-size: .9em; }
    .wf-main .wf-item input[type=text], .wf-main .wf-item input[type=password], .wf-main .wf-item select, .wf-main .wf-item textarea { text-align: center; width: 80%; font-size: 1.2em; }
    .wf-main .wf-labl-wide {display: block; width: 100%; text-align: center; }

    .space { padding-left: 0; padding-right: 0; }
    .head .head-bar .menu-bar span.el-menu::before { width: 1.2rem; left: .4rem; }
    .head .head-bar .logo-head-bar img { max-height: 32px; margin: .1rem -.1rem 0 -.5rem; }
    .head .head-bar .menu-bar span.el-menu { padding-left: 1.4rem; }
    .head .head-bar .texto-bar { padding: .3em 0 0; }
    .over-update { min-width: 310px; }
  }
  @media only screen and (min-width:451px) and (max-width:780px){
    .menos-780 { display: none; }
    .menos-1000 { display: none; }
    .full-780 { width: 100%; display: block; }
    .full-1000 { width: 100%; display: block; }

  }
  @media only screen and (min-width:781px) and (max-width:1000px){
    .menos-1000 { display: none; }
    .full-1000 { width: 100%; display: block; }
    .call-mini-field .label { width: 25%; float: left; text-align: right;}
    .call-mini-field .input { width: 75%; float: left;}
  }
  @media print {
    body {-webkit-print-color-adjust: exact;}
  }

/* Tipped JS */
  /* purple */
  .tpd-skin-purple .tpd-content,
  .tpd-skin-purple .tpd-title,
  .tpd-skin-purple .tpd-close { color: #fff; }
  .tpd-skin-purple .tpd-background-content { background-color: #5b45e3; }
  .tpd-skin-purple .tpd-background {
    border-width: 1px;
    border-color: rgba(6,0,12,.6);
  }
  .tpd-skin-purple .tpd-background-title { background-color: #5b45e3; }
  /* line below the title */
  .tpd-skin-purple .tpd-title-wrapper { border-bottom: 1px solid #2a1fb4; }
  /* shadow */
  .tpd-skin-purple .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
  /* spinner */
  .tpd-skin-purple .tpd-spinner-spin { border-color: rgba(255,255,255,.2); border-left-color: #fff; }
/* links */
  .tpd-skin-purple a { color: #ddd; }
  .tpd-skin-purple a:hover { color: #c6c6c6; }
  
/* adjust css to change look */  
  #custom-select { height:38px; border: solid 1px #ddd; }
  .select-box { width:300px; }
  .select-box { position:relative; display:block; }
  .select2-dropdown--below { top: -38px; }
  .select2-container--default .select2-selection--single { background-color: #fff; border: 0; border-radius: 4px; height: 36px; line-height: 36px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px; }
  .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; }
  .select2-container { min-width: 150px; }
  
  .hidden {display: none;}
/*Font awesone*/
  .fa-1x2 { font-size: 1.2rem !important; }
  .fa-1x3 { font-size: 1.3rem !important; }
  .fa-1x4 { font-size: 1.4rem !important; }
  .fa-1x5 { font-size: 1.5rem !important; }
  .fa-1x6 { font-size: 1.6rem !important; }
  .fa-1x7 { font-size: 1.7rem !important; }
  .fa-1x8 { font-size: 1.8rem !important; }
  .fa-2x5 { font-size: 2.5rem !important; }
  .fa-3x5 { font-size: 3.5rem !important; }
  .fa-4x5 { font-size: 4.5rem !important; }

/* Icon List */
  .icon-list { bottom:.6rem; right:.6rem; position: fixed; width:auto; height:auto; text-align:right; z-index:9999999999999; }
  .icon-list i { color: white; }
  .icon-list .icon-list-lista i { padding: .3rem; font-size: 1rem; border-radius: .3rem; }
  .icon-list .icon-list-lista i.fa-mobile { font-size: 1.6rem; }

  .max-90p{
      max-width: 90%
  }
.modal-content-call { border: #C00 solid 1px; color: #C00; background-color: #FFF962; font-size: 1.6em; padding: 1em 3em; font-weight: bold; }
	.modal-alerta-call .info-close { top: .5em; background-color: #C00; color: #FFF; padding: 0 .3em; border-radius: .4em; }

/* Botones Pasarelas de Pago. */

.btn__pgw {
  color: rgb(255, 255, 255);
  border: none;
  padding: 3px 6px;
  font-size: 12px;;
  border-radius: 15px;;
  cursor: pointer;
  transition: backgroud-color 0.3s ease, transform 0.3s ease;
}

.btn__pgw:focus {
  outline: none;
}

.btn__pgw--clip {
  background-color: rgb(230, 69, 64);
}

.btn__pgw--clip:hover {
  background-color: rgb(193, 54, 48);
}

.btn__pgw--clip:focus {
  box-shadow: 0 0 10px rgba(230, 69, 64, 0.5);
}

.btn__pgw--openpay{
  background-color: rgb(0, 79, 140);
}

.btn__pgw--openpay:hover {
  background-color: rgb(0, 63, 115);
}

.btn__pgw--openpay:focus {
  box-shadow: 0 0 10px rgba(0, 79, 140, 0.5);
}

.btn__pgw--oxxopay {
  background-color: rgb(228, 0, 43);
}

.btn__pgw--oxxopay:hover {
  background-color: rgb(193, 0, 34);
}

.btn__pgw--oxxopay:focus {
  box-shadow: 0 0 10px rgba(227, 0, 43, 0.5);
}

/* Badges. */

.badge {
  display: inline-block;
  padding: 0.25em 0.45em;
  font-size: 0.65rem;
  font-weight: 600;
  color: rgb(255, 255, 255);
  border-radius: 1.5rem;
}

.badge.success { background-color: rgb(40, 167, 69); }
.badge.danger  { background-color: rgb(220, 53, 69); }
.badge.warning { background-color: rgb(255, 193, 7); color: rgb(33, 37, 41); }
.badge.info    { background-color: rgb(23, 162, 184); }
.badge.dark    { background-color: rgb(33, 37, 41); }
.badge.secondary { background-color: rgb(108, 117, 125); }