/*--- All pages - CSS Ajusts ---*/
.icon-box         { text-align:center; color:#fff; font-size:80px; padding-top:20px; }
.icon-box-success { background-color:#3c763d; }
.icon-box-info    { background-color:#31708f; }
.icon-box-warning { background-color:#f5d376; }
.icon-box-danger  { background-color:#a94442; }
.re-footer        { text-align:center;	background-color:#fff; }
.button-space     { width:80px; margin-top:10px; }
.center     	  { text-align: center; }
.coreHeader 	  { padding-top : 50px; }

/* download button color */
.btn-white.btn-claro {
	border-color: #F44336;
    color: #ee2323!important;
}

.btn-white.btn-net {
	border-color: #F44336;
    color: #ee2323!important;
}

.btn-white.btn-carrefour {
	border-color: #1852cc;
    color: #1852cc!important;
}

.btn-white.btn-atacadao {
	border-color: #009E61;
    color: #009E61!important;
}

.btn-white.btn-netClassic {
	border-color: #009cde;
    color: #009cde!important;
}

/* Header background */
.header-claro{
	background: #ee2323!important;
}

.header-carrefour{
	background: #1852cc!important;
}

.header-atacadao{
	background: #009E61!important;
}

.img-logo-md
{
	margin-left:auto; 
	margin-right:auto; 
	width: 70%; 
	display: block;
}

.img-logo-lg
{
	margin-left:auto; 
	margin-right:auto; 
	width: 85%; 
	display: block;
}

.img-logo-sm
{
	margin-left:auto; 
	margin-right:auto; 
	width: 55%; 
	display: block;
}

.img-logo-xl
{
	margin-left:auto; 
	margin-right:auto; 
	width: 95%; 
	display: block;
}

.btn-optOut {
	border-color: transparent!important;
	background-color: transparent!important;
	text-decoration: underline!important;
	border-width: 0px!important;
	text-align: center;
	padding: 0px!important;
	font-size: 12px;
}

.text-optOut {
	font-size: 12px;
	padding: 3px 0px!important;
}

.page-content-rectangle{
	margin-top:120px	
}

.page-content-square{
	margin-top:10px
}

.navbar {
	background: transparent;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 6px;
	border: 6px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}

.col-mg-0
{
	margin-left: 0px;
	margin-right: 0px;
}
.col-pd-0
{
	padding-left: 0px;
	padding-right: 1px;
}
.tab-content-none
{
	border: none;
}
.clickDetails
{
	cursor: pointer;
}
tr:hover
{
	color: #438EB9;
}
.form-horizontal .form-group 
{
	margin: 0px;
}

.margin-left-12
{
	margin-left: 12px;
}

.margin-right-12
{
	margin-right: 12px;
}

.floatLeft
{ 
	float: left; 
}

.floatRight
{ 
	float: right; 
}

.loading {
	float: right;
    width: 35px; 
	height: 35px; 
	background: url('../images/loader.gif') no-repeat center center;
}

.loading-box 
{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: block; 
	z-index: 99; 
	opacity: 0.7;
	background-color: darkgray;
}
.loading-box > .loading
{
	float: none;
	margin: auto;
	z-index: 999; 
}

.widthFull 
{
    min-width:100%;
    width:100%;
}

.btn-pdf 
{   
    border: 0px;
    border-radius: 5px;
    padding: 10px 15px;
    position: absolute;
    bottom: 10px;
    right: 50px;
    z-index: 500;
}
/* Efeito de Loading */ 
    
#LoadingOverlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; opacity: 0.6; filter: alpha(opacity=60); background-color: #393939; }
#LoadingInfoModal { position: fixed; top: 50%; left: 50%; z-index: 1000; width: 130px; height: 30px; border: none; margin-left: -70px; margin-top: -40px;  }
#LoadingInfoModal .survey-inner { padding: 0px; }
#LoadingInfoModal .survey-logo { float: left; margin:auto; width: 130px; height: 30px;  }
#LoadingInfoModal .survey-logo label{ margin:0px 0px 0px 5px; vertical-align:middle; }

.alert 
{
     margin-bottom: 0px; 
}

.block 
{
    display: block !important;
}

.opens
{
	font-family: "Open Sans";	
}

hr.result
{
	margin-top: 5px;
	margin-bottom: 5px;
}

label.error
{
	color: #D68273;
	width: 100%;
}

.spaceTB
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.item-justified
{
	width: 100%;
}

h4.comTitle
{
	margin-top: 0px;
    margin-bottom: 0px;
}
.indexerStyle
{
	font-size: 10px;
    font-weight: normal;
}
.comDetails
{
	font-size: 12px;
    font-weight: normal;
	margin-bottom: 5px;
}

.iconLine {
    text-align: center;
	width: 100px;
	vertical-align: middle!important;
	background-color: #438EB9;
}

i.icon 
{
	color: #fff;
}

.dataTables_wrapper .row:first-child {
  background: #ffffff!important;
  padding-bottom: 5px;
}

.dataTables_wrapper .row:last-child {
    background: #ffffff!important;
  	padding-bottom: 5px;
	border: 0px;
}

.dropdown-info, .cursor
{
	cursor: pointer;
}

table > thead {
  display: none;
}
    
/*--- All pages - CSS Ajusts ---*/



/*--- Login Region - CSS Ajusts ---*/

.logo
{
  color: #777;
  font-size: 30px;
}

.login 
{
   margin-left:10px;
   margin-right: 10px;
}

.min-text
{
	font-size: 9px;
	text-align: justify;
}

.input-min-border
{
	border-top: none!important;
    border-left: none!important;
    border-right: none!important;
}

.box-center
{
	width: 400px;
	margin-left: auto;
	margin-right: auto;	
}

.page-content 
{
	padding: 8px 12px 24px;
}
.backSpace
{
	margin-bottom: 20px;
}

/*--- Login Region - CSS Ajusts ---*/ 



/*--- Page Region - CSS Ajusts ---*/

/*--- Page Region - CSS Ajusts ---*/



/*--- Medias Query - CSS Ajusts ---*/

@media screen and (min-width : 1200px) 
{
	
}

@media screen and (min-width : 980px) and (max-width : 1199px)
{
	.confirm-form
	{
		padding-left: 20px;
    	padding-right: 20px;
	}
}

@media screen and (min-width : 768px) and (max-width : 979px)
{
	.width400
	{
		width: 300px;
	}
	
	p.width400
	{
		font-size: 9px;
	}
	
	.confirm-form
	{
		padding-left: 15px;
    	padding-right: 15px;
	}
	
	.confirm-form > label, 
	.confirm-form > address
	{
		font-size: 11px;
	}
		
}

@media screen and (min-width : 481px) and (max-width : 767px)
{
	.width400
	{
		width: 300px;
	}
	
	p.width400
	{
		font-size: 8px;
	}
	.photo-divider
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.confirm-form
	{
		padding-top: 10px;
    	padding-bottom: 10px;
	}
	.confirm-text
	{
		margin-top: 0px;
	}
	
}

@media screen and (max-width : 480px)
{
	.width400
	{
		width: 220px;
	}
	
	p.width400
	{
		font-size: 8px;
	}
	
	.margin-ajust
	{
		margin-top: 5px;
	}
	
	.steps>li .title
	{
		font-size: 10px;
	}
	
	h6
	{
		text-align: justify;
		font-size: 10px;
	}
	
	h4.block, h4.lighter 
	{
		margin-bottom: 6px;
		font-size: 17px;
	}
	
	.photo-divider
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.confirm-form
	{
		padding-top: 10px;
    	padding-bottom: 10px;
	}
	
	.confirm-form > label, 
	.confirm-form > address
	{
		font-size: 10px;
	}
	
	.confirm-text
	{
		margin-top: 0px;
		padding-left: 12px;
    	padding-right: 12px;
	}
	
	.label-confirm
	{
		font-size: 10px;
	}
	
	.well > h1.smaller 
	{
		font-size: 18px;
	}
	
	.well > h3.smaller 
	{
    	font-size: 14px;
	}
	
	.box-center
	{
		width: 280px;
    	margin-left: auto;
    	margin-right: auto;	
	}
	.indexerStyle
	{
		width: 100%;
	}	
	
	ul.nav-tabs li a 
	{
		font-size: 12px;
	}
	
	div.footer-content span, input, select, label
	{
		font-size: 11px!important;
	}
	p, .text-ajust, .dataTables_info
	{
		font-size: 11px;
	}
	
	.footer .footer-inner .footer-content 
	{
		padding: 0px;
	}
	
	/* .page-content 
	{
	  padding: 8px 0px 24px;
	} */
	
	.tab-content
	{
	  border: none;
	}
	
	.dataTables_length 
	{
		display: none;
	}
}

@media screen and (min-width : 980px) 
{
	.width400
	{
		width: 400px;
	}
	
	p.width400
	{
		font-size: 11px;
	}
}

@media screen and (min-width : 768px) 
{
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, table.dataTable, .dataTables_wrapper
    {
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        margin: 0px!important;
    }
}

@media screen and (max-width: 767px) 
{
	.form-inline .form-group 
	{
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	
	.form-inline .form-control 
	{
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	
	.form-inline .form-control-static 
	{
		display: inline-block;
	}
	
	.form-inline .input-group 
	{
		display: inline-table;
		vertical-align: middle;
	}
	
	.form-inline .input-group .input-group-addon,
	.form-inline .input-group .input-group-btn,
	.form-inline .input-group .form-control 
	{
		width: auto;
	}
	
	.form-inline .input-group > .form-control 
	{
		width: 100%;
	}
	
	.form-inline .control-label 
	{
		margin-bottom: 0;
		vertical-align: middle;
	}
	
	.form-inline .radio,
	.form-inline .checkbox 
	{
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}
	
	.form-inline .radio label,
	.form-inline .checkbox label 
	{
		padding-left: 0;
	}
	
	.form-inline .radio input[type="radio"],
	.form-inline .checkbox input[type="checkbox"] 
	{
		position: relative;
		margin-left: 0;
	}
	
	.form-inline .has-feedback .form-control-feedback 
	{
		top: 0;
	}
	
	.dataTables_wrapper > .row > .col-xs-6
	{
		width: 100%!important;
		text-align: center;	
	}
	
	.col-xs-6 > .dataTables_filter, 
	.col-xs-6 > .dataTables_paginate
	{
		text-align: center!important;	
	}
	
	.modal-dialog {
    	width: auto!important;
    	margin: 10px!important;
	}
}


/*--- Medias Query - CSS Ajusts ---*/