header {
    background-color: white;
    height: 00px;
    z-index: -1;
}


#home {
    min-height: 800px;
}


.top-pink-footer {
    background-color: #AA66CC !important;
}

.icon-area .circle-icon i {
    box-shadow: 0 8px 19px grey !important;
}

.btn-floating {
    border-radius: 5px !important;
}

.little-footer {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

ul.horizontal-fix li a {
    padding: .84rem 2.14rem;
}

.md-form label.active {
    color: #662E91;
    background-color: #662E91;

}

.btn-liftleader {
    color: #662E91;
    background-color: white;
}

.form-btn-liftleader {
    color: white;
    background-color: #662E91;
}

.form-btn-liftleader:hover {
    color: white;
}

.btn-liftleader:hover {
    opacity: 80% !important;
    color: #662E91;
    background-color: white;
}

.btn-liftleader.active {
    color: white;
    font-weight: bold;
    background-color: #662E91;
}

.liftleader-font-color {
    color: #662E91 !important;
}

.dropdown .dropdown-menu .dropdown-item:active {
    background-color: #662E91 !important;
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #662E91 !important;
}

.colorPickSelector {
    border-radius: 5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

.colorPickSelector:hover {
    transform: scale(1.1);
}

label.active {
    color: #662E91 !important;
}

label.focus {
    color: #662E91 !important;
}

.md-form.active {
    border-color: #662E91 !important;
    color: #662E91 !important;
}


.md-form.focus {
    border-bottom: 1px solid #662E91 !important;
    box-shadow: 0 1px 0 0 #662E91 !important;
}

.form-control.focus {
    border-bottom: 1px solid #662E91 !important;
    box-shadow: 0 1px 0 0 #662E91 !important;
}


.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 #662E91 !important;
    box-shadow: 0 1px 0 0 #662E91 !important;
}

.dropdown-content li>a,
.dropdown-content li>span {
    color: #662E91 !important;
}

.picker__box .picker__header .picker__date-display {
    background-color: #662E91 !important;
}

.picker__box .picker__table .picker__day.picker__day--today {
    color: #662E91 !important;
}


.picker__box .picker__table .picker__day--selected,
.picker__box .picker__table .picker__day--selected:hover,
.picker__box .picker__table .picker--focused {
    background-color: #662E91 !important;
    color: white !important
}

.file-field.medium .file-path-wrapper {
    height: 3rem;
}

.file-field.medium .file-path-wrapper .file-path {
    height: 2.8rem;
}

.file-field.big-2 .file-path-wrapper {
    height: 3.7rem;
}

.file-field.big-2 .file-path-wrapper .file-path {
    height: 3.5rem;
}

.angled-background {
    background-image: linear-gradient(185deg, #662E91 40%, #F4F4F4 calc(40% + 2px));
    /* background-clip:content-box; */
}

/* html {
    height: 100%;
} */

body {
    /* height: 100%;
    background-clip:content-box; */
    background-color: transparent;
    max-width: 100vw !important;
}

header {
    max-width: 100vw !important;
}

html {
    max-width: 100vw !important;
}

nav {
    max-width: 100 !important;
}

#page-container {
    position: relative !important;
}

/*
footer height
#content-wrap {
padding-bottom: 2.5rem  !important;
} */

footer {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 4rem !important;
    /* Footer height */
}

#footer {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 4rem !important;
    /* Footer height */
}

section {
    /* height: 100% !important;; */
}

.card {
    height: 100% !important;
    margin-top: 60px;
}

.button-collapse {
    position: fixed;
    left: 10px;
    top: 10px;
    z-index: 10;
}

form {
    height: 100% !important;
}

.side-nav {
    background-color: white !important;
    color: #662E91 !important;

}

.side-nav a {
    background-color: white !important;
    color: #662E91 !important;

}

* {
    font-family: 'Poppins', sans-serif;
}

.side-nav .collapsible-body a {
    background-color: white;
    color: #662E91;
}

.card-header {
    background-color: #662E91;
    opacity: 0.8;
    color: white;
}

h1,
h2 {
    color: white !important;
}

.md-form label.active {
    font-size: 1.2rem;
    background-color: transparent;
}

.form-panel {
    background-color: #662E91;
    opacity: 0.8;
    color: white;
}

.diagonal {
    transform: rotate(-20deg);
}

#content-wrap {
    /* background-color: #F4F4F4 !important;
    z-index: -999 !important; */
    /* max-height: 100%; */
}

.container {
    max-height: 100%;
}

.side-nav .social .fas,
.side-nav .social .fab,
.side-nav .social .far {
    color: #662E91;
}

/* main, footer {
padding-left: 240px;
}

@media only screen and (max-width : 992px) {
    main, footer {
        padding-left: 0;
    }
} */

.navbar {
    box-shadow: none;
    background-color: transparent !important;
}

.side-nav {
    max-width: 150px;
    /* font-size: 3px; */
}

@media only screen and (max-width: 390px) {
    .page-header {
        margin-top: 50px !important;
    }
}

#sticky-navicon {
    z-index: -1;
    transition: top 0.3s;
}

#navicon {
    position: sticky !important
}

@media only screen and (min-width : 1365px) {
    #slide-out {
        opacity: 80%;
    }
}


.carousel-indicators {
    background-color: #662E91 !important;
    border-radius: 2px;
}


.carousel-control-next-icon {
    background-color: #662E91 !important;
    opacity: 50%;

}

.carousel-control-prev-icon {
    background-color: #662E91 !important;
    opacity: 50%;
}