.badge-success {
    color: #fff;
    background-color: #28a745;
  }
  .badge-warning {
    color: #1f2d3d;
    background-color: #ffc107;
  }
  .badge-danger {
    color: #fff;
    background-color: #dc3545;
  }
  .badge-info {
    color: #fff;
    background-color: #17a2b8;
  }
  .badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }


  .skin-dark-gradient {
    background: linear-gradient(#000000 , #0000ff, #8800ff);
    color:#ffffff;
    }
    .stacked-linear {
    background: linear-gradient(
        217deg,
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0) 70.71%
      ), linear-gradient(127deg, rgba(0, 0, 255, 0.8), rgba(0, 255, 0, 0) 70.71%),
      linear-gradient(336deg, rgba(75, 0, 145, 0.8), rgba(0, 0, 255, 0) 70.71%);
    }
    .login-page {
    background: linear-gradient(#000000 , #0000ff);
    }
    .login-box-body {
    background: #000;
    padding: 20px;
    color: #fff;
    }
    .login-logo a {
    color: #ffffff;
    }
    .content-header > .breadcrumb > li > a {
    color: #ffffff;
    }
  
    .box {
    background: linear-gradient(
        217deg,
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0) 70.71%), 
        linear-gradient(127deg, 
        rgba(0, 0, 255, 0.8), 
        rgba(0, 255, 0, 0) 70.71%),
      linear-gradient(336deg, rgba(75, 0, 145, 0.8), 
      rgba(0, 0, 255, 0) 70.71%);
    color:#ffffff;
    border-radius: 15px;
    border-top: 2px solid rgb(1, 1, 71);
    margin-bottom: 5px;
    margin-top: 3px;
    
    box-shadow: rgba(0, 0, 0, 0.40) 0px -23px 25px 0px inset, 
    rgba(0, 0, 0, 0.23) 0px -36px 30px 0px inset, 
    rgba(0, 0, 0, 0.24) 0px -79px 40px 0px inset, 
    rgba(0, 0, 0, 0.13) 0px 2px 1px, 
    rgba(0, 0, 0, 0.28) 0px 4px 2px, 
    rgba(0, 0, 0, 0.12) 0px 8px 4px, 
    rgba(0, 0, 0, 0.14) 0px 16px 8px, 
    rgba(0, 0, 0, 0.59) 0px 32px 16px;
  }
    .box-header {
    color: #fff;
    display: block;
    padding: 10px;
    position: relative;
    }
    .content-wrapper {
      background: linear-gradient(
      217deg,
      rgba(54, 0, 0, 0.8),
      rgba(255, 0, 0, 0) 70.71%
    ), linear-gradient(127deg, rgba(0, 0, 0, 0.541), rgba(90, 1, 94, 0.699) 70.71%),
    linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 102, 255, 0.363) 70.71%);
    }
    .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    color: #ffffff;
    background: #000020;
    }
    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #077da29e;
    }
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #0c1c2b;
    padding: 8px;
    }
    .main-footer {
    background: #dbdbdb;
    color: #000000;
    }
    #mapid { height: 100vh; }
    .icon {
    display: inline-block;
    margin: 2px;
    height: 16px;
    width: 16px;
    background-color: #ccc;
    }
    .icon-bar {
    background: url('assets/js/leaflet-panel-layers-master/examples/images/icons/bar.png') center center no-repeat;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 18px;
    padding-left: 18px;
    }
    .border-card {
    border-right: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    }
    .example-modal .modal {
      position: relative;
      top: auto;
      bottom: auto;
      right: auto;
      left: auto;
      display: block;
      z-index: 1;
    }

    .example-modal .modal {
      background: transparent !important;
    }
    .row {
      margin-right: 0px;
      margin-left: 0px;
    }
    .info-box-xs {
      box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
      border-radius: 1rem;
      border: 0;
      background-color: #fff;
      margin-bottom: 0.25rem;
      min-height: 65px!important;
      width:200px!important;
      padding: .5rem;
      position: relative;
    }