/* Your custom styles */


.landing-page {
    background-color: #fff;
}

.landing-page .intro-2 {
    background: url("https://mdbootstrap.com/img/Photos/Others/img%20(42).jpg") no-repeat center center;
    background-size: cover;
}

.landing-page .navbar:not(.top-nav-collapse) {
    background: transparent;
}

@media (max-width: 768px) {
    .landing-page .navbar:not(.top-nav-collapse) {
        background: #9da4b1;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .landing-page .navbar:not(.top-nav-collapse) {
        background: #9da4b1;
    }
}

.landing-page .top-nav-collapse {
    background-color: #9da4b1 !important;
}

.landing-page .rgba-gradient {
    background: linear-gradient(45deg, rgba(29, 236, 197, 0.4), rgba(96, 0, 136, 0.4) 100%);
}

.landing-page .card {
    background-color: rgba(229, 228, 255, 0.2);
}

.landing-page .page-footer {
    background-color: #9da4b1;
}

.hover-button {
    top: 102px;
}

.settings-grid-item {

}

.spinner-hide {

    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear;
}

.spinner-span {
    top: 15px;
    right: 15px;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
}

.spinner-input {
    display: inline-block;
    position: relative;
    width:100%;
}

.icon-hover:hover {
    transition: 0.3s;
    opacity: 100%;
}

.icon-hover {
    transition: 0.3s;
    opacity: 50%;
}

.grey-background {
    background-color: lightgray;
}

.white-background {
    background-color: white;
}

.chip.chip-md {
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
}
.chip.chip-md img {
    height: 42px;
    width: 42px;
}

.chip.chip-lg {
    height: 52px;
    line-height: 52px;
    border-radius: 26px;
}
.chip.chip-lg img {
    height: 52px;
    width: 52px;
}