* {box-sizing: border-box;}
html, body{
  height: 100%;
  line-height: 1.1rem;
  color: #000;
}

body {
  background: #FFF;  
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* iOS velocity scrolling */
  /*width: 50%;margin-left: 25%;*/
}

.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: #DDD;
}

.logo-signature-banner{
  background: #FFF; color: #000; padding: 20px;
}
 
.logo-signature-banner a{
  color: #000;
}

.logo-signature-banner a:hover{
  color: #000;
}

.logo-signature-banner img{
  display: block; margin: 0 auto; margin-bottom: 10px; width: 150px;
}

#login{
  display: block;
  position: relative;
  width: 100%;
}

#login .inner{
  display: table;
  margin: 0 auto;
}

.app-error-page{
  padding: 10px;
  text-align: center;
}

.app-error-page h2{
  background: #000;
  color: #FFF;
  display: table;
  margin: 0 auto;
  padding: 10px 20px;
}

.app-error-page h2 span.warning{
  /*background: #f5d913;*/
  padding: 5px;
  color: #f5d913;
}

.app-error-page ul li{
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
  background: #DDD;
}

.espa-logo-footer{
  position: fixed;bottom: 0;width: 100%;z-index: 9999;
  background: rgba(255, 255, 255, 1);text-align: center;
  border-top: 1px solid #6d6d6d;
}
.espa-logo-footer img{
  width: auto;height: 120px;
}

pre{margin: 0;}
a{color: #e7602e; font-size: 0.8rem;}
a:hover{color: #f15d28;}
dl, ol, ul{padding: 0px;margin: 0px;}
hr{border: 0; border-top: 1px solid #bfbebb; margin: 0;}
button:focus{outline: none;box-shadow: none;}
.cursor{cursor:hand !important;cursor: pointer !important;}
.text-muted{color: #333!important;}
.text-normal{font-size: 1rem;}
.text-black{color: #000;}
.text-bold{font-weight: 700;}
.text-small{font-size: 0.6rem !important;}
.text-medium{font-size: 0.8rem !important;}
.text-faded{color: #827f7a;}
.reset-border-radius{border-radius: 0 !important;}
.green{color: #8fea3e;}
.red{color: #de392d;}
#error{font-size: 0.9rem}
#error p{margin: 0px;}
.no-border{border: none !important;}
.w-90{width: 90%;}
.w-50{width: 50%;}
.w-45{width: 45%;}
.w-40{width: 40%;}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.string { color: black; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: #bd5c39; }

.string { color: #e8e5ba; }
.number { color: #8e7360; }
.boolean { color: #4d7dc7; }
.null { color: #ab6060; }
.key { color: #88877e; }

.no-script{
  position: relative;
  overflow: hidden;
  z-index: 9999;
  color: #000;
  background: #d44242;
  border-radius: 2px;
  margin: 55px 0px;
  padding: 10px;
  font-size: 0.8rem;
  text-align: center;
  padding: 20px;
}

.nothing-found{
  font-size: 1.4rem;
  margin-top: 10px;
  color: #777;
  padding: 50px 11px;
  font-size: 1.2rem;
  letter-spacing: 0.4rem;  
  margin-top: 10px;
  color: #9c9ca1;

  /*background: #404043;*/
  /*padding: 50px;*/
  /*width: 50%;*/
  /*margin: 23px;*/
  /*margin: 50px auto;*/
  /*text-align: center;*/
  /*text-transform: lowercase;*/
}

.form-group{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.form-control{
  border-radius: 2px;
  border: 1px solid #b1b1b1;
}

.form-control:focus{
  outline: 0;
  box-shadow: none;
  border-color: #ca3908;
  border: 1px solid #ca3908;
  box-shadow: none;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #fff6e7;
  background: rgba(245, 240, 233, 0.88);
}

.bg-light{
  background: #FFF;
}

.svg-icon{
  width: 40px;
  height: 40px;
  background: #fd6d39;
  border: 1px solid #000;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.svg-icon svg{
  width: 40px;
  height: 40px;
}

.deep-orange-text{
  color: #da4916;
  color: #ff4200;
}
.deep-purple-text{
  /*color: #6a6ab7;*/
}

.w-20{width: 20%;}

.dropdown-item.active, .dropdown-item:active{
  background: none;
  color: #000;
  box-shadow: none;
  outline: none;
}

#mobile-sidebar-menu{
  display: none;
}

#sidebar-button{
  display: none;
}

.sidebar-filter-selected{
  background: #ff5417 !important;
}

.sidebar-filter-label{
  background: #323248; background: #3b3b3f;
  padding: 5px;
  color: #FFF;
  border-radius: 2px;
}

.filters-disclaimer{
  color: #767676;  
  font-size: 0.8rem;
  text-align: center;
  padding: 8px;
  /*background: #101014;*/
  /*margin: 2px 0 20px 0;*/
}

#confirmDelete{
  position: fixed;
  height: 100%; width: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.7);
  border-right: 1px solid #000;
  z-index: 9999;
  opacity: 0.95;
  border-radius: 2px;
}

#confirmDelete .inner-wrapper{
  /*background: #ff2b2b;*/
  /*background: #bd0f0f;*/
  background: #3b3b3f;
  border-radius: 2px;
  width: 50%;
  margin: 0 auto;
  margin-top: 150px;
  padding: 22px;
  text-align: center;
}

#confirmDelete .inner-wrapper .warning{
  padding: 10px;
  border: 1px solid #FFF;
  display: block;
  width: 32%;
  margin: 0 auto;
  font-size: 0.8rem;
}

#confirmDeleteMessage{
  margin-top: 26px;
  margin-bottom: 26px;
  font-size: 1.2rem;
}

#confirmDelete .inner{
  padding: 60px;
  background: #000;
  color: #FFF;
  /*border: 7px solid #FFF;*/
  /*border-radius: 10%;*/
  background: #3b3b3f;
}

#confirmDelete .delete-buttons-wrapper{
  margin-top: 50px;
}

#confirmDelete .delete-buttons-wrapper button{
  border: 1px solid #FFF;
  color: #FFF;
  border-radius: 2px;
  padding: .25rem 1.4rem;
  margin-right: 14px;
}

#sidebarLoader{
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: #3b3b3fcf;
  border-right: 1px solid #000;
  z-index: 9999;
  width: 100%;
  opacity: 0.8;

  /*display: none;*/
}

#sidebarLoader.hide{
  position: relative;
  left: -4096px;
  height: 0px;
}


#sidebarLoader .loader{
  /*display: block;*/
  /*width: 200px;*/
  /*display: table;*/
  text-align: center;
  margin: 0 auto;
  margin-top: 180px;
}

.simplepicker-wrapper.active{
  z-index: 9999;
}

.datePicker{
  z-index: 9999;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  background: red;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay{

  background: #d34715;
  border-color: #d34715;
}

#settings{
  background: rgba(0,0,0,.88);
  background: #3b3b3f;
  border-left: 1px solid #525252;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;
  max-width: 350px;
  z-index: 9999;
  color: #FFF;
  font-size: 0.8rem;
  font-weight: 100;
  display: none;
}
#settings.visible{display: block;}

#settings .inner{
  padding: 10px;
}

#settings .header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #e6ea3b;
  background: #f0f366;
  color: #222;
  padding: 6px;
  font-size: .9rem;
}
#settings .header .title{
  font-size: 1rem;
  color: #000;
  font-weight: 600;
}

/*
#settings .account-details{
  background: #27272b;
  text-align: center;
  padding: 14px 0;
}

#settings .account-details h5{
  font-size: 1rem;
  font-weight: 100;
}

#settings .account-details a{
  display: block;
  background: #444;
  color: #FFF;
  margin: 0 auto;
  display: table;
  margin-top: 12px;
  padding: 8px;
  border-radius: 2px;
}
*/

#user-actions-sidebar{
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  max-width: 500px;
  z-index: 9999;
  display: none;

  background: rgba(0,0,0,.88);
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  font-size: 0.8rem;
  font-weight: 100;
  border-left: 1px solid #525252;
}

#user-actions-sidebar.visible{display: block;}

#user-actions-sidebar .inner{
  overflow-y: scroll;
  height: 100%;
}

#user-actions-sidebar .header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #e6ea3b;
  border-bottom: 1px solid #c5c5c5;
  color: #222;
  padding: 6px;
}

#user-actions-sidebar .user-actions-listing{
  color: #000;
}

#user-actions-sidebar .user-actions-listing li{
  border-bottom: 1px solid #a7a7a7;
}

#user-actions-sidebar .user-actions-listing li .inner-listing{
  padding: 0.55rem 0.3rem;
}

#user-actions-sidebar .user-actions-listing li .inner-listing.selected{
  background: #e0d9d4;
}

#user-actions-sidebar .user-actions-listing li b{
  font-weight: 400;
}

#user-actions-sidebar .user-actions-listing li .fa{
  color: #b7b2a8;
}

#select-items-sidebar{
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  max-width: 500px;
  z-index: 9999;

  background: rgba(0,0,0,.85);
  color: #FFF;
  font-size: 0.8rem;
  font-weight: 100;
  border-left: 1px solid #525252;

  /*display: none;*/
}

#select-items-sidebar .header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #e6ea3b;
  border-bottom: 1px solid #c5c5c5;
  color: #222;
  padding: 6px;
}

#select-items-sidebar .header-sub{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
  padding: 6px;
}


#select-items-sidebar-minimized{
  background: #65bfea;color: #000;
  background: #ca3908;
  font-size: 0.8rem;
  z-index: 9999;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 17px;
  font-weight: 600;
  font-size: 1rem;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

#select-items-sidebar .select-items-listing{
  overflow-y: scroll;
  height: 95%;
  padding-bottom: 100px;
}

#select-items-sidebar .select-items-listing li{
  border-bottom: 1px solid #545454;  
  display: flex;
  align-items: center;
  justify-content: space-between;
}


#select-items-sidebar .select-items-listing li .entry{
  padding: 10px;
}


/* Navbar */

.development-actions,
.development-actions a:not(.dropdown-item){
  /*background: #f5d913 !important;*/
  background: #dccc5a !important;
  /*color: #000 !important;*/
  color: #2f2f2f !important;
  border-radius: 4px !important;
  margin-right: 4px !important;
  margin-left: 4px !important;
  border: none !important;
  font-size: 0.6rem !important;
}

.navbar{
  justify-content: flex-start;
}

.navbar-toggler-icon{
  background: none !important;
  background-image: none !important;
  color: #FFF !important;
}
.navbar-brand{padding: 0; margin-right: 2px;}
.navbar{z-index: 8000 !important}
.dropdown-menu{border: 1px solid #000000;box-shadow: 0 0 10px #000;border-radius: 2px;}

.logo{
  height: 31px;
  height: 43px;
  background: #ffa200;
  background: #ffd284;
  background: #ec906f;
  background: #FFF;
  background: #ff8e65;
  background: #ff8154;
  background: #fb7241;
  background: #FFF;
  padding: 4px;
}
.nav-bar-button{
  border: 1px solid #9a9792;
  border-radius: 2px;
  color: #FFF;

  /*padding: .25rem .5rem;*/
  padding: .45rem .5rem;
  font-size: .8rem;
  line-height: 1.5;
  display: inline-block;
  font-weight: 400;
  font-size: 0.7rem;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  -webkit-appearance: button;
  outline: none !important;
  box-shadow: none !important;

  transition: all 0.3s;
}
.nav-bar-button.active{
  background: #ffa300 !important;
  background: #FFF !important;
  border: none !important;
  border-radius: 0px;
  color: #000;
  border: 1px solid #000;
  transition: all 0.3s;

  /*margin-left: -6px;padding: 12px;*/
}

.top-nav-bar{
  background: #101010;
  background: #242426;
  z-index: 9000 !important;
  padding: 0;
  font-size: 0.9rem;
  height: 43px;
}

.navbar-light .navbar-nav .nav-link{
  color: #FFF;
  font-size: 0.75rem;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
  color: #DDD;
}

.top-nav-bar-below{
  display: flex;
  /*flex-direction: row-reverse;*/
  align-items: center;
  padding: 4px 0px;
  height: 43px;
  width: 75%;
}
.top-nav-bar-below .item{
  /*margin: 0px 3px;*/
  /*width: 100%;*/
}

.top-nav-bar-below-fix{
  /*margin-top: 57px;*/
  margin-top: 43px;
}

.top-nav-bar-below-bg{
  background: #FFF;
  background: #ec906f;
  background: #e4e4e4;
  z-index: 500;
  /*border-bottom: 1px solid #bfbebb;*/
  /*box-shadow: 0px 0px 5px #000000;*/
  border: none;
  /*margin-top: -7px;*/
  margin-top: -1px;
}

.top-fixed-navbar-padding-fix{
  height: 44px;
}

/* Navbar */

#observer{
  background: rgba(0,0,0,.88);
  position: fixed;  
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px;
  right: 0;
  left: auto;
  z-index: 9999;
  color: #FFF;
  font-size: 0.6rem;
  font-weight: 100;
  width: auto;
  display: none;
}

#observer button{
  background: #4c4c4c;
  color: #FFF;
  width: 20px;
  font-size: 7px;
  border: none;
  display: block;
  margin: 0;
}

#observer.compact{
  width: 20px;
}
#observer.compact .compact-performance, #observer.compact .text{
  display: none;
}

#observer.full{
  width: 200px;
}

#loaderBlockUI{
  background: #FFF;
  background: rgba(255, 255, 255, 0.81);
  background: #3b3b3f;
  background: #3b3b3f7d;
  background: #3b3b3fd6;
  z-index: 9000;
  padding: 50px;
  left: 0;
  top: 0;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  margin-top: 43px;
}

#loaderBlockUI.visible{  
  display: flex !important;
}

#loaderBlockUI .inner{
  color: #FFF;
  color: #a8a69c;
  text-align: center;
  margin-top: 100px;
}

#appMenuOverlay{
  background: #FFF;
  /*background: #3b3b3f;*/
  z-index: 9001;
  padding: 50px;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#appMenuOverlay .inner{
  color: #000;
}

#appMenuOverlay button{
  background: #ff4300;
  color: #fff;
  padding: 1rem;
  margin-right: 5px;
}

#appMenuOverlay .messages{
  text-align: center;
  background: #EEE;
  padding: 20px;
  margin-top: 20px;
  display: none;
}

#appMenuOverlay img{
  width: 150px;
  opacity: 0.95;
}

#loaderOverlay{
  background: #0c0e13;
  background: #0c0e13 url(../images/graphy-dark.png) center center repeat;
  /*background: #3b3b3f;*/
  z-index: 9999;
  padding: 50px;
  top: 44px;
  left: 0;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;

  display: none;
}

#loaderOverlay .inner{
  color: #FFF;
  text-align: center;
  /*margin-top: -30px;*/
  /*margin-left: -30px;*/
  margin-top: 100px;
}

#items, #items-listing{
  display: none;
}

.modal-title{
  font-size: 1.2rem;
}

.items-list-id{
  font-weight: 700;
  font-size: 0.8rem;
  color: #2f2f2f;
}

.help-notes-button{
  color: #d8d1c4;
  cursor: help;
  font-size: 1.2rem;
}

.notes-box{
  font-size: 0.75rem;
  letter-spacing: 0.03rem;
  background: #f19c07;
  background:   #b3b7c7;
  background: #b3bada;
  background: #b7bbd0;
  color: #544935;

  background: #434550;
  color: #b0a48e;

  font-family: "Times New Roman", Times, serif;
  padding: 10px;
  margin: 10px auto;  
  border: 1px solid #b5b2ac;
  border-radius: 3px;
  display: none;
}
.notes-box.visible{
  display: block;
}

.notes-box .note-label{
  padding: 0px 8px 0px 8px;
  font-size: 0.7rem;
}

.notes-box .note-info{
  font-size: 0.85rem;
  background: #e8d5b3;
  background: #f9e1b7;
  background: #f1debd;
  /*background: #b3b7c7;*/
  /*display: inline-block;*/
  display: table;
  color: #544935;
  padding: 8px 8px 8px 8px;
  margin-top: 5px;
  border-radius: 2px;
}


.alert{
  border-radius: 0px;
}

.alert-warning{
  background: #f2e1a9;
  border-bottom: 1px solid #948b70;
}

.alert-success{
  background: #709e5b;color: #FFF;
  background: #ceff07;color: #000;
  background: #49882d;color: #FFF;
  background: none;
  background: #3b3b3f;
  border: 1px solid #666;
}

.alert-danger{
  background: #b71717;
  background: #b71717f5;
  color: #fff;
  border: none;
}

.alert-info{
  background: rgba(17, 68, 162, 0.901);
  color: #fff;
  border: none;

  background: #3b3b3f;
  border: 1px solid #666;
}

.alert-info-dark{
  background: rgba(29, 55, 103, 0.901);
  color: #fff;
  border: none;
}

.save{
  border-color: #000000 !important;
  background: #e3e826 !important;
  color: #222 !important;
}

.btn:hover{color: inherit;}
.btn, .btn.focus, .btn:focus{border-radius: 2px;box-shadow: none !important;}


.btn-compose{
  background: #65bfea;color: #000;
  background: #ca3908;
  background: #ed6f43;
  font-size: 0.8rem;
}

.btn-delete{
  border: none;
  background: #d32222;
  color: #fff;
  font-size: 0.7rem;
}
.btn-delete:hover{
  color: #CCC;
}

.btn-create{
  background: #e5e863;
  color: #000;
  font-weight: 600;
}

.btn-draw-polygon{
  background: #1756ca;
  color: #FFF;
  font-weight: 600;
}

.btn-draw-point{
  background: #ff4000;
  color: #FFF;
  font-weight: 600;
}
.btn-draw-point:hover{
  color: #EEE;
}

.btn-custom{
  color: #333;background: none;border-color: #333;
}

.btn-dark{
  background: #3c3c4c;
  background: #3b3b3f;
  border: 1px solid #616165;
  color: #FFF;
  font-size: 0.78rem;
}

.btn-blue{
  background: #474780;
  color: #FFF;
  font-size: 0.78rem;
}

.btn-orange{
  background: #d34715;
  background: #dc4c19;
  background: #e8683a;
  color: #FFF;
  font-size: 0.7rem;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:not(:disabled):not(.disabled).active,
.btn-orange:not(:disabled):not(.disabled):active{
  color: #DDD;
}


.btn-am-action{
  font-size: 0.7rem;
  color: #403f3e;
  border: 1px solid #d0cec7;
  color: #403f3e;
  border: 1px solid #50504e91;
  /*padding: 0.34rem 0.5rem;*/
  background: none;
}

.btn-red{
  background: #ff6565;
}

.btn-green{
  background: #e5e863;
}

.btn-am-action:hover{
  color: #000;
  border-color: 1px solid #000;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle
{
  color: #333;
  background: none;
  border-color: #333;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle
{
  color: #333;background: none;border-color: #333;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle
{
  color: #333;background: none;border-color: #333;
}

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle
{
  color: #333;background: none;border-color: #333;
}

#alertFlash{
  position: fixed;
  bottom: 0px;
  z-index: 9999;
  width: 100%;
  display: none;
}

#alertFlash .inner{
  width: 40%;
  margin: 0 auto;
  padding: 35px;
  position: relative;
  overflow: hidden;
  word-wrap: break-word;
}

/* Leaflet map *//* Leaflet map *//* Leaflet map *//* Leaflet map *//* Leaflet map */

.leaflet-marker-icon{
  /*border: 2px solid rgb(211, 71, 21) !important;*/
  /*border-radius: 50%;*/
  border-radius: 5%;
  background: #000000a1;
  background: none;

}

.leaflet-div-icon, .leaflet-marker-draggable{
  /*background: #ffa200;*/  
  margin-left: -12px !important;
  margin-top: -12px !important;
  width: 24px !important;
  height: 24px !important;
  /*border-radius: 10%;*/

  border-radius: 50%;
  background: rgba(255, 162, 0, 0.84);

  /*border: inherit !important;*/
  /*background-color: rgba(254,87,161,0.1) !important;*/
  /*border: 4px dashed rgb(255, 0, 0) !important;*/
  /*-webkit-border-radius: 4px !important;*/
  /*border-radius: 4px !important;*/
  /*box-sizing: content-box !important;*/
}


.leaflet-container a.leaflet-popup-close-button{
  color: #67615e;
  text-align: center;
  padding: 7px;
  width: auto;
  height: auto;
  font-size: 1.9rem;
}

.leaflet-container a.leaflet-popup-close-button:hover{
  color: #444;
}


.leaflet-popup{
  /*background: rgba(230, 226, 218, 0.87) !important;*/
  /*border-radius: 4px !important;*/
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip{
  padding: 0 !important;
  background: none !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.7) !important;
  padding: 2px !important;  
  border-radius: 5% !important;
}

.leaflet-popup-content{
  padding: 0 !important;
}

.leaflet-edit-marker-selected{
  /*border: 10px solid rgb(255, 0, 0) !important;*/
  border: 4px dashed rgb(0 0 0 / 69%);
  background: #ffffffb5 !important;
}

.map-text{
  background: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 700;
  /*opacity: 1 !important;*/
  /*color: #000 !important;*/
  /*color: #0000005e !important;*/
  /*font-size: 1.4rem;*/

  color: #FFF !important;
  /*text-shadow: 0 0 1px #000;*/
  font-size: 100%;

  color: #322f2e !important;
}

.map--relation-text{
  color: #85836f;
  background: #5c5a49 !important;
  padding: 5px;
  font-weight: 600;
  font-size: 100%;
}

.lf-pop-window{
  padding: 7px 0 !important;
  margin: 0px;
}

.popup-title{
  font-size: 0.8rem;
  font-weight: 600;
}

#sidebar-shapes-list{
  position: fixed;
  width: 25%;
  /*top: 10%;*/
  height: 85%;
  overflow-y: scroll;
  background: #FFF;
  border: 10px solid #383328;

  /*
  border: 10px solid #000;
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-top: 40px;
  padding-bottom: 50px;
  margin-top: 1px;
  background: #FFF;
  */
  display: none;
}

#shapes-list {
  overflow-y: scroll;
  position: relative;
  /*height: 100%;*/
  height: 92%;
  border: 2px solid;
  margin: 15px;
  border-radius: 4px;
}

#shapes-list li{
  background: #EEE;
  border-bottom: 1px solid #666;
  cursor: hand;
  cursor: pointer;
  transition: all 0.2s;
  padding: 10px;
  font-size: 0.8rem;
  text-align: center;
}

#shapes-list .title{
  font-weight: 900;
}

#shapes-list .id{
  font-size: 0.6rem;
}
#shapes-list .selected{
  /*background: #a4ff4f;*/
  background: rgb(229, 199, 144) !important;
  padding: 10px;
  transition: all 0.2s;
}
#shapes-list .controls{
  background: #FFF;
  border: 1px solid #000;
  border-radius: 4px;
  padding: 5px;
  display: none;
}

.shape-controls{
  color: red;
}

#relations-wrapper{
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%
  height: 100%;
  /*
  position: fixed;
  top: 0px;
  left: 0px;  
  z-index: 900;
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 43px;
  border: 6px solid #ff4300;
  */

  /*position: fixed;*/
  height: 80%;
  height: 100vh;
  width: 75%;max-width: 75%;
  /*width: 100%;max-width: 100%;*/
  overflow: hidden;
  left: 0;
  padding: 0;
  z-index: 400;
}

#relations-controls-wrapper{
  position: fixed;
  display: flex;
  vertical-align: middle;
  align-items: center;
  flex-direction: row;
  width: 100%;
  top: 85px;
  height: 39px;
  height: auto;
  padding: 6px 0;
  left: 0;
  background: #3b3b3f;
}

#relations-controls-wrapper button{
  margin-left: 5px;
  margin-right: 5px;
}

.relations-button{
  border: 1px solid #9a9792 !important;
  border-radius: 2px;
  color: #FFF;
   padding: .25rem .5rem; 
  font-size: .8rem;
  line-height: 1.5;
  display: inline-block;
  font-weight: 400;
  font-size: 0.8rem;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
}

#relations-close{
  position: fixed;
  right: 0;
  margin-top: 2px;
}

#relations{
  position: fixed;
  /*background: #FFF;*/
  border: 6px solid #bbbbbb;

  display: block;
  height: 87vh;
  width: 75%;
  max-width: 75%;
  overflow: hidden;
  padding: 0;

  top: 122px;
  left: 0;
  left: 25%;
}

.relations-label{
  margin-bottom: 39px;
  /*background: #EEE;*/
  /*border: 1px solid #aaa;*/
  padding: 2px 6px;
  font-size: 0.7rem;
  /*cursor: pointer;*/
  border-radius: 1px;
  box-shadow: none;
  color: #696969;
}

.relations-button{
  font-size: 0.7rem;
}

.relation-selected{
  background: #f6fb3ed1;
  color: #444;
  border-color: #444 !important;
}

/* Map Plan Leaflet */

#map-wrapper-fix{
  /*background: red;*/
  /*position: absolute;*/
  /*top: 0;left: 0*/
  /*width: 100%;height: 100%;*/
  /*z-index: 450;*/
}

#map-wrapper-fixed{
  background: #000;
  /*background: #101015 url(../images/graphy-dark.png) center center repeat;*/
  /*background: #0f0f15 url(../images/graphy-dark.png) center center repeat;*/
  background: #151515 url(../images/graphy-dark.png) center center repeat;  
  overflow: hidden;
  padding: 0;
  position: fixed;
  z-index: 400;
  height: 100vh;
  /*height: 50vh;*/
  width: 75%;
  max-width: 75%;
  left: 0;
  top: 84px;
}

#main-map-controls{
  background: #FFF;
  background: #d3d3d3;
  background: #242426;
  background: #353535;
  background: #3b3b3f;
  padding: 4px;
  height: 38px;
}

#main-map-controls .btn-main{
  background: #546592;
  background: #44547f;
  background: #7e9ad0;
  color: #FFF;

  color: #333;
  background: none;
  border-color: #333;
}

.btn-map-control{
  font-size: 0.65rem;  
  background: rgb(236 240 74 / 87%);
  background: #3c3c4c;
  background: #3b3b3f;
  border: 1px solid #616165;
  color: #FFF;
  color: #b0b0ba;
  color: #bfbfbf;
}

.btn-map-control:hover{
  color: #FFF;
}

.control-item{
  margin-right: 5px;
  display: flex;
  border-right: 1px solid #46464b;
  padding: 6px 6px;
}

#map-coordinates-observer{
  position: fixed;
  background: rgba(255, 255, 255, 0.85);
  color: #6b665c;
  border: 1px solid #000;
  z-index: 800;
  font-size: .7rem;
  padding: 4px;
  right: 0;
  right: 90px;
  bottom: 0;
  font-size: .65rem;right: 0;bottom: 0;
  background: #1a1a1c;
  padding: 10px;
}

#map-wrapper{
  background: #222;
  padding: 10px;
  height: 80%;
  margin-top: 81px;

  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 80%;

  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*position: relative;*/
  /*overflow: hidden;*/
}

#map-wrapper .left{
  background: #FFF;
  /*width: 20%;*/
  width: 350px;
  /*height: 100%;*/
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
  height: 100%;
  min-height: 100%;
}

#main-map{
  width: 100%;
  height: 90%;
  height: 86%;
  background: transparent;
  /*border: 10px solid rgb(208, 208, 208);*/
  /*border: 14px solid #242426;*/
  border: none;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#items{
  /*box-shadow: 0 0 42px #8e816b inset;*/
  /*box-shadow: 0 0 19px #b3a692 inset;*/
  /*padding: 22px;*/
  margin-top: 20px;
}

#items-list{
  /*padding-bottom: 200px;*/
}

.items-offline-list{
  display: block;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #b8b8b8;
  font-size: 0.8rem;
  word-break: break-word;
  /*transition: all 0.3s;*/
  background: #FFF;
}

#items-sidebar .items-offline-list{
  display: block;
}

#items-sidebar .item-list-details-left-wrapper{
  /*background: green;*/
  float: right;
}

#items-sidebar .item-list-details-right-wrapper{
  /*background: red;*/
  float: left;
  display: block;
  width: 100%;
}

.listing-no-entries{
  background: #FFF;
  text-align: center;
  font-size: 0.7rem;
  padding: 10px;
}

.items-offline-list.layer-selected,
.listing li.square.layer-selected,
.sub-listing li.layer-selected
.sub-listing div.layer-selected
{
  display: table;
  transition: all 0.5s;
}

.listing li.square.layer-selected, .sub-listing li.layer-selected{
  /*background: #a4ff4f;*/
}

.items-offline-list.layer-selected{
  background: #f5cb81;
  background: #f5cb8180;
}

.items-offline-list.highlight{
  background: #f5cb8180;
  background: #fdffc2;
  background: #f5cb8180;
  background: #ffe5c0;
}

.shape-controls-container{

  position: relative;
  overflow: hidden;
  transition: margin 0.4s;

  background: #FFF;
  padding: 10px 0px;

  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;

  /*border: 2px solid #928a7c;*/
  /*border-radius: 0px 0px 2px 2px;*/
  border-top: 0;
  margin-bottom: 10px;
  margin-top: -8px;

  border-radius: 3px;
  margin-top: 0px;
}

.shape-controls-container-margin-animation{
  transition: margin 0.4s;
  margin-top: -8px;
}


.shape-controls-container .btn{
  font-size: 0.7rem;
}

.shape-controls-container .inner{
  /*display: table;*/
  /*margin: 0 auto;*/
}

.shape-controls-container .title{
  font-size: 0.7rem;
}

/* Leaflet map *//* Leaflet map *//* Leaflet map *//* Leaflet map *//* Leaflet map */

.bg-am-yellow{background: #ffa300;}

.debug_ids{
  font-size: 0.7rem;
  background: #DDD;
  color: #806924;
  display: inline-block;
  display: none !important;
  width: auto;
}

.custom-file-input:focus~.custom-file-label{border: none;box-shadow: none;}
.custom-file-label::after{border-radius: 0px;}
#progress-percent{display: none; margin-top: 10px; font-size: 0.8rem;}
#progress-bar{
  display: none;
  width: 100%;
  margin: 0 auto;
  /* Reset the default appearance */
  -webkit-appearance: none;
  appearance: none;
  height: 20px;
  background: #b75430;
  background: #e8683a;
  color: #b75430;
  color: #d34715;
  color: #e8683a;
  margin-bottom: 10px;
}
progress::-webkit-progress-value{background: #d34715;}
progress::-moz-progress-bar{background:#d34715;}
progress{color: #d34715;}

.lablel-small{
  font-size: 0.7rem;
}
.input-id-small{
  /*width: 50px;*/
}

.id{
  background: #d1d1d1;
  font-size: 0.7rem;
  /*display: none;*/
}

#messages{
  background: rgba(0,0,0,.8);
  z-index: 9999;
  padding: 50px;
  display: none;
  overflow-y: scroll;
  height: 80%;
  height: 100%;
  top: 43px;
  left: 0;
}

#messages .btn{
  color: #FFF !important;
  border: 1px solid #FFF !important;
}

.loading{
  font-size: 0.9rem;
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: #6b6864;
}

.dropdown-menu{
  z-index: 555 !important;
}

.form-wrapper{
  background: #FFF;
}

.form-title{
  color: #aba69f;
  font-size: 1.5rem;
  color: #464645;
  margin-top: 20px;
}

.form-select-item-type{
  /*display: inline-block;*/
  background: #f7f3ec;
  border: 1px solid;
  border-radius: 2px;
  padding-left: 10px;
}
.form-select-item-type label{
  /*padding: 10px;*/
  padding: 5px 10px;
}


.link-3d{
  /*background: #323248; background: #3b3b3f;*/
  /*background:#364f7d;*/
  padding:10px;
  margin-bottom: 10px;
}

.link-3d-tokens{
  background: #323248; background: #3b3b3f; padding: 10px;margin: 10px 0;
}

.item-details-compact{
  background: #f1debd;
  background: #e6ddcd;  
  color: #444;
  padding: 10px;
  margin: 20px 0;
  font-size: 0.8rem;

  /*background: none;*/
  /*color: #9b9b9b;*/
  /*color: #c2c2c2;*/
}

.item-details-compact .entry{
  border-bottom: 1px dashed #7a766e;
  padding: 10px;
}

.item-details-compact .entry .label{
  font-weight: 600;
  margin-right: 5px;
}

.item-details-compact .entry .field-description{
  color: #a4a4a4;
}

.item-details-section-title{
  padding: 5px 0;
  margin-bottom: 9px;
  margin-top: 15px;
  font-size: 0.9rem;
  font-weight: 100;
  color: #cfcfcf;
  padding: 5px;
  margin-left: 0;
  margin: 0 auto;
  border-radius: 4px 4px 0 0;
  border-top: 1px solid #525252;
  background: #2a2a2d;
  background: #333338;
  margin-top: 10px;
  padding: 9px;
  font-size: 0.8rem;
}

.item-details-section-title .fa{
}

.uuid-copy{
  display: inline-block;
  background: #5181de;
  background: #FFF;
  font-size: 0.6rem;
  padding: 2px 4px;
  text-align: center;
  /*margin-top: 4px;*/
  margin-bottom: 4px;
  color: #000;
  font-weight: 100;
  border: 1px solid #c4c4c4;
  border-radius: 2px;

  background: none;
  color: #717171;
  border: none;
}

#dropdownSelectStatusDropdown{

}

.form-control-colored{
  /*background: #ff652e;*/
  color: #000;
  font-size: 0.8rem;
  font-weight: 700;
}

.item-form-section{
  background: #fff6e7;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
  margin-top: 35px;
  padding: 15px;
}

.item-form-attributes{
  display: none;
}

.item-form-category-fields{
  display: none;
}

.item-form-save{
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.92);
  padding: 12px;
  color: #FFF;
}
.item-form-save button,
.item-form-save button:hover,
.item-form-save button:focus{
  color: #FFF;
  border-color: #FFF;
}

.form-input-clean{
  border: none;
  background: none;
  outline: none;
  transition: all 0.3s;
}

.form-input-clean.active{
  box-shadow: 0 0 3px #000 inset;
  box-shadow: 0 0 0px 4px #ff4300 inset;
  box-shadow: 0 0 0px 4px #312d2a inset;  
  padding: 14px;
  transition: all 0.3s;
}

.form-button-delete{
  background: #ffebc7;
  padding: 6px;
  border: 1px solid #c9c6c0;
  border-radius: 2px;
}

.form-button-delete-repository{
  padding: 0.20rem .5rem;
  font-size: 0.7rem;
  background: #ffebc7;
  border: 1px solid #a39884;
  border-radius: 2px;
}

.attribute-edit{
  background: red;
  display: table;
  width: 100%;
  padding: 0 !important;
  /*border: none !important;*/
}

.attribute-edit input{
  display: table-cell;
  padding: 10px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.category-type input{
  display: table-cell;
  padding: 12px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.attribute-edit button{
  display: table-cell;
  width: 10%;
}

.period-edit{
  width: 75%;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.indentation{
  /*width: 5%;*/
  width: 50%;
  display: table-cell;

  display: table-cell;
  padding: 10px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-appearance: textarea;
}

.input-hidden{
  display: none !important;
}

.period-input-visible{
  display: table-cell !important;
}

#image-upload-container{
  display: none;
}

.custom-file-label{
  border-radius: 0px;
  background: #d34715;
  background: #39393d;
  color: #FFF;
  font-size: 0.8rem;
}

.upload-image-buttons{
  /*background: #fb7241;*/
  display: table;
  width: 100%;
  border: 1px solid #8e8e8e;
}

.upload-image-buttons button{
  display: table-cell;
  width: 50%;
  border-radius: 0px;
  border: none;
  color: #d6d6d6 !important;
  font-size: 0.7rem !important;
}

.upload-image-buttons button.border-right{
  border-right: 1px solid #8e8e8e;
}

.upload-image-buttons button.featured{
  background: #e3e826d9;
  color: #000 !important;
}

.image-cell-wrapper {
  width: 200px;
  height: 200px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px dashed #FFF;
  display: inline-block;
  vertical-align: middle;
  cursor: move;
  text-align: center;
  transition: background .5s;
}

.image-cell-wrapper img{
  /*width: 200px !important;*/
  /*display: table-cell;vertical-align: middle;*/
  width: 100%;
}

.idig-data-content{
  display: none;
  margin: 0;
  clear: both;
  background: #FFF;
  background: #2e2e30;
  font-size: 0.8rem;
}

pre{
  color: #bdbdbd;
  background: #4c4b3d;
  padding: 10px;
}


#item-images-order,
#layer-images-order
{
  margin-top: 20px;
  padding: 10px;
  background: #000;
  border: 2px solid #d34715;
  border-radius: 2px;
}

.form-images img{
  width: 100%;
  max-width: 200px;
}

.form-images img.image-draggable{
  border: 4px dashed #FFF;
  width: 200px;
  margin: 10px;
}

#item-images,
#layer-images
{
  border-radius: 2px;
  padding: 0;
  background: #262626;
  background: #19191d;
  border: 1px solid #3b3b3b;
  margin-top: 10px;
}

#item-images .no-images,
#layer-images .no-images{
  color: #fb7241;
  font-size: 0.8rem;
  padding: 10px;
  background: #5a4c47;
}

#item-images img
#layer-images img
{
  width: 200px;
  width: 100%;
  max-width: 200px;
}

#item-images ul, li {list-style: none;margin: 0;padding: 0;}
#layer-images ul, li {list-style: none;margin: 0;padding: 0;}

#item-images li,
#layer-images li
{
  display: inline-block;
}

.image-id{
  width: 100%;
}

.sl-overlay{
  z-index: 9000 !important;
  background: #000 !important;
  opacity: 0.8 !important;
}

.sl-prev, .sl-next, .sl-close{
  /*color: #ff4300 !important;*/
  /*color:  #c29d01 !important;*/
  color: #dd511f !important;
  font-size: 4.5rem !important;
  text-shadow: 0 0 4px #2f2f2f;
}

.empty-item-details{
  padding: 1px 10px;
  font-size: 0.6rem !important;
  margin: 2px 0;
  padding: 1px;
  /*border-bottom: 1px dotted;*/
  display: inline;
  color: #000000;
  color: #9d3838;
}

/* Layout */
#sticky-sidebar-wrapper{
  display: flex;
  height: 100vh;
  height: 94vh;
  padding: 0;
  margin-top: -1px;
  background: black;
  background: #13132dbd;
  background: none;
  border-right: 1px solid #c2c2c8;

  /* Firefox */
  height: -moz-calc(100% - 30px);
  /* WebKit */
  height: -webkit-calc(100% - 30px);
  /* Opera */
  height: -o-calc(100% - 30px);
  /* Standard */
  height: calc(100% - 30px);
}

#sticky-sidebar{
  overflow-y: scroll;
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 93%;
  height: 94%;
  /*padding-bottom: 200px;*/
  background: #FFF;
  /*background: url(../images/gridtile_3x3.png), rgba(0,0,0,.6);*/  
  /*background: url(../images/gridtile_3x3.png), rgba(0, 0, 0, 0.65);*/
  background: url(../images/gridtile_3x3.png), rgba(0, 0, 0, 0.8);
  background: #222;
  background: #3b3b3f;
  background: #28282b;
  background: #1e1e22;
}

#sidebar-left-fixed{
  z-index: 550;position: fixed;
  top: 0;right: 0;
  height: 100%;
  padding: 10px;
  width: 50%;

  background: rgba(0,0,0,.5);
  overflow-y: scroll;

  display: none;
}

#bottom-filters{
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  margin: 0;
  z-index: 600;
  color: #000;
  font-size: 0.8rem;
  /*display: flex;align-items: center;*/
}

#filters-top-bar, .no-filters-bottom{
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  margin: 0;
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  background: rgba(0, 0, 0, 0.88);
  color: #FFF;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-top: 1px solid #55555a;
  background: #3b3b3f;
}

#filters-top-bar li{
  display: inline-block;  
  color: #453c2c;
  background: #ffa70bd9;
  font-size: .7rem;
  font-weight: 400;
  padding: 6px 7px;
  border-radius: 2px;
  cursor: hand;
  cursor: pointer;
  margin: 2px 0px;
  color: #000;
  padding: 8px 10px;
  background: none;
  color: #e2e2e2;
  color: #e4e2de;
  color: #000000;
  color: #000000;
  background: #FFF;
}

#main{
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #FFF;
}

#main-map{
  /*display: none;*/
}

.flex-row-center{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row-center-reverse{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}


/* END layout*/

#main{
  z-index: 450;
}

/* Dashboar sidebar */

#items-header{
  padding-left: 10px;
  background: #f5b544;
  background: #ff8e65;
  background: #ff8154;
  background: #fb7241;
  background: #FFF;
  padding: 10px;
  padding: 0px;
  margin: 0;
  position: fixed;
  right:0;
  top:0;
  z-index: 9000;
}

#sidebar-header{

}

#sidebar-header h4{
  font-size: 0.8rem;
}

.sidebar-entity{
  /*display: none;*/
}

.sidebar-entity-tabs{
  font-size: 0.8rem;
  padding: 0;
  position: fixed;
  margin-top: 0px;
  /*white-space:nowrap;*/
  /*overflow:visible;*/
  /*width: 100%;*/
  /*width: 250px;*/
  /*display: flex;*/
  /*flex-direction: row;*/
  /*align-items: center;*/
  /*margin-top: 0px;*/
  /*height: 46px;*/
  z-index: 800;
  left: 0;
  display: table;
  width: 100%;

  box-shadow: 0 0 10px #000;

  /*display: inline-table;*/
  /*display: table;*/
  /*position: fixed;*/
  /*-webkit-transform-origin: left top;*/
  /*-ms-transform-origin: left top;*/
  /*-moz-transform-origin: left top;*/
  /*-o-transform-origin: left top;*/
  /*-webkit-transform:matrix(0.97,0,-0.2,0.97,114, 181);*/
  /*-ms-transform:matrix(0.97,0,-0.2,0.97,114, 181);*/
  /*-moz-transform:matrix(0.97,0,-0.2,0.97,114, 181);*/
  /*-o-transform:matrix(0.97,0,-0.2,0.97,114, 181);*/
}

.sidebar-entity{
  margin-top: 63px;
  margin-top: 10px;
  padding: 0px 14px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.sidebar-entity-tabs .sidebar-tab{
  /*background: #FFF;*/
  /*background: #dfd6c6;*/
  /*background: #5b6946;*/
  background: #586344;
  background: #5b7923cc;
  background: #37461bcc;
  background: #4e6326cc;
  /*background: #57653ecc;*/
  /*background: #27272db5;*/
  /*background: #262703ad;*/

  background: #d6da4ab3;
  background: #FFF;

  /*background: rgba(255, 255, 255, 0.83);*/
  border: none;
  border-right: 1px solid #bfbebb;  
  padding: 5px 2px;
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
  width: auto;
  /*width: 12%;*/
  font-size: 0.8rem;
  cursor: hand;
  cursor: pointer;
}

.sidebar-entity-tabs .sidebar-tab.search{
  width: 6% !important;
}

.sidebar-entity-tabs .sidebar-tab button{
  border: none;
  background: none;
  padding: 8px 4px;
  outline: none !important;
  color: #FFF;
  color: #444;
  color: #000;

}

.sidebar-entity-tabs .sidebar-tab.selected button{
  color: #FFF;
  color: #000;
}

.sidebar-tab .fa{
  font-size: 0.7rem;
}

.sidebar-entity-tabs .sidebar-tab{
  /*transition: all .3s;*/
}

.sidebar-entity-tabs .sidebar-tab.selected{
  /*background: #a4ff4f;*/
  /*border: 1px solid #000;*/
  background: #ffa200;
  background: #9797f7;
  background: #8aaae5;
  background: #9797f7;
  background: #67677b;
  background: #606090;
  background: #d6da4ab3;
  background: #f6fb3eb3;
  background: rgba(246, 251, 62, 0.87);
  background: rgba(231, 251, 100, .87);
  background: rgb(250 255 63 / 87%);
  background: rgb(244 249 90 / 87%);
  /*background: rgba(249, 255, 38, 0.85);*/
  /*rgba(232, 235, 30, 0.85)*/
  color: #000;

  /*border: 1px solid #8a8782;*/
  /*border: none;*/
  /*transition: all .3s;*/
}

#sidebar-tab-items{
  /*background: #ff8e65;*/
  display: none;
}

/*.fixed-sidebar-header-wrapper*/
#squaresLayersSidebarFixedWrapper{
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;

  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*.fixed-sidebar-header{*/
#squaresLayersSidebarFixed{
  position: fixed;
  z-index: 1000;
  transform:translateZ(10px);
  -webkit-transform:translateZ(1px);
  -moz-transform:translateZ(1px);
  -o-transform:translateZ(1px);
  transform:translateZ(1px);
  top: 84px;
  left: 0;
  width: 100%;
  max-width: 25%;
  display: flex;flex-direction: row;align-items: center;
  border: none;
  /*border-bottom: 1px solid #555555;*/
  color: #000;
  background: #585858;
  background: #54545f;
  background: rgba(33, 33, 38, 0.90);
  background: #323248; background: #3b3b3f;
  background: #3b3b3f7d;
}

.fixed-sidebar-header-item{
  position: relative;
  overflow: hidden;
  padding: 5px;
  color: #FFF;
}

.squares-layers-input{
  width: 50px;
  padding: 0.25rem;
  border: none;  
  background: none;
  box-shadow: none;
  outline: none;
  border-radius: 4px;
  border: 1px solid #FFF;
  color: #FFF;
}

#squaresWithLayersButton.selected{
  background: #f6fb3ef0;
  color: #444;
}


.side-bar-tab-filters-text-button{
  width: 45px !important;
  /*background: #eefb41 !important;*/
  /*background: #14589a !important;*/
  /*color: #FFF !important;*/
}
.side-bar-tab-filters-text-button button{
  /*color: #FFF !important;*/
}

#searchFiltersText{
  background: #FFF;
  padding: 5px;
}

#searchFiltersText .form-control{
}

#searchFiltersText .custom-form-control{
  background: white;
  margin-bottom: 18px;
  border: 1px solid #595959;
  border-radius: 4px;
  color: #000;
  margin-top: 5px;
  font-weight: 600;
}

#searchFiltersText .form-control-fixed{
  /*display: inline-block;*/
  /*width: 187px;*/
  font-size: 0.8rem;
  word-break: break-word;
  height: auto;
}

#items-sidebar{
  background: #FFF;
}

#squaresLayers{
  background: #1d1d1d;
  background: rgba(0, 0, 0, 0.84);
  /*background: url(../images/gridtile_3x3.png), rgba(0,0,0,.7);*/
  padding: 12px;

  background: url(../images/gridtile_3x3.png), rgba(0, 0, 0, 0.32);
  background: url(../images/gridtile_3x3.png), rgba(2, 2, 19, 0.66);
  background: url(../images/gridtile_3x3.png), rgba(0, 0, 0, 0.8);

  background: none;
}

#categories{
  /*background: url(../images/gridtile_3x3.png), rgba(0,0,0,.7);*/
}

.chronology-remarks-list{
  padding: 5px;
  margin: 20px 0;
  font-size: 0.8rem;
}
.chronology-remarks-list li{
  padding: 10px;
  border-bottom: 1px solid #666;
}

#periods, #context, #preservation_levels{
  /*background: url(../images/gridtile_3x3.png), rgba(255, 255, 255, 0.84);*/
}

#periods .listing-edit{
  border: 1px solid;
  margin: 5px 0px;
}

.periods-circle-nested{
  font-size: 0.4rem;
  margin-left: 1px;
}

.periods-angle-nested{
  font-size: 0.6rem;
  margin-left: 1px;
}

.listing{
  padding: 10px;
  padding: 0px;
}

.listing li,
.listing-categories li,
.listing div.square
{
  cursor: hand;
  cursor: pointer;
  /*background: #e2ca9e;*/
  background: #fdedd0;
  background: #efebe3;
  background: #dfd6c6;
  background: #ece3d1;
  background: #FFF;
  margin: 6px 0px;
  padding: 10px;
  font-size: 0.8rem;
  border: 1px solid #afaca7;  
  border-radius: 2px;
  margin: 0px;
  border: none;
  border-bottom: 1px solid #aaa;
  border-radius: 0px;
}

.listing li.square, .listing div.square{
  display: table;
  padding: 18px;
  transition: all 0.15s;
  margin-top: 10px;
  /*border-left: 9px solid #db900b;*/
  padding: 0;

  width: 100%;
  background: #4a4a4e;
  background: #626267;
  background: #4a4a4ebd;
  background: #4c4c55bd;
  background: 1px solid #ffffffa1;

  /*Transparent*/
  /*background: #4c4c555e;*/

  /*border: 1px solid rgba(226, 229, 128, 0.63);*/
  /*border: 1px solid rgba(226, 229, 128, 0.32);*/
  border: 1px solid rgba(211, 211, 211, 0.32);
  border: 1px solid rgb(211 211 211 / 11%);
  border-radius: 3px;
  color: #FFF;
}

.listing li.square .inner-text,
.listing div.square .inner-text
{
  padding: 15px;
  display: inline-block;
  width: 72%;
}

.listing-action{
  padding: 10px 10px;
  display: inline-block;
  margin: 0;
  font-size: 0.64rem;
}

.listing-action.view-edit{
  background: #ffa30033;
  background: #fff4e2;
  background: #fdedd4;
  color: #6b665c;
  border-left: 1px solid #7e7971;
  background: #e8ae63;
  background: #dbd7d2;
}

.listing-action.add{
  background: #d6da4a;
  background: #e5e863;
  background: #d6e863;
  background: #f7fb57;
  background: #bdcf48;background: #e2f75bed;
  background: #e8ae63;
  background: #76767a;  
  color: #444;
  /*display: none;*/
  /*background: #e8e6cf;*/
}

.listing-action.select-on-map{
  background: #97adf3;
  background: #fdedd4;
  background: #e6d2b1;
  margin-left: -3px;
  color: #6b665c;
  border-left: 1px solid;
  display: none;
}

.select-item-on-map{
  display: none;
}

.listing-action.select-on-map.visible,
.select-item-on-map.visible
{
  display: inline-block;
  /*background: #fb7241;*/
  /*color: #000;*/
}

/*.listing-sidebar ul li.selected{*/
.listing-sidebar li.selected,
.listing-sidebar div.square.selected,
.listing-sidebar div.layer.selected,
.repository-listing .listing-entry.selected
{
  /*background: #e5bf7c;*/
  /*background: #ffa300;*/
  /*background: rgba(255, 163, 0, 0.58);*/
  /*background: rgba(255, 67, 0, 0.75);*/  
  background: #ff8e65;
  background: #ffa70bd9;
  background: #f5b544;
  background: #f3a51ce0;

  background: #f5b544;
  color: #000;

  background: #566c82;
  background: #566c82;
  background: #2b4865;
  background: #2667ab;
  color: #FFF;
  background: #2b6096;
  background: #14589a;
  background: #4771c2;
  background: #3c61a7;

  background: #44526c;

  border: none;
  transition: all 0.15s;
  /*text-shadow: 1px 1px 1px #292929;*/
  /*letter-spacing: 0.04rem;*/
}

.listing-sidebar ul li.selected .text-faded,
.listing-sidebar div.layer.selected .text-faded
{
  color: #000;
  color: #FFF;
}

.listing-categories li.category-type{
  /*background: #f7f3ec;*/
  /*background: #FFF;*/
  padding: 5px;
  display: inline-table;
}

.listing-sidebar li, .listing-sidebar div.square{
  cursor: hand;
  cursor: pointer;
}

.sub-listing {
  /*background: #7b766c;*/
  /*background: rgba(255, 162, 0, 0.64);;*/
  padding: 0;
}

.sub-listing div.layer-wrapper{
  display: inline-block;
  /*display: inline;*/
}

.sub-listing div.layer-wrapper.selected{
  /*background: #4d5056;*/
  /*background: #14589a;*/
  border: 1px solid #FFF;

  background: #162b41;
  /*background: #FFF;*/
  border: 1px solid #939393;
  background: #411616;
  background: #cacaca;
  background: #FFF;
  border: none;
  background: none;
  border-radius: 0px;
  width: 100%;
  padding: 7px 0px;
  background: #cbcbd4;
  background: #acacce;
  background: #ffffff40;
  background: #bcbf66;
  background: #6e6f65;
  background: #7b746d;
  background: #1d1d22;
  padding: 2px 11px;
  margin-top: 5px;
}

.sub-listing li, 
.sub-listing div.layer{
  cursor: hand;
  cursor: pointer;
  background: #efebe3;
  background: #FFF;
  margin: 8px 0px;
  padding: 13px 16px;
  padding: 0;
  font-size: 0.7rem;
  /*width: 250px;*/
  /*width: 55px;*/
  text-align: center;
  display: inline-block;
  transition: all .5s;
  /*border: 1px solid #908c86;*/
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.sub-listing li .inner-text, .sub-listing div.layer .inner-text{
  padding: 13px 16px;
}

.repository-listing{
  background: #FFF;
}

.listing .title,
.repository-listing .title
{
  font-size: .9rem;
  padding: 10px;
  background: #9f2f07;
  background: #4e2a1c;
  background: #963c18;
  background: #fb7241;
  background: #3b3b3f;
  background: #323248; background: #3b3b3f;
  color: #FFF;
  /*background: #fb7241;*/
  /*color: #000;*/
  text-align: center;
}

.shapes-title{
  font-size: 0.7rem;
  /*background: #323248; background: #3b3b3f;color: #FFF;*/
  text-align: center;
  margin-bottom: 5px;
  border-radius: 2px;
}

.repository-listing .listing-entry{
  padding: 10px;
  font-size: 0.8rem;
  border-bottom: 1px solid #000;
  cursor: hand;
  cursor: pointer;
}

.repository-listing .nested-level-2{
  padding-left: 1.5rem;
}
.repository-listing .nested-level-4{
  padding-left: 3rem;
}
.repository-listing .nested-level-6{
  padding-left: 4.5rem;
}

#categories .listing-categories li.category{
  border-bottom: 1px solid #000;
  margin-top: 40px;
  text-align: center;
  font-weight: 700;
  font-size: 0.8rem;
  transition: all 0.15s;
}

#categories .listing-categories .category-specific-fields{
  background: #fb7241;
  background: #606065bd;
  background: #878796bd;
  background: #202025;
  color: #FFF;
  color: #c4c4ca;
  padding: 8px;
  font-size: 0.7rem;
  text-align: center;
}

#categories .category-types{
  background: #FFF;
  padding: 10px;
}

#categories .category-types li{
  margin: 5px;
}

.repository-form-listing{
  box-shadow: 0 0 10px #707070;
  margin: 40px 0;
}

.repository-form-listing .inner{
  padding: 10px;
  background-color:#eee;
}

.repository-form-listing .title{
  font-size: 1.2rem;
  padding: 10px;
  background: #fb7241;
  text-align: center;
}

.title-warehouse{
  background: #4771c2;
  font-size: 1rem;
  text-align: center;
  padding: 10px;
  color: #FFF;
}

.btn-edit-repository{
  color: #666;
  border: 1px solid #666;
  font-size: 0.7rem;
  padding: 0.20rem .5rem;
}

.position-wrapper{
  padding: 20px;
  margin-bottom: 40px;
  /*border: 1px solid #454545;*/
}


#repository .position{
  padding: 10px;
  font-size: 1rem;
  font-weight: 700;
}

#repository .box{
  padding: 10px;
  padding-left: 30px;
  font-size: 0.8rem;
}

#repository .bag{
  padding: 10px;
  padding-left: 50px;
  font-size: 0.8rem;
}


.reset-ul{
  margin: 0; padding: 0; list-style: none;
}

.modal-dialog-scrollable .modal-body{
  overflow: hidden;
  overflow-y: scroll;
  /*padding: 0 17px;*/
}

.item-modal{
  margin-top: 56px;
  /*z-index: 8090;*/
}

.item-modal .modal-content{
  /*background: rgba(255,255,255,.91);*/
  border-radius: 0px;
}

.modal-dark-invert-bg{
  /*background: rgba(255, 255, 255, 0.65) !important;*/
}

.item-modal .modal-content.dark{
  /*background: rgba(0, 0, 0, 0.81);*/
  background: url(../images/gridtile_3x3.png), rgba(0, 0, 0, 0.81);
  background: url(../images/gridtile_3x3.png), rgba(9, 9, 10, 0.85);
  background: rgba(0,0,0,.5);
  border: 1px solid #737373;
  color: #FFF;
  /*border-radius: 10px;*/
}

.item-modal .modal-content.dark .form-entry{
  padding: 12px;
  border-radius: 2px;
  background: url(../images/gridtile_3x3.png), rgba(255, 255, 255, 0.2);
  background: #4a4a4ebd;
  background: url(../images/gridtile_3x3.png), rgba(74, 74, 78, 0.74);
  background: url(../images/gridtile_3x3.png), rgba(85, 85, 90, 0.74);
  background: url(../images/gridtile_3x3.png), rgba(55, 55, 58, 0.74);
  background: url(../images/gridtile_3x3.png), rgba(43, 43, 45, 0.74);
  background: rgba(43, 43, 45, 0.74);
  /*border: 1px solid #6b6b6b;*/
  /*border: 1px solid #535353;*/
}

.item-modal .modal-content.item .form-entry{
  padding: 12px;
  border-radius: 2px;
  border: 1px solid #b7b7b7;
  background: white;
}

.item-modal .modal-content.dark .form-entry label,
.item-modal .modal-content.dark .form-entry small
{
  color: #9e9ea5;
}

.item-modal .modal-content.dark button{
  color: white;
  text-shadow: none;
  border-color: #7d7d7d;
  border-radius: 3px;
  font-size: 0.8rem;
}

.item-modal .modal-content.dark button.close{
  color: #FFF;
  opacity: 1;
  font-size: 1.1rem;
}

.modal{
  background: rgba(0, 0, 0, 0.3019);
  background: #0a0a0047;
  background: rgba(10, 10, 0, 0.278);
  background: rgba(0, 0, 0, 0.65);
}

.modal-header,
.modal-footer{
  background: rgba(52, 80, 132, 0.58);
  background: rgba(232, 235, 241, 0.21);
  background: rgba(156, 160, 167, 0.21);
  background: rgba(0, 0, 0, 0.21);
  background: none;
}
.modal-header{
  border-bottom: 1px solid #363636;
  border-bottom: 1px solid #3b3b40;
  border-radius: 0px;
}

.modal-footer{
  border-top: 1px solid #3b3b40;
  border-radius: 0px;
}

.item-repository-inline-form{
  background: #111;
  display: block;
  width: 100%;
  padding: 25px;
  border: 2px solid #dc4c19;
  border-radius: 2px;
}

.item-header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #655e53;
  color: #383530;
  padding: 10px 5px;
  background: #f9e7c7;
  background: #f7f3ec;
  border-bottom: 1px solid #d2cec5;
  /*border-radius: 4px;*/
  /*font-size: 0.8rem;*/
  padding: 14px;

  background: none;
  border: none;
  font-size: 0.8rem;
  /*background: #fbe0b1;*/

  /*padding: 9px;*/
  /*font-size: 1.2rem;*/
  /*color: #aba69f;*/
}

.item-image-description{
  /*background: #fbe0b1;*/
  /*background: #f5e1da;*/
  display: table;
  width: 100%;
}

.item-image-description .entry{
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.item-list-details-left-wrapper{
  display: inline-block;
  text-align: center;
}

.item-list-details-right-wrapper{
  position: relative;
  overflow: hidden;
}

.item-list-details-left{
  background: none;
  text-align: center;
  /*border: 1px solid #c7c7c7;*/
  border-radius: 2px;
  margin-right: 5px;
  font-size: 0.8rem;
}

.item-details-button{
  padding: 3px 15px;
  color: #5f5958;

  padding: 0.35rem .5rem;
  color: #000000;
  font-size: 0.7rem;

  background: #3b3b3f;
  color: #717171;
  color: #c4c4c4;

  background: #595960;
  color: #FFF;

  background: #44526c;
  border: none;
  margin-top: 5px;
  border-radius: 3px; 
  text-shadow: 0 0 2px #717171;
}

.item-list-details-left button{
  margin-top: 5px;
}

.item-featured-image{
  width: 120px;
  background: #FFF;
}
.item-featured-image-form{
  background: #FFF;
  width: 70px;
}

.image-not-found{
  font-size: 0.7rem;
  color: #929292;
  padding: 10px;
  width: 100px;
}

.image-not-found .fa{
  font-size: 2rem;
}


.item-description{
  font-size: 0.7rem;
  padding: 4px;
  margin: 5px 0;
  margin: 0;
  width: 60%;
}


.item-actions{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;  
  padding: 10px 5px;

  background: #ccbca0;
  background: #b8b8e9;
  background: #e3e7ef;
  background: none;
}

.item-list-actions{
  margin-top: 5px;
  margin-bottom: 10px;
}

.item-label{
  font-size: 0.7rem;
  display: inline-block;
  padding: 2px;
}

.item-label.item-big{
  background: #2b4f94;
  color: #FFF;
}

.item-label.item-misc{
  background: #326a6a;
  color: #bcd1d1;
}

.item-label.item-composite{
  background: #c34418;
  color: #FFF;
}

.items-listing{
  margin-bottom: 20px;
  margin-top: 20px;
  /*border: 1px solid #878279;*/
  border: 1px solid #d2cec5;
  /*box-shadow: 0 0 4px #a7a7a7;*/
  padding: 10px;
  padding: 0;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  word-break: break-word;
  font-size: 0.7rem;
}

.items-listing .inner{
  /*background: #e0ccc4;*/
  /*border-top: 1px solid rgba(0,0,0,.8);*/
  /*padding: 10px;*/
  /*border-bottom: 1px solid #e0ccc4;*/

  height: 290px;
  /*height: 200px;*/
  /*height: 73px;*/
  /*overflow-y: scroll;*/
  background: #FFF;
  padding-top: 44px;
}

.item-listing-common{
  padding: 8px;
  /*display: none;*/
}

.item-details-listing{
  background: #dfd6c6;
  font-size: 0.8rem;
  /*display: inline-block;*/
  display: table;
}

.item-info-secondary{
  /*font-size: 0.8rem;*/
}

.locus{
  font-size: 0.7rem;
  color: #444;
}

.form-custom{
  padding: 5px;
  border: 2px solid #DDD;
  border-radius: 4px;
  margin-top: 5px;
  display: none;
}

.entity-listing{
  border: 1px solid #000;
  font-size: .7rem;
  margin: 5px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.entity-listing ul{
  padding: 0px 23px;
}
.entity-listing ul li{
  background: #DDD;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 4px;
  cursor: hand;
  cursor: pointer;
}

.entity-listing ul li:hover{
  background: #FFF;
  color: #444;
}

.entity-listing ul li.selected{
  background: #84c51b;
}

.fixed-height{
  height: 400px;
  overflow: hidden;
  overflow-y: scroll;
}

.fixed-height-items{
  height: 800px;
  overflow: hidden;
  overflow-y: scroll;
  color: #000;
}

.pagination-results{
  font-size: 0.75rem;
  font-weight: 700;
  color: #6b6864;
  color: #1e1e1e;
  /*padding: 7px;*/
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pagination-nav-button{
  border: 1px solid #cecbc7;
  border: none;
  border-radius: 2px;
  background: #f7f3ec;
  padding: 5px 10px;
  /*margin: 0px 5px;*/
  box-shadow: none;
  outline: none;
}

.total-items{
  padding: 5px;
  background: #f5b544;
  background: #ff8e65;
  background: #ff8154;
  background: transparent;
}

.square-layers-form-wrapper{
  background: #DDD;
  margin-bottom: 10px;
  display: inline-flex;
}

.item-form-locus-wrapper{
  /*border: 1px solid #000 !important;*/
  /*background: #9fb7cc!important;*/
  /*background: #e3e7ef;*/
  border-radius: 4px; 
  padding: 20px;
  margin: 20px 0;
}

.layers-form-wrapper{
  display: none;
}

.layers-form-wrapper .layer{
  padding: 7px;
  border: 1px solid #DDD;
  background: #FFF;
  margin-bottom: 5px;
  font-size: 0.74rem;
  margin: 5px;
}

.layers-form-wrapper .layer.selected{
  background: #e5bf7c;
}

#generic-form-modal .errors{
  display: none;
  font-size: 0.8rem;
}

.form-entry{
  font-size: 0.9rem;
  color: #444;
  margin-bottom: 20px;
  background: #d0d0d0;
  padding: 10px;
}

.form-entry input,
.form-entry input:focus,
.form-entry textarea,
.form-entry textarea:focus,
.form-entry select,
.form-entry select:focus
{
  border: none;
  background: none;
  outline: none;
  transition: all 0.3s;
  border-radius: 2px;
  border-bottom: 1px solid #444;
  box-shadow: none;
  background: #FFF;
  color: #4c4a47;
  color: #000;
  font-size: 0.9rem;
}

.form-entry textarea{
  height: 150px;
}

.form-entry input:focus{
  /*border-bottom: 1px dotted #444;*/
  border-bottom: 1px dotted #444;
}

.form-entry textarea:focus{
  /*border: 1px dotted #444;*/
  border: 3px dashed #444;
}

.item-input-disabled{
  background: #FFF;
  border: none;
  color: #000;
  display: inline-block;
  width: auto;
  width: 130px;
  width: 500px;
}



/* Custom form elements*/

.item-form-locus{
  background: white;
  color: #000;
  padding: 10px;
}

#squaresLayersDropdownWrapper{
  position: relative;
}

#squaresLayersDropdown{
  display: block;
  position: absolute;
  overflow: hidden;  
  z-index: 9999;
  margin-top: 0;
  margin: 0;
  padding: 0;
  background: #FFF;
  width: 80%;
  width: 100%;
  margin-top: 0px;
  display: none;
  margin-top: 4px;
  border: 6px solid #ff4300;
  border-radius: 3px;
  padding: 20px;
}

#squaresLayersDropdownNavBar{
  background: #c1c1c1;
  width: 100%;
  padding: 0px;
  margin: 0;
  /*position: fixed;*/
  background: #4a4a50bd;
  padding: 5px;
  background: #13132dbd;
}

#squaresLayersDropdownNavBar button{
  /*border: 1px solid #000;color: #000;*/
  font-size: 0.7rem
}

#squaresLayersDropdownSelect{
  overflow-y: scroll;
  background: white;
  height: 500px;
}

#squaresLayersDropdown ul{
  border: none !important;
  border-radius: 0px;
  color: #000;
  /*padding: 0px 24px;*/
  /*padding-bottom: 200px;*/
}

#squaresLayersDropdown li {
  padding: 5px;
  font-size: 0.85rem;
  padding: 0.6rem;
  background: #d0d0d0;
}

#squaresLayersDropdown li.sub-select{
  background: #EEE;
  display: inline-block;
  clear: both;
  margin: 6px 6px 6px 0;
  font-size: 0.7rem;
  padding: 0.6rem;
}

#squaresLayersDropdown li.sub-select.selected{
  background: #e5e863;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
}

.efalak-item-details{
  background: #e1ca74;
  color: #020202;
  font-size: 0.8rem;
  padding: 8px;
  text-align: center;
  border: 1px dotted #893d21;
  border: 1px solid #ffffff;
  padding: .375rem .75rem;
  border-radius: 2px;
}

/* The container */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /*background: #893d21;*/
  padding: .375rem .75rem;
  padding-left: 41px;

  border-radius: 2px;
  border: 1px solid #4c4c4c;
  position: relative;
  overflow: hidden;
}

.checkbox-container .text{
  font-size: 0.8rem;
  padding-left: 0px;
  display: block;
  width: 100%;
  text-align: center;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 34px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #ff5113;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 15px;top: 9px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.upload3d-files-wrapper .form-entry input,
.upload3d-files-wrapper .form-entry input:focus,
.upload3d-files-wrapper .form-entry textarea,
.upload3d-files-wrapper .form-entry textarea:focus,
.upload3d-files-wrapper .form-entry select,
.upload3d-files-wrapper .form-entry select:focus{

  border: 1px solid #AAA;

}

.upload3d-files-wrapper .item{
  border: 1px solid #444;
  border: 1px solid #dfdfdf;
  padding: 10px;
  margin: 10px 0;
}

.details{
  font-size: 0.7rem;
  background: #ffd0c0;
  padding: 10px;
  margin-bottom: 14px;
  border-radius: 2px;
}

#items3d-list{
  
}

.items3d-list{
  padding: 10px;
}

.items3d-list li, div.square-layer3d{
  display: block;
  margin: 10px 0;
  border: 1px solid #AAA;
  padding: 12px;
}

#layers3d li.square{
  padding: 10px;
  border-bottom: 1px solid #7a7a7a;
  border-radius: 0px;
  margin: 20px 0px;
}

#layers3d .square-name{
  background: #f14d12;
  display: inline-block;
  padding: .55rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
}

#layers3d .uuid{
  font-size: 0.8rem;
  padding: 10px;
  background: #eee;
  border: 1px solid #DDD;
  margin-top: 20px;
}

#layers3d .uuid span{
  font-weight: 700;
}

#iframe{
  width: 100%;
  border: 1px solid #000;
  box-shadow: none;
  height: 500px;
  border-radius: 2px;
}

#api-docs{
  margin-top: 40px;
  padding: 20px;
  background: #eee;
  box-shadow: 0 0 4px #6f6f6f;
  position: relative;
  overflow: hidden;
  font-size: 0.8rem;
}

#api-docs .request-wrapper{
  padding: 10px;
  background: #DDD;
  border-radius: 2px;
  margin: 20px 0;
}

#api-docs .description{
  font-size: 0.8rem;
  color: #555;
}

#api-docs .header-params{
  font-weight: 600;
  background: #FFF;
  margin-top: 6px;
  padding: 5px;
  font-size: 0.7rem;
  border-radius: 2px;
}

#api-docs .request-url-wrapper{
  display: flex;
  border: 1px solid #b9b9b9;
  border-radius: 2px;
  margin: 10px 0;
  background: #FFF;
  position: relative;
  overflow: hidden;
}

#api-docs .request-url-wrapper .entry{
  /*display: inline-block;*/
  padding: 10px;
}

#api-docs .parameter:before{
  content: '< ';
}

#api-docs .parameter:after{
  content: ' >';
}

#api-docs .parameter{
  color: #b53a3a;
  font-style: italic;
  font-size: 0.8rem;
  border-bottom: 1px dotted;
  padding: 0px 10px;
}

#api-docs .request-url-wrapper .method{
  background: #7d97ff;
  font-size: 0.7rem;
}

#api-docs .request-params-wrapper{
  font-size: .8rem;
  margin: 15px 0;
}

.sortable-wrapper{
}

.sortable-wrapper .entry{
  background: #EEE;
  border: 1px dashed #999;
  padding: 13px 12px;
  display: inline-block;
  margin: 10px;
  cursor: grab;
  font-size: 0.9rem;
}

#items-efalak{
}

#items-efalak .item-efalak-inner{
  /*border-bottom: 1px solid #666;*/
  /*padding: 20px;*/
  border: 1px solid #666;
  margin-bottom: 20px;
}

#items-efalak .item-efalak-inner.highlight{
  background: #ffe5c0;
}

#items-efalak img, .efalak-form-image img{
  width: 100%;
  max-width: 200px;
}

.item-efalak-header{
  background: #ababb1;
  background: #c5c5d4;
  padding: 10px;
}

.item-efalak-header.empty-item{
  background: #e5e863;
}

#items-efalak .remarks{
  background: #f1debd;
  padding: 10px;
  border-top: 1px solid #736e65;
}


@media all and (max-width: 1558px){
  #searchFiltersText .form-control-fixed{
    width: auto;
  }
}

/*@media all and (max-width: 1200px) and (min-width:1000px)*/
@media all and (max-width: 1300px){

  #main{
    /*padding-top: 50px;*/
    padding: 0;
    padding-bottom: 100px;
  }

  #mobile-sidebar-menu{
    display: inline-block;
  }

  #sidebar-button{
    display: inline-block;
    color: #FFF;
  }

  #items{
    margin: 0;
  }

  .top-nav-bar-below{
    max-width: 100%;
    width: 100%;
  }

  #map-wrapper-fixed,
  #relations,
  #relations-controls-wrapper
  {
    margin: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    border: 1px solid #000;
  }
  #relations,
  #relations-controls-wrapper,
  #relations-wrapper{
    width: 100%;
    max-width: 100%;
    left: 0;
    left: 0%;
  }

  .sidebar-mobile{
    width: 0px;
    z-index: 510;
    /*transition: all 0.2s ease;*/
    flex: none !important;
    padding: 0 !important;
    max-width: 320px;
    overflow-x: hidden;    
  }

  #sidebar-header{
    max-width: 50%;
    width: 50%;
    overflow-x: scroll;
  }

  #sticky-sidebar-wrapper{
    border: none;
    /*max-width: 25%;*/
    /*max-width: 350px;*/
    max-width: 286px;
    max-width: 294px;
    background: #101010;
  }

  #sticky-sidebar{
    /*background: none;*/
    /*background: url(../images/gridtile_3x3.png), rgba(0,0,0,.7);*/
    /*background: url(../images/gridtile_3x3.png), rgba(255, 255, 255, 0.84);*/
    /*background: rgba(255, 255, 255, 0.84);*/
    /*background: rgba(255, 255, 255, 0.67);*/
    /*background: rgba(255, 255, 255, 0.77);*/
    background: none;
  }

  #sticky-sidebar-wrapper.transparent-on-mobile{
    background: rgba(0, 0, 0);
    background: rgba(0, 0, 0, 0.80);
    background: url(../images/gridtile_3x3.png), rgba(0,0,0,.85);
  }

  .sidebar-header-visible{
    display: flex !important;
    display: table !important;
  }

  #items.items-when-sidebar-header-visible, #items-list.items-when-sidebar-header-visible{width: auto;margin-left: 294px;}
  #sticky-sidebar-wrapper .items-when-sidebar-header-visible{margin-left: 0px;}

  .sidebar-mobile-visible{
    width: 320px;
    width: 100%;
    margin-top: 0px !important;
    /*transition: all 0.2s ease;*/
    box-shadow: none !important;
    border-right: 1px solid #878787 !important;
  }

  #sidebar-header{
    background: #FFF;
    font-size: 0.8rem;
    display: none;
  }

  #sidebar-header h4{
    font-size: 0.8rem;
  }

  #squaresLayersSidebarFixed{
    max-width: 294px;
    display: none;
  }
  #squaresLayersSidebarFixed.visible{
    display: flex;
  }

  .sidebar-entity-tabs{
    /*position: relative;*/
    height: auto;
    /*background: #FFF;*/
    margin-top: 0px;
    /*border-bottom: 1px solid #000;*/
  }

  .sidebar-entity-tabs .sidebar-tab{
    /*border: none;*/
    box-shadow: none;
    outline: none;
    text-align: center;
    font-size: 0.7rem;
  }

  .main-content-mobile{
    /*background: green;*/
    margin: 0;
    /*display: block !important;*/
  }
}

@media all and (max-width: 1200px){

  .modal-dialog-scrollable .modal-content{height: 100vh;}
  .modal.show .modal-dialog{padding: 0;margin: 0;border: none;}
  .item-modal{max-width: inherit;margin-top: 0px;}
  .item-modal .modal-content.dark{border: none;background: url(../images/gridtile_3x3.png), rgba(9, 9, 10, 0.75);}
  .modal-header, .modal-footer{padding: 6px;}
  .modal-title{font-size: 1rem;}

  .modal-footer{
    justify-content: space-between;
    position: fixed;
    border: 0;
    z-index: 9999;
    background: #ff4908;
    bottom: 0;
    width: 100%;

    z-index: 9999;
    background: hsla(0, 0%, 0%, 0.89);
  }

  .modal-footer button{
    font-size: 0.7rem;
    color: #FFF;s
  }

  .modal-open .modal{
    z-index: 9000;
  }
}

@media all and (max-width: 991px){

  .navbar-collapse{
    z-index: 9999;
    position: absolute;
    top: 42px;
    width: 100%;
  }

  .nav-item{
    text-align: center;
    border-bottom: 1px solid #a4a4a4;
    background: #000;
    padding: 10px;
  }

  .dropdown-item{
    border: 1px solid #000;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  /*.item-modal{max-width: 85%;}*/

  #confirmDelete .inner-wrapper{
    width: 90%;
  }

  .espa-logo-footer img{
    height: auto;
    width: 100%;
  }

}

@media all and (max-width: 760px){

  .navbar {
    justify-content: space-between;
  }

  .h4, h4 {
    font-size: 1.4rem;
  }

  #appMenuOverlay img{
    width: 110px;
  }

  .sidebar-entity-tabs .sidebar-tab button.hide-icon-on-mobile i {
    display: none;
  }

  .sidebar-tab .hide-text-on-mobile{
    display: none;
  }

  .sidebar-entity-tabs .sidebar-tab.selected{
    background: #faff4a;
  }

  .sidebar-entity-tabs{
    z-index: 8001;
  }

  #alertFlash{bottom: 10px;}
  #alertFlash .inner{
    width: 80%;
    padding: 20px 5px;
    font-size: 0.8rem;
  }

  .item-modal{
    /*margin-top: 0px;*/
  }

  #items-header{
    background: #ff4300;
    background: rgba(255, 67, 0, 0.91);
    background: rgb(133 133 166 / 50%);
    border-bottom: 1px solid #000;
    width: 100%;
    position: fixed;
    top: 43px;
    width: 100%;
    z-index: 7000;
    padding: 5px 3px;
    padding-left: 2px;
  }

  .pagination-nav-button{
    padding: 0px;
    background: none;
  }

  .slider-container {width: auto;padding: 0px;}

}

@media all and (max-width: 620px){
  #sticky-sidebar-wrapper{
    max-width: 250px;
  }
  .listing li.square .inner-text{
    width: auto;
  }

  #items.items-when-sidebar-header-visible, #items-list.items-when-sidebar-header-visible{margin-left: 250px;}
  #sticky-sidebar-wrapper .items-when-sidebar-header-visible{margin-left: 0;}

  .listing li.square .inner-text, .listing div.square .inner-text{
    width: auto;
  }

  #squaresLayersSidebarFixed{
    max-width: 250px;
  }

  #searchFiltersText .form-control-fixed{
    width: 100%;
    position: relative;
    overflow: hidden;
    /*white-space: nowrap;*/
    word-break: break-word;
    height: auto;
  }

  .sub-listing li .inner-text, .sub-listing div.layer .inner-text{
    padding: 9px 6px;
    font-size: 0.7rem;
  }

  #alertFlash{bottom: 0px;}
  #alertFlash .inner{
    width: 100%;
    padding: 20px 5px;
    font-size: 0.8rem;
  }


  .sub-listing div.layer-wrapper{
    display: block;
    width: 100%;
  }

  .sub-listing li, .sub-listing div.layer{
    width: 100%;
    background: #FFF;
  }

}

@media all and (max-width: 580px){

  .hide-on-mobile{display: none;}

  #settings{
    width: 100%;
    max-width: 100%;
  }

  #confirmDelete .inner-wrapper{
    padding: 3px;
    margin-top: 80px;
  }
  #confirmDelete .inner{
    padding: 30px 0px;
    border: none;
  }

  .item-featured-image-form{
    display: none;
  }

  .item-list-details-left{
    border: none;
  }

  #items.items-when-sidebar-header-visible, #items-list.items-when-sidebar-header-visible{margin-left: 250px;}
  #sticky-sidebar-wrapper .items-when-sidebar-header-visible{margin-left: 0;}

  .uuid-copy{
    display: none;
  }

  .shape-controls-container{
    display: block;
    padding: 0;
    width: 100%;
  }

  .shape-controls-container .btn{
    font-size: 0.7rem;
    display: table;
    margin: 10px auto;
  }

  .listing-action.select-on-map.visible, .select-item-on-map.visible{
    /*display: block;background: #f55a23;width: 100%;*/
  }

}

@media all and (max-width: 540px){

  .items-offline-list{
    display: block;
  }

  .sidebar-entity-tabs .sidebar-tab{
    font-size: 0.6rem;
  }

  .item-featured-image{
    width: 135px;
    /*background: #101010;*/
    border-radius: 2px;
    padding: 1px;
  }

  .listing li.square, .listing div.square{
    font-size: 0.7rem;
  }

  #alertFlash{position: fixed;bottom: 0px;}
  #alertFlash .inner{
    width: 100%;
    padding: 20px 5px;
    font-size: 0.8rem;
  }

  .listing li, .listing-categories li, 
  .listing div.square,
  .listing .title,
  .repository-listing .title,
  .repository-listing .inner-text
  {
    font-size: 0.7rem;
  }

  #categories .listing-categories li.category{
    margin-top: 0px;
  }

  .listing-categories li.category-type{
    display: block;
  }

  .item-list-details-left-wrapper{
    width: 100%;
    display: block;
    padding: 5px;
    /*background: #101010;*/
    /*background: #cccccc;*/
    /*background: #d1d1da;*/
    /*border: 1px solid #b1b1b1;*/
  }

  .item-list-details-left{
    padding-top: 8px;
  }

  #items.items-when-sidebar-header-visible, #items-list.items-when-sidebar-header-visible{margin-left: 250px;}
  #sticky-sidebar-wrapper .items-when-sidebar-header-visible{margin-left: 0;}
  .items-when-sidebar-header-visible .item-list-details-left{padding: 0px !important;}

  #relations-controls-wrapper{
    top: 85px;
  }

  #relations{
    top: 125px;
  }

  .relations-button{
    padding: 2px;
  }

  #relations-controls-wrapper button{
    margin-left: 1px;
    margin-right: 1px;
  }

}

@media all and (max-width: 425px){

  .sm-hidden{display: none;}

  .sidebar-entity-tabs .sidebar-tab{
    padding: 6px 0px;
    font-size: 0.7rem
  }

  #map-wrapper-fixed{top: 76px;}

  #sticky-sidebar-wrapper, #squaresLayersSidebarFixed{max-width: 168px;}

  #items.items-when-sidebar-header-visible, #items-list.items-when-sidebar-header-visible{margin-left: 168px;}
  #sticky-sidebar-wrapper .items-when-sidebar-header-visible{margin-left: 0;}
}

/* Loaders */

.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px auto;
  box-sizing: border-box;
  /*border: 23px solid #000;*/
  border: 23px solid #95959e;
  /*border-color: #000 transparent #000 transparent;*/

  border-color: #242426 transparent #242426 transparent;
  border-color: #95959e transparent #95959e transparent;
  border-color: #4d4d4a transparent #4d4d4a transparent;

  /* Important */
  /*https://stackoverflow.com/questions/29219534/css-animation-not-always-starting-in-ios-8-safari/29221132*/
  animation: lds-hourglass 1.2s 0.1s infinite;
  -webkit-animation: lds-hourglass 1.2s 0.1s linear infinite;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;

}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

.lds-hourglass-small {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}
.lds-hourglass-small:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 18px solid #000;
  border-color: #000 transparent #000 transparent;
  /* Important */
  /*https://stackoverflow.com/questions/29219534/css-animation-not-always-starting-in-ios-8-safari/29221132*/
  animation: lds-hourglass-small 1.2s 0.1s infinite;
  -webkit-animation: lds-hourglass-small 1.2s 0.1s linear infinite;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;

}
@keyframes lds-hourglass-small {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

@media all and (max-width: 991px){
  #appMenuOverlay button{
    display: block;
    margin-top: 20px;
  }
}

@media all and (max-width: 452px){

  .pagination-results{
    font-size: 0.7rem;
    padding: 3px 0;
  }

}

.slider-container{
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-left: 5px;
}

.slider {
  -webkit-appearance: none;
  width: 150px;
  width: 100%;
  height: 25px;
  /*margin-top: 8px;*/
  background: #d3d3d3;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;  
  border: 1px solid #777;
  border-radius: 2px;

  border: 1px solid #bbb7b1;
  background: #f1eee9;
  height: 15px;
  border-radius: 5px;

  /*border: 1px solid #b68a49;*/
  /*border: none;*/

  border: 1px solid #514e48;
  border: 1px solid #66635d;
  background: #44526c;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#242426+0,44526c+100 */
background: #242426; /* Old browsers */
background: -moz-linear-gradient(left, #242426 0%, #44526c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #242426 0%,#44526c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #242426 0%,#44526c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242426', endColorstr='#44526c',GradientType=1 ); /* IE6-9 */


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#353535+0,44526c+100 */
background: #353535; /* Old browsers */
background: -moz-linear-gradient(left,  #353535 0%, #44526c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #353535 0%,#44526c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #353535 0%,#44526c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#44526c',GradientType=1 ); /* IE6-9 */

  background: #44526c;
  background: none;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  /*background: #4CAF50;*/
  /*background: #a4ff4f;*/
  background: #ffa300;
  background: #d6da4a;
  background: #ff8e65;
  background: #444;
  cursor: pointer;
  /*border: 1px solid #000;*/
  border: 1px solid #444;
  border-radius: 50px;
  border-radius: 50%;
  background: rgb(236 240 74 / 87%);
  background: #585864;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  /*background: #4CAF50;*/
  /*background: #a4ff4f;*/
  background: #ffa300;
  background: #444;
  cursor: pointer;
  border: 1px solid #444;
  border-radius: 50px;
  border-radius: 50%;
  background: rgb(236 240 74 / 87%);
  background: #585864;
}