.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}.color-switcher{position:fixed;right:24px;bottom:30px;z-index:2001;background:#181a23;padding:20px 20px;padding-top:25px;border-radius:5px;-webkit-transform:translateX(120%);transform:translateX(120%);transition:left .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,left .3s ease-in-out;transition:transform .3s ease-in-out,left .3s ease-in-out,-webkit-transform .3s ease-in-out;box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)}.color-switcher.visible{-webkit-transform:translateX(0);transform:translateX(0);right:24px}.color-switcher h5{font-size:11px;font-weight:500;margin-bottom:0;line-height:1;letter-spacing:2px;color:#84899e;text-align:center;text-transform:uppercase}.color-switcher .accent-colors{display:-ms-flexbox;display:flex;padding:5px;margin:15px auto 20px auto;-ms-flex-pack:center;justify-content:center}.color-switcher .accent-colors li{display:inline-block;width:14px;height:14px;border-radius:50%;transition:-webkit-transform 180ms ease-in-out;transition:transform 180ms ease-in-out;transition:transform 180ms ease-in-out,-webkit-transform 180ms ease-in-out;text-align:center;margin:0 4px}.color-switcher .accent-colors li:hover:not(.active){cursor:pointer;-webkit-transform:scale(1.3);transform:scale(1.3)}.color-switcher .accent-colors li i{transition:opacity 180ms ease-in-out;line-height:1;color:#fff;font-size:10px;position:absolute;left:50%;top:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.color-switcher .accent-colors li.active{-webkit-transform:scale(1.5);transform:scale(1.5)}.color-switcher .accent-colors li.active i{opacity:1}.color-switcher .accent-colors li.accent-primary{background-color:#007bff}.color-switcher .accent-colors li.accent-secondary{background-color:#5a6169}.color-switcher .accent-colors li.accent-success{background-color:#17c671}.color-switcher .accent-colors li.accent-info{background-color:#00b8d8}.color-switcher .accent-colors li.accent-warning{background-color:#ffb400}.color-switcher .accent-colors li.accent-danger{background-color:#c4183c}.color-switcher .accent-colors li.accent-royal-blue{background-color:#674eec}.color-switcher .accent-colors li.accent-java{background-color:#1adba2}.color-switcher .accent-colors li.accent-salmon{background-color:#ff4169}.color-switcher .actions{margin:15px 0}.color-switcher .social-actions{padding:10px 0;border-top:1px solid #2c2f44}.color-switcher .social-actions .inner-wrapper{display:table;margin:0 auto}.color-switcher .social-actions iframe{margin:5px 0 0 10px}.color-switcher #social-share{display:table;margin:0 auto}.color-switcher .sharrre .box{float:left}.color-switcher .sharrre .count{color:#444;display:block;font-size:17px;line-height:34px;height:34px;padding:4px 0;position:relative;text-align:center;text-decoration:none;width:50px;background-color:#eee;border-radius:4px}.color-switcher .sharrre .share{color:#fff;display:block;font-size:11px;height:16px;line-height:16px;margin-top:3px;padding:0;text-align:center;text-decoration:none;width:50px;background-color:#9cce39;border-radius:4px}.color-switcher .sharrre .buttons{display:block}.color-switcher .sharrre .button{float:left;margin-left:10px}.color-switcher .sharrre .button.facebook{margin-left:0}.color-switcher .close{position:absolute;right:10px;top:10px;font-size:15px;background:#2d3044;width:25px;height:25px;overflow:hidden;text-align:center;border-radius:50%;line-height:25px}.color-switcher-toggle{position:fixed;right:26px;bottom:33px;z-index:2000;width:45px;height:45px;background:#2d53fe;color:#fff;text-align:center;line-height:45px;font-size:23px;border-radius:50%;transition:color .2s ease-in-out;-webkit-animation-duration:1.5s;animation-duration:1.5s;box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)}.color-switcher-toggle:hover{cursor:pointer;color:#fff}.color-switcher-toggle i{top:3px}.social-wrapper{position:relative}.social-wrapper .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#181a23}.social-wrapper .spinner{position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px}.spinner{height:20px;width:20px;-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:2px solid #84899e;border-right-color:transparent;border-radius:50%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width:860px){.color-switcher,.color-switcher-toggle{display:none!important}}

.a-btn {
    line-height: 20px;
}
.scroll-list {
    overflow-y: scroll;
    height: 120px;
}

.nav-link.hidden {
    opacity: .2;
}

.payments-form {
    max-width: 550px;
}

.employee-avatar {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.edit-user-details__avatar img {
    width: 100%;
    height: 120px;
}

.main-navbar .navbar .user-avatar {
    max-width: 2.5rem;
    height: 2.5rem;
}

.mt-40 {
    margin-top: 40px;
}

.form-group.btn-end {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.card-text.text-muted.mt-4 {
    font-weight: 400;
    font-size: 12px;
}

.bio-search {
    height: 150px;
    overflow: hidden;
}

.ml-3.m-0.d-flex.flex-column {
    height: 68px;
}

.see-more-btn {
    position: absolute;
    right: 1.5rem;
    bottom: 1rem;
    background-color: white;
    padding: 5px 10px;
    border: solid 1px #d5d6d7;
    border-radius: 20px;
    cursor: pointer;
    line-height: 1.5;
    font-weight: 400;

}

.see-more-btn-leave {
    position: absolute;
    right: 1.5rem;
    bottom: 1rem;
    background-color: white;
    padding: 5px 10px;
    border: solid 1px #d5d6d7;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.5;
    z-index:1111;
}

.bio-see {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 1px);
    background: white;
    background-color: #fff;
    border: none;
    border-radius: .625rem;
    display: none;
    padding: 1rem;
    line-height: 1.1;
    z-index:5;
}

.bio-see.active {
    display: flex;
}

.height-auto {
    height: auto !important;
}

.height-100 {
    height: 100%;
}

.bg-hr {
    width: 100%;
    margin-bottom: -90px;
    height: 50vh;
    background: url(/images/140975-OSX7O9-940.jpg);
    background-size: 100%;
    background-position-y: center;
    background-repeat: no-repeat;
}

.width-100 {
    width:100%;
}

.color-white {
    color:white !important;
}

img{
    object-fit: cover;
    object-position: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.ubd-stats__legend {
    flex-wrap: wrap;
}

.premium {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #5c4bc31c;
    text-decoration: none;
}

.coming {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fbc5053b;
    text-decoration: none;
}

.premium:hover {
    color: #69a8d0;
    text-decoration: none;
    opacity: 0.8;
}

.premium label {
    position: absolute;
    right: 10px;
    top: 7px;
    background-color: #5c4bc3;
    padding: 0 5px;
    color: white;
    border-radius: 11px;
    font-size: 8px;
    text-transform: uppercase;
}

.coming label {
    position: absolute;
    right: 10px;
    top: 7px;
    background-color: #fbc505;
    padding: 0 5px;
    color: white;
    border-radius: 11px;
    font-size: 8px;
    text-transform: uppercase;
}

.stats-small__data.position-relative a {
    position: absolute;
    left: 80px;
    bottom: 8px;
    font-size: 10px;
    background-color: #31c44b;
    border-radius: 10px;
    color: white;
    padding: 2px 10px;
    white-space: nowrap;
}

.dash-prem {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-top: 1px solid #c2c7cb;
    height: 70px;
    margin-top: 10px;
}

.dash-prem  a {
    font-size: 10px;
    background-color: #5c4bc3;
    border-radius: 10px;
    color: white;
    padding: 2px 10px;
    white-space: nowrap;
    margin-top: 4px;
}

.coming-pay {
    background: #ffffffed;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 500;
    flex-direction: column;
    text-align: center;
}

.coming-pay p {
    font-size: 15px;
    font-weight: 300;
}

.buy50 {
    font-size: 20px;
    font-weight: 500;
}

.dash-prem h6 {
    text-transform: uppercase;
}

@media (min-width: 1550px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .offset-xxl-1 {
        margin-left: 8.333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.333333%;
    }
}

@media(max-width: 1250px) {
    .stats-small__data.resp {
        max-width:40%;
    }
}

.sticky-top .navbar-nav .btn-group.btn-group-toggle  .btn.btn-white {
    padding: 7px 21px;
    border: none;
    border-radius: 4px;
}

.sticky-top .navbar-nav .btn-group.btn-group-toggle  .btn.btn-white:hover {
    box-shadow: none;
}

.sticky-top .navbar-nav .btn-group.btn-group-toggle {
    border: 1px solid #CACEDB;
    padding: 3px;
    border-radius: 4px;
}

.btn-accent {
    box-shadow: 0 2px 5px -2px rgba(85,96,105,0.50);
}

.nav-item .slm div{
    display: flex;
    white-space: nowrap;
}

.nav-item .slm {
    font-weight: 400;
    display: flex;
    background: rgba(245,246,248,0.50);
    border: 1px solid #CACEDB;
    border-radius: 7px;
    color: #3D5170;
    padding: 6px 16px;
    font-size: 13px;
    border: 2px solid #e6e6e6c9;
}

@media(max-width: 380px) {
    .sticky-top .navbar-nav .btn-group.btn-group-toggle  .btn.btn-white {
        padding: 7px 3px;
    }
}

.dash-bot {
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-top: 1px solid #c2c7cb;
    height: 70px;
    margin-top: 10px;
}

.dash-header_text {
    font-size: 24px;
    font-weight: 400;
    color: #3D5170;s
}

.dash-bot_text {
    font-size: 20px;
    font-weight: 400;
    color: #3D5170;
    max-height: 22px;
}
.dash-bot_desc{
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    color: #818EA3;
}

.dash .btn {
    font-size: 12px;
    padding: 8px;
    min-width: 75px;
    width: max-content;
}

.btn-success {
    background-color: #31c44b;
}

.dash-buttons .btn {
    flex-basis: 50%;
}

.btn-warning {
    border-color: #ffc504;
    background-color: #ffc504;
}

.filterbar-select label {
    font-weight: 400;
    font-size: 13px;
    color: #a4b4c9;
    letter-spacing: 0.3px;
    margin-bottom: 2.5px;
}

.filterbar-select .form-control {
    padding: 0 15px 0 0;
    height: auto !important;
    background-color: transparent;
    border: none;
    color: #3d5170;
    font-weight: 500;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

@media (max-width: 575px) {
    .filterbar-select .form-control {
        padding-right: 37px;
    }
}

.filterbar-select .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.filterbar-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.filterbar-select select::-ms-expand {
    display: none;
}

.filterbar-select .material-icons {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 11px;
    color: #d1d4df;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

button.close {
    position: absolute;
    right: 13px;
    top: 5px;
    color: black;
    z-index: 1231232;
}
.modal {
    overflow: auto;
}

 #exist-company, #create-company {
     display: none;
 }

#exist-company.open, #create-company.open {
    display: block;
}

#without-comp {
    display: none;
}

#without-comp.open {
    display: flex;
}