/* Font-Face */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100;400;700;800&display=swap');
/* Elements */
html {
	min-height:100%;
}
body {
	font-family:'Sarabun','Arial', Helvetica, 'Sans Serif';
	height:100%;
	background: #f5f5f5;
	overflow-x:hidden;
}
.bold {
	font-weight:bold !important;
}
.modal-dialog select[multiple] {
	/*min-height:200px;*/
}
.rotate-text {
	transform: rotate(-90.0deg);
	-moz-transform: rotate(-90.0deg);
	-webkit-transform: rotate(-90.0deg);
	-o-transform: rotate(-90.0deg);
	-ms-transform: rotate(-90.0deg);
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}
body.fix-top {
	padding-top:80px;
}
input[type="text"], input[type="email"], input[type="password"]{
	min-height:26px;
}
textarea {
	min-height:90px;
}
.tip.alert {
	font-size:11px;
}
/* Definitions */
.cassannet {
	font-family:'cassannet_boldbold';
	text-transform:uppercase;
}
.crmasters {
	margin-left:-10px;
	width:165px;
	height:50px;
	background:url(../img/crmasters.png) no-repeat center;
}
.with-bg{
	background:url(../img/slide-1.jpg) no-repeat top left !important;
	background-size:cover !important;
	background-attachment:fixed;
}
.cute-kitten{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:url(../img/cat.jpg) no-repeat top right;
	background-size:cover;
}
.cute-kitten-title{
	padding:5px;
	font-size:32px;
	color:#444 !important;
}
.invalid{
	color: #b94a48 !important;
	border-color: #e9322d !important;
	-webkit-box-shadow: 0 0 6px #f8b9b7 !important;
	-moz-box-shadow: 0 0 6px #f8b9b7 !important;
	box-shadow: 0 0 6px #f8b9b7 !important;
}
.pad{
	margin:0 auto;
	padding:5px 8px;
}
.p25{
	width:25% !important;
}
.p75{
	width:75% !important;
}
.modal-header {
	background-color: #e9e9e9;
	border-radius: inherit;
	-moz-border-radius: inherit;
	-webkit-border-radius: inherit;
	border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}
/* Navbar */
.navbar-fixed-top {
	margin:0;
	width:100%;
}
.navbar .brand{
	text-indent:10px;
}
.navbar .navbar-inner{
	padding-top:0;
	padding-bottom:0;
}
.navbar-inner a.disabled{
	color:#999 !important;
	cursor:not-allowed !important;
}
.navbar-action-btn {
	float: left;
	height: 80px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 78px;
}
/* Loader */
#loader{
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	display:none;
}
#loader div{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	filter:alpha(opacity=75);
	opacity:.75;
	-moz-opacity:.75;
	-o-opacity:.75;
	-webkit-opacity:.75;
}
#loader .loader-image{
	background:url(../img/loader.gif) no-repeat center;
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
	-webkit-opacity:1;
}
/* Login  */
.centralized-placeholder{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.centralized-container{
	position:relative;
	margin:40px auto;
	padding:15px 20px;
	width:60%;
	min-width:300px;
	max-width:600px;
	background:#fff;
	border:1px solid #e9e9e9;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 1px 2px #888;
	-moz-box-shadow:0 1px 2px #888;
	-o-box-shadow:0 1px 2px #888;
	-webkit-box-shadow:0 1px 2px #888;
}
/* Drag */
body>li.ui-draggable-dragging{
	list-style: none;
	padding:5px 8px;
	background: #e9e9e9;
	border-color: #cdcdcd;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
body>li.ui-draggable-dragging a{
	color:#333;
}
.list-small li, li.ui-draggable-dragging{
	font-size:11px !important;
}
.list-small li a, li.ui-draggable-dragging a{
	padding-top: 2px;
	padding-bottom: 2px;
}
.ui-state-hover{
	background:#ccc;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
}
.ui-state-highlight{
	box-shadow: 0 0 8px #09f;
	-moz-box-shadow: 0 0 8px #09f;
	-webkit-box-shadow: 0 0 8px #09f;
	border:none;
	filter: alpha(opacity=80);
	opacity:.8;
	-moz-opacity:.8;
	-webkit-opacity:.8;
	background:#aaa;
}
/* Drop Area */
.drop-container {
	margin-top:0;
}
.drop-container .alert {
	margin-bottom: 0;
	padding-left: 4px;
	padding-top: 0;
	padding-bottom: 0;
	background: none;
	color: #000;
	border: 1px solid transparent;
	border-bottom-color: #ccc;
	font-size: 12px;
	font-weight: bold;
	border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
}
.drop-container .alert:hover{
	background: #dadada;
	border-color: #cdcdcd;
	cursor:pointer;
}
/* Formulários */
.hidden-forms{
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	display:none;
}
.hidden-forms .hidden-forms-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#f5f5f5;
	opacity:.75;
	-moz-opacity:.75;
	-o-opacity:.75;
	-webkit-opacity:.75;
}
.hidden-forms .hidden-forms-placeholder{
	position:relative;
	margin:0 auto;
	padding:0;
	height:100%;
	text-align:center;
	overflow:auto;
}
.hidden-forms .hidden-forms-placeholder form{
	position:relative;
	display:none;
	padding: 10px 15px;
	width:auto;
	background:#fff;
	border:1px solid #cdcdcd;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 1px 3px #888;
	-moz-box-shadow:0 1px 3px #888;
	-o-box-shadow:0 1px 3px #888;
	-webkit-box-shadow:0 1px 3px #888;
	text-align:left;
	overflow:hidden;
}
.hidden-forms .hidden-forms-placeholder input{
	margin-top:5px;
}
.hidden-forms .hidden-forms-placeholder label{
	margin-bottom:0;
	font-size:11px;
}
.hidden-forms .hidden-forms-placeholder textarea{
	height:150px;
}
.hidden-forms .hidden-forms-placeholder .close{
	position:absolute;
	top:5px;
	right:5px;
}
.hidden-forms .hidden-forms-placeholder h1{
	position:relative;
	top:-10px;
	left:-15px;
	margin:0;
	padding-right:30px;
	width:100%;
	background:#e9e9e9;
	border-bottom:1px solid #cdcdcd;
	font-size:16px;
	text-indent:10px;
}
/* Input File */
input[type="file"]{
	display:none;
}
.input-file{
	position:relative;
	margin:0;
	padding:0;
	display:inline-block;
	max-width:100%;
	cursor:pointer;
}
.input-file input{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	-webkit-opacity:0;
}
.input-file>span{
	display:inline-block;
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
}
/* Seleções */
.show-count{
	position:absolute;
	top:10px;
	right:10px;
	padding:5px 8px;
	height:18px;
	font-size:12px;
	line-height:18px;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	background:#000;
	color:#fff;
	display:none;
}
.selection-container .selection {
	position:relative;
	padding:10px;
	margin:5px;
	background:#fff;
	border:1px solid #cdcdcd;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: 0 1px 3px #ddd;
	-moz-box-shadow: 0 1px 3px #ddd;
	-o-box-shadow: 0 1px 3px #ddd;
	-webkit-box-shadow: 0 1px 3px #ddd;
}
.selection-container .selection a{
	margin-right:5px;
}

a.restore-field {
	display:block;
	max-height:40px;
	overflow:hidden;
}
/* Menu */
.carousel{
	margin:0;
	padding:0;
	height:100%;
}
.carousel .container{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.carousel .item {
	height: 100%;
}
.carousel img {
	height: 100%;
	min-width: 100%;
	visibility:hidden;
}
.carousel-caption {
	position: static;
	padding: 0 20px;
	margin-bottom: 100px;
	background: transparent;
	max-width: 550px;
}
.carousel-caption h1, .carousel-caption .lead {
	margin: 0;
	color: #fff;
	line-height:1.25;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	-moz-text-shadow: 0 1px 1px rgba(0,0,0,.4);
	-o-text-shadow: 0 1px 1px rgba(0,0,0,.4);
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn{
	margin-top:20px;
}
.main-menu {
	margin-bottom:60px;
	perspective:1000px;
	-moz-perspective:1000px;
	-webkit-perspective:1000px;
}
.main-menu .hovercard{
	position:relative;
	margin:5px;
	padding:10px;
	color:#fff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	transition:all 200ms;
	-moz-transition:all 200ms;
	-webkit-transition:all 200ms;
}
.main-menu .hovercard:hover {
	transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	-webkit-transform: rotateX(15deg);
}
.main-menu .hovercard a {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
}
.main-menu h2 {
	font-weight: 300;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
}
.main-menu p {
	margin-left: 10px;
	margin-right: 10px;
}
.main-menu .img-circle {
	box-shadow:1px 2px 3px #000;
	-moz-box-shadow:1px 2px 3px #000;
	-webkit-box-shadow:1px 2px 3px #000;
	transition:all 200ms;
	-moz-transition:all 200ms;
	-webkit-transition:all 200ms;
}
.main-menu .hovercard:hover .img-circle {
	box-shadow: rgb(0, 153, 255) 0px 0px 10px 0px;
	-moz-box-shadow: rgb(0, 153, 255) 0px 0px 10px 0px;
	-webkit-box-shadow: rgb(0, 153, 255) 0px 0px 10px 0px;
}
/* Layouts */
#addFieldModal ul a{
	padding:2px 8px;
}
#addFieldModal ul a label{
	padding:0;
	font-size:11px;
}
#addFieldModal ul a label input{
	position:relative;
	top:-2px;
}
.itemcard {
	margin:5px auto 0 auto;
	padding:10px;
	border:1px solid #cdcdcd;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
.itemcard>a{
	font-size:11px;
	margin:0;
	padding:0 0 3px 0;
}
.contain-height {
	position:fixed !important;
	top:80px !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	overflow:scroll !important;
	overflow-y:auto !important;
	-moz-overflow-y:auto !important;
	-webkit-overflow-y:auto !important;
	overflow-x:hidden !important;
	-moz-overflow-x:hidden !important;
	-webkit-overflow-x:hidden !important;
}
/* Campaign */
.campaign-area {
	padding-top:20px;
}
.campaign-area .col-lg-3 {
	height:80px;
}
.campaign .row-fluid{
	border-bottom:1px solid #e9e9e9;
	padding-bottom:4px;
}
.campaign .brick .row-fluid{
	border-bottom:0;
}
.campaign span3,.campaign span4,.campaign span12,.campaign span6{
	margin:0;
	padding:5px 0;
	display:inline-block;
	border-top:1px solid #eee;
	width:100%;
}
.campaign label{
	margin-top:0;
	font-size:11px;
}
.campaign select, .campaign input[type="text"]{
	margin-bottom:0;
	font-size:11px;
}
.campaign .brick{
	position: relative;
	margin:10px auto 20px auto;
	padding:5px 10px;
	margin-top: 20px;
	background: #fff;
	border:1px solid #ddd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 1px 5px #ddd;
	-moz-box-shadow: 0 1px 5px #ddd;
	-o-box-shadow: 0 1px 5px #ddd;
	-webkit-box-shadow: 0 1px 5px #ddd;
}
/* Campaign Modal */
.view-actions li{
	text-indent:10px;
	font-size:11px;
}
.view-actions li.nav-header{
	text-indent:0;
	font-size:12px;
}
.view-actions li.indent{
	text-indent:20px;
	font-size:11px;
	margin-top:0;
	margin-bottom:1px;
}	
/* Tile */
.tile{
	padding:5px 8px;
}
.tile-item:first-child {
	margin-top:10px;
}
.tile-item{
	margin:3px 8px;
	padding:8px;
	background-color:#fff;
	font-size:12px;
}
.tile-item h6{
	margin:4px auto;
}
.tile-item a{
	color:#333;
}
/* Graph */
.graph-form-area{
	padding:0 10px 20px 10px;
	margin-bottom: 40px;
	background: #fff;
	border-bottom: 1px solid #cdcdcd;
	overflow:hidden;
	box-shadow: 1px 0 4px #ddd;
	-moz-box-shadow: 1px 0 4px #ddd;
	-o-box-shadow: 1px 0 4px #ddd;
	-webkit-box-shadow: 1px 0 4px #ddd;
}
.graph-form-area h5 {
	position:relative;
	right:-10px;
	margin:0 0 10px -20px;
	background:#f2f2f2;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #ebebeb;
}
#graph-area{
	position:relative;
	margin:40px auto;
	padding:0;
	width:90%;
	background:#fff;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 2px 3px #ddd;
	-moz-box-shadow:1px 2px 3px #ddd;
	-o-box-shadow:1px 2px 3px #ddd;
	-webkit-box-shadow:1px 2px 3px #ddd;
}
#graphModal{
	top: 5%;
	left: 5%;
	margin: 0;
	padding: 0;
	width: 90%;
	height: 90%;
	overflow: hidden;
}
#graphModal .modal-body, #modalHtml .modal-body{
	max-height:none !important;
}
#modalHtml table td {
	font-size:11px;
}
.graphic-table td, .graphic-table th{
	text-align:center;
}
.graphic-table tr td:first-child, .graphic-table tr th:first-child{
	text-align:left;
}
/*Adjusts*/
.modal-body{
	max-height:300px !important;
	overflow:auto;
}
/* Make Header Sticky */
#header_placeholder { 
	position:fixed;
	top:0; 
	left:0; 
	margin:0;
	padding:0;
	width:100%; 
	height:41px;
}
#footer_placeholder {
	position:fixed;
	bottom:0; 
	left:0; 
	margin:0;
	padding:0;
	width:100%;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	height:39px;
}
#container_placeholder {
	position:absolute;
	top:41px;
	left:0;
	bottom:0px;
	margin:0;
	padding:0;
	width:100%;
	overflow:auto;
}
#container_placeholder.with-footer{
	bottom:40px;
}
#container_placeholder.without-footer{
	bottom:0;
}
#container_placeholder.without-header{
	top:0;
}
.screen-right{
	position:relative;
	margin:0;
	padding:0;
	width:25%;
	height:100%;
	max-height:100%;
	float:left;
	background:#fff;
	box-shadow:3px 0 4px rgba(0,0,0,.05);
	-moz-box-shadow:3px 0 4px rgba(0,0,0,.05);
	-webkit-box-shadow:3px 0 4px rgba(0,0,0,.05);
	overflow:auto;
	overflow-x:visible;
}
.screen-left{
	position:relative;
	margin:0;
	padding:0;
	width:75%;
	height:100%;
	max-height:100%;
	overflow:auto;
}
.footer {
	padding:0;
	float:right;
	margin:0 auto;
	margin-right:10px;
	padding:0;
	height:40px;
	line-height:40px;
}
.report-area h1{
	margin-top:20px;
	margin-bottom:20px;
}
.report-area .panel-heading a {
	display:block;
	height:80px;
}
.report-area .panel {
	transition:all 200ms;
	-moz-transition:all 200ms;
	-webkit-transition:all 200ms;
	box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
}
.report-area .panel:hover {
	background-color:#e9e9e9;
	color:#333;
	font-weight:700;
	box-shadow: 0 0 10px #09f;
	-moz-box-shadow: 0 0 10px #09f;
	-o-box-shadow: 0 0 10px #09f;
	-webkit-box-shadow: 0 0 10px #09f;	
}
.report-divisor-title {
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 5px;
	background: #fff;
	text-align: center;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.05);	
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.05);	
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.05);	
}
.form-field .alert{
	height:70px;
}
#webReport {
	background:#f2f4f8;
}
#webReport table td {
	font-size:11px;
}
#webReport table th {
	font-size:12px;
}
#webReport table .glyphicon-thumbs-up {
	color:#008000;
}
#webReport table .glyphicon-thumbs-down {
	color:#800000;
}
#webReport .report-filter, .custom-left-menu {
	position:absolute;
	top:0;
	left:0;
	margin-bottom:50px;
	padding-bottom:10px;
	width:210px;
	min-height:100%;
	padding-left:15px;
	padding-right:15px;
	background-color: #12131a;
	color: #515574;
	font-size:10px;
	z-index:1;
}
.custom-left-menu {
	padding-top:80px;
	padding-bottom:80px;
	margin-bottom:-80px !important;
}
.custom-right-area {
	margin-left: 210px;
}
@media (max-width: 959px) {
	.custom-left-menu {
		width:125px;
	}
	.custom-right-area {
		margin-left: 125px;
	}
}
#webReport .report-filter .report-name, .custom-left-menu .menu-title {
	margin:0 -15px 8px -15px;
	padding:15px 10px;
	background-color:#07080b;
}
#webReport .report-filter .report-name h1, .custom-left-menu .menu-title h1 {
	margin: 0;
	color: #b0b3c8;
	font-size: 14px;
	font-weight: 700;
}
#webReport .report-filter h2, .custom-left-menu h2 {
	margin-bottom:20px;
	font-size:12px;
	color:#515574;
	font-weight:700;
}
#webReport .report-filter .filter-title, .custom-left-menu .item {
	display: block;
	margin:0 -15px;
	padding:8px 15px;
	background-color:#1aae88;
	color:#fff;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	word-wrap:break-word;
	text-overflow:ellipsis;
}
#webReport .report-filter .filter-title.collapsed, .custom-left-menu .item.collapsed {
	color:#8287a9;
	background:none;
}
#webReport .report-filter .filter-title .glyphicon, .custom-left-menu .item .glyphicon {
	margin-left:8px;
	font-size:11px;
}
.custom-left-menu .subitem {
	display: block;
	padding: 5px 15px;
	margin:0 -15px;
	background: none;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	text-decoration: none;
	transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	word-wrap:break-word;
	-o-word-wrap:break-word;
	-moz-word-wrap:break-word;
	-webkit-word-wrap:break-word;
}
.custom-left-menu .subitem small {
	display:block;
	margin-top:5px;
	text-indent:5px;
	font-size:9px;
}
.custom-left-menu .subitem:hover, .custom-left-menu .subitem.active {
	background: #63ff96;
	color:#333;
}
#consulta {
	margin-top:50px;
}
#consulta .profile-picture {
	margin-top:-50px;
	text-align:center;
}
#consulta .profile-picture img{
	border:3px solid #faf7f7;
}
#consulta .profile-name {
	margin-bottom: 0;
	margin-top: -30px;
	background: rgba(255,255,255,0.7);
	border-bottom: 1px solid #cdcdcd;
	text-align:center;
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
	-o-box-shadow: 0 5px 10px rgba(0,0,0,.05);
	-ms-box-shadow: 0 5px 10px rgba(0,0,0,.05);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
#consulta .profile-links {
	margin:0 auto;
	border-bottom:1px solid #cdcdcd;
	padding-top:15px;
	padding-bottom:15px;
}
#consulta .profile-item {
	padding:12px 8px;
	height:36px;
	overflow:hidden;
	box-sizing:content-box;
	-o-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
#consulta .profile-brick:hover {
	background-color:#faf7f7;
}
#consulta .profile-brick {
	border-top:1px solid #cdcdcd;
}
#consulta .profile-brick:first-child {
	border-top:0;
}
#consulta .profile-item .profile-item-glyphicon {
	margin: 0;
	margin-right: 16px;	
	padding: 0;
	width: 36px;
	height: 36px;
	background: #333;
	line-height: 36px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
#consulta .profile-item .profile-item-text {
	font-size:11px;
	color: #333;
}
#consulta .profile-item .profile-item-text b{
	padding-right:10px;
	color:#9197a3;
}
#webReport .checkbox-container {
	margin-top:5px;
}
#webReport .checkbox-container .checkbox {
	margin-top:1px;
	margin-bottom:0;
	background-color:#12131a;
	color:#656b93;
}
#webReport .checkbox-container label {
	font-weight:700;
	font-size:10px;
	line-height:20px;
}
#webReport .report-filter .call-plot {
	position:relative;
	top:-15px;
	float:right;
}
#webReport .chart-area {
	padding-top:20px;
	padding-bottom:20px;
}
#webReport .call-expand {
	position:fixed;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	width:inherit;
	height:50px;
	background:#333;
	text-align:center;
}
#webReport .call-expand .call-expand-bubble {
	margin: 10px auto;
	padding:0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #cdcdcd;
}
#webReport .call-expand .call-expand-bubble a{
	color:#fff;
	text-decoration:none;
}
#webReport .report-filter.nav-min {
	width:125px;
}
#webReport .report-filter.nav-min .call-plot {
	display:block;
	float:none;
	top:0;
	margin-top:10px;
	margin-bottom:-10px;
}
#webReport .report-filter.nav-min .checkbox-container {
	position:absolute;
	left:125px;
	min-width:125px;
	margin-top:-34px;
	padding:5px 8px;
	background:#12131a;
	z-index:1;
}
@media only screen and (max-width: 768px) {
	.p25{
		width:100% !important;
		border-bottom:1px solid #cdcdcd;
		box-shadow:3px 0 4px #888;
	}
	.p75{
		width:100% !important;
		height:auto !important;
		max-height:none !important;
	}
	.show-on-full {
		display:block !important;
	}
}
@media only screen and (max-width: 991px) {
	#consulta .profile-brick {
		border:0;
	}
	#consulta .profile-brick:hover {
		background:#fff;
	}
	#consulta .profile-brick .profile-item:first-child{
		border-bottom:1px solid #cdcdcd;
	}
	#consulta .profile-brick .profile-item:hover{
		background-color:#faf7f7
	}
}
/* Welcome Page */
#welcome {
	background:url(../img/slide-1.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	padding-top:96px;
	padding-bottom:40px;
}
.simple-header {
	position:relative;
	margin:0 auto 20px auto;
	padding:10px 0;
	height:76px;
	width:100%;
	background-color:#07080b;
	box-shadow:1px 1px 10px #000;
}
.simple-header.fixed-top {
	position:fixed;
	margin-bottom:0;
	top:0;
	left:0;
}
.simple-header .cassannet {
	color:#fff;
	font-size:32px;
	line-height:52px;
	text-decoration:none;
}
.simple-header .btn {
	margin-top:14px;
	margin-left:10px;
	float:right;
}
.simple-credits {
	position:fixed;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100px;
	text-align:center;
}
.simple-text {
	color:#fff;
	font-family: "Segoe UI Light", "Segoe Light", Segoe, Helvetica, Arial, sans-serif;
	text-align:center;
}
.simple-text h1 {
	font-size:60px;
	font-weight:300;
	text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-webkit-text-shadow:1px 1px 1px #000;
}
.simple-text h2 {
	font-size:18px;
	font-weight:500;
}
.simple-credits a:hover img {
	margin-top:0;
	margin-bottom:10px;
	box-shadow: rgb(0, 153, 255) 0px 0px 10px 0px;
	-moz-box-shadow: rgb(0, 153, 255) 0px 0px 10px 0px;
	-webkit-box-shadow: rgb(0, 153, 255) 0px 0px 10px 0px;
}
.simple-credits img {
	margin:5px auto;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fff;
	transition:all 300ms;
	-moz-transition:all 300ms;
	-webkit-transition:all 300ms;
}
.simple-shadow {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.6;
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
	z-index:-1;
}
.selection .panel-heading {
	height:36px;
	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;	
}
.selection .panel-title {
	word-wrap:break-word;
	-o-word-wrap:break-word;
	-moz-word-wrap:break-word;
	-webkit-word-wrap:break-word;
}
.selection .dropdown {
	float:right;
}
.selection .panel-title h3 {
	font-size: 14px !important;
}
#modalHtml .style h3 {
	margin: 15px auto 0 auto;
	padding: 5px 0;
	background: #ECB011;
	color: #fff;
	font-weight: bold;	
}
#modalHtml .style th {
	background:#894A97;
	color:#fff;
	text-align:center;
}
#modalHtml .style td.purple {
	background:#894A97;
	color:#fff;
	text-align:left;
}
#query [role='tabpanel'] .nav-tabs {
	border-bottom:0;
	margin-bottom:-5px;
}
#query [role='tabpanel'] .nav-tabs>li a:hover {
	background:#fff;
	border-bottom:0;
}
#query table td a {
	color:#333;
}
#query table td a:hover {
	text-decoration:underline;
}
@media only screen and (max-width: 600px) {
	.simple-text h1 {
		font-size:48px;
	}
	.simple-text h2 {
		font-size:20px;
	}
}
.subitem.ui-draggable-dragging {
	padding:8px 12px;
	background:#1aae88;
	color:#fff;
	font-weight:bold;
	z-index:5;
	box-shadow:1px 1px 5px rgba(0,0,0,.05);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,.05);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.05);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.selection-search-target.ui-draggable-dragging h3{
	font-size:9px !important;
}
.selection-search-target.ui-draggable-dragging .panel {
	height:25px !important;
}
.selection-search-target.ui-draggable-dragging .dropdown {
	display:none;
}
.drop-here {
	outline:2px dashed #3b5998;
	outline-offset:-8px;
	opacity:.5;
	-moz-opacity:0.5;
	-webkit-opacity:.5;
}
.drop-here-hover {
	opacity:0.75 !important;
	-moz-opacity:.75 !important;
	-webkit-opacity:.75 !important;
}
.folder-drop-here {
	box-shadow:0 0 10px #06C;
	-moz-box-shadow:0 0 10px #06C;
	-o-box-shadow:0 0 10px #06C;
	-webkit-box-shadow:0 0 10px #06C;
}
.folder-drop-here-hover {
	background:#3D9191 !important;
	color:#fff !important;
	box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-webkit-box-shadow:none;
}
/* \Welcome Page */
.maintance {
	background:url(../img/ops.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.maintance-placeholder {
	position:relative;
	margin:20px auto;
	padding:10px;
	min-width:300px;
	width:60%;
	background: rgba(0, 0, 0, .5);
	color:#fff;
}
.maintance-placeholder h1 {
	text-shadow:2px 2px 3px #000;
	-moz-text-shadow:2px 2px 3px #000;
	-webkit-text-shadow:2px 2px 3px #000;
}
.maintance-placeholder h2 {
	font-size:18px;
}
.maintance-signature {
	position:fixed;
	right:10px;
	bottom:10px;
}
.list-item .panel-title {
	height:60px;
}
/* Z-indexes*/
#header_placeholder{
	z-index:1;
}
#navHeader {
	z-index:3;
}
#container_placeholder{
	z-index:0;
}
.input-file{
	z-index:0;
}
	.input-file input{
		z-index:1;
	}
	.input-file>span{
		z-index:1;
	}
#footer_placeholder{
	z-index:0;
}
.main-menu .hovercard a{
	z-index:1;
}
.tile li, li.ui-draggable-dragging{
	z-index:1;
}
.hidden-forms {
	z-index:999;
}
	.hidden-forms .hidden-forms-overlay{
		z-index:0;
	}
	.hidden-forms .hidden-forms-placeholder{
		z-index:1;
	}
	.hidden-forms .hidden-forms-placeholder .close{
		z-index:1;
	}
	.hidden-forms .hidden-forms-placeholder h1{
		z-index:0;
	}
#loader {
	z-index:999999999;
}
	#loader div{
		z-index:0;
	}
	#loader .loader-image{
		z-index:1;
	}
#alertModal{
	z-index:99999;
}
.modal-backdrop.in {
	z-index:10;
}
#ui-datepicker-div, .tooltip{
	z-index:999999 !important;
}
.selectMultipleOverlay {
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	z-index:9999999999999999999999999 !important;
	text-align:center;
}
.selectMultipleFade {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#ffffff;
	opacity:.7;
	-moz-opacity:.7;
	-o-opacity:.7;
	-webkit-opacity:.7;
	z-index:1;
}
.selectMultiplePlaceholder {
	position:relative;
	top: 50%;
	left: 0;
	margin:-200px auto 0 auto;
	padding: 10px;
	height:400px;
	width:80%;
	background-color:#ffffff;
	border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #d8d8d8;
	border-bottom-width:2px;
	overflow:hidden;
	z-index:3;
}
.selectMultipleTitle {
  position: relative;
  margin: -10px -10px 10px -10px;
  padding: 20px 10px;
  background-color: #e9e9e9;
  font-size: 18px;
  text-align: left;
  border-bottom: 1px solid #cdcdcd;	
  max-height:60px;
}
.selectMultipleClose {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 20px;
	height: 20px;
	background-color: #222;
	color: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	z-index: 3;
}
.selectMultipleClose:hover {
  cursor: pointer;
  background-color:#000;
}
.selectMultipleCheck {
	margin-top:-10px;
	margin-bottom:0;
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-right:10px;
	height:20px;
	font-size:10px;
	text-align:left;
	line-height:20px;
	background-color:#222;
	color:#fff;
}
.selectMultipleCheck:hover {
	cursor:pointer;
	background-color:#000;
}
.selectMultipleSearch {
	margin: 0 -10px;
	padding: 10px;
	background-color: #000;
}
.selectMultipleSearch input {
	padding:5px;
}
.selectMultipleContainer {
	margin-top: 0;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0 15px;
	height: 215px;
	text-align: left;
	overflow: auto;
}
.selectMultipleContainer .constraintCheckbox {
	display:inline-block;
	width:100%;
	height:60px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;	
}
.selectMultipleFooter {
	margin: 0 -10px;
	padding: 10px;
	height: 50px;
	background-color: #e9e9e9;
	text-align: right;
}
.selectMultipleFooter a {
	margin-left:8px;
}
@media (min-width: 768px) {
	.selectMultipleContainer .constraintCheckbox {
		width:30%;
	}
}
@media (min-width: 992px) {
	.selectMultipleContainer .constraintCheckbox {
		width:25%;
	}
}
@media (min-width: 1200px) {
	.selectMultipleContainer .constraintCheckbox {
		width:20%;
	}
}
.input-search {
	padding: 10px;
	border: none;
	border-bottom: solid 2px #c9c9c9;
	transition: all 0.3s;	
	-o-transition: all 0.3s;	
	-moz-transition: all 0.3s;	
	-webkit-transition: all 0.3s;
	outline:none !important;
}
.input-search:focus {
	border-bottom: solid 2px #969696;	
}
.menu-search-area {
	position: relative;
	margin: -8px -15px 8px -15px;;
	padding: 10px 8px;
	background-color: #2A2A2A;
	text-align: center;
}
.menu-search-area .input-search {
	width: 170px;
	border-radius: 3px;	
	-o-border-radius: 3px;	
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;	
}
.input-search-full {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:100%;
}
.highcharts-container {
	overflow:visible !important;
}
.custom-chart-format {
    margin: 20px;
	background: #ffffff;
    color: #5b5b5b;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.custom-chart-format h3 {
	margin-left:auto;
	margin-right:auto;
    padding: 16px 0;
	display: block;
    font-family: 'Lato', 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    margin-top:10px;
    text-transform: uppercase;
	text-align:center;
}
/**Final customs**/
#welcome {
	margin: 76px 0 0 0 !important;
	padding: 0 !important;
}
#login_hero {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	width:100%;
	height: 100%;
	height: calc(100vh - 176px);
}
#login_hero img {
	width: 90%;
	max-width: 230px;
	margin: 0 auto;
}
#login_footer {
	height: 100px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
	padding-top: .5em;
	padding-bottom: .5em;
	box-sizing:border-box;
}
#login_footer .container {
	height: 100%;
}
#login_footer img {
	float:left;
	width: auto;
	height: 100%;
	margin-right: .25em;
}
#login_footer p {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.75rem;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
.navbar-header .navbar-brand {
	padding-top: 15px;
	padding-bottom:15px;
}
.navbar-header .navbar-brand img {
	height: 100%;
}