/* customdropdown Button */
.customdropbtn {
   /* background-color: #4CAF50; */
   /* color: white;
   padding: 16px;
   font-size: 16px; */
   border: none;
}

/* The container <div> - needed to position the customdropdown content */
.customdropdown {
   position: relative;
   display: inline-block;
}

/* customdropdown Content (Hidden by Default) */
.customdropdown-content {
   display: none;
   position: absolute;
   background-color: #f1f1f1;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
}

/* Links inside the customdropdown */
.customdropdown-content a {
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
}

/* Change color of customdropdown links on hover */
.customdropdown-content a:hover {background-color: #324f80;color: #FFFFFF;}

/* Show the customdropdown menu on hover */
.customdropdown:hover .customdropdown-content {display: block;}

/* Change the background color of the customdropdown button when the customdropdown content is shown */
.customdropdown:hover .customdropbtn {background-color: #324f80;color: #FFFFFF;}

#allicons {
  font-size:3rem;
  text-align:center;
  display: inline-block;
    width: 100%;
  color: #324f80;
}

#justifycontent {
  text-align:justify;
}

#achrpimages {
  max-height: 200px;
}

#courseimages {
  max-height: 350px;
}

.vertical-menu {
    width: 100%; /* Set a width if you like */
}



.pagination ul > li
{
display:inline-block;
padding:0px 10px;
}
.pagination .disabled {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #999;
background: #eee;
}
.pagination .active {
color: #fff;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #324f80;
background: #324f80;
}

.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
}

.pagination a.active {
background-color: #324f80;
color: white;
border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.savertical-menu {
    width: 100%; /* Set a width if you like */
    margin-top: 0% !important;
}

#savertical-menu {
    background-color: #324f80; /* Grey background color */
    color: #FFF; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
    border-radius: 4px;
    text-align: left;
    width:20%;
}

.svertical-menu {
    width: 100%; /* Set a width if you like */
    margin-top: 0% !important;
}

.svertical-menu a {
    background-color: #ffffff; /* Grey background color */
    color: #000000; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
    border-bottom: 1px solid #999;
    border-radius: 0px;
    text-align: left;
}

.svertical-menu a:hover {
  color: #000000;
    background-color: #eee; /*FFA500; /* Dark grey background on mouse-over */
}

.svertical-menu a.active {
    background-color: #FFA500; /* Add a green color to the "active/current" link */
    color: #000000;
}



.vertical-menu {
    width: 100%; /* Set a width if you like */
    margin-top: 0% !important;
}

.vertical-menu a {
    background-color: transparent; /* Grey background color */
    color: #FFFFFF; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
    border-bottom: 1px solid #FFFFFF;
    border-radius: 0px;
    text-align: left;
}

.vertical-menu a:hover {
  color: #000000;
    background-color: #eee; /*FFA500; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #FFA500; /* Add a green color to the "active/current" link */
    color: #000000;
}

#rightbarbg {
background: #324f80;
padding: 0% !important;
border-radius: 4px;
}

#rightbarbg h4 {
  background: #00ACEF;
  color: #ffffff;
  width: 100%;
  margin-top: 0%;
  padding-left: 3%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#sidemenubg h4 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #00ACEF;
  color: #ffffff;
  width: 100%;
  margin-top: 0%;
  padding-left: 3%;
}
#customh4 {
  background: #00ACEF;
  color: #ffffff;
  width: 100% !important;
  height:36px;
  line-height:16px;
  padding: 2%;
  margin-bottom:1%;
  font-size:1rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight:600;
}
#sidemenubg {
  border-radius: 4px;
  background: #324f80;
  padding: 0% !important;
}

#custstyle {
/* padding: 2% !important; */
}

#pagemaincontent {
  /*margin-top:10%;*/
}
#pagemaincontentother {
  margin-top:9.6em;
  /*margin-top:-2%;*/
}

@media(max-width: 600px){
/*.top-bar_sub_w3layouts {*/
/*  //display: none !important;*/
/*}*/
#pagemaincontent {
  /*margin-top:56% !important;*/
}
/*#pagemaincontentother {*/
/*  margin-top:62% !important;*/
/*}*/
/*.top-header {*/
/*  margin-top:95% !important;*/
/*}*/
#custstyle {
margin-top: 4% !important;
}
#logoimage {
  margin-left: 0% !important;
}
#logoimagediv {
    padding-left: 5% !important;
}
#elearningtab {
  display: none;
}
#elearningtab a {
  display: none;
  background: #FFA500 !important;
}
/* #signtab {
  margin-top:-30% !important;
} */
}


@keyframes blink {
  0% { color: #FFFFFF; background: #000000;}
  100% { color: black; }
}
@-webkit-keyframes blink {
  0% { color: red; background:blue;}
  100% { color: black; background:green;}
}
.blink {
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}

@media screen and (min-width: 768px) {
#elearningtab {
  display:block;
  margin-top: -3% !important;
  margin-bottom: 2% !important;
  /*margin-right:-76% !important;*/
  letter-spacing:2px !important;
}
#elearningtab a {
  background: #FFA500 !important;
}
#signtab {
  margin-left:20% !important;

}
}