body {
   
    margin: 0px;

}
.toTop {
    transition: 1s all;
    opacity: 0;
    visibility: hidden;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        border: none;
        outline: none!important;
        box-shadow: none;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        cursor: pointer;
        padding: 15px;
        border-radius: 4px;
      
}
.toTop.active {
    opacity: 1;
    visibility: visible;
}

.pointer {
    cursor:pointer;
}

[hidden] {
  display: none !important;
}


.pointer {
    cursor: pointer;
  }
  .zoomer {
    cursor:zoom-in;
  }

  .noselect {
    -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 */
  }
  .multiMark {
    background-color: #f00!important;
  }

  #mainNavBar{
    background-color: #8dc63f;
  } 
  
  #mainNavBar .dropdown-menu {
    background-color: #8dc63f;
    color: black;
  }

  #mainNavBar .dropdown-item{
    color: black;
  }
  #mainNavBar .nav-link{
    color: black;
  }

  #myTab .nav-item:not(:last-child) { 
    margin-right: 5px;
  } 

  #mainNavBar .dropdown-item.disabled ,   #mainNavBar .dropdown-item:disabled 
  {
    color: black;
  }

 
  #mainNavBar .dropdown-item:hover,  #mainNavBar .dropdown-item:focus{
    color: #fff;

    background-color: rgba(0,0,0,0);
  }

.nav-tabs .nav-link {
  background-color: #eee;
  color: black;
}

.nav-pills .nav-link {
  background-color: #eee;
  color: black;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #e0a800;
  color: #000;
}

  .status-ACTIVE {
    color:#0f0;
  }
  .status-INACTIVE {
    color:#f00;
  }
  .status-FREEZED {
    color:#00f;
  }

  table td {
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
    word-wrap: normal;;
  }
  .checker {
    text-align:center;
    cursor:pointer;
  }

  .text-white{
    color:#fff;
  }

  textarea {
    resize:none;
  }
  label {
    font-weight: bold;
  }

  
  #map {
    min-height:500px;
  height: 100%;
}


table {
  table-layout:fixed!important; width:100%;
  font-size:0.8rem;

  word-wrap:break-word;
}
table td {
  padding: 0.1rem !important;
}
abbr {
  color:#cc0000;
}



.bg-ss {
  background-color: #8cc63f;
}


/*############ FOOTER START ############*/
footer {
  margin: auto;
  color: #fff;
  width: 100%;
  height: 100%
}

.footer-wrapper {
  background-color: #333;
}



.footer-wrapper ul {
  list-style: none;
  line-height: 2;
}

.footer-wrapper .links a {
  text-transform: uppercase;
  color: white;
  font-family: 'arial';
  font-size: 13px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.5px;

}

.footer-wrapper a:hover {
  color: white;
}

.footer-copyright {

  font-size: 12px;
  font-weight: 300;
  background-color: rgba(0,0,0,.05);
  text-align: center;

}

.footer-copyright,
.footer-copyright a,
.footer-copyright a:hover {
  color: #fff;
  font-weight: lighter;
}

.footer-copyright img {
  height: 12px;
  margin-right: 20px;
  padding-bottom: 2px;
}

/*############ FOOTER END ############*/


.zoom {
  
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.imagePreview{
  cursor: zoom-in;
}

#groupDeliveryForm .form-control.is-invalid {
  background-color: #f9e4e6;
}

#groupDeliveryForm .form-control.is-valid {
  background-color: #e4f9e4;
}