a,
a:active,
a:hover,
a:focus {
    text-decoration: none !important;
}
.btn,
.btn-primary {
    background-color: #db956a !important;
    border-color: #db956a !important;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 20px;
}
.btn:hover,
.btn-primary:hover {
    background-color: #cb8b62 !important;
    border-color: #cb8b62 !important;
}
.session-item > div {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
}
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none !important;
    box-shadow: none !important;
}
.session-item-style > a:active,
.session-item-style > a:hover,
.session-item-style > a:focus {
    background-color: #dbb6ab1c !important;
    border-color: #dbb6ab1c;
}
.table td, .table th {
    font-size: 14px !important;
}

#btn-discover-subscription {
    background-color: #939393 !important;
    border-color: #939393 !important;
}
#btn-discover-subscription:hover {
    background-color: #838383 !important;
    border-color: #838383 !important;
}
a.escale-link {
    color: #db956a;
    font-weight: 500;
}
a.escale-link:hover {
    text-decoration: underline !important;
}
.forgot-password {
    display: inline-block;
    border-bottom: 1px dashed #606060;
    color: #606060;
    font-size: 13px;
}
.forgot-password:hover {
    color: #db956a !important;
    border-color: #db956a;
}

/* PHONE FRAME*/
.phone-use {
    width: 420px;
    height: 600px;
    margin: -3rem 0 0 8rem;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.phone {
    flex-shrink: 0;
    box-shadow: 0 0 20px 10px rgb(0 0 0 / 20%);
    padding: 10px 7px;
    border-radius: 20px;
    background: #d9dee3;
    align-self: center;
    position: relative;
}
.phone .notch {
    position: absolute;
    height: 1rem;
    width: 28%;
    background-color: #d9dee3;
    z-index: 9;
    right: 50%;
    -webkit-transform: translate(50%,-5%);
    -ms-transform: translate(50%,-5%);
    transform: translate(50%,-5%);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
.phone .iframe-wrapper {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}
.phone-use #appIframe {
    pointer-events: auto!important;
}
.phone iframe {
    height: 100%;
    display: block;
    width: 100%;
    border-radius: 12px;
}
#appFull {
    width: 100%;
    height: 100vh;
}
#appFull iframe {
    width: 100%;
    height: 100%;
}
.foi-header {
    padding-top: 0;
}
.foi-header .header-content {
    padding-top: 80px;
}
#header-dropdown-menu {
    top: 30px !important;
    /* left: 40px !important; */
}
::-webkit-scrollbar {
    width: 7px;
    /*background-color: #f9f9f9;*/
}

::-webkit-scrollbar-thumb {
    background-color: #7f8591;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #6d737f;
}

::-webkit-scrollbar-thumb:active {
    background-color: #6d737f;
}

.use-on-phone {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: flex;
    padding: 10px 20px;
    color: #000;
    box-shadow: 0 3px 6px -1px rgb(0 0 0 / 12%), 0 6px 25px -4px rgb(137 137 137 / 30%);
    background: #fff;
    border-radius: .275rem;
    max-width: 90% !important;
    font-family: 'Open Sans', -apple-system, 'Segoe UI', BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    align-items: center;
    z-index: 2147483647;
}

.float-phone {
    width: 30px;
    transform-style: preserve-3d;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    from {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, 5px)
    }

    to {
        transform: translate(0, 0)
    }
}
iframe#appIframe body {
    overflow-x: hidden !important;
}
iframe#appIframe body::-webkit-scrollbar-thumb {
    display: none;
}