/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

input[type="checkbox"] {
	margin-top: 10px !important;
}

.btn-primary {
	background-color: #FF8400 !important;
  	border-color: #FF8400 !important;
}

.pagination>li>a, .pagination>li>span {
  	color: #FF8400 !important;	
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {	
  	color: #777 !important;	
}

/* replace */
.replace {
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	text-indent:-50000px;
	overflow:hidden;
	display:block
}
/* tidy these up */
.replace * {
	text-indent: -10000px;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent
}
.replace a {
	text-indent:0
}
.replace a span {
	text-indent:-10000px
}
/* end replace */
/* replace de botoes */
	.replace-bt{
		text-indent:-999px;
		line-height:999999px;
		cursor:pointer;
		border:none
	}
/* end replace de botoes */



/*--colors--*/
.bg-color-1{ background-color: #FF8400; }
.bg-color-2{ background-color: #E6E6E6; }

html{ background-color: #FFFFFF; }

/*--top--*/
#top{
	width:100%;
	/*min-width:1000px;*/
	height:94px;
	background-color:#FFFFFF;
	position:relative;
	border-bottom:1px solid #F0F0F0;
}
#top .bg-bar{ width:100%; height:15px; }
#top .logo{ display:block; margin:5px 20px; float:left; width: 100%; margin-left: 0px; text-align: center;}
#top .title {
    float: left;
    margin-bottom: 0px;
    margin-right: 20px;
    clear: both;	
    font-weight: bold;
}

.navbar-default {
	z-index: 999;
}

@media (min-width: 767px)
{ 
	.navbar {
	    border-radius: 0px !important;
	}
}


#top .menu-main { margin-top: 15px; z-index: 99; }
#top .menu-main li{ float:left; position: relative; }
#top .menu-main li a{
	color:#FFF;
	font:bold 10px/33px Arial, Helvetica, sans-serif;
	padding:0 10px;
	text-decoration:none;
	width: 104px;
	border:1px solid #FF8400;
	border-left:none;
	display:block;
	background-color:#FF8400;    
	-webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

#top .menu-main .sub-menu li a{
	-webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    text-align: left;
    background-color: #FF8400;
	border:1px solid #FF8400;
    color: #FFF;
}

#top .menu-main li li a{
	width: 200px;
	background-color: #FF8400;
}
#top .menu-main li li a:hover{
	background-color: #E6E6E6;
    color: #666666;
}
#top .menu-main li:first-child a{ border-left:1px solid #EEEEEE; }

#top .menu-main li a:hover,
#top .menu-main li a.ativo{ background-color:#E6E6E6; border:1px solid #E6E6E6; color: #666666; }

/*---sub menu---*/
.sub-menu{ position: absolute; top:35px; left:0; display: none; }
.sub-menu li{ clear: both; }

#top .menu-user{}
#top .menu-user p{ float:left; font:11px/24px Arial, Helvetica, sans-serif; color:#666666; }
#top .menu-user.large a{ width: 100px !important; }
#top .menu-user a{ 
	float:left;	
    width: 46px !important;
	height:22px;
	color:#FFFFFF !important;
	font:bold 11px/22px Arial, Helvetica, sans-serif !important;
	background-color:#FF8400;
	border:1px solid #FF8400 !important;
	display:block !important;
	padding:0 11px !important;
	text-decoration:none !important;
	margin-left:12px;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}
#top .menu-user a:hover{ background-color:#FF8400 !important; border-color:#FF8400 !important; color: #F0F0F0  !important; }


@media (max-width: 767px)
{ 
	#top .menu-main li:first-child a {
    	border-left: 0px solid #EEEEEE;
	}
	
	#top .menu-main li {
		float: none;
	}
	
	#top .menu-main li a {
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
		width: 90% !important;
		text-align: left;
	 	background-color: #f8f8f8;
	 	border-color: #f8f8f8;
	 	color: #666666;
	}
	
		
	#top .menu-user {
	    border-top: 1px solid #E6E6E6;
	    padding-top: 10px;
	}
	#top .menu-user p{ 
		float:left; 
		font:11px/24px Arial, Helvetica, sans-serif; 
		color:#666666;
	    margin-left: 24px;
	}
	 
	#top li.menu-user a{ 
		float:left;	
	    width: 46px !important;
		height:22px;
		color:#FFFFFF !important;
		font:bold 11px/22px Arial, Helvetica, sans-serif !important;
		background-color:#FF8400;
		border:1px solid #FF8400 !important;
		display:block !important;
		padding:0 11px !important;
		text-decoration:none !important;
		margin-left:12px;
		-webkit-border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		border-radius: 4px !important;
	}
	#top .menu-user a:hover{ background-color:#FF8400 !important; border-color:#FF8400 !important; color: #F0F0F0  !important; }
	
	.sub-menu{ position: relative; top: 0px; display: block !important; margin-left: 20px; }
		
	#top .menu-main .sub-menu li a{
		-webkit-border-radius: 0px !important;
	    -moz-border-radius: 0px !important;
	    border-radius: 0px !important;
	    text-align: left;
	    background-color: #f8f8f8;
		border:1px solid #f8f8f8;
	    color: #666666;
	}
}


#top .menu-pagination{ 
	position:absolute;
	bottom:-1px;
	right:30px;
}
#top .menu-pagination li{ float:left; }
#top .menu-pagination li a{
	width:26px;
	height:22px;
	background:url(../images/lk-paginacao.png) no-repeat;
	border:1px solid #EEEEEE;
}
#top .menu-pagination li a.lk-prev{
	background-position:0 0;
	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
}
#top .menu-pagination li a.lk-next{
	background-position:-26px 0;
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}
#top .menu-pagination li a:hover{ background-color:#EEEEEE; }

/*--LOGIN--*/
html{ height:100%; }
body{ height:100%; }
.hidden{display:none;}
#pageLogin{ 
	min-width:500px;
	min-height:100%;
	position:relative;
	overflow:hidden;
}
.logo-login{ margin:10px auto 30px; display:block; }
.box-login{
	width:240px;
	padding:25px 30px;
	margin:0 auto 100px;
	background-color:#FAFAFA;
	border:1px solid #EEEEEE;
	position:relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.box-login li{ margin-bottom:18px; }
.box-login label{ 
	display:block;
	color:#333333;
	padding-bottom:7px;
	font:bold 13px/100% Arial, Helvetica, sans-serif;
}
.box-login input[type="text"], .box-login input[type="password"]{
	width:210px;
	height:40px;
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	padding:0 15px;
	color:#666666;
	font:13px/40px Arial, Helvetica, sans-serif;
	outline:none
}
.box-login li a{
	float:left;
	color:#0040FF;
	font:11px/120% Arial, Helvetica, sans-serif;
	margin-top:15px;
	text-decoration:none;
}
.box-login .required input[type="text"]{ border-color:#F00; }
.bt-signin{
	width:110px;
	height:40px;
	text-align:center;
	color:#FFFFFF;
	font:bold 15px/40px Arial, Helvetica, sans-serif;
	background-color:#FF8400;
	border:1px solid #FF8400;
	display:block;
	text-decoration:none;
	margin-left:12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:right;
	cursor:pointer;
}
.bt-signin:hover{ background-color:#FF8400; border-color:#FF8400; color: #F0F0F0; }

#rodape{ width:100%; position:absolute; bottom:0; left:0; }
#rodape .bg-bar{ height:30px; }

#frmForgetPassword{ display:none; }
.msg-error{ 
	font:11px/120% Arial, Helvetica, sans-serif;
	color:#F00;
	position:absolute;
	bottom:10px;
	left:30px;
}

#field-LicenseID {
	padding-top: 6px;
}

.read-row #field-LicenseID {
	padding-top: 0px;
}

.crud-form .container {
	margin-top: 20px;
}

/*fields*/

#field-HWKey {
    text-transform: uppercase;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}


@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

#back-link-block {
	position: fixed;
    top: 110px;
    left: 0px;
	cursor: pointer;
	display: block;
}

.ui-datepicker {
	z-index: 999 !important;
}

/*** Change Password ***/
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1010;
	background-color: #000;
	opacity: 0.5;
}
#modal-senha li {

    height: 40px;
}
#modal-senha li label
{
	width: 180px;
	padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    float: left;
    margin: 5px 15px 0 0;
}
#modal-senha .modal-footer button{
	color: #FFF;
    font: bold 10px/33px Arial, Helvetica, sans-serif;
    padding: 0 10px;
    text-decoration: none;
    width: 104px;
    border: 1px solid #FF8400;
    border-left: none;
    display: block;
    background-color: #FF8400;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

#modal-senha .form-control{
	width: 25%;
}

#modal-senha #p-message.success{
	color: green;
}

#modal-senha #p-message.error{
	color:red;
}