@charset "utf-8";
/* CSS Document */

.navbar-inverse {
	padding-top:23px;
	background-color:#E74C3C;
	height:96px;
}
.navbar-form {
	background-color:#E74C3C;
	border-top:none;
}
.navbar-brand{
	font-size:28px;
}
.btn-success{
	font-weight:bold;
	height:26px;
	width:32px;
}
.navbar-inverse .navbar-toggle{
	background-color: #3F3F3F;
}
.banner{
	background-color:#F4F4F4;
	width:100%;
	height:auto;
	margin-top:96px;		
}
a.bt-lg {
	font-size:14px;
}
a.bt-lg:focus {
	color:#FFF;
	text-decoration:none;
}
.bt-lg{
	background-color:#ec342f;
	border-radius:3px;
	font-size:36px;
	font-weight:400;
	color:#FFF;
	text-decoration:none;
	padding:8px 12px 8px 12px;
	box-shadow:0 4px 0 0 #ca2b27;
	margin-top:30px;		
}
.bt-lg:hover{
	background-color:#D2322D;
	color:#FFF;
	text-decoration:none;
}
a.bt-lg2 {
	font-size:12px;
}
a.bt-lg2:focus {
	color:#FFF;
	text-decoration:none;
}
.bt-lg2{
	background-color:#ec342f;
	border-radius:3px;
	font-size:36px;
	font-weight:400;
	color:#FFF;
	text-decoration:none;
	padding:8px 12px 8px 12px;
	box-shadow:0 4px 0 0 #ca2b27;
	margin-top:30px;		
}
.bt-lg2:hover{
	background-color:#D2322D;
	color:#FFF;
	text-decoration:none;
}
.bt-lg3{
	background-color:#ec342f;
	border-radius:3px;
	font-size:14px;
	font-weight:400;
	color:#FFF;
	text-decoration:none;
	padding:8px 12px 8px 12px;
	box-shadow:0 4px 0 0 #ca2b27;
	margin-top:30px;		
}
.bt-lg3:hover{
	background-color:#D2322D;
	color:#FFF;
	text-decoration:none;
}
input[type="text"],
input[type="password"]
{
	background-color:#FFF;
	border:1px solid #CFCFCF;
	padding:3px;
	height:26px;
}
.bootstrap-select {
    height: 29px;
}
.col-espac{
	margin-bottom:50px;
	}
.footer{
	background-color:#3F3F3F;
	border-top:2px solid #252525;
	height:121px;
	font-size:12px;
	color:#FFF;
	margin-top:15px;
	padding-top:15px;		
}
.titulo{
	color:#E74C3C;
}
.navbar-form{
	border-color:transparent;
}
.titulo_clientes{
	margin-top:60px;
	border:1px solid #ddd;
	padding:7px;
}
.arrow{
	background-image:url(/assets/img/seta.png);
	background-repeat:no-repeat;
	width:22px;
	height:12px;
	margin-left:30px;
	margin-top:-11px;
}
.carousel-color li{
	background:#B2B2B2;
}
.carousel-color li active{
	background:#747474;
}
.carousel-indicators{position:absolute;top:8px;left:70%;z-index:15;width:60%;padding-left:0;margin-left:-40%;text-align:right;list-style:none}.carousel-indicators li{display:inline-block;width:12px;height:12px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#B2B2B2;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:1px;background-color:#747474}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.txt-publisher{
	padding-right:40px;
}
.txt-anunciantes{
	padding-left:40px;
}
#login-aviso{
	font-size:11px;
	color:#FFF;
	margin-top:5px;
}
.label2{
	font-weight:normal;
}
.bt-submit{
	padding:4px;
}
.modal-header{
	background-color:#E74C3C;
	border-radius:4px 4px 0px 0;
	font-weight:bold;
	color:#FFF;
}
.aviso{
	font-size:11px; 
	color:#8C0000
}

.margin_top_30{margin-top:30px;}

.alignCenter{text-align: center;}

.content_cell{
	line-height: 40px; 
	font-size:14px; 
	text-align: center;
}

.padding_left_22-22{
	padding-left: 22px;
	padding-right: 22px;
}


@media (max-width: 320px) {

	.bt-lg{
		background:none;
		font-size:12px;
		font-weight:400;
		color:#3F3F3F;
		text-decoration:underline;
		box-shadow:none;
	}
	.bt-lg:hover{
		background:none;
		color:#D2322D;
		text-decoration:underline;
		box-shadow:none;
	}
	.col-espac{
		margin-bottom:50px;
	}
	.logo_dw {
		display:none;
	}
	.bt-lg2{
		background:none;
		color:#FFF;
		box-shadow:none;
		text-align:center;
	}
	.bt-lg2:hover{
		background:none;
		color:#FFF;
		text-decoration:underline;
	}
	.footer{
		text-align:center;
	}
	.navbar-form{
		border-color:transparent;
	}
		.navbar-collapse{
			box-sizing:none;
			-webkit-box-sizing:none;
	}
	.txt-publisher{
		padding-right:0px;
	}
	.txt-anunciantes{
		padding-left:0px;
	}
}

@media (min-width: 321px) and (max-width: 360px) {
	
	.bt-lg{
		background:none;
		font-size:11px;
		font-weight:400;
		color:#3F3F3F;
		text-decoration:underline;
		box-shadow:none;
	}
	.bt-lg:hover{
		background:none;
		color:#D2322D;
		text-decoration:underline;
		box-shadow:none;
	}
	.col-espac{
		margin-bottom:50px;
	}
	.logo_dw {
		display:none;
	}
	.bt-lg2{
		background:none;
		color:#FFF;
		box-shadow:none;
		text-align:center;
	}
	.bt-lg2:hover{
		background:none;
		color:#FFF;
		text-decoration:underline;
		
	}
	.footer{
		text-align:center;
	}
	.navbar-form{
		border-color:transparent;
	}
	.navbar-collapse{
			box-sizing:none;
			-webkit-box-sizing:none;
	}
	.txt-publisher{
		padding-right:0px;
	}
	.txt-anunciantes{
		padding-left:0px;
	}
}

@media (min-width: 361px) and (max-width: 480px) {
	.bt-lg{
		background:none;
		font-size:11px;
		font-weight:400;
		color:#3F3F3F;
		text-decoration:underline;
		box-shadow:none;
	}
	.bt-lg:hover{
		background:none;
		color:#D2322D;
		text-decoration:underline;
		box-shadow:none;
	}
	.col-espac{
		margin-bottom:50px;
	}
	.logo_dw {
		display:none;
	}
	.bt-lg2{
		background:none;
		color:#FFF;
		box-shadow:none;
		text-align:center;
	}
	.bt-lg2:hover{
		background:none;
		color:#FFF;
		text-decoration:underline;
	}
	.footer{
		text-align:center;
	}
	.navbar-form{
		border-color:transparent;
	}
	.navbar-collapse{
		box-sizing:none;
		-webkit-box-sizing:none;
	}
	.txt-publisher{
		padding-right:0px;
	}
	.txt-anunciantes{
		padding-left:0px;
	}
}

@media (min-width: 481px) and (max-width: 600px) {
	
	.txt-publisher{
		padding-right:0px;
	}
	.txt-anunciantes{
		padding-left:0px;
	}
}

@media (min-width: 601px) and (max-width: 748px) {
	.txt-publisher{
		padding-right:0px;
	}
	.txt-anunciantes{
		padding-left:0px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	
	.form-horizontal .control-label {
	    margin-bottom: 0;
	    padding-top: 7px;
	    text-align: left;
	}

	#body{background-color:#F1F1F1;}
		
	.integraContainer{
	    background-color: #f5f5f5;
	    border: 1px solid #dddddd;
	    border-radius: 3px;
	    height: auto;
	    width: 100%;
		margin-top: 17px;
		margin-bottom: 40px;
		margin-left: -15px;
	}

	.table-responsive{
		margin-left: -3px;
	}
}


/* Jeff 15-08-20 */
@media (max-width: 990px) {

	body{margin-top: 0px !important;}

	.borderAll {margin: 0px;}

	.container {
		width: auto;
		margin:0px;
		padding: 0px; 
	}


	.button-orange{
		background-color: #e74c3c !important; 
		color:#FFF !important; 
		border:none !important; 
		margin-left: 0px !important;
		border:1px solid #e74c3c !important;
	}

	.btn-group{
		width: 95%;
		margin: 10px 0px 0px 10px;
	}

	.caret-new{
		color:#888;
	    margin-top: 30px;
	    margin-left: 165px;
	    z-index: 99999999;
	    position: absolute;
	    display:block !important;
   	}

    .navbar-header {float: none;}

    .navbar-toggle {display: block;}

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-nav {
    	float: none!important;
    	border-top:1px solid #E74C3C;
   	}

    .navbar-nav>li {float: left;}

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

	.navbar-collapse{
		position: absolute;
    	z-index: 999999;
		border-radius: 0px 0px 3px 0px !important;
	}

	.menuGrayAdmin, #navbar{
		border-radius: 0px 0px 3px 0px !important;
		z-index:9;
	}

    .navbar-collapse.collapse, 
    .navbar-collapse.collapsing{
        display: none !important;
        height: auto;
        padding-left: 0px;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        height: auto;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-radius: 0px 0px 3px 0px !important;
  	}


	.navbar-default.navbar-toggle.collapsed,
	.navbar-default.navbar-toggle.margin_top_9{
		float: left;
		margin-top: 19px;
	}

	.margin_top_9{margin-top:9px;}

	.menuGrayAdmin,
	.menuRedAdmin {
		margin: 0px;
		border-top-right-radius: 0px;
    	border-top-left-radius: 0px;
		height:auto;
		background-color: #E74C3C;
		padding-bottom: 10px; 
		padding-left: 15px;
	}

	.menuGrayAdmin li,
	.menuRedAdmin li {
		float: none;
		padding: 12px;
	}

	.visible-xs{display: block !important;}
	.visible-sm, .visible-md, .visible-lg{display: none !important;}


    .navbar-push {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-push {
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;

        position: absolute;
        width:33%;
    }

    .navbar-push{
    	padding:0px !important;
    }

    .navbar-push.navbar-push-left {
        left: -50%;
    }
    .navbar-push.navbar-push-left.in {
        left: 0;
    }

    .navbar-default .navbar-brand{
    	margin-top:7px !important;
    }

    .navbar-default.navbar-toggle.collapsed, .navbar-default.navbar-toggle.margin_top_9{
    	margin-top: 16px;
    }

    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
    	min-height: 62px !important;
    }

    .overlay{
	    z-index: 9;
	    background-color: transparent !important;
	    width: 100% !important;
	    height: 100%;
	    display: none;
	    position: fixed;
    }

    .borderAll,.navbar{border-radius: 0px !important;	}
    .borderAll{border:none !important;}

    .bordas_lateral, #step-nav-fixed{ 
    	border-left:1px solid #ccc;
    	border-right:1px solid #ccc;
    }

    .paddin_10_border_top{
    	border-top: 1px solid #ccc;
    	padding-bottom: 5px;
    }

    .menuRedAdmin,.menuGrayAdmin{
    	font-size: 14px !important;
    }

    .table-responsive .col-sm-12.col-md-12.col-lg-12{padding-left: 0px !important;}

    .btn-group {
    	width: auto;
	    margin: -2px 6px 10px 0px;
	    padding: 0px !important;
	    float: left !important;
	}


	.btn-success{width: auto;}

	#div-canais,#div-extrato{
		margin-left: -3px;
	}

	.nav-tabs > li > a,.btn{
		font-size: 12px !important;
	}
}

@media screen and (min-width: 0px) and (max-width: 480px) {

	body{margin-top: 0px !important;}

	.borderAll {margin: 0px;}

	.form-horizontal{margin:5px;}

	.bt-lg {
	    background-color: #ec342f;
	    border-radius: 3px;
	    font-size: 36px;
	    font-weight: 400;
	    color: #FFF;
	    text-decoration: none;
	    padding: 8px 12px 8px 12px;
	    box-shadow: 0 4px 0 0 #ca2b27;
	    margin-top: 30px;
	}

	.btn{width: 100%;}

	.nav.nav-tabs.nav-justified{padding-left:0px !important;}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding:0px;
	}

	.container-fluid, .content{padding:0px 5px 0px 5px !important;}

	.btn-group{
		width: 95%;
		margin: 10px 0px 0px 10px;
	}

	.navbar-collapse{
		padding-left: 15px !important;}
}

.btn.btn-default.dropdown-toggle.button-orange{
	background-color: #e74c3c !important; 
	color:#FFF !important; 
	border:none !important; 
	border:1px solid #e74c3c !important;
}

.caret-new{display: none;}

.table-responsive .col-sm-8.col-md-8.col-lg-8{
	padding:0px !important;
}

.pull-right.search{margin-top:0px;}
.pull-right.search .form-control{
	padding: 12px 6px;
	height: 32px !important;
}

#div-extrato,#div-canais{margin-left: -3px;}
.popover h4{margin: 5px;}
.popover h4 strong{font-size: 12px;}

.bntOFFON .btn-success{
	width: auto !important;
}

.integraContainer{
	margin:0px !important;
}

@media (min-width: 768px){
	body {margin-top: 0px;}
}