/* Generic */

.hero--area .container {
  box-shadow:10px 10px 10px grey;
  padding-left:0px;
  padding-right:0px;
  background-color:white;
  position:relative;
  left:-10px;
}

.classy-nav-container {
  z-index: 0 !important;
}

.gsc-control-cse {
  position: relative;
  top: -2px;
  padding-bottom: 0px !important;
}

.default-background {
  background-color: #000000;
  color: white;
}

.fg-white {
  color:white !important;
}

.fg-green {
  color:green !important;
}

.fg-red {
  color:crimson !important;
}

a:hover {
  color: darkorange !important;
}

.pointer {
  cursor: pointer;
}

.post-border {
  border-color: dimgray !important;
}


.table-responsive {
  background: white;
  padding: 20px;
}

.form {
  background-color: white;
  padding: 30px;
}

.form-control {
  /* color: white !important; */
}

.form-control:disabled, .form-control[readonly] {
  background-color: #F0F0F0;
}

.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after {
  transform: scale(1.4) !important;
}

.genric-btn {
  line-height: 40px !important
}

/* Notification */
.snackbar {
  position: fixed; /* Sit on top of the screen */
  z-index: 10000; /* Add a z-index if needed */
  left: 50%; /*Dont Center the snackbar */
  bottom: 40px;
}

.snackbar-message {
    /* display:none; */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px #9B7468;
    -moz-box-shadow: 0 3px 3px #9B7468;
    box-shadow: 0 3px 3px #9B7468;
    padding: 8px; /* Padding */
    margin-top:5px;
  }

  .error-message {
    background-color:crimson;      
  }

  .success-message {
    background-color:green;
  }

  /* Loading Overlay */
  .loading-overlay { 
    position:absolute; 
    background:white;
    z-index: 100;
  }

  .load-message { 
    position:absolute; 
  }

  .marquee {
    top: -30px;
    height: 50px;
    overflow: hidden;
    position: relative;
    background: #0079E1;
    color: white;
    border-bottom: 4px solid darkorange;
  }

.marquee p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: left;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 40s linear infinite;
}

.marquee p span a {
  margin-left: 30px;
  color: white !important;
}

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}