body {
  background-color: #fcfcfc
}

.loginform {
  margin-top: 20px;
  padding: 25px;
  background-color: #ffffff;
}

.rememberMe{
    color: #000000;
}

.anyflip {
  width:550px;
  height:350px;
}

button[id~="carouselprev"] {
  background-color: none !important;
  border-color: none !important;
}

.divider {
  height: 100%
}

.yesbutton {
  background-color: #f7ad4d;
  color: #000000;
  border-color: #f7ad4d;
  box-shadow: none !important;
  outline: none !important;
}

.yesbutton:focus {
  background-color: #f7ad4d;
  color: #000000;
  border-color: #f7ad4d;
  box-shadow: none !important;
  outline: none !important;
}

.yesbutton:hover {
  background-color: #ffcd1c;
  border-color: #ffcd1c;
  color: #000000;
}

.yesbutton:active {
  background-color: #f7ad4d;
  color: #000000;
  border-color: #f7ad4d;
  box-shadow: none !important;
  outline: none !important;
}

[type="submit"] {
  box-shadow: none !important;
  outline: none !important;
}

[type="submit"]:active {
  background-color: #ffcd1c;
  border-color: #ffcd1c;
  color: #000000;
  box-shadow: none !important;
  outline: none !important;
}

.nobutton:hover {
  background-color: #748087 !important;
  border-color: #748087;
}

.nobutton:focus {
  background-color: #748087 !important;
  border-color: #748087;
  box-shadow: none !important;
  outline: none !important;
}

.nobutton:active {
  background-color: #748087 !important;
  border-color: #748087;
}

input[type="password"]:focus {
  box-shadow: none !important;
  outline: none !important;
}

div[class~="form-check"] [id~="show_password"] {
  border-color: #748087;
}

div[class~="form-check"] [id~="show_password"]:checked {
  background-color: #748087;
  border-color: #748087;
}

.copyright {
  background-color: #1f528c;
  color: #ffffff;
  margin-bottom: 75px;
  padding: 10px;
}

.copyright2 {
  background-color: #1f528c;
  color: #ffffff;
  padding: 10px;
}

.changepassword {
  margin-top: 100px;
}

.buttonpadding {
  margin-top: 50px;
}

.sidenav {
  height: 100%;
  width: 400px;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #f5f5f5;
  overflow-x: hidden;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.main {
  margin-right: 400px; /* Same as the width of the sidenav */
  padding: 0px 10px;
  margin-top: 60px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.material-icons.md-80 {
  font-size: 80px;
}

.dashboardlogocard {
  background-color: #ffffff;
  border-color: #ffffff;
  height: 30px;
}

.adashboard:link {
  text-decoration: none;
}

.adashboard:visited {
  text-decoration: none;
}

.adashboard:hover {
  text-decoration: underline;
}

.adashboard:active {
  text-decoration: underline;
}

.dashboardcounterboard {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  text-align: center;
}

.dashboardcounterboardjoined {
  color: #00b53f;
}

.dashboardcounterboardinterested {
  color: #b50024;
}

.dashboardcounterboardcompleted {
  color: #006aff;
}

.dashboardsearchnav {
  font-size: 16px;
}

.dashboardsearchnavbg {
  background-color: #f5f5f5;
}

.dashboardsearchnavbar {
  height: 33px;
  width: 725px;
  border-radius: 100px;
}

.dashboardcardtext1 {
  font-size: 15px;
}

.dashboardcardtext2 {
  font-size: 13px;
}

.material-icons.md-15 {
  font-size: 15px;
}

.sidenavbadge {
  text-align: center;
}

.sidenavlogindetails {
  font-size: 14px;
  list-style-type: none;
}

.onboarding3sidenav {
  height: 100%;
  width: 600px;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #f5f5f5;
  overflow-x: hidden;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.onboarding3main {
  margin-right: 300px; /* Same as the width of the sidenav */
  margin-top: 90px;
}

@media screen and (max-height: 450px) {
  .onboarding3sidenav {padding-top: 15px;}
}

.onboarding3secondrowmain {
  margin-top: 30px;
}

.onboarding4summary {
  width: 300px;
}

.onboarding4checkicon {
  float: right;
}

[class~="text-decoration-none"]:hover {
  color: #FFA500;
}

[class~="text-decoration-none"] {
  color: #5e5e5e;
}

ol li[class~="active"] {
  color: #000000 !important;
}

ol li[class~="inactive"] {
  color: #736a64;
}

.onboarding3cards {
    padding-bottom: 12px;
}

@media only screen and (max-width: 768px) {
  .catalog-pdf {
    height: 60vh;
    width: 100%;
  }
}

a[href~="#category-0"].active {
  background-color: #EBC334 !important;
}

a[href~="#category-1"].active {
  background-color: #34EB4C !important;
}

a[href~="#category-2"].active {
  background-color: #5CD9FF !important;
}

a[href~="#category-3"].active {
  background-color: #EB8334 !important;
}

div[id~="category-0"] div[class~="card"] {
  border: solid #EBC334 1px;
}

div[id~="category-1"] div[class~="card"] {
  border: solid #34EB4C 1px;
}

div[id~="category-2"] div[class~="card"] {
  border: solid #5CD9FF 1px;
}

div[id~="category-3"] div[class~="card"] {
  border: solid #EB8334 1px;
}

div[id~="category-0"] input[type="checkbox"] {
  border-color: #EBC334;
}

div[id~="category-0"] input[type="checkbox"]:checked {
  background-color: #EBC334;
  border-color: #EBC334;
}

div[id~="category-1"] input[type="checkbox"] {
  border-color: #34EB4C;
}

div[id~="category-1"] input[type="checkbox"]:checked {
  background-color: #34EB4C;
  border-color: #34EB4C;
}

div[id~="category-2"] input[type="checkbox"] {
  border-color: #5CD9FF;
}

div[id~="category-2"] input[type="checkbox"]:checked {
  background-color: #5CD9FF;
  border-color: #5CD9FF;
}

div[id~="category-3"] input[type="checkbox"] {
  border-color: #EB8334;
}

div[id~="category-3"] input[type="checkbox"]:checked {
  background-color: #EB8334;
  border-color: #EB8334;
}

input[type="checkbox"]:focus {
  box-shadow: none !important;
}

[type="button"]:active {
  box-shadow: none !important;
  outline: none !important;
}

input[type="text"]:focus {
  box-shadow: none !important;
  outline: none !important;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

.dashcards {
    width: 210px;
}

ol[class~="breadcrumb"] {
  background: #f5f5f5 !important;
}

@media only screen and (max-width: 768px) {
  .center-on-portrait {
    text-align: center !important;
    padding-top: 30px;
    padding-bottom: 10px;;
  }
}

nav[class~="navcolor"] {
  background: #ffffff !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.001), 0 1px 5px 0 rgba(0, 0, 0, 0.19) !important;;
}

a[class~="navtitle"] {
  color: #eb8334 !important;
}

a[class~="navtablink"] {
  color: #eb8334 !important;
}

.scheduletable {
    width: 20%
}

button[class~="accordbox"] {
  box-shadow: none !important;
}

div[class="modal-content"] {
    height: 250px !important;
}

.moderatortable {
    color: #000000;
    text-align: center;
}

.mod-bn{
    color: #000000;
}
.mod-bn:hover{
    color: #ebc334;
}

.mod-fe {
    color: #000000;
}
.mod-fe:hover{
    color: #34eb4c;
}

.mod-ema {
    color: #000000;
}
.mod-ema:hover{
    color: #5cd9ff;
}

.mod-sa {
    color: #000000;
}
.mod-sa:hover{
    color: #eb8334;
}

.imgcent {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

.circle-bn {
  height: 90px;
  width: 90px;
  background-color: #ebc334;
  border: solid 2px #ebc334;
  border-radius: 50%;
  display: inline-block;
}

.circle-fe {
  height: 90px;
  width: 90px;
  background-color: #34eb4c;
  border: solid 2px #34eb4c;
  border-radius: 50%;
  display: inline-block;
}
.circle-ema {
  height: 90px;
  width: 90px;
  background-color: #5cd9ff;
  border: solid 2px #5cd9ff;
  border-radius: 50%;
  display: inline-block;
}

.circle-sa {
  height: 90px;
  width: 90px;
  background-color: #eb8334;
  border: solid 2px #eb8334;
  border-radius: 50%;
  display: inline-block;
}

.dashcarousel {
    padding-left: 500px;
}