﻿
.pointer {
    cursor: pointer;
}

.btz-scrollable::-webkit-scrollbar {
    width: 0.5em;
}

.btz-scrollable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgb(128, 128, 128);
}

.btz-scrollable::-webkit-scrollbar-thumb {
    background-color: grey;
    outline: 0px solid slategrey;
}

.btz-scrollable {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

body {
    font-family: 'Prompt', sans-serif;
}

.btn {
    font-family: 'Prompt', sans-serif;
}

.form-control {
    font-family: 'Prompt', sans-serif;
}

.service-request__img-wraps {
    position: relative;
    width: auto;
    /*max-width:300px;*/
}

    .service-request__img-wraps img {
        width: auto;
        height: 150px;
    }

    .service-request__img-wraps span.closes {
        position: absolute;
        top: 8%;
        left: 85%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #FFF;
        color: #000;
        font-size: 18px;
        line-height: 9px;
        font-weight: bold;
        padding: 3px 4px;
        border: none;
        cursor: pointer;
        /*border-radius: 5px;*/
        text-align: center;
        border-radius: 50%;
        border: 1px solid red;
    }

.userinformation__img-wraps {
    position: relative;
    width: 100%;
    max-width: 400px;
}

    .userinformation__img-wraps img {
        width: 100%;
        height: auto;
    }

    .userinformation__img-wraps span.closes {
        position: absolute;
        top: 8%;
        left: 97%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #FFF;
        color: #000;
        font-size: 18px;
        line-height: 13px;
        font-weight: bold;
        padding: 3px 4px;
        border: none;
        cursor: pointer;
        /*border-radius: 5px;*/
        text-align: center;
        border-radius: 50%;
        border: 1px solid red;
    }

.billing__body-6 {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    border-color: lightgray;
}


.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-family: 'Prompt', sans-serif;
}


.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active {
    transition: background-color 0.3s;
    border-left-style: solid;
    border-color: #ff7800;
    border-width: 0.5em;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active {
    /*-webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;*/
    border-left-style: solid;
    border-color: #ff7800;
    border-width: 0.4em;
}

.m-badge.m-badge--warning {
    background-color: #ee6a25;
    color: #ffffff;
}

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

.btn.btn-warning {
    color: #ffffff;
}

    .btn.btn-warning:hover {
        color: #ffffff;
    }


.color-pending {
    background-color: #f7a514;
    color: #ffffff;
}

.btn.btn-metal {
    color: #575962;
}

.btn-metal {
    /*color: #212529;*/
    background-color: #c4c5d6;
    border-color: #c4c5d6;
}

    .btn-metal:hover {
        /*color: #212529;*/
        background-color: #adafc6;
        border-color: #a6a7c1;
    }

.btn-warning:hover {
    color: #ffffff;
    background-color: #e35912;
    border-color: #e35912;
}

.btn.btn-warning.active, .btn.btn-warning.focus, .btn.btn-warning:focus, .btn.btn-warning:hover:not(:disabled) {
    color: #ffffff !important;
}


/*.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #ee6a25;
    border-left-style: solid;
    border-color: #ff7800;
    border-width: 0.4em;
}*/


.tag {
    border: 2px;
    border-radius: 20px;
    padding: 10px;
    background-color: #c7c7c7;
    width: 100%;
}

.tag-header {
    border-bottom: 2px solid white;
    height: 3rem;
    padding: 10px;
}

.tag-header-left {
    float: left;
    font-weight: bold;
}

.tag-header-right {
    float: right;
    background-color: #9c9c9c;
    border-radius: 20px;
    width: 8rem;
    height: 1.4rem;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.tag-body {
    padding: 10px;
    word-wrap: break-word;
}

.m-badge--cancel {
    color: white;
    background-color: #6E3212 !important;
}

.m-badge--pending {
    color: white;
    background-color: #F7A41B !important;
}

#m_header {
    z-index: 1000;
}

.m-tabs-line.m-tabs-line--warning.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--warning.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--warning a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--warning a.m-tabs__link.active {
    color: #000;
    border-bottom: 1px solid #ee6a25;
}

.btn-link {
    color: #ee6a25;
    Background: transparent;
    border: none;
}

    .btn-link :hover {
        color: #dc5711;
        Background: transparent;
        border: none;
    }

    .btn-link:active {
        color: #d05210;
    }


#chat-message__send {
    background-color: #ee6a25;
    color: white;
}

.active-background {
    background-color: #ee6a25 !important;
    color: white !important;
}

.btz-content {
    margin: -15px 20px 10px 20px;
    padding: 15px 10px 15px 10px;
    background-color: #f7f7f7;
    border-radius: 1rem;
}

.chat-image-cover {
    height: 45.5px !important;
    width: 45.5px !important;
}

.m-widget4__item.chat-list-user-border {
    border-bottom: 0.07rem solid #ebedf2 !important;
    padding-top: 0.0rem;
    padding-bottom: 0.5rem;
}


.m-menu__item.menu-border-buttom {
    border-bottom: 0.07rem solid #ebedf2 !important;
}

.chat-list-user {
    padding: 0.5rem 1rem 0rem 1rem !important;
}

.chat-polet-body-search-user {
    padding: 0.0rem 0rem 0rem 0rem !important;
    height: 35.3rem;
}

.m-widget4 .m-widget4__item {
    display: table;
}

.btz-scrollable-search-user{
    height:35.5rem;
}
.chat-list-user.active {
    background-color: #ee6a25 !important;
}

.m-widget4.user-list.chat-list-user.active > div.m-widget4__item.chat-list-user-border > .m-widget4__info > .m-widget4__title.pointer {
    color: white;
}

.m-widget4.user-list.chat-list-user.active > div.m-widget4__item.chat-list-user-border > .m-widget4__ext {
    display: none;
}
.m-widget4.user-list.chat-list-user.active > div.m-widget4__item.chat-list-user-border > .m-widget4__info > .m-widget4__sub {
    color: #ebedf2;
}

.booking-formcontrol-readonly {
    background-color: #fff !important;
}
