.logo {
  width: 27vw !important;
  padding: 0 0 0 66px;
}

.myHead {
  height: 100px;
}

.font-12 {
  font-size: 12px !important;
}


#content,#content-wrapper{

   position: relative;
}

.bg-gradient-primary {
  background-color: #000;
  background-image: linear-gradient(180deg, #000 10%, #000 100%);
  background-size: cover;
}

.spinner-body{

   z-index: 20;
   background-image:  linear-gradient(to right, #000, rgba(0, 0, 0, .60));
   height: 100%;
   width: 100%;
   position: absolute;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: white;
   font-weight: bold;
   text-transform: uppercase;
   font-size: x-large;
   display: none;
}
/* 
.sidebar.toggled {
  overflow: visible;
  width: 6.5rem !important;
} */