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


body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    background-color: #f0f0f0;
	padding-top:60px;/*50px*/
	padding-bottom:60px;
	font-size:1.5em;
}



/**********| Modal Excluir Cadastro |***************/
.modalExcluirContato fieldset{ background:none; padding:0;}
.modalExcluirContato p{padding:2px 2px 2px 25px; font-weight:bold;}
.modalExcluirContato .atencao2{float:left; text-indent:-9000px; }
.modalExcluirContato {background-image: none !important;}
.modalExcluirContato{display: none}



/* .text-normal {
  white-space: normal !important;
} */

/* table.dataTable.nowrap td.text-normal {
   white-space:normal !important;
} */

#tabcadastro td.text-normal {
    white-space: normal !important;
}

.limitatexto {
  width: 150px;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media(min-width:576px){
  .limitatexto {
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }

}


/**********| navbar |***************/
.navbar-toggle {
    float: left;
}

.brand-lirio{
	margin-top:12px;
}

.navbar-default {
    background-color: #0062cc;
    border-color: #0062cc;
}

.navbar-default .navbar-nav > li > a {
    color: #eeeeee;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #eee;
    background-color: #424a51;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #424a51;
    color: #eee;
}

.page-header {
    padding-bottom: 0px;
    margin: 0px 0 20px;
    border-bottom: 1px solid #f39200;
}
.page-header h4{ color:#666; font-weight:bold; font-size:1.5em; }

.page-section {
    padding-bottom: 0px;
    margin: 0px 0 15px;
    border-bottom: 1px solid #ccc;
}
.page-section h4{ color:#666; font-weight:bold; font-size:1.2em; line-height:1em; }



#filterClient{
	list-style-type:none;
	margin:0;
	padding:0;

}
#filterClient li a{
	text-decoration:none;
	display:block;
}


.input-group-addon{ background-color:#0062cc; color:#FFF;}


h4, .h4 {font-size: 1.2em;}
.list-group .list-group-item {font-size: 1em;}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #eee;
    background-color: transparent;
}

.margin-top,.margin-bottom{ margin-top:20px !important; }

.off-canvas{
	width:250px;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	overflow-x:hidden;
	overflow-y: auto;
	background-color:#fff;
	color:#abb5bd;
	transform:translateX(-100%);
	transition:0.3s ease-in-out;
	z-index:1060;
}
.off-canvas-active .off-canvas{ transform:translateX(0);}
.navbar-fixed-top{
	transition:0.3s ease-in-out;
	width:100%;
  padding-left: 20px;
}
.page-wrapper{
	transition: 0.3s ease-in-out;
  margin-top: 5px;
}

.off-canvas-active .page-wrapper,

.off-canvas-active .navbar-fixed-top{ transform:translateX(250px);}

.off-canvas-overlay{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	z-index:1050;
	visibility:hidden;
	opacity:0;
	transition:0.3s ease-in-out;
}

	.off-canvas-active .off-canvas-overlay{
		opacity:1;
		visibility:visible;
	}

	#sidebar{
		background-color:#030350;
		color:#adb5bd;
	}
	#sidebar ul.components{
		padding:20px 0;
	}
	#sidebar .sidebar-header{
    padding: 5px;
    margin-top: 20px;
		background-color:#030350;
	}

  #sidebar img{
    width:122;
    height:28;
	}

	#sidebar ul p{
		color: #fff;
		padding:10px;
	}
	#sidebar ul li a{
		padding: 16px;
		font-size:1.0em;
		display:block;
		color:#CCC;
		text-decoration:none;
	}
	#sidebar ul li a:hover{
		color:#fff;
		background-attachment:#2d3646;
	}
	#sidebar ul li.active > a,
	#sidebar ul li a[aria-expanded="true"]{
		color:#adb5bd;
		background-color:#0062cc;
	}
	a[data-toggle="collapse"]{
		position:relative;
	}

	#sidebar ul li a.dropdown-toggle::after{
		display:block;
		position:absolute;
		top:50%;
		right:8px;
		transform:translateY(-50%);
	}
	#sidebar ul ul a{
		font-size:0.9em;
		padding-left:30px;
		background-color:#343435;
	}

	#sidebar .divider {
	  height: 1px;
	 /* margin: 9px 0;*/
	  overflow: hidden;
	  background-color: #000;
	}


	#sidebar ul li a[aria-expanded="true"]:after{
		font-family:"FontAwesome";
		content:"\f107";
		float:right;
	}
	#sidebar ul li a[aria-expanded="false"]:after{
		font-family:"FontAwesome";
		content:"\f105";
		float:right;
	}


.logo-lirio {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}


/************************/
.btn-group-perfil {
  float: right;
}

.btn-primary-perfil {
    color: #ffffff;
    background-color: #0062cc;
    border-color: #0062cc;
    font-size: xx-large;
    border-radius: 5px;

}


.btn-primary {
    /* color: #ffffff;
    background-color: #5c5757;
    border-color: #4f4b4b; */
    color: #ffffff;
    background-color: #0062cc;
    /* border-color: #4f4b4b; */
    border-color: #0062cc;


}


/**********| Panel Excluir |***************/

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #0062cc;
  border-color: #0062cc;
}



/**********| Table |***************/

/* HEX: #d5f4e6
HEX: #80ced6
HEX: #fefbd8
HEX: #618685 */


.table-striped > tbody > tr:nth-of-type(odd) {
  /* background-color: #f9f9f9; Padrao Bootstrap3 */
  /* background-color: #d7e6f2; */
  background-color: #e9f0f5;
}

.table-hover > tbody > tr:hover {
  /* background-color: #f5f5f5; Padrao Bootstrap3 */
     /* background-color: #0062cc; */
     background-color: #80ced6;
}



/* Menu Hamburger */
.navbar-menu {
    position: relative;
    float: left;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #0062cc;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-menu .icon-bar,
.navbar-default .navbar-menu:hover .icon-bar,
.navbar-default .navbar-menu:focus .icon-bar {
    background-color: #FFF !important;
}

.navbar-menu .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-menu .icon-bar + .icon-bar {
    margin-top: 5px;
}

.navbar-default .navbar-menu:hover,
.navbar-default .navbar-menu:active,
.navbar-default .navbar-menu:focus{
	background-color:#030350;
}


@media (max-width: 767px) {

	.navbar-default .navbar-toggle {
		border-color: #27282b;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #423e3e;
	}

	.dropdown-menu .divider {
		margin: 0px 0px;
	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}
	.navbar-default .navbar-toggle .icon-bar,
	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar{
		background-color:#FFF !important;
	}

	.navbar-header{ background-color:#27282b;}

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		border-color: #cccccc;
	}

	.navbar-nav li a:hover, .navbar-nav li.active a {
	  color: #000 !important;
	  background-color: #e7e7e7 !important;
	}

	.navbar-default .navbar-nav > .open > a {
	  color: #000 !important;
	  background-color: #e7e7e7 !important;
	}

	.navbar{ font-size:16px !important;}
	.navbar .dropdown-menu {
		font-size: 16px !important;
		line-height: 1.42857143 !important;
	}

	.navbar-nav{ background-color:#fff !important;}
	.navbar-nav>li>a{
		color:#333 !important;
		padding-top:15px;
		padding-bottom:15px;
	}

	.navbar-nav .open .dropdown-menu>li>a {
		padding: 15px 15px 15px 35px;
		background-color: #f6f6f6;
	}

	.navbar-default .navbar-collapse{
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
		box-shadow:  0 6px 12px rgba(0,0,0,.175)!important;
	}

	.navbar-nav {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.navbar-nav .dropdown-menu {
		padding-top:0px;
		padding-bottom:0px;
	}

	.navbar-nav li a {
		border-bottom: 1px solid #ccc;
	}

}


.nav-negocio{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding-left:0;
	z-index:5;

}
.nav-negocio a.active{
	background-color:#000;
}
.nav-negocio .icon-menu{
	font-size:1.4em;
}
.nav-negocio a{
	float:left;
	padding:8px 0px;
	color:#999;
	text-decoration:none;
	font-size:0.75em;
	width:25%;
	text-align:center;
	background-color:#27282b;
	margin-bottom:0px;
}
.nav-negocio a: hover{
	background-color:#000;
}

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

	#sidebar ul li a{
		padding: 10px;
	}

	.nav-negocio{
		width:100%;
		position:relative;
		padding-left:0;

	}
	.nav-negocio a.active{
		background-color:#000;
	}
	.nav-negocio .icon-menu{
		font-size:1.4em;
	}
	.nav-negocio a{
		float:left;
		padding:8px 0px;
		color:#999;
		text-decoration:none;
		font-size:1em;
		width:25%;
		text-align:center;
		background-color:#27282b;
		margin-bottom:16px;
	}
	.nav-negocio a: hover{
		background-color:#000;
	}
}



.nav-bottom{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background-color:#27282b;
	padding-left:0;
}
.nav-bottom a.active{
	background-color:#000;
}
.nav-bottom span{
	font-size:1.4em;
}
.nav-bottom a{
	float:left;
	padding:8px 0px;/*6px 12px*/
	color:#999;
	text-decoration:none;
	font-size:0.75em;
	width:25%;
	text-align:center;
}
.nav-bottom a: hover{
	background-color:#000;
}


.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    /* background-color: #FF9900; */
    background-color: #0062cc;
	border:transparent;
}

/*.dateMeusComp .bootstrap-datetimepicker-widget table td:not(.disabled){
	border:1px solid #FF9900;
	border-radius: 4px;
}
*/
.bootstrap-datetimepicker-widget table td span.active {
    /* background-color: #FF9900; */
    background-color: #0062cc;
}


.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #cccccc;
    cursor: not-allowed;
}



.pre_client{
	font-size:24px;
	color:#f39200;
	border:1px solid #666;
	border-radius:100%;
	text-align:center;
	width:50px;
	height:50px;
}



div.preClient{
	height:4em;
	width:4em;
	background-color:#fff;
	border:1px solid #da8300;
	border-radius:50%;
	position: relative;
}

div.preClient p{
	color:#f39200;
	font-size:2.4em;
	margin:0;
	position:absolute;
	top:50%;
	left:50%;
	margin-right:-50%;
	transform:translate(-50%,-50%);
}


.qtd_card{
	font-size:2.1em;
	font-stretch:extra-condensed;
	color:#f39200;
	line-height:1em;
}


@media(min-width: 768px){
	body{
		overflow-x:hidden;
		padding-bottom:16px;
	}

	.nav-bottom{
		display:none;
	}

	.nav-bottom a{
		float:left;
		color:#000;
		text-align:center;
		text-decoration:none;
	}



}

.nav-pills{ margin-bottom:16px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #f39200;
    border-color: #da8300;
}


#btnScrollTop{
	display:block;
	width:40px;
	height:40px;
	bottom:16px;
	text-align:center;
	position:fixed;
	left:50%;
	margin-right:-50%;
	transform:translateX(-50%);
	transition:all 0.2s ease-in-out;
	color:#FFF;
	cursor:pointer;
	background-color:rgba(0,0,0,0.3);
	z-index:1032;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
	box-shadow:  0 6px 12px rgba(0,0,0,.175)!important;
}

#btnScrollTop::after{
	content:"\f077";
	font-family:FontAwesome;
	font-weight:normal;
	line-height:38px;
	font-size:1em;
	color:#fff;
}




.margin-icon-right{ margin-right:10px;}

/**********| box |*****************/
.box {
	margin-bottom: 16px;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);/*0 1px 4px rgba(0, 0, 0, 0.3);*/
	padding:10px;
	position:relative;

}
.box p{ margin-bottom:0; }
.box.media{
	margin-top: 0px;
}

.box_link{ text-decoration:none !important;}

/**********| Vídeo |***************/

#myVideo{
	position:fixed;
	right:0;
	bottom:0;
	min-width:100%;
	min-height:100%;
}

.wrapVideo{
	position:fixed;
	bottom:0;
	background: rgba(0,0,0,0.5);
	color:#F1F1F1;
	width:100%;
	padding:20px;
}

.name-sistema{
	color:#eee;
	margin-top:16px;
	margin-right:10px;
	text-transform:uppercase;
	font-weight:bold;
}

.name-sistema span{ text-transform:none;}

.jumbotron-msg{
	background-color:#444b53;
	color:#eee;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;

}

.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 {
  position: relative;
  min-height: 1px;
  padding-left: 7px;
  padding-right: 7px;
}

.row {
  margin-left: -7px;
  margin-right: -7px;
}

.alertText{ margin-left:50px;  font-size:20px; position:relative;}
.alertText::before{
	content:"\f071";
	color:#F90 !important;
	position:absolute;
	top:50%;
	margin-top:-20px;
	left:-45px;
	width:50px;
	font-size:30px;
	font-family:'FontAwesome'

}

.list-group-item-heading{ font-weight:bold;}

.text-danger {
  color: #FF0000;
}

.media.favorite:after{
	content:"\f005";
	font-family:FontAwesome;
	position:absolute;
	top:5px;
	right:15px;
	z-index:1000;
	width:10px;
	height:10px;
	color:#F90;
	font-size:18px;
}

.media.favorite_o:after{
	content:"\f006";
	font-family:FontAwesome;
	position:absolute;
	top:5px;
	right:15px;
	z-index:1000;
	width:10px;
	height:10px;
	color:#666;
	font-size:18px;
}

.media.phone:after{
	content:"\f095";
	font-family:FontAwesome;
	position:absolute;
	top:5px;
	right:35px;
	z-index:1001;
	width:10px;
	height:10px;
	color:#F90;
	font-size:18px;
}

.media.calendar:after{
	content:"\f073";
	font-family:FontAwesome;
	position:absolute;
	top:5px;
	right:60px;
	z-index:1002;
	width:10px;
	height:10px;
	color:#F90;
	font-size:18px;
}

/*.icon-media{
	position:absolute;
	right:5px;
	top:5px;
	color:#CCC;
}
*/
.icon-media{color:#ccc;}
.icon-media span{ margin-right:5px;}
.icon-media .active{
	color:#F90;
}

.text-orange{ color:#F90;}
/*****************
	CAROUSEL
*****************/
.item > a{
	color:#ddd;
	text-transform:uppercase;
	font-size:0.65em;
}


.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
	color:#f90;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
	color:#f90;
}


.carousel {
	position:fixed;
	z-index:1;
	left:0;
	right:0;
	bottom:0;
}

.carousel-inner{
	background-color:#333;
}

.carousel-inner > .item{
	width:84%;
	margin:16px auto;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:#ddd;
}
.carousel-control{
	background-color:#333;
	opacity:1;
	width:8%;
}

@media screen and (min-width: 768px){
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
		width: 50px;
		height: 50px;
		margin-top: -10px;
		font-size: 20px;
		margin-left:-20px;
		margin-right:-20px;

	}
	.carousel-control{
		width: 50px;
	}

.carousel {
	margin-top:16px;
	position:relative;
	z-index:1;
	left:inherit;
	right:inherit;
	bottom:inherit ;

}


}

.text-disabled{ color:#ddd;}
.modal-header {
    padding: 6px 15px;
    border-bottom: 1px solid #e5e5e5;
}

/********| SPINNER|**********/

.lds-ellipsis {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 14px;/*64px*/
  right:40px;
  top:20px;
}
.lds-ellipsis div {
  position: absolute;
  top: 0px;/*27px*/
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #F90;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }


}

.margin_left{
	margin-left:15px

}
.btnfloat {
    height: 4em;
    width: 4em;
    background-color: #F90;
    border-radius: 50%;
    position:fixed;
	right:16px;
	bottom:10px;
	z-index:10;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.275);
    box-shadow: 0 6px 12px rgba(0,0,0,.275);
}

.btnfloat span{
	color: #FFF;
    font-size: 1.4em;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
}

.overlay{
	height:100%;
	width:100%;
	position:fixed;
	z-index:1050;
	top:0;
	left:-100%;
	background-color:rgb(0,0,0,);
	background-color:rgba(0,0,0,0.9);
	overflow-x:hidden;
	transition:0.5s;
}

.overlay-content{
	position:absolute;
	top:50%;
	left:50%;
	margin-right:-50%;
	transform:translate(-50%, -50%);
	text-align:left;
	margin-:0px;
}

.overlay-content a{
	padding:1em;
	text-decoration:none;
	font-size:1.2em;
	color:#818181;
	display:block;
	transition:0.3s;
}
.overlay a:hover,
.overlay a:focus{
	color:#f1f1f1;
}

.overlay .closebtn{
	position:absolute;
	top:16px;
	right:16px;
	font-size:60px;
}
@media screen and(max-height:450px){
		.overlay a{font-size:20px;}
		.overlay .closebtn{
			font-size:40px;
			top:15px;
			right:35px;
		}
		.teste{ display: none}


}


hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.icon-legend{
	width:12px;
	height:12px;
	border-radius:2px;
	display:inline-block;
	margin-right:5px;
}

@media screen and (max-width: 450px){

	.-list-inline > li {
	  display: block;
	}
}

.br-2{ border-radius:2px; padding:4px; cursor:pointer;}

.pagination{ margin:0;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  /* background-color: #FF9900; */
  background-color: #0062cc;
  0062cc
  border-color: #ddd;
}

.media-middle{ vertical-align:middle !important;}
/* PALETTES crédito*/
.bg-1{ background-color:#4e707e; color:#fff;}
.bg-2{ background-color:#bd7047; color:#fff;}
.bg-3{ background-color:#6b8e52; color:#fff;}
.bg-4{ background-color:#752e73; color:#fff;}
.bg-5{ background-color:#ba9c4e; color:#fff;}
.bg-6{ background-color:#435F3B; color:#fff;}
.bg-7{ background-color:#b94f45; color:#fff;}
.bg-8{ background-color:#4A685E; color:#fff;}
.bg-9{ background-color:#53468E; color:#fff;}
.bg-10{ background-color:#A98A3D; color:#fff;}
.bg-11{ background-color:#712F5C; color:#fff;}
.bg-12{ background-color:#41551A0;color:#fff;}
.bg-13{ background-color:#9F703A; color:#fff;}
.bg-14{ background-color:#69824A; color:#fff;}
.bg-15{ background-color:#593178; color:#fff;}


.bg-1 .progress,.bg-2 .progress,.bg-3 .progress,.bg-4 .progress,.bg-5 .progress,.bg-6 .progress,.bg-7 .progress,.bg-8 .progress,.bg-9 .progress,.bg-10 .progress{
	background-color: rgba(0,0,0,0.075);;
}

.bg-1 .progress .progress-bar,
.bg-2 .progress .progress-bar,
.bg-3 .progress .progress-bar,
.bg-4 .progress .progress-bar,
.bg-5 .progress .progress-bar,
.bg-6 .progress .progress-bar,
.bg-7 .progress .progress-bar,
.bg-8 .progress .progress-bar,
.bg-9 .progress .progress-bar,
.bg-10 .progress .progress-bar{
	background-color:#FFF;
}

.panel{
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	border:none;
	overflow:hidden;
}

.panel-default >.panel-body{ position:relative;}

.panel-default > .panel-footer {
    padding:5px 15px;
    background-color: rgba(0,0,0,0.1);
    border-top: none;
}

.media .media-body .progress{
	    margin-bottom: 0px !important;
}

.panel-default > .panel-heading {
    color: #333333;
    background-color: #fff;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.panel-group.panel-negocio{ margin-bottom:5px;}

.dl-horizontal{ margin-bottom:0px;}

  .dl-horizontal dt {´
  	font-size: 1.8em !important;
    overflow: hidden;
    white-space: nowrap;
	background-color:transparent;
	padding-top:5px;
	padding-bottom:0px;
  }

  .dl-horizontal dd {
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
  }

  .dl-horizontal dd:last-child {
	padding-bottom:0px;
	border-bottom:none;
  }


.panel-group.panel-negocio .panel .panel-body{
	padding-left:55px;
}

/*.progress{ height:30px;}
.progress-bar{line-height: 30px;}
*/
.btn-progress{
	padding: 5px 10px;
}


.apexcharts-legend-series{
	margin:8px 5px !important;
	display: block !important;
}


.progress-small{ height:6px; margin-bottom:0; border-radius: 0px;}
.progress-small .progress-bar{ float:right;}

.wrap-chart-consolidado{
	height:100vh;
}


@media (min-width: 768px) {

	.apexcharts-legend-series{
		margin:0px 5px !important;
		display: inline-block !important;
	}


	.panel-group.panel-negocio .panel .panel-body .dl-horizontal dt,
	.panel-group.panel-negocio .panel .media-body .dl-horizontal dt{
		width: 140px;
	}
	.panel-group.panel-negocio .panel .panel-body .dl-horizontal dd,
	.panel-group.panel-negocio .panel .media-body .dl-horizontal dd{
		margin-left:150px;
	}

	.panel-group.panel-negocio .panel .panel-body .dl-horizontal dt,
	.panel-group.panel-negocio .panel .media-body .dl-horizontal dt{
		text-align:left;
	}


  .dl-horizontal dt {´

    float: left;
    width: 180px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	background-color: transparent;
	padding-top:0px;
	padding-bottom:0px;


  }
  .dl-horizontal dd {
    margin-left: 195px;
	border-bottom:none;
  }

/*  .progress{ height:8px;}
  .progress-bar{line-height: 8px;}
  */

  .btn-progress{
	padding: 1px 5px;
  }

	.wrap-chart-consolidado{
		height:414px;
	}


}

.modal-body dl{ margin-bottom:0px;}


.menu-mobile-content .item-menu{
	width:50%;
	float:left;
}

.menu-mobile-content{ padding:5px;}
.menu-mobile-content .item-menu a{
	background-color:#4b4c4f;
	border:#4b4c4f;
	color:#f1f1f1;
	display:block;
	padding:20px 8px;
	margin:5px;
	height:94px;
	overflow:hidden;
	text-align:center;
	font-size:0.85em;
	line-height:1.8em;
}

.menu-mobile-content .item-menu a.active{
	background-color:#787878;
	border:#4b4c4f;
	color:#f1f1f1;
}



.menu-mobile{
	display:none;
	position:fixed;
	z-index:1050;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.2);
	-webkit-animation-name:fadeIn;
	-webkit-animation-duration:0.4s;
	animation-name:fadeIn;
	animation-duration:0.4s;
}
.menu-mobile-content{
	position:fixed;
	bottom:0;
	background-color:#27282b;/*#fefefe*/
	width:100%;
	-webkit-animation-name:slideIn;
	-webkit-animation-duration:0.4s;
	animation-name:slideIn;
	animation-duration:0.4s;
}

/*MENU BTN FLOAT ADD ANIMATION*/

@-webkit-keyframes slideIn{
	from {bottom:-300px; opacity:0;}
	to {bottom:0; opacity:1;}
}

@keyframes slideIn{
	from {bottom:-300px; opacity:0}
	to {bottom:0; opacity:1}
}

@-webkit-keyframes fadeIn{
	from {opacity:0}
	to {opacity:1}
}

@keyframes fadeIn{
	from {opacity:0}
	to {opacity:1}
}




.switch{
	position:relative;
	display:inline-block;
	width:54px;
	height:28px;
}


.switch input{
	opacity:0;
	width:0;
	height:0;
}
.slider{
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ccc;
	-webkit-transition:.4s;
	transition:.4s;
	border-radius:20px;/*34px*/
}

.slider:before{
	position:absolute;
	content:"";
	height:20px;
	width:20px;
	left:4px;
	bottom:4px;
	background-color:white;
	-webkit-transition:.4s;
	transition:.4s;
	border-radius:50%;
}

input:checked + .slider{
	background-color:#f39200;
}
input:focus + .slider{
	box-shadow:0 0 1px rgba(0,0,0,0.2);
}
input:checked + .slider:before{
	-webkit-transform:translateX(26px);
	-ms- transform:translateX(26px);
	transform:translateX(26px);
}




.btn-group-block button {
	margin-bottom: 16px;
}


@media(max-width:600px){
	.btn-group-block button {
		display: block;
		width: 100%;
		margin-top: 16px;
	}
}

@media (min-width: 300px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;

  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}


.chart-container{
	height:80vh;
	width:100%;
	position:relative;
}

@media(min-width: 768px) {
	.chart-container{
		height:400px;
		width:100%;
		background-color:#fff;
		position:relative;
	}
}


.accordionY{
	background-color:#fff;/*#dbdbdb*/
	color:#444;
	cursor:pointer;
	padding:18px;
	width:100%;
	border-bottom:1px solid #ccc;
	text-align:left;
	outline:none;
	transition:0.4s
}
.accordionY.active,
.accordionY:hover{
	background-color: #ccc;
}
.accordionY:after{
	content:'\002b';
	color:#777;
	font-weight:bold;
	float:left;
	margin-right:5px;
}
.accordionY.active:after{
	content:"\2212";
}
.panelY{
	padding:0 18px;
	background-color: #fff;
	max-height:0;
	overflow:hidden;
	transition:max-height 0.2s ease-out;
	border-bottom: 1px solid #ccc;
}
.panelY .progress{ margin-bottom:0;}

.media .btn:after{
	font-family:"Glyphicons Halflings";
	content:"\2212";/*\e114*/
	float:left;
}
.media .btn.collapsed:after{
	font-family:"Glyphicons Halflings";
	content:"\002b";/*\e080*/
}

.btn-collapse.btn:after{
	font-family:"Glyphicons Halflings";
	content:"\2212";/*\e114*/
	float:left;
	color:#FFF;
}

.btn-collapse.btn.collapsed:after{
	font-family:"Glyphicons Halflings";
	content:"\002b";/*\e080*/
	color:#FFF;
}
.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 0px;
}

.list-group-item-silver {
    color: #27282b;
    background-color: #ccc;
    border-bottom: 1px solid #ddd;
	padding-left: 40px;
}

.panel-children .list-group-item{
    color: #27282b;
    background-color: #D9D9D9;
	border-bottom: 1px solid #333;
	padding-left: 40px;
 }

.panel-group .panel {
    margin-bottom: 8px;
}

.container-login{
	width:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin-right:-50%;
	transform:translate(-50%,-50%);
	border:1px solid #ddd;
	padding:20px;
	background-color:#fff;
	z-index: 1040;
	border-radius:4px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}




.obrig {
  color: red;
  font-weight: bold;
}

.textoerro{
  color: red;
  font-size:1.0em;
  font-weight: normal;
}

legend {
  font-size:15px;
  margin-bottom:5px;
  font-weight: bold;
  border-bottom: none;
}

fieldset label {
  font-weight: normal;
  margin-bottom: 1px;
}



.form-group-cadusuario {
  margin-right: 15px;
  float: left;
  width: 40%;
}


.container-icon{position:relative;}
.container-icon .form-control{
    padding: 6px 6px 6px 35px;
}
.container-icon .icon{
	position:absolute;
	z-index:4;
	top:50%;
	left:10px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	color:#CCC;
	font-size:1.4em;

}

.form-control:focus {
  border-color: #e8b367;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(232, 179, 103, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(232, 179, 103, 0.6);
}

.qtd-client{
	position:absolute;
	top:5px;
	right:20px;
}

.nav-pills a{
	padding:15px 10px 10px 10px !important;
}

/*Treeview*/
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0;

}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.wrap-list-group:before, .wrap-list-group:after{
  content: " ";
  display: table;
}
.wrap-list-group:after{ clear:both;}
.wrapChart{ height:130px;}
.mb-1{ margin-bottom:5px;}
.mb-2{ margin-bottom:10px;}
.mt-1{ margin-top:5px;}
.mt-2{ margin-top:10px;}


.text_x1{ font-size:2em;}
.text_x2{ font-size:1.5em;}
.text_x3{ font-size:0.85em; font-weight:bold;}
.text_x1, .text_x2,.text_x3{ margin-bottom:0px; margin-top:0px;}
.percent.text_x1:after,
.percent.text_x2:after{
	content:"%";
	font-size:50%;
}

.icon-card{
	color: rgba(0,0,0,0.1);
	position:absolute;
	right:8px;
	top:8px;
	font-size:3em;
}

@media (min-width: 768px) {
	.text_x1{ font-size:3.5em;}
	.text_x2{ font-size:2.5em;}
	.text_x3{ font-size:1.2em; font-weight:bold;}
	.text_x1, .text_x2{ margin-bottom:5px; margin-top:0px;}
	.percent.text_x1:after,
	.percent.text_x2:after{
		content:"%";
		font-size:50%;
	}

	.icon-card{
		color: rgba(0,0,0,0.1);
		position:absolute;
		right:15px;
		top:50%;
		transform:translateY(-50%);
		font-size:4em;
	}


}

.progress-bar{
	transition-duration:1s;
}

/* Login */
.btn-login{
  color: #ffffff;
  background-color: #0062cc;
  border-color: #0062cc;

}

.btn-cadastro{
  color: #ffffff;
  background-color: #0fa212;
  border-color: #0fa212;
}