.bg-color-red { background-color: red;}
.bg-color-green { background-color: green;}

.mr-bot-20 { margin-bottom: 20px; }
.mr-top-100 { margin-top: 100px; }
.pad-15 { padding: 15px;}
.pad-30 { padding: 30px;}
.w-50 { width: 50%!important; }
.w-100 {width: 100%!important; }

#main-content {margin-top: 100px; margin-bottom: 100px;}

.text-uppercase { text-transform: uppercase; }

.overflow-hidden { overflow: hidden!important; }

/* #### LOADING CSS */

#loadingCSS {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
}


.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: fixed;
    left: 50%;
    top:50%;
    margin-top: -40px;
    margin-left: -40px;
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

.nav-tabs{
  border: none;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
  color: #495057;
  background-color: #e9ecef;
  border-color:#dee2e6 #dee2e6 #e9ecef;
}


.tab-content{
  border: 1px solid #dee2e6;
}

/* #### LOADING CSS */


/* #### ALERT */
#alert-background { 
  position: fixed;
  top: 8vh;
  right: 2vw;
  z-index: 999999999999999;
}

.onfocus{
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
.modal-backdrop {
  z-index: 99999!important;
}

.modal{
  z-index: 999999!important;
}