@charset "UTF-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Tahoma, sans-serif;
	color: #5b5b5b;
}
.loginbox{
	vertical-align: top;
	text-align: center;
	border-top: solid 0.35rem #bd290b;
}
.brandtitle{
	color:#424a54;
	font-size:1.75rem;
	letter-spacing:-2px;
}
.logintext{
	color: #424a54;
}
.homeinputs {
	width: 100%;
	color: #424a54;
	padding: 0.70rem;
	border: 1px solid #cccccc;
	border-radius: 0.2rem;
}
.homeinputs-container {
	width:90%;
	margin: 0px auto;
}
.logo{
	width:auto;
	height:1.7rem;
	border-right:dotted 1px #424a54;
	padding-right:0.6rem;
}
@media (max-width: 767px) {
	.botones{
		width: 100%;
	}
	.brand{
		font-size: 1.2rem;
	}
	.padright{
		padding-right: 0 !important;
	}
}
@media (min-width: 768px) {
	.homeinputs-container{
		width:70%;
	}
	.logo{
		height:2.2rem;
		padding-right:0.75rem;
	}
	.brand{
		font-size: 1.4rem;
	}
	.brandinfo-top{
		float: left;
		width: auto;
	}
	.userinfo-top{
		float: right;
		width: auto;
		color: #424a54;
		font-size: 0.9rem;
		padding-top: 1.2rem;
	}
	.padright{
		padding-right: 1rem !important;
	}
}
@media (min-width: 960px) {
	.homeinputs-container{
		width:300px;
	}
	.logo{
		height:2.2rem;
		padding-right:0.75rem;
	}
	.brand{
		font-size: 1.4rem;
	}
	.wrapper{
		margin-top: -0.25rem;
	}
	.brandinfo-top{
		float: left;
		width: auto;
	}
	.userinfo-top{
		float: right;
		width: auto;
		color: #424a54;
		font-size: 0.9rem;
		padding-top: 1.2rem;
	}
	.padright{
		padding-right: 1rem !important;
	}
}
.loginbtn{
	background-color: transparent;
	color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: -1px;
	padding:0.50rem 0.85rem;
	cursor: pointer;
	border: none;
	border-bottom: solid 0.45rem #424a54;
	background-color: rgba(66,74,84,0.7);
}
.loginbtn:hover {
	background-color: rgba(66,74,84,0.55);
}
.botones{
	background-color: transparent;
	color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: -1px;
	padding:0.50rem 0.85rem;
	cursor: pointer;
	border: none;
	border-bottom: solid 0.45rem #424a54;
	background-color: rgba(66,74,84,0.7);
}
.botones:hover {
	background-color: rgba(66,74,84,0.55);
}
.header{
	border-top: solid 0.35rem #bd290b;
	background: linear-gradient(to top, #FFF, #e3e6e8);
}
.brand{
	color: #424a54;
	letter-spacing: -1px;
	font-weight: bold;
}
.userinfo{
	background-color: rgba(214,217,220,1.0);
	color: #424a54;
	font-size: 0.9rem;
}
.top_link{
	color:#424a54;
	text-decoration:none;
}
.top_link:hover{
	color:#bd290b;
}
.navbar{
	width: 100%;
	background-color: #d6d9dc;
	text-align: left;
}
.navbar ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.navbar li{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1rem;
	letter-spacing: -1px;
	color: rgba(66,74,84,0.85);
	font-weight: bold;
	display:inline-block;
	text-decoration: none;
	padding: 0.6rem 0.9rem 0.6rem 0.9rem;
	/*border-top:solid 0.3rem #d6d9dc;*/
	cursor:pointer;
}
.navbar li:hover{
	color: rgba(66,74,84,1);
	background-color: #f1f2f3;
	/*border-top:solid 0.3rem #424a54;*/
}
.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-size:1.6rem;
	letter-spacing:-1px;
	color: #bd290b;
}
.content-wrapper h2{
	font-size:1.5rem;
	letter-spacing:-1px;
	font-weight:normal;
	color: #000;
}
.content-wrapper h3{
	font-size:1.6rem;
	letter-spacing:-1px;
	padding-bottom:0.062rem;
	border-bottom:dotted 1px #AAAAAA;
}
.content-wrapper h4{
	font-size:1.4rem;
	letter-spacing:-1px;
	font-weight:normal;
}
.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;
}
textarea{
	font-size: 1.2rem !important;
}
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%;
}
.selectmultiple{
	background-image: none !important;
}
.inputs {
	width: 100%;
	color: #5b5b5b;
	font-size: 0.8rem;
	padding: 0.60rem;
	border: 1px solid #cccccc;
}
.input-holder{
	padding: 0.35rem 0;
}
.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: #d6d9dc;
	font-size: 0.8rem;
	font-weight:normal;
	color: rgba(66,74,84,1);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #bd290b;
}
.tblitem {
	font-size: 0.75rem;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.trOn {
	background-color: rgba(200,200,200,0.2);
	cursor: pointer;
}
.trOff {
}
.trOn-noclick {
	background-color: rgba(200,200,200,0.2);
}
.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; 
}