html {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  background: #848484;
  font-size: 11px !important;
  font-family: 'Lato', sans-serif;
}

/* Scrollbar style */

/* *:not(.tablechild)::-webkit-scrollbar {
	display: none;
} */

/* Scrollbar style */

p {
  margin: 0 0 10px;
}

#app {
  height: 100%;
  position: relative;
  width: 100%;
  height: 100%;
}

#app>* {
  height: 100%;
}

button.map-btn {
  padding: 4px 8px 4px;
  font-size: 12px;
  background: #ffffff;
  background-image: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  line-height: 1.5;
  border-radius: 3px;
  line-height: 1.42857143;
  margin-bottom: 6px;
  color: #807f5a;
}

.nav {
  height: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 9999;
}

.nav .nav-inner {
  /* background-color: rgba(255, 255, 255, 0.7); */
  background-color: #d9d9d9;
  margin: 10px;
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 9999;
}

.nav .nav-inner #nav-logo {
  /* width: 60px;
  height: 60px;
  margin: 10px 10px 10px 20px; */

  width: 62px;
  height: 60px;
  margin: 26px 10px 10px 20px;
}

.nav .nav-inner #nav-logo img {
  width: 100%;
}

.nav .nav-inner h1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 80px;
  color: #0058a8;
}

.nav .nav-inner #ss {
  width: 110px;
  margin: 16px 20px 0 20px;
}

.nav .nav-inner ul {
  margin-right: 0px;
}

.nav .nav-inner ul li.nav-divider {
  display: inline-block;
  background: #2277c5;
  height: 60px;
  margin: 10px 0px;
  width: 1px;
  opacity: 0.5;
}

.nav .nav-inner ul li.nav-title {
  display: inline-block;
  vertical-align: top;
  color: #5f5f5f;
  line-height: 14px;
  opacity: 0.5;
  font-weight: bold;
  text-align: right;
  margin: 26px 10px 0 0;
}

.nav .nav-inner ul li.nav-item {
  display: inline-block;
  height: 80px;
  margin: 0 auto;
  /* width: 80px; */
  text-align: center;
  vertical-align: top;
}

.nav .nav-inner ul li.nav-item a {
  display: block;
  color: #797b5f;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 22px 5px 0 5px;
  opacity: 0.8;
}

.nav .nav-inner ul li.nav-item a:hover {
  opacity: 1;
}

.zoom-main-bg {
  position: absolute;
  top: 0px;
  background: #fff;
  border-radius: 3px;
  margin: 5px;
  margin-top: 20px;
}

.zoom-item {
  width: 24px;
  height: 24px;
  object-position: center;
  text-align: center;
  font-size: 12px;
}
.nav .nav-inner ul li.nav-item.is-active a {
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
  width: 100%;
}

.nav .nav-inner ul li.nav-item a i {
  display: block;
  /* font-size: 26px;
  height: 30px; */
  font-size: 20px;
  height: 22px;
  margin-bottom: 4px;
}

.nav .nav-inner ul li.nav-item a span {
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
}

/* -----------------------------------------------Table Stylesheet---------------------------------------------------- */

#box-table-wide {
  position: absolute;
  z-index: 1550;
  top: 100px;
  right: 10px;
  left: 10px;
  height: auto;
  padding: 0px;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0 2px 19px rgba(0, 0, 0, 0.30), 0 5px 12px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
}

.table-default thead {
  max-width: 100%;
}

.table-default td {
  padding: 6px 4px;
}

#tablechild {
  position: relative;
  padding: 10px;
  overflow-x: auto;
  height: 70vh;
}

#list-button {
  margin-bottom: 20px;
}

.is-list-button,
.is-clear-button {
  padding: 5px 5px 5px !important;
  font-size: 11px !important;
  background-color: #e7e5d8;
  font-weight: bold;
  text-shadow: 1px 1px #e7e5d8;
  color: #303030;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #e7e5d8;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.is-button-default {
  display: inline-block;
  min-width: 10px;
  width: 85px;
  padding: 3px 8px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #e0e0e0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  cursor: pointer;
}

.is-hover:hover {
  display: inline-block;
  min-width: 10px;
  width: 85px;
  padding: 3px 8px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  cursor: pointer;
  border: 2px solid #e0e0e0;
}

.is-hover:focus {
  display: inline-block;
  min-width: 10px;
  width: 85px;
  padding: 3px 8px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  cursor: pointer;
  border: 2px solid #e0e0e0;
}

.is-green {
  background: #c6daa5;
}

.is-blue {
  background: #6886c8;
}

.is-orange {
  background: #d3a748;
}

.is-red {
  background: #a55e5c;
}

.is-warning {
  background: #e6aa64;
}

.is-fine {
  background: #c6daa5;
}

.is-danger {
  background: #f27f72;
}

.v2-critical{
  background: rgb(203, 65, 91);
}
.v2-major{
  background: rgb(255, 149, 68);
}
.v2-minor{
  background: rgb(240, 195, 48);
}
.v2-fine{
  background: rgb(48, 173, 99);
}
.badge-danger{
  background: #f27f72 !important;
}

.table-default {
  width: 100%;
  font: 12px/18px Arial, Sans-serif;
  color: #333;
  background-color: #e7e5d8;
  border-spacing: 0;
  margin: 10px 0 15px;
  text-align: left;
  border: 2px solid #d1d1d1;
}

.inner-table {
  overflow: hidden;
}

.tablesorter-wrapper {
  position: relative;
  height: 100%;
  width: 57.89px;
}

.table-inner-header {
  text-align: center;
}

.table-header-row {
  height: 40px;
  border: 2px solid #d1d1d1;
}

th.sortable::after {
  /* font: normal normal normal 14px/1; */
  font-family: "Font Awesome 5 Free";
  content: "\f0dc";
  margin-left: 5px;
}

a.dropdown-item:hover {
  background-color: #4f7f88;
  color: white;
}

.dropdown-item.selected {
  background-color: #4f7f88;
  color: white;
}

.dropdown-item.selected {
  background-color: #4f7f88;
  color: white;
}

a.qr-dropdown-item:hover {
  background-color: #8a7712;
  color: white;
}

.qr-dropdown-item.selected {
  background-color: #8a7712;
  color: white;
}

.qr-dropdown-item.selected {
  background-color: #8a7712;
  color: white;
}

.first-name {
  max-width: 10px !important;
  min-width: 10px !important;
  width: 10px !important;
  overflow: hidden;
  height: 30px;
  text-overflow: ellipsis;
}

.is-no-bg {
  background-image: none !important;
}

.table-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px;
}

i.fa.fa-power-off.fa-3x.ikonatasa {
  font-size: 18px;
  padding: 2px 0px 0px 0px;
  color: #2277c5;
}

.is-light {
  background: rgb(201, 196, 175);
}

.is-dark {
  background: rgb(168, 164, 143);
  color: rgb(255, 255, 255);
}

.email-user.is-center {
  text-align: center;
  align-content: center;
}

.table-default tr.odd {
  background: #f6f6f6;
}

.table-default tr.even {
  background: #e9e9e9;
}

tr.even:hover {
  background: #fff;
}

tr.odd:hover {
  background: #fff;
}

.table-year-button{
  position: sticky;
  margin-left: 10px;
  float: left;
}

#map {
  height: 100vh;
}

#map-btns {
  position: absolute;
  width: 35px;
  right: 10px;
  top: 102px;
  height: calc(100vh - 103px);
  border-radius: 2px;
}

#map-details {
  position: absolute;
  right: 10px;
  top: calc(100vh - 93px);
  background: #ffffff;
  width: 92px;
  padding: 9px;
  border-radius: 10px;
}

#map-details span {
  width: 14px;
  height: 9px;
  margin-top: 3px;
  margin-right: 5px;
  border-radius: 11px;
  float: left;
}

#map-details .color_nbn {
  background: rgba(100, 133, 227, 1);
}

#map-details .color_telstra {
  background: rgb(173, 89, 89);
}

#map-details .color_optus {
  background: rgb(217, 166, 47);
}

#map-btns a {
  display: block;
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 3PX;
  line-height: 35px;
  text-align: center;
  color: #1e1d25;
  margin-top: 7px;
}

#kodinbawah {
  position: absolute;
  right: 10px !important;
  bottom: 40px;
  max-height: 90%;
  height: 60px;
  padding: 10px;
  overflow-y: hidden;
  width: 65px !important;
  background: #ffffff;
  z-index: 40000;
  border-radius: 5px;
}

#search1 {
  padding: 7px 1.5em;
  border-radius: 2em;
  background: white;
  border: none;
  color: rgb(83, 93, 146);
  margin-top: 27px;
  margin-left: -160px;
}
#search {
  padding: 7px 1.5em;
  border-radius: 2em;
  background: white;
  border: none;
  color: rgb(83, 93, 146);
  margin-top: 27px;
  margin-left: -150px;
}

#handdfileprinta {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px;
  border-radius: 5px;
  z-index: 199;
  width: 100%;
  height: calc(100vh - 110px);
}

#boxbg2fileprinta {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 199;
}

#box-content3fileprinta {
  position: absolute;
  bottom: 0px;
  top: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  width: calc(100% - 20px);
  padding: 5px;
  color: #000000;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  height: calc(100vh - 100px);
}

#handdfile {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px;
  border-radius: 5px;
  z-index: 199;
  height: calc(100vh - 110px);
}

#boxfile {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  border-radius: 5px;
  z-index: 200;
  width: 500px;
}

#leftQrBox {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  border-radius: 5px;
  z-index: 200;
  width: 50%;
}

#rightQrBox {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  width: calc(50% - 20px);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 199;
}

#box-title {
  background: #aea071;
  padding: 5px 10px;
  color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#box-contentfile {
  overflow-y: scroll;
  height: calc(100% - 50px);
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  color: #000000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.wrappera {
  padding-left: 0;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  tablea{
    width: 90%;
  }
}


.tablea {
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
  border-radius: 5px;
  background: #f5f5f5;
}

.tablea1 {
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
  border-radius: 5px;
  background: #f5f5f5;
  margin-bottom: 12px;
}


.rowa {
  display: table-row;
  background: #f6f6f6;
}

/* first table */

.cella.First {
  width: 5% !important;
  overflow: hidden;
}

.cella.Second {
  overflow: hidden;
}

.cella.Third {
  width: 10% !important;
  overflow: hidden;
}

.cella.Fourth {
  width: 10% !important;
  overflow: hidden;
}

.cella.Fifth{
  width: 10% !important;
  overflow: hidden;
  text-align: center;
}

.cella.Carrier {
  width: 30%;
  text-align: right;
  padding-right: 20px;
}

.cella.Badge {
  width: 10%;
  padding: 6px 3px;
}

/* first table */

/* second table */

.cella {
  padding: 6px 10px;
  display: table;
  vertical-align: middle;
}

.cella.first {
  width: 5% !important;
  overflow: hidden;
}

.cella.second {
  width: 30% !important;
  overflow: hidden;
}

.cella.third {
  width: 25% !important;
  overflow: hidden;
}

.cella.fourth {
  width: 10% !important;
  overflow: hidden;
}

.cella.fifth{
  width: 5% !important;
  overflow: hidden;
  text-align: center;
}

.cella.cella.fifth i{
  color: #e6aa64;
}

.cella.cella.fifth.hover{
  cursor: pointer;
  opacity: 0.65;
}

.cella.fifth a{
  color: #e6aa64;
}

.cella.cella.fifth.hover:hover{
  opacity: 1;
}

.cella.cella.fifth.hover i:focus{
  opacity: 1;
}

/* second table */

#boxbg2file {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 510px;
  right: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 199;
}

#box-content3file {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  top: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  padding: 5px;
  color: #000000;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

.rowa:nth-of-type(odd) {
  background: #e9e9e9;
}

.rowa {
  font-size: 11px;
}

.rowa.header.blue {
  background: #d1c08d;
  color: #ffffff;
}

.rowa.bluenah{
  background: #d1c08d;
  font-weight: 600;
}

.project-title {
  font-family: 'Lato', sans-serif;
  padding: 12px;
  height: 59px;
  float: left;
  color: #304f85;
  font-weight: 300;
  font-size: 12px;
  max-width: 350px;
  width: 350px;
}

.project-title > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-title-sitename {
  display: inline-block;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.project-title-icon {
  display: inline-block;
  font-size: 25px;
  vertical-align: middle;
  margin-left: 1px;
}

.project-title-button {
  display: inline-block;
  vertical-align: middle;
}

.project-title-buttonicon {
  font-size: 13px;
}

.btn-verify.is-smallgreen {
  height: 22px;
  font-size: 12px;
  line-height: 0px;
  padding-bottom: 3px;
  padding-top: 2px;
  background-color: green;
}

#box {
  position: absolute;
  top: 100px;
  left: 10px;
  bottom: 10px;
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  z-index: 200;
  width: 500px;
}

.tbox {
  float: left;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
  background: #eeeeee;
  padding: 10px;
  color: #ffffff;
  font-size: 13px;
  line-height: 12px;
  font-weight: 600;
}

#box-content {
  position: absolute;
  bottom: 0px;
  top: 42px;
  background-color: rgba(255, 255, 255, 0.8);
  width: calc(100% - 20px);
  padding: 10px;
  color: #000000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.numbig {
  position: relative;
  font-size: 24px;
  font-weight: 900;
  top: 7px;
  line-height: 22px;
}

.issuesbox {
  width: 50%;
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: center;
  position: relative;
}

.issuesbox p {
  overflow: scroll;
  height: 51px;
}

.issuesboxin {
  padding: 5px;
  margin: 5px;
  width: 95%;
  height: 212px;
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  background: #fafafa;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.issuesboxin:hover{
  background: #ffffff;
}

.issuetitle {
  font-weight: bold;
  font-size: 13px;
}

.mtitle{
  font-size: 16px;
  font-weight: 600;
  /* padding: 2px 6px; */
}

.image-viewer-box {
  background-color: rgba(255, 255, 255, 0.8);
  height: calc(100% - 50px);
  padding: 0px;
  color: #000000;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

.image-small-viewer-box {
  background-color: rgba(255, 255, 255, 0.8);
  height: calc(100% - 50px);
  padding: 0px;
  color: #000000;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

#opensDragon {
  overflow: hidden;
  height: 100%;
}

.image-viewer-box1 {
  background-color: rgba(255, 255, 255, 0.8);
  height: calc(100% - 50px);
  padding: 0px;
  color: #000000;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

.image-viewer-box1 iframe {
  width: 100%;
  height: 100vh;
}

.image-viewer-box iframe {
  width: 100%;
  height: 100vh;
}

#audit-report-viewer {
  width: calc(50% - 20px);
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 199;
}

.categories strong {
  padding-bottom: 0.2cm;
  margin-left: 10px;
  font-size: 20px;
  color: #ACABAA;
  font-weight: 700;
}

.rowt.bluenah {
  background: #c8c8c8 !important;
}

.rowt.header {
  font-weight: 700;
  color: #ffffff;
}

.rowc:nth-of-type(odd) {
  background: #e9e9e9;
}

.rowa{
  display: table-row;
}

.rowa.header{
  color: #fff;
}

.rowa.bluenah{
  background: #c8c8c8;
}

.cursorable {
  cursor: pointer;
}

.linku1 {
  cursor: pointer;
}

.linku1:hover {
  background: #177ec0 !important;
}

.rowc {
  display: block;
  background: #f6f6f6;
}

.audit-report-half1 {
  overflow: scroll;
  max-height: calc(100vh - 300px);
}

.audit-report-half1 .rowc:hover {
  background: #ffffff;
  cursor: pointer;
}

.row_detail {
  padding: 9px 0px;
}

.cella {
  padding: 6px 10px;
  display: table-cell;
  vertical-align: middle;
}

.audit-report-half2 {
  background-color: rgba(255, 255, 255, 0.8);
  width: calc(54.9% - 10px);
  padding: 10px;
  color: #000000;
  border-bottom-right-radius: 5px;
  float: right;
}

.audit_tag li {
  display: inline;
  border-radius: 17px;
  background-color: snow;
  padding: 3px 10px 5px 10px;
  display: inline-table;
  margin: 2.5px 0;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
}

.audit_tag .blue {
  background: #177ec0;
}

.audit_tag .green {
  background: #669957;
}

.audit_tag .yellow {
  background-color: #F0C330;
}

.audit_tag .orange {
  background-color: #e6aa64;
}

.audit_tag .red {
  background-color: #f27f72;
}

.audit_tag *.selected {
  opacity: 0.3;
}

.badge {
  text-align: left;
  line-height: 15px;
  font-weight: 400;
  white-space: normal;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 6px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}

.badge.is-small {
  padding: 1px 3px;
  font-size: 11px;
  font-weight: normal;
  border-radius: 3px;
}

.badge-green {
  background: #669957;
}

.badge-yellow {
  background-color: #F0C330;
}

.badge-orange {
  background-color: #e6aa64;
}

.badge-red {
  background-color: #f27f72;
}

.badge-blue {
  background-color: #1e6bcf;
}

.badge-celcom {
  background-color: #177ec0;
}

.badge-maxis {
  background-color: #669957;
}

.badge-digi {
  background-color: #FFFF00;
}

.badge-webe {
  background-color: #E94F08;
}

.badge-umobile {
  background-color: #F48120;
}

.badge-yes {
  background-color: #00acf9;
}

.badge-others {
  background-color: #355664;
}

#box-contentfile-audit {
  background-color: rgb(220, 220, 220);
  padding: 10px;
  color: #000000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: scroll;
  height: calc(100% - 50px);
}

#first-half {
  float: left;
  width: 45%;
  height: 100%;
  overflow: hidden;
}

#second-half {
  float: right;
  width: 53%;
  height: 100%;
  overflow: scroll;
}

#second-top-half {
  float: right;
  width: 53%;
  height: 50%;
  overflow: scroll;
}

#second-bottom-half {
  float: right;
  width: 53%;
  height: 45%;
  overflow: scroll;
}

.group_wrapper {
  background: #dcdcdc;
  padding: 8px;
}

.group_qr_wrapper {
  background: #c1c1c1;
  padding: 8px;
}

table.fixed {
  table-layout: fixed;
}

table.fixed td {
  overflow: hidden;
}

table th {
  text-align: center;
  vertical-align: middle;
}

.table-sort {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 10px 20px 4px 4px;
}

.background {
  background: #eff5f8;
  padding: 8px;
  float: left;
  position: absolute;
  top: 61px;
  margin-left: -82px;
  width: 12%;
  z-index: 4;
  box-shadow: 0px 2px 0px 0px #b5b5b5;
  border-radius: 12px;
}

.tabs_container {
  width: 20%;
}

input, button, submit { border:none; }

.tabs {
  margin: 0 3px 5px 0 !important;
  padding: 5px 8px;
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #428bca;
  cursor: pointer;
  border-radius: 4px;
  outline: none !important;
  box-shadow: none !important;
}

.tabs:hover {
  background: #fff;
}

.tabs:focus,
.tabs.is-active {
  background: #d1c08d !important;
  color: #fff ;
}


.background li {
  border-bottom: 1px solid #cac8c8;
  padding: 3px;
}

.desc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
  border-bottom: #000 2px solid;
}

.asc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
  border-bottom: #000 2px solid;
}

.map_overlay {
  text-align: center;
  color: #fff;
  font-size: 12px;
  opacity: 0.8;
  background: #16a52c;
  border: solid 1px #D1D4D2;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #666;
  padding: 0 4px;
  font-family: 'Oswald', sans-serif;
}
.pv-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: calc(100vh - 109px);
}

.pv-inner.pv-animating {
  -webkit-transition: background-position 500ms ease-out;
  -moz-transition: background-position 500ms ease-out;
  -o-transition: background-position 500ms ease-out;
  transition: background-position 500ms ease-out;
}

.pv-inner {
  display: inline-block;
  height: 100%;
  width: auto;
  cursor: move;
}

.pv-vertical .pv-inner {
  width: 100%;
}

.pv-inner .pv-pano {
  height: 100%;
  width: auto;
}

.pv-vertical .pv-inner .pv-pano {
  height: auto;
  width: 100%;
}

.pv-container .pv-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
}
.pv-container .pv-overlay i.pvicon-overlay{
  margin-top: -43px;
  top: 50%;
  margin-left: -40px;
  position: absolute;
  left: 50%;
  width: 80px;
  height: 87px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABXCAYAAACTFMIVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RDhBRjE4Mzg2NDMxMUUzOEI3OTg1NzVCMjUzMzE0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RDhBRjE4NDg2NDMxMUUzOEI3OTg1NzVCMjUzMzE0QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZEOEFGMTgxODY0MzExRTM4Qjc5ODU3NUIyNTMzMTRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZEOEFGMTgyODY0MzExRTM4Qjc5ODU3NUIyNTMzMTRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++haY+QAAD8FJREFUeNrkXXtU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);

}

.pv-container.pv-vertical .pv-overlay i.pvicon-overlay{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABXCAYAAACTFMIVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RDhBRjE4Nzg2NDMxMUUzOEI3OTg1NzVCMjUzMzE0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RDhBRjE4ODg2NDMxMUUzOEI3OTg1NzVCMjUzMzE0QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZEOEFGMTg1ODY0MzExRTM4Qjc5ODU3NUIyNTMzMTRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZEOEFGMTg2ODY0MzExRTM4Qjc5ODU3NUIyNTMzMTRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FSJ+/AAAC+1JREFUeNrkXQlQ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);
}

.pv-container .pv-overlay-container {
  width: 100%;
  height: 100%;
}

.pv-container .pv-overlay-container .pv-overlay-left {
  width: 40%;
  height: 100%;
  display: inline-block;
}

.pv-container .pv-overlay-container .pv-overlay-right {
  width: 40%;
  height: 100%;
  /* display: inline-block; */
  float: right;
}

/* photo-right */

#boxp-right{
  position: absolute;
  top: 95px;
  right: 5px;
  margin: 5px 5px 0px 5px;
  bottom: 0;
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  z-index: 100;
  width: calc(100% - 220px);
}

#box-content2p{
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  bottom: 0;
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100;
  height: calc(100vh - 103px);
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.tableag {
  width: 100%;
  display: table;
  border-radius: 5px;
}

.maing{
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: calc(100% - 196px);
  top: 20px;
  left: 0px;
}

.ff{
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: calc(100vh - 150px);
  top: 20px;
  left: 0px;
}

.minibox{
  height: 385px !important;
  overflow: hidden;
}

.minibox{
  background: #d1c08d !important;
}

.minibox{
  position: absolute;
  z-index: 999999999999;
  width: 306px;
  top: 40px;
  left: 20px;
  background: #029fe4;
  color: #ffffff;
  padding: 3px;
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  text-align: left;
}

.minibox-img{
  width: 300px;
  height: 300px;
  z-index: 99999999;
}

.minibox-img img{
  height: 310px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.group-btn{
  width: 200px;
  margin: 5px auto;
}

.minititle{
  font-size: 15px;
  text-align: left;
}

.img-wrap {
  position: relative;
  width: auto;
  height: auto;
  max-width: 1826px;
}

.imp-tooltip {
  display: none;
}

.img-wrap>img {
  position: relative!important;
  z-index: 0!important;
  width: 100%!important;
  height: 100%!important;
  margin: 0!important;
  max-width: none!important;
  max-height: none!important;
  display: block!important;
}

.imp-shape-container {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
}

/* photo-right */

#boxp {
  position: absolute;
  top: 95px;
  left: 5px;
  margin: 5px;
  bottom: 0;
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  z-index: 100;
  width: 190px;
  text-align: center;
}

.sidebox {
  height: 60px;
  width: 48%;
  float: left;
  background: #ff7c7c;
  text-align: center;
  margin-bottom: 5px;
  padding: 8px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px;
  line-height: 19px;
}

.sideboxb {
  width: 100%;
  background: #ffffff;
  text-align: center;
  margin-bottom: 5px;
  padding: 5px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px;
  line-height: 19px;
}

#box-contentp {
  overflow: hidden;
}

#box-contentp {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px;
  color: #000000;
  border-radius: 5px;
  border-radius: 5px;
  overflow-y: scroll;
  height: calc(100vh - 102px);
}

.buttonsel {
  background: #d1c08d;
}

.buttonsel.buttonsel-active {
  background: #aea071 !important;
}

.bbig {
  font-size: 26px;
}

.link-tower:hover{
  text-decoration: underline;
  color: #0058a8 !important;
}

.photo-info {
  position: absolute;
  z-index: 330303030303;
  top: 40px;
  right: 20px;
  width: 300px;
  background: #000000;
}

table.comic-green {
  border: 0px solid #4F7849;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.comic-green td, table.comic-green th {
  border: 0px solid #4F7849;
  padding: 6px 10px;
}
table.comic-green tbody td {
  font-size: 14px;
  color: #797979;
}
table.comic-green tr:nth-child(even) {
  background: #e9e9e9;
}
table.comic-green thead {
  background: #d1c08d;
}
table.comic-green thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  border-left: 0px solid #D0E4F5;
}
table.comic-green thead th:first-child {
  border-left: none;
}

table.comic-green tfoot td {
  font-size: 21px;
}

.main {
  height: calc(100vh - 100px) !important;
  position: relative;
  top: 100px;
  padding: 0px 10px 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}

.main > div {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  height: 100%;
}

.main > div.side {
  width: 190px;
  overflow-y: scroll;
  padding: 6px;
}

.button-container {
  width: 100%;
  margin-bottom: 5px;
}

.button-side {
  font-family: inherit;
  height: 60px;
  width: 49%;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px;
  background: #d1c08d;
  display: inline-block;
  line-height: 19px;
  padding: 7px 3px;
  cursor: pointer;
}

.button-side:hover {
  background: #ccbb84;
}

.button-side:disabled,
.button-side:disabled.button-side:hover {
  cursor: not-allowed;
  color: #706749;
  background: #706749;
}

.button-side.button-side-active {
  background: #aea071;
}

.sideimg-container {
  cursor: pointer;
}

.sideimg-container > img:last-child {
  margin-top: -7px;
}

.main > div.content {
  width: calc(100vw - 220px);
}

div.content-title {
  background: #d1c08d;
  height: 36px;
  font-size: 16px;
  font-weight: 800;
  border-radius: 5px 5px 0px 0px;
  padding: 5px 10px;
  line-height: 24px;
  color: #fff;
}

div.content-title > span.content-title-icon {
  float: right;
  cursor: grab;
}

div.content-body {
  height: calc(100% - 36px);
  padding: 6px;
  overflow: scroll;
}

div.mini-preview {
  background: #d1c08d;
  width: 312px;
  padding: 0px 6px 6px 6px;
  border-radius: 5px;
  z-index: 99999999999;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

div.mini-preview-footer {
  display: flex;
  justify-content: center;
  padding: 3px 0px 6px 0px;
}

div.mini-preview-footer > .badge {
  margin-left: 3px;
  margin-right: 3px;
}

div.mini-preview-image {
  position: relative;
  width: 300px;
  height: 300px;
}

div.mini-preview-image img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border: 1px solid transparent;
  border-radius: 5px;
  width: 300px;
  height: 300px;
}

div.mini-info {
  position: absolute;
  top: 80px;
  right: 20px;
  width: 300px;
  font-size: 14px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

div.mini-info table thead {
  background-color: #d1c08d;
}

div.mini-info table thead tr th {
  color: #fff;
}

.bordered {
  border: 1px solid black;
}

div.asset-preview {
  height: calc(100% - 65px);
  overflow: scroll;
}

div.asset-preview img {
  width: 100%;
}

div.asset-thumbnail {
  height: 60px;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.9);
}

div.asset-thumbnail img {
  margin-right: 5px;
  border: 1px solid black;
  cursor: pointer;
}

div.asset-thumbnail img:hover {
  border-width: 3px;
}

div.asset-marker {
  border: 2px solid #2277c5;
  position: absolute;
  border-radius: 10px;
}

div.asset-marker.asset-marker-dish {
  border-radius: 50%;
}

div.asset-marker:hover {
  background-color: #2277c5;;
}

.nav-box{
  /* max-width: 85px;
  width: 80px; */
  float: left;
}

.nav-line{
  margin: 0 10px;
  float: left;
}

.cella i{
  cursor: pointer;
}

.columns.carrier .box {
  border-radius: 0;
  line-height:24px;
  padding: 0.3rem;
}

/* toggle */
.switch-input {
  display: none;
}
.switch-label {
  top: 6px;
  position: relative;
  display: inline-block;
  min-width: 112px;
  cursor: pointer;
  font-weight: 500;
  text-align: left;
  margin: 16px;
  padding: 16px 0 16px 44px;
}
.switch-label:before, .switch-label:after {
  content: "";
  position: absolute;
  margin: 0;
  outline: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.switch-label:before {
  top: 17px;
  width: 32px;
  height: 20px;
  background-color: #000000;
  border-radius: 12px;
}
.switch-label:after {
  top: 17px;
  left: 46px;
  width: 16px;
  height: 16px;
  background-color: rgb(250, 250, 250);
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.switch-label > * {
  position: absolute;
  top: 4px;
  text-align: center;
  line-height: 11px;
}
.switch-label .toggle-on {
  right: -5px;
}
.switch-label .toggle-off {
  left: -5px;
}
.switch-label .toggle-on.is-active,
.switch-label .toggle-off.is-active {
  font-weight: 900;
}
.switch-input:checked + .switch-label:after {
  background-color: #f2f2f2;
  -ms-transform: translate(75%, -50%);
  -webkit-transform: translate(75%, -50%);
  transform: translate(75%, -50%);
}

/* end toggle */

.modal-card {
  border-radius: 5px;
  width: 440px;
  top: 45px;
  max-height: calc(100vh - 110px);
}

.modal-card.is-large {
  border-radius: 5px;
  width: 880px;
}

.modal.is-active {
  z-index: 10000;
}

.modal .label {
  font-weight: normal;
  text-align: left;
}

.modal .field-body {
  flex-grow: 4;
}

.btn-edit.is-small {
  height: 16px;
  font-size: 11px;
  line-height: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.btn-update {
  z-index: 9999;
  position: absolute;
  right: 30px;
  top: 10px;
}

.loading > i,
.loading > p {
  font-size: 18px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}

.project-sidebar {
  position: absolute;
  top: 110px;
  left: 10px;
  border-radius: 3px;
  width: 340px;
}

.project-sidebar > .project-sidebar-body > .project-sidebar-header {
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  background-color: #000000;
  color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #8d8d8d;
  border-bottom: none;
}

.project-sidebar > .project-sidebar-body > .project-sidebar-content {
  font-size: 14px;
  color: #000000;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #f2f2f2;
  border: 1px solid #8d8d8d;
  border-top: none;
  overflow-y: hidden;
}

.project-sidebar > .project-sidebar-body > .project-sidebar-content > ul {
  max-height: calc(100vh - 250px);
  overflow-y: scroll;
}

.project-sidebar > .project-sidebar-body > .project-sidebar-content > ul > li:last-child {
  border-bottom: none;
}

.project-sidebar > .project-sidebar-body > .project-sidebar-content > ul > li {
  padding: 9px 10px;
  border-bottom: 1px solid #8d8d8d;
}

.project-sidebar > .project-sidebar-body > .project-sidebar-content > ul > li:hover {
  background-color: #dddddd;
  cursor: pointer;
}

.project-sidebar-button {
  margin-bottom: 10px;
}

.filter-column {
  position: absolute;
  width: 150px;
  right: 50px;
  top: 102px;
  height: calc(100vh - 103px);
  border-radius: 2px;
}

.filter-list {
  display: block;
  margin-top: 6px;
}

.custom-select {
  height: 36px !important;
}

.custom-select > select {
  height: 100%;
  font-size: 14px;
}

button.btn-toggle {
  background-color: transparent !important;
  height: 30px;
  text-align: center;
  font-size: 10px !important;
  line-height: 10px;
}

button.btn-toggle.is-static {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

button.btn-toggle:hover {
  border: none;
}
.swal2-container.swal2-bottom, .swal2-container.swal2-center, .swal2-container.swal2-top {
z-index: 10000000000000000;
}
.selectautofill{
  width: 100% !important;
}
.autofill{
  display: none;
}
.autofilllabel{
  width: 120px;
}

.showautofill{
  display: inline-block !important;
}

button.btn-toggle.is-active {
  font-weight: 900;
  border: none;
}

button.btn-toggle .toggle-parent {
  height: 20px;
  width: 36px;
  padding: 2px !important;
  background: #1e1d25;
  position: relative;
  border-radius: 12px;
}

button.btn-toggle .toggle-parent .toggle-child {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FFFFFF;
}

button.btn-toggle .toggle-parent .toggle-child.is-active {
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.image-remove {
  position:absolute;
  top:0px;
  right:0px;
  padding:3px;
  opacity: 0.7;
}

.image-remove:hover {
  cursor: pointer;
  opacity: 1;
}

.columns.counts {
  padding: 0px 8px;
  margin-top: 0px;
}

.columns.counts > .column {
  margin: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.columns.counts > .column > p:first-child {
  margin-bottom: 0px;
}

.columns.counts > .column > p:last-child {
  font-weight: 900;
}

.file-icon {
  font-size: 14px;
  text-decoration: none;
  color: #777777;
}


@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .project-title {
        display: none;
    }
}

.columns.count-boxes {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
}

.columns.count-boxes > .column {
  cursor: pointer;
  margin-right: 7px;
}

.columns.count-boxes > .column:last-child {
  margin-right: 0;
}

.columns.count-boxes p {
  margin: 0;
  line-height: 20px;
}

.columns.count-boxes small {
  font-size: 0.45em;
}

.is-borderless {
  border: none;
}
.legend{
  width: 418px;
  height: 43px;
  bottom: 10px;
  background: rgb(238, 238, 238);
  position: fixed;
  border-radius: 5px;
  padding: 10px;
  right: 0;
}
.legend img{
  margin-left: 5px;
}
.loading-bg {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.38);
   position: absolute;
  top: 0px;
  display: flex;
  align-items: center;
   color: white;
  justify-content: center;
  z-index: 999999999;
}
.reporti {
  font-size: 30px;
  color: greenyellow;
}
.loadingh1 {
  font-weight: 700;
  font-size: 20px !important;
  font-family: "Lato", sans-serif;
}
.maindivswal {
  display: flex;
}
.maindivswala {
  display: inline-block;
  margin: auto;
}
.maindivswalb {
  margin-left: 10px;
}
.osd_sliderButton{
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1000;
}