/*
 * 
 * CSS RESPONSÁVEL PELA ESTRUTURA DO SISTEMA
 * 
 * width, margin, padding, line-height...
 * 
*/

/* GENERAL CSS STYLES */
body { overflow-y: scroll }
form { margin: 0 }
h2 { line-height: 30px; }
h4 { margin: 5px 0 } 
legend { margin-bottom: 10px } 
/* LOGIN */
div#login { margin: auto; width: 800px; }
div#login h1 { line-height: 25px; margin: 0 0 10px; padding-bottom: 10px }
div#login input { width: 95% }
div#login select { width: 98% }
div#login div#data-user { padding: 20px;  }
div#login div#data-user { margin-top: 60px  }
div#login div#city { margin-top: 140px  }

div#login span { line-height: 13px }
div#login p#sign, div#login p#sign1 { vertical-align: top }
div#login p#sign { margin-right: 10px; } 
/* HEADER */
header#header div#brand h1 a { padding: 11px 4px; } 
header#header a#show-menu { height: 20px; padding: 10px; position: absolute; right: 0; width: 20px }
header#header div#data-user h2 { padding-top: 5px }
header#header div#data-user div#links-user { margin-top: 5px !important}
header#header div#data-user div#info-user { padding: 10px; top: 101px; }
header#header div#data-user div#info-user { margin: 0 0 10px 0; padding: 20px 15px 5px 15px }
header#header div#data-user div#info-user label { font-size: 12px; font-weight: bold; }
header#header div#data-user div#info-user p { line-height: 15px; min-height: 23px !important; margin: 0 0 10px }
header#header div#data-user div#info-user p strong { display: block; }
header#header div#data-user div#info-user span#arrow-user { height: 15px; margin: -35px 0 0 45px; position: absolute; width: 50px; }
header#header div#data-user .breadcrumb { margin-top: 20px !important; padding: 0; }
/*SIDEBAR*/
aside#sidebar { margin-top: 10px }
aside#sidebar div#contact-site h3 { line-height: 25px;  }
/* CONTENT */
/*TELA ACOMPANHAMENTO PORTABILIDADE*/
.menuAba {
	list-style: none;
	margin: 0px !important;
	padding: 0px;
}
.menuAba li { display: inline;	float: left; padding: 5px;	background: #f5f5f5; border: 1px solid #ddd; border-bottom: 0; cursor: pointer;	}
.menuAba li.abaSelecionada {background-color: #999 !important; color: white;}

section#content { }

section#content div.margins-user ul, section#content div.margins-user .custom {  margin: 0; padding-left: 15px }
section#content div.margins-user div.pagination ul { padding: 0 }
section#content div.margins-user ul li { line-height: 25px }
section#content div.margins-user ul li strong { float: right; }
section#content div.margins-user div.alert{ font-size: 12px; line-height: 15px; margin-bottom: 10px }
section#content div.margins-user span.label { padding: 3px 4px;}
section#content div.margins-user div#password-strength label {}

section#content div#toltip-margin { margin-top: 10px; padding: 15px }
section#content div#toltip-margin span#arrow-margin { height: 30px; margin: -9px 0 0 -30px; position: absolute; width: 15px; }
section#content div#toltip-margin p { margin: 0 }
section#content .custom select { width: 100% }
.table tr td img { height: auto; max-width:inherit !important; width: 16px !important; }

.as-selections { list-style: none; padding: 0 !important; }
/* MODAL */
.modal-footer input { width: auto !important }
#myModalContrato { margin-left: -350px !important; width: 780px !important }

/* MODAL MENSAGE */
#ctl01_errPrincipal, #errPrincipal { height: 100%; left: 0 !important; position: fixed; width: 100%; z-index: 1 } 
#ctl01_TelaPrincipal, #TelaPrincipal { overflow: hidden }
#ctl01__CelulaJannelaErro2, #CelulaJannelaErro2 { height: 35px; padding: 0 5px } 
#ctl01__CelulaJannelaErro10 img, #CelulaJannelaErro10 img  { margin: -8px 30px 0 0; } 
#ctl01__CelulaJannelaErro15 img, #CelulaJannelaErro15 img { float: right; margin-right: 10px; }
.objErroInformacao ul { margin: 0 0 20px }
 
/* ALERT */
.ui-widget-overlay { position: fixed; left: 0; height: 100%; top: 0; width: 100%; z-index: 3 }
.ui-dialog { padding: 10px 0; position:absolute !important; z-index: 4 }    
.ui-dialog-titlebar-close { float: right }  
.ui-dialog-buttonpane { padding: 10px; }
.ui-dialog-titlebar { padding: 0 10px }
.ui-dialog-content { padding: 15px 10px }  
.ui-dialog-content p { margin: 5px 0 } 
.ui-dialog-content p span { display: block; float: left; height: 35px; margin-top:-5px; width: 35px } 
.ui-dialog-buttonpane button { margin-left: 5px; float: right }  

/*FORM VALIDATION*/
.divValidation { padding-left: 10px } 
.divValidation span { display: block; padding: 10px; } 

/* SPECIFIC ELEMENTS */
.form-inline { margin-bottom: 10px } 
.submit-large { padding: 10px; width: 100% !important }
.CaixaLoginInterna { width: 500px !important }  
.report-table { margin-top: 30px; }
.report-tamanho {
    Width: 800px !important;
    /*Height: 640px !important;*/
}
#txtCadastroEmail { width: 98% !important }
#divInfo { left: 105px !important; top: auto !important }
#divCheckSomenteAberto { margin-top: 20px }
#divCheckSomenteAberto input, #divCheckSomenteAberto label { float:left }
.external-logo { height:133px !important; padding:0px !important  }

/* CALENDAR */
.ui-datepicker-trigger { margin-left: -20px; margin-top: 7px; position: absolute; }
/* FOOTER */ 
footer#footer { padding: 15px 0 }
/* CLASS */
.block { display: block; }
.clearfix { display: block }
.col-md-1 { float: left; margin-right: 10px; }
.col-md-5 { float: left; width: 47%; }
.form-control { box-sizing: border-box; height: 30px !important; } 
.margin-left-20 { margin-left: 20px }
.margin-bottom-20 { margin-bottom: 20px }
.no-margin { margin: 0 !important }
.no-margin-left { margin-left: 0 !important }
.height-100-pt { height: 100% }
.inline-block { display: inline-block }
.line-height-20 { line-height: 20px !important; }
.modal { width: 580px !important }
/*.modal-s {
	position: fixed;
	left: 50%;
	z-index: 1050;
	margin-left: -280px;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.3);
	width: 800px;
	height: 600px
}*/
.format-rb {
	display: flex;
	height: 17px;
	float: left;
	padding-left: 100px
}
.format-rb1 {
	display: flex;
	height: 17px;
	float: left;
}
.format-e {
	display: flex;
	height: 17px;
}
.text-indent { text-indent: -999999px } 
.value { width: 95% !important }
.relMargem {width: 200px; padding-left:inherit}
.width-50-pt { width: 50% }
.width-100-pt { width: 100% !important; }
/* GRID */
.grid-alfa { text-align: left !important; }
.grid-date { text-align: center !important; }
.grid-number { text-align: right !important; } 
/*RESPONSIVE*/
@media (max-width: 768px) {
    h1, h2, h3 { line-height: initial; }
    select, .btn, input[type=text], #btnLogar { width: 100% !important; }
    #links-user .btn { width: auto !important; }
    #login [class*="span"],#main [class*="span"] { margin: 0; width: 100%; }
    #matricula { padding: 10px; } 
    /**/
	a.submit-large { width: 95% }
	div#brand { left: 0; }
	aside#sidebar { margin-top: 130px }
	div#user { height: 41px; left:0; position: absolute; top: 0 }
	div#user h2 { margin: 0 !important; width: 100% }
	header#header div#brand h1 { float: left; margin-top: 40px }
	a#logo-city img { display: inline; margin: 0; max-width: 50%; width: 40px }
	div#links-user { margin: 0 !important; padding: 15px 0; width: 100% }
	div#info-user { left: 0; padding: 20px 0 10px !important; position: absolute; top: 131px; width: 100% }
	div#info-user p { padding-left: 25px }
	section#content div#toltip-margin span#arrow-margin { height: 13px; margin: -28px 0 0 0; width: 45px }
	section#content div#toltip-margin { margin-top: 20px }
	.modal-footer button { margin: 0 0 10px 0 !important }
	table#table-message th, table#table-message td { width: auto }
	/*table#table-message tr > td:nth-of-type(1) { width:10% }*/
	table#table-message tr > td:last-child a { float: right }
	table#paycheck tr > td:nth-of-type(1) img {  }
    /**/
    .responsive-table {  margin-bottom: 15px; overflow-y: hidden; width: 100%; }
    /**/
    .padding { padding: 15px; }
    /***/
    .modal { left: 0; margin-left: 0; width: 99.5% !important; }
    /***/
    .rdItem { display: block; }
    .rdItem + img { margin-bottom: 20px; width: 100%; }
}  
@media (max-width: 768px) { 
	body { overflow: auto }
	div#login { margin: 0; width: auto }
	div#login #logo { margin-bottom: 10px }
	div#login div#city { margin-top: 20px }
	div#login div#city img { width: 20% }
	div#login div#data-user { margin-top: 10px }

}	
@media (min-width: 768px) and (max-width: 979px) { 
	div.span4 { width: 250px !important }
}
@media (min-width: 768px) { 
	aside#sidebar { margin-top: 10px }
	.code-captcha { width: 187px } 

    section#content div.margins-user { margin-top: 10px; padding: 0 20px 10px }
}