/*!
 * SC3 v1.0
 *
 * Copyright 2013 Ingenium Systems, Inc
 */


/***** Estilos Globais *****/

iframe { display:block; width: inherit; overflow:visible; }
.popup-box iframe { height: 90%; }

/***** Estrutura *****/
.container { width:99.999998%; max-width:1320px; height:100%; margin:auto; padding:0; }

.row{ height:inherit; width:100%; clear:both; }

.col1, .col2, .col3, .col4, 
.col5, .col6, .col7, .col8, 
.col9, .col10, .col11, .col12, 
.col13, .col14, .col15, 
.col16 { margin:0 1.010101%;float:left; }

/*.col1{ width:60px; }
.col2{ width:140px; }
.col3{ width:220px; }
.col4{ width:300px; }
.col5{ width:380px; }
.col6{ width:460px; }
.col7{ width:540px; }
.col8{ width:620px; }
.col9{ width:700px; }
.col10{ width:780px; }
.col11{ width:860px; }
.col12{ width:940px; }*/

.col1{ width:6.313131%; }
.col2{ width:14.646464%; }
.col3{ width:22.888888%; }
.col4{ width:31.313131%; }
	.col4 .col2{ width:46.774193%; margin:0 3.22%; }
	.col4 .col4{ width:100%; }
.col5{ width:39.646464%; }
.col6{ width:47.979797%; }
	.col6 .col2{ width:32.323232%; }
	.col6 .col4{ width:64.646464%;}
	.col6 .col6{ width:100%; }
.col7{ width:56.313131%; }
.col8{ width:64.646464%; }
	.col8 .col2{ width:22.65625%; margin:0 1.5625%; }
	.col8 .col4{ width:48.4375%; margin:0 1.5625%; }
	.col8 .col8{ width:100%; }
.col9{ width:72.979797%; }
.col10{ width:81.313131%; }
.col11{ width:89.646464%; }
.col12{ width:97.979797%; }
	
[class^="col"] [class^="col"]:first-child{ margin-left:0; }
[class^="col"] [class^="col"]:last-child{ margin-right:0; }

.login-box{ 
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -160px 0 0 -240px;
	background:url(../imgs/body_bg.png) repeat; 
	min-width:220px; 
	max-width:540px; 
	width:100%;  
	border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
}
	.login-box .header{ 
		background-color:#20232a; 
		background-image:none; 
		height:auto; 
		border-top-right-radius:8px; 
		-moz-border-top-right-radius:8px; 
		-webkit-border-top-right-radius:8px;
		border-top-left-radius:8px; 
		-moz-border-top-left-radius:8px; 
		-webkit-border-top-left-radius:8px;
	}
	.login-box .logo{ 
		display:block; 
		height:50px;
		padding:10px; 
		margin:auto; 
		text-indent:-9999px; 
		min-width:275px; 
	}
	.login-box .col{ float:left; margin:20px 0; padding:0 4%; width:41%; }
	.login-box .row .col:first-child{ text-align:right; }
	.login-box .row .col:last-child{ border-left:1px solid #b3b4a7; }

.header { background:url(../imgs/bg_header.png) repeat-x top; height:49px; position:relative; z-index:999;  }
.header .col12{ color:#fff; margin:auto; max-width:1320px; float:none;}
.header .col12 h1{ 
	background:url(../imgs/logo.jpg) no-repeat center; 
	display:block; 
	float:left; 
	height:34px; 
	margin:0; 
	padding:3px 0; 
	text-indent:-9999px; 
	width:220px; 
}
.header div p{ display:block; float:right; margin-top:8px; }

.menu{
	border-right:1px solid #aaab9b;
	border-left:1px solid #aaab9b;
	float:left;
	margin:-10px 1% 0 0;
	width:23.5%;	
}

.content{ float:left; width:75%; padding-bottom:40px;}


.form-submit{ border-top:1px solid #b3b4a7; clear:both; margin-top:20px; }

.grafico{ padding:0.8em 0; }

/***** Fontes Incluídas *****/




/*=============== Tipografia ===========*/

p{ font-size:100%; margin:0 0 0.7em 0; }
h2{ color:#20232a; font-family:'ColabLig'; font-size:200%; line-height:100%; font-weight:normal; margin:20px 0; }
	h2 span{ font-size:70%; }
strong, b{ font-family:'ColabReg'; }
em, i{ font-family:'OpenSans-Italic'; }
	
.obs{ color:#7c7d81; display:block; clear:both; margin-bottom:15px; }
.obr{ color:#b0393a; }
.msg{ 
	border-style:solid; 
	border-width:2px;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	margin-bottom:15px; 
	padding:.7em .3em; 
	text-align:center; 
}
	.success{ color:#197b30; border-color:#197b30; }
	.erro{ color:#b0393a; border-color:#b0393a;margin-left:4%; margin-right:4%; margin-top:4%; }
	input + .msg{ padding:.2em; font-size:90%; margin-top:-10px; }

[class^="iconheader-"],
.iconheader-usu{ background-position: 0 0; }
.iconheader-inst{ background-position: -54px 0; }
.iconheader-contr{ background-position: -108px 0; }
.iconheader-painel{ background-position: -162px 0; }
.iconheader-rel{ background-position: 0 -54px; }
.iconheader-config{ background-position: -54px -54px; }
.iconheader-login{ background-position: -162px -54px; }
.iconheader-contas{ background-position: -108px -54px; }
.iconheader-contestacoes{ background-position: -216px 0px; }

.stats{ padding-top:0.8em; }
	.stats p:first-child{ display:block; padding:5px 10px; border-bottom:1px solid #b3b4a7; }
	.stats p + p{ display:block; padding-top:0.8em; text-align:right; }
	.stats p span{ font-size:150%; }
	.stats .pos{ color:#56A51D; }
	.stats .neg{ color:#b0393a; }
	

/*============== Listas ===============*/
.galeria{ display:block; margin:0; padding:0; list-style:none; }
	.galeria li{ display:block; float:left; margin:10px; text-align:center; width:31.2% }
	.galeria li a{ 
		display:block;
		border:1px solid #aaab9b; 
		border-radius: 3px;
    	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
		height:180px;
		padding:10px;
		overflow:hidden;
	}
	.galeria li a:hover{ border-color:#dd5b1d; }
	.galeria li img{ max-width:100%; max-height:70%; }


/*============== Tabelas ==============*/
table{ border-collapse:collapse; font-size:1em; margin-bottom:5px; table-layout:fixed; width:100%; }
td, th{ margin:0; padding:0.7em 1%; text-align:center; vertical-align:middle; word-wrap:break-word; }
td img{ max-width:97%; max-height:100px; }

table .submenu{ border-top:1px solid #aaab9b; padding:0; margin:0; height:auto; position:relative; }
	table .submenu a{ color:#fff; display:block; margin:-10px auto 0 auto; width:20%; }
	table .on .icon-baixo{ background-position: -288px -120px; }
table .submenu-content{ padding:0; margin:0; min-height:0; text-align:left; }

.scroll-table{ clear:both; width:100%; -webkit-overflow-scrolling: touch; }
		.scroll-table thead th{ font-weight:normal; }
		.scroll-table thead th:first-child{  border-top-left-radius:3px; -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; }
		.scroll-table thead th:last-child{  border-top-right-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; }
	.scroll-table tbody tr{ border:1px solid #aaab9b; border-top:none; }
		.scroll-table tbody table tr{ border:none; background-color:transparent; }

.td1{ width:8%; }
.td2{ width:18%; }
.td3{ width:28%; }
.td4{ width:38%; }
.td5{ width:48%; }
.td6{ width:58%; }
.td7{ width:68%; }
.td8{ width:78%; }
.td9{ width:88%; }
.td10{ width:98%; }


/*================ Navegação e Links ============*/


/*============= Formulários ==============*/

fieldset{ margin:0; padding:15px 0; border:1px solid #b3b4a7; border-bottom:none; border-left:none; border-right:none; display:block; }
legend{ color:#b3b4a7; font-size:1.5em; padding:0 10px 0 0; }

label{ display:block; font-family:'ColabReg'; font-size:1em; margin:0 0 5px 0; padding:0; }
	[class^="input-holder"] label{ margin-top:-20px; }

input[type="text"], input[type="password"], select, textarea{ 
	display:inline-block;
	
	font-family:'ColabLig';
	text-align:left;
	font-size:100%; 
	line-height:125%; 
	
	min-width:65%;
	width:97%;
	margin:0 0 15px 0;
	padding:5px;
	
	border:1px solid #aaab9b;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus{ border-color:#dd5b1d; }

textarea{ min-height:60px; resize:none; }

.checkradio{ display:inline-block; padding-top:1.5625em; line-height:125%;}

.image-preview{ 
	width:130px; 
	height:130px; 
	border:5px solid #FFF; 
	overflow:hidden; 
	position:relative; 
	margin:auto; 
	background-color:#EFEFEF;
	background-image:url(../imgs/icon_img_thumbnail.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%; 
}
	.image-preview img{ max-width:130px; max-height:130px; display:block; margin:auto; }

[class^="btn-"]{
	cursor: pointer;
	display: inline-block;	
	
	font-family:'ColabLig';
	text-align:center;
	color: #fff;
	
	padding:0;
	margin:0 0 15px 0;
	
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
	[class^="btn-"] + [class^="btn-"]{ margin-left:10px; }
	[class^="col"] > [class^="btn-"]{ margin-top:1.5625em; }

.btn-m, input[type="text"], input[type="password"], select{ font-size:100%; padding:4px 8px; min-height:1.87em; }
.btn-p{ font-size:90%; line-height:112%; padding:2px 8px; }

/*input[type=checkbox] { display:none; }  
input[type=checkbox] + label { 
	background:url(../imgs/checkbox_radio.png) no-repeat 0 5px;
	padding-left:20px; 
	height:20px;  
	display:inline-block; 
	line-height:20px; 
	font-size:15px; 
	vertical-align:middle; 
	cursor:pointer; 
}  
input[type=checkbox]:checked + label { background-position: 0 -15px; }*/
.btn-group{}
	.btn-group [class^="btn-"]{ margin:0; float:left;}
	.btn-group [class^="btn-"] + [class^="btn-"]{ 
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-right:none;
	}
	.btn-group [class^="btn-"]:first-child{
		border-radius:3px 0 0 3px;
		-moz-border-radius:3px 0 0 3px;
		-webkit-border-radius:3px 0 0 3px;
		border-right:none;
	}
	.btn-group [class^="btn-"]:last-child{
		border-radius:0 3px 3px 0;
		-moz-border-radius:0 3px 3px 0;
		-webkit-border-radius:0 3px 3px 0;	
	}

.input-group{ position:relative; }
	.input-group [class^="btn"]{ 
		position:absolute; 
		top:0; 
		right:3px; 
		margin:0; 
		border-radius:0 3px 3px 0;
		-moz-border-radius:0 3px 3px 0;
		-webkit-border-radius:0 3px 3px 0; 
	}
	.input-group input[type="file"]{
		position:absolute;
		display:inline-block;
		visibility:hidden;
		width:0%;   
		opacity:0;
		-moz-opacity:0;
		filter:alpha(opacity:0);
	}

.input-inline input, .input-inline select{
	display: inline-block;
	width: auto;
	min-width: 0;	
}

.date-group{ position:relative; }
	.date-group span{ width:40%; display:inline-block; }
	.date-group span input{ display:inline; }

.positivo{
	background: #2191bf;
	border:1px solid #287da0;
}
.positivo:hover{
	border:1px solid #287da0;
	background: #2fa3d3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2fa3d3', endColorstr='#2191bf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2fa3d3), to(#2191bf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #2fa3d3,  #2191bf); /* for firefox 3.6+ */
	text-decoration:none;
}
.positivo:active, .positivo-active{
	border:1px solid #287da0;
	background: #287da0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2191bf', endColorstr='#287da0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2191bf), to(#287da0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #2191bf,  #287da0); /* for firefox 3.6+ */
}
.neutro{
	background: #eee6d9;
	border:1px solid #aaab9b;
	color:#20232a;
}
.neutro:hover{
	border:1px solid #aaab9b;
	color:#20232a;
	background: #f5f2ec;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f2ec', endColorstr='#eee6d9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f2ec), to(#eee6d9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5f2ec,  #eee6d9); /* for firefox 3.6+ */
	text-decoration:none;
}
.neutro:active, .neutro-active{
	border:1px solid #aaab9b;
	color:#20232a;
	background: #d3cdc4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee6d9', endColorstr='#d3cdc4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee6d9), to(#d3cdc4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee6d9,  #d3cdc4); /* for firefox 3.6+ */
}
.negativo{
	background: #b0393a;
	border:1px solid #903636;
}
.negativo:hover{
	border:1px solid #903636;
	background: #cf595a;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf595a', endColorstr='#b0393a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cf595a), to(#b0393a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cf595a,  #b0393a); /* for firefox 3.6+ */
	text-decoration:none;
}
.negativo:active, .negativo-active{
	border:1px solid #903636;
	background: #903636;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0393a', endColorstr='#903636'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#b0393a), to(#903636)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #b0393a,  #903636); /* for firefox 3.6+ */
}
.extra{
	background: #96979c;
	border:1px solid #7c7d81;
}
.extra:hover{
	border:1px solid #7c7d81;
	background: #b8b9be;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b9be', endColorstr='#96979c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#b8b9be), to(#96979c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #b8b9be,  #96979c); /* for firefox 3.6+ */
	text-decoration:none;
}
.extra:active, .extra-active{
	border:1px solid #7c7d81;
	background: #7c7d81;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96979c', endColorstr='#7c7d81'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#96979c), to(#7c7d81)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #96979c,  #7c7d81); /* for firefox 3.6+ */
}
.positivo-desat{ cursor:auto; background: #2191bf; border:1px solid #287da0; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
.negativo-desat{ cursor:auto; background: #b0393a; border:1px solid #903636; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
.extra-desat{ cursor:auto; background: #96979c; border:1px solid #7c7d81; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }

/*Controle dos formulários de Tipos de serviços*/
/*[id^="type-form-"]{ display:none; }*/

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}


/*============== Extras e Correções ================*/

.clear { clear:both; }
.clear-left{ clear:left; }
.clear-right{ clear:right; }
.inline { display:inline; }
.block{ display:block; }
.float-left { float:left; }
.float-right { float:right; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }

.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }

.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }

.scroll-box { display:block; max-height:100px; padding:5px; border:1px solid #CDCDCD; background-color:#FEFEFE; overflow-y:auto; }

[class^="icon-"],
[class*="icon-"],
[class^="icon-loading"],


.icon-sair{ background-position: -384px 0; }
.icon-fechar{ background-position: -312px 0; }
.icon-mais{ background-position: 0 -96px; }
.icon-menos{ background-position: -24px -96px; }
.icon-transfer{ background-position: -240px -24px; }
.icon-update{ background-position: -216px -24px; }
.icon-info{ background-position: -120px -96px; }
.icon-alert{ background-position: 0 -120px }
.icon-data{ background-position: -192px -120px; }
.icon-pasta{ background-position: -408px -120px; }
.icon-seguir{ background-position: -264px -96px; }
.icon-voltar{ background-position: -240px -96px; }
.icon-download{ background-position: -96px -24px; }
.icon-baixo{ background-position: -312px -120px; }
.icon-cima{ background-position: -288px -120px; }
.icon-menu{ background-position: -264px 0; }
.icon-ajuda{ background-position: -96px -96px; position: relative; }
.icon-buscar{ background-position: -48px 0px; }

.icon-loading-white{ background-image:url(../imgs/ajax-loader.gif);	 background-position:0 0; }

.icon-ajuda .ajuda-text{ 
	display: none;
	position: absolute;
	top: 10px;
	left: -100px;
	min-width: 200px;
	z-index: 100;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #999;
	color: #333;
	text-indent: 0;
	font-size: 12px;
}

[class^="num-"], [class*=" num-"]{ 
	display:inline-block; 
	width:30px; 
	line-height:30px; 
	height:30px; 
	background-image:url(../imgs/glyphicons-abas.png);
	vertical-align:middle; 
}
.num-1{ background-position: 0 0; }
.num-2{ background-position:-30px 0; }
.num-3{ background-position:-60px 0; }
.num-4{ background-position:-90px 0; }
.num-5{ background-position:-120px 0; }
.disabled .num-1{ background-position: 0 0; }
.disabled .num-2{ background-position:-30px -30px; }
.disabled .num-3{ background-position:-60px -30px; }
.disabled .num-4{ background-position:-90px -30px; }
.disabled .num-5{ background-position:-120px -30px; }


/*============== Diferentes resoluções ================*/

@media (min-width:801px) and (max-width: 1024px){
	
	/*==== Global =====*/
	body{ font-size:24px; line-height:1.25em; }
	.remov{ display:none; }
	
	/*===== Estrutura ======*/
	.col2, .col1{ width:22.888888%; }
		.col4 + .col2 + .col2 + .col2{ clear:left; margin-left:0; }
		.col2 + .col2 + .col2 + .col2{ clear:none; }
	.col4{ width:47.979797%; }
	.col6{ width:97.979797%; }
		.col6 .col4{ width:47.979797%; }
	.col8{ width:97.979797%; }
	.col10{ width:97.979797%; }
		
	/*.header .boas-vindas{ display:none; }*/
	
	
	.login-box .logo{ background:url(../imgs/logo.jpg) no-repeat center; height:50px; padding:5px; }
	.login-box h2{  }
	.login-box .col{ float:none; margin:20px 5%; padding:0; width:90%; }
	.login-box .row .col:first-child{ text-align:left; }
	.login-box .row .col:last-child{ border-top:1px solid #b3b4a7; border-left:none; padding-top:20px; }
	
	
	/*========= Tabelas ==========*/
	.scroll-table{ width: 100%; overflow: auto; _overflow: auto; margin: 0 0 1em; }
	.scroll-table table{ table-layout:fixed; width:140%; }
	.scroll-table::-webkit-scrollbar{ -webkit-appearance: none; width: 14px; height: 14px; }
	.scroll-table::-webkit-scrollbar-thumb{ border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }
	
	
	/*========== Navegação ==========*/
	
}

@media (max-width: 800px) {
	
	/*==== Global =====*/
	body{ font-size:24px; line-height:1.25em; }
	.remov{ display:none; }
	
	/*===== Estrutura ======*/
	.col1, .col2, .col3, .col4, 
	.col5, .col6, .col7, .col8, 
	.col9, .col10, .col11, .col12, 
	.col13, .col14, .col15, 
	.col16 { margin:0 1.010101%; float:none; }
	.col2, .col1{ width:47.979797%; float:left; }
		.col2 + .col2 + .col2{ clear:left; }
		.col2 + .col2 + .col2 + .col2{ clear:none; }
	.col4{ width:97.979797%; }
	.col8{ width:97.979797%; }
		.col8 .col2{ width:48.4375%; margin:0 1.5625%; }
		.col8 .col4{ width:100%; margin:0; }
		.col8 [class^="col"] + [class^="col"], .col4 [class^="col"] + [class^="col"]{ margin-left:0; }
	
	/*.header .boas-vindas{ display:none; }*/
	
	.menu, .content{ width:99.999998%; clear:both; height:auto; }
	
	.menu { border:none; min-height:inherit; }
	
	.login-box .logo{ background:url(../imgs/logo.jpg) no-repeat center; height:50px; padding:5px; }
	.login-box h2{  }
	.login-box .col{ float:none; margin:20px 5%; padding:0; width:90%; }
	.login-box .row .col:first-child{ text-align:left; }
	.login-box .row .col:last-child{ border-top:1px solid #b3b4a7; border-left:none; padding-top:20px; }
	
	
	/*========= Tabelas ==========*/
	
	
}