/* CSS Document */
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato+Inconsolata|Cinzel|Montserrat|Noto+Sans');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

@font-face {
  font-family: "subway";
  src: url("/Scripts/font-subway/c07cbb7207c8c6778522ffe59ee0da51.eot"); /* IE9*/
  src: url("/Scripts/font-subway/c07cbb7207c8c6778522ffe59ee0da51.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/Scripts/font-subway/c07cbb7207c8c6778522ffe59ee0da51.woff2") format("woff2"), /* chrome?firefox */
  url("/Scripts/font-subway/c07cbb7207c8c6778522ffe59ee0da51.woff") format("woff"), /* chrome?firefox */
  url("/Scripts/font-subway/c07cbb7207c8c6778522ffe59ee0da51.ttf") format("truetype"), /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
  url("/Scripts/font-subway/c07cbb7207c8c6778522ffe59ee0da51.svg#Subway Footlong") format("svg"); /* iOS 4.1- */
}

body { 
	height:100%;
	color:#333;
    background: #350D36;
	font-family:'Lato', sans-serif; font-size:16px; color:#333; 
}

.font-swy { font-family:'subway'; }

#loadingInfo {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: auto;
	vertical-align:middle;
	text-align:center;
    background-color:#CCC;
	z-index:50000;
	display:none;
	opacity: 0.4;
    filter: alpha(opacity=40); }
#loadingInfo i { font-size:80px; position:inherit; top:40%; line-height: 100%; color:#000; }

.txtShadow { text-shadow:2px 2px #333; }
i { font-style:normal; }
.scorelbl { padding:2px; margin:2px; border:solid 1px #999; background:#EAEAEA; border-radius:4px; }
.messageBl { padding:1em; margin:1em; background:#36C; color:#FFF; }
.messageGr { padding:1em; margin:1em; background:#393; color:#FFF; }
.messageRe { padding:1em; margin:1em; background:#C00; color:#FFF; }
.03em { font-size:0.3em !important; }
.05em { font-size:0.5em !important; }
.06em { font-size:0.6em !important; }
.08em { font-size:0.8em !important; }
.1em { font-size:1em !important; }
.12em { font-size:1.2em !important; }
.15em { font-size:1.5em !important; }
.18em { font-size:1.8em !important; }
.2em { font-size:2em !important; }

/** H **/
h1 { font-family:'Noto Sans', sans-serif; font-size:2em; margin:5px; padding:0px; font-weight:normal; margin-left:0px; }
h2 { font-family:'Noto Sans', sans-serif; font-size:1.7px; margin:3px; padding:0px; font-weight:normal; margin-left:0px; }
h3 { font-family:'Noto Sans', sans-serif; font-size:1.2px; margin:2px; padding:0px; font-weight:normal; margin-left:0px; }
h4 { font-family:'Noto Sans', sans-serif; font-size:1px; margin:1px; padding:0px; font-weight:normal; margin-left:0px; }
h5 { font-family:'Noto Sans', sans-serif; font-size:0.7px; margin:0px; padding:0px; font-weight:normal; margin-left:0px; }
/** **/

hr { border:0px; margin-top:2px; margin-bottom:2px; height:0px; clear:both; }
#hrDotted { border-bottom:dotted 1px #999; margin:0px; padding:0px; }
#hrSolid { border-bottom:solid 1px #999; }

/** Links **/
a:link { color: #0066CC; text-decoration: none; }
a:visited { text-decoration: none; color: #0066CC; }
a:hover { text-decoration:none; color:#0066CC; }
a:active { text-decoration: none; color: #0066CC; }
a img { border:0px; }
a span { color:#F00; }
/** **/

.photo { display:inline-table; margin:6px; padding:4px; border:solid 1px #999; background:#FFF; width:150px; cursor:pointer; }
.photo img { width:100%; }
.photo span { display:block; }

.photo40 { display:inline-block; margin:2px; padding:2px; border:solid 1px #999; background:#FFF; max-height:30px; cursor:pointer; }
.photo40 img { max-height:30px; width:100%; }

.photo80 { display:inline-block; margin:4px; padding:4px; border:solid 1px #999; background:#FFF; cursor:pointer; }
.photo80 img { height:80px; }

/** Formas **/
/*input, select, textarea { 
	border:solid 1px #666; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	font-family: 'Montserrat', sans-serif;
	font-family:Verdana, Geneva, sans-serif; color:#000; font-size:16px; padding:2px; }
input:hover, select:hover, textarea:hover { border:solid 1px #666; box-shadow: 1px 1px 2px #999; background:#FFC; }*/

/*botones*/
.botonok { color:#FFF; background:#390 !important; font-size:12px; padding:2px; text-align:center; }
.botoncancel { color:#FFF; background:#333; font-size:13px; padding:2px; text-align:center; }
.botonupdate { color:#FFF; background:#666; font-size:13px; padding:2px; text-align:center; }

.BtnsGroup label { display:block; margin:6px; padding:6px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; cursor:pointer; }
.BtnsGroup label:hover { background:#E6E6E6; color:blue; }
.BtnGroupAc { background:#006DB3 !important; color:#FFF !important; }
.BtnGroupDis { background:#F2F2F2 !important; color:#666 !important; cursor:help !important; }

.picTin { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow: 1px 1px 2px #CCC; }

.roBo8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.roBo6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.roBo4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.roBo2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

/** Listas **/
.listaC td { text-align:center !important; }
.listaVC td { vertical-align:middle !important; text-align:center !important; padding:2px !important; }

.lista01 td { border-bottom:dotted 1px #999; padding-bottom:15px; padding-top:5px; vertical-align:top; text-align:left; padding-right:8px;  }
.lista01:hover td { background:#FFF; border-bottom:solid 1px #CCC; }

.lista02 td { border-bottom:dotted 1px #CCC; padding-bottom:5px; vertical-align:top; text-align:left; padding-right:4px; }
.lista02:hover td { background:url(../img/t50.png); border-bottom:solid 1px #CCC; }

.lista03 td { padding-bottom:4px; padding-top:4px; vertical-align:top; border-bottom:dotted 1px #999; }
.lista03:hover td { background:#FFFFB0; border-bottom:solid 1px #999; }

.lista04 td { padding:2px; vertical-align:middle; border-bottom:dotted 1px #999; }
.lista04:hover td { background:url(../img/t50.png); border-bottom:solid 1px #CCC; }

.trTituloClean { font-size:9px; color:#666; text-transform:uppercase; }
.trTituloClean td { border-bottom:solid 1px #666; }
/** **/

/* Borders */
.roBo8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.roBo6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.roBo4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.roBo2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.boDo1 { border:dotted 1px #CCC; }
.boDo2 { border:dotted 1px #CCC; }

/* colores califs TH */
.thsc-G { background:#063 !important; color:#FFF !important; }
.thsc-A { background:#FC3 !important; color:#000 !important; }
.thsc-R { background:#F00 !important; color:#FFF !important; }


.fechaSelect { text-align:center !important; width:100px; }
.lblRevs { display:inline-block; margin:0px; font-size:9px; color:#666; text-align:center; margin-right:18px; }
.lblRevs span { font-size:8px; color:#333  }
.lblRevs span b { color:#06C }

.lblRevs2 { display:inline-block; margin:0px; font-size:8px; color:#666; text-align:center; margin:5px; }
.lblRevs2 span { font-size:7px; color:#333  }
.lblRevs2 span b { color:#06C }

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}