html, body{
	background:#f3f3f3;
	color: #767676;    
	font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif;
	font-size: 16px;
}

ul,li{
	margin:0;
	padding:0;
	list-style:none;
}

header{
	background: #222222;
	font-size:0;
	height:50px;
	line-height:50px;    
	overflow:hidden;
	box-shadow:0px 2px 5px #ccc;
	 position:fixed;
	top:0;
	left:auto;
	right:auto;
	width:100%;
	white-space:nowrap;
	z-index:5;
}

header ul{ 
	overflow:hidden;
}

header ul:first-child li{
	border-left: 1px solid #333;
	cursor:pointer;
	font-size:1rem;
	padding: 0 1em;
}
header .logo{
	line-height: 0;
	width: 220px;
	padding: 0;
	text-align: center;
	border: 0 !important;
	/*! background: #000; */
	box-shadow: 0 0 2px inset #000;
}
a{
	color:#000;      
	text-decoration:none;
}
nav{
	background: #222;
	left:0;
	height:100%;
	overflow:hidden;
	position:fixed;
	top:50px;
	width:220px;
	z-index:1001;
}

nav a{
	color: #767676;    
	display:block;
	height:48px;
	line-height:48px;    
	font-size:0;
	overflow:hidden;
}
nav > a:hover{
		background:#8b65c3;
}
nav  a:hover{
	color:#FFF;
}

nav span, nav i{
	display:inline-block;
	vertical-align:middle;
	font-size:.75rem;
}

nav i.mdi{
	font-size: initial;
	width:40px;
	text-align:center;
}

nav span:first-child{
	font-size:1rem;
	width:40px;
	text-align:center;
}
nav a.current,  .current_grid_row{
	background: #3c3c3c !important;
	color: #fff !important;
	box-shadow: 0px 0px 2px #ccc;
}
nav div{
	background:#191B24;
	border-top:1px solid #000;
	border-bottom:1px solid #444;
}
nav div a:hover{
	text-shadow:0 0 5px #fff;
}

nav div a.current{
	background:#191B24 !important;
	text-shadow:0 0 5px #fff;
	box-shadow: none;
}

table{
	width: 100%;
}
table td{
	padding: 4px 0;
	font-size: 12px;
}
table th{
	text-align: left; 
}

table.p2 td, table.p2 th{
	padding: 2px;
}

table.p0 td, table.p0 th{
	padding: 0px;
}

.actions{
	position:fixed;
	right:0;
	text-align:right;
}

.actions li{
	font-size:1rem;
	height: 50px;
	line-height: 50px;
	text-align: center;
	vertical-align:bottom !important;
	width: 50px;
}

.actions i{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#444;
	display:block;
	line-height: 50px;
}

.actions .enabled i{ 
	color:#fff;
	cursor: pointer;
}

.actions i.enabled:hover{
	text-shadow: 0 0px 5px #fff;
}
.a1{color:#000;}
.ib, header ul, header li {
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:left;
	vertical-align: top;
}
.ca{color: #FF5722;}
.ca2{color: #4CAF50;}

.bgg{background-color: #ddd;}
.title{
	background-color: #8BC34A;
	color:#fff;
}
.pointer{
	cursor: pointer;
}

.al{text-align:left !important;}
.ar{text-align:right !important;}
.ac{text-align:center !important;}
.fr{float:right !important;}
.fs{font-size:0 !important;}
.fsn{font-size:1rem !important;}
.fsm{font-size:1.25rem !important;}
.fsb{font-size:1.5rem !important;}
.hidden{display:none;}
.vat{vertical-align: top !important}
.vab{vertical-align: bottom !important}
.vam{vertical-align: middle !important}
.w100{width:100%;min-width: 0 !important;}
.w90{width: 90%}
.w80{width: 80%}
.w75{width: 75%}
.w70{width: 70%}
.w60{width: 60%}
.w50{width: 50%}
.w49{width: 49%}
.w48{width: 48%}
.w45{width: 45%}
.w40{width: 40%}
.w35{width: 35%}
.w34{width: 34%}
.w33{width: 33%}
.w30{width: 30%}
.w25{width: 25%}
.w20{width: 20%}
.w15{width: 15%}
.w12{width: 12%}
.w10{width: 10%}
.w8{width: 8%}
.w5{width: 5%}
.w3{width: 3%}

.fab{
	position:fixed;
	bottom:2rem;
	right:1rem;
	background:#8BC34A;
	display:block;
	width:48px;
	height:48px;
	text-align:center;
	line-height:48px;
	color:#Ffff;
	border-radius:50%;
	box-shadow:3px 3px   5px #a08e8e;
	font-size:1.25rem;
}

.fab:hover{
	background:#9C27B0;
	color:#Ffff;
	font-size:2rem;
	transition: all .2s ease-in;
}

footer{
	background:#f3f3f3;
	bottom:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#ccc;
	text-align:right;
	padding:0 1em;
	position:fixed;
	width:100%;
	z-index:5;
}

fieldset{
	border:0;
	margin:0 ;
	padding: 1em;
}
.filters{
	background: #fff;
	font-size: .9em;
	margin: 0 auto 16px auto;
	max-width: 640px;
	width: 100%;
}
.filters fieldset{
	max-width:640px;
	margin:0 auto;
	box-sizing: border-box;
}

.filters .event select{
	background:#fff;
	border:1px solid #ddd;;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height:27px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
.filters .date{padding-left:.5em;}
.filters .all{
	height:27px;
	line-height:27px;
	padding-left:1em;
}
.filters .send .btn{
	min-width:0;
	max-width:none;
	
}

#main{
		min-width:1024px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:55px 0em 1.25em 220px;
	position:relative;
}
#content{
	min-height:540px;
	padding:1em;    
}
.doc, .grid{
	background:#fff;
	box-shadow:5px 5px 5px #ccc;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#000;
	/* font-size: 12px ; */
	margin:0 auto 1rem auto;
	max-width: 768px;
	overflow:hidden;
	padding:15px;
	width:100%;
}

.grid{
	box-shadow:1px 1px 4px #cfcece;
	color:#767676;
	padding:0;
}

.fulldoc{
	max-width:100%;
	box-shadow:none;
}

.page{
	margin:0 auto;
}

.portrait{
	max-width:768px;
}

.page .grid{
	max-width:100%;
}

.titles .buttons{
	position:absolute;
	right:8px;
	top:0px;
}


.fancybox-content .titles .buttons{
	right: 2.5rem;
}

.fancybox-slide--html .fancybox-close-small{
	width:28px;
	height:28px;
	padding: 0;
}

.grid .row:nth-child(even){
	background:#f2f2f2;
}
.grid .row, .fs0{font-size:0 !important;}
.titles {
	color: #fff2f2;
	/* border-bottom:1px solid #fff; */
	background: #8b65c3;
	position:relative;
	
}

.grid span, .titles span{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:inline-block;
	overflow:hidden;
	padding: .5rem;
	vertical-align: middle;
	font-size: 12px;
	white-space:nowrap;
}

.titles span{
	/* font-weight:bold; */
	text-transform:uppercase;
	line-height: 1;
}
.grid .row:hover{
	background: #97c33c;
	color:#fff;
	cursor:pointer;
	opacity:.75;
}

.requisiciones .grid  .row:hover{
	background: #5ac33c;
}

.requisiciones .grid  .row:hover *{
	color: #ffffff;
}
.buttons a{
	color: #2196F3;
}
.buttons a:hover span{
	color: #fff;
}

input[type="number"],
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="submit"], 
input[type="reset"],
input[type="button"],
button,
a.btn,textarea,select{
	border:1px solid #ccc;
	box-shadow:2px 2px 2px #ddd;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;    
	color:#000;
	display:block;
	font-size:.9em;
	height:25px;
	line-height:25px;
	margin:0;
	padding:0;
	text-indent:5px;
	width:100%;
}
textarea{
	height: auto;
	line-height: 1;
	text-indent:0px;
	padding: 3px
}
input.btn, a.btn, button:not(.fancybox-button){
	border: 0;
	color: #fff;
	display: inline-block !important;
	font-size:.9em;
	max-width:150px;
	min-width:150px;
	background: linear-gradient(#b68fef, #8b65c3);
}
button.w100{
	max-width:100%;
}
.btn:hover{
	text-shadow:0px 0px 2px #fff;
}
h1{
	background: #8b65c3;
	color: #ffffff;
	font-size: .8rem;
	margin:0;
	padding:.5em;
	text-transform: uppercase;
}


.ipn .grid .btn{
	font-weight:bold;
	text-align:center;
	line-height:24px;
	color:#fff;
	box-shadow: 0 0 2px #BF360C;
	border:0;
	margin-left: 1rem;
}

#lightbox{
	background:rgba(0,0,0,.9);
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:5000;
}
.formulario {
	background:#fff;
	margin:-128px auto 0 auto;
	top:50%;
	position:relative;
	width:400px;
}

.formulario label{
	display:block;
	margin-top:.5em;
	text-align:left;
	width:100%;
}
.clred{color:red;} 
.cb{color:#000;} 
.clblue{color:#2196F3;} 
.cg{color:#999;}
.clgreen{color:#8BC34A;} 

.formulario .warning{
	color:red;
	text-align:center;
}

#login .btn{ 
	margin-top:1em;
	max-width:100% !important; 
	text-indent: 0;
	box-shadow: none;
	border-radius: 3px;
	height: 30px;
	line-height: 1;
}

.membrete img{
	height:50px;
}


.printable .doc{
	box-shadow:none;
	max-width: none;    
}
.report h4{
	color: #444;
	font-size: 2em;
	font-weight: 900;
	height: 50px;
	line-height: 50px;
	margin:0 0 0 25px;
	text-transform: uppercase;
	vertical-align: middle;
}
.report table{
	margin-top:5px;
	width:100%;
	font-size: 11px;
}
.report th, .report td{text-align:right;padding:2px;}
.report th{
	border-bottom:1px solid #ccc;
	font-weight:900;
	padding:5px 0;
}

.report .evento{
	border-top:2px solid #444;
	border-bottom:2px solid #444;
	font-size:12px;
	margin-top:5px;
	padding:5px;
	text-align: left;
}
.report .evento .label{
	color:#999;
	display:inline-block;
	font-weight:normal;
	min-width: 80px;
}
.report .evento .ec2 .label{
	min-width: 130px;   
}
.report .evento strong{
	color:#444;
	text-transform:uppercase
}
.report .clas_status{
	color: #000;
	letter-spacing:2px;
	padding:10px 0 5px 0;
	text-transform:uppercase;
	font-weight: bold;
}
.report td{
	color:#444;
}

.subtot td{
	border-top:1px solid #ccc;
	font-weight:bold;
	color:#000;
}

.tot td{
	border: 0;  
	font-weight:900;
	color:#000;
	background: #efefef;
}
.report .st_status td{
	background:#ccc;
	color:#000;
	font-weight:bold;
}
.report .st_user td{
	background:#999;
	color:#000;
	font-weight:bold;    
}
.p15{padding:1rem;}
.pl5{padding-left:.5rem;}
.pr5{padding-right:.5rem;}
.plr5{padding:0 .5rem;}
.mt1{margin-top:1rem;}
.mt5{margin-top:5px;}
.p5{padding:.5rem;}
.ptb5{padding:.5rem 0;}
.pt5{padding-top:.5rem;}
.pb5{padding-bottom:.5rem;}
.p2 td{
	padding: 2px;
}
.p0{
	padding: 0 !important;
}

#home figure{
    border-radius:50%;
    box-shadow: 0 0 15px #ddd;
    background:#8B65C3;
    height: 320px;
    line-height: 320px;
    margin:0 auto;
    overflow:hidden;
    width:320px;
}
#home figure img{
    display:inline-block;
    vertical-align:middle;
    width:250px !important;    
}
#home h1{
    background:none;
    font-size:32px;
    font-weight:900;
    letter-spacing:1px;
    margin:0;
    padding:0;
    text-align:center;
}
#home h3{
    text-align:center;
}

.buttons a {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    padding: 6px .5rem;
    line-height: 1;
}
.buttons a:hover i {
    text-shadow: 0px 0px 3px #fff;
}
.buttons a:hover  {
    color: #b5ff5e;
}
#pagination{
    background:#F6F6F6;
    color:#000;
    font-size:.75rem;
    padding:.5rem 0;
    text-align:center;
    text-transform:uppercase;
}
#pagination a{
    display:inline-block;
    padding:0 .25rem
}
#encuesta td, #encuesta th{
	font-size: .8rem;
}

.bt{border-top:1px solid #8b65c3;}
.bb{border-bottom:1px solid #8b65c3;}
.ba{border:1px solid #8b65c3;}

#encuesta .firma{
	margin-top:1rem;
}

#encuesta .firma img{
	width:150px;
	border-bottom:2px solid #000;
}
#encuesta .folio{
	color:#000
}
.fwb{font-weight: bold;}
.fs8{font-size: .75rem;}

#printable .noprint{
	display: none;
}

#horas .details table:nth-child(odd){
	background:#fceaff;
}
#horas .row:hover td{
	color:#444;
}

.ellipsis{
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	white-space:nowrap
}

#printFrame{
	visibility: hidden;
}


h2{
	margin:0
}
#content-ordenes{
	max-width: 640px;
	margin:0 auto;
	font-size:.8rem;
}

#content-ordenes form{
	margin-top:1rem;
}
#content-ordenes label{
	text-transform:uppercase;	
	display:block;
	margin: 10px 0 0 0;
}


.locked input[type="checkbox"],
.locked input[type="radio"],
.locked input[type="text"],
.locked input[type="number"],
.locked input[type="date"],
.locked input[type="datetime-local"],
.locked textarea,
.locked select{
	background:none;
	border-:0;
	borderbottom:1px solid #ccc;
	color:#000;
	box-shadow:none;
 	resize: none;
}
.locked input[type="number"],
.locked input[type="date"],
.locked input[type="datetime-local"],
.locked select{
 	-webkit-appearance: none;	
 	padding:0 5px;
}
.locked textarea{
	padding:auto;
	border:1px solid #ccc;	
}

#articulos .art{
	cursor:pointer;
}
#articulos .art:nth-child(odd){
	background:#CFD8DC;
}

#articulos .art:hover{
	background:#FF5722;
	color:#fff;
}
.card{
    border:1px solid red;
    border-radius:5px;	
    background:#fff;
    box-shadow:5px 5px 5px #999;
}

.lbltxt, .lbltxt dt, .lbltxt dd{
	margin:0;
	padding:0
}
.lbltxt{
	border-radius:5px;
	padding:5px;
}

.lbltxt dt{
}

.lbltxt dd{
    margin-top:5px;
	color:#9C27B0;
	border-bottom:2px solid #000;
}


.tabbar{
	text-align:center;
	background:#8b65c3;
	font-size: 0;
}

.tabbar a{
	font-size:.75rem;
	display:inline-block;
	padding: 5px 1rem 3px 1rem;
	border-bottom:2px solid #8b65c3;
	color: #ccc;
}


.tabbar a:hover, .tabbar a.selected{
	border-bottom:2px solid #8BC34A;
	color:#FFF;
}

.tbdata th{
	background:#999;
	color:#000;	
}
.tbdata td, .tbdata th{
	border:1px solid #444;
}
.ingresos td{
	padding: 0 2px;
}

.ingresos td{
	padding: 0 2px;
	color: #757575;
}

.bgh{background-color: #00838f;}
.bgh td{color:#fff;}
.bgt{background-color: #607d8b;}
.bgt td{color:#000;}
.bgs{background-color: #9e9e9e;}
.bgs td{color: #263238;}

.firma{
	width:200px;
	margin:0 
}
.firma dd{
	margin:0;
	border-top:2px solid #000;
}

.fancybox-content {
    padding: 0rem;
}

.fancybox-slide--html .fancybox-close-small{
	color: #000;
}

.tbp0 td{
	padding: 0;
}

.txtSearch{
	position:relative;
}
.txtSearch input{
	padding-right: 20px;
}

.txtSearch .trailing-icon {
	cursor:pointer;
	position: absolute;
	right: 4px;
	bottom: 4px;
	color: #009688;
	z-index:2000;
}
.toggleButton{
	line-height:1.5rem;
}
.toggleButton *{
	vertical-align: middle;
}

.toggleButton .mdi{
	font-size:1.5rem;
	color: #607D8B;
}

.toggleButton.enabled .mdi{
	color: #8b65c4;
}

.toggleButton:hover .mdi{
	color: #2196F3;
}