/*overlay*/

.overlay-map {
    /*position: relative;*/
}
.overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    z-index: 9999;
}
.overlay #spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/* /overlay*/

.list-group-item ul {
    margin-top: 10px;
    margin-right: -15px;
    margin-bottom: -10px;
}
.list-group-item li {
    padding: 10px 15px 10px 3em;
    border-top: 1px solid #ddd;
}
.list-group-item li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -11px;
    background: #ddd;
}
.btn-depth {
    border-radius: 3px;
    position: relative;
    padding: 7px 5px;
    margin: 0 10px 10px 10px;
    min-width: 40px;
    height: 35px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
    cursor: default;
}
.btn-depth>.badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}
/* Upload Button Style*/

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/*<span class="btn btn-default btn-file">
        Browse <input type="file">
    </span>*/

/* / Upload Button Style*/

.box.box-maxed {
    height: calc(100vh - 200px);
    overflow: auto;
}
.level0 {
    padding-left: 1em;
}
.level1 {
    padding-left: 2em;
}
.level2 {
    padding-left: 3em;
}
.level3 {
    padding-left: 4em;
}
.level4 {
    padding-left: 4em;
}
.level5 {
    padding-left: 5em;
}
.level6 {
    padding-left: 6em;
}
/** /The levels **/

/** The Breadcrumb **/

.btn-breadcrumb button {
    cursor: default;
}
.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}
/** The Spacing **/

.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px;
}
/** Default button **/

.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #f4f4f4;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
    border-left: 10px solid #adadad;
}
/** Primary button **/

.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #012d5e;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #012145;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #012145;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #012145;
}
/** Success button **/

.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439;
}
/** Danger button **/

.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925;
}
/** Warning button **/

.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512;
}
/** Info button **/

.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc;
}
.btn-group.special {
    display: flex;
}
.special .btn {
    flex: 1
}
.box-body.fixed {
    height: 400px;
}

/* dompdf pagiantion*/
@page teacher {
  size: A4 portrait;
  margin: 2cm;
}
.teacherPage {
   page: teacher;
   page-break-after: always;
}

@media (min-width: 992px) {
    .modal-xlg {
        width: 90%;
        height: 900px; /* control height here */
    }
}

.update_waste_volume {
    cursor: pointer;
}

.delete_waste_volume {
    cursor: pointer;
}

.side-icon {
    font-size:12px !important;
    margin-right: 7px;
}

.side-icon-main {
    width:20px;
}

.depth0 {
  margin-left:5px;
}
.depth1 {
  margin-left:45px;
}
.depth2 {
  margin-left:85px;
}
.depth3 {
  margin-left:125px;
}
.depth4 {
  margin-left:165px;
}
.depth5 {
  margin-left:195px;
}
.depth6 {
  margin-left:215px;
}

.depth_lp0 {
  margin-left:0px;
}
.depth_lp1 {
  margin-left:15px;
}
.depth_lp2 {
  margin-left:30px;
}
.depth_lp3 {
  margin-left:45px;
}
.depth_lp4 {
  margin-left:60px;
}
.depth_lp5 {
  margin-left:75px;
}
.depth_lp6 {
  margin-left:90px;
}
.paginate_button  {
   font-size: 12px;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.jstree-icon.d-none {
    display: none !important;
}
.img-logo {
    height: 50px;
    width: auto;
}
.d-none {
    display: none !important;
}