@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
/* ------------------------------------------------------- \
----- GERAL 
\ ------------------------------------------------------- */
/*
input:focus { 
    border-color: #35e696 !important;
    box-shadow: 0px 0px 10px rgb(136, 255, 201) !important;
}
 */
/* .modal{
	cursor:url('../images/mouseCursor.png'), auto;
}
.modal-dialog{
	cursor:default;
} */
#toast-container.toast-top-center > div {
    opacity: 1 !important;
}
.toast-message.toast-top-center button {
    color: #000 !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3b8f69 !important
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #fff;
    background-color: #3b8f69 !important;
    border-color: #3b8f69 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    position:relative;
    background-color: #baecd5 !important;
    color: #326d52 !important;
    /* border-bottom: solid 1px #63bb93; */
}
    .select2-container--default .select2-results__option[aria-selected=true]:before {
        position: absolute;
        right: 7px;
        top: 5px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00c";
    }
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #326d52 !important;
    color: white !important;
}
.checkbox-menu.dropdown-menu {
    width: 255px !important;
}
.checkbox-menu li {
    width: 100%;
    float: left;
     padding: 3px 10px;

}
    .checkbox-menu li.divider {
        padding:0px;
    }
    .checkbox-menu li label {
        float: left;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        margin: 0;
        transition: background-color .4s ease;
    }

.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}


.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.ui-menu .ui-menu-item {
    padding: 5px;
    border-bottom: solid 1px #ccc;
}
.ringxgroup .panel .well {
	vertical-align: top;
	width: 115px;
	display: inline-block;
	margin-right: 10px;
}

.file-zoom-dialog .kv-zoom-title {
	color: #fff;
}

.panel-anexos .file-preview {
	border: none !important;
	padding: 0px;
}

.file-preview .fileinput-remove {
	display: none !important;
}

.file-drop-zone {
	margin: 0;
}

.table-rota-modal .form-group {
	margin-bottom: 0px !important;
	white-space: initial;
}

.well-sm {
	padding: 5px;
}

.well {
	margin-bottom: 10px;
}

.table-rota-modal tfoot .form-group {
	text-align: center;
	margin-right: -58px;
	z-index: 999;
	position: relative;
	float: right;
	width: 93px;
}

.table-rota-modal tr {
	overflow: auto;
	width: 100%;
	white-space: nowrap;
}

.table-rota-modal th,
.table-rota-modal td {
	margin-right: 10px;
	white-space: normal;
	display: inline-block !important;
	width: 150px !important;
	height: auto !important;
}

.table-rota-modal th {
	margin-top: 2px;
	border-top: solid 1px #d4d4d4 !important;
	border-right: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-bottom: dashed 1px #d4d4d4 !important;
	background: #f3f3f3;
}

.table-rota-modal td {
	border-top: none !important;
	border-right: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-bottom: none !important
}

.table-rota-modal tfoot td {
	vertical-align: top !important;
	border-top: solid 1px #d4d4d4 !important;
}

.table-rota-modal tr:hover th, .table-rota-modal tr:hover td {
	background: none !important;
}

.table-rota-modal .js-remove-element {
	color: #ff0000
}

.table-rota-modal .filter-option,
.table-rota-modal .input_distance {
	font-size: 11px;
}

.table-rota-modal .selectpicker.btn-default,
.table-rota-modal .input_distance {
	height: 30px;
}

.table-rota-modal tfoot td {
	border-right: none !important;
	border-left: none !important
}

.table-rota-modal tfoot .form-group:before {
	content: "";
	height: 1px;
	width: 150%;
	background: #c6c7c9;
	position: absolute;
	top: 38px;
	left: -26%;
	z-index: -1;
}

.table-rota-modal tfoot .form-group:after {
	content: "";
	height: 45px;
	width: 150%;
	position: absolute;
	top: -6px;
	left: -26%;
	z-index: -1;
	border-right: solid 1px #c6c7c9;
	border-left: solid 1px #c6c7c9;
}

body {
	background: #343333;
}

.animationStripes.bg-roxo {
	background-color: #9370DB;
	background-image: linear-gradient( -45deg, #d8c6fd 25%, transparent 25%, transparent 50%, #d8c6fd 50%, #d8c6fd 75%, transparent 75%, transparent );
}

.animationStripes.bg-laranja {
    background-color: #6ebce0;
    background-image: linear-gradient( -45deg, #44A9D7 25%, transparent 25%, transparent 50%, #44A9D7 50%, #44A9D7 75%, transparent 75%, transparent );
}

.animationStripes.bg-brown {
	background-color: #795548;
	background-image: linear-gradient( -45deg, #9d614c 25%, transparent 25%, transparent 50%, #9d614c 50%, #9d614c 75%, transparent 75%, transparent );
}

	.selector button {
		position: relative;
		padding: 0px;
		background: none !important;
		margin: 0px;
		border: none;
		position: relative;
		transition: all .1s;
	}

		.selector button span {
			position: absolute;
			top: 14px;
			right: 21px;
			color: #fff;
		}

		.selector button:hover {
			background: #3a9069;
		}

		.selector button:focus {
			outline: none;
		}

	.selector ul {
		position: absolute;
		list-style: none;
		padding: 0;
		margin: 0;
		top: -7px;
		right: -12px;
		bottom: -17px;
		left: -10px;
	}

	.selector li {
		position: absolute;
		width: 0;
		height: 100%;
		margin: 0 50%;
		-webkit-transform: rotate(-360deg);
		opacity: 0;
		transition: all 0.8s ease-in-out;
	}

	.selector.open li {
		opacity: 1;
	}

	.selector li a label {
		display: static;
		max-width: none;
		margin-bottom: 0;
		font-weight: normal;
		position: absolute;
		left: 50%;
		bottom: 100%;
		width: 0;
		height: 0;
		line-height: 1px;
		margin-left: 0;
		background: #fff;
		border-radius: 50%;
		text-align: center;
		font-size: 1px;
		overflow: hidden;
		cursor: pointer;
		box-shadow: none;
		z-index: 9999;
		border: solid 3px transparent;
		transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
	}

		.selector li a label:hover {
			transition: all 0.2s;
			border-color: #359770 !important;
		}

		.selector li a label path {
			fill: #359770;
		}

		.selector li a label.vermelho {
			background: #d9534f !important;
		}

		.selector li a label.azul {
			background: #5bc0de !important;
		}

		.selector li a label.verde {
			background: #5cb85c !important;
		}

		.selector li a label.amarelo {
			background: #f0ad4e !important;
		}

		.selector li a label.cinza {
			background: #a4a4a4 !important;
		}

			.selector li a label.vermelho path,
			.selector li a label.azul path,
			.selector li a label.verde path,
			.selector li a label.amarelo path,
			.selector li a label.cinza path {
				fill: #fff !important;
			}



	.selector.open li a label {
		padding-top: 7px;
		width: 50px;
		height: 50px;
		line-height: 15px;
		margin-left: -25px;
		border: solid 3px #fff;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
		font-size: 14px;
	}

		.selector.open li a label svg {
			width: auto;
			height: 30px;
		}

table tr td .btn {
	margin: 0px 5px;
}

table tr td:last-child {
	/*Fit cell width to content*/
	width: 1%;
	white-space: nowrap;
}

body.modal-open #page-content-wrapper,
body.modal-open #sidebar-wrapper,
body.modal-open .navbar {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	box-shadow: none !important;
	transition: none !important;
}

body.modal-open.modal-monitoramento-info #page-content-wrapper,
body.modal-open.modal-monitoramento-info #sidebar-wrapper,
body.modal-open.modal-monitoramento-info .navbar {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}

.colunas-intervalos td {
	padding: 0px !important;
}
.colunas-intervalos td:last-child {
    width: auto !important; 
    white-space: normal !important; 
}
.dropdown-menu .divider {
	margin: 3px 0 !important;
}

.filtro-top .filtro-button {
	display: inline-block;
	border-radius: 4px 4px 0px 0px;
	margin-bottom: -22px !important;
}

.about-brand {
	width: 100%;
	height: 101px;
	margin-bottom: 30px;
	background-size: 50% !important;
}

.panel-group .panel-heading a {
	display: block;
}

.panel-heading .accordion-toggle:before {
	font-family: 'Glyphicons Halflings';
	margin: 0px 5px 0px 0px;
	font-size: 10px;
	content: "\e114";
	float: left;
	color: grey;
}

.panel-heading .accordion-toggle.collapsed:before {
	content: "\e080";
}

.table-active-row td {
	cursor: pointer;
}

.hidden {
	display: none;
}

.clockpicker-popover .popover-title,
.clockpicker-button,
.clockpicker-popover .btn-default:hover {
	background: #2ba67c !important;
	color: #fff !important;
}

.clockpicker-popover .text-primary {
	color: #e8ff69 !important;
}

.navbar-right .dropdown-submenu > .dropdown-menu {
	left: auto;
	right: 100%;
}

.blocks.fullscreen .panel-success .panel-footer,
.box-full-panel.fullscreen .panel-success .panel-footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	pointer-events: auto
}

/*margin */
.lista-semaforos .panel.panel-success {
	height: 200px;
}

	.lista-semaforos .panel.panel-success img {
		height: 123px;
	}

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

.mg-top-10 {
	margin-top: 10px;
}

.mg-left-10 {
	margin-left: 10px;
}

.mg-bottom-10 {
	margin-bottom: 10px;
}

.mg-right-15 {
	margin-right: 15px;
}

.mg-top-15 {
	margin-top: 15px;
}

.mg-left-15 {
	margin-left: 15px;
}

.mg-bottom-15 {
	margin-bottom: 15px;
}

/*.table-drag th {
	cursor: move;
}*/

.colunas-intervalos th a {
	float: right;
	margin: 2px 10px 0px 0px;
}

	.colunas-intervalos th a i {
		color: #ff9292;
	}

.colunas-intervalos table {
	width: 100%;
}

	.colunas-intervalos table td,
	.colunas-intervalos table th {
		height: 39px;
	}

.colunas-intervalos .list-group-item {
	border: none !important;
}

.colunas-intervalos table th {
	text-align: center;
	color: #fff;
	font-weight: normal;
	background: #616161;
}

.colunas-intervalos .column {
	padding: 0px !important;
	border: none !important;
}

.colunas-intervalos .blocks {
	min-height: auto !important;
}
/* color estágios */
.estado-select-color {
	margin: 0px;
	padding: 0px;
}

	.estado-select-color > li {
		position: relative;
		height: 39px;
	}

	.estado-select-color,
	.estado-select-color li {
		border-radius: 0px !important;
	}

		.estado-select-color > li > span {
			padding: 2px 5px;
			border-radius: 4px;
		}

		.estado-select-color .select-color-arrow {
			position: ABSOLUTE;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			opacity: 0;
			/*     float: left;
    padding: 2px 5px 2px 2px;
    border: solid 1px #616161;
    margin: -2px; */
		}

			.estado-select-color .select-color-arrow i {
				float: right;
			}

		.estado-select-color .select-color {
			float: left;
			padding: 7px 10px;
			border: solid 1px #fff;
			margin-right: 5px;
		}

		.estado-select-color .dropup, .estado-select-color .dropdown {
			position: static;
		}

		.estado-select-color .open > .dropdown-menu {
			max-width: 200px;
			margin-top: 19px !important;
		}

		.estado-select-color .dropdown-menu li {
			display: inline-block;
			width: 100%;
			padding: 3px 10px
		}

			.estado-select-color .dropdown-menu li.divider {
				padding: 0px
			}

		.estado-select-color .dropdown-menu .select-color {
			cursor: pointer;
			margin: 5px;
		}

			.estado-select-color .dropdown-menu .select-color:hover {
				border-color: #15c899 !important
			}

		.estado-select-color .branco,
		.estado-select-color .list-group-item.branco .select-master {
			background-color: #ffffff !important;
			background-image: linear-gradient( -45deg, #c1c0c0 25%, transparent 25%, transparent 50%, #c1c0c0 50%, #c1c0c0 75%, transparent 75%, transparent ) !important;
			-webkit-background-size: 20px 20px !important;
			-moz-background-size: 20px 20px !important;
			-ms-background-size: 20px 20px !important;
			background-size: 1px 4px !important;
		}

		.estado-select-color .cinza,
		.estado-select-color .list-group-item.cinza .select-master {
			background: #8c8c8c !important;
		}

		.estado-select-color .verde,
		.estado-select-color .list-group-item.verde .select-master {
			background: #28ab81 !important;
		}

		.estado-select-color .vermelho,
		.estado-select-color .list-group-item.vermelho .select-master {
			background: #ab2828 !important;
		}

		.estado-select-color .amarelo,
		.estado-select-color .list-group-item.amarelo .select-master {
			background: #ffc000 !important;
		}

		.estado-select-color .vermelho-piscante,
		.estado-select-color .list-group-item.vermelho-piscante .select-master {
			background-color: #ab2828 !important;
			background-image: linear-gradient( -45deg, #610707 25%, transparent 25%, transparent 50%, #610707 50%, #610707 75%, transparent 75%, transparent ) !important;
			-webkit-background-size: 20px 20px !important;
			-moz-background-size: 20px 20px !important;
			-ms-background-size: 20px 20px !important;
			background-size: 20px 20px !important;
		}

		.estado-select-color .amarelo-piscante,
		.estado-select-color .list-group-item.amarelo-piscante .select-master {
			background-color: #b57b0b !important;
			background-image: linear-gradient( -45deg, #ffc000 25%, transparent 25%, transparent 50%, #ffc000 50%, #ffc000 75%, transparent 75%, transparent ) !important;
			-webkit-background-size: 20px 20px !important;
			-moz-background-size: 20px 20px !important;
			-ms-background-size: 20px 20px !important;
			background-size: 20px 20px !important;
		}

		.estado-select-color .verde-piscante,
		.estado-select-color .list-group-item.verde-piscante .select-master {
			background-color: #28ab81 !important;
			background-image: linear-gradient( -45deg, #2e6f51 25%, transparent 25%, transparent 50%, #2e6f51 50%, #2e6f51 75%, transparent 75%, transparent ) !important;
			-webkit-background-size: 20px 20px !important;
			-moz-background-size: 20px 20px !important;
			-ms-background-size: 20px 20px !important;
			background-size: 20px 20px !important;
		}
/* /color estágios */

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:hover > .dropdown-menu {
		display: block;
	}

	.dropdown-submenu > a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
	}

.navbar-right .dropdown-submenu > a:after {
	float: left;
	border-width: 5px 5px 5px 0px;
	border-right-color: #ccc;
	margin-left: -10px;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

	.dropdown-submenu.pull-left > .dropdown-menu {
		left: -100%;
		margin-left: 10px;
		-webkit-border-radius: 6px 0 6px 6px;
		-moz-border-radius: 6px 0 6px 6px;
		border-radius: 6px 0 6px 6px;
	}

.alert-danger .label-danger {
	background-color: #803f3d;
}

.agenda-dias ul {
	padding: 0px;
}

	.agenda-dias ul li {
		list-style: none;
		float: left;
	}

		.agenda-dias ul li a {
			float: left;
			text-decoration: none;
			padding: 5px 0px;
			height: 50px;
			width: 66.8px;
			border: solid 1px #616161;
			text-align: center;
			font-size: 10px;
		}

.sidebar-large .agenda-dias ul li a {
	width: 68.99px !important
}

.agenda-dias ul li a span {
	display: block;
	padding-top: 5px;
	text-align: center;
}

	.agenda-dias ul li a span i {
		display: none;
		clear: both;
		font-size: 17px;
	}

.agenda-dias .btn {
	padding: 1px 5px;
	font-size: 9px;
	line-height: 1.5;
	border-radius: 3px;
}

.painel-agenda .panel-body span {
	margin-right: 18px;
	margin-bottom: 10px;
	float: left;
	border-right: solid 1px #717070;
	padding-right: 10px;
}

.controle-agenda .legendas {
	width: 100%;
}

	.controle-agenda .legendas li {
		width: 30%;
		float: left;
	}

.controle-agenda .btn {
	margin-right: 10px;
}

.controle-agenda .legendas span {
	margin: 5px 10px;
}

.panel-heading div a {
	margin-left: 5px;
}

.controle-agenda
.table-agenda td {
	border: none !important;
	padding: 15px 10px !important;
}

.table-agenda .display-time {
	font-size: 11px;
}

label {
	font-weight: normal;
}

.alert {
	padding: 5px;
	margin-bottom: 5px;
}

.table-conflito td {
	cursor: pointer;
	background: none !important;
	height: 40px !important;
	width: 40px !important;
	text-align: center;
	vertical-align: middle;
}

	.table-conflito td i {
		display: none;
		color: #ff8686;
		font-size: 21px;
	}

	.table-conflito td:hover {
		background: #585858 !important;
	}

	.table-conflito td:first-child,
	.table-conflito tr:first-child td,
	.table-conflito td.no-click {
		cursor: default;
		background: #5a5858 !important
	}

		.table-conflito td.no-click i {
			display: block;
			color: #848484
		}

		.table-conflito td.no-click.black {
			background: #3a3a3a !important
		}

.panel-editor .nav-editor li.active a {
	border-color: #3b8e68 !important;
	background: #1d7153 !important
}

.panel-editor .panel-heading {
	position: relative;
}

	.panel-editor .panel-heading a {
		text-indent: 15px;
	}

	.panel-editor .panel-heading i {
		text-indent: 0px !important;
	}

.panel-editor .verGrupo {
	position: absolute;
	padding: 0px;
	top: -2px;
	left: -20px;
	font-size: 15px;
	z-index: 9999999999999999999;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

	.inputfile + label {
		cursor: pointer;
		font-size: 12px;
		text-align: center;
		color: white;
		background-color: #37956e;
		display: block;
		clear: both;
		padding: 10px 0px;
		margin: 0px 15px;
		border-radius: 4px;
	}

		.inputfile:focus + label,
		.inputfile + label:hover {
			background-color: #287756;
		}

	.inputfile:focus + label {
		outline: 1px dotted #000;
		outline: -webkit-focus-ring-color auto 5px;
	}



.timeAlarmGuideLine {
	margin: 20px;
	padding: 0px;
}

	.timeAlarmGuideLine li {
		position: relative;
		list-style: none;
		padding-left: 25px;
		margin-bottom: 20px;
	}

		.timeAlarmGuideLine li span {
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: -5px;
			left: -17px;
			border-radius: 60px;
			width: 32px;
			height: 32px;
			margin: 0.25em;
			background-color: #12cc9c;
		}

		.timeAlarmGuideLine li i {
			font-size: 15px;
			color: white;
		}

		.timeAlarmGuideLine li:before {
			position: absolute;
			content: "";
			left: 0px;
			height: calc(100% - -20px);
			margin-top: -10px;
			width: 5px;
			background: #797979;
		}

		.timeAlarmGuideLine li small {
			display: block;
		}

.modal .nav-tabs {
	padding-left: 15px;
}

	.modal .nav-tabs > li > a {
		padding: 15px;
		font-size: 15px;
		border: none !important;
		border-bottom: solid 3px transparent;
		background: none !important
	}

	.modal .nav-tabs > li.active > a,
	.modal .nav-tabs > li.open > a,
	.modal .nav-tabs > li:hover > a,
	.modal .nav-tabs > li.active > a,
	.modal .nav-tabs > li.active > a:hover,
	.modal .nav-tabs > li.active > a:focus {
		border-bottom: solid 3px #06ce97 !important;
	}

.animationStripes {
	cursor: default;
	display: inline-block;
	color: #fff !important;
	background-color: red;
	background-image: linear-gradient( -45deg, blue 25%, transparent 25%, transparent 50%, blue 50%, blue 75%, transparent 75%, transparent );
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-ms-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	-ms-animation: move 2s linear infinite;
	animation: move 2s linear infinite;
}

	.animationStripes.bg-danger {
		background-color: #d9534f;
		background-image: linear-gradient( -45deg, #df6d69 25%, transparent 25%, transparent 50%, #df6d69 50%, #df6d69 75%, transparent 75%, transparent );
	}

    .animationStripes.bg-info {
        background-color: #0d3ea4;
        background-image: linear-gradient( -45deg, #1150D3 25%, transparent 25%, transparent 50%, #1150D3 50%, #1150D3 75%, transparent 75%, transparent );
    }

	.animationStripes.bg-success {
		background-color: #5cb85c;
		background-image: linear-gradient( -45deg, #74c374 25%, transparent 25%, transparent 50%, #74c374 50%, #74c374 75%, transparent 75%, transparent );
	}

	.animationStripes.bg-warning {
		background-color: #f0ad4e;
		background-image: linear-gradient( -45deg, #f2b968 25%, transparent 25%, transparent 50%, #f2b968 50%, #f2b968 75%, transparent 75%, transparent );
	}

	.animationStripes.bg-default {
		background-color: #000;
		background-image: linear-gradient( -45deg, #3b3434 25%, transparent 25%, transparent 50%, #3b3434 50%, #3b3434 75%, transparent 75%, transparent );
	}

@-webkit-keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 0px;
	}
}

@-moz-keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 0px;
	}
}

@-ms-keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 0px;
	}
}

@keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 0px;
	}
}


.tag-cloud li {
	margin: 3px;
	padding: 10px;
	font-size: 1em;
	cursor: pointer;
}

.tag {
	background-color: #3a9069 !important;
}

.tag-undo {
	color: #fff;
	margin-left: 10px
}

	.tag-undo:hover {
		color: #fff
	}


.menu-side .mCustomScrollbar .sidebar-nav {
	float: none !important;
	width: auto !important;
	margin-right: 9px !important;
}

.multiplos-arquivos .form-group {
	position: relative;
	overflow: hidden !important;
}

	.multiplos-arquivos .form-group .input-group:before {
		content: attr(data-content);
		top: 0px;
		left: 0px;
		position: absolute;
		height: 100%;
		padding: 6px;
		width: 100%;
	}

	.multiplos-arquivos .form-group .input-group .form-control {
		position: absolute;
		opacity: 0;
		z-index: 9999999;
		border: none !important;
		background: transparent !important;
	}

body {
	opacity: 0;
}

.modal-header svg {
	height: 25px;
}

.modal-header path {
	fill: #fff !important;
}

.modal-header .modal-title span {
	float: left;
}

.mini-upload .ff_fileupload_wrap .ff_fileupload_dropzone {
	height: 100px;
	background-size: 10%;
}

.dropdown-menu > li.favorito {
	position: relative;
}

	.dropdown-menu > li.favorito > a {
		padding-left: 25px;
		display: inline-block;
	}

	.dropdown-menu > li.favorito .cont-favorito {
		position: absolute;
		top: 3px;
		left: 6px;
	}

.bootbox.modal .modal-header {
	padding: 8px !important;
}

.bootbox.modal .modal-footer {
	padding: 6px !important;
}

.data-table-detectores th {
	border-bottom: solid 1px #676767 !important;
}

.data-table-detectores td {
	color: #fff !important;
	padding: 3px 5px !important;
	border-bottom: none !important;
	border-top: none !important;
}

.data-table-detectores .label {
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
}

	.data-table-detectores .label i {
		color: #fff;
	}

.icon-stats-asc {
	padding: 0px 5px 0px 0px;
}

.icon-stats-desc {
	padding: 0px 5px 5px 0px;
}

.icon-stats-asc i {
	color: #3b8e68;
	line-height: 0px;
}

.icon-stats-desc i {
	color: #dc4c4c;
	line-height: 0px;
}

.table-destaque th {
	color: #fff !important;
	background: #317757 !important;
	border-color: #72af92 !important;
}

.dataTables_wrapper .dataTables_filter {
	margin-bottom: 10px;
}

.dropdown-menu > li.active > a > i {
	color: #fff;
}

.popover {
	color: #fff;
	z-index: 99999999;
	border: none !important;
	background: #39916a !important;
}

	.popover.bottom > .arrow:after {
		border-bottom-color: #39916a !important;
	}

.tourist-popover .popover-content .action-label {
}

.popover .btn-primary,
.popover .btn-primary:hover,
.popover .btn-primary:active {
	background-color: #39916a;
	border-color: #39916a;
}

.tablegrande .dataTables_wrapper .dataTables_filter {
	float: left !important;
}

a:hover {
	text-decoration: none;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	z-index: 0 !important;
}
/* .modal{
   z-index: 9999999 !important;	
}
.modal-backdrop,
.navbar-inverse{
   z-index: 99999 !important;
}
.sub-navbar {
   z-index: 9999 !important;
} */
body {
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: 'Verdana', sans-serif;
}

#sidebar-wrapper .mCSB_inside .mCSB_container {
	margin-right: 0px !important
}

.bootstrap-datetimepicker-widget {
	display: block !important;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	position: absolute !important;
	right: auto !important;
}

input::-webkit-inner-spin-button,
input::-webkit-calendar-picker-indicator {
	background: none;
}

ul.list-unstyled.tree {
	padding-left: 20px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.form-control.disabled {
	cursor: not-allowed;
	opacity: 0.5;
	pointer-events: none;
}

input::-webkit-inner-spin-button:hover,
input::-webkit-calendar-picker-indicator:hover {
	opacity: 0.5
}

.text-white {
	color: #fff !important;
}

.tree-toggle {
	cursor: pointer;
}

small, .small {
	font-weight: normal;
}

.list-check-os li label {
	display: inline-block;
	padding: 7px;
}

	.list-check-os li label i {
		color: #fff;
	}

.tabelaRotaModal tbody {
	background: Red;
	height: 100px;
	overflow: hidden;
}

.form-control[disabled], fieldset[disabled] .form-control {
	opacity: 0.5;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;
	opacity: 0;
	z-index: 1;
}

	[type="radio"]:checked + label,
	[type="radio"]:not(:checked) + label {
		position: relative;
		padding-left: 28px;
		cursor: pointer;
		line-height: 20px;
		display: inline-block;
		color: #fff !important;
	}

		[type="radio"]:checked + label:before,
		[type="radio"]:not(:checked) + label:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 21px;
			height: 21px;
			border: 1px solid #ddd;
			border-radius: 100%;
		}

		[type="radio"]:checked + label:after,
		[type="radio"]:not(:checked) + label:after {
			content: '';
			width: 13px;
			height: 13px;
			position: absolute;
			top: 4px;
			left: 4px;
			border-radius: 100%;
			-webkit-transition: all 0.2s ease;
			transition: all 0.2s ease;
		}

		[type="radio"]:not(:checked) + label:after {
			opacity: 0;
			-webkit-transform: scale(0);
			transform: scale(0);
		}

		[type="radio"]:checked + label:after {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}
/*.modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}*/
/* commom */

#detalhesSevico .card > .list-group {
	height: 200px;
	overflow: auto;
}

.lb-lg {
	font-size: 12px;
	!important
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background: #fff !important;
}

.list-group .label {
	color: #fff !important;
}

.fixed-tab {
	position: fixed;
	width: 97%;
	left: 15px;
	z-index: 9000000;
	background: #fff;
}

.tab-content-fixed {
	margin-top: 75px;
}

hr {
	border-color: #ccc;
}

#wrapper {
	padding-left: 0px;
	transition: padding .4s ease 0s;
	height: 100%
}

.container-fluid {
	margin-top: 20px;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

	.row.no-gutters > [class^="col-"],
	.row.no-gutters > [class*=" col-"] {
		padding-right: 0;
		padding-left: 0;
	}
/* sidebar */
#sidebar-wrapper {
	margin-left: -273px;
	left: 70px;
	width: 250px;
	top: 99px;
	position: fixed;
	height: 100%;
	z-index: 1;
	transition: left .4s ease 0s;
	box-shadow: 0px 0px 20px rgba(0,0,0, 0.5);
}

	#sidebar-wrapper.sidebar-large {
		width: 400px;
		margin-left: -470px;
	}

#wrapper.active #sidebar-wrapper.sidebar-large {
	left: 470px
}

#sidebar-wrapper label {
	font-weight: normal;
}

.sidebar-nav {
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

	.sidebar-nav > .sidebar-brand {
		line-height: 38px;
		font-size: 18px;
	}

	#sidebar_menu li a, .sidebar-nav li a {
		display: block;
		float: left;
		text-decoration: none;
		width: 100%;
		font-size: 14px;
		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-o-transition: background .5s;
		-ms-transition: background .5s;
		transition: background .5s;
	}
		/* .sidebar-nav li a i,
.dashboard-icons-menu>div>a i{
  transition: 0.50s;
  -webkit-transition: 0.50s;
  -moz-transition: 0.50s;
  -ms-transition: 0.50s;
  -o-transition: 0.50s;

} */
		.sidebar-nav li a i {
			text-indent: 0;
		}
	/* .sidebar-nav li a:hover i,
.dashboard-icons-menu>div:hover>a i{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
} */
	.sidebar-nav li ul {
		margin: 0px;
		padding: 0px;
		-webkit-transition: all 5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		-ms-transition: all .5s;
		transition: all .5s;
	}

		.sidebar-nav li ul li {
			list-style: none;
			width: 100%;
			-webkit-transition: all 5s;
			-moz-transition: all .5s;
			-o-transition: all .5s;
			-ms-transition: all .5s;
			transition: all .5s;
		}

			.sidebar-nav li ul li a {
			}

	.sidebar-nav li.divider {
		height: 2px;
		text-indent: -2000px;
	}

    #sidebar_adaptativo span {
        font-size: 11px;
    }

.menu-side.active #sidebar-wrapper .divider {
	height: auto;
	text-indent: 20px;
	-webkit-transition: height .5s;
	-moz-transition: height .5s;
	-o-transition: height .5s;
	-ms-transition: height .5s;
	transition: height .5s;
}

.sidebar_name {
	padding-top: 25px;
	opacity: .7;
}

.sidebar-nav li {
	line-height: 40px;
	text-indent: 20px;
}

	.sidebar-nav li a {
		display: block;
		text-decoration: none;
	}

		.sidebar-nav li a:active,
		.sidebar-nav li a:focus {
			text-decoration: none;
		}

		.sidebar-nav li a i {
			margin: 10px 18px 0px 10px;
		}

        .sidebar-nav li a img {
            margin: 10px 12px 0px 10px;
            width: 20px;
            height:20px;
        }

.sidebar-scroll {
	display: inline-block;
	width: calc(100% - -7px);
	height: 100%;
	padding-bottom: 140px;
}

	.sidebar-scroll.side-recue-top {
		margin-top: -50px;
		padding-top: 50px;
		z-index: -1;
	}

.sidebar-large .tab-menu {
	margin-top: 20px;
}

	.sidebar-large .tab-menu .nav-tabs a {
		padding: 10px 5px;
	}

#sidebar-wrapper.editor .sidebar-nav {
	margin-bottom: 10px;
}

.nav-editor {
	display: block;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

	.nav-editor li {
		position: relative;
		display: table;
		float: left;
		list-style: none;
		padding: 3px;
	}

		.nav-editor li .sl-no {
			position: absolute;
			padding: 4px;
			font-size: 9px;
			right: 3px;
			bottom: 0px;
		}

		.nav-editor li a {
			display: table-cell;
			width: 41px;
			height: 32px;
			text-align: center;
			vertical-align: middle;
		}

			.nav-editor li a:hover {
				background: #5d5b5b;
			}

.bar-editor {
	padding: 5px;
	display: block;
	height: 40px;
}

	.bar-editor div.form-inline {
		margin-right: 20px;
	}

	.bar-editor ul.nav-editor {
		padding: 0px;
		margin: 0px 10px 0px 0px;
		border: none !important;
	}

	.bar-editor .nav-editor li {
		padding: 0px;
	}

		.bar-editor .nav-editor li a {
			pointer-events: none;
			width: 39px;
			height: 29px;
		}
/* /sidebar */
/* menu barra top */
.navbar-inverse .navbar-nav {
	margin: 0px 20px;
}

	.navbar-inverse .navbar-nav > li > a {
		display: inline-block;
		padding: 2px 10px !important;
		margin-top: 12px;
		margin-right: 10px;
		/* 	border:solid 1px #656565; */
		border-radius: 60px;
	}
/* /menu barra top */
/* conteúdo */
#page-content-wrapper {
	position: relative;
	padding-left: 0;
	margin-left: 0;
	width: 100%;
	padding-top: 90px;
	height: 100%;
}

#wrapper.menu-side {
	padding-left: 47px;
}

#wrapper.active {
	padding-left: 251px;
}

	#wrapper.active.sidebar-toggle-container {
		padding-left: 400px;
	}

	#wrapper.active #sidebar-wrapper {
		left: 273px;
	}

#page-content-wrapper {
	width: 100%;
}

.page-content {
	padding-top: 15px;
}

#wrapper .sidebar-nav > .sidebar-brand {
	font-size: 15px !important;
}

/* conteúdo */
.sub-navbar {
	margin-top: 50px;
	padding: 0px 10px;
	min-height: auto;
	height: 50px;
	z-index: 2;
	/* border-bottom: solid 1px #1b7351; */
}

	.sub-navbar h4 {
		font-size: 15px;
		margin: 15px 0px 0px 0px;
	}

		.sub-navbar h4 a,
		.sub-navbar h4 a i {
			color: #fff;
		}

			.sub-navbar h4 a:hover,
			.sub-navbar h4 a:hover i {
				text-decoration: underline
			}

.navbar-inverse .navbar-right {
	margin: 0px;
}

.navbar-inverse .nav.navbar-nav > li {
	padding-bottom: 14px !important;
}

#main_icon {
	float: right;
	padding-right: 65px;
	padding-top: 20px;
}

.sub_icon {
	float: right;
	padding-right: 65px;
	padding-top: 10px;
}

.content-header {
	height: 65px;
	line-height: 65px;
}

	.content-header h1 {
		margin: 0;
		margin-left: 20px;
		line-height: 65px;
		display: inline-block;
	}
/* navbar top */

.navbar-inverse .brand {
	width: 160px;
	height: 38px;
	background-size: 100% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.navbar-inverse .brand {
	margin: 5px 0px 0px 5px;
}

.mapa {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.menu-bar-bottom {
	position: fixed;
	bottom: 0px;
	width: 100%;
	left: 0px;
}

	.menu-bar-bottom ul {
		position: relative;
	}

#wrapper.active-bottom .menu-bar-bottom .container-bar {
	bottom: 0px;
}

#wrapper.active-bottom #page-content-wrapper {
	transition: padding .4s ease 0s;
	box-shadow: 0px 0px 20px rgba(0,0,0, 0.5);
	overflow: auto;
	padding-bottom: 250px;
}

.menu-bar-bottom .container-bar {
	position: absolute;
	bottom: -250px;
	left: 0px;
	height: 250px;
	width: 100%;
	padding-left: 0;
	transition: all .4s ease 0s;
	box-shadow: 0px 0px 20px rgba(0,0,0, 0.5);
}

#wrapper.menu-side.active .menu-bar-bottom .container-bar {
	padding-left: 251px;
}

.sidebar-toggle-container.active .menu-bar-bottom .container-bar {
	padding-left: 400px;
}

.menu-bar-bottom .list-group {
	overflow: auto;
	height: 167px;
}

.sidebar-large {
	position: relative;
}

.list-group-item .form-group {
	margin-bottom: 0px;
}

.menu-bar-bottom .list-group .list-group-item > div {
	margin-right: 10px;
}

.menu-bar-bottom .list-group .list-group-item .toggleCheckGroup {
	margin-top: 5px;
}

.sidebar-large .sidebar-brand,
.menu-bar-bottom .menu-bar-bottom-brand {
	position: absolute;
	right: -40px;
	top: 100px;
	width: 80px;
	height: 80px;
	z-index: -1;
	border-radius: 60px !important;
	overflow: hidden;
	box-shadow: 5px 0px 3px rgba(0,0,0, 0.2)
}

.menu-bar-bottom .menu-bar-bottom-brand {
	right: 45%;
	top: -42px;
	z-index: 0;
	box-shadow: 0px -5px 3px rgba(0,0,0, 0.2);
}

	.sidebar-large .sidebar-brand a,
	.menu-bar-bottom .menu-bar-bottom-brand a {
		width: 100px;
		height: 100%;
		border: none !important;
	}

	.menu-bar-bottom .menu-bar-bottom-brand a {
		display: inline-block;
		width: 80px;
		height: 80px;
	}

	.sidebar-large .sidebar-brand i,
	.menu-bar-bottom .menu-bar-bottom-brand i {
		float: left;
		font-size: 25px;
		margin: 28px 0px 0px 48px;
	}

	.menu-bar-bottom .menu-bar-bottom-brand i {
		margin: 18px 0px 0px 27px;
	}

.sub-navbar > span {
	display: block;
	margin: -16px 0px 0px 0px;
	width: 100%;
	text-align: center;
}

.sub-navbar span.divisor i {
	font-size: 11px;
	padding: 0px 5px;
	color: #fff !important;
}

.sub-navbar span strong {
	font-weight: normal;
}

.disabled {
	opacity: 0.7;
	cursor: not-allowed;
	pointer-events: none;
}

#sidebar-wrapper .panel-default > .panel-heading a {
	display: block;
	text-decoration: none;
	padding: 10px 15px;
}



#sidebar-wrapper .panel-default > .panel-heading {
	padding: 0px;
}

.panel-heading .chevron:after {
	content: "\f078";
}

.panel-heading a.collapsed .chevron:after {
	content: "\f054" !important;
}

.sidebar-large .sidebar-brand i:before {
	content: "\f054"
}

#wrapper.active .sidebar-large .sidebar-brand i:before {
	content: "\f053" !important;
}

.menu-bar-bottom .menu-bar-bottom-brand i:before {
	content: "\f078"
}

#wrapper.active .menu-bar-bottom .menu-bar-bottom-brand i:before {
	content: "\f078" !important;
}

.iconSemaforo i {
	float: left;
	text-indent: 0px !important;
	margin: 1px 1px 1px 0px !important;
	padding: 0px;
	font-size: 5px;
}

.legenda-circle {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

	.legenda-circle li {
		display: inline-block;
		width: 100%;
		list-style: none;
		text-align: center;
		border-bottom: solid 1px #f1f2f2;
		padding: 6px 0px;
	}

		.legenda-circle li:last-child {
			border: none;
		}

	.legenda-circle > li > div.legend {
		float: left;
		width: 20px;
		height: 20px;
		border-radius: 60px;
	}

	.legenda-circle > li > span {
		margin: 5px 0px;
		display: block;
	}

	.legenda-circle > li > p {
		float: left;
		margin: 3px 0px 0px 10px;
	}

	.legenda-circle > li > label {
		margin: 0px;
		float: left;
	}

table .legenda-circle li {
	width: 100%;
}


tr.tr-primary td small,
tr.tr-info td small,
tr.tr-warning td small,
tr.tr-warning-plus td small,
tr.tr-danger td small,
tr.tr-danger-plus td small {
	color: #fff;
}

.list-group.list-menu li {
	padding: 0px;
	background: none !important
}

	.list-group.list-menu li a {
		display: inline-block;
		padding: 10px 15px;
		width: 100%;
	}

		.list-group.list-menu li a i {
			float: right;
			font-size: 15px;
			display: none;
		}

.list-group-item .tooltip {
	left: 5px !important;
}

	.list-group-item .tooltip .tooltip-arrow {
		left: 35px !important;
	}

.legenda-circle li span {
	font-size: 10px;
}

.legenda-circle li > span {
	background: none !important;
	float: right;
	margin: 0px 10px 0px 0px;
	font-size: 15px;
}

.toggle {
	border: none;
	border-radius: 60px;
}

	.toggle.btn-default {
		background: #afafaf !important;
	}

	.toggle.btn-sm.off .toggle-handle {
		margin-left: 30px;
	}

	.toggle.btn-xs .toggle-handle {
		margin-left: 17px;
	}

	.toggle.btn-xs.off .toggle-handle {
		margin-left: 38px;
	}

.toggle-off,
.toggle-on {
	text-indent: -99999px;
}

.toggle.btn-xs .toggle-group {
	width: auto;
}

.toggle-group .btn-sm {
	margin-left: -30px;
	margin-top: 3px !important;
	height: 23px !important;
	width: 23px !important;
	border: none;
	border-radius: 60px;
}

.toggle label {
	display: none;
}

.toggle-group .btn-xs {
	margin-left: 0px;
	margin-top: 3px !important;
	height: 16px !important;
	width: 16px !important;
	border: none;
	border-radius: 60px;
}

.toggle.off .toggle-off {
	background: #ccc;
}

#sidebar-wrapper table th {
	font-weight: normal;
}

.toggle .toggle-group .btn-default {
	background: #eee !important;
}

.submenu-right-top li {
	display: inline;
	margin-right: 10px
}

	.submenu-right-top li a.btn-xs {
		padding: 1px 5px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}

.submenu-right-top {
	margin: -17px -7px 0px 0px;
}

.check-date-options {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline-block;
	width: 100%;
}

	.check-date-options > li {
		display: inline;
	}

	.check-date-options label.title {
		display: block;
	}
/* notificações */
.sub-navbar .dropdown-menu.notify-drop {
	min-width: 330px;
	min-height: 360px;
	max-height: 360px;
}

	.sub-navbar .dropdown-menu.notify-drop .notify-drop-title {
		border-bottom: 1px solid #e2e2e2;
		padding: 5px 15px 10px 15px;
	}

	.sub-navbar .dropdown-menu.notify-drop .drop-content {
		min-height: 280px;
		max-height: 280px;
		overflow-y: scroll;
	}

		.sub-navbar .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar {
			width: 8px;
		}

		.sub-navbar .dropdown-menu.notify-drop .drop-content > li {
			float: left !important;
			width: 100% !important;
			border-bottom: 1px solid #e2e2e2;
			padding: 10px 0px 5px 0px;
		}

			.sub-navbar .dropdown-menu.notify-drop .drop-content > li:after {
				content: "";
				clear: both;
				display: block;
			}

			.sub-navbar .dropdown-menu.notify-drop .drop-content > li:last-child {
				border-bottom: none;
			}

			.sub-navbar .dropdown-menu.notify-drop .drop-content > li .notify-img {
				float: left;
				display: inline-block;
				width: 45px;
				height: 45px;
				margin: 0px 0px 8px 0px;
			}

	.sub-navbar .dropdown-menu.notify-drop .allRead {
		margin-right: 7px;
	}

	.sub-navbar .dropdown-menu.notify-drop .rIcon {
		float: right;
	}

	.sub-navbar .dropdown-menu.notify-drop .drop-content > li a {
		font-size: 12px;
		font-weight: normal;
	}

	.sub-navbar.dropdown-menu.notify-drop .drop-content > li {
		font-weight: bold;
		font-size: 11px;
	}

		.sub-navbar .dropdown-menu.notify-drop .drop-content > li hr {
			margin: 5px 0;
			width: 70%;
		}

	.sub-navbar .dropdown-menu.notify-drop .drop-content .pd-l0 {
		padding-left: 0;
	}

	.sub-navbar .dropdown-menu.notify-drop .drop-content > li p {
		font-size: 11px;
		font-weight: normal;
		margin: 3px 0;
	}

		.sub-navbar .dropdown-menu.notify-drop .drop-content > li p.time {
			font-size: 10px;
			font-weight: 600;
			top: -6px;
			margin: 8px 0px 0px 0px;
			padding: 0px 3px;
			border: 1px solid #e2e2e2;
			position: relative;
			display: inline-block;
			border-radius: 2px;
		}

	.sub-navbar .dropdown-menu.notify-drop .notify-drop-footer {
		border-top: 1px solid #e2e2e2;
		bottom: 0;
		position: relative;
		padding: 8px 15px;
	}

		.sub-navbar .dropdown-menu.notify-drop .notify-drop-footer a {
			text-decoration: none;
		}

#draggablePanelList .panel-heading {
	cursor: move;
}

.builder .panel-heading {
	cursor: move;
}

/*drag */

.block-placeholder {
	background: #DADADA;
	position: relative;
}

.block-placeholder-grupo-anel {
	display: inline-block;
	width: 90px;
	height: 50px;
	background: #DADADA;
	position: relative;
}



.panel-actions {
	margin-top: -20px;
	margin-bottom: 0;
	text-align: right;
}

	.panel-actions a {
		color: #333;
	}

.panel-fullscreenfullscreen {
	display: block;
	z-index: 9999;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
}

.column {
	position: relative;
	background: #e9e9e9;
	border: dashed 1px #ccc;
	padding: 5px 10px 5px 10px;
	margin: 5px 0px;
}

	.column .blocks {
		width: 100%;
		min-height: 350px;
	}

.icon-semaforo {
	height: 30px;
	margin: 5px 0px;
}
/*panel fullscreen */
.panel.panel-success {
	width: 100%;
	z-index: 1 !important;
}

.blocks.fullscreen .panelChart {
	width: 100% !important;
	height: 100% !important;
}

.blocks.fullscreen,
.box-full-panel.fullscreen {
	position: fixed !important;
	top: 0px;
	left: 0px;
	padding: 0px !important;
	z-index: 99999 !important;
	margin: 0px;
	width: 100%;
	height: 100%;
}

	.blocks.fullscreen .panel.panel-success,
	.box-full-panel.fullscreen .panel.panel-success {
		height: 100%;
	}


.blocks .panel {
	margin: 5px 0px 5px 0px;
}

.blocks.ajuste-panel-margin .panel {
	margin: 0px 0px 15px 0px;
}

.blocks.fullscreen .panel,
.box-full-panel.fullscreen .panel {
	margin: 0px 0px 0px 0px;
}

.blocks .panel .panel-toolbar,
.box-full-panel .panel .panel-toolbar {
	pointer-events: auto;
}

	.blocks .panel .panel-toolbar li,
	.box-full-panel .panel .panel-toolbar li {
		display: block;
	}

	.box-full-panel .panel .panel-toolbar > div,
	.box-full-panel .panel .panel-toolbar > a,
	.blocks .panel .panel-toolbar > div,
	.blocks .panel .panel-toolbar > a {
		float: left;
	}

	.blocks .panel .panel-toolbar a.remove:hover,
	.blocks .panel .panel-toolbar a.remove i,
	.controle-agenda .panel-heading .fa-trash {
		color: #f37b7b !important;
	}

	.blocks .panel .panel-toolbar a.maximizePanel i:before {
		content: "\f2d0";
	}

.blocks.fullscreen .panel.panel-success .panel-toolbar a.maximizePanel i:before,
.box-full-panel.fullscreen .panel.panel-success .panel-toolbar a.maximizePanel i:before {
	content: "\f2d2" !important;
}

.blocks.fullscreen .panel.panel-success,
.box-full-panel.fullscreen .panel.panel-success {
	pointer-events: none !important;
}


.line-date ul {
	padding: 0px;
	margin: 0px;
}

	.line-date ul li {
		list-style: none;
	}

/*form */
.line-date {
}

	.line-date fieldset {
		position: relative;
		margin: 0px 0px;
		border: none !important;
		border-bottom: solid 1px #ddd !important;
	}

		.line-date fieldset div {
			padding: 0px !important;
		}

	.line-date li:last-child fieldset {
		border: none !important;
	}

	.line-date fieldset legend {
		display: inline-block;
		width: auto;
		padding: 5px 10px;
		margin: 0px;
		border: none;
		color: #000;
		font-size: 15px;
	}

		.line-date fieldset legend a.remove {
			position: absolute;
			top: 4px;
			right: -4px;
		}

			.line-date fieldset legend a.remove i {
				color: #f37b7b;
			}

			.line-date fieldset legend a.remove:hover i {
				color: #d06868;
			}

.date-title-action {
	margin-bottom: 0px;
}


/* The switch - the box around the slider */
.sliderToggle {
	position: relative !important;
	display: inline-block !important;
	width: 45px !important;
	height: 25px !important;
}

.toggleCheckGroup > span {
	float: left;
	font-weight: normal;
	margin-right: 5px;
}

.sliderToggle.mini {
	width: 31px !important;
	height: 18px !important;
}
/* Hide default HTML checkbox */
.sliderToggle input {
	display: none !important;
}

.legenda-circle.disabled {
	opacity: 0.4 !important;
	cursor: default;
	pointer-events: none !important;
}

	.legenda-circle.disabled * {
		pointer-events: none !important;
	}
/* The slider */
.sliderToggle .slider {
	border-radius: 60px !important;
	position: absolute !important;
	cursor: pointer !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background-color: #D4D1D3 !important;
	-webkit-transition: .4s !important;
	transition: .4s !important;
}

	.sliderToggle .slider:before {
		border-radius: 60px !important;
		position: absolute !important;
		content: "" !important;
		height: 20px !important;
		width: 20px !important;
		left: 3px !important;
		bottom: 3px !important;
		background-color: white !important;
		-webkit-transition: .4s !important;
		transition: .4s !important;
	}

.sliderToggle.mini .slider:before {
	height: 13px !important;
	width: 13px !important;
	left: 2px !important;
	bottom: 3px !important;
}

.sliderToggle input:checked + .slider {
	background-color: #3a9069 !important;
}

.sliderToggle input:focus + .slider {
	box-shadow: 0 0 1px #2196F3 !important;
}

.sliderToggle input:checked + .slider:before {
	-webkit-transform: translateX(20px) !important;
	-ms-transform: translateX(20px) !important;
	transform: translateX(20px) !important;
}

.sliderToggle.mini input:checked + .slider:before {
	-webkit-transform: translateX(14px) !important;
	-ms-transform: translateX(14px) !important;
	transform: translateX(14px) !important;
}
/* Rounded sliders */
.sliderToggle .slider.round {
	border-radius: 34px !important;
}

.panel-body {
}

.sliderToggle .slider.round:before {
	border-radius: 50%;
}

.tipodeLayoutPainel .quadro,
.posicaoGadget .quadro {
	display: inline-block;
	width: 142px !important;
	margin: auto;
}

	.tipodeLayoutPainel .quadro.active > div,
	.posicaoGadget .quadro div.active {
		background: #3da576 !important;
	}

.tipodeLayoutPainel .quadro,
.posicaoGadget .quadro {
	text-align: center;
}

	.tipodeLayoutPainel .quadro > div,
	.posicaoGadget .quadro > div {
		height: 100px;
		padding: 5px 0px;
		margin: 5px;
		width: 95%;
	}

		.tipodeLayoutPainel .quadro > div > div,
		.posicaoGadget .quadro > div > div {
			display: inline-block;
		}

.dashboard-icons-menu > div {
	float: none;
	display: inline-block;
}

	.dashboard-icons-menu > div > a {
		position: relative;
		display: block;
		margin: 0px 0px 20px 20px;
		width: 170px;
		height: 170px;
		border-radius: 300px;
		overflow: hidden;
		border: solid 5px #2da279;
	}

.dashboard-icons-menu.icon-sm > div > a {
	width: 100px;
	height: 100px;
}

.dashboard-icons-menu > div > a span {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 10px 0px 40px 0px;
	width: 100%;
}

.dashboard-icons-menu.icon-sm > div > a span {
	bottom: auto;
	top: 39px;
	padding: 10px 13px 10px 12px;
	font-size: 10px;
}

.dashboard-icons-menu > div > a i {
	margin-top: 25px;
	font-size: 57px;
	color: #fff !important;
}

.dashboard-icons-menu.icon-sm > div > a i {
	margin-top: 11px;
	font-size: 30px;
}

.dashboard-icons-menu > div > a:hover i {
	color: #2da279 !important;
}

/* ocorrências */
.lista-ocorrencia .panel .panel-heading {
	position: relative;
}

.lista-ocorrencia .panel h3 {
	margin: 0px;
}

.lista-ocorrencia table {
	margin: 0px;
}

	.lista-ocorrencia table td {
		padding: 10px 10px !important;
	}

		.lista-ocorrencia table td:last-child,
		.lista-ocorrencia table th:last-child {
			border: none !important;
		}

.lista-ocorrencia .base-falha {
	display: block;
	font-size: 18px;
	width: 100%;
}

	.lista-ocorrencia .base-falha.amarelo {
		background: #f4bd0e;
	}

	.lista-ocorrencia .base-falha.laranja {
		background: #f77049;
	}

.box-full-panel.fullscreen .panel.lista-ocorrencia .panel {
	margin: 0px 0px 20px 0px !important;
}

.box-full-panel.fullscreen .panel.lista-ocorrencia.panel-success .panel-body {
	height: auto !important;
}

.time-pulse {
	margin: 0px 0px 0px 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #b82222;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(255,133,133, 0.8);
	animation: time-pulse 2s infinite;
}

	.time-pulse i {
		font-size: 25px;
		color: #fff;
		margin: 2px 0px 0px 2px;
	}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	background: #e6eaeb;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background: #c6c6c6;
	border-radius: 4px;
}

.time-pulse + .tooltip.top .tooltip-inner {
	color: #fff !important;
	background: #b82222 !important;
}

.time-pulse + .tooltip.top .tooltip-arrow {
	border-top-color: #b82222 !important;
}

.time-pulse + .tooltip.right .tooltip-inner {
	color: #fff !important;
	background: #b82222 !important;
}

.time-pulse + .tooltip.right .tooltip-arrow {
	border-right-color: #b82222 !important;
}

@-webkit-keyframes time-pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255,133,133, 0.8);
	}

	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(204,133,133, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,133,133, 0);
	}
}

@keyframes time-pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255,133,133, 0.8);
		box-shadow: 0 0 0 0 rgba(255,133,133, 0.8);
		background: #da2a2a;
	}

	70% {
		-moz-box-shadow: 0 0 0 20px rgba(204,133,133, 0);
		box-shadow: 0 0 0 20px rgba(204,133,133, 0);
		background: #da2a2a;
	}

	100% {
		-moz-box-shadow: 0 0 0 0 rgba(204,133,133, 0);
		box-shadow: 0 0 0 0 rgba(204,133,133, 0);
		background: #da2a2a;
	}
}

.ff_fileupload_hidden {
	display: none !important;
}

.ff_fileupload_wrap .ff_fileupload_dropzone {
	border-color: #777777 !important;
	background-color: #474747 !important;
}

	.ff_fileupload_wrap .ff_fileupload_dropzone:hover {
		border-color: #777777 !important;
		background-color: #646464 !important;
	}

.ff_fileupload_uploads input {
	color: #000;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {
	width: 28px;
	height: 27px;
	border: 1px solid #141414;
	background-color: #343333;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td {
	padding: 1em 10px;
	;
}

.ff_fileupload_fileinfo {
	font-size: 9px;
	color: #adadad;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_errors {
	color: #f55757;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {
	padding: 8px;
}

.ff_fileupload_wrap table.ff_fileupload_uploads tr, .ff_fileupload_wrap table.ff_fileupload_uploads td {
	background: transparent !important
}


.panel.panel-success.ui-sortable-handle .panel-heading a {
	display: block;
}

.panel.panel-success.ui-sortable-handle {
	margin: 0px 0px 0px 0px !important;
}

	.panel.panel-success.ui-sortable-handle:first-child {
		margin: 0px 0px 10px 0px !important;
	}

.painel-de-ocorrencias .panel.panel-success.ui-sortable-handle .panel-heading i,
.painel-de-ocorrencias .panel.panel-success.ui-sortable-handle .panel-heading a:hover {
	color: #fff;
}

.painel-de-ocorrencias .panel {
	margin-bottom: 0px;
}

.painel-de-ocorrencias .half .panel-body {
	height: 167px;
	overflow: auto;
}

@media (max-width:767px) {

	.buttonMoon, .buttonSun {
		display: none !important;
	}

	#wrapper .sidebar-nav > .sidebar-brand {
		z-index: 9999;
		top: auto;
		position: fixed;
		bottom: 20px;
		left: 20px;
	}

		#wrapper .sidebar-nav > .sidebar-brand a {
			height: 80px;
			width: 80px;
			border-radius: 60px !important;
			overflow: hidden;
			border: none;
			box-shadow: 5px 0px 3px rgba(0,0,0, 0.2);
		}

		#wrapper .sidebar-nav > .sidebar-brand i {
			float: left;
			text-align: center;
			font-size: 30px;
			margin: 24px 25px 0px 24px;
		}

		#wrapper .sidebar-nav > .sidebar-brand span {
			display: none;
		}

	.sub-navbar h4 {
		font-size: 11px;
		margin-top: 5px;
	}

	#wrapper.active .menu-bar-bottom .menu-bar-bottom-brand i,
	#wrapper .menu-bar-bottom .menu-bar-bottom-brand i {
		margin: 25px 0px 0px 34px;
	}

		#wrapper.active .menu-bar-bottom .menu-bar-bottom-brand i:before,
		#wrapper .menu-bar-bottom .menu-bar-bottom-brand i:before {
			content: "\f041" !important;
		}

	.sidebar-scroll {
		padding-bottom: 220px;
	}

	.menu-bar-bottom .container-bar {
		position: fixed;
		z-index: 99999;
		padding-bottom: 100px;
	}

	#wrapper.active-bottom .menu-bar-bottom .container-bar {
		height: 100%;
		overflow: auto;
	}

	#wrapper.active-bottom .menu-bar-bottom .list-group {
		height: auto;
	}

	.menu-bar-bottom .menu-bar-bottom-brand {
		right: 37%;
	}

	.sub-navbar span {
		display: none;
	}

	.submenu-right-top li a.btn-xs {
		width: 23px;
		overflow: hidden;
		color: #000 !important;
	}

	div.tooltip {
		display: none !important;
	}

	.navbar-inverse .navbar-nav a {
		border: none;
	}

	#wrapper {
		padding: 0px;
		transition: all .4s ease 0s;
	}

	#sidebar-wrapper.sidebar-large {
		width: 100%;
		margin-left: -700px
	}

	#wrapper.active #sidebar-wrapper.sidebar-large {
		left: 0px;
	}

	#wrapper.active #sidebar-wrapper {
		margin-left: 0px;
		width: 100%;
		left: 0;
	}

	#wrapper.menu-side {
		padding-left: 0px;
	}

	#sidebar-wrapper {
		left: 0px;
	}

	#wrapper.active.sidebar-toggle-container {
		padding-left: 220px;
	}

	.sub-navbar span {
		margin: 8px 0px 0px 0px !important;
	}

	.sidebar-large .sidebar-nav {
		position: fixed;
		bottom: 80px;
		right: 50px !important;
		z-index: 9999;
	}

	.menu-bar-bottom .menu-bar-bottom-brand {
		position: fixed;
		bottom: 31px;
		left: 12px !important;
		right: auto;
		top: auto;
		z-index: 9999;
	}

	.sidebar-large .sidebar-brand {
		float: right;
		position: relative;
	}

		.sidebar-large .sidebar-brand i {
			margin: 25px 0px 0px 10px;
		}

			.sidebar-large .sidebar-brand i:before,
			#wrapper.active .sidebar-large .sidebar-brand i:before {
				content: "\f1de" !important;
			}

	.menu-bar .navbar-nav > li {
		padding: 0px !important;
		margin: 0px !important;
	}

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

	.menu-bar .navbar-nav > li > a,
	.menu-bar .navbar-nav > li > a:hover {
		width: 100%;
		border: none;
		border-radius: 0px;
		box-shadow: none;
		background: none !important;
	}

	.dashboard-icons-menu > div > a {
		width: 80px;
		margin: 0px;
		height: 80px;
		border-width: 2px;
	}

		.dashboard-icons-menu > div > a span {
			display: none !important;
		}

		.dashboard-icons-menu > div > a i {
			margin-top: 20px;
			font-size: 35px;
		}

	.data-table .btn {
		margin-bottom: 10px;
	}

	.nav.navbar-nav.submenu-right-top {
		display: none;
	}

	.btn-group.bootstrap-select.show-menu-arrow.show-tick.open {
		z-index: 999999999999999999999999 !important;
	}
}

.modal-monitoramento-info .modal-backdrop {
	display: none !important;
}

.modal.modal-dragg {
	width: auto !important;
	height: auto !important;
	left: auto;
	right: auto
}


.controles-cameras .control-move {
	margin: 10px 0px 20px 0px;
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 8000px;
}

	.controles-cameras .control-move a {
		position: absolute;
		font-size: 30px;
	}

		.controles-cameras .control-move a.control-up {
			margin-left: -7px;
			top: 5px;
		}

		.controles-cameras .control-move a.control-down {
			margin-left: -7px;
			bottom: 5px
		}

		.controles-cameras .control-move a.control-left {
			top: 50px;
			left: 5px
		}

		.controles-cameras .control-move a.control-right {
			top: 50px;
			right: 5px;
		}

		.controles-cameras .control-move a.control-mouse {
			top: 45px;
			margin-left: -27px;
			padding: 5px 17px;
			border-radius: 300px;
		}

.battery {
    display: inline-block;
    width: 112px;
    height: 63px;
    padding: 2px;
    position: absolute;
    bottom: 7px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    margin-top: 13px;
    z-index: -2;
}

	.battery svg {
		position: absolute;
		z-index: 999999;
		top: 20px;
		left: 9px;
		height: 71px;
		width: auto;
	}

.battery-level {
    background: #30b455;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: -2;
}

	.battery-level.warn {
		background-color: #EFAF13;
	}

	.battery-level.alert {
		padding: 0px;
		margin-bottom: 0px;
		background-color: #e81309;
	}

table tr td span {
	display: inline-block;
}

.panel-group.accordion-list {
	margin-bottom: 0px;
}

.accordion-list .panel-default > .panel-heading {
	background: none !important;
	border-bottom: solid 1px #ccc !important;
	box-shadow: none !important;
	padding-left: 0;
}

.accordion-list .panel-default {
	box-shadow: none !important;
	border-radius: none !important;
	border: none !important;
}

.accordion-list .panel-body {
	padding: 0px;
}

.modal-body .accordion-list:last-child .panel-default > .panel-heading {
	border: none !important
}

.versao {
    float: right;
    display: none;
    margin-top: 15px;
    margin-right: 25px;
}

.priority > .panel-success {
    border-width: medium;
    border-color: #349971;
}

.priority > .panel-success > .panel-heading {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

/*.mCSB_container, .mCustomScrollBox {
    overflow: initial !important;
}*/

#collapse2 > div.panel-body > div:nth-child(6) > div > div {
    max-height: 500px !important;
}

#collapse2 > div.panel-body > div:nth-child(6) > div > div > ul {
    max-height: 450px !important;
}

.legenda-bateria {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .legenda-bateria li {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .legenda-bateria li span {
            display: inline-block;
            width: 15px;
            height: 15px;
            border-radius: 60px;
            margin: 0px 9px 0 0;
            line-height: 0;
        }

.container-bateria {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .container-bateria .labels {
        border-top: solid 5px #7ad66d;
        padding: 5px;
        border-right: solid 5px #7ad66d;
        border-left: solid 5px #7ad66d;
        padding: 0 14px;
    }

    .container-bateria .temperatura {
        position: absolute;
        bottom: 6px;
        font-weight: bold;
        color: #349971;
        left: 15px;
        background: url(../images/term.jpg) no-repeat top center;
        padding-top: 26px;
        background-size: 13px;
    }

    .container-bateria .porcentagem {
        position: absolute;
        bottom: 6px;
        font-weight: bold;
        color: #349971;
        right: 15px;
    }

    .container-bateria .labels span {
        margin-top: -35px;
    }

    .container-bateria svg {
        height: 100px;
    }

.legenda-bateria li span.bg-success, .labels span.bg-success {
    background-color: #7ad66d;
}

.legenda-bateria li span.bg-danger, .labels span.bg-danger {
    background-color: #f24648;
}

.legenda-bateria li span.bg-warning, .labels span.bg-warning {
    background-color: #f7c530;
}

.legenda-bateria li span.bg-primary, .labels span.bg-primary {
    background-color: #5c5ee8;
}

.legenda-bateria li span.bg-secondary, .labels span.bg-secondary {
    background-color: #aaacb3;
}

.legenda-bateria li span.bg-info, .labels span.bg-info {
    background-color: #29dbf7;
}

.seta-direita, .seta-esquerda {
    position: relative;
}

    .seta-direita svg, .seta-esquerda svg {
        height: 40px;
    }

    .seta-direita:before {
        content: attr(data-code);
        position: absolute;
        top: -10px;
        left: 10px;
        font-weight: bold;
        color: #349971;
    }

    .seta-esquerda:before {
        content: attr(data-code);
        position: absolute;
        top: -10px;
        left: 10px;
        font-weight: bold;
        color: #349971;
    }

.panel-body-diagrama {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.labels span {
    width: 50px;
    height: 50px;
    background: #ccc;
    display: flex;
    border-radius: 60px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 8px;
    color: #fff;
}

.labels .arrow {
    margin: 6px;
    display: inline-block;
    height: 12px;
    position: relative;
    width: 12px;
}

.arrow::after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
}

.arrow.is-triangle::after {
    border-style: solid;
    border-width: 0 0 12px 12px;
    height: 0;
    width: 0;
}

.arrow.is-check::after {
    width: 6px;
}

.arrow.arrow-bar::before {
    bottom: 1px;
    content: "";
    height: 14px;
    position: absolute;
    right: -2px;
    transform-origin: bottom;
    width: 5px;
    margin: 2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.arrow.is-top {
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.arrow.is-right {
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.arrow.is-bottom {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.is-left {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.arrow::after,
.arrow .arrow::after {
    border-color: #399972;
}

.arrow.is-triangle::after,
.arrow .arrow.is-triangle::after {
    border-color: transparent;
    border-bottom-color: #399972;
}

.arrow::before,
.arrow .arrow::before {
    background-color: #399972;
}