/* 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; }
  input[type=text] { border:#2BAFE3 solid 1px }
  input[type=password] { border:solid 1px; }
  select { border: #2BAFE3 solid 1px; border-radius: 3px; }
  h1, h2, h3, h4, h5, h6 { 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; }
  h5 { margin:4px 0; font-size:12px; }
  h6 { margin:4px 0; font-size:10px; }
  a { color:#2BAFE3; /*text-decoration:none;*/ }
  input[type=text], input[type=password]{ border-radius: 2px !important; }
  a:hover { color:#036; text-decoration:none; }
  table td { text-align: center; }

/* Generales de divs y formato */
  .absolute { position:absolute; }  
  .fixed { position:fixed; }  
  .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; }
  .mini-texto { font-size: 10px; }
  .medio-texto { font-size: 1.2em !important; }
  .macro-texto { font-size: 1.4em !important; }
  .texo-small { font-size: .9em;}
  .demi-texto { font-size: .8em;}
  .micro-texto { font-size: .7em;}
  .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; }
  .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-plain { box-shadow: 0 0 6px -1px rgba(0,0,0,.5); }
  .inline { display: inline;}
  .inline-block { display: inline-block;}
  .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; }
  .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; }
  .line-through { 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; }

  .r5 { right: 5px; }
  .r10 { right: 10px; }
  .r20 { right: 20px; }
  .r25 { right: 25px; }

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

/* Colores */
  .blue { color:#2bafe3; }
  .black { color:#000; }
  .dark-blue { color:#106797; }
  .medium-blue { color:#137bb4; }
  .gris { color: #6C6C6C; }
  .grey { color: #6C6C6C; }
  .light-grey { color: #a9a9a9; }
  .white { color: #fff !important; }
  .red { color: #BC0003; }
  .green { color: #20a004; }

  .bg-black { background-color: #000; }
  .bg-grey { background-color: #6C6C6C; }
  .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: #20a004; }
  .bg-green-alpha { background-color: rgba(40,131,7,.3); }
  .bg-orange { background-color: #E78B1C; }
  .bg-light-blue { background-color: #78C9ED; }
  .bg-light-green { background-color: #BAECD8; }
  .bg-very-light-blue { background-color: #BAE0F1; }
  .bg-dark-blue { background-color: #2E97CA; }
  .bg-red { background-color: #C00 !important;}
  .bg-light-red { background-color: #f7bbbc !important;; }
  .bg-purple { background-color: #660066; }

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

/* Columnas */
  .row { width:100%; max-width:1400px; 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%; }

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

/* Anchos */
  .w10  { width:10px; }
  .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; }
  .p5   { width:5%; }
  .p10  { width:10%; }
  .p15  { width:15%; }
  .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%; }
  .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; }
  .max1400 { max-width: 1400px; }

  .min100 { min-width: 100px; }
  .min200 { min-width: 200px; }
  .min300 { min-width: 300px; }
  .min400 { min-width: 400px; }
  .min500 { min-width: 500px; }
  .min600 { min-width: 600px; }
  .min700 { min-width: 700px; }
  .min800 { min-width: 800px; }
  .min900 { min-width: 900px; }
  .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; }

/* 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; }
  
  .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; }
  .mb60 { margin-bottom:60px !important; }
  .mb100 { margin-bottom:100px !important; }

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

/* Márgenes interiores */
  .pad1   { padding:1px !important; }
  .pad2   { padding:2px !important; }
  .pad5   { padding:5px !important; }
  .pad10  { padding:10px !important; }
  .pad20  { padding:20px !important; }
  .pad30  { padding:30px !important; }
  .pad50  { padding:50px !important; }

  .padl1  { padding-left:1px !important; }
  .padl2  { padding-left:2px !important; }
  .padl5  { padding-left:5px !important; }
  .padl10 { padding-left:10px !important; }
  .padl20 { padding-left:20px !important; }
  .padl30 { padding-left:30px !important; }
  .padl50 { padding-left:50px !important; }
  
  .padr1  { padding-right:1px !important; }
  .padr2  { padding-right:2px !important; }
  .padr5  { padding-right:5px !important; }
  .padr10 { padding-right:10px !important; }
  .padr20 { padding-right:20px !important; }
  .padr30 { padding-right:30px !important; }
  .padr50 { padding-right:50px !important; }

  .padt1  { padding-top:1px !important; }
  .padt2  { padding-top:2px !important; }
  .padt4  { padding-top:4px !important; }
  .padt5  { padding-top:5px !important; }
  .padt10 { padding-top:10px !important; }
  .padt20 { padding-top:20px !important; }
  .padt30 { padding-top:30px !important; }
  .padt50 { padding-top:50px !important; }

  .padb1  { padding-bottom:1px !important; }
  .padb2  { padding-bottom:2px !important; }
  .padb4  { padding-bottom:4px !important; }
  .padb5  { padding-bottom:5px !important; }
  .padb10 { padding-bottom:10px !important; }
  .padb20 { padding-bottom:20px !important; }
  .padb30 { padding-bottom:30px !important; }
  .padb50 { padding-bottom:50px !important; }

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

  .borblue1  { border:1px solid #2BAFE3 !important; }
  .borblue2  { border:2px solid #2BAFE3 !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 #2E97CA; }
  .bortdarkblue1  { border-top:1px solid #2E97CA; }
  .bortdarkblue2  { border-top:2px solid #2E97CA; }
  .borbdarkblue1  { border-bottom:1px solid #2E97CA; }
  .borbdarkblue2  { border-bottom:2px solid #2E97CA; }
  .borldarkblue1  { border-left:1px solid #2E97CA; }
  .borldarkblue2  { border-left:2px solid #2E97CA; }
  .borrdarkblue1  { border-right:1px solid #2E97CA; }
  .borrdarkblue2  { border-right:2px solid #2E97CA; }

  .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 {  }
  .alter-lista .alter-lista-item:nth-child(even) { background-color: #f0f0f0; }
  .alter-lista .alter-lista-item:nth-child(odd) { background-color: #fff; }

  .uno-dato:nth-child(even) { background-color: #f0f0f0 !important; }

  .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: #660066; color: #fff; padding: .2rem 1rem; 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; }
  
/* 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:20px 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; }
  
/* Web forms */
  .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:150px; width: 30%; display:block; float:left; text-align:right; margin-right:6px; }
  .wf-main .btns { margin-top:20px; }
  
  .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;/* max-width:500px;*/ }
  .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; }
  .call-to-cal { width:20px; height:20px; display:inline-block; background-image:url(../images/call_call_call.png); }
  .es-ob span { color:#E0000D; }
  .rojo { color:#fff !important; background-color:#900 !important; margin-bottom: 1px; }
  .rojo label { color: #fff !important; }
  .rojo .wf-labl { color: #fff !important; }
  .rojo ul, .rojo li, .rojo h3 { background-color: #900 !important; color: #fff !important; }
  .solo-web { margin: 3px 0 2px;}
  .wf-flotar { float:left; margin-right:10px; }  
  .extra-f .wf-labl { max-width:200px !important; text-align:right !important; }

  .edicion-ticket .admin-cuadro-titulo { padding: .4em 20px; font-size: 1.4em; }
  .edicion-ticket textarea { border: #2BAFE3 solid 1px; border-radius: 3px; font-size: 1em; resize: vertical; max-height: 10em; }
  .edicion-ticket input[type=text] { border: #2BAFE3 solid 1px; border-radius: 3px; font-size: 1em; }
  .edicion-ticket .btns { text-align: center; }
  .edicion-ticket .es-ob span { color: #E0000D; font-weight: normal; background-color: #fff; max-width: 200px; width: 200px; }

  .btns .btn { display: inline-block; }
  
  .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: .6em 1.2em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); cursor: pointer; transition: ease .2s; text-decoration: none; }
  .btns .btn-red { background-color: #C00; color: #fff; border: #C00 solid 1px; padding: .6em 1.4em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); cursor: pointer; transition: ease .2s; text-decoration: none; }
  .btns .btn-gris { background-color: #E0E0E0; color: #6C6C6C; border:#E0E0E0 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-red:hover { background-color: #6B0001; border-color:#6B0001; }
  .btns .btn-gris:hover { background-color: #A7A7A7; border-color:#A7A7A7; }
  
  .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-red-mini { padding: .2rem .8rem; 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:.7;  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; 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;  }

  .addBtn { border: 1.5px solid #2BAFE3; border-radius: 3px; padding: 2px 10px; }
  .addR, .remove, .remove_fact { border: 1.5px solid #2BAFE3; border-radius: 3px; padding: 2px 10px;}
  .addR { float: left; margin-top: 5px; }
  .addFact { border: 2px solid #2BAFE3; border-radius: 3px; padding: 6px 10px; margin-left: 10px; color: #E0000D; }
  .alertCC { border: 2px solid #20A004; border-radius: 3px; padding: 6px 10px; margin-left: 10px; margin-right: 5px; color: #20A004; float: right; }

/* 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: .6em .8em; border-radius: .4em; box-shadow: -1px 2px 5px -2px rgba(0,0,0,.75); text-decoration: none; display: inline-block; cursor: pointer; }
  .tipo_pago { background-color: #288307; color: white; border-radius: .2rem; margin-bottom: 1px; }

/* 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; }
/* 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; }
  .advertencia-dark { background-color: #EDB100; }
  .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; 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; border-radius: 0.4em;}
  .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% ); 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% ); color:#FFF !important; text-shadow: 1px 1px 1px rgba(204,0,3,.9); }

  .tr-3 { background-color:#CC6600 !important; color:#FFF !important; border-radius: 0.4em;}
  .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:#3399CC !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; border-radius: 0.4em;}
  .tr-9 { background-color:#000000 !important; color:#FFF !important; }
  .tr-10 { background-color:#000000 !important; color:#FFF !important; border-radius: 0.4em;}
  .tr-11 { background-color:#000000 !important; color:#FFF !important; }
  .tr-12 { background-color:#000000 !important; color:#FFF !important; border-radius: 0.4em;}

  .tr-1 .slot-inner { background-color:#93E34A !important; color:#424242 !important; }           /* VERDE CLARO dia posterior */
  .tr-2 .slot-inner { background-color:#93E34A !important; color:#424242 !important; }

  .tr-2-atrasado .slot-inner   { background: repeating-linear-gradient(-45deg, #003399 0%, #003399 10%, #A1BFFB 11%, #A1BFFB 15% ); 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% ); color:#FFF !important; text-shadow: 1px 1px 1px rgba(204,0,3,.9); }

  .tr-3 .slot-inner { background-color:#93E34A !important; color:#424242 !important; }        /* VERDE CLARO */
  .tr-4 .slot-inner { background-color:#FFCC00 !important; color:#000 !important; }           /* AMARILLO tmp cuando se cierra cita */
  .tr-5 .slot-inner { background-color:#993399 !important; color:#FFF !important; } /* ?? mx */
  .tr-6 .slot-inner { background-color:#E15144 !important; color:#FFF !important; }         /* ROJO */
  .tr-7 .slot-inner { background-color:#E17044 !important; color:#FFF !important; }         /* NARANJA  */
  .tr-7-1 .slot-inner { background-color:#5e5c98 !important; color:#FFF !important; } /* ?? mx */
  .tr-7-2 .slot-inner { background-color:#e867ff !important; color:#FFF !important; } /* ?? mx */
  .tr-8 .slot-inner { background-color:#1183DC !important; color:#FFF !important; }         /* AZUL */
  .tr-9 .slot-inner { background-color:#F1CDB1 !important; color:#FFF !important; } /* ?? mx */
  .tr-10 .slot-inner { background-color:#E15144 !important; color:#FFF !important; }        /* ROJO */
  .tr-11 .slot-inner { background-color:#F1CDB1 !important; color:#FFF !important; } /* ?? mx */
  .tr-12 .slot-inner { background-color:#E15144 !important; color:#FFF !important; }        /* ROJO */

  .tr-1.has-promotion .slot-inner { background-color:#326405 !important; color:#FFF !important; }   /* VERDE FUERTE */
  .tr-1.has-especial .slot-inner { background-color:#2EE2F4 !important; color:#424242 !important; } /* CYAN */
  .tr-1.has-webapi .slot-inner { background-color:#8D58A1 !important; color:#FFF !important; }      /* MORADO */

  .tr-3.has-promotion .slot-inner { background-color:#326405 !important; color:#FFF !important; }   /* VERDE FUERTE */
  .tr-3.has-especial .slot-inner { background-color:#2EE2F4 !important; color:#424242 !important; } /* CYAN */
  .tr-3.has-webapi .slot-inner { background-color:#8D58A1 !important; color:#FFF !important; }      /* MORADO */
  

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

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

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

/*<----------------- 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: 40px; }
  .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: 1em; position: absolute; left: .5em; 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 .4em; }
  .head .head-bar .head-info .separador { content: " "; margin: 0; 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; */}

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

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

  .titulo-bg { background-color: #2BAFE3; color: #fff; font-weight: bold; padding: .2em; font-size: 1.2em; }
  .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; }


  /* Tabs btns agenda */
    .tabRow { margin: 0 auto; display: flex; padding: 1rem 1rem 0.5rem; overflow: auto; max-width: calc(70em + 2 * 4rem); margin-bottom: 1rem; flex-direction: row; }
    .tabRow a:hover { color: #b5b8d0; }
    .tab-jmp { color: grey; padding: 0.25rem 0; font-size: 1.1em; font-weight: bold; white-space: nowrap; border-bottom: 3px solid transparent; cursor: pointer; }
    .tab-jmp:link, .tab-jmp:visited { color: #8083a2; }
    .tab-jmp:hover { color: #2d2e43; }
    .tab-jmp:not(:last-child) { margin-right: 2rem; }
    @media (max-width: 767px) { .tab-jmp:not(:last-child) { margin-right: 2rem; } }
    .activeTab { color: var(--tab-color) !important; border-bottom-color: #2BAFE3; }
    .module { padding: 0rem 1rem 0.5rem; }
  /* Cambio tipo pago */
    .tipo_div { margin: 4px 100px 4px 460px; }
    .tipo_sel { width: 180px; }
  /* 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; }
  /* Accordion suministros */
    .baccordion {
      background-color: #eee;
      cursor: pointer;
      padding: 12px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 12px;
      transition: 0.4s;
      border-bottom: #2BAFE3 solid 1px;
    }

    .active, .baccordion:hover {
      background-color: #ccc !important;
    }

    .baccordion:after {
      content: '\25BC'; /*'\002B';*/
      color: #2BAFE3;
      font-weight: bold;
      float: left;
      margin-right: 10px;
      margin-left: 5px;
    }

    .active:after {
      content: "\25B2";
      color: #2BAFE3;
    }

    .accordion {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }
  /* Inventario */
    .rowIzq { font-size: 16px; color: #2BAFE3; }

  .badge {
      padding: 3px 7px;
      margin-left: 3px;
      font-size: 12px;
      line-height: 1;
      color: #fff;
      text-align: center;
      vertical-align: top;
      background-color: #db0707;
      border-radius: 10px
  }

  /* Insumos */
  .registro-salida .p-description { line-height: 1em; color: #616161; font-size: 10px; margin-top: auto; margin-bottom: auto; }
  .registro-salida .direction-r { font-size: 12px; border: none; background-color: transparent; color: red;}

  .registro-salida .un-insumo { background-color: #fff; }
  .registro-salida .un-insumo:nth-child(even) { background-color: #f0f0f0 !important; }
  .status-red { border: 1.5px solid red; border-radius: 3px; padding: 2px 6px; color: red }
  .status-darkcyan { border: 1.5px solid darkcyan; border-radius: 3px; padding: 2px 6px; color: darkcyan; }
  .status-green { border: 1.5px solid green; border-radius: 3px; padding: 2px 6px; color: green }
  .status-blue { border: 1.5px solid steelblue; border-radius: 3px; padding: 2px 6px; color: steelblue }

/* 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%; display: block; }

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