@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'DIN-Black';
  src: url('../fonts/DIN-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/DIN-Black.woff') format('woff'), url('../fonts/DIN-Black.ttf')  format('truetype'), url('../fonts/DIN-Black.svg#DIN-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINNextLTPro-Regular';
  src: url('../fonts/DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/DINNextLTPro-Regular.otf')  format('opentype'),
	     url('../fonts/DINNextLTPro-Regular.woff') format('woff'), url('../fonts/DINNextLTPro-Regular.ttf')  format('truetype'), url('../fonts/DINNextLTPro-Regular.svg#DINNextLTPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Tahoma, sans-serif;
	color: #383838;
}
.main-bg{
	background-image:url(../images/main_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.inner-wrapper{
	height:100%;
	background-image:url(../images/top_line.png);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:2.5rem;
}
.login-wrapper{
	height:100%;
	background-image:url(../images/bg_login.svg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
}
.login-container{
	background-image:url(../images/top_line.png);
	background-repeat:repeat-x;
	background-position:top;
}
.full-height{
	height:100%;
}
.loginbox{
	vertical-align: middle;
	text-align: center;
}
.loginbox h1{
	font-family: 'DIN-Black';
	font-size:2.2rem;
	letter-spacing:-1px;
	color:#5a5a5c;
}
.homeinputs {
	font-size:0.9rem;
	width: 100%;
	color: #424a54;
	padding: 0.75rem;
	border: 1px solid #cccccc;
	border-radius: 0.2rem;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.homeinputs-container {
	width:90%;
	margin: 0px auto;
}
.logo-container{
	background-color:#FFF;
}
.logo{
	padding:1rem;
}
.logo-responsive{
	width:auto;
	height:100%;
	max-height:6rem;
}
.userinfo-top{
	text-align:right;
	color: #424a54;
	font-size: 0.9rem;
	padding-top: 0.6rem;
}
.navbar-container{
	padding:0.5rem;
}
.account-box{
	padding:1rem;
	font-size:0.9rem;
	line-height:1.8rem;
}
.col-nopadding{
	padding:0;
}
.col-padding{
	padding:1rem;
}
.col-padding-h{
	padding:0 0.5rem;
}
.col-padding-l{
	padding-left:0.5rem;
}
.col-half-padding{
	padding:0.5rem;
}
.item-box-blue{
	padding:1.2rem 1rem 1rem 1rem;
	background-color:#4875b4;
	border-radius:0.5rem;
	color:#FFF;
	font-family: 'DINNextLTPro-Regular';
	font-size:1.8rem;
	text-align:center;
	cursor:pointer;
}
.item-box-blue:hover{
	background-color:#3a6cb3;
}
.item-box-red{
	padding:1.2rem 1rem 1rem 1rem;
	background-color:#9b2630;
	border-radius:0.5rem;
	color:#FFF;
	font-family: 'DINNextLTPro-Regular';
	font-size:1.8rem;
	text-align:center;
	cursor:pointer;
}
.item-box-red:hover{
	background-color:#9a121d;
}
.item-box-green{
	padding:1.2rem 1rem 1rem 1rem;
	background-color:#7e9d47;
	border-radius:0.5rem;
	color:#FFF;
	font-family: 'DINNextLTPro-Regular';
	font-size:1.8rem;
	text-align:center;
	cursor:pointer;
}
.item-box-green:hover{
	background-color:#759c30;
}
.item-box-yellow{
	padding:1.2rem 1rem 1rem 1rem;
	background-color:#eecd35;
	border-radius:0.5rem;
	color:#FFF;
	font-family: 'DINNextLTPro-Regular';
	font-size:1.8rem;
	text-align:center;
	cursor:pointer;
}
.item-box-yellow:hover{
	background-color:#e8c213;
}
.help{
	font-size: 0.8rem;
}
hr { 
    display: block;
    border-style: none;
    border: dotted 2px #8c8c8c;
}
.loginbtn{
	font-family: 'DINNextLTPro-Regular';
	background-color: transparent;
	color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	padding:0.8rem 1.8rem 0.5rem 1.8rem;
	cursor: pointer;
	border: none;
	border-right: solid 0.8rem #20ACE8;
	background-color: #4875b4;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.loginbtn:hover {
	border-right: solid 0.8rem #98b449;
}
.botones{
	font-family: 'DINNextLTPro-Regular';
	background-color: transparent;
	color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	padding:0.8rem 1.8rem 0.5rem 1.8rem;
	cursor: pointer;
	border: none;
	border-right: solid 0.8rem #20ACE8;
	background-color: #4875b4;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.botones:hover {
	border-right: solid 0.8rem #98b449;
}
.file-boton{
	width: 100%;
	font-family: 'DINNextLTPro-Regular';
	background-color: transparent;
	color: #FFF;
	font-size: 1rem;
	text-align: center;
	padding:0.5rem 1.5rem 0.4rem 1.5rem;
	cursor: pointer;
	border: none;
	border-right: solid 0.8rem #20ACE8;
	background-color: #4875b4;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.file-boton:hover {
	border-right: solid 0.8rem #98b449;
}
.header{
	background-color: rgba(0,0,0,0.1);
	margin-bottom: 2rem;
}
.brand{
	color: #424a54;
	letter-spacing: -1px;
	font-weight: bold;
}
.top_link{
	color:#424a54;
	text-decoration:none;
}
.top_link:hover{
	color:#c23c2e;
}
.link_foto{
	color:#424a54;
	text-decoration:none;
	font-size:0.75rem;
	letter-spacing:-1px;
}
.link_foto:hover{
	color:#c23c2e;
}
.navbar{
	width: 100%;
	text-align: left;
	margin-top:1rem;
}
.navbar ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.navbar li{
	font-family: 'DINNextLTPro-Regular';
	letter-spacing: -1px;
	color: #525254;
	font-weight: normal;
	display:inline-block;
	text-decoration: none;
	cursor:pointer;
}
.navbar li a{
	text-decoration:none;
	color:#000;
}
.navbar li a:hover{
	color:#c23c2e;
}
.subnavbar{
	width: 100%;
	background-color: #f1f2f3;
	text-align: left;
}
.subnavbar a{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 0.8rem;
	color: rgba(66,74,84,0.85);
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	padding: 0.6rem 0.5rem 0.6rem 0.5rem;
	cursor:pointer;
}
.subnavbar a:hover{
	color: rgba(66,74,84,1);
	background-color: rgba(214,217,220,0.5);
}
.content-wrapper{
	
}
.content-wrapper h1{
	font-family: 'DIN-Black';
	font-size:2rem;
	letter-spacing:-1px;
	line-height:2rem;
	color: #c23c2e;
}
.content-wrapper h2{
	font-family: 'DINNextLTPro-Regular';
	font-size:1.5rem;
	letter-spacing:-1px;
	font-weight:normal;
	color: #000;
}
.content-wrapper h3{
	font-family: 'DINNextLTPro-Regular';
	font-size:1.3rem;
	letter-spacing:-1px;
	font-weight:normal;
	color: #000;
	padding-bottom:0.062rem;
	border-bottom:dotted 1px #AAAAAA;
}
.content-wrapper h4{
	font-family: 'DINNextLTPro-Regular';
	font-size:1.3rem;
	letter-spacing:-1px;
	font-weight:normal;
	color: #000;
}
.content-wrapper h5{
	font-size:1.2rem;
	letter-spacing:-1px;
}
.content-wrapper h6{
	font-size:1.1rem;
	letter-spacing:-1px;
	color: #000;
}
.content-wrapper p{
	text-align:justify;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background-image: url(../images/arrow_down.svg);
	background-size: 1.4rem auto;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */
	-webkit-border-radius: 0;
}
textarea{
	resize:none;
}
input[type="file"] {
    display: none;
}
.inputs {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #5b5b5b;
	font-size: 0.9rem;
	padding: 0.60rem;
	border: 1px solid #cccccc;
	background-color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.inputs-min {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #5b5b5b;
	font-size: 0.7rem;
	padding: 0.3rem;
	border: 1px solid #cccccc;
	background-color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.input-holder{
	padding: 0.35rem 0;
	font-size:0.75rem;
	line-height: 1.4rem;
}
.dash-item-title{
	font-size:1.3rem;
	letter-spacing:-1px;
	text-align: center;
}
.floatBG {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 20000;
	left: 0;
	top: 0;
	background:rgba(0,0,0,0.85);
	/*visibility: hidden;*/
}
.navbar-mobile{
	width: 100%;
	text-align: center;
}
.navbar-mobile a{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1rem;
	letter-spacing: -1px;
	color: rgba(255,255,255,0.9);
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 0.6rem 0.9rem;
	border-bottom:dotted 0.1rem #d6d9dc;
}
.error {
	font-size:0.75rem;
	padding-left: 0.32rem;
	color: #bd290b;
}
.sysmessage{
	font-size: 1rem;
	color: #000;
	text-align: center !important;
	border:dotted 1px #C8C8C8;
	padding:1rem;
}
.tblheader {
	background-color: #c23c2e;
	font-size: 0.9rem;
	font-weight:normal;
	color: #fff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eecd35;
}
.tblitem {
	font-size: 0.9rem;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	background-color: rgba(255,255,255,0.6);
}
.tblheader2 {
	background-color: #E6E6E6;
	font-size: 0.8rem;
	font-weight:bold;
	color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.tblitem2 {
	font-size: 0.8rem;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	background-color: rgba(255,255,255,0.6);
}
.tblheader3 {
	background-color: #E6E6E6;
	font-size: 0.7rem;
	font-weight:bold;
    text-align: center;
	color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
    padding: 5px;
}
.tblheader4 {
	background-color: #bfbfbf;
	font-size: 0.7rem;
	font-weight:bold;
    text-align: center;
	color: #000;
    padding: 5px;
}
.tblitem3 {
	font-size: 0.7rem;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	background-color: rgba(255,255,255,0.6);
    padding: 5px;
}
.trOn {
	background-color: rgba(200,200,200,0.4);
	cursor: pointer;
}
.trOff {
}
.trOn-noclick {
	background-color: rgba(200,200,200,0.4);
}
.tck-txt p{
	font-size: 0.85rem;
	margin: 0.4rem auto;
}
.form-items{
	font-size: 0.75rem;
}
.pagination {
    text-align:left;
    color:#666;
	font-size:0.7rem;
}
.pagination li {
    display:inline;
    padding:0 3px;
}
.pagination a {
    color:#666;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #999;
    text-decoration:none;
}
.pagination a:hover, 
.pagination a.current {
    background:#999;
    color:#fff; 
}
.serienum{
	color:#FFF;
	background-color:#737373;
	padding:0.3rem;
	text-align:center;
	font-size:0.8rem;
}
@media (max-width: 767px) {
	.login-container{
		background-size:contain;
		padding-top:2rem;
	}
	.botones{
		width: 100%;
	}
	.brand{
		font-size: 1.2rem;
	}
	.padright{
		padding-right: 0 !important;
	}
	.navbar li{
		font-size: 1.1rem;
		padding: 0.6rem 0.4rem;
	}
}
@media (min-width: 768px) {
	.login-container{
		background-size:contain;
		padding-top:2rem;
	}
	.homeinputs-container{
		width:70%;
	}
	.brand{
		font-size: 1.4rem;
	}
	.brandinfo-top{
		float: left;
		width: auto;
	}
	.padright{
		padding-right: 1rem !important;
	}
	.navbar li{
		font-size: 1.1rem;
		padding: 0.6rem 0.4rem;
	}
	.file-boton{
		font-size: 0.85rem !important;
		text-align: center;
		padding:0.5rem 0.8rem 0.4rem 0.8rem;
	}
}
@media (min-width: 960px) {
	.login-container{
		height:100%;
		padding-top:0;
	}
	.homeinputs-container{
		width:400px;
	}
	.brand{
		font-size: 1.4rem;
	}
	.brandinfo-top{
		float: left;
		width: auto;
	}
	.padright{
		padding-right: 1rem !important;
	}
	.navbar li{
		font-size: 1.4rem;
		padding: 0.6rem;
	}
}