*{
	font-family:Arial;
	font-size:14px;
}
.modal{
	overflow-y: visible !important;
}
body{
	overflow-y:scroll !important;
	overflow-y:scroll;
	background-image:url(/images/site/layout/bg-painel-franquia.png);
	background-repeat: repeat;
}
body:after{
	content:no-close-quote;
	background-color:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}
.helper-page{
	line-height: 50px;
	text-align: right;
}
.helper-page > i{
	font-size: 22px;
	font-weight: normal;
	cursor:pointer;
}
.helper-page > i:hover{
	color:#696969;
}
/*HEADER*/
.color-primary-franquia{
	color:#2a3c46;
}
.bg-primary-franquia{
	background-color:#2a3c46;
}
#menu-top .navbar-brand,
#menu-top .navbar-right a{
	color:#D3D3D3;
}
#menu-top .navbar-brand:hover,
#menu-top .navbar-right a:hover{
	color:white;
	text-decoration:none;
}
#menu-top .navbar-right{
	line-height: 49px;
	float: right;
	margin-right: 15px;
}

/*CONTENT*/
#row-content{
	background-color:#143e5c;
}
.content-site{
	background-color: white;
	padding-bottom: 50px;
	z-index: 2;
	position: relative;
	box-shadow: -6px 0px 53px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
	#row-content{
		border-radius:10px;
	}
	#menu-left .navbar-header{
		width: 100%;
	}
	.logo{
		padding: 30px 0 !important;
		width: 100%;
	}
	.logo img{
		max-height:60px !important;
	}
	.content-site{
		min-height: 867px;
		border-radius: 0 10px 10px 0;
		padding-right: 50px;
		padding-left: 50px;
	}
	.content-site .container-top{
		margin-left: -35px;
		margin-right: -35px;
		padding-left: 50px !important;
	}
}
#menu-left .navbar-collapse.in{
	overflow-y:initial;
}
#menu-left .navbar-brand{
	height:auto;
	padding: 10px;
}
#menu-left .navbar-collapse{
	max-height: initial;
	padding-left:0;
	padding-right:0;
}
#menu-left .navbar-toggle .icon-bar{
	border: 1px solid rgb(216, 215, 215);
}
#menu-left .navbar-toggle{
	background-color: rgb(26, 25, 25);
	background-image: none;
}

.description{
	margin-bottom:30px;
}
.content-site .container-top{
	margin-bottom: 35px;
	padding-left: 15px;
	border-radius: 0 10px 0 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0) );
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
}
.bg-degrade{
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0) );
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
}
.content-site .container-top h1{
	color: rgb(58, 58, 77);
	padding: 0;
	margin: 0;
	line-height: 50px;
	font-size:18px;
}
.logo img{
	max-height:35px;
	margin:0 auto;
}
.menu-franquia{
	width: 100%;
	display: inline-block;
}
.menu-franquia a{
	padding: 15px;
	font-size:13px;
	background-color:#123955;
	color:#D3D3D3;
	margin-bottom: 5px;
}
.menu-franquia a:hover,.menu-franquia.selected a{
	text-decoration:none !important;
	color:white;
	background-color:#0c2d44 !important;
}
.menu-franquia.selected a:before{
	content: no-close-quote;
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 100%;
	background-color: #0c2d44;
	border-radius: 5px 0 0 0;
	box-shadow: 0px 6px 5px -3px black;
}
.menu-franquia.selected a:after{
	content: no-close-quote;
	position: absolute;
	top: 50%;
	right: 0;
	border-right: 10px solid white;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	z-index: 5;
}
.menu-franquia a > span{
	display:inline-block;
	vertical-align:middle;
	background-size: contain;
	background-repeat: no-repeat;
	width: 44px;
	height: 33px;
	margin: 0 10px 0 15px;
}
.menu-franquia .home{
	background-image:url(/images/site/layout/icon/icon_home.png);
}
.menu-franquia.selected .home, .menu-franquia:hover .home{
	background-image:url(/images/site/layout/icon/icon_home_hover.png);
}

.menu-franquia .layout{
	background-image:url(/images/site/layout/icon/icon_layout.png);
}
.menu-franquia.selected .layout, .menu-franquia:hover .layout{
	background-image:url(/images/site/layout/icon/icon_layout_hover.png);
}
.menu-franquia .usuarios{
	background-image:url(/images/site/layout/icon/icon_categorias.png);
}
.menu-franquia.selected .usuarios,.menu-franquia:hover .usuarios{
	background-image:url(/images/site/layout/icon/icon_categorias_hover.png);
}
.menu-franquia .planos{
	background-image:url(/images/site/layout/icon/icon_planos.png);
}
.menu-franquia.selected .planos,.menu-franquia:hover .planos{
	background-image:url(/images/site/layout/icon/icon_planos_hover.png);
}
.menu-franquia .relatorios{
	background-image:url(/images/site/layout/icon/icon_relatorio.png);
}
.menu-franquia.selected .relatorios,.menu-franquia:hover .relatorios{
	background-image:url(/images/site/layout/icon/icon_relatorio_hover.png);
}
.menu-franquia .templates{
	background-image:url(/images/site/layout/icon/icon_templates.png);
}
.menu-franquia.selected .templates, .menu-franquia:hover .templates{
	background-image:url(/images/site/layout/icon/icon_templates_hover.png);
}

.menu-franquia .dominio{
	background-image:url(/images/site/layout/icon/icon_dominio.png);
}
.menu-franquia.selected .dominio,.menu-franquia:hover .dominio{
	background-image:url(/images/site/layout/icon/icon_dominio_hover.png);
}

.menu-franquia .categorias{
	background-image:url(/images/site/layout/icon/icon_categorias.png);
}
.menu-franquia.selected .categorias,.menu-franquia:hover .categorias{
	background-image:url(/images/site/layout/icon/icon_categorias_hover.png);
}

.menu-franquia .usuarios{
	background-image:url(/images/site/layout/icon/icon_usuario.png);
}
.menu-franquia.selected .usuarios,.menu-franquia:hover .usuarios{
	background-image:url(/images/site/layout/icon/icon_usuario_hover.png);
}

.menu-franquia .email{
	background-image:url(/images/site/layout/icon/icon_email.png);
}
.menu-franquia.selected .email,.menu-franquia:hover .email{
	background-image:url(/images/site/layout/icon/icon_email_hover.png);
}

.menu-franquia .historico{
	background-image:url(/images/site/layout/icon/icon_historico.png);
}
.menu-franquia.selected .historico,.menu-franquia:hover .historico{
	background-image:url(/images/site/layout/icon/icon_historico_hover.png);
}
.menu-franquia .tutorial{
	background-image:url(/images/site/layout/icon/icon_tutorial.png);
}
.menu-franquia.selected .tutorial,.menu-franquia:hover .tutorial{
	background-image:url(/images/site/layout/icon/icon_tutorial_hover.png);
}
/*FOOTER*/
#footer-bottom{
	padding: 20px 0;
	z-index: 1;
	position: relative;
}
#footer-bottom img, #footer-bottom p{
	display:inline-block;
	vertical-align: middle;
}
#footer-bottom p{
	color: rgb(204, 204, 204);
}
#footer-bottom p > span{
	color:white;
	font-weight: bold;
}
.link-rede-social{
	display:inline-block;
	width:29px;
	height:28px;
}
#footer-facebook{
	background-image:url('/images/site/layout/rede-social/redes_face.png');
}
#footer-facebook:hover{
	background-image:url('/images/site/layout/rede-social/redes_face_hover.png');
}
#footer-twitter{
	background-image:url('/images/site/layout/rede-social/redes_twitter.png');
}
#footer-twitter:hover{
	background-image:url('/images/site/layout/rede-social/redes_twitter_hover.png');
}
#footer-skype{
	background-image:url('/images/site/layout/rede-social/redes_skype.png');
}
#footer-skype:hover{
	background-image:url('/images/site/layout/rede-social/redes_skype_hover.png');
}
#footer-google{
	background-image:url('/images/site/layout/rede-social/redes_google.png');
}
#footer-google:hover{
	background-image:url('/images/site/layout/rede-social/redes_google_hover.png');
}
@media (max-width: 990px) {
  #footer-bottom .caixa, #footer-top .caixa{
    text-align:center;
  }
  #footer-bottom .caixa:not(:last-of-type), #footer-top .caixa:not(:last-of-type){
  	 margin-bottom:20px;
  }
}
@media (max-width: 768px) {
  .dropdown-menu>li>a{
  	  color:white;
  }
 .dropdown-menu>li>a:hover{
	color:white;
  }
}
.text-ellipsis{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;	
}