html {
    overflow  : scroll;
    overflow-y: auto;
}

::-webkit-scrollbar {
    width      : 0px;
    /* Remove scrollbar space */
    background : transparent;
    /* Optional: just make scrollbar invisible */
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin            : 0;
}

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

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

select {
    -webkit-appearance: none;
    -moz-appearance   : none;
    text-indent       : 1px;
    text-overflow     : '';
}

.ff-play {
    font-family: 'Play', sans-serif !important;
}

/* profice picture */

.profile-img-wrap {
    height       : 210px;
    position     : relative;
    width        : 210px;
    background   : #fff;
    overflow     : hidden;
    border       : 1px solid #E3E3E3;
    border-radius: 10px;
    padding      : 10px
}

.profile-basic {
    margin-left: 140px;
}

.profile-img-wrap img {
    width : 200px;
    height: 200px;
}

.fileupload.btn {
    position     : absolute;
    right        : 0;
    bottom       : 0;
    background   : rgba(33, 33, 33, 0.5);
    border-radius: 0;
    padding      : 3px 10px;
    border       : none;
}

.fileupload input.upload {
    cursor   : pointer;
    filter   : alpha(opacity=0);
    font-size: 20px;
    margin   : 0;
    opacity  : 0;
    padding  : 0;
    position : absolute;
    right    : -3px;
    top      : -3px;
    padding  : 5px;
}

.btn-text {
    color         : #fff;
    font-size     : 13px;
    text-transform: capitalize
}

/* v tab */

.v-tab {
    display   : flex;
    width     : 100% !important;
    min-height: 150px;
}

.v-tab_tab-head {
    margin    : 0;
    padding   : 0;
    float     : left;
    list-style: none;
    height    : 32px;
    width     : 100%;
    font-size : 15px
}

.v-tab_tab-head li {
    margin       : 0 0 1px 0;
    cursor       : pointer;
    padding      : 0px 10%;
    height       : 32px;
    line-height  : 31px;
    color        : #333;
    border-bottom: 0px;
    overflow     : hidden;
    position     : relative;
    width        : 80%;
}

.v-tab_tab-head li:hover {
    background-color: #f5f5f5;
    color           : #000;
}

.v-tab_tab-head li.active {
    border-left     : 3px solid #94399e;
    background-color: #fff;
    color           : #94399e;
    display         : block;
}

.v-tab_container {
    /* border-left: 1px solid #ccc; */
    float     : left;
    width     : 100%;
    min-height: 132px;
}

.v-tab_content {
    padding: 10px 20px;
    display: none;
}

.v-tab_content> :first-child {
    margin-top: 0;
}

/* ________________ */

.btn-flat {
    border-radius: 0px;
}

.cursor-p {
    cursor: pointer;
}

.cardy {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.cardy:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.btn-primary.btn-tone {
    background-color: rgba(63, 135, 245, 0.1) !important;
    border-color    : transparent;
    color           : #3f87f5;
    font-weight     : 500
}

.btn-primary.btn-tone:hover,
.btn-primary.btn-tone:focus,
.btn-primary.btn-tone:active {
    background-color: #3f87f5 !important;
    border-color    : #3f87f5;
    color           : #fff
}

.btn-primary.disabled,
.btn-primary[disabled] {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-primary.btn-clicked:after {
    border-color: #3f87f5
}

.show>.btn-primary.dropdown-toggle {
    background-color: #2778f4;
    border-color    : #2778f4
}

.btn-secondary {
    background-color: #886cff;
    border-color    : #886cff;
    color           : #fff
}

.btn-secondary:hover,
.btn-secondary:focus {
    color           : #fff;
    background-color: #9d86ff;
    border-color    : #9d86ff
}

.btn-secondary:active {
    color           : #fff;
    background-color: #7353ff;
    border-color    : #7353ff
}

.btn-secondary.active {
    color           : #fff;
    background-color: #7353ff;
    border-color    : #7353ff
}

.btn-secondary.active:hover,
.btn-secondary.active:focus {
    background-color: #7353ff;
    border-color    : #7353ff
}

.btn-secondary:not([disabled]):not(.disabled):active:focus,
.btn-secondary:not([disabled]):not(.disabled).active:focus {
    box-shadow: none
}

.btn-secondary:not([disabled]):not(.disabled):active:active,
.btn-secondary:not([disabled]):not(.disabled).active:active {
    color           : #fff;
    background-color: #7353ff;
    border-color    : #7353ff
}

.btn-secondary.btn-tone {
    background-color: rgba(136, 108, 255, 0.1) !important;
    border-color    : transparent;
    color           : #886cff;
    font-weight     : 500
}

.btn-secondary.btn-tone:hover,
.btn-secondary.btn-tone:focus,
.btn-secondary.btn-tone:active {
    background-color: #886cff !important;
    border-color    : #886cff;
    color           : #fff
}

.btn-secondary.disabled,
.btn-secondary[disabled] {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-secondary.disabled.active,
.btn-secondary.disabled:active,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled].active,
.btn-secondary[disabled]:active,
.btn-secondary[disabled]:hover,
.btn-secondary[disabled]:focus {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-secondary.btn-clicked:after {
    border-color: #886cff
}

.show>.btn-secondary.dropdown-toggle {
    background-color: #7353ff;
    border-color    : #7353ff
}

.btn-success {
    background-color: #00c9a7;
    border-color    : #00c9a7;
    color           : #fff
}

.btn-success:hover,
.btn-success:focus {
    color           : #fff;
    background-color: #00e3bc;
    border-color    : #00e3bc
}

.btn-success:active {
    color           : #fff;
    background-color: #00b092;
    border-color    : #00b092
}

.btn-success.active {
    color           : #fff;
    background-color: #00b092;
    border-color    : #00b092
}

.btn-success.active:hover,
.btn-success.active:focus {
    background-color: #00b092;
    border-color    : #00b092
}

.btn-success:not([disabled]):not(.disabled):active:focus,
.btn-success:not([disabled]):not(.disabled).active:focus {
    box-shadow: none
}

.btn-success:not([disabled]):not(.disabled):active:active,
.btn-success:not([disabled]):not(.disabled).active:active {
    color           : #fff;
    background-color: #00b092;
    border-color    : #00b092
}

.btn-success.btn-tone {
    background-color: rgba(0, 201, 167, 0.1) !important;
    border-color    : transparent;
    color           : #00c9a7;
    font-weight     : 500
}

.btn-success.btn-tone:hover,
.btn-success.btn-tone:focus,
.btn-success.btn-tone:active {
    background-color: #00c9a7 !important;
    border-color    : #00c9a7;
    color           : #fff
}

.btn-success.disabled,
.btn-success[disabled] {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-success.btn-clicked:after {
    border-color: #00c9a7
}

.show>.btn-success.dropdown-toggle {
    background-color: #00b092;
    border-color    : #00b092
}

.btn-info {
    background-color: #02d3ef;
    border-color    : #02d3ef;
    color           : #fff
}

.btn-info:hover,
.btn-info:focus {
    color           : #fff;
    background-color: #0ee1fd;
    border-color    : #0ee1fd
}

.btn-info:active {
    color           : #fff;
    background-color: #02bdd6;
    border-color    : #02bdd6
}

.btn-info.active {
    color           : #fff;
    background-color: #02bdd6;
    border-color    : #02bdd6
}

.btn-info.active:hover,
.btn-info.active:focus {
    background-color: #02bdd6;
    border-color    : #02bdd6
}

.btn-info:not([disabled]):not(.disabled):active:focus,
.btn-info:not([disabled]):not(.disabled).active:focus {
    box-shadow: none
}

.btn-info:not([disabled]):not(.disabled):active:active,
.btn-info:not([disabled]):not(.disabled).active:active {
    color           : #fff;
    background-color: #02bdd6;
    border-color    : #02bdd6
}

.btn-info.btn-tone {
    background-color: rgba(2, 211, 239, 0.1) !important;
    border-color    : transparent;
    color           : #02d3ef;
    font-weight     : 500
}

.btn-info.btn-tone:hover,
.btn-info.btn-tone:focus,
.btn-info.btn-tone:active {
    background-color: #02d3ef !important;
    border-color    : #02d3ef;
    color           : #fff
}

.btn-info.disabled,
.btn-info[disabled] {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info[disabled].active,
.btn-info[disabled]:active,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-info.btn-clicked:after {
    border-color: #02d3ef
}

.show>.btn-info.dropdown-toggle {
    background-color: #02bdd6;
    border-color    : #02bdd6
}

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

.btn-warning:hover,
.btn-warning:focus {
    color           : #fff;
    background-color: #ffc721;
    border-color    : #ffc721
}

.btn-warning:active {
    color           : #fff;
    background-color: #edb100;
    border-color    : #edb100
}

.btn-warning.active {
    color           : #fff;
    background-color: #edb100;
    border-color    : #edb100
}

.btn-warning.active:hover,
.btn-warning.active:focus {
    background-color: #edb100;
    border-color    : #edb100
}

.btn-warning:not([disabled]):not(.disabled):active:focus,
.btn-warning:not([disabled]):not(.disabled).active:focus {
    box-shadow: none
}

.btn-warning:not([disabled]):not(.disabled):active:active,
.btn-warning:not([disabled]):not(.disabled).active:active {
    color           : #fff;
    background-color: #edb100;
    border-color    : #edb100
}

.btn-warning.btn-tone {
    background-color: rgba(255, 193, 7, 0.1) !important;
    border-color    : transparent;
    color           : #ffc107;
    font-weight     : 500
}

.btn-warning.btn-tone:hover,
.btn-warning.btn-tone:focus,
.btn-warning.btn-tone:active {
    background-color: #ffc107 !important;
    border-color    : #ffc107;
    color           : #fff
}

.btn-warning.disabled,
.btn-warning[disabled] {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus {
    color           : rgba(83, 83, 95, 0.25);
    background-color: #f1f2f3;
    border-color    : #edf2f9
}

.btn-warning.btn-clicked:after {
    border-color: #ffc107
}

.show>.btn-warning.dropdown-toggle {
    background-color: #edb100;
    border-color    : #edb100
}

.btn-danger {
    background-color: #de4436;
    border-color    : #de4436;
    color           : #fff
}

.btn-danger:hover,
.btn-danger:focus {
    color           : #fff;
    background-color: #e2584c;
    border-color    : #e2584c
}

.btn-danger:active {
    color           : #fff;
    background-color: #d73223;
    border-color    : #d73223
}

.btn-danger.active {
    color           : #fff;
    background-color: #d73223;
    border-color    : #d73223
}

.btn-danger.active:hover,
.btn-danger.active:focus {
    background-color: #d73223;
    border-color    : #d73223
}

.btn-danger:not([disabled]):not(.disabled):active:focus,
.btn-danger:not([disabled]):not(.disabled).active:focus {
    box-shadow: none
}

.btn-danger:not([disabled]):not(.disabled):active:active,
.btn-danger:not([disabled]):not(.disabled).active:active {
    color           : #fff;
    background-color: #d73223;
    border-color    : #d73223
}

.btn-danger.btn-tone {
    background-color: rgba(222, 68, 54, 0.1) !important;
    border-color    : transparent;
    color           : #de4436;
    font-weight     : 500
}

.btn-danger.btn-tone:hover,
.btn-danger.btn-tone:focus,
.btn-danger.btn-tone:active {
    background-color: #de4436 !important;
    border-color    : #de4436;
    color           : #fff
}

.not-allowed {
    cursor: not-allowed;
}

textarea {
    resize: vertical !important
}

.logo {
    max-height: 64px !important;
}

.loader {
    display  : none;
    top      : 50%;
    left     : 55%;
    position : absolute;
    transform: translate(-50%, -50%);
}

.loading {
    border           : 2px solid #ccc;
    width            : 60px;
    height           : 60px;
    border-radius    : 50%;
    border-top-color : #1ecd97;
    border-left-color: #1ecd97;
    animation        : spin 1s infinite ease-in;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}