html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

#hiddenPanel 
{
	position:fixed; 
	top:90px; 
	z-index:1;
	right:-300px;	
	width:300px;
    box-shadow:0px 0px 50px #cdcdcd;
	background-color:#fff;
	height:100%;
	}
.menulist:hover, .menulist .dropdown-item:active, .menulistdropdown:active, #displayOptions .show > .btn-outline-dark.menulist
{
	color: #131113!important;
    background-color: #d8d8d8!important;
    border-color: #d8d8d8!important;
}
.menulist{text-align: left!important;padding-top:10px!important;padding-bottom:10px!important;border:none!important;}
#hiddenPanel .dropdown-toggle::after{float:right!important;}
.btn-filters{border-color: #6fb327!important;color: #6fb327!important;}
.btn-filters:hover{border-color: #6fb327!important;color: #fff!important;}
.filtersidepanel ul{margin: 0;}
.filtersidepanel ul li{list-style-type: none;margin-top:15px!important;}
#imgmodalview .modal-content{ background: none!important;}
#imgmodalview.modal .modal-body{padding:0px!important;}
#imgmodalview .carousel-inner, #imgmodalview img{ max-height: 550px;}
#imgmodalview.modal .modal-header{border:none!important;padding:0px!important;}
#imgmodalview .close{opacity:1!important;}
#imgmodalview .simple-icon-close{color:#fff!important;}

.ordertable .view-filter .dataTables_length{display:none!important;}
.ordertable .row .view-pager{display:none!important;}
body.show-spinner>main {
  overflow: hidden !important;
}
.page-item .page-link.first, .page-item .page-link.last {
    background: 0 0;
    color: #00365a;
    border: 1px solid #00365a;
    border-radius: 30px;
}

/* Hide everything under body tag */
body.show-spinner>* {
  opacity: 0;
}

/* Spinner */
/*body.show-spinner::after {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}*/
pz{
	padding:0px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

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

    .info-timeline ul li span.timeline-circle {
        position: relative;
        border: 2px solid #999;
        border-radius: 100%;
        width: 50px;
        height: 50px;
        text-align: center;
        margin-top: 50px;
        background-color: #fff;
        z-index: 2;
        display: inline-block;
    }
        .info-timeline ul li span.timeline-circle::before {
            position: absolute;
            border: 1px solid #999;
            width: 0;
            height: 50px;
            display: block;
            content: '';
            left: 50%;
            z-index: 1;
            top: -54px;
            margin-left: -1px;
        }

    .info-timeline ul li a {
        color: #000;
    }
	.mtxl{
		margin-top: 48px;
	}
.pz{
	padding:0px;
}
.box{
    border: 1px solid black;
    width: 100px;
    height: 50px;
    position: absolute;
}
.line{
      width: 1px;
    height: 65px;
    background-color: black;
    position: absolute;
}
#box1{
   top: 70px;
    left: 30px;
}
#box2{
top: 170px;
    left: 140px;
}

#box3{
    top: 260px;
    left: 245px;
}

 #line1{
    top: 120px;
    left: 50px;
 }
#line2{
    top: 140px;
    left: 95px;
    height: 89px;
    transform: rotate(120deg);
    -webkit-transform: rotate(90deg);
} 
#line3{
       top: 220px;
    left: 170px;
}
 
#line4{
    top: 245px;
    left: 208px;
    height: 77px;
    transform: rotate(120deg);
    -webkit-transform: rotate(90deg);
}