body {
   padding: 0;
   margin: 0;
}

html,
body,
#map {
   height: 100%;
   /* font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif; */
}

.alet-info-maps {
   background: rgba(255, 255, 255, 0.9);
   border: 2px solid #FFF;
}

.alet-info-maps h6 {
   font-weight: bold;
}


.sidebar.leaflet-touch {
   border: 0;
}

/* Hide control zoom top */
.leaflet-top .leaflet-control-zoom{
   display: none;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
   color: #0984e3;
}

/* Change navbar style */
@media (min-width: 768px) {
   .sidebar-left {
      left: 0px;
   }

   .sidebar-content {
      margin-left: 10px;
   }
}


.sidebar-content,
.sidebar-tabs {
   background: #fff;
   background: rgba(255, 255, 255, 0.9);
   /* background:rgba(44, 62, 80,  0.6); */
   /* color: #fff; */
}

.sidebar-tabs>li,
.sidebar-tabs>ul>li {
   color: #C1D3FF;
}

.sidebar-tabs>li:hover,
.sidebar-tabs>ul>li:hover {
   color: #0047FF;
   background-color: #fff;
}

.sidebar-tabs>li.active,
.sidebar-tabs>ul>li.active {
   color: #0047FF;
   background-color: #fff;
   /* background: rgba(9, 132, 227, 0.75); */
}

.sidebar-header {
   margin: -10px -20px 0;
   height: 80px;
   padding: 0 20px;
   line-height: 40px;
   font-size: 16pt;
   color: #000;
   background: #fff;
   background: rgba(255, 255, 255, 0.1);
}

#slide_one_div {
   position: absolute;
   width: 90%;
}

#slide_two_div {
   visibility: hidden;
}

.filter-data-alert {
   color: #fff;
   background-color: #0047FF;
   border-color: #0047FF;
   padding: 0.5rem 0.4rem 0.2rem 0.4rem;
   width: 125px;
}

/* Input */
.form-select {
   padding: 10px;
   padding-right: 30px;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
   background-repeat: no-repeat, repeat;
   background-position: right .7em top 50%, 0 0;
   background-size: .65em auto, 100%;
}

.form-select,
.form-control {
   border: none;
   border-radius: 5px;
   background-color: #F4F7FE;
   font-weight: bold;
   border: 1px solid #74b9ff;
   color: #0047FF;

}

.form-select:focus,
.form-control:focus {
   outline: none !important;
   border: 1px solid #0047FF;
   box-shadow: 0 0 10px #0984e3;
   background-color: #F4F7FE;
   font-weight: bold;
   color: #0047FF;
}

select option {
   margin: 40px;
   background: rgba(244, 247, 254, 0.3);
   color: #0984e3;
   text-shadow: 0 1px 0 rgba(244, 247, 254, 0.4);
}

/* Table */
.table-custom {
   font-size: 10px;
   background: white;
   border-radius: 1em;
   /* background: rgba(255, 255, 255, 0.85); */
}

.table-custom {
   font-family: Arial, Helvetica, sans-serif;
   border-collapse: collapse;
   width: 100%;
 }
 
 .table-custom td, .table-custom th {
   border: 1px solid #ddd;
   padding: 5px;
 }
 
 .table-custom tr:nth-child(even){background-color: #F4F7FE;}
 
 .table-custom tr:hover {background-color: #ddd;}
 
 .table-custom th {
   padding-top: 8px;
   padding-bottom: 8px;
   text-align: left;
   background-color: #0984e3;
   color: white;
 }
 
.pull-left {
   float: left !important;
}

.pull-right {
   float: right !important;
}

#tableData_wrapper .form-control {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
   background-repeat: no-repeat;
   background-color: #fff;
   background-position: 0px 3px !important;
   padding-left: 22px;
   width: 150px;
   border: none;
   border-radius: 5px;
   background-color: #F4F7FE;
   border: 0.5px solid #74b9ff;
   color: #0047FF;
   margin-bottom: 10px;
   margin-top: 10px;
}

.dataTables_info {
   font-size: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
   font-weight: bold;
   font-size: 10px;
   /* min-width: 0.2em; !important */
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
   background-color: #74b9ff;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
   top: 2px;
   background: #0984e3;
   background: rgba(9, 132, 227, 0.75);
   border: 1px solid white;
}

.list-group-item {
   padding: 0.3rem 1rem;
}

.list-group-numbered {
   font-size: 12px;
}

.text {
   font-style: italic;
   color: #AAA;
}

.marker-pin {
   width: 30px;
   height: 30px;
   border-radius: 50% 50% 50% 0;
   position: absolute;
   transform: rotate(-45deg);
   left: 50%;
   top: 50%;
   margin: -15px 0 0 -15px;
   background-color: #2980b9;
   background-color: #FF6A85;
   /* For browsers that do not support gradients */
   background-image: linear-gradient(to bottom, #0047FF, #FF6A85);
}

.marker-pin::after {
   content: '';
   width: 24px;
   height: 24px;
   margin: 3px 0 0 3px;
   background: #fff;
   position: absolute;
   border-radius: 50%;
}

.custom-div-icon i {
   position: absolute;
   width: 22px;
   font-size: 12px;
   left: 0;
   right: 0;
   margin: 12px auto;
   text-align: center;
   color: #0047FF;
}