/*css for creation occurrence*/
/*.footer-Create-Occurrence {
}*/
.offcanvas-body-creat-occurrence {
    margin-left:15px;
}

#offcanvas-statistics .mCustomScrollBox {
    max-height: none !important;
}

#offcanvas-statistics .mCSB_container {
    min-height:99%
}

.offcanvas-body-creat-occurrence-margin {
    margin-right: 20px;
    margin-top: 0px !important;
}
/*Css for the search canvas ScrollBar*/
.gp-overflow {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.gp-overflow-width {
	width: 90%;
}
.gp-search-footer {
	height:5px;
	position:relative;
}
.gp-seach-margin {
	margin-top:10px;
}
/* Começo do CSS para Icons Menu*/ 
.buttonhelp-class {
	position: absolute;
	top: 90%;
}

.mCSB_container_wrapper {
	margin-right: 0px !important;
}

.mCSB_inside > .mCSB_container {
	margin-right: 0px !important;
}

.canvas-search-Overflow {
	height: 400px;
}
.mCustomScrollBox {
	position: absolute !important;
}

.header-buttons {
	overflow-x: hidden;
	overflow-y: auto;
}

.footer-buttons {
	overflow-x: hidden;
	overflow-y: auto;
}

.footer-buttons :hover,
.header-buttons :hover {
	color: #ff3d00 !important;
}

.mCSB_buttonUp {
	overflow: hidden;
	text-align: center;
	color: white;
	height: 20px;
	width: 60px;
	font-size: 20px;
	line-height: 1 !important;
	background-color: black;
}

.mCSB_buttonDown {
	overflow: hidden;
	text-align: center;
	color: white;
	height: 20px;
	width: 60px;
	font-size: 20px;
	line-height: 1 !important;
	background-color: black;
}
/*Make scrollBar icons hidden*/
.menubar-scroll-panel .mCSB_scrollTools {
    visibility: hidden !important;
}

/*Inicio Configuração Canvas Responsive*/
#offcanvas-services .mCSB_scrollTools {
    position: fixed;
}

/* begin - scale line css */
.scale-line {
	border-radius: 3px;
	background-color: rgba(1,1,1,0.4);
	color: white;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: max-content;
}
.separation-unit-projection {
	border-radius: 2px;
	color: white;
	float: left;
	width: 200px;
}
.custom-mouse-position {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.projectionchoise {
	color: white;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	border-radius: 3px;
	background-color: rgba(1,1,1,0.4);
	padding: 0px 10px 0px 10px;
}
.ol-scale-line {
	bottom: 0;
	left: 0;
	padding: 0;
	padding-left: 10px;
}
.ol-scale-line-inner {
	background-color: rgba(1,1,1,0.4);
	margin: 0px;
}
.unit-scale-line {
	width: 700px;
	position: relative;
	display: flex;
	flex-direction: row;
	bottom: 20px;
	font-family: Roboto, Arial, sans-serif !important;
	font-size: 11px !important;
}
.ol-scale-line {
	background: 0;
}
/* end - scale line css */

/* +++ Reset placeholders */

::-webkit-input-placeholder {
	color: #a3a3a3 !important;
}

::-moz-placeholder {
	color: #a3a3a3 !important;
}

:-ms-input-placeholder {
	color: #a3a3a3 !important;
}

input:-moz-placeholder {
	color: #a3a3a3 !important;
}


/* +++ Reset */


body {
	color: #212121;
	background: #fafafa;
}


a {
	color: #212121;
}

a:hover,
a:focus {
	color: #080808;
}


/* +++ Text Colors */

.text-primary {
	color: #ff3d00;
}

a.text-primary:hover {
	color: #ff3d00;
} 

.text-accent {
	color: #212121;
}

a.text-accent:hover {
	color: #212121;
} 

.text-info {
	color: #2c82c9;
}

a.text-info:hover {
	color: #2979bb;
}

.text-warning {
	color: #e75926;
}

a.text-warning:hover {
	color: #e34e19;
}

.text-danger {
	color: #e22211;
}

a.text-danger:hover {
	color: #d22010;
}

.text-success {
	color: #71ba51;
}

a.text-success:hover {
	color: #68b347;
}


/* +++ Interface */

#base > .backdrop {
	background-color: rgba(12, 12, 12, 0.33);
}


/* +++ Menu Lateral Direito */

#menubar {
	background: #212121;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}

#menubar .nano-slider {
	background: rgba(255, 255, 255, 0.5);
}

.map-controls > li > a:hover/*,
.map-controls > li > a:focus*/ {
	background: #121212;
	border-left: 2px solid #ff3d00
}

.map-controls li.divider:after,
.map-controls.divider li:after {
	background: rgba(255, 255, 255, 0.3);
}

.menu-icon {
	color: #fff;
}

/* Action to hold operation button */
.targetButton {
	background: #121212;
	border-left: 2px solid #ff3d00;
}
.hold-button,
.hold-single-button {
    background: #121212;
    border-left: 2px solid #ff3d00;
}

/* +++ Dashboard */

.dashboard-map {
	background: #fafafa url(/img/bg-grid.png) left top;
}

.map-search .nav-tabs > li.style-accent > a {
	color: #fff;
}

.map-search .nav > li.style-accent > a:hover,
.map-search .nav > li.style-accent > a:focus {
	background-color: #212121;
}



/* +++ Buttons */

/* + Button Primary */

.btn-primary,
.btn-primary.floating-action {
	color: #ffffff;
	background-color: #ff3d00;
	border-color: #ff3d00;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #cc3100;
	border-color: #cc3100;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #fff6e6;
	border-color: #fff6e6;
}

.btn-primary .badge {
	color: #ffffff;
	background-color: #ff3d00;
}

.btn-primary.btn-flat {
	color: #ff3d00;
}

.btn-primary.btn-flat:hover,
.btn-primary.btn-flat:focus,
.btn-primary.btn-flat:active,
.open .dropdown-toggle.btn-primary.btn-flat {
	color: #ff3d00;
}

.btn-primary.btn-flat.btn-bordered {
	border-color: #ff3d00;
}


/* + Button Accent */

.btn-accent,
.btn-accent.floating-action {
	color: #ffffff;
	background-color: #212121;
	border-color: #212121;
}

.btn-accent:hover,
.btn-accent:focus,
.btn-accent.focus,
.btn-accent:active,
.btn-accent.active,
.open > .dropdown-toggle.btn-accent {
	color: #ffffff;
	background-color: #212121;
	border-color: #212121;
}

.btn-accent:active,
.btn-accent.active,
.open > .dropdown-toggle.btn-accent {
	background-image: none;
}

.btn-accent.disabled,
.btn-accent[disabled],
fieldset[disabled] .btn-accent,
.btn-accent.disabled:hover,
.btn-accent[disabled]:hover,
fieldset[disabled] .btn-accent:hover,
.btn-accent.disabled:focus,
.btn-accent[disabled]:focus,
fieldset[disabled] .btn-accent:focus,
.btn-accent.disabled.focus,
.btn-accent[disabled].focus,
fieldset[disabled] .btn-accent.focus,
.btn-accent.disabled:active,
.btn-accent[disabled]:active,
fieldset[disabled] .btn-accent:active,
.btn-accent.disabled.active,
.btn-accent[disabled].active,
fieldset[disabled] .btn-accent.active {
	background-color: #fff6e6;
	border-color: #fff6e6;
}

.btn-accent .badge {
	color: #ffffff;
	background-color: #212121;
}

.btn-accent.btn-flat {
	color: #212121;
}

.btn-accent.btn-flat:hover,
.btn-accent.btn-flat:focus,
.btn-accent.btn-flat:active,
.open .dropdown-toggle.btn-accent.btn-flat {
	color: #212121;
}

.btn:active,
.btn.active {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline: 0;
}

.btn .pull-right,
.btn .pull-left {
	line-height: 1.5em;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	border-color: transparent;
	background: rgba(0, 0, 0, 0.15);
	color: #313235;
	opacity: 0.4;
	filter: alpha(opacity=40);
}


.btn-flat{
	background-color: transparent;
	font-weight: 500;
	border-color: transparent;
}

.btn-flat:hover,
.btn-flat:focus,
.open .dropdown-toggle.btn-flat {
	background-color: rgba(0, 0, 0, 0.03);
	border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: inherit;
}

.btn-flat:active,
.btn-flat.active {
	background-color: rgba(12, 12, 12, 0.25);
	border-color: transparent;
	color: #ffffff;
}

.btn-flat.disabled,
.btn-flat[disabled],
fieldset[disabled] .btn-flat {
	background: transparent;
	opacity: 0.3;
	filter: alpha(opacity=30);
}


/* + BTN Floating */

.floating-action {
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}

.floating-action:hover {
	-webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
	box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
}

.floating-action:active,
.floating-action.active {
	-webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
	box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
}

/* +++ TABS */

/* +++ Nav Tabs */
.nav-tabs > li > a:hover {
	border-color: #212121;
	background: transparent
}


/* + Tabs Default */

.nav-tabs.tabs-default-dark > li.active > a,
.nav-tabs.tabs-default-dark > li.active > a:hover,
.nav-tabs.tabs-default-dark > li.active > a:focus {
	border-color: #111111;
	color: #111111;
}

.nav-tabs.tabs-default > li.active > a,
.nav-tabs.tabs-default > li.active > a:hover,
.nav-tabs.tabs-default > li.active > a:focus {
	border-color: #313235;
	color: #313235;
}

.nav-tabs.tabs-default-light > li.active > a,
.nav-tabs.tabs-default-light > li.active > a:hover,
.nav-tabs.tabs-default-light > li.active > a:focus {
	border-color: #b3b3b3;
	color: #b3b3b3;
}



.nav-tabs.tabs-default-bright > li.active > a,
.nav-tabs.tabs-default-bright > li.active > a:hover,
.nav-tabs.tabs-default-bright > li.active > a:focus {
	border-color: #e6e6e6;
	color: #e6e6e6;
}



/* + Tabs Primary */


.nav-tabs.tabs-primary > li.active > a,
.nav-tabs.tabs-primary > li.active > a:hover,
.nav-tabs.tabs-primary > li.active > a:focus {
	border-color: #ff3d00;
	color: #ff3d00;
}


/* + Tabs Accent */

.nav-tabs.tabs-accent > li.active > a,
.nav-tabs.tabs-accent > li.active > a:hover,
.nav-tabs.tabs-accent > li.active > a:focus {
	border-color: #212121;
	color: #212121;
}

/* + Tabs Success */

.nav-tabs.tabs-success > li.active > a,
.nav-tabs.tabs-success > li.active > a:hover,
.nav-tabs.tabs-success > li.active > a:focus {
	border-color: #71ba51;
	color: #71ba51;
}

/* + Tabs Warning */

.nav-tabs.tabs-warning > li.active > a,
.nav-tabs.tabs-warning > li.active > a:hover,
.nav-tabs.tabs-warning > li.active > a:focus {
	border-color: #e75926;
	color: #e75926;
}

/* + Tabs Danger */

.nav-tabs.tabs-danger > li.active > a,
.nav-tabs.tabs-danger > li.active > a:hover,
.nav-tabs.tabs-danger > li.active > a:focus {
	border-color: #e22211;
	color: #e22211;
}


/* + Tabs Info */

.nav-tabs.tabs-info > li.active > a,
.nav-tabs.tabs-info > li.active > a:hover,
.nav-tabs.tabs-info > li.active > a:focus {
	border-color: #2c82c9;
	color: #2c82c9;
}


/* +++ Cards */

.card {
	background-color: #ffffff;
	color: #313235;	
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px;
}

.card .btn-flat:hover {
	background-color: rgba(12, 12, 12, 0.02);
}


/* + Card Services */
.card-services {
	border: 1px solid #d7d7d7;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.01);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.01);
}

.card-services:hover {
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}

.card-services .card-head {
	border-left: 2px solid #ff3d00;
}

.card-services:hover .card-body {
	background: #ff3d00;
	color: #fff
}

/* + Card Access */
.card-access {
	border: 1px solid #d0d0d0;
	border-left: 2px solid #ff3d00;
}

/* + Card Access */
.card-access .card-body label {
	color: #999;
}


/* +++ Styles */

/* + Style Default */

.offcanvas-pane .style-default-dark,
.card .style-default-dark,
.offcanvas-pane.style-default-dark,
.card.style-default-dark,
.floating-action.style-default-dark {
	background-color: #111111;
	border-color: #111111;
	color: #ffffff;
}

.offcanvas-pane .style-default-dark .btn-flat:hover,
.card .style-default-dark .btn-flat:hover,
.offcanvas-pane.style-default-dark .btn-flat:hover,
.card.style-default-dark .btn-flat:hover,
.floating-action.style-default-dark .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

.offcanvas-pane .style-default,
.card .style-default,
.offcanvas-pane.style-default,
.card.style-default,
.floating-action.style-default {
	background-color: #313235;
	border-color: #313235;
	color: #ffffff;
}

.card.style-default .list .tile > a {
	color: #fff;
}

.offcanvas-pane .style-default .btn-flat:hover,
.card .style-default .btn-flat:hover,
.offcanvas-pane.style-default .btn-flat:hover,
.card.style-default .btn-flat:hover,
.floating-action.style-default .btn-flat:hover {
	background-color: rgba(49, 50, 53, 0.3);
}

.offcanvas-pane .style-default-light,
.card .style-default-light,
.offcanvas-pane.style-default-light,
.card.style-default-light,
.floating-action.style-default-light {
	background-color: #b3b3b3;
	border-color: #b3b3b3;
	color: #ffffff;
}

.offcanvas-pane .style-default-light .btn-flat:hover,
.card .style-default-light .btn-flat:hover,
.offcanvas-pane.style-default-light .btn-flat:hover,
.card.style-default-light .btn-flat:hover,
.floating-action.style-default-light .btn-flat:hover {
	background-color: rgba(49, 50, 53, 0.3);
}


.offcanvas-pane .style-default-bright,
.card .style-default-bright,
.offcanvas-pane.style-default-bright,
.card.style-default-bright,
.floating-action.style-default-bright {
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	color: #313235;
}

.offcanvas-pane .style-default-bright .btn-flat:hover,
.card .style-default-bright .btn-flat:hover,
.offcanvas-pane.style-default-bright .btn-flat:hover,
.card.style-default-bright .btn-flat:hover,
.floating-action.style-default-bright .btn-flat:hover {
	background-color: rgba(49, 50, 53, 0.3);
}



/* + Style Gray */

.offcanvas-pane .style-gray-dark,
.card .style-gray-dark,
.offcanvas-pane.style-gray-dark,
.card.style-gray-dark,
.floating-action.style-gray-dark {
	background-color: #333333;
	border-color: #333333;
	color: #ffffff;
}

.offcanvas-pane .style-gray-dark .btn-flat:hover,
.card .style-gray-dark .btn-flat:hover,
.offcanvas-pane.style-gray-dark .btn-flat:hover,
.card.style-gray-dark .btn-flat:hover,
.floating-action.style-gray-dark .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}


.offcanvas-pane .style-gray,
.card .style-gray,
.offcanvas-pane.style-gray,
.card.style-gray,
.floating-action.style-gray {
	background-color: #666666;
	border-color: #666666;
	color: #ffffff;
}

.offcanvas-pane .style-gray .btn-flat:hover,
.card .style-gray .btn-flat:hover,
.offcanvas-pane.style-gray .btn-flat:hover,
.card.style-gray .btn-flat:hover,
.floating-action.style-gray .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

.offcanvas-pane .style-gray-light,
.card .style-gray-light,
.offcanvas-pane.style-gray-light,
.card.style-gray-light,
.floating-action.style-gray-light {
	background-color: #cccccc;
	border-color: #cccccc;
	color: #ffffff;
}

.offcanvas-pane .style-gray-light .btn-flat:hover,
.card .style-gray-light .btn-flat:hover,
.offcanvas-pane.style-gray-light .btn-flat:hover,
.card.style-gray-light .btn-flat:hover,
.floating-action.style-gray-light .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

.offcanvas-pane .style-gray-bright,
.card .style-gray-bright,
.offcanvas-pane.style-gray-bright,
.card.style-gray-bright,
.floating-action.style-gray-bright {
	background-color: #f6f6f6;
	border-color: #f6f6f6;
	color: #313235;
}

.offcanvas-pane .style-gray-bright .btn-flat:hover,
.card .style-gray-bright .btn-flat:hover,
.offcanvas-pane.style-gray-bright .btn-flat:hover,
.card.style-gray-bright .btn-flat:hover,
.floating-action.style-gray-bright .btn-flat:hover {
	background-color: rgba(49, 50, 53, 0.3);
}


/* Style Primary */
.offcanvas-pane .style-primary,
.card .style-primary,
.offcanvas-pane.style-primary,
.card.style-primary,
.floating-action.style-primary {
	background-color: #ff3d00;
	border-color: #ff3d00;
	color: #ffffff;
}

.offcanvas-pane .style-primary .btn-flat:hover,
.card .style-primary .btn-flat:hover,
.offcanvas-pane.style-primary .btn-flat:hover,
.card.style-primary .btn-flat:hover,
.floating-action.style-primary .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

.offcanvas-pane .style-accent,
.card .style-accent,
.offcanvas-pane.style-accent,
.card.style-accent,
.floating-action.style-accent {
	background-color: #212121;
	border-color: #212121;
	color: #ffffff;
}

.offcanvas-pane .style-accent .btn-flat:hover,
.card .style-accent .btn-flat:hover,
.offcanvas-pane.style-accent .btn-flat:hover,
.card.style-accent .btn-flat:hover,
.floating-action.style-accent .btn-flat:hover {
	background-color: rgba(49, 50, 53, 0.3);
}


/* +++ Offcanvas */

.offcanvas-pane {
	background-color: #ffffff;
	border-left: 1px solid #d0d0d0;	
}

.offcanvas-pane.active {
	-webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
}

.offcanvas-head header {
	color: #b2b2b2;	
}

/* CANVAS FOR OPERATION  */

.offcanvas-operation { /*AP CANVAS OPERATION*/
	/*width: -moz-max-content;
	width: -o-max-content;
	width: max-content;*/
	height: 100px;
	width: 165px; /*Change when Microsoft Edge suport MAX-CONTENT*/
	border-radius: 5px;
}

	.offcanvas-operation:after, .offcanvas-operation:before {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-left-color: #ffffff;
		border-right: 0;
		margin-top: -9px;
		margin-right: -9px;
	}

	.offcanvas-operation.active {
		left: -15px;
	}

.offcanvas-head > p.text {
	font-size: 15px !important;
	font-weight: bolder !important;
	color: black !important;
}

.offcanvas-head-Operation { /* AP - Canvas for Head operation*/
	position: relative;
	padding: 0px 5px;
	font-weight: bolder;
}

.offcanvas-body-operation { /*AP - OFFCANVAS-BODY-OPERATION*/
	float: left;
	margin-left: 20px;
}

	.offcanvas-body-operation > a.icon {
		text-decoration: none;
		font-size: 24px;
		display: inline-block;
		color: #ff3d00;
		margin-left: 5px;
	}

		.offcanvas-body-operation > a.icon:hover {
			-webkit-transform: scale(3.3);
			-ms-transform: scale(3.3);
			transform: scale(1.3);
		}

	.offcanvas-body-operation > p.icontext {
		font-size: 16px !important;
		color: black !important;
		margin-right: 20px;
	}
/*END CANVAS FOR OPERATION*/


/* + Badge Primary */

.badge.style-primary {
	background-color: #ff3d00;
	color: #ffffff;
}

/* + Badge Accent */

.badge.style-accent {
	background-color: #212121;
	color: #ffffff;
}

/* + label Primary */

.label.style-primary {
	background-color: #ff3d00;
	color: #ffffff;
}

/* + label Accent */

.label.style-accent {
	background-color: #212121;
	color: #ffffff;
}


/* +++ Nano Scrollers JS */

.nano > .nano-pane {
	background: rgba(0, 0, 0, 0.25);
}

.nano > .nano-pane > .nano-slider {
	background: #444;
	background: rgba(0, 0, 0, 0.5);
}


/* +++ Checkbox Switch */
.switch + .status::before {
	background-color: #d0d0d0;
	color: #f2f2f2;
}

.switch + .status::after {
	background-color: #ffffff;
}

.switch:checked + .status::before {
	background-color: #ff3d00;
}

.switch:checked + .status::after {
	background-color: #fff;
}


/* +++ Service List */
.split-list.left,
.split-login.left {
    /*background: url(/images/foto.jpg) no-repeat left center;*/
    background-size: cover;
}

.left-overlay {
	background: rgba(0, 0, 0, 0.55);	
}

.split-list.left.right,
.split-login.left.right {
    background-color: #fff;
}

.split-list.left .info-wrap .top-wrap .info,
.split-list.left .info-wrap .bottom-wrap .info,
.split-list.right .info-wrap .middle-wrap .info,
.split-login.left .info-wrap .top-wrap .info,
.split-login.left .info-wrap .bottom-wrap .info,
.split-login.right .info-wrap .middle-wrap .info {
    color: #fff;
}

.split-list.right .info-wrap .middle-wrap .info,
.split-login.right .info-wrap .middle-wrap .info {
    color: inherit;
}


/* +++ Lists */
.list li.divider:after,
.list.divider li:after {
	background: rgba(150, 151, 156, 0.3);
}


/* +++ Modal */
.modal-header {
    border-bottom: 1px solid #fff;
}
.modal-footer {
    border-top: 1px solid #fff;
}

.nav-tabs.nav > li > a {
    color: #212121;
}

.form-group .form-control {
    padding: 6px 12px;
    border: 1px solid #ccc;
}

.offcanvas-body-detail-occurrence {
    min-height: 90%;
    padding: 16px;
}