/* Sticky footer styles
-------------------------------------------------- */
@font-face {
	font-family: 'Happy Monkey';
	src: url('../fonts/HappyMonkey.ttf');
}

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
  background: transparent url('../images/bg.jpg');

	background-size:100% 100%;
/*	background-position:center;	*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  
  font-family: 'Happy Monkey';
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #222;
  z-Index:-1;
}

.default-opacity {
	background-color: rgba(238, 238, 238, 0.8) !important;
	/* opacity: 0.9; filter: alpha(opacity=9); */ 
}

.site-content {
  width: auto;
  max-width: 95%;
  padding: 0 15px;
  background-color:#eee;
  padding-top:30px !important;
  padding-bottom: 30px !important;
}

.site-header.menu {
	height: 300px;
}

.site-header, .bar-usuario {
	max-width: 100%;
	padding:0;
	margin:0;
	
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	color:white;
}

.bar-usuario .navbar {
	padding-top:10px;
}

.bar-usuario, .bar-usuario div {
	background-color:black;
	border-color:black;
}

a { text-decoration:none !important; }

/* botao */
.btn {
	display: inline-block;
	margin-top: 2.5%;
}
.btn a{
	font-family: 'Happy Monkey', cursive;
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #ffffff, #ececec);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec));
	background-image: -webkit-linear-gradient(top, #ffffff, #ececec);
	background-image: -o-linear-gradient(top, #ffffff, #ececec);
	background-image: linear-gradient(to bottom, #ffffff, #ececec);
	background-repeat: repeat-x;
	border: #fff 1px solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-transform: uppercase;
	color: #000;
	padding: 10px 20px;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.btn a:hover{
	border: 1px solid rgb(17, 17, 17);
	background: rgb(17, 17, 17);
	text-decoration: none;
	color: #ED480B;
}

/* Loader */
.background-spinner {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1055;
	background: #ED490B;
	display:none;
}
.spinner {
	position: absolute;
	top: calc((100% / 2) - 100px);
	margin-left: calc((100% / 2) - 50px);
	z-index: 1055;
	background: #ED490B;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* default buttons */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus {
	background:#8ca10c !important;
	border-color:#8ca10c !important;
}

.text-center {
	text-align: center !important;
}

body.modal-open .modal {
	display: flex !important;
	height: 100%;
} 

body.modal-open .modal .modal-dialog {
	margin: auto;
}
.site-label{
	color:red;
}
.wrap .container {
	width: 100%;
}

.color-1, .color-2, .color-3, .color-4 {
	cursor:Pointer;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color:transparent !important;
}

.badge-notify{
	background: red;
	position: relative;
	top: -13px;
	left: -7px;
	font-size: 12pt;
	width:30px;
}

.add-on .input-group-btn > .btn {
  border-left-width:0; top: -1px; height: 34.5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}
.btn {
	color:black;
}

/* menu usuario */
.menu_usuario ul {
	list-style-type: none !important;
}

.menu_topo_usuario ul {
	list-style-type: none !important;
}

.menu_topo_usuario ul  li {
	float:right !important;
	padding-right:5px !important;
}

.menu_topo_usuario ul  li a {
	color:white !important;
}

/* calendario */
.fc-content, .fc-list-item-title {
	cursor:Pointer;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #8ca10c !important;
	border-color: #8ca10c !important;
}

#calendar {
	width: 100%;
	margin: 0 auto;
	overflow:hidden
}

/* basic positioning */
.calendar-legend { list-style: none; }
.calendar-legend li { float: left; margin-right: 10px; }
.calendar-legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; }

/* hack para remover scroll */
.fc-day-grid-container.fc-scroller {
    height: auto!important;
    overflow-y: auto;
}

.espec-list {
	margin:0;
	padding:0;
}

.espec-list li {
	float: left;
    margin-right: 8px;
    margin-top: 6px;
    list-style: none;
    border: 1px solid;
    padding-left: 9px;
    padding-right: 9px;
	border-radius: 20px;
}

/* mapa */
.mapa * {
	color:black !important;
}

.mapa {
	width:100%; margin:0 auto; height:400px
}

/* correção para celular
@media only screen and (max-width:680px){
	.mapa {
		width:85% !important; 
	}
} */

.gps-follow {
	display:block;
}

.pin-blue { color:blue !important; margin-top:-34px !important; margin-left:0px !important }
.pin-green { color:green !important; margin-top:-34px !important; margin-left:0px !important }

.center-div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.breadcrumb {
	padding: 12px 15px;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
}

/* novas alteracoes */
h2 {
	font-family: 'Happy Monkey', cursive;
	font-size: 1.8em;
	color:black !important;
	text-transform: uppercase;
}

p {
	font-family: 'Happy Monkey', cursive;
	font-size: 0.9em !important;
	word-spacing: 3px;
	line-height: 1.8em;
	color: black;
	margin-bottom: 10px;
}

.box1_img{
	margin-top: -8px;
	margin-right: 24px;
	float:right;
	width: 23.333%;
}

.wrapper {
	height: auto !important;
	height: 100%;
	margin: 0 auto; 
	overflow: hidden;
}

a {
  text-decoration: none;
}


h1, h2 {
  width: 100%;
  float: left;
}
h1 {
  color: #555;
  margin-bottom: 5px;
}
h2 {
  color: #999;
  font-weight: 100;
  margin-top: 0;
  margin-bottom: 10px;
}

.pointer {
  color: #34495e;
  font-family: 'Pacifico', cursive;
  font-size: 22px;
  margin-top: -15px;
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

.modal-title { 
	text-align:left;
}

/* hack para tirar margem do topo do navbar */
.navbar {
	margin-bottom:0;
}

/* profile */
.star {
	color: #f80;
	position: relative;
	display: inline-block;
	font-size:15pt !important;
}

.star-under {
	color: gray;
}

.star-over {
	color: #f80;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.panel-primary {
    border-color: #337ab7 !important;
}
.panel-green {
  border-color: #5cb85c !important;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f !important;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e !important;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}
.borda, .borda_busca {
	border:1px solid gray;
	margin-right: -1px;
	margin-bottom: 10px;
	border-radius:10px;
}

.borda_busca {
	height: 350px;
    overflow: auto;
	margin-right: 0px;
}

.borda .row {
	height:220px;
	overflow:auto;
}

.borda ul {
	list-style:none !important;
}

.borda ul li {
	/*margin-left:4px;*/
}


.borda .row::-webkit-scrollbar, .svc-box-items::-webkit-scrollbar, .barra_default::-webkit-scrollbar, ::-webkit-scrollbar {
    width: 15px;
    height: 18px;
}
.borda .row::-webkit-scrollbar-thumb, .svc-box-items::-webkit-scrollbar-thumb, .barra_default::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {
    height: 6px;
    border: 2px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: #555;
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.borda .row::-webkit-scrollbar-button, .svc-box-items::-webkit-scrollbar-button, .barra_default::-webkit-scrollbar-button, ::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
.borda .row::-webkit-scrollbar-corner, .svc-box-items::-webkit-scrollbar-corner, .barra_default::-webkit-scrollbar-corner, ::-webkit-scrollbar-corner {
    background-color: transparent;
}
.bottom-align-text {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-bottom:5px;
}

.svc-box-items {
	max-height:470px !important;
	overflow:auto;
}

.cursorPointer, .cursorPointer * {
	cursor:Pointer;
}

.profile-panel .panel-heading a {
	color:white !important;
}

.profile-panel .panel-heading a:hover {
	color:black !important;
}

.btn-rate.active_like {
	color:#3c763d;
}

.btn-rate.active_dislike {
	color:#a94442;
}

.modal_scroll {
	max-height: 400px;
    overflow: auto;
}

/* listagem */
/*filtros formulario*/

.filters-columns ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.filters-columns ul li {
    background-color: #efefef;
    border: 1px solid #02a696;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 200px;
}
/* .active-result {
    border: 1px solid #aaa !important;
    width: 178px !important;
} */
.filters-columns ul li .actions {
    right: 6px;
    top: 2.5px;
}
.filters-columns ul li input {
    margin-bottom: 5px;
}
.filters-columns input[type="text"], .filters-columns input[type="password"], 
.filters-columns input[type="email"], .filters-columns input[type="number"], 
.filters-columns select, .filters-columns textarea {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 0.8461em;
    padding: 5px 10px;
    width: 100%;
}
.filters-columns .actions {
    position: absolute;
    right: 24px;
    text-align: right;
    top: 6px;
    width: 145px;
}
.filters-columns {
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    min-height: 165px;
    overflow: auto !important;
    padding: 10px;
    position: relative;
    white-space: nowrap;
}
.filters-hidde-leftright {
    right: -6px;
    top: 70px;
}
.filters-hidde {
    position: absolute;
    z-index: 998;
}
.filters-columns .actions .action {
    background-color: #7c2a99;
    border-color: #65207b;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    height: 18px;
    margin-left: 5px;
    position: relative;
    width: 18px;
}
.filters-columns a {
    color: #3d3d3d;
    text-decoration: none;
}
.filters-columns .actions .action i {
    font-size: 12px;
    left: 5px;
    position: absolute;
    top: 3px;
}
.filters-table {
    border: 1px solid #d8d8d8;
    border-collapse: collapse;
    width: 100%;
}
.filters-table thead tr th {
    background-color: #f1f1f1;
    border-bottom: 0px none;
    color: #002b3c;
    cursor: pointer;
}
.data-table {
    border-collapse: collapse;
    overflow: hidden;
    width: 100%;
}
.data-table tr td, .data-table tr th, .alert, .info p {
    font-size: 0.8461em;
    padding: 6px;
}
.filters-table tbody {
    display: block;
    height: 136px;
    overflow-y: auto;
}
.filters-table {
    border-collapse: collapse;
}
.data-table {
    border-collapse: collapse;
}
.filters-table tr.grey td {
    background-color: #efefef;
}
.data-table tr.grey td {
    background-color: #efefef;
}
.filters-table tr td {
    background-color: #ffffff;
    border-bottom: 1px solid #d8d8d8;
    cursor: pointer;
    padding: 5px;
    width: 0.9%;
}
.filters-hidde-updown {
    position: relative;
}
.filters-hidde a {
    text-decoration: none;
}
.horizontal-line span {
    background-color: #02a696;
    display: inline-block;
    height: 1px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    width: 160px;
}
/* chosen select */
.chosen-container-active .chosen-choices {
    border: 1px solid #002b3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,0,153,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,0,153,.6);
}
.chosen-container .chosen-results li.highlighted {
    background-color: #7c2a99;
    background-image: none;
}
.chosen-container-multi .chosen-choices li.search-choice {
    border: 1px solid #02a696;
    background-color: #efefef;
    background-image: none;
}
/*paginacao*/

.pagination {
    margin: 0;
}
.pagination > .active > a, .pagination > .active > span, 
.pagination > .active > a:hover, .pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #00cfbb;
    border-color: #0097ac;
    color: #fff;
    cursor: default;
    z-index: 3;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #0097ac;
    color: #00cfbb;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #0097ac;
    border-color: #0097ac;
}
.pagination .active {
    color:#6CE600;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, .pagination > .disabled > span, 
.pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: #fff;
    border-color: #0097ac;
    color: #00cfbb;
    cursor: not-allowed;
}
.datagrid .panel-body {
    padding: 0px;
    border-color:#0097ac;
}
.read-more {
    position: absolute;
    bottom: 0;
    right: 0;
}

.hr {
	border:1px dotted black;
}
/*rota*/

#mapRota {
	height: 500px;
}
#floating-panel {
	position: absolute;
	top: 10px;
	left: 25%;
	z-index: 5;
	padding: 5px;
	text-align: center;
	line-height: 30px;
	padding-left: 10px;
}

#bottom-panel {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 15%;
    width: 70%;
	height: 188px;
	overflow: auto;
	background: #000;
	color:white;
	border: 1px solid #999;
	border-left: none;
	border-top: none;
	padding: 10px 15px;
	opacity: 0.8;
	z-index: 1;
}

#bottom-panel * {
	color:white;
}

.adp-placemark {
	background: #000 !important;
	border:0 !important;
	border-bottom:1px solid #fff !important;
}

.warnbox-content {
	background-color:blue !important;
}

#floating-panel {
	padding: 5px;
	font-size: 14px;
	font-family: Arial;
	display: none;
}

@media screen and (max-width: 768px) {
	#bottom-panel {
		left: 8%;
		width: 80%;
	}
}

.modal-dialog {
    height: 101%;
}

/*carousel*/
/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
.carousel-inner > .item > img {
    margin: 0 auto;
}

.carousel-inner > .item > .carousel-caption h3, .carousel-inner > .item > .carousel-caption p {
	background-color:black;
	color:white;
}

.carousel-control {
	width: 50px;
}