.notificationHeader{
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .25rem .75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}

.modal-content-toast{
  background-color: rgba(255, 255, 255, 0.85) !important;
}
 
#notificationMsg{
  font-size: large;
  margin-bottom: 0.5rem;
}

@media (max-width: 1100px) {
  body{
    overflow: auto;
    color: transparent;
  }

  .jumbotron{
    background: transparent;
  }

  #blankDiv{
    display: none;
  }

}

@media only screen and (min-width : 576px) and (max-width : 1024px) and (orientation : landscape) {
  .bg-purple2{
    border-radius: 20px;
    margin-top: -5% !important;
    margin-left: 0%;
    padding: 1rem !important;
  }

  .container, .container-sm {
    max-width: 400px;
  }

  #mlogo{
    display: block !important;
  }

}

@media only screen and (min-width : 320px) and (max-width : 1024px) and (orientation : portrait) {
  
  #mlogo{
    display: block !important;
  }


  .jumbotron{
    background: transparent;
  }

}

@media only screen and (min-width : 1024px) and (max-width : 1200px){
  .container, .container-sm {
    max-width: 90%;
  }
}


::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f6f6f6;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #f6f6f6;
}

::-webkit-scrollbar-thumb {
  background-color: #ffd231 !important;
}