.alert-notification {
  background-color: #9E5DCA;
  color: #ffffff;
}
.text-purple{
  color: #09628f;
}
.text-purple:hover{
  color: #09628f;
}

.btn-purple {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28a745+0,5ad363+100 */
  background: #7A24B2;
 /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #7A24B2 0%, #9D5BC9 100%);
 /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #7A24B2 0%,#9D5BC9 100%);
 /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #7A24B2 0%,#9D5BC9 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7A24B2', endColorstr='#9D5BC9',GradientType=1 );
 /* IE6-9 fallback on horizontal gradient */;
}

.fixed-top{
  height: 75px;
}

.osahan-body{
  margin-top: 80px;
}



.outercontainer { width: 100%; margin: 0 auto;  overflow-x: scroll;  position: relative;  scrollbar-width: none;   -ms-overflow-style: none;}
.outercontainer::-webkit-scrollbar { display: none;}
.innercontainer {  width: fit-content;  display: flex;  flex-flow: row;  justify-content: flex-start;  align-items: center;}