#myFakeElement { color:red ; }
/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
    background-color: #34495e;
    padding-top: 60px;
}

#headerwrap h1 {
    margin-top: 30px;
    color: white;
    font-size: 70px;

}

#headerwrap h3 {
    color: white;
    font-size: 30px;
}

#headerwrap h5 {
    color: white;
    font-weight: 700;
    text-align: left;
}

#headerwrap p {
    text-align: left;
    color: white
}

/* intro Wrap */

#intro {
    padding-top: 50px;
    border-top: #bdc3c7 solid 5px;
}

#features {
    padding-top: 50px;
    padding-bottom: 50px;
}

#features .ac a{
    font-size: 20px;
}

/* Showcase Wrap */

#showcase {
    display: block;
    background-color: #34495e;
    padding-top: 50px;
    padding-bottom: 50px;
}

#showcase h1 {
    color: white;
}

#footerwrap {
    background-color: #2f2f2f;
    color: white;
    padding-top: 40px;
    padding-bottom: 60px;
    text-align: left;
}

#footerwrap h3 {
    font-size: 28px;
    color: white;
}

#footerwrap p {
    color: white;
    font-size: 18px;
}

/* Copyright Wrap */

#c {
    background: #222222;
    padding-top: 15px;
    text-align: center;
}

#c p {
    color: white
}
body {
  font-family: "Roboto", sans-serif;
  font-weight: 200; }

body {
  background-color: #ffffff;
}
.viewlogin {
  margin-top:50px;
}
.viewlogin2 {
  margin-top:50px;
}
.fixed-sn .double-nav,
.fixed-sn main,
.fixed-sn footer {
  padding-left: 14rem; }

.fixed-sn main {
  padding-top: 4.5rem; }

@media (max-width: 1440px) {
  .fixed-sn .double-nav,
  .fixed-sn main,
  .fixed-sn footer {
    padding-left: 0; } }


@media (min-width: 600px) {
  .fixed-sn main,
  .fixed-sn .page-footer .container-fluid {
    margin-right: 0%;
    margin-left: 0%; } }

@media (min-width: 992px) {
  .fixed-sn main,
  .fixed-sn .page-footer .container-fluid {
    margin-right: 0%;
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .fixed-sn main,
  .fixed-sn .page-footer .container-fluid {
    margin-right: 0%;
    margin-left: 0%; } }

.hidden-sn main {
  padding-top: 4.5rem; }

.fixed-no-side main,
.fixed-no-side .page-footer .container-fluid {
  margin-right: 0%;
  margin-left: 0%; 
  padding-left: 0rem; } 

table.table th,
table.table td {
  padding-top: 0;
  padding-bottom: 0; }

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
blockquote {
   font-family: Tahoma, sans-serif;
   font-size: 1rem;
   width: 80%;
   margin: 0 auto;
}
blockquote h1 {
   font-size: 1rem;
}
blockquote p {
   font-style: italic;
   margin-bottom: 0;
}

blockquote p::before,
blockquote p::after {
  color: rgb(160, 160, 160);
   content: "“";
   font-family: Georgia;
   font-size: 4rem;
   margin: -2rem 0 0 -2rem;
   position: absolute;
   opacity: 0.5;
}

blockquote p::after {
   content: "”";
   margin: -1rem -4rem 0 0;
}

blockquote cite {
   font-size: 0.9rem;
}

.red-gradient {
  background: -webkit-linear-gradient(50deg, rgb(255, 138, 138), rgb(255, 23, 23)) !important;
  background: -o-linear-gradient(50deg, rgb(255, 138, 138), rgb(255, 23, 23)) !important;
  background: linear-gradient(40deg, rgb(255, 138, 138), rgb(255, 23, 23)) !important; }

.green-gradient {
  background: -webkit-linear-gradient(50deg, #8bc34a, #388e3c) !important;
  background: -o-linear-gradient(50deg, #8bc34a, #388e3c) !important;
  background: linear-gradient(40deg, #8bc34a, #388e3c) !important; }

.centered {
  text-align: center;
}

.intro-2 {
    background: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img%20(11).jpg")no-repeat center center;
    background-size: cover;
}
.divmaxheight {
  height: max-content;
}

.card-login {
    background-color: rgba(170, 197, 232, 0.60) !important;
}
.color-login {
    color: #ffffff;
}
.md-form .form-control {
            color: rgb(0, 0, 0);
        }
.md-form label {
            color: rgb(0, 0, 0);
        }

.container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.mdb-myskin .gradient {
  background: #0e2135;
  background: linear-gradient(135deg, #0e2135 0%, #2c76b8 100%); }

.mdb-myskin .primary-color, .mdb-myskin ul.stepper li.active a .circle, ul.stepper li.active a .mdb-myskin .circle, .mdb-myskin ul.stepper li.completed a .circle, ul.stepper li.completed a .mdb-myskin .circle {
  background-color: #33b5e5 !important; }

.mdb-myskin .navbar {
  background-color: #243a51;
  color: #fff; }
  .mdb-myskin .navbar .navbar-nav .nav-item .dropdown-menu a {
    color: #000; }
    .mdb-myskin .navbar .navbar-nav .nav-item .dropdown-menu a:hover, .mdb-myskin .navbar .navbar-nav .nav-item .dropdown-menu a:focus, .mdb-myskin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
      background-color: #1dade2; }
  .mdb-myskin .navbar.double-nav a {
    color: #fff; }
  .mdb-myskin .navbar form .md-form .form-control {
    color: #fff;
    font-weight: 300; }
    .mdb-myskin .navbar form .md-form .form-control::-webkit-input-placeholder {
      color: #fff; }
    .mdb-myskin .navbar form .md-form .form-control:-ms-input-placeholder {
      color: #fff; }
    .mdb-myskin .navbar form .md-form .form-control::-ms-input-placeholder {
      color: #fff; }
    .mdb-myskin .navbar form .md-form .form-control::placeholder {
      color: #fff; }

.mdb-myskin .page-footer {
  background-color: #243a51; }

.mdb-myskin .side-nav {
  background-color: #ffffff; 
  color: #000 !important;}
  .mdb-myskin .side-nav .logo-wrapper > div {
    background-color: transparent !important; }
  .mdb-myskin .side-nav .sn-avatar-wrapper img {
    border: 3px solid #178ab4; }
  .mdb-myskin .side-nav .social {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
    .mdb-myskin .side-nav .social a:hover .fas,
    .mdb-myskin .side-nav .social a:hover .fab,
    .mdb-myskin .side-nav .social a:hover .far {
      color: #33b5e5 !important;
      transition: all 0.3s linear; }
  .mdb-myskin .side-nav .collapsible li {
    background-color: transparent; }
    .mdb-myskin .side-nav .collapsible li .collapsible-header {
      color: #000;
      transition: all 0.3s linear; }
      .mdb-myskin .side-nav .collapsible li .collapsible-header.active {
        background-color: rgba(72, 198, 255, 0.8); }
      .mdb-myskin .side-nav .collapsible li .collapsible-header:hover {
        background-color: rgba(72, 198, 255, 0.8); }
    .mdb-myskin .side-nav .collapsible li .collapsible-body a {
      color: #000; }
      .mdb-myskin .side-nav .collapsible li .collapsible-body a:hover, .mdb-myskin .side-nav .collapsible li .collapsible-body a.active, .mdb-myskin .side-nav .collapsible li .collapsible-body a:active {
        color: #67d5ff; }
      .mdb-myskin .side-nav .collapsible li .collapsible-body a .fas,
      .mdb-myskin .side-nav .collapsible li .collapsible-body a .fab,
      .mdb-myskin .side-nav .collapsible li .collapsible-body a .far {
        color: #000; }
    .mdb-myskin .side-nav .collapsible li a:not(.collapsible-header) {
      color: #000;
      transition: all 0.3s linear; }
      .mdb-myskin .side-nav .collapsible li a:not(.collapsible-header):hover, .mdb-myskin .side-nav .collapsible li a:not(.collapsible-header).active, .mdb-myskin .side-nav .collapsible li a:not(.collapsible-header):active {
        color: #67d5ff !important; }
  .mdb-myskin .side-nav .sidenav-bg:after, .mdb-myskin .side-nav .sidenav-bg.mask-strong:after {
    background: rgba(13, 36, 60, 0.8); }
  .mdb-myskin .side-nav .sidenav-bg.mask-light:after {
    background: rgba(13, 36, 60, 0.65); }
  .mdb-myskin .side-nav .sidenav-bg.mask-slight:after {
    background: rgba(13, 36, 60, 0.5); }

.mdb-myskin .btn-primary {
  background-color: #33b5e5 !important;
  color: #fff; }
  .mdb-myskin .btn-primary:hover {
    background-color: #4abde8;
    color: #fff; }
  .mdb-myskin .btn-primary:focus, .mdb-myskin .btn-primary.focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .mdb-myskin .btn-primary:focus, .mdb-myskin .btn-primary:active, .mdb-myskin .btn-primary.active {
    background-color: #14799e; }
  .mdb-myskin .btn-primary.dropdown-toggle {
    background-color: #33b5e5 !important; }
    .mdb-myskin .btn-primary.dropdown-toggle:hover, .mdb-myskin .btn-primary.dropdown-toggle:focus {
      background-color: #4abde8 !important; }
  .mdb-myskin .btn-primary:not([disabled]):not(.disabled):active, .mdb-myskin .btn-primary:not([disabled]):not(.disabled).active,
  .show > .mdb-myskin .btn-primary.dropdown-toggle {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #14799e !important; }
  .mdb-myskin .btn-primary:not([disabled]):not(.disabled):active:focus, .mdb-myskin .btn-primary:not([disabled]):not(.disabled).active:focus,
  .show > .mdb-myskin .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.mdb-myskin .primary-ic {
  color: #33b5e5 !important; }
  .mdb-myskin .primary-ic:hover, .mdb-myskin .primary-ic:focus {
    color: #33b5e5; }

.mdb-myskin a.btn:not([href]):not([tabindex]),
.mdb-myskin a.btn:not([href]):not([tabindex]):focus,
.mdb-myskin a.btn:not([href]):not([tabindex]):hover {
  color: #fff; }

.mdb-myskin table.table a.btn.btn-primary {
  color: #fff; }

.mdb-myskin .btn-secondary {
  background-color: #0e3d67 !important;
  color: #fff; }
  .mdb-myskin .btn-secondary:hover {
    background-color: #114a7d;
    color: #fff; }
  .mdb-myskin .btn-secondary:focus, .mdb-myskin .btn-secondary.focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .mdb-myskin .btn-secondary:focus, .mdb-myskin .btn-secondary:active, .mdb-myskin .btn-secondary.active {
    background-color: #02080d; }
  .mdb-myskin .btn-secondary.dropdown-toggle {
    background-color: #0e3d67 !important; }
    .mdb-myskin .btn-secondary.dropdown-toggle:hover, .mdb-myskin .btn-secondary.dropdown-toggle:focus {
      background-color: #114a7d !important; }
  .mdb-myskin .btn-secondary:not([disabled]):not(.disabled):active, .mdb-myskin .btn-secondary:not([disabled]):not(.disabled).active,
  .show > .mdb-myskin .btn-secondary.dropdown-toggle {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #02080d !important; }
  .mdb-myskin .btn-secondary:not([disabled]):not(.disabled):active:focus, .mdb-myskin .btn-secondary:not([disabled]):not(.disabled).active:focus,
  .show > .mdb-myskin .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.mdb-myskin .secondary-ic {
  color: #0e3d67 !important; }
  .mdb-myskin .secondary-ic:hover, .mdb-myskin .secondary-ic:focus {
    color: #0e3d67; }

.mdb-myskin a.btn:not([href]):not([tabindex]),
.mdb-myskin a.btn:not([href]):not([tabindex]):focus,
.mdb-myskin a.btn:not([href]):not([tabindex]):hover {
  color: #fff; }

.mdb-myskin table.table a.btn.btn-secondary {
  color: #fff; }

.mdb-myskin .btn-default {
  background-color: #1a6398 !important;
  color: #fff; }
  .mdb-myskin .btn-default:hover {
    background-color: #1e71ae;
    color: #fff; }
  .mdb-myskin .btn-default:focus, .mdb-myskin .btn-default.focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .mdb-myskin .btn-default:focus, .mdb-myskin .btn-default:active, .mdb-myskin .btn-default.active {
    background-color: #0b2a41; }
  .mdb-myskin .btn-default.dropdown-toggle {
    background-color: #1a6398 !important; }
    .mdb-myskin .btn-default.dropdown-toggle:hover, .mdb-myskin .btn-default.dropdown-toggle:focus {
      background-color: #1e71ae !important; }
  .mdb-myskin .btn-default:not([disabled]):not(.disabled):active, .mdb-myskin .btn-default:not([disabled]):not(.disabled).active,
  .show > .mdb-myskin .btn-default.dropdown-toggle {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #0b2a41 !important; }
  .mdb-myskin .btn-default:not([disabled]):not(.disabled):active:focus, .mdb-myskin .btn-default:not([disabled]):not(.disabled).active:focus,
  .show > .mdb-myskin .btn-default.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.mdb-myskin .default-ic {
  color: #1a6398 !important; }
  .mdb-myskin .default-ic:hover, .mdb-myskin .default-ic:focus {
    color: #1a6398; }

.mdb-myskin a.btn:not([href]):not([tabindex]),
.mdb-myskin a.btn:not([href]):not([tabindex]):focus,
.mdb-myskin a.btn:not([href]):not([tabindex]):hover {
  color: #fff; }

.mdb-myskin table.table a.btn.btn-default {
  color: #fff; }

.mdb-myskin .btn-outline-primary {
  border: 2px solid #33b5e5 !important;
  background-color: transparent !important;
  color: #33b5e5 !important; }
  .mdb-myskin .btn-outline-primary:hover, .mdb-myskin .btn-outline-primary:focus, .mdb-myskin .btn-outline-primary:active, .mdb-myskin .btn-outline-primary:active:focus, .mdb-myskin .btn-outline-primary.active {
    border-color: #33b5e5 !important;
    background-color: transparent !important;
    color: #33b5e5 !important; }
  .mdb-myskin .btn-outline-primary:not([disabled]):not(.disabled):active, .mdb-myskin .btn-outline-primary:not([disabled]):not(.disabled).active,
  .show > .mdb-myskin .btn-outline-primary.dropdown-toggle {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent !important;
    border-color: #33b5e5 !important; }
  .mdb-myskin .btn-outline-primary:not([disabled]):not(.disabled):active:focus, .mdb-myskin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
  .show > .mdb-myskin .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.mdb-myskin .btn-outline-secondary {
  border: 2px solid #0e3d67 !important;
  background-color: transparent !important;
  color: #0e3d67 !important; }
  .mdb-myskin .btn-outline-secondary:hover, .mdb-myskin .btn-outline-secondary:focus, .mdb-myskin .btn-outline-secondary:active, .mdb-myskin .btn-outline-secondary:active:focus, .mdb-myskin .btn-outline-secondary.active {
    border-color: #0e3d67 !important;
    background-color: transparent !important;
    color: #0e3d67 !important; }
  .mdb-myskin .btn-outline-secondary:not([disabled]):not(.disabled):active, .mdb-myskin .btn-outline-secondary:not([disabled]):not(.disabled).active,
  .show > .mdb-myskin .btn-outline-secondary.dropdown-toggle {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent !important;
    border-color: #0e3d67 !important; }
  .mdb-myskin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .mdb-myskin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
  .show > .mdb-myskin .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.mdb-myskin .btn-outline-default {
  border: 2px solid #1a6398 !important;
  background-color: transparent !important;
  color: #1a6398 !important; }
  .mdb-myskin .btn-outline-default:hover, .mdb-myskin .btn-outline-default:focus, .mdb-myskin .btn-outline-default:active, .mdb-myskin .btn-outline-default:active:focus, .mdb-myskin .btn-outline-default.active {
    border-color: #1a6398 !important;
    background-color: transparent !important;
    color: #1a6398 !important; }
  .mdb-myskin .btn-outline-default:not([disabled]):not(.disabled):active, .mdb-myskin .btn-outline-default:not([disabled]):not(.disabled).active,
  .show > .mdb-myskin .btn-outline-default.dropdown-toggle {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent !important;
    border-color: #1a6398 !important; }
  .mdb-myskin .btn-outline-default:not([disabled]):not(.disabled):active:focus, .mdb-myskin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
  .show > .mdb-myskin .btn-outline-default.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.mdb-myskin .card .btn-action {
  background: #1a6398; }
  .mdb-myskin .card .btn-action:hover, .mdb-myskin .card .btn-action:focus {
    background-color: #1e71ae !important; }
  .mdb-myskin .card .btn-action.active {
    background-color: #0b2a41 !important; }

.mdb-myskin .md-outline input[type=text]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=password]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=email]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=url]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=time]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=date]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=datetime-local]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=tel]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=number]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=search-md]:focus:not([readonly]),
.mdb-myskin .md-outline input[type=search]:focus:not([readonly]),
.mdb-myskin .md-outline textarea:focus:not([readonly]) {
  border-color: #33b5e5;
  box-shadow: inset 0px 0px 0px 1px #33b5e5; }
  .mdb-myskin .md-outline input[type=text]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=password]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=email]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=url]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=time]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=date]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=datetime-local]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=tel]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=number]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=search-md]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline input[type=search]:focus:not([readonly]) + label,
  .mdb-myskin .md-outline textarea:focus:not([readonly]) + label {
    color: #33b5e5; }

.mdb-myskin .md-bg input[type=text],
.mdb-myskin .md-bg input[type=password],
.mdb-myskin .md-bg input[type=email],
.mdb-myskin .md-bg input[type=url],
.mdb-myskin .md-bg input[type=time],
.mdb-myskin .md-bg input[type=date],
.mdb-myskin .md-bg input[type=datetime-local],
.mdb-myskin .md-bg input[type=tel],
.mdb-myskin .md-bg input[type=number],
.mdb-myskin .md-bg input[type=search-md],
.mdb-myskin .md-bg input[type=search],
.mdb-myskin .md-bg textarea.md-textarea {
  background-image: linear-gradient(to bottom, #33b5e5, #33b5e5), linear-gradient(to bottom, #ced4da, #ced4da); }

.mdb-myskin input[type="email"]:focus:not([readonly]),
.mdb-myskin input[type="text"]:focus:not([readonly]),
.mdb-myskin input[type="password"]:focus:not([readonly]),
.mdb-myskin input[type="number"]:focus:not([readonly]),
.mdb-myskin textarea.md-textarea:focus:not([readonly]) {
  border-color: #33b5e5;
  box-shadow: 0 1px 0 0 #33b5e5; }
  .mdb-myskin input[type="email"]:focus:not([readonly]) + label,
  .mdb-myskin input[type="text"]:focus:not([readonly]) + label,
  .mdb-myskin input[type="password"]:focus:not([readonly]) + label,
  .mdb-myskin input[type="number"]:focus:not([readonly]) + label,
  .mdb-myskin textarea.md-textarea:focus:not([readonly]) + label {
    color: #33b5e5; }

.mdb-myskin input[type=checkbox]:checked + label:before {
  border-right: 2px solid #0e2b35;
  border-bottom: 2px solid #0e2b35; }

.mdb-myskin input[type=checkbox].filled-in:checked + label:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff; }

.mdb-myskin input[type=checkbox].filled-in:checked + label:after {
  background-color: #0e2b35;
  border-color: #0e2b35; }

.mdb-myskin .md-form .prefix.active {
  color: #33b5e5; }

.mdb-myskin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
  color: #33b5e5 !important; }

.mdb-myskin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: #33b5e5;
  box-shadow: inset 0px 0px 0px 1px #33b5e5; }

.mdb-myskin .select-wrapper.colorful-select.md-form.md-outline + label.active {
  color: #33b5e5; }

.mdb-myskin .select-wrapper.colorful-select.md-form .dropdown-content li.active,
.mdb-myskin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.mdb-myskin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
  background-color: #33b5e5 !important; }

.mdb-myskin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
  background-color: transparent !important; }

.mdb-myskin .top-nav-collapse {
  background-color: #243a51; }

.mdb-myskin .carousel-multi-item .controls-top > a,
.mdb-myskin .carousel-multi-item .carousel-indicators li,
.mdb-myskin .carousel-multi-item .carousel-indicators li.active {
  background-color: #33b5e5; }

.mdb-myskin .form-header,
.mdb-myskin .card-header {
  background-color: rgba(0, 0, 0, 0.03); }

.mdb-myskin .spinner-primary-color,
.mdb-myskin .spinner-primary-color-only {
  border-color: #33b5e5; }

.mdb-myskin .pagination-primary-color .page-item.active .page-link,
.mdb-myskin .pagination-primary-color .page-item.active .page-link:focus,
.mdb-myskin .pagination-primary-color .page-item.active .page-link:hover {
  color: #fff;
  background-color: #33b5e5; }

.mdb-myskin .pagination-primary-color .page-link {
  color: #33b5e5; }
  .mdb-myskin .pagination-primary-color .page-link:focus {
    box-shadow: none; }

.blue-gradient-2 {
  color: #ffffff !important;
  background: linear-gradient(40deg, #45cafc, #123542) !important; }

.blue-gloss-gradient-2 {
  color: #ffffff !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.blue-gloss-gradient {
  color: #ffffff !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#355e7d+0,498db1+50,407ea2+51,8cb9d0+100 */
background: rgb(53,94,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(53,94,125,1) 0%, rgba(73,141,177,1) 50%, rgba(64,126,162,1) 51%, rgba(140,185,208,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(53,94,125,1) 0%,rgba(73,141,177,1) 50%,rgba(64,126,162,1) 51%,rgba(140,185,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(53,94,125,1) 0%,rgba(73,141,177,1) 50%,rgba(64,126,162,1) 51%,rgba(140,185,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355e7d', endColorstr='#8cb9d0',GradientType=0 ); /* IE6-9 */

}
.blue-gloss-gradient-h {
  color: #ffffff !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#355e7d+0,498db1+50,407ea2+51,8cb9d0+100 */
background: #355e7d; /* Old browsers */
background: -moz-linear-gradient(left,  #355e7d 0%, #498db1 50%, #407ea2 51%, #8cb9d0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #355e7d 0%,#498db1 50%,#407ea2 51%,#8cb9d0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #355e7d 0%,#498db1 50%,#407ea2 51%,#8cb9d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355e7d', endColorstr='#8cb9d0',GradientType=1 ); /* IE6-9 */

}

.padding-side-5{
  padding-left: 5px;
  padding-right: 5px;
}
.padding-side-10{
  padding-left: 10px;
  padding-right: 10px;
}
.blue-gloss-gradient-radial {
  color: #ffffff !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,207cca+49,2989d8+50,1e5799+100 */
background: rgb(125,185,232); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(125,185,232,1) 0%, rgba(32,124,202,1) 49%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.blue-gloss-gradient-diag {
  color: #ffffff !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,207cca+49,2989d8+50,1e5799+100 */
background: rgb(125,185,232); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(125,185,232,1) 0%, rgba(32,124,202,1) 49%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.view {
  position: unset;
  overflow: hidden;
  cursor: default; }
  .view .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed; }
  .view img, .view video {
    position: relative;
    display: block; }
  .view video.video-intro {
    z-index: -100;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto; }

    .rgba-blue-dark, .rgba-blue-dark:after {
    background-color: rgba(18, 40, 53, 0.8);}
.body-bg{
  position:fixed;
  z-index:-1;
  opacity:0.6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity=60);
  background-color:#2f5845;
  line-height:0;
}
.body-bg .background-img{
  background-image: url('https://mdbootstrap.com/img/Photos/Others/images/78.jpg');background-repeat: no-repeat;background-size: cover;
}
.body-bg .body-bg-white{
  background-color:#fff;}
.body-bg .body-bg-none, .body-bg.body-bg-white{
  width:100%;
  height:100%;
  top:0;
  left:0;}
.body-bg .body-bg-partial{
  min-width:100%;
  min-height:100%;
  top:0;
  left:0;
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:fixed;}
.body-bg .body-bg-cover{
  width:200%;height:200%;}
.body-bg.body-bg-cover.hor-left{
  left:0;}
.body-bg.body-bg-cover.hor-center{
  left:-50%;}
.body-bg.body-bg-cover.hor-right{
  right:0;}
.body-bg.body-bg-cover.ver-top{
  top:0;}
.body-bg.body-bg-cover.ver-center{
  top:-50%;}
.body-bg.body-bg-cover.ver-bottom{
  bottom:0;}
.body-bg img.bg-cover{
  min-width:100%;
  min-height:100%;
  position:absolute;
  width:auto;}
.body-bg img.bg-cover.cover, .body-bg img.bg-cover.cover-x{
  min-width:50%;}
.body-bg img.bg-cover.cover, .body-bg img.bg-cover.cover-y{
  min-height:50%;}
.body-bg img.bg-cover.hor-left{
  left:0;}
.body-bg img.bg-cover.hor-center{
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;}
.body-bg img.bg-cover.hor-right{
  right:0;}
.body-bg img.bg-cover.ver-top{
  top:0;}
.body-bg img.bg-cover.ver-center{
  top:0;
  bottom:0;
  margin-top:auto;
  margin-bottom:auto;}
.body-bg img.bg-cover.ver-bottom{
  bottom:0;}
  
.team-section .avatar img {
  max-width: 150px;
  height: auto; }
.team-section .avatar img.rounded-circle {
   max-width: 150px; }

.intro-3 {
  background-attachment: fixed;
  background: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img%20(11).jpg")no-repeat center center;
  background-size: cover;
  z-index: -1;
  opacity: 0.9;

}
.intro-4 {
  position: fixed;
  background-size: cover;
  z-index: -1;
  opacity: 0.9;
}
.opacity-100 {
  opacity:1;
}
.opacity-90 {
  background-color: #f8fafa66;
  opacity:0.9;
}
.opacity-80 {
  opacity:0.8;
}
.opacity-50 {
  opacity:0.5;
}

.opacity-1 {
  background-color: #f8fafa66;
  background-size: cover;
  opacity:1;
}

.body-bg {
  background-color:#f8fafa66;
  background-size: cover;
}

.my-button {
  color: #000000 !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

.my-margin-side-5p{
  margin-right:5px;
  margin-left:5px;
}
.my-margin-side-5{
  margin-right:5%;
  margin-left:5%;
}
.my-padding-5{
  padding:5px !important;
}

.my-padding-0{
  padding:0;
}

.ambericoncolor {color:#ffc107;}

.fa-stack-size-22{
width:22px;
height:22px;

}

.card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  font-weight: 400; }
  .card[class*="border"] {
    border: 1px solid #9e9e9e;
    box-shadow: none; }
  .card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 {
    font-weight: 400; }
  .card .card-body .card-title a {
    transition: 0.2s ease-in-out; }
    .card .card-body .card-title a:hover {
      transition: 0.2s ease-in-out; }
  .card .card-body .card-text {
    color: #747373;
    font-size: 0.9rem;
    font-weight: 400; }
  .card .md-form label {
    font-weight: 300; }

  .card.card-cascade .view.view-cascade {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.16), 0 4px 15px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem; }
  .card.card-cascade .view.view-cascade.gradient-card-header {
    padding: 1.6rem 1rem;
    text-align: center; }
    .card.card-cascade .view.view-cascade.gradient-card-header .card-header-title {
      font-weight: 500; }
    .card.card-cascade .view.view-cascade.gradient-card-header .btn-floating {
      background-color: rgba(255, 255, 255, 0.2); }

.mdb-feed {
  background-color: white; 
  display: initial;  
}

.pull-right {
  float: right; }

.imgstretch {
  background-size:cover;
}
.fill {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('path/to/image.jpg');
}

.double-nav .breadcrumb-dn {
    color: #000;
}

.side-nav.wide.slim .sn-ad-avatar-wrapper a span {
  display: none;
}

.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a span {
    padding-left: .7rem;
    margin-top: -1rem;
}

.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a {
    line-height: 2.6rem;
    color: #000;
}
.side-nav a {
    display: block;
    font-size: 1rem;
    height: 56px;
    line-height: 56px;
    padding-left: 20px;
}

.title-section-bg {
  background-color: #243a51;
  color: #fff; 

}

.navbar {
  	z-index: 1040;
}
.side-nav {
  margin-top: 57px !important;
}
.eventuser{
  display: block;

}

.rgba-black-strong,
.rgba-black-strong:after {
  background-color: rgba(0, 0, 0, 0.25); }