html,body{overflow:hidden;}

.popupmap table{
    font-family:Arial,Verdana,Times;
    font-size:11px;
    text-align:left;
    width:100%;
    border-collapse:collapse;
    padding:3px;
    border: 1px solid #e3e3e3;
}
.popupmap table table tr:first-child td{
    font-size:10px;
    text-align:center;
    font-weight:bold;
    background:#9CBCE2;
    padding:5px;
}
.popupmap table  tr:first-child td{
    font-size:11px;
    text-align:left;
    font-weight:bold;
    background:#D4E4F3;
    padding:3px;
}
.popupmap table td{padding:3px;}
.popupmap table tr:nth-child(odd) {background: #D4E4F3}

.ol-popup {
        position: absolute;
        background-color: white;
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding: 15px;
        border-radius: 14px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 300px;
      }
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  position: absolute;
  right: 1px;
  top: 10px;
}
a.ol-popup-closer {
  text-decoration: none;
  color: #fc4355;
  font-size: 16px;
}
      
#popup-content{
  margin:0 10px 0 0;
}


/*MODAL*/

.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		//height: 300px;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		//height: 300px;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 40px;
	}

/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}


/* ----- MODAL STYLE ----- */
.modal, .modal-backdrop {
    position: absolute !important;
}

.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
	padding : 12px;
}
.modal-backdrop {
   	display:none;
}
.modal-open .modal {
   	width: 300px;
   	margin: 10 auto;
}

.modal-body {
	max-height: 480px;
	overflow: auto;
	margin-bottom:10px;
}

#sidebar-wrapper{
		overflow: auto;
}

/* ---- FORM ---- */
.select-custom-peta{
    display:inline;
    position:relative;
    margin: 0 5px;
}
.select-peta{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e3e3e3;
    font-size: 12px;
    margin: 5px 0 5px 5px;
    min-width: 130px;
    padding: 4px 5px;
}

.select-custom-peta select + i.fa {
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 3px;
}