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

h3 {
    margin-bottom: 60px;
    color: var(--main);  
}
h1 {
    color: var(--main);
}
h2 {
    color: var(--main);
}

h4 {
    color: var(--main);
}
h5 {
    color: var(--main);
}
:root{
    --main: rgba(30, 130, 206);
}

span.field-icon {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 0.5rem;
  top: 0.7rem;
  color: $input-label-color;
  z-index: 2;
}

.side-nav{
    color: var(--main) !important;
}


.the-skin .side-nav .sidenav-bg:after,
.the-skin .side-nav .sidenav-bg.mask-strong:after {
    background: rgba(252, 248, 248, 1)
}

.the-skin .side-nav .sidenav-bg.mask-light:after {
    background: rgba(30, 130, 206, 0.65)
}

.the-skin .side-nav .sidenav-bg.mask-slight:after {
    background: rgba(30, 130, 206, 0.5)
}


.the-skin .side-nav .collapsible li .collapsible-header:hover {
    background-color: rgba(30, 130, 206, 1)
}

.the-skin .side-nav .collapsible li .collapsible-header {
    background-color: #0fa4e5;
}

.the-skin .side-nav .collapsible li .collapsible-body a {
    color: #fff
}

.the-skin .side-nav .collapsible li .collapsible-body a:hover,
.the-skin .side-nav .collapsible li .collapsible-body a.active,
.the-skin .side-nav .collapsible li .collapsible-body a:active {
    color: #ffb0e6
}

.the-skin .side-nav .collapsible li .collapsible-body a .fas,
.the-skin .side-nav .collapsible li .collapsible-body a .fab,
.the-skin .side-nav .collapsible li .collapsible-body a .far {
    color: #fff
}

.the-skin .side-nav .collapsible li a:not(.collapsible-header) {
    color: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.the-skin .side-nav .collapsible li a:not(.collapsible-header):hover,
.the-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.the-skin .side-nav .collapsible li a:not(.collapsible-header):active {
    color: #ffb0e6 !important
}


footer {
    padding-top: 5rem; 
}
body
{
    background-color: rgba(252, 248, 248, 0.9);
}


a {
    color: var(--main);
  }

.sn-bg-1 {
    background-image: none;
}

.sn-bg-2 {
    background-image: none;
}

.sn-bg-3 {
    background-image: none;
}

.sn-bg-4 {
    background-image: none;
}

.the-skin .gradient {
    background: #812b5a;
    background: linear-gradient(135deg, #812b5a 0%, #f28cc0 100%)
}


.md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--main);
    box-shadow: 0 1px 0 0  var(--main);
}


.picker__box .picker__header .picker__date-display {

    background-color: var(--main);
}

.picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover, .picker__box .picker__table .picker--focused {
    background-color: var(--main);
}
.md-form .input-prefix.active {
    color: var(--main);
}

.the-skin .primary-color,
.the-skin ul.stepper li.active a .circle,
ul.stepper li.active a .the-skin .circle,
.the-skin ul.stepper li.completed a .circle,
ul.stepper li.completed a .the-skin .circle {
    background-color: #bd5d70 !important
}

.the-skin .navbar {
    color: #fff;
    background-color: #535466
}

.the-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
    color: #000
}

.the-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.the-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.the-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
    background-color: #9192a2
}

.the-skin .navbar.double-nav a {
    color: #fff
}

.the-skin .navbar form .md-form .form-control {
    font-weight: 300;
    color: #fff
}

.the-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
    color: #fff
}

.the-skin .navbar form .md-form .form-control::-moz-placeholder {
    color: #fff
}

.the-skin .navbar form .md-form .form-control:-ms-input-placeholder {
    color: #fff
}

.the-skin .navbar form .md-form .form-control::-ms-input-placeholder {
    color: #fff
}

.the-skin .navbar form .md-form .form-control::placeholder {
    color: #fff
}

.the-skin .page-footer {
    background-color: #535466
}

.the-skin .side-nav {
    background-color: #aa5077
}

.the-skin .side-nav .logo-wrapper>div {
    background-color: transparent !important
}

.the-skin .side-nav .sn-avatar-wrapper img {
    border: 3px solid #76778b
}

.the-skin .side-nav .social {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3)
}

.the-skin .side-nav .social a:hover .fas,
.the-skin .side-nav .social a:hover .fab,
.the-skin .side-nav .social a:hover .far {
    color: #9fa0ae !important;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.the-skin .side-nav .collapsible li {
    background-color: transparent
}

.the-skin .side-nav .collapsible li .collapsible-header {
    color: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.the-skin .side-nav .collapsible li .collapsible-header.active {
    background-color: rgba(30, 130, 206, 0.4)
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.the-skin .btn-primary {
    color: #fff;
    background-color: var(--main) !important
}

.the-skin .btn-primary:hover {
    color: #fff;
    background-color: #732544
}

.the-skin .btn-primary:focus,
.the-skin .btn-primary.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-primary:focus,
.the-skin .btn-primary:active,
.the-skin .btn-primary.active {
    background-color: #13060b
}

.the-skin .btn-primary.dropdown-toggle {
    background-color: --main !important
}

.the-skin .btn-primary.dropdown-toggle:hover,
.the-skin .btn-primary.dropdown-toggle:focus {
    background-color: #732544 !important
}

.the-skin .btn-primary:not([disabled]):not(.disabled):active,
.the-skin .btn-primary:not([disabled]):not(.disabled).active,
.show>.the-skin .btn-primary.dropdown-toggle {
    background-color: #13060b !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-primary:not([disabled]):not(.disabled):active:focus,
.the-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
.show>.the-skin .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .primary-ic {
    color: var(--main) !important
}

.the-skin .primary-ic:hover,
.the-skin .primary-ic:focus {
    color: var(--main)
}

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

.the-skin table.table a.btn.btn-primary {
    color: #fff
}

.the-skin .btn-secondary {
    color: #fff;
    background-color: #e7649d !important
}

.the-skin .btn-secondary:hover {
    color: #fff;
    background-color: #ea7aab
}

.the-skin .btn-secondary:focus,
.the-skin .btn-secondary.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-secondary:focus,
.the-skin .btn-secondary:active,
.the-skin .btn-secondary.active {
    background-color: #c61f68
}

.the-skin .btn-secondary.dropdown-toggle {
    background-color: #e7649d !important
}

.the-skin .btn-secondary.dropdown-toggle:hover,
.the-skin .btn-secondary.dropdown-toggle:focus {
    background-color: #ea7aab !important
}

.the-skin .btn-secondary:not([disabled]):not(.disabled):active,
.the-skin .btn-secondary:not([disabled]):not(.disabled).active,
.show>.the-skin .btn-secondary.dropdown-toggle {
    background-color: #c61f68 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-secondary:not([disabled]):not(.disabled):active:focus,
.the-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
.show>.the-skin .btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .secondary-ic {
    color: #e7649d !important
}

.the-skin .secondary-ic:hover,
.the-skin .secondary-ic:focus {
    color: #e7649d
}

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

.the-skin table.table a.btn.btn-secondary {
    color: #fff
}

.the-skin .btn-default {
    color: #fff;
    background-color: #535466 !important
}

.the-skin .btn-default:hover {
    color: #fff;
    background-color: #5e6074
}

.the-skin .btn-default:focus,
.the-skin .btn-default.focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-default:focus,
.the-skin .btn-default:active,
.the-skin .btn-default.active {
    background-color: #25262e
}

.the-skin .btn-default.dropdown-toggle {
    background-color: #535466 !important
}

.the-skin .btn-default.dropdown-toggle:hover,
.the-skin .btn-default.dropdown-toggle:focus {
    background-color: #5e6074 !important
}

.the-skin .btn-default:not([disabled]):not(.disabled):active,
.the-skin .btn-default:not([disabled]):not(.disabled).active,
.show>.the-skin .btn-default.dropdown-toggle {
    background-color: #25262e !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-default:not([disabled]):not(.disabled):active:focus,
.the-skin .btn-default:not([disabled]):not(.disabled).active:focus,
.show>.the-skin .btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .default-ic {
    color: #535466 !important
}

.the-skin .default-ic:hover,
.the-skin .default-ic:focus {
    color: #535466
}

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

.the-skin table.table a.btn.btn-default {
    color: #fff
}

.select-wrapper:not(.md-outline) .select-dropdown:focus {
    border-bottom: 1px solid var(--main);
    -webkit-box-shadow: 0 1px 0 0 var(--main);
    box-shadow: 0 1px 0 0 var(--main)
}

.select-wrapper .search-wrap .md-form input:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: 0 1px 0 0 var(--main) !important;
    box-shadow: 0 1px 0 0  var(--main) !important;
}

.the-skin .btn-outline-primary {
    color: var(--main) !important;
    background-color: transparent !important;
    border: 2px solid var(--main) !important
}

.the-skin .btn-outline-primary:hover,
.the-skin .btn-outline-primary:focus,
.the-skin .btn-outline-primary:active,
.the-skin .btn-outline-primary:active:focus,
.the-skin .btn-outline-primary.active {
    color: var(--main) !important;
    background-color: transparent !important;
    border-color: var(--main) !important
}

.the-skin .btn-outline-primary:not([disabled]):not(.disabled):active,
.the-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
.show>.the-skin .btn-outline-primary.dropdown-toggle {
    background-color: transparent !important;
    border-color: var(--main) !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus,
.the-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.show>.the-skin .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-outline-secondary {
    color: #e7649d !important;
    background-color: transparent !important;
    border: 2px solid #e7649d !important
}

.the-skin .btn-outline-secondary:hover,
.the-skin .btn-outline-secondary:focus,
.the-skin .btn-outline-secondary:active,
.the-skin .btn-outline-secondary:active:focus,
.the-skin .btn-outline-secondary.active {
    color: #e7649d !important;
    background-color: transparent !important;
    border-color: #e7649d !important
}

.the-skin .btn-outline-secondary:not([disabled]):not(.disabled):active,
.the-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
.show>.the-skin .btn-outline-secondary.dropdown-toggle {
    background-color: transparent !important;
    border-color: #e7649d !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus,
.the-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.show>.the-skin .btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-outline-default {
    color: #535466 !important;
    background-color: transparent !important;
    border: 2px solid #535466 !important
}

.the-skin .btn-outline-default:hover,
.the-skin .btn-outline-default:focus,
.the-skin .btn-outline-default:active,
.the-skin .btn-outline-default:active:focus,
.the-skin .btn-outline-default.active {
    color: #535466 !important;
    background-color: transparent !important;
    border-color: #535466 !important
}

.the-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.the-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.the-skin .btn-outline-default.dropdown-toggle {
    background-color: transparent !important;
    border-color: #535466 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus,
.the-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
.show>.the-skin .btn-outline-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.the-skin .card .btn-action {
    background: #535466
}

.the-skin .card .btn-action:hover,
.the-skin .card .btn-action:focus {
    background-color: #5e6074 !important
}

.the-skin .card .btn-action.active {
    background-color: #25262e !important
}

.md-form input:not([type]):focus:not([readonly])+label, .md-form input[type="text"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="password"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="email"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="url"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="time"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="date"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="tel"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="number"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="search"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="phone"]:not(.browser-default):focus:not([readonly])+label, .md-form input[type="search-md"]:focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label {
    color: var(--main);
}
.the-skin .md-outline input[type="text"]:focus:not([readonly]),
.the-skin .md-outline input[type="password"]:focus:not([readonly]),
.the-skin .md-outline input[type="email"]:focus:not([readonly]),
.the-skin .md-outline input[type="url"]:focus:not([readonly]),
.the-skin .md-outline input[type="time"]:focus:not([readonly]),
.the-skin .md-outline input[type="date"]:focus:not([readonly]),
.the-skin .md-outline input[type="datetime-local"]:focus:not([readonly]),
.the-skin .md-outline input[type="tel"]:focus:not([readonly]),
.the-skin .md-outline input[type="number"]:focus:not([readonly]),
.the-skin .md-outline input[type="search-md"]:focus:not([readonly]),
.the-skin .md-outline input[type="search"]:focus:not([readonly]),
.the-skin .md-outline textarea:focus:not([readonly]) {
    border-color: #9fa0ae;
    -webkit-box-shadow: inset 0 0 0 1px #9fa0ae;
    box-shadow: inset 0 0 0 1px #9fa0ae
}

.the-skin .md-outline input[type="text"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="password"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="email"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="url"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="time"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="date"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="datetime-local"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="tel"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="number"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="search-md"]:focus:not([readonly])+label,
.the-skin .md-outline input[type="search"]:focus:not([readonly])+label,
.the-skin .md-outline textarea:focus:not([readonly])+label {
    color: #9fa0ae
}

.the-skin .md-bg input[type="text"],
.the-skin .md-bg input[type="password"],
.the-skin .md-bg input[type="email"],
.the-skin .md-bg input[type="url"],
.the-skin .md-bg input[type="time"],
.the-skin .md-bg input[type="date"],
.the-skin .md-bg input[type="datetime-local"],
.the-skin .md-bg input[type="tel"],
.the-skin .md-bg input[type="number"],
.the-skin .md-bg input[type="search-md"],
.the-skin .md-bg input[type="search"],
.the-skin .md-bg textarea.md-textarea {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9fa0ae), to(#9fa0ae)), -webkit-gradient(linear, left top, left bottom, from(#ced4da), to(#ced4da));
    background-image: linear-gradient(to bottom, #9fa0ae, #9fa0ae), linear-gradient(to bottom, #ced4da, #ced4da)
}

.the-skin input[type="email"]:focus:not([readonly]),
.the-skin input[type="text"]:focus:not([readonly]),
.the-skin input[type="password"]:focus:not([readonly]),
.the-skin input[type="number"]:focus:not([readonly]),
.the-skin textarea.md-textarea:focus:not([readonly]) {
    border-color:  var(--main);
    -webkit-box-shadow: 0 1px 0 0  var(--main);
    box-shadow: 0 1px 0 0  var(--main)
}

.the-skin input[type="email"]:focus:not([readonly])+label,
.the-skin input[type="text"]:focus:not([readonly])+label,
.the-skin input[type="password"]:focus:not([readonly])+label,
.the-skin input[type="number"]:focus:not([readonly])+label,
.the-skin textarea.md-textarea:focus:not([readonly])+label {
    color:  var(--main);
}
.select-wrapper.active span.caret, .select-wrapper.active label.mdb-main-label {
    color: var(--main);
}



.the-skin input[type="checkbox"]:checked+label:before {
    border-right: 2px solid #9fa0ae;
    border-bottom: 2px solid #9fa0ae
}

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

.the-skin input[type="checkbox"].filled-in:checked+label:after {
    background-color: #9fa0ae;
    border-color: #9fa0ae
}

.the-skin .md-form .prefix.active {
    color: #9fa0ae
}

.the-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
    color: #9fa0ae !important
}

.the-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
    border-color: #9fa0ae;
    -webkit-box-shadow: inset 0 0 0 1px #9fa0ae;
    box-shadow: inset 0 0 0 1px #9fa0ae
}

.the-skin .select-wrapper.colorful-select.md-form.md-outline+label.active {
    color: #9fa0ae
}

.the-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active,
.the-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.the-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
    background-color: #9fa0ae !important
}

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

.the-skin .top-nav-collapse {
    background-color: #535466
}

.the-skin .carousel-multi-item .controls-top>a,
.the-skin .carousel-multi-item .carousel-indicators li,
.the-skin .carousel-multi-item .carousel-indicators li.active {
    background-color: #9fa0ae
}

.the-skin .form-header,
.the-skin .card-header {
    background-color: #a5a5b3
}

.the-skin .spinner-primary-color,
.the-skin .spinner-primary-color-only {
    border-color: #bd5d70
}

.the-skin .pagination-primary-color .page-item.active .page-link,
.the-skin .pagination-primary-color .page-item.active .page-link:focus,
.the-skin .pagination-primary-color .page-item.active .page-link:hover {
    color: #fff;
    background-color: #bd5d70
}

.the-skin .pagination-primary-color .page-link {
    color: #bd5d70
}

.the-skin .pagination-primary-color .page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}


@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: 2%;
        margin-left: 2%
    }
}

@media (min-width: 992px) {

    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 5%;
        margin-left: 5%
    }
}

@media (min-width: 1278px) {

    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        padding-left: 240px
    }
}