body{
    font-family: 'Montserrat', sans-serif;
    background-color: #EEF5FC;
}

.h3{
    font-size: 32px;
    color: #143357;
    font-weight: bold;
}

.support-button p{
    font-size: 20px;
    color: #143357;
    font-weight: bold;
}


.mytext{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
     border-radius: 20px;
     border: 1px solid #2d9fd9;
     color: #a0d18c;
     width: 250px;
     height: 30px;
     padding-left: 10px;
    }
    
.mytext:focus {
     outline: none;
     border: 1px solid #a0d18c;
     color: #2d9fd9;
}

.bg-purple{
    background-color: #461a29;
}

    .my-bg{
        background-color: #07294d;
        color: white;
    }

.btn-purple{
    background-color: #461a29;
    padding:20px;
    color: white;
    border-radius: 1px 1px 1px 1px;
}

.text-purple{
    color: #461a29;
}

.navbar{
    border-radius: 16px; 
}

/* Change Brand Font */
.navbar-brand {
  font-size: 2em;
  font-weight: bold;
}

li.dropdown {
  display: inline-block;
  color: white;
}

li.dropdown:hover{
    background-color: red;
    color: white;
    border-radius: 5px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #461a29;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #461a30;}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Change Navigation Color */
.navbar #myMenu .custom-nav .nav-item a {
  color: #fff;
}

.navbar #myMenu .custom-nav .nav-item a:hover {
  color: #F0AAB1;
}

/* Make Header Image Responsive */
.back-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 90vh;
  border-radius: 0px;
  margin-top: 74px;
}

/* Header Image Sub-Title */
.font-italic {
  font-size: 24px;
}

a {
  color: black;
}

.active {
  color: white;
  background-color: #DC3545;
}

a:hover {
  color: #f26571;
}

/* Change Footer Icon Link Color */
.fi-color {
  color: #DC3545;
}

fi-color:hover {
  color: #E994A2;
}

/* Plus Button for adding New Users Bottom Right */
.box {
  position: fixed;
  bottom: 10px;
  right: 20px;
  margin-bottom: 30px;
}

/* Setting Margin for Welcome to OSMS */
.mainHeading {
  margin-top: 50px;
}

/* Setting Margin and Alignment for Welcome to OSM Mobile View */
@media only screen and (max-width: 600px) {
  .myclass {
    margin-top: 350px;
    text-align: center;
  }
}



/*.h1, .h2, .h3 {*/
/*    font-weight: 400;*/
/*    font-family: DauphinPlain;*/
/*    font-size: 24px;*/
/*    line-height: 24px;*/
/*    text-align: left;*/
/*    margin-bottom: 10px;*/
/*}*/


    .carousel .slide {
      height: 200px;
    }

/*.carousel-inner img {*/
/*    top: 0;*/
/*    left: 0;*/
/*    min-height: 200px;*/
/*}*/

.carousel-inner > .item > img {
  width:100%;
  height:550px;
}

.carousel-inner:hover {
    transition: 2s;
    filter: grayscale(100%);
}

/* Remove filter on hover out */
.carousel-inner:hover img {
    transform: scale(1.0);
}


.lnews > .item > img {
  width:100%;
  height:300px;
}

/*.carousel-inner:after {*/
/*  content:"";*/
/*  display:block;*/
/*  position:absolute;*/
/*  top:0;*/
/*  bottom:0;*/
/*  left:0;*/
/*  right:0;*/
/*  background:rgba(0,0,0,0.4);*/
/*}*/
.header-top{
    background-color: #01ADE4;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
}
.header-contact{}
.header-contact ul{}
.header-contact ul li{
    display: inline-block;
    margin-right: 45px;
}
.header-contact ul li:last-child{
    margin-right: 0;
}

.header-contact ul li img{}
.header-contact ul li span {
	color: black;
	font-size: 15px;
	font-weight: 400;
	margin-left: 10px;
}

.header-opening-time{}
.header-opening-time p {
	color: black;
	font-size: 15px;
	font-weight: 400;
}

/*===== Header Logo support =====*/

.header-logo-support{
    border-bottom: 1px solid #cecece;
}

.support-button{}
.support-button .support {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 7px;
}
.support-button .support .icon{}
.support-button .support .cont{
    margin-left: 15px;
    margin-top: -2px;
}
.support-button .support .cont p{
    font-size: 13px;
    color: #8a8a8a;
    line-height: 18px
}
.support-button .support .cont span{
    font-size: 18px;
    color: #07294d;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.support-button .button{
    margin-left: 60px;
}

.notice-files:hover{
    background-color: #EEF5FC;
    color: white;
    border-radius: 5px;
    font-size: 16px;
    transition: 1s;
}



.random_story_clg {
    background: white;
    border-radius: 0.625rem;
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);*/
    color: black;
    overflow: hidden;
    padding: 1.875rem;
}

.random_story {
    background: white;
    border-radius: 0.625rem;
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);*/
    color: black;
    overflow: hidden;
    padding: 1.875rem;
}


/*@media (min-width: 740px)*/
/*.random_item>* {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    flex: auto;*/
/*}*/
.random_visual_cta {
    border-radius: 0.625rem;
    overflow: hidden;
}


.head-des{
    /*background: rgb(2,0,36);*/
    background: #12486B;
/*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(114,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
    padding: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
    border-radius: 5px 5px;
}

.head-des-lnews{
    /*background: rgb(2,0,36);*/
    background: #12486B;
/*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(114,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
    padding: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
    border-radius: 5px 5px;
}

.blink_me {
  animation: blinker 1s linear infinite;
  
}

@keyframes blinker {
  50% {
    /*opacity: 1;*/
    color: yellow;
  }
}

.table {
    height: 20px;
    overflow: scroll;
}

.staffcon>ul{
    display:grid;
   grid-template-columns:repeat(5,1fr);
    justify-content:center;
    align-items:center;
   
}


.cards {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.cards li {
  display: inline-block;
  margin: 10px;
  padding: 20px;
  height:auto;
  border-radius: 15px;
  /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);*/
  background-color: #143357;
  color: white;
  font-size: 0.9em;
  transition: all 0.2s ease-in-out;
  text-align: center;
}

/*.role{*/
/*    background-color: #26577C;*/
/*    color: #EBE4D1;*/
/*     border-radius: 5px;*/
/*     margin: auto;*/
/*     padding: 2px;*/
/*}*/

.cards li:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); 
    background:#01ADE4;
    color: white;
}

.cards li:after,
.cards li:before {
  content: '';
  display: block;
  clear: both;
}
.cards li div{
    display:flex;
    justify-content:center;
    align-items:center;
   
}
.cards li div img {
  /*display: inline-block;*/
  /*margin:auto;*/

  width: 50%;
  height: auto;
  max-width: 150px;
  float: left;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease-in-out;
}
.dept,.role{
    padding-top:10px;
    font-weight:600;
border-top:1px solid #C0C0C0;
}

.qual{
    padding-top:10px;
    font-weight: 600;
    color: yellow;
}

@media screen and (max-width: 1200px) {
.staffcon>ul{
    display:grid;
   grid-template-columns:repeat(4,1fr);
    justify-content:center;
    align-items:center;
}
.cards li:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); 
    
}
}
@media screen and (max-width: 992px) {
.staffcon>ul{
    display:grid;
   grid-template-columns:repeat(2,1fr);
    justify-content:center;
    align-items:center;
}
.cards li:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); 
    
}

}

@media screen and (max-width: 660px) {
.carousel-inner > .item > img {
  height:350px;
}

.lnews > .item > img {
  width:100%;
  height:220px;
}

}

@media screen and (max-width: 480px) {
.carousel-inner > .item > img {
  height:260px;
}

.lnews > .item > img {
  width:100%;
  height:180px;
}
}



/*@media screen and (max-width: 700px) {*/
/*.staffcon>ul{*/
/*    display:grid;*/
/*   grid-template-columns:repeat(2,1fr);*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*}*/
/*.cards li:hover{*/
/*    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); */
    
/*}*/
/*}*/
/*body {*/
/*  background-image: url('https://images.unsplash.com/photo-1541701494587-cb58502866ab?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8YWJzdHJhY3QlMjBjb2xvdXJ8ZW58MHx8MHx8&w=1000&q=80');*/
/*}*/

/*.carousel{*/
/*    position: absolute;*/
/*}*/
/*.carousel-inner{*/
/*    position: relative;*/
/*    width: 100%;*/
/*    overflow: hidden;*/
/*}*/
/*.navbar{*/
/*    position: absolute;*/
/*    top: 30px;*/
/*    z-index: 10;*/
/*    width:100%;*/
/*}*/


input {
    width: 96%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

textarea {
    width: 96%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

button.mybtn {
    background-color: #900C3F;
    color: white;
}

button.mybtn:hover {
    background-color: #C70039;
}