{{-- ajax(load .geo) --}}
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.25/webcam.min.js"></script>

<!-- Leaflet -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css"
integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14="
crossorigin=""/>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>

{{-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --}}

{{-- datatable --}}
{{-- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.11.4/datatables.min.css"/> --}}
{{-- Leaflet layer control style --}}
<link rel="stylesheet" href="{{ asset('userinterface/dist/css/styledLayerControl.css') }}">

{{-- MarkerCluster --}}
<link rel="stylesheet" href="{{ asset('userinterface/dist/css/MarkerCluster.css') }}">
<link rel="stylesheet" href="{{ asset('userinterface/dist/css/MarkerCluster.Default.css') }}">


 {{-- Adminlte --}}
 <!-- Google Font: Source Sans Pro -->
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
 <!-- Font Awesome -->
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/fontawesome-free/css/all.min.css') }}">
 <!-- Ionicons -->
 <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
 <!-- iCheck -->
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">


 <link rel="stylesheet" href="{{ asset('userinterface/plugins/summernote/all.min.css') }}">

 <!-- Theme style -->
 <link rel="stylesheet" href="{{ asset('userinterface/dist/css/adminlte.min.css') }}">

 <link rel="stylesheet" href="{{ asset('userinterface/plugins/summernote/summernote-bs4.css') }}">
 
<!-- overlayScrollbars -->
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/overlayScrollbars/css/OverlayScrollbars.min.css') }}">
<!-- Select2 -->
<link rel="stylesheet" href="{{ asset('userinterface/plugins/select2/css/select2.min.css') }}">
{{-- <link rel="stylesheet" href="{{ asset('userinterface/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
 <!-- Bootstrap4 Duallistbox -->
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css') }}">
 --}}

{{-- datatable --}}
{{-- <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">

<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">

 <link rel="stylesheet" href="https://cdn.datatables.net/colvis/1.1.2/css/dataTables.colVis.css">
 <link rel="stylesheet" href="https://cdn.datatables.net/colvis/1.1.2/css/dataTables.colVis.min.css">
 <link rel="stylesheet" href="https://cdn.datatables.net/colvis/1.1.2/css/dataTables.colvis.jqueryui.css"> --}}







 <link rel="stylesheet" href="{{ asset('userinterface/plugins/datatables/dataTables.bootstrap4.min.css') }}">
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/datatables/responsive.bootstrap4.min.css') }}">
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/datatables/buttons.bootstrap4.min.css') }}">

  <!-- BS Stepper -->
  <link rel="stylesheet" href="{{ asset('userinterface/plugins/bs-stepper/css/bs-stepper.min.css') }}">
{{---------------------------- REMOVED PATHS --------------------------------}}

  
{{--  <!-- JQVMap -->
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/jqvmap/jqvmap.min.css') }}"> --}}

 {{-- Leaflet pop --}}
{{-- <script src="{{ asset('userinterface/dist/css/leaflet.rrose.css') }}"></script> --}}

 <!-- Daterange picker -->
 {{-- <link rel="stylesheet" href="{{ asset('userinterface/plugins/daterangepicker/daterangepicker.css') }}"> --}}
{{--  <!-- summernote -->
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/summernote/summernote-bs4.min.css') }}"> --}}
{{--  <!-- Ion Slider -->
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/ion-rangeslider/css/ion.rangeSlider.min.css') }}"> --}}
{{-- <!-- Tempusdominus Bootstrap 4 -->
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') }}"> --}}

{{-- calendar --}}
 <link rel="stylesheet" href="{{ asset('userinterface/plugins/fullcalendar/main.css') }}">



 <link rel="stylesheet" href="{{ asset('userinterface/dist/css/simple-lightbox.css?v2.11.0') }}">

 


 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.js"></script>
 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css" rel="stylesheet" />

 <script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>
<link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css" />


<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>



<script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>
    <link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css" />


 <style>
    /* .select2.narrow {
        width: 200px;
    } */
</style>
<script>
    $(function () {
        var $select2 = $('.select2').select2({
            containerCssClass: "wrap",
        })
    })

    
</script>

<style>
    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 0px solid transparent;
        border-radius: 0.25rem;
    }

    /* right box to left */
    .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
        left: 10px;
        transition: right .3s ease-in-out,display .3s ease-in-out;
        top: 65px;
        border-radius: 10px;
    }

    /* active menu background */
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
        color: #ffffff;
        background-color: #3c8092;
        border-radius: 4px;
    }

    /* active menu background */
    /* .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #302f2f;
        background-color: #e3e2e2;
        border-radius: 4px;
    } */
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 1rem !important;
    }
</style>

{{-- data --}}
<style>
    .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    }

    .form-control:disabled, .form-control[readonly] {
    background-color: white;
    opacity: 1;
    }
</style>
{{-- select2 --}}
<style>
    .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4ba0b5;
    color: white;
    }

    .select2-container--default .select2-results__option--highlighted 
    {
    background-color: #4ba0b5;
    color: #fff;
    }

    .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover 
    {
    background-color: #4ba0b5;
    color: #fff;
    }

    .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 37px;
    user-select: none;
    -webkit-user-select: none;
    }

    .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    }

</style>


<style>
    /* Theme */
    #top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 23px;
}
</style>

 <style>
    .btn {
        border-radius: 2rem;
    }
    .nav-pills .nav-link {
        border-radius: 2rem;
    }
    .callout {
        border-radius: 0.35rem;
        box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);
        background-color: #fff;
        border-left: 5px solid #e9ecef;
        margin-bottom: 1rem;
        padding: 1rem;
    }
    .card {
    --mdb-card-spacer-y: 1.5rem;
    --mdb-card-spacer-x: 1.5rem;
    --mdb-card-title-spacer-y: 0.5rem;
    --mdb-card-border-width: 1px;
    --mdb-card-border-color: var(--mdb-border-color-translucent);
    --mdb-card-border-radius: 0.5rem;
    --mdb-card-box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);
    --mdb-card-inner-border-radius: calc(0.5rem - 1px);
    --mdb-card-cap-padding-y: 0.75rem;
    --mdb-card-cap-padding-x: 1.5rem;
    --mdb-card-cap-bg: hsla(0,0%,100%,0);
    --mdb-card-bg: #fff;
    --mdb-card-img-overlay-padding: 1.5rem;
    --mdb-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--mdb-card-height);
    word-wrap: break-word;
    background-color: var(--mdb-card-bg);
    background-clip: border-box;
    border: var(--mdb-card-border-width) solid var(--mdb-card-border-color);
    border-radius: var(--mdb-card-border-radius);
    box-shadow: var(--mdb-card-box-shadow);
}

.product {
    --mdb-card-box-shadow: 0 2px 15px -3px rgba(0,0,0,0.09),0 10px 20px -2px rgba(0,0,0,0.09);
    box-shadow: var(--mdb-card-box-shadow);
}

[class*=sidebar-light] .brand-link {
    border-bottom: 0px solid #dee2e6;
}

.main-header {
    border-bottom: 0px solid #dee2e6;
    z-index: 1034;
}

.elevation-4 {
    box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04) !important;
}

.topright {
    margin-top: 2px; 
    padding-top: 2px; 
    margin-right: 6px; 
    padding-right: 6px; opacity: 0.7;
}

.btn-edit:hover {
    color: #ffffff;
    background-color: #bbb9b9;
    border-color: #b3b2b2;
}
.btn-edit {
    background-color: #e8e8e8;
}

.btn-light:hover {
    /* color: #ffffff;
    background-color: #e93737;
    border-color: #e93737; */
}

.note-btn:hover {
    color: #ffffff;
    background-color: #4ba0b5;
    border-color: #4ba0b5;
}

.file {
  display:none;
}

  

/* SEARCH */

.height{
 height: 100vh;
}


.search{
position: relative;
box-shadow: 0 0 40px rgba(51, 51, 51, .1);
  
}

.search input{

 height: 50px;
 text-indent: 25px;
 border: 2px solid rgb(54, 150, 194, 1);


}


.search input:focus{

 box-shadow: none;
 border: 1px solid rgb(54, 150, 194);


}

.search .fa-search{

 position: absolute;
 top: 20px;
 left: 16px;
 
}

.search button{ 

 position: absolute;
 top: 5px;
 right: 5px;
 height: 40px;
 width: 85px;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #4ba0b5;
}

/* li a:hover{
    color: #78b9ca !important;
} */

.card-header {
    border-top-left-radius: 0.45rem;
    border-top-right-radius: 0.45rem;
}


.inner{
    overflow: hidden;
}
.inner img{
    transition: all 1s ease;
}
.inner:hover img{
    transform: scale(1.5);
}

.cardimage {
    --mdb-card-border-radius: 0.5rem;
    border-radius: var(--mdb-card-border-radius);
}

.sl-wrapper {
    background-color: rgba(192, 202, 206, 0.7);
}

.mat-select-panel mat-option.mat-option {
margin: 1rem 0;
overflow: visible;
line-height: initial;
word-wrap: break-word;
white-space: pre-wrap;
}

.mat-option-text.mat-option-text {
white-space: normal;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: rgba(0,0,0,.06);
    color: #212529;
}

.product-image-thumb {
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    border-radius: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    /* display: -webkit-flex;
    display: -ms-flexbox; */
    display: flex;
    margin-right: 1rem;
    max-width: 7rem;
    max-height: 7rem;
    min-width: 6rem;
    padding: 0.5rem;
}

.product-image-thumb img {
    max-width: 100%;
    height: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    max-height: 100%;
    /* margin */
}
 </style>

{{-- scrollbar --}}
<style>
/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d0d0d0; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4ba0b5; 
}

.active .bs-stepper-circle {
    background-color: #3c8092 !important;
}

.bs-stepper-circle {
    background-color: #adcad1 ; 
}s




/* .btn-primary {
    background-color: #4ba0b5 !important;
}

.btn-primary:hover {
    background-color: #134653 !important;
}

.btn-primary:active {
    background-color: #2299b7 !important;
} */


</style>