/*Table Content
==========================
    # General
        - Fonts
    # Links
    # Headings
    # Lists
        - Social-List
        - Contact-List
    # Images
*/
/* General
======================= */

html,
body {
    overflow-x: hidden;
}

/*variavles
========================*/
/*scroll bar style*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #FFF;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background: #FFD500;
    border-radius: 70px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #FFD500;
    border-radius: 70px !important;
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-weight: normal;
    font-style: normal;
    src: url(../vendor/droid_arabic_kufi/DroidKufi-Regular.ttf);
}
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-weight: bold;
    src: url(../vendor/droid_arabic_kufi/DroidKufi-Bold.ttf);
}
/*body
===========================*/
body {
    font-family: 'Droid Arabic Kufi', 'Cairo', 'sans-serif';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Links
==========================*/
a, a:hover, a:focus {
    text-decoration: none;
    color: inherit;
}

/* Headings
========================== */
h1, h2, h3, h4, h5, h6 {
    display: block;
    margin: 0;
}

p {
    margin: 0;
}

/*Lists
==========================*/
ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.address_link{
    width: 100%;
    position: relative;
    padding: 10px 5px 5px
}
.address_link i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    right: 16px;
    font-size: 13px;
}
.address_link input{
    padding-right: 35px;
}

.commision_s{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 5;
    background: #3D3D3D;
    color: #FFD500;
    padding: 0;
    border-radius: 9px;
    border: 1px solid #FFD500;
    font-size: 15px;
    width: 50px;
    text-align: center;
    height: 35px;
    line-height: 35px;
}

/*.datepickers-container
==============================*/

.datepickers-container .datepicker{
    left:0
}
input.confirm-code::placeholder{
    letter-spacing: 20px;
    text-align: center;
    font-size: 16px
}
/* Images
=========================== */
img {
    display: block;
    max-width: 100%;
    height: auto;
}

button.custom-btn {
    border: none;
    background-color: #fff;
    display: inline-block;
    margin-right: 3px;
}
.hide_item{
    left:0!important
}
/* Section Setting
============================ */
.datepicker {
    z-index: 666666 !important;
}

.small {
    color: #ABABAB;
    font-size: 12px;
}

.inline-block {
    display: inline-block;
}

.yellow {
    color: #FEBC4C;
}

.gray {
    color: #ABABAB;
}

.back_link {
    background: #ececec;
    padding: 0px 19px;
    display: inline-block;
    border-radius: 17px;
    margin-left: 8px;
    font-size: 20px;
}

/* page-body-wrapper
========================= */
input, .model-action li{
    transition: all .1s ease-in-out
}
input:focus, .model-action li:hover{
    box-shadow: 0px 4px 6px 0px #979292bd
}
input[type='checkbox'], input[type='submit']{
    transition: all 0s ease-in-out
}
input[type='checkbox']:hover, input[type='submit']:hover{
    box-shadow: none
}
.hover_action,
.yellow_action{
    transition: all .3s ease-in-out!important;
}
.hover_action:hover{
    box-shadow: 0px 4px 6px 0px #979292bd!important;
}
.yellow_action:hover{
    box-shadow: 0px 4px 6px 0px #877a0e
}

.select2-selection__rendered .select2-search.select2-search--inline {
    width: 30% !important;
}
.select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
    width: 100% !important;
}

.select2-results__option {
    font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 3px 5px !important;
    /*  background-color: #FFD500 !important;*/
    /*  border-color: #FFD500 !important;*/
    font-size: 13px !important;
}

.tamlek_remove.remove_item {
    display: none;
}

.page-body-wrapper {
    min-height: 100vh;
    padding-left: 0;
    padding-right: 250px;
}
.page-body-wrapper.col_design {
    padding-right: 0 !important;
}
.page-body-wrapper.container-fluid .navbar {
    width: calc(100% - 250px);
}
.page-body-wrapper.container-fluid .navbar .row{
    align-items: center;
}
.page-body-wrapper .main-panel {
    min-height: 100vh;
    width: 100%;
    transition: all 0.1s ease-in-out;
}
.page-body-wrapper.side-bar-icon {
    padding-right: 70px !important;
}
.page-body-wrapper.side-bar-icon.container-fluid .navbar {
    width: calc(100% - 70px);
}

.inner_panal {
    min-height: 500px;
    max-height: calc(100vh - 80px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 88px;
    padding: 0 20px;
}
.inner_panal.main_inner {
    margin-top: 77px;
}

.navbar {
    top: 0;
}

.navbar .container{
    position: relative;
}

/*navbar
=============*/
.filter-item {
    position: relative;
}
.filter-item.high_index::after {
    z-index: 55555;
}
.filter-item::after {
    content: "\f078";
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #000;
    z-index: 1;
}
.filter-item.gray_after::after {
    color: #ABABAB;
}

.custom-select {
    height: calc(2.25rem + 5px);
    background-image: none;
    cursor: pointer;
    border-radius: 9px;
    border-color: #ABABAB;
    font-size: 13px;
}

.hidden {
    display: none;
}

.open {
    display: block;
}

.item-details li {
    background-color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: inline-block;
}

.trash {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 10px;
}
.trash img {
    display: inline-block;
    margin-top: 50%;
    transform: translateY(-50%);
}

.point {
    position: relative;
}
.point:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 21px;
    right: 20px;
}
.point.on::after {
    background-color: #4FD652;
}
.point.off::after {
    background-color: #EB6060;
}
.slick-slider .point:after{
    width: 35px;
    height: 35px;
}

.img_360 {
    position: relative;
}
.img_360::before {
    position: absolute;
    content: url(../images/icons/img_360.svg);
    right: 20px;
    bottom: 10px;
}

.img_360.left_img_360::before {
    left: 0px !important;
    top: 0px !important;
    right: auto;
}

.order_view_nav .img_360.left_img_360::before {
    left: 5px !important;
    top: 8px !important;
    right: auto;
}
.footer-social h6 img{
    width: 224px;
    margin: auto;
    margin-bottom: 30px;
}
.already_copy{
    display: none;
}
.status {
    position: relative;
    cursor: pointer;
    padding-top: 25px;
    margin: auto;
    width: 20px;
}
.status:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background-color: inherit;
}
.status.on::after {
    background-color: #4FD652;
}
.status.off::after {
    background-color: #f00;
}
.status.wait::after {
    background-color: #FFC60A;
}

input,
textarea {
    width: 100%;
    border: 1px solid #ABABAB;
    border-radius: 9px;
    padding: 10px;
    resize: none;
    font-size: 12px;
}
input:focus,
textarea:focus {
    outline: none;
}
input::placeholder,
textarea::placeholder {
    color: #000;
    font-size: 12px;
}
input:focus::placeholder,
textarea:focus::placeholder{
    color: #ABABAB;
    font-size: 10px!important;
}
.main_view_body input:focus::placeholder{
    font-size: 14px!important;
}
.icon {
    display: inline-block;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: all .1s ease-in-out;
    cursor: pointer;
}
.icon img {
    margin: auto;
    width: auto;
    margin-top: 50%;
    transform: translateY(-50%);
    transition: all .0s ease-in-out;
    width: 20px
}
.icon img.white_img {
    display: none;
}
.icon:hover, .icon.active {
    background-color: #3D3D3D;
}
.icon:hover img.white_img, .icon.active img.white_img {
    display: block;
}
.icon:hover img.black_img, .icon.active img.black_img {
    display: none;
}

.yellow_icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    transition: all .5s ease-in-out;
    cursor: pointer;
    background-color: transparent;
}
.yellow_icon img {
    margin: auto;
    width: auto;
    margin-top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease-in-out;
}
.yellow_icon img.yellow_img {
    display: none;
}
.yellow_icon:hover img.yellow_img, .yellow_icon.active img.yellow_img {
    display: block;
}
.yellow_icon:hover img.black_img, .yellow_icon.active img.black_img {
    display: none;
}

.custom-select:focus {
    border-color: #ABABAB;
    box-shadow: none;
}

.title {
    margin-bottom: 30px;
    margin-right: 20px;
    margin-top: 10px;
}

.data-coin {
    position: relative;
}
.data-coin .coin {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
}
.data-coin .small{
    position: absolute;
    left: 39%;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    font-size: 13px;
}
.data-coin.commission_coin .small{
    left: 9px
}
.data-coin .coin.small{
    left: 15px
}
.btn-black,
.cust-btn,
.btn-gray,
.active-btn,
.btn-bold-gray,
.btn-yellow,
.btn-white,
.btn-bold-gray {
    font-size: 12px;
    border-radius: 25px !important;
    padding: 0px 25px;
    color: #000;
    height: 34px;
    line-height: 34px;
    display: inline-block;
}
.btn-black input,
.cust-btn input,
.btn-gray input,
.active-btn input,
.btn-bold-gray input,
.btn-yellow input,
.btn-white input,
.btn-bold-gray input {
    color: #000 !important;
    padding: 0 !important;
    background-color: inherit !important;
    border: none !important;
    cursor: pointer;
}

.btn-yellow {
    border: none;
    font-size: 15px;
    display: inline-block;
    padding: 0px 20px !important;
    color: #000 !important;
    background-color: #FFD500 !important;
}

.btn-white {
    border: none;
    font-size: 15px;
    display: inline-block;
    padding: 0px 20px !important;
    color: #000 !important;
    background-color: #fff !important;
}

.active-btn {
    border: none;
    color: #fff;
    background-color: #3D3D3D;
}
.active-btn a {
    color: #fff !important;
}
.active-btn:hover {
    color: #fff !important;
}

.btn-black {
    border: none;
    color: #fff !important;
    background-color: #3D3D3D !important;
}
.btn-black:hover, .btn-black:focus {
    color: #fff;
}
.btn-black a {
    color: #fff !important;
}
.btn-black:hover {
    color: #fff !important;
}
.btn-black input {
    color: #fff !important;
}

.btn-gray {
    background-color: #ECECEC;
}

.btn-bold-gray {
    background-color: #ABABAB;
    border-color: #ABABAB;
    color: #fff !important;
    padding: 0 12px !important;
}
.btn-bold-gray:hover {
    color: #fff !important;
}

.btn-bold-gray {
    background-color: #ABABAB;
    color: #fff;
}
.btn-bold-gray a {
    color: #fff;
}

.big-btn {
    border: 1.3px solid #C1C1C1;
    padding: 0px 37px !important;
}

.secret input {
    background-color: #ECECEC;
    border: none;
}

.model-up-photo {
    display: flex;
    justify-content: center;
    width: 243px;
    height: 137px;
    background-color: #ECECEC;
    border-radius: 9px;
    cursor: pointer;
    position: relative;
}
.model-up-photo.order {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.model-up-photo label {
    cursor: pointer;
}

input[type="file"] {
    display: none;
}

.delete {
    cursor: pointer;
}

.search_response {
    margin: 25px 0;
    border-radius: 9px;
    border: 1px solid #ABABAB;
}
.search_response h5 {
    font-size: 17px;
    margin-bottom: 10px;
    white-space: nowrap;
}
.search_response p {
    font-size: 12px;
    margin-bottom: 15px;
    color: #5B5B5B;
}
.search_response .response-title {
    background-color: #ECECEC;
    padding: 29px 13px;
    text-align: center;
    height: 100%;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}
.search_response .response-title li {
    margin-left: 10px;
}

.search_response_long .response-title {
    border-top-left-radius: 9px;
    border-bottom-right-radius: 0;
}
.search_response_long .response-title .media img {
    width: 120px;
    height: 120px
}
.search_response_long .response-title .small {
    font-size: 15px;
}
.search_response_long .response-body {
    padding: 10px 20px;
}

.view-order-title {
    margin-bottom: 20px;
}
.view-order-title ul li {
    border-radius: 25px !important;
    padding: 0px 25px;
    height: 34px;
    line-height: 34px;
    color: #000;
    display: inline-block;
    background-color: #ECECEC;
}
.view-order-title ul li a {
    font-size: 15px;
}
.view-order-title span {
    float: left;
    margin-top: 8px;
    margin-right: 20px;
}

.order-detail {
    margin-top: 40px;
}
.order-detail p {
    font-size: 13px;
}
.order-detail .detail_block {
    border-radius: 5px;
    border: 1px solid #ABABAB;
    padding: 10px 20px;
}

.opacity {
    opacity: 0;
}

.nav-list li.active {
    background-color: #292929;
}

.close {
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 1;
    z-index: 5;
}
.close img{
    height: auto!important;
}

.new_file {
    display: none;
}
.new_file.open {
    display: block;
}

.results {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 22;
}
.results img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.error {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 22;
}

.card {
    border: none;
    margin-bottom: 30px;
}
.card .card-img {
    position: relative;
    overflow: hidden;
}
.card .card-img img {
    transition: all .5s ease-in-out;
}
.card .card-img .card-hide {
    transform: scale(0);
    transform-origin: bottom center;
    transition: all .4s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    background-color: #0a0a0aa8;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    left: 0;
    width: 100%;
    height: 100%;
}
.card .card-img .card-hide a img{
    height: auto!important;
}
.card .card-img .card-hide ul li {
    cursor: pointer;
    margin-top: 15px;
    padding: 7px 20px;
    border-radius: 25px;
    background-color: #fff;
    font-size: 15px;
}
.card .card-img .card-hide ul li a {
    color: #000;
    transition: all .4s ease-in-out;
}
.card .card-img .card-hide ul li a:focus {
    outline: none !important;
}
.card .card-detail {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.card .card-body {
    transition: all .4s ease-in-out;
    border: 1px solid #ababab94;
    border-top: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-top: -2px;
}
.card .card-body h5 {
    font-size: 13px;
}
.card .card-body span {
    font-size: 15px;
}
.card:hover .card-hide {
    transform: scale(1);
}
.card:hover .card-hide li {
    transition: all .2s ease-in-out;
}
.card:hover .card-hide li.active, .card:hover .card-hide li:hover {
    background-color: #FFD500;
}
.card:hover {
    box-shadow: 0 2px 11px 0 #ABABAB;
}
.card:hover .card-img-top {
    transform: scale(1.3);
}

.table_num {
    color: #5B5B5B;
    margin-top: 20px !important;
}

.breadcrumb {
    background-color: #fff;
    font-size: 10px;
}
.breadcrumb a {
    color: #ABABAB;
}
.breadcrumb .breadcrumb-item.active {
    color: #000 !important;
}

.upload_img_container {
    position: relative;
    overflow: hidden;
    border-radius: 9px;
}
.upload_img_container label {
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    height: 100%;
}
.upload_img_container img{
    height: auto;
}
.upload_img_container.complete_img img{
    height: 100%
}
.result_overlay img{
    height: auto!important;
}
.upload_img_container img.after_upload{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.model-action {
    margin-top: 60px;
}
.model-action li {
    font-size: 12px;
    border-radius: 25px !important;
    padding: 0px 25px;
    height: 34px;
    line-height: 34px;
    color: #000;
    display: inline-block;
    background-color: #ECECEC;
}
.model-action li input {
    padding: 0 !important;
    background-color: inherit !important;
    border: none !important;
    cursor: pointer;
}

.upload_file {
    cursor: pointer;
}

.mess_notification {
    position: relative;
}
.mess_notification .notify_num {
    position: absolute;
    top: 0;
    border-radius: 50%;
    background: #ECECEC;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #5B5B5B;
    font-weight: 600;
}
.mess_notification .notify_num.right {
    left: 45%;
}
.mess_notification .notify_num.left {
    left: 5px;
}
.side-nav .nav-list .notify img{
    width: 20px
}

.error {
    color: #f00;
}

.dataTables_info {
    display: none;
}

/*calender*/
.filter-item.date_box input {
    width: 100% !important;
}
.filter-item.date_box::after {
    content: "\f073";
    color: #5B5B5B;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mt-70 {
    margin-bottom: 70px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.slick-list.draggable {
    padding: 0 !important;
    margin: 0 25px !important;
}

.slider2 .slick-list.draggable {
    margin: 0 !important;
}

.slick-slide {
    padding: 10px 5px 0 !important;
}
.front_pages .slick-slide{
    padding: 10px 5px !important;
}
table.dataTable .sorting_asc,
table.dataTable .sorting_desc {
    background-image: none !important;
}

.small-img img {
    width: auto !important;
}

.card-hide.heart_size a {
    font-size: 60px;
    color: #fff;
    transition: all .3s ease-in-out;
}
.card-hide.heart_size a:hover {
    color: #f00 !important;
}

.block_user_color {
    background-color: #ABABAB !important;
}

.alart_model {
    z-index: 555555 !important;
    text-align: center;
}
.alart_model .modify-content {
    width: 400px !important;
}
.alart_model .modify-content h5 {
    font-size: 15px;
}

.star_icon {
    font-size: 13px;
    margin-top: 15px;
}

.info_replay_btn {
    cursor: pointer;
}

.swal-overlay {
    z-index: 555555 !important;
}

.response-table {
    overflow-x: scroll;
    padding: 5px;
    padding-top: 40px;
}
.response-table .table-scroll {
    overflow-x: auto;
    margin: auto;
    box-shadow: 0px 0px 0 2px #ddd;
    border-radius: 9px !important;
}
.response-table .table-scroll table {
    box-shadow: none !important;
}

.notify_big {
    width: 70% !important;
}

.notify_small {
    width: 30% !important;
}

.tel_container {
    width: 100%;
}
.tel_container input {
    width: 85%;
    display: inline-block;
}
.tel_container select {
    width: 14%;
    border-radius: 9px;
    padding: 3px;
}
.tel_container select:focus {
    outline: none;
}

.hover_action {
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.hover_action:hover {
    box-shadow: 0px 4px 8px 0px #07070763;
}

/*.scroll-top
================*/
.scroll-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #FFD500;
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    color: #000;
    font-size: 15px;
    cursor: pointer;
    line-height: 40px;
    transition: all .4s ease-in-out;
    z-index: 5555;
}

.scroll-top:hover {
    box-shadow: 0px 4px 5px 1px #cfbe2c;
}

/*.loader
================*/
.loader {
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*  -webkit-box-pack: center;*/
    /*  -ms-flex-pack: center;*/
    -webkit-justify-content: center;
    justify-content: center;
    /*  -webkit-box-orient: vertical;*/
    /*  -webkit-box-direction: normal;*/
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    /*  -webkit-box-align: center;*/
    /*  -ms-flex-align: center;*/
    -webkit-align-items: center;
    align-items: center;
}

.loader img {
    object-fit: contain;
    animation: opac 0.9s ease-in-out  alternate-reverse infinite;
}

@-webkit-keyframes opac {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}
@keyframes opac {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}
/*search-btn-submit*/
.search-btn-submit {
    border: none;
    background-color: inherit;
    cursor: pointer;
}
.search-btn-submit img {
    width: 22px !important;
}
.search-btn-submit:focus {
    outline: none;
}

/*condition_page
===============*/
.condition-title {
    font-size: 27px;
}

.condition_body {
    padding: 10px 50px !important;
}
.condition_body ul {
    list-style: disc;
    padding-right: 20px !important;
}
.condition_body p {
    margin-bottom: 20px;
    line-height: 2;
    color: #5B5B5B;
    font-weight: 400;
}
.condition_body span {
    color: #5B5B5B;
}

.reliable,
.not-reliable{
    position: absolute;
    left: 51px;
    top: 30px;
    z-index: 5;
    background: #3D3D3D;
    color: #FFD500;
    padding: 7px 10px;
    border-radius: 9px;
    border: 1px solid #FFD500;
    font-size: 15px;
}
.reliable span,
.not-reliable span{
    font-size: 12px;
    margin-left: 7px;
}
.not-reliable{
    border-color: #000;
    color: #ABABAB;
    background: #fff
}
.login_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    z-index: 9;
}
.login_header.black_nav {
    background-color: #3D3D3D;
}
.login_header.black_nav a {
    color: #fff;
}
.login_header.black_nav .sign_in a {
    border-color: #fff;
}
.login_header a {
    color: #000;
}
.login_header .login_menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.login_header .login_menu ul li {
    display: inline-block;
    padding: 0 10px;
}
.login_header .sign_in {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.login_header .sign_in img {
    margin-left: 20px;
}
.login_header .sign_in a {
    border: 1px solid #000;
    border-radius: 25px;
    display: block;
    padding: 8px 20px;
}
.login_header .login_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.login_body {
    background: url(../images/login.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 100vh;

}
.login_body.confirm_page {
    background: linear-gradient(rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)), url(../images/login.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left;
    background-size: cover;
}
.login_body.confirm_page .common_style {
    margin-top: 10%;
}
.login_body.confirm_page .common_style h6 {
    margin-bottom: 60px;
    font-size: 24px;
}
.login_body.confirm_page .common_style span {
    font-size: 15px;
    font-weight: normal;
}
.login_body .login_body_content {
    text-align: center;
    display: flex;
    align-items: center;
    height: 100vh;
    width: 50%;
}
.login_body .login_body_content h3 {
    font-size: 24px;
    font-weight: bold;
}
.login_body .login_body_content h1 a img{
    margin: auto;
    width: 176px;
}
.login_body .login_body_content .join_link {
    border: 1px solid #ABABAB;
    border-radius: 25px;
    padding: 10px 20px;
    display: inline-block;
    width: auto;
    margin-bottom: 20px;
    box-shadow: 0 0 2px 0 #00000059;
    transition: all .4s ease-in-out
}
.login_body .login_body_content .join_link:hover{
    box-shadow: 0 4px 2px 0 #00000059
}
.input_wd{
    width: 50%
}
.login_body .login_body_content form {
    text-align: right;
}
.login_body .login_body_content form .login {
    text-align: center;
}
.login_body .login_body_content form .login input{
    transition: all .5s ease-in-out
}
.login_body .login_body_content form .login input:hover{
    box-shadow: -1px 3px 2px 0px #00000038
}

.new_account_body.common_style {
    border: none;
}

.check_login input[type='checkbox'] {
    width: 20px;
    height: 23px;
}


.check_login input::placeholder {
    font-size: 15px;
}
.check_login p span {
    color: #000;
}
.check_login p a {
    color: #ABABAB;
}

.password_forget_model.common_style {
    padding-top: 100px;
}

.custom-control-label::before {
    background-color: #fff;
    border: 1px solid #ABABAB;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:active ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3D3D3D;
    color: #fff !important;
    box-shadow: none;
}

.thanks_model {
    padding-top: 0;
    margin-top: 0;
}
.thanks_model .modify-content {
    padding: 50px 0 !important;
    background-color: #fff;
    border-radius: 9px;
    text-align: center;
    width: 70%;
    margin: auto;
}
.thanks_model .modify-content h6 {
    font-weight: bold;
}

.page-body-wrapper.front_pages {
    padding-right: 0px !important;
}

.creat_account {
    cursor: pointer;
}
.creat_account.disable {
    background-color: #C1C1C1 !important;
}

.card_box {
    border: 1.3px solid #000;
    border-radius: 9px;
    padding: 15px 0;
}
.card_box ul li {
    display: inline-block;
}
.card_box ul li label {
    cursor: pointer;
}
.card_box ul li input {
    width: auto;
}
.card_box ul li img {
    display: inline-block;
}
.card_box .card_box_body {
    padding: 0 20px;
}
.card_box .card_box_body label{
    font-size: 13px
}

/*aside
=======================*/
.side-nav {
    width: 250px;
    min-height: 100vh;
    background: #3D3D3D;
    padding: 0;
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    transition: all 0.1s ease-in-out;
}
.side-nav .top-nav {
    padding: 10px 0;
    background: #FFD500;
    padding-bottom: 10px;
    position: relative;
}
.side-nav .top-nav .aside-control {
    position: absolute;
    top: 10px;
    right: 0;
    background-color: #3D3D3D;
    color: #FFD500;
    padding: 4px 15px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    font-size: 21px;
    cursor: pointer;
}
.side-nav .top-nav .aside-control .plus {
    display: none;
}
.side-nav .top-nav .brand {
}
.side-nav .top-nav .brand img {
    margin: 10px auto;
    width: 125px
}
.side-nav .top-nav .user-login {
    color: #000;
}
.side-nav .top-nav .user-login h2 {
    margin: 10px 0;
    font-size: 24px;
}
.side-nav .top-nav .user-info {
    text-align: center;
    color: #000 !important;
    font-weight: 500;
    margin-top: 80px;
    margin-bottom: 25px;
    cursor: pointer;
}
.side-nav .top-nav .user-info img {
    width: 30%;
}
.side-nav .top-nav .user-info p {
    margin-top: 10px;
    font-weight: bold;
    word-spacing: 2px;
}
.side-nav .top-nav .user-info span {
    font-size: 9px;
    letter-spacing: 2px;
    word-spacing: 2px;
    display: block;
}
.side-nav .top-nav .user-info span.user-work {
    color: #707070;
}
.side-nav .nav-list {
    color: #000;
}
.side-nav .nav-list li {
    position: relative;
    padding: 0 ;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 15px;
    cursor: pointer;
}
.side-nav .nav-list li span {
    position: absolute;
    top: 50%!important;
    transform: translateY(-50%)!important;
    left: 4px;
    color: #FFD500;
    z-index: 22;
    width: 40px;
}
.side-nav .nav-list img {
    display: inline-block;
    margin-left: 6px;
    width: 18px;
}

.side-nav .nav-list a {
    display: inline-block;
    color: #FFD500;
    padding: 13px 10px;
    z-index: 2;
    position: relative;
    cursor: pointer;
}
.side-nav .nav-list a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: -1;
    transition: all 0.3s ease-in-out;
}
.side-nav .nav-list a.active:after {
    width: 100%;
}
.side-nav .nav-list a.has_dot {
    position: relative;
}
.side-nav .nav-list a.has_dot::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FFD500;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.side-nav .socail-list {
    margin: 50px 0 25px;
}
.side-nav .socail-list li {
    display: inline-block;
    margin: 0 20px;
}
.side-nav .socail-list li a:hover img {
    opacity: 0.5;
}

.side-bar-icon .side-nav {
    width: 70px;
}
.side-bar-icon .side-nav .aside-control {
    background-color: #FFD500;
    color: #fff;
    border: none;
    border-radius: 0;
}
.side-bar-icon .side-nav .top-nav {
    padding-bottom: 50px;
}
.side-bar-icon .side-nav .top-nav .brand {
    display: none;
}
.side-bar-icon .nav-list li {
    font-size: 0;
    padding: 7px 10px;
}
.side-bar-icon .nav-list li img {
    width: 100%;
}
.side-bar-icon .nav-list li .has_dot::before {
    display: none;
}
.side-nav .user-login img{
    margin: 10px auto;
    border-radius: 50%;
    width: 130px
}

/*navbar
=====================*/
.navbar {
    background-color: #3D3D3D;
    position: fixed;
    width: 100%;
    z-index: 33;
    padding: 0;
}
.navbar .nav-form {
    padding: 10px 10px 10px 0;
}
.navbar .nav-form form {
    width: 100%;
    background: #fff;
    padding: 10px 20px;
    position: relative;
    border-radius: 9px;
    cursor: pointer;
}
.navbar .nav-form form input {
    border: none;
    background: #fff;
    margin-right: 18px;
    padding: 0;
    font-size: 15px;
}
.navbar .nav-form form input:focus {
    outline: none !important;
}
.navbar .nav-form form img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.navbar .nav-form form .bar {
    display: inline-block;
    right: 10px;
}
.navbar .nav-form form .bar.bar_open {
    display: none;
}
.navbar .nav-form form .search {
    left: 10px;
}
.navbar .akar-filter {
    padding: 10px 0;
}
.navbar .akar-filter li {
    width: 48%;
    display: inline-block;
}
.navbar .nav-link {
    padding-top: 15px;
}
.navbar .nav-link ul {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
}
.navbar .nav-link ul li {
    display: inline-block;
    border-radius: 25px;
    font-size: 14px;
    padding: 5px 20px;
}
.navbar .nav-link ul li a {
    display: inline-block;
    color: #FFD500;
    padding: 0
}
.navbar .nav-link ul li.active {
    background-color: #FFD500;
}
.navbar .nav-link ul li.active a {
    color: #000;
}
.navbar .nav-menu {
    position: absolute;
    top: 135%;
    width: 356px;
    right: 0px;
    background-color: #fff;
    padding: 20px 34px;
    box-shadow: -1px 5px 14px 0px #ABABAB;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
}
.navbar .nav-menu p {
    margin-bottom: 10px;
}
.navbar .nav-menu .mini-menu {
    margin-bottom: 20px;
}
.navbar .nav-menu .mini-menu input {
    margin-left: 10px;
    width: 93%;
}
.navbar .nav-menu .mini-menu input::placeholder {
    font-size: 13px;
}
.navbar .nav-menu .mini-menu .filter-item {
    margin-left: 10px;
}
.navbar .nav-menu.open {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.nav-form {
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
}
.nav-form .nav_input {
    padding-right: 10px;
}
.nav-form .nav_input::placeholder {
    font-size: 16px;
}
.nav-form .nav_btn {
    border: none;
    background-color: inherit;
    cursor: pointer;
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
}
.nav-form .nav_btn:focus {
    outline: none;
}
.nav-form .nav_btn img,
.clender_container_ul li button img{
    display: inline-block;
    width: 19px
}
.clender_container .calendar{
    width: 197px!important;
    left: 0!important;
    margin-top: 4px!important;
}
.open-side {
    font-size: 24px;
    color: #000;
    background: #fff;
    width: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 9px;
    position: fixed;
    cursor: pointer;
    top: 10px;
    right: 10px;
}
.open-side.open-side-owner {
    top: 10px;
}

.close-side {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 24px;
    cursor: pointer;
    display: none;
}

/*main-page
============================*/
/*map
==============*/
.maps .map_filter {
    padding: 20px 0;
}
.maps .map_filter li {
    display: inline-block;
    margin-left: 14px;
}
.maps .map_filter li a img {
    display: inline-block;
    width: 12px;
}
.maps .map_filter li a span {
    color: #000;
}
.maps .add_akar {
    padding: 20px 0;
    text-align: left;
}
.maps .add_akar li {
    margin-right: 10px;
    display: inline-block;
}

.home-bread ul {
    border: 1px solid #ABABAB;
    border-radius: 43px;
    display: inline-block;
    padding: 8px 0;
    clear: both;
}
.home-bread ul li {
    padding: 0 10px;
    margin: 0 10px;
    display: inline-block;
    float: left;
    font-size: 24px;
}
.home-bread ul li a {
    font-size: 17px;
}
.home-bread ul li a i:first-of-type {
    margin-left: 10px;
}
.home-bread ul li a i:last-of-type {
    margin-right: 10px;
}
.home-bread ul li.last {
    position: relative;
}
.home-bread ul li.last::after {
    position: absolute;
    content: "/";
    font-weight: bold;
    margin-right: 5px;
}
.home-bread ul li.active {
    background-color: #ECECEC;
    border-radius: 50%;
}

/*home
===========================*/
/*modify-model
======================*/
.toggle-button {
    display: inline-block;
    position: relative;
    border: none;
}
.toggle-button .btn {
    width: 52px;
    height: 24px;
    border-radius: 31px;
    position: relative;
    background-color: #fff;
    border: 1.2px solid #C1C1C1;
}
.toggle-button .btn.active + .handle {
    left: auto;
    right: 3px;
    background-color: #3D3D3D;
}
.toggle-button .handle {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ccc;
    border-radius: 50%;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
}

.add-item .item-body {
    padding: 30px 7px 10px;
    background-color: #ECECEC;
    margin: 20px 0;
    border-radius: 7px;
}
.add-item .item-body .media-body {
    padding-top: 10px;
}
.add-item .item-body .direct_img{
    border-radius: 50%;
    width: 120px
}
.add-item .item-body .media-body img {
    width: 90px;
    object-fit: contain;
}
.add-item .item-body .media-body h5 {
    font-size: 15px;
    white-space: nowrap;
}
.item-details{
    margin-top: 15px;
}
.add-item .item-body .item-details {
    text-align: center;
    margin-bottom: 20px;
}
.add-item .item-body .item-details ul li {
    margin: 0 5px;
}
.add-item .media {
    margin-bottom: 30px;
}
.add-item .add-respons input {
    cursor: pointer;
    border-radius: 25px;
}

.common_style {
    padding: 10px 40px;
    margin-top: 40px;
    border: 1.3px solid #ABABAB;
    border-radius: 9px;
}
.common_style.owner_model {
    padding: 10px 0px !important;
}
.common_style.owner_model .model-body {
    padding: 10px !important;
}
.common_style.owner_style {
    padding: 22px !important;
    margin-top: 24px !important;
}
.common_style.owner_style .model-body {
    padding: 10px !important;
}
.common_style.owner_style .model-body .add-item .item-details ul {
    margin-top: 15px !important;
}
.common_style.owner_style .title {
    margin-right: 5px !important;
}
.common_style .item-body {
    padding: 30px 20px 25px;
}
.common_style .modify-content {
    padding: 30px;
    background-color: #fff;
    border-radius: 9px;
}
.common_style .modify-content .control-icon {
    margin-bottom: 20px;
    padding: 0 40px;
}
.common_style .modify-content .control-icon ul li {
    margin-right: 20px;
    display: inline-block;
}
.common_style .modify-content .upload-advert {
    margin-top: 50px;
    padding-right: 20px;
    padding-top: 10px;
}
.common_style .modify-content .upload-advert .advert-img ul li {
    position: relative;
    width: 243px;
    height: 137px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 9px;
    overflow: hidden;
}
.common_style .modify-content .upload-advert .advert-img ul li a {
    border-radius: 9px;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.common_style .modify-content .upload-advert .advert-img ul li a img {
    object-fit: cover;
    width: 243px;
    height: 137px;
}
.common_style .modify-content .upload-advert .advert-img ul li a .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #3D3D3D00061;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    transform: scale(0);
    transform-origin: center;
    transition: all .3s ease-in-out;
}
.common_style .modify-content .upload-advert .advert-img ul li a .img-overlay i {
    font-size: 30px;
}
.common_style .modify-content .upload-advert .advert-img ul li a:hover .img-overlay {
    transform: scale(1);
}
.common_style .modify-content .upload-advert .advert-img ul li .model-up-photo {
    display: inline-block;
}
.common_style .modify-content .upload-advert .advert-img ul li .model-up-photo img {
    margin: auto;
    margin-top: 20%;
}
.common_style .modify-content .upload-advert .advert-img ul li input[type="file"] {
    display: none;
}
.common_style .modify-content .upload-advert .advert-img ul li.hidden {
    background-color: #fff;
}
.common_style.open {
    visibility: visible;
    opacity: 1;
}
.common_style .model-body {
    padding: 10px 30px;
}
.common_style .model-body .model-map {
    border-radius: 9px;
    padding: 10px 5px 5px;
    margin-bottom: 20px;
}
.common_style .model-body .model-map img {
    cursor: pointer;
}
.common_style .model-body .advert_detail_update {
    padding-top: 30px;
}
.common_style .model-body .advert_detail_update .advert_detail_update_dialog {
    margin-bottom: 15px;
}


/*.page-link
=================*/
.page-link{
    color: #000
}
.page-item.active .page-link{
    color: #000;
    background-color: #FFD500;
    border-color: #FFD500;
}
.page-link:focus{
    box-shadow: none
}

.advert-desc .other-detail p {
    font-size: 12px;
    color: #5B5B5B;
}
.advert-desc .akar-file {
    border: 1px solid #ABABAB;
    border-radius: 9px;
    padding: 5px 20px;
    margin: 15px 0;
}
.advert-desc .akar-file img {
    display: inline-block;
}
.advert-desc input {
    display: none;
}
.advert-desc label {
    cursor: pointer;
}

.model {
    overflow: scroll;
    margin-top: 0;
    position: fixed;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #0505057d;
    padding: 100px 30px;
    top: 0;
    left: 0;
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    border: none;
    z-index: -55;
}
.model.open {
    visibility: visible;
    opacity: 1;
    z-index: 5555;
}
.model.not_flex {
    display: block !important;
}

.select2-container {
    z-index: 55555;
    border-radius: 9px !important;
}

.no_model .select2-container {
    z-index: 1 !important;
}

.add_akar_model .model-body {
    padding-top: 50px;
}
.add_akar_model .add-item {
    margin-top: 120px;
}
.add_akar_model .advert-desc form span {
    margin-bottom: 20px;
}
.add_akar_model .title {
    margin-top: 50px;
}

.next_response_model input[type="search"] {
    width: 50%;
    margin-bottom: 20px;
}
.next_response_model .card .card-body {
    padding: 10px;
}
.next_response_model .card .card-body h5 {
    font-size: 15px;
}
.next_response_model .search_new_akar {
    display: none;
}

/*add_response_model
===================*/
.common_model .already-exist .filter-item {
    width: 50%;
}
.common_model .already-exist .name {
    position: relative;
}
.common_model .already-exist .name a {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 15px;
}
.common_model .already-exist .name:focus-within a {
    opacity: 1;
}
.common_model .new_response {
    padding: 10px 0;
}
.common_model .new_response form {
    margin-bottom: 40px;
}
.common_model .add-respons input {
    width: auto;
    border-radius: 25px;
    cursor: pointer;
    border: none;
}
.common_model .response-body {
    padding: 20px 0;
}
.common_model .model-action {
    margin-top: 80px;
}
.common_model .add_response_photo {
    text-align: center;
    height: 306.07px;
    width: 306.07px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ECECEC;
    border-radius: 9px;
    overflow: hidden;
}

.home .home-body .slider-common {
    position: relative;
}
.home .home-body .slider-common .slider-for img, .home .home-body .slider-common .order_view_for img {
    width: 100%;
    height: 550px
}
.home .home-body .slider-common .arrow-control span {
    top: 90%;
    position: absolute;
    cursor: pointer;
    display: inline-block;
}
.home .home-body .slider-common .arrow-control .prev {
    left: 10px;
}
.home .home-body .slider-common .arrow-control .next {
    right: 10px;
}
.home .home-body .slider-common img {
    width: 100%;
    border-radius: 9px;
    height: 110px
}
.home .person-action {
    text-align: center;
}
.home .person-action li {
    margin: 0 8px;
}
.home .person-action li .heart:hover {
    color: #f00 !important;
}
.home .person-action li.modifiy-btn {
    transition: all .4s ease-in-out;
}
.home .person-action li.modifiy-btn:hover {
    box-shadow: 0px 4px 3px 0px #cec8c8;
    transform: translateY(-1px);
}
.home .person-action li.modifiy-btn:hover a {
    color: #fff !important;
}

.animy_btn {
    transition: all .4s ease-in-out;
}
.animy_btn:hover {
    box-shadow: 0px 4px 3px 0px #cec8c8;
    transform: translateY(-1px);
}
.animy_btn:hover a {
    color: #fff !important;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: -35px;
    transform: translateY(-50%);
    color: #5B5B5B;
}
.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:focus {
    outline: none;
}

.owl-carousel .owl-nav button.owl-next {
    right: 104px;
}

.owl-carousel .owl-nav button.owl-prev {
    right: 140px;
    left: auto;
}

.owl-item {
    padding: 10px !important;
}

.order_view_slider2 .item{
    margin: 0 10px
}
/*home-detail
================*/
.home .home-detail .home-description h3 {
    margin-bottom: 10px;
    font-size: 18px;
}
.home .home-detail .home-description span {
    color: #5B5B5B;
    white-space: nowrap;
}
.home .home-detail .home-description h4 {
    color: #000;
    margin-top: 10px;
    font-size: 18px;
    white-space: nowrap;
}

/*requests
================*/
.requests .req-title span {
    font-size: 22px;
}
.requests .req-title ul li {
    display: inline-block;
    margin-right: 10px;
}

.request_body {
    padding: 20px 0 70px;
    text-align: center;
}
.request_body .req-card {
    background-color: #ECECEC;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 9px;
}
.request_body .req-card .media{
    align-items: center
}
.request_body .req-card .media img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.request_body .req-card h5, .request_body .req-card p {
    font-size: 15px;
    white-space: nowrap;
}
.request_body .req-card ul li {
    display: inline-block;
    margin-left: 10px;
    width: 40px;
    height: 40px;
}
.request_body .req-card ul li img {
    margin: auto;
    margin-top: 50%;
    transform: translateY(-50%);
}
.request_body .req-card .media-body {
    /*  margin-top: 18px;*/
    font-size: 15px;
}

/*Advert
================*/
.home .Advert {
    padding: 0 0 40px 0;
    margin-top: 30px;
}
.home .Advert .Advert-info p {
    color: #ABABAB;
    font-size: 12px;
    line-height: 2.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s ease-in-out;
}
.home .Advert .Advert-info p:hover {
    overflow: visible;
}
.home .Advert .Advert-info .advert-body {
    margin-top: 30px;
}
.home .Advert .Advert-info .advert-body ul{
    text-align: left
}

.home .Advert .Advert-info .advert-body ul li {
    display: inline-block;
    margin: 0 5px 10px 5px;
}
.home .Advert .Advert-info .advert-body ul li img {
    display: block;
    width: 120px;
    height: 120px;
    margin-bottom: 15px;
    border: 1px solid #c1c1c1;
    border-radius: 9px;
}
.home .Advert .Advert-info .advert-body ul li a {
    display: inline-block;
    color: #ABABAB;
}
.home .Advert h5 {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 20px;
}
.home .Advert .Advert-detail ul li {
    display: inline-block;
    margin: 7px 2px;
    padding: 7px 11px;
    min-width: 115px;
    border: 1.2px solid #C1C1C1;
    border-radius: 5px;
    text-align: center;
}
.home .Advert .Advert-detail ul li:first-of-type {
    margin-right: 0;
}
.home .Advert .Advert-detail ul li .num {
    margin-right: 3px;
    font-size: 13px;
}
.home .Advert .Advert-detail ul li .small {
    margin-bottom: 10px;
}

/*person-action
=========================*/
.swal-footer {
    text-align: center;
}

.swal-title {
    font-size: 17px;
}

.swal-button {
    padding: 7px 29px;
    border-radius: 20px;
    border: 0;
    margin: 0 10px;
}

.swal-button:focus,
.swal-button:hover {
    outline: none;
}

.swal-button--catch {
    background-color: #3D3D3D;
    color: #fff;
}

.swal-button--catch:not([disabled]):hover {
    background-color: #3D3D3D;
}

swal-button--cancel:not([disabled]):hover {
    background-color: #F9F9F9;
}

.person-action {
    padding: 10px 0;
}
.person-action ul {
    position: relative;
}
.person-action ul li {
    display: inline-block;
    margin: 0 10px;
}
.person-action ul li a {
    color: #ABABAB;
    font-size: 20px;
    transition: all .4s ease-in-out;
}
.person-action ul li:hover a, .person-action ul li.active a {
    color: #FFD500 !important;
}
.person-action ul li.hart:hover a, .person-action ul li.hart.active a {
    color: #f00 !important;
}
.person-action ul li.modifiy-btn a {
    color: #fff;
    font-size: 12px;
}
.person-action ul li.modifiy-btn a:hover {
    color: #fff;
}

/*add-item
===================*/
.add-user-respons input {
    cursor: pointer;
    padding: 7px 24px;
}

/*opinions
====================*/
.slider2 .slick-slide {
    padding: 0 10px;
}

.opinions {
    padding: 50px 0 0;
}
.opinions h5 {
    font-size: 17px;
}
.opinions h5.opinions_head{
    margin-right: 24px;
}
.opinions .arrows {
    margin-right: 20px;
}
.opinions .arrows span {
    margin: 0 10px;
    color: #5B5B5B;
    cursor: pointer;
}
.opinions .common_slider2 {
    margin-top: 40px;
}
.opinions .common_slider2 .slider-items .item {
    position: relative;
    transition: all .3s ease-in-out;
    background-color: #ECECEC;
    margin-bottom: 30px;
    padding: 20px 5px;
    border-radius: 5px;
}
.opinions .common_slider2 .slider-items .item .media {
    padding-left: 10px;
    padding-bottom: 10px;
}
.opinions .common_slider2 .slider-items .item .media img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.opinions .common_slider2 .slider-items .item .media .media-body {
    margin-top: 13px;
}
.opinions .common_slider2 .slider-items .item .media h5 {
    font-size: 17px;
}
.opinions .common_slider2 .slider-items .item .media span {
    margin-right: 10px;
}
.opinions .common_slider2 .slider-items .item .media span i {
    font-size: 12px;
}
.opinions .common_slider2 .slider-items .item .media p {
    color: #5B5B5B;
    margin-top: 12px;
    font-size: 14px;
}
.opinions .common_slider2 .slider-items .item:hover {
    box-shadow: 0 8px 15px 0 #e5e5e5;
}

/*price-order
=====================*/
.price-order .req-card {
    padding: 10px 30px;
}
.price-order .req-card p {
    font-size: 15px;
    margin-top: 20px;
}
.price-order .req-card .two_open_req {
    display: flex;
    justify-content: flex-end;
    align-content: center;
}

/*posts
====================*/
.posts {
    padding: 50px 0;
}
.posts .title h5 {
    font-size: 17px;
}
.posts .post-body {
    margin-top: 30px;
    position: relative;
}
.posts .post-body .card .card-img{
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
.posts .post-body .card .card-img img{
    height: 243px;
}
.posts .post-body.favorit_post .card .card-img img.card-img-top{
    height: 200px!important;
}
.posts .post-body.favorit_post .card .card-body{
    padding-bottom: 31px;
    padding-top: 10px;
}
#map {
    position: page !important;
    height: 470px !important;
    width: 100% !important;
}

._404_body {
    background-image: url(../images/_404_bg.png);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
._404_body ._404_body_content {
    padding: 0 50px;
}
._404_body ._404_body_content img {
    display: block;
    object-fit: cover;
}

.order-tabs img {
    display: inline-block;
    width: 25px
}
.order-tabs img.white-img {
    display: none;
}
.order-tabs ul.tabs {
    margin-bottom: 20px;
    display: inline-block;
}
.order-tabs ul.tabs li {
    display: inline-block;
    padding: 18px 29px;
    margin: 10px 0;
    border-radius: 60px !important;
    background-color: #ECECEC;
}
.order-tabs ul.tabs li.users_menu_li {
    display: inline-block;
    padding: 0 !important;
    margin: 5px;
    border-radius: 50% !important;
    background-color: #fff;
}
.order-tabs .active_tab {
    border: none;
    color: #fff;
    background-color: #3D3D3D !important;
}
.order-tabs .active_tab a {
    color: #fff !important;
}
.order-tabs .active_tab:hover {
    color: #fff !important;
}
.order-tabs .active_tab img.white-img {
    display: inline-block;
}
.order-tabs .active_tab img.black-img {
    display: none;
}
.order-tabs .menu_parent {
    position: relative;
}
.order-tabs .menu_parent .mini-menu {
    box-shadow: 0 0px 10px 6px #ECECEC;
    padding: 23px;
    position: absolute;
    right: 100%;
    background: #fff;
    transform: scale(0);
    z-index: 5555;
    transform-origin: top right;
    transition: all .4s ease-in-out;
}
.order-tabs .menu_parent .mini-menu.open {
    transform: scale(1);
}
.order-tabs .menu_parent .mini-menu input {
    font-size: 17px;
}
.order-tabs .menu_parent .mini-menu .ui-igcombo-wrapper {
    height: 43px;
}
.order-tabs .menu_parent .mini-menu .ui-igcombo-button, .order-tabs .menu_parent .mini-menu .ui-igcombo-clear {
    float: left;
    border: none;
    background: #fff;
}
.order-tabs .menu_parent .mini-menu .ui-igcombo.ui-state-default,
.order-tabs .menu_parent .mini-menu .ui-igcombo.ui-state-hover {
    border-radius: 9px;
    overflow: hidden;
}
.order-tabs .menu_parent .mini-menu .ui-igcombo.ui-state-default:hover, .order-tabs .menu_parent .mini-menu .ui-igcombo.ui-state-default:focus, .order-tabs .menu_parent .mini-menu .ui-igcombo.ui-state-default:focus-within,
.order-tabs .menu_parent .mini-menu .ui-igcombo.ui-state-hover:hover,
.order-tabs .menu_parent .mini-menu .ui-igcombo.ui-state-hover:focus,
.order-tabs .menu_parent .mini-menu .ui-igcombo.ui-state-hover:focus-within {
    border-color: #ABABAB;
}
.order-tabs .menu_parent .mini-menu .ui-icon-triangle-1-s::before {
    content: "\f078";
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
}
.order-tabs .menu_parent .mini-menu .ui-state-hover.ui-state-default .ui-icon,
.order-tabs .menu_parent .mini-menu default.ui-state-hover.ui-igcombo-button .ui-icon,
.order-tabs .menu_parent .mini-menu .ui-state-hover .ui-icon {
    color: #888;
}
.order-tabs .menu_parent .mini-menu .ui-state-hover.ui-state-default .ui-icon:hover,
.order-tabs .menu_parent .mini-menu default.ui-state-hover.ui-igcombo-button .ui-icon:hover,
.order-tabs .menu_parent .mini-menu .ui-state-hover .ui-icon:hover {
    background: #ECECEC;
}
.order-tabs .menu_parent .mini-menu .ui-igcombo-listitemholder {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.filter_tab {
    background-color: #ECECEC;
}

.ui-igcheckbox-small {
    width: 20px !important;
    height: 20px !important;
    border-radius: 5px !important;
    left: 10px;
}

.ui-igcombo-listitemholder li.ui-state-active,
.ui-state-hover,
.ui-state-hover.ui-igcombo-item-in-focus {
    border: 1px solid #ECECEC;
    background-color: #ECECEC;
}

.filter-body {
    position: relative;
}
.filter-body .filter-table {
    background-color: #fff;
    border-radius: 9px;
    position: absolute;
    left: 67%;
    top: 97%;
    transition: all .4s ease-in-out;
    padding: 20px;
    box-shadow: 0 3px 11px 4px #ececec;
    transform: scale(0);
}
.filter-body .filter-table.visible {
    transform: scale(1);
    transform-origin: left;
}

.dropdown {
    position: relative;
    display: block;
    border: 1.5px solid #ECECEC;
    background-color: #fff;
    padding: 7px 20px;
    border-radius: 9px;
}
.dropdown ul {
    color: #000;
    display: none;
    padding: 10px 0;
    padding-right: 10px;
}
.dropdown ul li {
    clear: both;
    display: block;
    padding: 5px 0;
}
.dropdown ul li input {
    width: auto;
    display: inline-block;
    float: left;
}
.dropdown::after {
    content: "\f078";
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 17px;
    left: 18px;
    color: #000;
}

a, a:hover, a:focus {
    color: #000;
}

.dropdown dd,
.dropdown dt {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: -1px 0 0 0;
}

.dropdown dd {
    position: relative;
}

.dropdown a,
.dropdown a:visited {
    color: #000;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.dropdown dt a {
    display: block;
    overflow: hidden;
    border: 0;
    width: 272px;
    padding: 10px;
}

.dropdown dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    padding: 5px;
    display: block;
}

.dropdown dd ul li a:hover {
    background-color: #fff;
}

.table-scroll {
    padding-top: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px;
}
.table-scroll h5 {
    font-size: 16px;
}
.table-scroll table {
    height: auto;
    overflow: hidden;
    box-shadow: 0px 0px 0 2px #ddd;
    border-radius: 9px;
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
    border: none !important;
    margin-bottom: 20px;
    padding-top: 70px!important;
}
.table-scroll table th, .table-scroll table td {
    border: none;
    padding: 8px 20px !important;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
    line-height: initial !important;
}
.table-scroll table .media {
    text-align: right;
    margin-left: 30px;
}
.table-scroll table .media img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.table-scroll table thead {
    position: sticky;
}
.table-scroll table thead th {
    color: #5B5B5B;
    font-weight: 400;
    font-size: 15px;
    background-color: #ECECEC;
    border-color: #ECECEC;
    border: none;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 5;
    overflow: hidden;
    padding: 15px 20px;
}
.table-scroll table tbody {
    margin-top: 10px;
}
.table-scroll table tbody td:first-of-type {
    text-align: right;
}
.table-scroll table tbody td img {
    margin: auto;
}
.table-scroll table tbody td img.delete{
    width: 17px
}
.table-scroll table tbody td a img {
    margin-top: 6px;
}

.mid_table {
    height: 550px;
}

/*.small_table {
  height: 450px;
}
*/
.dataTables_filter {
    border-top-right-radius: 9px;
    justify-content: flex-start;
}
.dataTables_filter label {
    margin-top: 15px;
    margin-right: 10px;
    position: relative;
    font-size: 0;
}
.dataTables_filter label::after {
    content: url(../images/icons/search.svg);
    top: 50%;
    right: 11px;
    width: 20px;
    position: absolute;
    transform: translateY(-50%);
}
.dataTables_filter label input {
    padding-right: 45px;
}
.dataTables_filter label input::placeholder {
    font-size: 17px;
    margin-right: 10px;
}

.dataTables_filter, .dataTables_length {
    position: absolute;
    z-index: 777;
    width: 50%;
    background-color: #fff;
    height: 70px;
    top: 0;
    margin-bottom: 20px;
    height: 60px;
    display: flex;
    align-items: center;
}

.dataTables_length {
    right: 50%;
    justify-content: flex-end;
    padding-left: 50px;
    border-top-left-radius: 9px;
}
.dataTables_length label {
    font-size: 0;
    position: relative;
    margin-top: 10px;
}
.dataTables_length label::after, .dataTables_length label::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
}
.dataTables_length label i {
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    position: absolute;
}
.dataTables_length select {
    font-size: 17px;
    position: relative;
    height: calc(2.25rem + 2px);
    width: 100px;
}
.dataTables_length select::after {
    content: "\f078";
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #000;
}

.dataTables_paginate {
    padding: 0px 30px !important;
    float: none !important;
    text-align: center !important;
    display: inline-block;
    background: #fff;
    position: relative;
    border: 2px solid #ABABAB;
    border-radius: 50px;
    margin-bottom: 30px;
    width: auto;
}
.dataTables_paginate a {
    display: inline-block !important;
}
.dataTables_paginate a.paginate_button.previous, .dataTables_paginate a.paginate_button.next {
    font-size: 0;
}
.dataTables_paginate a.paginate_button.previous::after, .dataTables_paginate a.paginate_button.next::after {
    font-size: 17px;
}
.dataTables_paginate a:focus, .dataTables_paginate a:focus-within {
    outline: none;
}
.dataTables_paginate a.current {
    background: transparent !important;
    border: none !important;
    font-size: 15px;
    margin: 0 20px;
}
.dataTables_paginate a.current li {
    display: inline-block;
    margin: 0 10px;
    font-size: 24px;
    color: #ABABAB;
    height: 40px;
    width: 40px;
    line-height: 40px;
}
.dataTables_paginate a.current li:active {
    background-color: #ECECEC;
    color: #000;
}
.dataTables_paginate::after, .dataTables_paginate::before {
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #5B5B5B;
}
.dataTables_paginate::after {
    content: "\f053";
    left: 30px;
}
.dataTables_paginate::before {
    content: "\f054";
    right: 30px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none;
    border-color: #ececec;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:active, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:focus {
    border-color: #fff;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button {
    border-radius: 50%;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button:active, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate span .paginate_button:focus, .dataTables_wrapper .dataTables_paginate span .paginate_button.current {
    box-shadow: none;
    background: #ECECEC !important;
    color: #000 !important;
}

input.ui-igcombo-field {
    padding-right: 10px;
    background: #fff;
}
input.ui-igcombo-field::placeholder {
    color: #000 !important;
    font-size: 15px;
}

.ui-igcombo-button {
    position: absolute;
    width: 100%;
    background: transparent !important;
}

.ui-igcombo-buttonicon {
    left: 20px !important;
}

.inner_panal.setting_inner {
    overflow: auto;
    overflow-x: hidden;
}

.inner_panal.response-pannel-model {
    margin-top: 55px !important;
}

.setting_model .modify-content {
    margin-top: 25%;
}
.setting_model .model-action {
    margin-top: 70px;
}

.setting-body {
    padding-top: 20px;
}
.setting-body .setting-list {
    margin: 0 10px;
    padding: 0;
    background: #ECECEC;
    border-radius: 9px;
    text-align: center;
}
.setting-body .setting-list li {
    padding: 12px 20px;
    border-radius: 9px;
    margin-top: 5px;
}
.setting-body .setting-list li a {
    display: block;
    white-space: nowrap;
}
.setting-body .setting-list li.active_setting {
    background-color: #3D3D3D;
}
.setting-body .setting-list li.active_setting a {
    color: #fff;
}
.setting-body .setting_body_show {
    overflow: hidden;
    overflow-y: scroll;
    height: 570px;
    border-radius: 9px;
    border: 1.3px solid #ABABAB;
}
.setting-body .setting_body_show .setting-card {
    padding: 0 30px;
    min-height: 500px;
}
.setting-body .setting_body_show .setting-card.all {
    display: none;
}
.setting-body .setting_body_show .setting-card .gallary {
    position: relative;
    width: 198px;
    height: 112px;
}
.setting-body .setting_body_show .setting-card .gallary img {
    width: 198px;
    height: 112px;
}
.setting-body .setting_body_show .setting-card .client-img li {
    display: inline-block;
    height: 109px;
    width: 102px;
    margin: 10px;
    box-shadow: 2px 2px 23px 0px #e4dcdc
}
.setting-body .setting_body_show .setting-card .client-img ul li:last-of-type{
    box-shadow: none
}
.setting-body .setting_body_show .setting-card .client-img li .card-img {
    width: 100%;
    height: 100%
}
.setting-body .setting_body_show .setting-card .client-img li .card-img img{
    height: 100%;
    object-fit: contain;
}
.setting-body .setting_body_show .setting-card .client-img .setting-item {
    width: 110px;
    height: 110px;
    display: inline-block;
}
.setting-body .setting_body_show .setting-card .client-img .load-photo {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #ECECEC;
    border-radius: 9px;
    cursor: pointer;
}
.setting-body .setting_body_show .upload_img_container {
    display: inline-block;
    margin: 38px auto;
    text-align: center;
    /*width: 100%*/
}
.setting-body .setting_body_show .upload_img_container.none_border {
    margin: 0;
}
.setting-body #sections_special {
    display: none;
}

.setting_sections_list {
    padding: 30px 0;
}
.setting_sections_list ul li {
    display: inline-block;
    margin: 0 4px;
    padding: 0px 29px;
    height: 39px;
    line-height: 39px;
}
.setting_sections_list ul li a {
    display: inline-block;
    color: #5B5B5B;
}
.setting_sections_list ul li a img {
    width: auto;
    display: inline-block;
    margin-right: 10px;
}

.setting_enter_link {
    position: relative;
    width: 100%;
}
.setting_enter_link .setting_enter_dropdown {
    transform: scale(0);
    transform-origin: left top;
    transition: all .4s ease-in-out;
    position: absolute;
    margin-bottom: 40px;
    top: 50px;
    left: 35%;
    background-color: #fff;
    box-shadow: 0 0 5px 1px #ABABAB;
    z-index: 22;
    width: 446px;
    padding: 30px;
    border-radius: 9px;
}
.setting_enter_link .setting_enter_dropdown.open {
    transform: scale(1);
    z-index: 555;
}

.users_menu {
    position: relative;
    margin: 0 10px;
}
.users_menu a {
    background-color: #ECECEC;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease-in-out;
}

.users_tab .filter-item {
    width: 200px;
    margin-top: 15px;
}

.users_mini_menu {
    border-radius: 9px;
    z-index: 8;
    border: 1px solid #ABABAB;
    width: 300px;
    position: absolute;
    overflow: hidden;
    right: 100%;
    margin-right: 10px;
    top: -30px;
    transform: scale(0);
    transform-origin: right;
}
.users_mini_menu input[type=search] {
    background-color: #ECECEC;
    border: none;
    border-radius: 0;
    padding: 16px 10px;
    width: 100%;
}
.users_mini_menu i {
    top: 16px;
    left: 14px;
    position: absolute;
    cursor: pointer;
}
.users_mini_menu .search_result .media {
    margin-top: 20px;
}
.users_mini_menu .search_result .media img {
    width: 40px;
    height: 40px;
}
.users_mini_menu .search_result .media h5 {
    font-size: 15px;
}
.users_mini_menu.open_search_menu {
    transform: scale(1);
    top: -30px;
    transition: all .5s ease-in-out;
}

.result_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3D3D3D0004a;
    transform: scale(0);
    visibility: hidden;
    z-index: 44;
    border-radius: 9px;
}
.result_overlay img {
    transform: translateY(-50%);
    width: auto;
    height: auto;
    margin: auto;
    margin-top: 50%;
}
.result_overlay img.delete{
    width: 47px
}

.upload_img_container:hover .result_overlay {
    transform: scale(1);
    visibility: visible;
}

.img_model .modify-content {
    background-color: #7b7b7b00;
}
.img_model .modify-content .payment-way {

}
.img_model .modify-content .payment-way .add_users_type_card {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 30px;
    border-radius: 9px;
    transition: all .3s ease-in-out;
    cursor: pointer;
    box-shadow: 0px 0px 12px 3px #0202022b;
}
.img_model .modify-content .payment-way .add_users_type_card img {
    margin: auto;
}
.img_model .modify-content .payment-way .add_users_type_card span {
    margin-top: 20px;
}
.img_model .modify-content .payment-way .add_users_type_card .add_user_container {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    width: auto;
    width: 100%;
    background-color: #fff;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center
}
.img_model .modify-content .payment-way .add_users_type_card .add_user_container a {
    display: inline-block;
}
.img_model .modify-content .payment-way .add_users_type_card .add_user_container a img {
    width: 100px;
}
.img_model .modify-content .payment-way .add_users_type_card:hover, .img_model .modify-content .payment-way .add_users_type_card:focus, .img_model .modify-content .payment-way .add_users_type_card.active {
    background-color: #FFD500;
    transform: translateY(-5px);
}

.choose_section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user_profile_body .item-details {
    margin-top: 20px;
}
.user_profile_body .item-details li.icon {
    margin-left: 5px;
    width: 40px;
    height: 40px;
}
.user_profile_body .item-details img {
    width: auto;
}
.user_profile_body .search_response p {
    font-size: 12px;
}

.admin-permtion {
    padding: 5px 20px 30px;
}
.admin-permtion .setting_sections_list {
    padding-top: 10px;
    padding-right: 0;
}
.admin-permtion .setting_sections_list li {
    margin: 10px !important;
}
.admin-permtion .add-perm {
    cursor: pointer;
}

.block_section {
    background-color: #ECECEC;
    border-radius: 9px;
    padding: 30px;
}
.block_section .block_desc h6 {
    margin-bottom: 15px;
}
.block_section .block_desc .small {
    font-size: 14px;
    line-height: 2;
}
.block_section .block_action {
    padding-left: 20px;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

.documents_files .card, .documents_files_owner .card {
    box-shadow: 0 2px 11px 0 #00000042;
}
.documents_files .card:hover .card-img-top, .documents_files_owner .card:hover .card-img-top {
    transform: scale(1);
}
.documents_files .card .card-body, .documents_files_owner .card .card-body {
    border: none;
    padding: 15px 20px;
}
.documents_files .card:hover .card-body, .documents_files_owner .card:hover .card-body {
    box-shadow: none;
}

.doc_card_img {
    padding: 50px 0;
    background-color: #ECECEC;
}
.doc_card_img img {
    width: auto;
    margin: auto;
}

.doc_box .card-body h5 img {
    width: auto;
    display: inline-block;
    margin-left: 5px;
}

.user_slider .slick-slide {
    margin: 0 17px !important;
}

.user_profile_slider1 .title {
    margin-top: 60px;
}

.user_progile_arrows, .owner_profile_arrows, .owner_slide2_arrow {
    color: #ABABAB;
    margin-right: 15px;
}
.user_progile_arrows span, .owner_profile_arrows span, .owner_slide2_arrow span {
    cursor: pointer;
}
.user_progile_arrows .left, .owner_profile_arrows .left, .owner_slide2_arrow .left {
    margin-right: 20px;
}

.user_profile_uploadFile label {
    cursor: pointer;
}

.user_slider {
    padding: 30px 0;
}

.black {
    color: #000 !important;
}

.show_more {
    font-size: 13px;
    margin-left: 20px;
    margin-top: 10px;
}

.profile_body_leftside {
    overflow-x: hidden;
    padding: 0 0 0 10px;
}

.user_profile input {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.add_permision_choose .choose_box {
    border: 1px solid #000;
    padding: 12px 15px;
    border-radius: 9px;
    text-align: center;
}
.add_permision_choose .choose_box img {
    display: inline-block;
    width: auto;
}
.add_permision_choose .choose_box span {
    display: inline-block;
    margin-right: 10px;
}
.add_permision_choose .choose_box .custom-control {
    display: inline-block;
    margin-top: 12px;
}

.accounts_title {
    padding: 20px;
    border: 1px solid #ABABAB;
    border-radius: 9px;
    margin-bottom: 20px;
}
.accounts_title .account_title_box .media-img {
    border: 1px solid #ABABAB;
    padding: 15px;
    width: 60px;
    height: 60px;
    margin-right: 0 !important;
}
.accounts_title .account_title_box .media-img img {
    margin: auto;
    margin-top: 50%;
    transform: translateY(-50%);
}
.accounts_title .account_title_box .media-body {
    margin-top: 7px;
}
.accounts_title .account_title_box .media-body h5 {
    margin-bottom: 7px;
}
.accounts_title .account_title_box .media-body p {
    font-size: 20px;
}
.accounts_title .account_title_box .media-body p span {
    margin-right: 10px;
}
.accounts_title .account_title_box .small {
    font-size: 12px;
}

.datePicker input::placeholder {
    color: #000;
}

.complain_desc p {
    font-size: 14px;
    line-height: 2;
}
.complain_desc.mess_desc p {
    font-size: 11px;
    color: #5B5B5B;
    width: 70%;
}

.notification_table .thead-light th:first-of-type {
    padding-right: 30px !important;
}
.notification_table .thead-light th:last-child {
    padding-left: 20px !important;
}
.notification_table tbody td:last-of-type {
    padding-left: 20px !important;
}

.chat_live {
    border: 1px solid #ABABAB;
    border-radius: 9px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-right: 20px;
    height: 610px;
}
.chat_live .chat_member {
    margin-bottom: 20px;
}
.chat_live .chat_member .media img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.chat_live .chat_member .media .media-body {
    margin-top: 25px;
    margin-right: 20px;
}
.chat_live .chat_member .media .media-body h5 {
    color: #ABABAB;
    font-size: 15px;
    transition: all .3s ease-in-out;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.chat_live .chat_member .media .media-body h5:hover, .chat_live .chat_member .media .media-body h5.active {
    color: #000;
}
.chat_live .chat_member .media .status {
    width: auto;
}
.chat_live .chat_member .media .status:after {
    top: 93%;
    right: 2px;
    border: 1px solid #fff;
    width: 13px;
    height: 13px;
}
.chat_live .search_response {
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.chat_live .search_response .response-title {
    border-radius: 0;
}
.chat_live .chat_member_body {
    height: 600px;
    overflow-y: scroll;
}

.message_body .response-title {
    border-radius: 0;
    height: auto !important;
}
.message_body .response-body {
    overflow-y: scroll !important;
    height: 350px !important;
}

.message_tab li:first-of-type img{
    width: 11px
}
.block_text {
    text-align: center;
    color: #ABABAB;
}

/*****************************************************************/
.chat {
    padding: 0;
}
.chat .chat-history {
    padding: 30px 20px 20px;
    border-bottom: 2px solid white;
    overflow-y: scroll;
    height: 560px;
}
.chat .chat-history li.userChat2 .message-data {
    float: left;
    margin-right: 10px;
}
.chat .chat-history li.userChat2 .my-message {
    float: right;
}

.chat .chat-history li.userChat1 .message-data {
    float: right;
    margin-left: 10px;
}
.chat .chat-history li.userChat1 .other-message {
    float: left;
}

.chat .chat-history li:last-of-type .message-data {
    display: block;
}
.chat .chat-history .message-data {
    margin-bottom: 15px;
}
.chat .chat-history .message-data-time {
    padding-left: 6px;
    position: absolute;
}
.chat .chat-history .message {
    min-width: 70%;
    color: white;
    padding: 10px 12px;
    line-height: 26px;
    font-size: 12px;
    margin-bottom: 30px;
    max-width: 85%;
    border-radius: 0;
    min-width: 120px;
    position: relative;
    border-radius: 25px;
    color: #5B5B5B;
}
.chat .chat-history .my-message {
    background: #fff;
    padding: 10px;
    padding-right: 75px;
    border: 1px solid #ABABAB;
}
.chat .chat-history .userChat1 .my-message{
    padding-right: 10px!important;
}
.chat .chat-history .my-message .message-data-time {
    right: 15px;
    bottom: 10px;
}
.chat .chat-history .other-message {
    background: #ECECEC;
    padding: 20px;
    padding-left: 75px;
    border: 1px solid #ECECEC;
}
.chat .chat-history .other-message .message-data-time {
    left: 15px;
    bottom: 10px;
}
.chat .chat-history .message-data-name img {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 12px;
    margin-right: 0;
}
.chat .chat-message {
    position: relative;
    border-top: 1.4px solid #ABABAB;
}
.chat .chat-message input {
    width: 100%;
    height: 100%;
    border: none;
    font-size: 15px;
    border-radius: 0;
    padding-right: 20px;
    background-color: #ececec
}
.chat .chat-message input:focus{
    box-shadow: none;
}
.chat .chat-message input::placeholder {
    font-size: 15px;
}
.chat .chat-message i {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #5A5A5A;
    font-size: 20px;
}

.message_detail_btn {
    cursor: pointer;
}

.online, .offline, .me {
    margin-right: 3px;
    font-size: 10px;
}

.online {
    color: #1572B7;
}

.me {
    color: #1572b7;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.message_table {
    display: none;
}
.message_table p {
    font-weight: normal;
    margin-top: 10px;
    margin-right: 15px;
}

/*notfound-page, search-page,main-view-page
=======================================*/
.col_design .main-panel {
    padding-top: 63px;
    margin-right: 0 !important;
}
.col_design .main-panel .navbar {
    border-bottom: 3px solid #FFD500;
    box-shadow: 0px 0px 22px 0px #FFD500;
    top: 0;
    z-index: 7;
    padding: 3px 0 6px
}
.col_design .main-panel .navbar .logo_home {
    margin-top: 5px
}
.col_design .main-panel .navbar .logo_home img{
    width: 135px;
}
.col_design .main-panel .navbar .view_menu ul li {
    display: inline-block;
    margin: 0 10px;
}
.col_design .main-panel .navbar .view_menu ul li a {
    color: #FFD500;
    display: inline-block;
}
.col_design .main-panel .navbar .view_menu ul li a img {
    width: auto;
    display: inline-block;
    width: 20px;
}
.col_design .main-panel .navbar .nav_menu_view {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.col_design .main-panel .navbar .nav_menu_view .nav_menu_btn {
    color: #FFD500;
    font-size: 24px;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    text-align: center;
}
.col_design .main-panel .navbar .nav_menu_view .view_search_static {
    position: absolute;
    top: 20%;
    width: 81%;
    right: 0;
    z-index: 5;
    overflow: hidden;
    padding: 0px 20px !important;
    transform: scale(0);
    transition: all .4s ease-in-out;
    transform-origin: left;
}
.col_design .main-panel .navbar .nav_menu_view .view_search_static input {
    background-color: transparent;
    border: none;
    padding: 0;
    height: 100%;
    font-size: 15px;
}
.col_design .main-panel .navbar .nav_menu_view .view_search_static input::placeholder {
    font-size: 15px;
    color: #000;
}
.col_design .main-panel .navbar .nav_menu_view .view_search_static input:focus{
    box-shadow: none!important
}
.col_design .main-panel .navbar .nav_menu_view .view_search_static.open {
    transform: scale(1);
}
.col_design .main-panel .notFound-body {
    padding: 40px 0;
}
.col_design .main-panel .notFound-body img {
    width: 512.11px;
    height: 460.8px;
    margin: auto;
}

.view_signUp {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
.view_signUp .language-link .lang::after {
    right: 0;
    left: auto;
    top: 25%;
    color: #FFD500;
    transform: translateY(0);
}
.view_signUp .language-link .lang .custom-select {
    background: none;
    border: none;
    color: #FFD500;
    font-size: 23px;
    margin-right: 10px;
    padding: 0 10px !important;
    width: auto !important;
}
.view_signUp .language-link .lang .custom-select option {
    margin-right: -10px;
    font-size: 17px;
    color: #000;
    border: none !important;
}
.view_signUp i {
    position: absolute;
    right: 10px;
    top: auto;
    color: #FFD500;
}
.view_signUp.owner_view_signUp {
    justify-content: flex-end;
}
.view_signUp.owner_view_signUp .lang::after {
    color: #fff;
}
.view_signUp.owner_view_signUp .custom-select {
    color: #fff !important;
}

.owner_view_signUp .profile_action ul {
    left: 0 !important;
    width: 340px;
}

.search_body_view {
    position: relative;
    width: 100%;
}
.search_body_view .search-region {
    position: absolute;
    width: 50%;
    background: #fff;
    padding: 10px 20px;
    border-radius: 9px;
    top: 30px;
    left: 50%;
    z-index: 4;
    transform: translateX(-50%);
}
.search_body_view .search-region form label {
    margin-bottom: 0;
    width: 100%;
}
.search_body_view .search-region form label img {
    width: auto;
    display: inline-block;
}
.search_body_view .search-region form label input {
    width: 80%;
    border: none;
    margin-right: 10px;
    height: 100%;
    font-size: 18px;
    padding: 0;
}
.search_body_view .search-region form label input::placeholder {
    font-size: 18px;
    color: #A1A1A1;
}

.notFounf-form {
    border: 1px solid #ABABAB;
    border-radius: 9px;
    overflow: hidden;
}
.notFounf-form .title {
    margin-right: 0;
    margin-bottom: 0;
}
.notFounf-form .title h5 {
    font-size: 15px;
}
.notFounf-form .search_links input {
    width: auto;
    margin: auto;
    margin-top: 10px;
    cursor: pointer;
}
.notFounf-form .search_links a {
    margin-right: 10px;
}
.notFounf-form .search_links a img {
    width: auto;
    display: inline-block;
}
.notFounf-form .search_links a.search_btn {
    padding: 8px 20px;
}
.notFounf-form form .filter-item {
    width: 100%;
}
.notFounf-form form .filter-item, .notFounf-form form input {
    margin-bottom: 15px;
}
.notFounf-form .card {
    margin-bottom: 0 !important;
    background-color: #f6f6f6;
}
.notFounf-form .card .card-body {
    border: none;
}
.notFounf-form .card .card-body .small {
    font-size: 12px;
}
.notFounf-form .card .card-body input {
    margin-bottom: 15px;
}
.notFounf-form .card .btn-link {
    color: #000;
}
.notFounf-form .card .card-header {
    padding: 5px !important;
}
.notFounf-form .accordion button {
    position: relative;
}
.notFounf-form .accordion button::after {
    content: "\f078";
    position: absolute;
    font-weight: bold;
    color: #000;
    font-family: "Font Awesome 5 Free";
    top: 10px;
    left: 20px;
}
.notFounf-form .accordion button:focus-within::after {
    content: "\f077";
}
.notFounf-form .accordion button.collapsed::after {
    content: "\f078";
}
.notFounf-form .card:hover {
    box-shadow: none;
}

.common_links {
    margin-top: 20px;
    border: 1px solid #ABABAB;
    border-radius: 9px;
    overflow: hidden;
    padding: 15px;
    text-align: center;
}
.common_links ul li {
    padding: 0px 30px;
    display: inline-block;
    margin: 5px;
    font-size: 13px;
}

.notFounf-form .collapse.show + .card-header i {
    display: none;
}

/*footer
====================*/
footer {
    border-top: 3.2px solid #FFD500;
    box-shadow: 0px 0px 9px 0px #FFD500;
    padding: 100px 0;
    background-color: #3D3D3D;
    margin-top: 20px;
}
footer h6 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
}
footer .footer-links ul li {
    margin-bottom: 10px;
}
footer .footer-links ul li a {
    color: #fff;
    font-size: 14px;
    transition: all .3s ease-in-out;
    display: block;
}
footer .footer-links ul li a:hover {
    color: #FFD500;
    transform: translateX(5px);
}
footer .footer-download ul li {
    margin-bottom: 15px;
}
footer .footer-download ul li a {
    transition: all .3s ease-in-out;
    display: inline-block;
}
footer .footer-download ul li a img {
    width: 175px;
}
footer .footer-download ul li a:hover {
    transform: translateY(2px);
    box-shadow: 0px 4px 17px 0px #8d8989;
}
footer .footer-social ul {
    margin: auto;
    text-align: center;
}
footer .footer-social ul li {
    display: inline-block;
    margin: 0 10px;
}

/*main-view-page
====================*/
.main_section_view {
    background-image: url(../images/main_view_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: top center;
    margin-top: -5px;
    padding: 100px 0 30px;
    height: calc(100vh - 58px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.main_section_view .hide_view {
    position: fixed;
    top: 60px;
    width: 65px;
    right: 10px;
    background: #FFD500;
    border: 1.5px solid #000;
    border-top: 0;
    text-align: center;
    padding: 12px 0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    z-index: 6;
}
.main_section_view .main_view_body {
    text-align: center;
    padding: 10px 0 100px;
}
.main_section_view .main_view_body h1, .main_section_view .main_view_body h2, .main_section_view .main_view_body h3, .main_section_view .main_view_body h4, .main_section_view .main_view_body h5, .main_section_view .main_view_body h6 {
    margin: 30px 0;
    color: #fff;
    font-size: 52px;
    font-weight: bold;
}
.main_section_view .main_view_body .akar-filter {
    width: 100%;
}
.main_section_view .main_view_body .akar-filter .custom-select {
    height: calc(2.25rem + 14px);
    border: none;
    border-radius: 34px !important;
    padding: 10px 30px !important;
    background-color: #ffffffe6 !important;
}
.main_section_view .main_view_body .akar-filter .filter-item::after {
    color: #ABABAB !important;
    top: 52% !important;
    left: 21px !important;
}
.main_section_view .main_view_body form {
    margin-top: 40px;
}
.main_section_view .main_view_body form label {
    width: 100%;
    background: #ffffff45;
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    margin-bottom: 0;
    display: block;
}
.main_section_view .main_view_body form label input {
    border: none !important;
    padding-right: 40px;
    font-size: 20px;
    background-color: #ffffffc9 !important;
}
.main_section_view .main_view_body form label input::placeholder {
    font-size: 18px;
}
.main_section_view .main_view_body form .search_links a {
    margin: 0 10px;
    display: inline-block;
}
.main_section_view .main_view_body form .search_links a.map_icon {
    background-color: #FFD500;
    padding: 17px 20px;
}
.main_section_view .main_view_body form .search_links a.map_icon img {
    width: 18px;
    margin: auto;
}
.main_section_view .main_view_body form .search_links .btn_search {
    padding: 0px 30px !important;
    height: 52px;
}
.main_section_view .main_view_body form .search_links .btn_search img {
    display: inline-block;
    width: 17px;
    margin-top: 5px;
    margin-left: 3px;
}

.search_links {
    display: flex;
    align-items: center;
    margin-top: 0  !important;
    height: 100%;
    justify-content: flex-start;
    padding-left: 10px;
}
.search_links .btn_search {
    padding: 0px 30px !important;
    height: 52px;
    cursor: pointer;
}
.search_links .btn_search img {
    display: inline-block;
    width: 17px;
    margin-top: 5px;
    margin-left: 3px;
}
.search_links .btn_search:focus {
    outline: none;
}

.col_design .posts_view {
    padding: 50px 0;
    text-align: center;
}
.col_design .posts_view .post-body .card-hide a {
    font-size: 15px !important;
}
.col_design .posts_view .post-body .card-body {
    text-align: right;
}

/*main-view-title
==================*/
.main-view-title {
    text-align: center;
}
.main-view-title p {
    margin: 20px 0 40px;
    font-size: 15px;
    color: #707070;
}

/*services-body
==================*/
/*slick-dots*/
slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -30px;
}

.slick-dots > li {
    display: inline-block;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.55);
    width: 8px;
    margin-right: 15px;
    border-radius: 35px;
    cursor: pointer;
}

.slick-dots > li.slick-active {
    background-color: #FFD500;
    width: 25px;
}

.slick-dots > li > button {
    display: none;
}

.servics_view {
    background-image: url(../images/service_bg.svg);
    background-repeat: no-repeat;
    padding: 100px 0 50px;
    background-size: cover
}
.servics_view .services-body {
    border-bottom: 1px solid #ABABAB;
    padding-bottom: 50px;
}
.servics_view .services-body .services-slide-item {
    padding: 10px;
}
.servics_view .services-body .card {
    margin-bottom: 0;
    border-radius: 15px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.servics_view .services-body .card .card-img img {
    width: 550px;
    height: auto;
    border-radius: 9px;
    margin: auto;
}
.servics_view .services-body .card:hover {
    box-shadow: none;
}
.servics_view .services-body .card:hover .card-img-top {
    transform: scale(1);
}
.servics_view .services-body .card .card-body {
    border: none;
    margin-top: 0;
    padding: 27px 10px;
}
.servics_view .services-body .card .card-body .card-title {
    font-size: 20px;
}
.servics_view .services-body .card .card-body .card-text {
    font-size: 15px;
    margin: auto;
    color: #707070;
}
.add_users_slider .slick-dots{
    width: 100%;
    text-align: center
}
.add_users_slider  .slick-list.draggable{
    margin: auto!important
}
.card-text.text_address{
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 65%;
    position: absolute;
    z-index: 4
}
.card-text.text_address:hover {
    overflow: visible!important;
    white-space: pre-wrap;
    width: 65%;
}
.servics_view .services-body .card:hover {
    box-shadow: 0px 0px 6px 1px #d9d9d9;
    transform: translateY(-5px);
}

.client-view {
    padding: 40px 0 100px;
}
.client-view .client-slide-item {
    width: 200px!important;
    display: flex!important;
    height: 200px;
    background: #F1F1F1;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 50%;
    margin: auto
}
.client-view .client-body {
    padding: 20px;
    position: relative;
}
.client-view .client-body .client-slider .client-slide-item img {
    width: 107px;
    height: 114px;

}
.client-view .client-body .client-control span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ABABAB;
    cursor: pointer;
}
.client-view .client-body .client-control span.prev-arrow {
    left: 0%;
}
.client-view .client-body .client-control span.next-arrow {
    right: 0%;
}

/*about_view
=================*/
.about_view .about-desc {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    background: linear-gradient(180deg, #0000001c, #0000);
    background-color: #FFD500;
    height: 650px;
    padding-right: 100px;
    display: flex;
    align-items: center;
    position: relative;
}
.about_view .about-desc .main-view-title {
    width: 77%;
}
.about_view .about-desc .main-view-title p {
    margin-bottom: 60px;
    line-height: 1.9;
    word-spacing: 3px
}
.about_view .about-img {

    height: 650px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    overflow: hidden
}
.about_view .about-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.contact_view {
    padding: 100px 0;
}
.contact_view .conatct-form {
    padding: 10px 0;
}

/*oreder-page*/
/*order_view_body
================*/
.order_view_body {
    padding: 50px 0;
}

.order_view_action ul {
    padding-top: 15px;
}
.order_view_action ul li {
    display: block;
    margin-bottom: 20px;
    padding: 0 10px;
}
.order_view_action ul li a {
    text-align: center;
    display: block;
    padding: 5px;
    font-size: 15PX;
}
.order_view_action ul li a.under_review{
    position: relative;
    text-align: right!important;
    border: none!important;
}
.under_review input[type="submit"]{
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    border-radius: 25px;
    background-color: #3D3D3D!important;
    color: #fff!important;
    width: 123px;
    cursor: pointer
}
.order_view_action ul li a img {
    display: inline-block;
    width: 30px;
}
.order_view_action ul li a span {
    margin-right: 10px;
}

/*share_box
==================*/
.share_box {
    border: 1px solid #ABABAB;
    border-radius: 9px;
    padding: 40px 20px;
    text-align: center;
}
.share_box .share_box_title {
    font-size: 22px;
    margin-bottom: 20px;
}
.share_box form {
    text-align: right;
}
.share_box form a input {
    cursor: pointer;
}
.share_box .small {
    font-size: 13px;
}

.share_bg_gray {
    background-color: #ECECEC;
    border-color: #ECECEC;
}
.share_bg_gray textarea {
    padding-bottom: 0;
    border: none;
    margin-bottom: 20px;
}
.share_bg_gray .tel_link {
    border: 1px solid #000;
    display: block;
    text-align: center;
    padding: 5px;
    border-radius: 25px;
    margin-top: 10px;
    font-size: 20px;
    letter-spacing: 1.5px;
}
.share_bg_gray .tel_link img {
    display: inline-block;
    width: auto;
    margin-right: 20px;
}
.share_bg_gray input {
    cursor: pointer;
    padding: 12px 20px;
    margin-bottom: 15px;
}

.order_view_body .home .Advert .Advert-detail ul li {
    padding: 7px 11px;
    margin: 10px 5px;
}
.order_view_body .home .Advert .Advert-detail.home_Advert ul li {
    width: 147px !important;
}
.order_view_body .price-order .price-order-title {
    margin: 20px 0;
}
.order_view_body .price-order .price-order-title .title {
    margin: 0;
}
.order_view_body .price-order .price-order-title .deadline_date {
    height: 100%;
    display: flex;
    align-items: center;
}
.order_view_body .price-order .price-order-title .deadline_date p {
    font-size: 13px;
}
.order_view_body .price-order .price-order-title .deadline_date p span {
    margin-right: 10px;
}

.home-description_link {
    margin-right: 20px;
}

.end_termination_model .other_detail {
    margin-top: 30px;
}

.coin img {
    display: inline-block;
    margin-right: 20px;
}
.coin span {
    font-size: 12px;
    margin-left: 20px;
}

.order_view_body .person-action ul {
    text-align: center;
}
.order_view_body .person-action ul li {
    margin: 0 12px;
    cursor: pointer;
}
.order_view_body .person-action ul li a {
    font-size: 20px;
}
.order_view_body .person-action ul li a:hover {
    color: inherit;
}
.order_view_body .person-action ul li span {
    font-size: 15px;
    margin-right: 5px;
}

.detail_order_view_model .search_response {
    overflow: hidden;
}
.detail_order_view_model .search_response .response-title {
    padding: 20px;
}

.chat_container {
    position: relative;
}
.chat_container .chat_container_icon {
    position: absolute;
    left: 0;
    background-color: #fff;
    display: block;
    width: 100%;
    top: 0;
    z-index: 1;
    padding: 7px;
    font-size: 25px;
    text-align: left;
    color: #000000;
    padding-left: 40px;
    box-shadow: 0px 2px 8px 0px #2624241f;
    clear: both;
}
.chat_container .chat_container_icon li {
    display: inline-block;
    cursor: pointer;
}
.chat_container .chat_container_icon li.info_icon {
    float: right;
}
.chat_container .chat_container_icon li.chat_back {
    float: left;
}

.info_container {
    position: relative;
}
.info_container .info_back {
    position: absolute;
    left: 6%;
    top: 3%;
    font-size: 20px;
    cursor: pointer;
}

.close_container {
    display: none !important;
}

.open_container {
    display: block !important;
}

.top_border {
    border-top: 1.2px solid #ABABAB;
}

.user_profile_slider1 .owl-item img {
    width: auto !important;
}

.user_profile_slider1 .owl-carousel .owl-nav button, .user_profile_slider3 .owl-carousel .owl-nav button {
    top: -38px !important;
}
.user_profile_slider1 .owl-carousel .owl-nav button.owl-next, .user_profile_slider3 .owl-carousel .owl-nav button.owl-next {
    right: 147px !important;
}
.user_profile_slider1 .owl-carousel .owl-nav button.owl-prev, .user_profile_slider3 .owl-carousel .owl-nav button.owl-prev {
    right: 189px !important;
}

.pay_hide {
    padding-top: 40px;
}
.pay_hide .small {
    white-space: nowrap;
}

.month {
    font-size: 15px;
}

.options {
    background-color: #ECECEC;
    border-radius: 9px;
    padding: 20px 50px;
    margin-bottom: 30px;
}
.options h5 {
    white-space: nowrap;
}
.options .cust-calender {
    position: relative;
}
.options .cust-calender .calender_icon {
    background-color: #3D3D3D;
    display: inline-block;
    padding: 15px;
    border-radius: 50%;
    cursor: pointer;
}
.options .cust-calender .calender_body ul {
    position: absolute;
    top: 100%;
    left: 46px;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    text-align: left;
    padding: 24px 10px;
    border: 1.2px solid #707070;
    border-radius: 9px;
    border-top-left-radius: 0;
    transform: scale(0);
    transition: all .5s ease-in-out;
    transform-origin: top left;
}
.options .cust-calender .calender_body ul li {
    display: inline-block;
    width: 97px;
    text-align: center;
    border: 1px solid #707070;
    margin: 3px;
    margin-bottom: 10px;
    padding: 20px 0;
    font-size: 18px;
    border-radius: 9px;
    background-color: #ECECEC;
    cursor: pointer;
}
.options .cust-calender .calender_body ul li .year {
    margin-top: 10px;
}
.options .cust-calender .calender_body ul li.payed_calender {
    background-color: #fff;
    color: #000;
}
.options .cust-calender .calender_body ul.open {
    transform: scale(1);
}

.owner-item .person-action ul li {
    margin: 0 5px !important;
    padding: 0px 35px !important;
    height: 35px;
    line-height: 35px ;
    font-size: 14px !important;
}

.owner_checkbox {
    margin-bottom: 50px;
}
.owner_checkbox p {
    margin-top: 10px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 9px !important;
}

.login_body.confirm_page .login_container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_body.confirm_page .login_container .common_style {
    margin-top: 0 !important;
    width: 100% !important;
}

.low_index {
    z-index: 1 !important;
}


/*email_confirm*/
.email_confirm{
    width: 70%;
    margin: auto;
    display: block;
}
.test_2{
    display: none
}
.nav-list a{
    text-overflow: ellipsis;
    white-space: nowrap
}
.set-p .date-grid{
    padding-left: 10px;
}
/*//new update*/
.question_mark {
    position: fixed;
    bottom: 5%;
    left: 5px;
    z-index: 9;
    width: 50px;
    text-align: left;
    transition: all .4s ease-in-out;
}
.q_body {
    position: relative;
    top: 0;
    left: 24px;
    background-color: #fff;
    padding: 25px;
    border-radius: 9px;
    border-bottom-left-radius: 0;
    transition: all .4s ease-in-out;
    transform: scale(0);
    transform-origin: left bottom;
    text-align: center;
    box-shadow: 0 0 2px 0 #ababab;
    border: 1px solid #ababab;
    width: 100%;
    visibility: hidden
}
.q_body button{
    font-size: 14px;
    width: 100%
}
.q_body label{
    font-size: 15px
}
.q_body.open{
    transform: scale(1);
    visibility: visible
}
.question_mark.full_width{
    width: 350px
}
.q_body::after{
    position: absolute;
    content: "";
    border-top: 6px solid #fff;
    border-left: 14px solid #fff;
    border-right: 6px solid transparent;
    border-bottom: 15px solid transparent;
    top: 100%;
    left: 0px;
}
.q_body::before{
    position: absolute;
    content: "";
    border-top: 7px solid #ababab;
    border-left: 15px solid #ababab;
    border-right: 7px solid transparent;
    border-bottom: 16px solid transparent;
    top: 100%;
    left: -1px;

}


.q_btn{
    margin-top: 24px
}
.q_btn span{
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #FFD500;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;

}
.q_btn span img{
    display: inline-block;
    width: 13px;
    margin-top: 50%;
    transform: translateY(-50%);
}
/*video_toturial
=================*/
.video_toturial{
    padding: 20px 0
}
.video_toturial .video_body,
.video_toturial .video_body iframe{
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    overflow: hidden
}

.video_toturial .video_description{
    background-color: #FFD500;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 30px
}

.video_toturial .video_description .video_description_body{

}
.video_toturial .video_description .video_description_body h3{
    margin-bottom: 20px;
}
.video_toturial .video_description ul{

}
.video_toturial .video_description ul li{
    margin: 10px 0
}
.main_view_filter .card{
    width: 400px;
    display: inline-block;
    margin-left: 10px;
}
.main_view_filter .card .card-img,
.post-body .card-img{
    height: 200px;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}
.main_view_filter .card .card-img img,
.post-body .card-img img{
    object-fit: cover;
    height: 100%
}
.main_view_tabs{

}
.main_view_tabs ul{
    margin: 40px 0
}
.main_view_tabs ul li {
    display: inline-block;
    padding-bottom: 10px;
    margin: 0 15px
}
.main_view_tabs ul li span{
    color: #ABABAB;
    display: inline-block;
    position: relative;
    transition: all .1s ease-in-out;
    cursor: pointer
}
.main_view_tabs ul li span::after{
    position: absolute;
    right: 0;
    top: 115%;
    width: 0;
    content: "";
    height: 2px;
    background-color: #3D3D3D;
    transition: all .3s ease-in-out
}
.main_view_tabs ul li span:hover::after,
.main_view_tabs ul li span.click::after{
    width: 100%;

}
.main_view_tabs ul li span:hover,
.main_view_tabs ul li span.click{
    color: #000
}
input.confirm_phone{
    text-align: center;
    font-size: 18px;
    padding: 5px;
    letter-spacing: 9px;
}
input.confirm_phone::placeholder {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 9px;
}
.check_login a, .login p a{
    transition: all .3s ease-in-out
}
.login p a{
    color: #5B5B5B
}
.check_login a:hover, .login p a:hover{
    color: #000!important
}
.phone_link{
    background-color: #FFD500;
    padding: 40px 0
}
.phone_link h3{
    font-size: 20px;
}
.phone_link input{
    border: none
}

label.with_checked{
    color: #000!important
}

.card_distengish a{
    border-radius: 25px;
    display: inline-block;
    border: 1.2px solid;
    padding: 3px 13px;
    font-size: 12px!important;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transform: perspective(1px) translateZ(0);
    transition-property: border-color;
    transition-duration: 0.3s;
}
.card_distengish a::after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fce100;
    transition: all .4s ease-in-out;
    width: 0;
    border-color: #fce100;

}

.card_distengish a:hover::after{
    /*        transform: scaleX(1)*/
    width: 100%
}
.card_distengish:hover a{
    border-color: #fce100;
}

.mini-content{
    width: 70%;
    margin: auto
}

/*copy_share
==================*/

.copy_share{
    background-color: #fff;
    border: 1px solid #ABABAB;
    border-radius: 9px;
    padding: 7px 15px;
    width: 90%;
    margin: auto;
    transition: all .2s ease-in-out
}
.copy_share:hover{
    box-shadow: 0px 4px 6px 0px #979292bd
}

.copy_share button{
    background-color: transparent;
    border: none;
    float: left;
    cursor: pointer
}
.copy_share button:focus{
    outline: none
}
.copy_share input{
    border: none;
    padding: 5px 10px 5px 20px;
    text-align: left;
    float: left;
    width: calc(100% - 30px);
}
.copy_share input:hover,
.copy_share input:focus{
    box-shadow: none
}
.share_link{
    text-align: center;
    margin: 40px 0 20px;
}
.share_link li{
    display: inline-block;
    margin: 10px 20px;
    transition: all .3s ease-in-out
}
.share_link li:hover{
    transform: translateY(-3px)
}
/*
.share_link li img{
    filter: grayscale(1);
    transition: all .1s ease-in-out
}
.share_link li img:hover{
    filter: grayscale(0)
}
*/
.share_model{
    visibility: hidden;
    z-index: -1!important
}
.share_model.open{
    visibility: visible;
    z-index: 555!important
}
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before{
    background-color: #3D3D3D
}

.custom-radio .custom-control-label::before{
    border-radius: 3px!important;
}
.custom-control-label{
    font-size: 12px;
}
/*pay_tabs
=================*/
.pay_tabs{

}
.pay_tabs li,
.pay_tabs_div{
    display: inline-block;
    background-color: #ececec;
    color: #000;
    border-radius: 30px;
    width: 103px;
    padding: 10px 0;
    text-align: center;
    margin: 3px 10px 10px;
    font-size: 13px;
    cursor: pointer;
    transition: box-shadow .4s ease-in-out
}


.pay_tabs li.active,
.pay_tabs_div.active{
    background-color: #3D3D3D;

}
.pay_tabs li.active a,
.pay_tabs_div.active a{
    color: #fff
}
.pay_tabs li:hover,
.pay_tabs_div:hover{
    box-shadow: 0px 4px 6px 0px #979292bd
}
.share_box label{
    font-size: 14px
}
.order_view_slider2 .slick-list.draggable{
    margin: 0!important
}

/*share_label
==============*/
span.share_label.small {
    background-color: #3D3D3D;
    padding: 2px 14px;
    border-radius: 26px;
    color: #fff;
}

.pagination_container{
    width: 100%;
    margin-bottom: 20px;
}
.pagination_container .pagination{
    justify-content: center;
}

.download_form_model .modify-content,
.off_akar_model .modify-content,
.message_text_model .modify-content{
    width: 30%;
    margin: auto
}
.message_text_btn{
    cursor: pointer;
}
.message_text_btn i{
    color: #5b5b5b;
    font-size: 20px;
}
.slider-nav .slick-track{
    transform: translate3d(0, 0px, 0px)!important;
    left: auto;
    right: 0
}
.home-description .card-text.text_address{
    position: static!important
}
.ui-igtrialwatermark{
    display: none!important
}

.notic {
    border: 1px solid #e4dfdf;
    margin-top: 30px;
    padding: 13px 20px;
    color: #fff;
    border-radius: 9px;
    width: auto;
    display: inline-block;
    width: 47%;
    background: #3D3D3D;
}
.notic h5 {
    font-size: 15px;
    color: #FFD500;
    margin-bottom: 8px;
}
.notic p{
    font-size: 14px;
}

.complain_model {
    align-content: center;
    align-items: baseline
}
.slick-dots{
    text-align: center!important
}



/*catch-receipt-head page*/
.catch-receipt-page{
    margin: 50px 0;
    padding: 30px;
    border: 1px solid #C8C8C8;
    border-radius: 9px;
}
.catch-receipt-page .catch-receipt-head {
}
.catch-receipt-page .catch-receipt-head .catch-logo{

}
.catch-receipt-page .catch-receipt-head .catch-logo img{

}
.catch-receipt-page .catch-receipt-head .catch-title{

}
.catch-receipt-page .catch-receipt-head .catch-title h3{
    font-size: 24px;
}
.catch-receipt-page .catch-receipt-head .catch-title span{
    display: block;
    margin-top: 8px;
    color: #5B5B5B;
    font-size: 12px;
}
.catch-receipt-page .catch-receipt-head ul{
    text-align: left
}
.catch-receipt-page .catch-receipt-head ul li{
    margin-bottom: 10px;
}
.catch-receipt-page .catch-receipt-head ul li span{
    font-size: 12px;
    width: 50px
}
.clender-body{
    width: calc(100% - 70px)!important;
}
.clender-body input{
    padding: 5px 10px;
    border-radius: 0;
    border-color: #C8C8C8;
    width: 100%!important

}
.catch-receipt-page .catch-receipt-head ul li .clender-body input{
    text-align: center
}

.catch-receipt-page .catch-receipt-head ul li .clender-body input::placeholder{
    margin: auto;
    letter-spacing: 5px;
    color: #C8C8C8;
    text-align: center
}

.catch-receipt-page  .catch-receipt-body{
    margin: 10px 15px;
    padding: 30px;
    border: 1px solid #C8C8C8;
    border-radius: 9px;
}

.cust_layout{
    display: flex;
    align-items: center
}

.catch-receipt-page  .catch-receipt-body .catch_box{

}
.catch-receipt-page  .catch-receipt-body .catch_box label{

}
.catch-receipt-page  .catch-receipt-body .catch_box input{
    width: calc(100% - 150px);
    border: 0;
    border-bottom: 1px solid #ABABAB;
    border-radius: 0;
    margin: 0 5px;

}
.catch-receipt-page  .catch-receipt-body .catch_box input:hover,
.catch-receipt-page  .catch-receipt-body .catch_box input:focus{
    box-shadow: none
}
.catch-receipt-page  .catch-receipt-body .catch_box span{
    font-size: 12px;
    color: #ABABAB
}
.catch-receipt-page  .catch-receipt-body .choose_pay{
    padding: 20px 0;
    margin-top: 30px;
}
.catch-receipt-page  .catch-receipt-body .choose_pay ul{
    display: flex;
    justify-content: space-between;
}
.catch-receipt-page  .catch-receipt-body .choose_pay ul li{
    display: inline-block;
    width: 19%;
    text-align: center;
    padding: 10px 0 15px;
    border-radius: 3px
}
.catch-receipt-page  .catch-receipt-body .choose_pay ul li.active{
    background-color: #f1f1f1
}
.catch-receipt-page  .catch-receipt-body .choose_pay .all{
    display: none
}
.catch-receipt-page  .catch-receipt-body .choose_pay ul li .custom-checkbox{
    width: 100%
}
.catch-receipt-page  .catch-receipt-body .choose_pay ul li .custom-checkbox input{

}
.catch-receipt-page  .catch-receipt-body .choose_pay ul li .custom-checkbox label{
    width: 100%;
    display: flex
}
.catch-receipt-page  .catch-receipt-body .choose_pay ul li .custom-checkbox label p{
    display: inline-block;
    white-space: nowrap;
    margin-right: 33px;
    margin-top: 5px;
    font-size: 14px;
    color: #000;
}
.catch-receipt-page  .catch-receipt-body .choose_pay .clender-body{
    width: 100%!important;

}
.catch-receipt-page  .catch-receipt-body .choose_pay .clender-body input{
    border-radius: 0
}
.catch-receipt-page .custom-control-input:checked ~ .custom-control-label::before,
.catch-receipt-page .custom-control-input:active ~ .custom-control-label::before,
.catch-receipt-page .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.catch-receipt-page .custom-checkbox .custom-control-label::before{
    border-radius: 50%;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-color: #C8C8C8
}
.catch-receipt-page .custom-control-label::after{
    width: 34px;
    height: 34px;
    top: -2px;
    right: -5px;

}

.catch-receipt-page .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    background-image: url(../images/icons/balck_point.svg);
}
.catch-receipt-page .choose_pay_body{

    padding: 20px;
    background: #F1F1F1;
    border-radius: 3px;
}
.catch-receipt-page .choose_pay_body span{
    margin-left: 10px;
    font-size: 14px;
    margin-bottom: 15px;
    display: inline-block;

}
.catch-receipt-page .choose_pay_body input{
    width: auto;
    border: none;
    border-bottom: 1px solid #C8C8C8;
    background-color: #fff;
    border-radius: 0;
    padding: 10px!important;
}
.catch-receipt-page .choose_pay_body input.year-field{
    background-color: #215599;
    border-bottom: 0
}
.catch-receipt-page .choose_pay_body input.year-field:hover,
.catch-receipt-page .choose_pay_body input.year-field:focus{
    box-shadow: none;

}
.catch-receipt-page  .catch-receipt-body textarea{
    width:calc(100% - 100px)!important;
}
.note_text{
    font-size: 12px;
    margin: 20px 0 0
}
.Signature{
    padding: 20px;
    height: 120px;
}

.Signature p{
    font-size: 14px
}
.catch-receipt-page .catch-receipt-body .choose_pay{
    margin-top: 0;
}
.catch-receipt-page .catch-receipt-body .choose_pay .choose_pay_body{
    width: 100%;
    position: absolute;
    left: 0;
    top: 29%;
}
.catch-receipt-page .catch-receipt-body .choose_pay ul li.mbottom{
    margin-bottom: 123px
}
.catch-receipt-page .catch-receipt-body .choose_pay ul{
    position: relative
}

.creat_catch .clender-body input{

    padding: 10px;
    border-radius: 9px;
}
.creat_catch .clender-body {
    width: calc(100% - 44px)!important
}

.creat_catch .calendar .month-field,
.calendar .year-field{
    padding: 0!important
}

.creat_catch .catch_box input{
    border: 1px solid #ababab!important;
    border-radius: 9px!important;
    margin: 0!important;

}
.creat_catch .catch_box input[type="text"]{
    width: calc(100% - 70px)!important
}
.creat_catch .catch-receipt-head .catch-logo{
    margin-bottom: 40px
}
.creat_catch .catch-receipt-head .catch-logo img{
    margin: auto
}

.creat_catch .filter-item{
    width:calc(100% - 137px)
}
.creat_catch .catch-title .filter-item{
    width: 100%
}
.creat_catch .clender-en{
    width: calc(100% - 62px)
}
.model-action{
    margin-bottom: 50px;
    margin-top: 20px!important
}
.add-respons img{
    width: 20px;
    margin-left: 10px
}
.question_mark {
    position: fixed;
    bottom: 5%;
    left: 5px;
    z-index: 9;
    width: 50px;
    text-align: left;
    transition: all .4s ease-in-out;
}
.q_body {
    position: relative;
    top: 0;
    left: 24px;
    background-color: #fff;
    padding: 25px;
    border-radius: 9px;
    border-bottom-left-radius: 0;
    transition: all .4s ease-in-out;
    transform: scale(0);
    transform-origin: left bottom;
    text-align: center;
    box-shadow: 0 0 2px 0 #ababab;
    border: 1px solid #ababab;
    width: 100%;
    visibility: hidden
}
.q_body button{
    font-size: 14px;
    width: 100%
}
.q_body label{
    font-size: 15px
}
.q_body.open{
    transform: scale(1);
    visibility: visible
}
.question_mark.full_width{
    width: 350px
}
.q_body::after{
    position: absolute;
    content: "";
    border-top: 6px solid #fff;
    border-left: 14px solid #fff;
    border-right: 6px solid transparent;
    border-bottom: 15px solid transparent;
    top: 100%;
    left: 0px;
}
.q_body::before{
    position: absolute;
    content: "";
    border-top: 7px solid #ababab;
    border-left: 15px solid #ababab;
    border-right: 7px solid transparent;
    border-bottom: 16px solid transparent;
    top: 100%;
    left: -1px;

}


.q_btn{
    margin-top: 24px
}
.q_btn span{
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #FFD500;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;

}
.q_btn span img{
    display: inline-block;
    width: 29px;
    margin-top: 50%;
    transform: translateY(-50%);
}

/*video_toturial
=================*/
.video_toturial{
    padding: 20px 0
}
.video_toturial .video_body,
.video_toturial .video_body iframe{
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    overflow: hidden
}

.video_toturial .video_description{
    background-color: #FFD500;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 30px
}



.video_toturial .video_description .video_description_body{
}
.video_toturial .video_description .video_description_body h3{
    margin-bottom: 20px;
}
.video_toturial .video_description ul{

}
.video_toturial .video_description ul li{
    margin: 10px 0 ;
    color: #707070;
    word-spacing: 3px
}
.main_view_filter .card{
    width: 400px;
    display: inline-block;
    margin-left: 10px;
}
.main_view_filter .card .card-img,
.post-body .card-img{
    height: 200px;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}
.main_view_filter .card .card-img img,
.post-body .card-img img{
    object-fit: cover;
    height: 100%
}

.main_view_tabs{

}
.main_view_tabs ul{
    margin: 40px 0
}
.main_view_tabs ul li {
    display: inline-block;
    padding-bottom: 10px;
    margin: 0 15px
}
.main_view_tabs ul li span{
    color: #ABABAB;
    display: inline-block;
    position: relative;
    transition: all .1s ease-in-out;
    cursor: pointer
}
.main_view_tabs ul li span::after{
    position: absolute;
    right: 0;
    top: 115%;
    width: 0;
    content: "";
    height: 2px;
    background-color: #3D3D3D;
    transition: all .3s ease-in-out
}
.main_view_tabs ul li span:hover::after,
.main_view_tabs ul li span.click::after{
    width: 100%;

}
.main_view_tabs ul li span:hover,
.main_view_tabs ul li span.click{
    color: #000
}
input.confirm_phone{
    text-align: center;
    font-size: 18px;
    padding: 5px;
    letter-spacing: 9px;
}
input.confirm_phone::placeholder {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 9px;
}
.check_login a, .login p a{
    transition: all .3s ease-in-out
}
.login p a{
    color: #5B5B5B
}
.check_login a:hover, .login p a:hover{
    color: #000!important
}
.phone_link{
    background-color: #FFD500;
    padding: 40px 0
}
.phone_link h3{
    font-size: 20px;
}
.phone_link input{
    border: none
}

label.with_checked{
    color: #000!important
}

.card_distengish a{
    border-radius: 25px;
    display: inline-block;
    border: 1.2px solid;
    padding: 3px 13px;
    font-size: 12px!important;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transform: perspective(1px) translateZ(0);
    transition-property: border-color;
    transition-duration: 0.3s;
}
.card_distengish a::after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fce100;
    transition: all .4s ease-in-out;
    width: 0;
    border-color: #fce100;

}

.card_distengish a:hover::after{
    /*        transform: scaleX(1)*/
    width: 100%
}
.card_distengish:hover a{
    border-color: #fce100;
}

.mini-content{
    width: 70%;
    margin: auto
}

/*copy_share
==================*/

.copy_share{
    background-color: #fff;
    border: 1px solid #ABABAB;
    border-radius: 9px;
    padding: 7px 15px;
    width: 90%;
    margin: auto;
    transition: all .2s ease-in-out;
    position: relative
}
.green{
    color: green;
    position: absolute;
    right: 98%;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: left center;
}
.copy_share:hover{
    box-shadow: 0px 4px 6px 0px #979292bd
}

.copy_share button{
    background-color: transparent;
    border: none;
    float: left;
    cursor: pointer
}
.copy_share button:focus{
    outline: none
}
.copy_share input{
    border: none;
    padding: 5px 10px 5px 20px;
    text-align: right;
    float: right;
    width: calc(100% - 30px);
}
.copy_share input:hover,
.copy_share input:focus{
    box-shadow: none
}
.share_link{
    text-align: center;
    margin: 40px 0 20px;
}
.share_link li{
    display: inline-block;
    margin: 10px 20px;
    transition: all .3s ease-in-out
}
.share_link li:hover{
    transform: translateY(-3px)
}
.share_model{
    visibility: hidden;
    z-index: -1!important
}
.share_model.open{
    visibility: visible;
    z-index: 555!important
}
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before{
    background-color: #3D3D3D
}

.custom-radio .custom-control-label::before{
    border-radius: 3px!important;
}
.custom-control-label{
    font-size: 12px;
}
/*pay_tabs
=================*/
.pay_tabs{

}
.pay_tabs li,
.pay_tabs_div{
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    background-color: #ececec;
    color: #000;
    border-radius: 30px;
    width: 103px;
    /*padding: 10px 0;*/
    height: 40px;
    text-align: center;
    margin: 3px 10px 10px;
    font-size: 13px;
    cursor: pointer;
    transition: box-shadow .4s ease-in-out
}

.pay_tabs li.active,
.pay_tabs_div.active{
    background-color: #3D3D3D;
    color: #fff
}
.pay_tabs li.active a,
.pay_tabs_div.active a{
    color: #fff
}
.pay_tabs li:hover,
.pay_tabs_div:hover{
    box-shadow: 0px 4px 6px 0px #979292bd
}
.share_box label{
    font-size: 14px
}
.order_view_slider2 .slick-list.draggable{
    margin: 0!important
}

/*share_label
==============*/
span.share_label.small {
    background-color: #3D3D3D;
    padding: 2px 14px;
    border-radius: 26px;
    color: #fff;
}

/*span.download*/
span.download {
    width: 37px;
    height: 37px;
    border: 1px solid #000;
    display: block;
    background: #3D3D3D;
    border-radius: 50%;
    color: #fff;
    line-height: 37px;
    margin: auto;
}
.download.not-download{
    background: #fff;
}

.home_page{
    padding: 0 35px;
}

/*emgo*/
.chat_live {
    /*height: auto!important*/
}
.message_send{
    border-top: 1.4px solid #ABABAB;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chat-message{
    border: none!important
}
.upload_any{
    width: 100%;
    text-align: left;
    padding-left: 20px;
}
.upload_any ul li{
    display: inline-block;
    margin:  0 5px;
    color: #ababab;
    cursor: pointer
}
.akarat_title{

}
.akarat_title .title{

}
.akarat_title .title h5{

}
.akarat_body{

}
.akarat_body .card{
    border: 1px solid #ABABAB;
    border-radius: 9px;
    overflow: hidden
}
.akarat_body .card:hover{
    box-shadow: none
}
.akarat_body .card .card-body{
    border: none;
    padding: 20px;
}
.akarat_body .card .card-body .cust-cardBody{

}
.akarat_body .card .card-body .cust-cardBody h3{
    font-size: 18px;
    margin-bottom: 5px;
}
.akarat_body .card .card-body .cust-cardBody h3 a{

}
.akarat_body .card .card-body .akarat_action{
    margin-top: 20px;
}
.akarat_body .card .card-body .akarat_action ul{
    display: flex;
    align-items: center;
}
.akarat_body .card .card-body .akarat_action ul li{
    display: inline-block;
    margin-left: 10px;
}
.akarat_body .card .card-body .akarat_action ul li a{
    display: inline-block;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
}
.akarat_body .card .card-body .akarat_action ul li a img{
    margin: auto;
    margin-top: 50%;
    transform: translateY(-50%)
}
.akarat_body .card .card-body .akarat_action ul li a .delete{
    width: 15px;
}
.akarat_body .card .card-body .akarat_action ul li a.btn-black{
    width: auto;
    height: auto
}
.akarat_body .unit_number{
    height: 100%;
    padding: 20px;
    background-color: #5B5B5B;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}
.akarat_body .unit_number h3{

}
.akarat_body .unit_number span{

}
.question_mark {
    position: fixed;
    bottom: 5%;
    left: 5px;
    z-index: 9;
    width: 50px;
    text-align: left;
    transition: all .4s ease-in-out;
}
.q_body {
    position: relative;
    top: 0;
    left: 24px;
    background-color: #fff;
    padding: 25px;
    border-radius: 9px;
    border-bottom-left-radius: 0;
    transition: all .4s ease-in-out;
    transform: scale(0);
    transform-origin: left bottom;
    text-align: center;
    box-shadow: 0 0 2px 0 #ababab;
    border: 1px solid #ababab;
    width: 100%;
    visibility: hidden
}
.q_body button{
    font-size: 14px;
    width: 100%
}
.q_body label{
    font-size: 15px
}
.q_body.open{
    transform: scale(1);
    visibility: visible
}
.question_mark.full_width{
    width: 350px
}
.q_body::after{
    position: absolute;
    content: "";
    border-top: 6px solid #fff;
    border-left: 14px solid #fff;
    border-right: 6px solid transparent;
    border-bottom: 15px solid transparent;
    top: 100%;
    left: 0px;
}
.q_body::before{
    position: absolute;
    content: "";
    border-top: 7px solid #ababab;
    border-left: 15px solid #ababab;
    border-right: 7px solid transparent;
    border-bottom: 16px solid transparent;
    top: 100%;
    left: -1px;

}


.q_btn{
    margin-top: 24px
}
.q_btn span{
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #FFD500;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;

}
.q_btn span img{
    display: inline-block;
    width: 30px;
    margin-top: 50%;
    transform: translateY(-50%);
}
/*video_toturial
=================*/
.video_toturial{
    padding: 20px 0
}
.video_toturial .video_body,
.video_toturial .video_body iframe{
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    overflow: hidden
}

.video_toturial .video_description{
    background-color: #FFD500;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 30px
}

a.prntbtn img{
    width: 20px
}

/*# sourceMappingURL=style.css.map */
.account_body{

}
.account_body .account_body_box{

}
.account_body .account_body_box .title_container{
    margin-bottom: 20px;
}
.account_body .account_body_box .title_container .title{

}
.account_body .account_body_box .title_container .title h5{

}
.account_body .account_body_box .title_container .clender_container_ul{

}
.account_body .account_body_box .title_container .clender_container_ul{

}
.account_body .account_body_box .title_container .clender_container_ul li{

}
.account_body .account_body_box .title_container .clender_container_ul li .clender_container{

}
.account_body .account_body_box .acc_box_title{

}
.account_body .account_body_box .acc_box_title .acc_box_right{

}
.account_body .account_body_box .acc_box_title .acc_box_right ul{
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    border: 1px solid #ABABAB;
    align-items: center;
    border-radius: 9px;
}
.account_body .account_body_box .acc_box_title .acc_box_right ul li{
    display: inline-block;
    margin-left: 20px;
}
.account_body .account_body_box .acc_box_title .acc_box_right ul li:last-child{
    margin-left: 0
}
.account_body .account_body_box .acc_box_title .acc_box_right ul li p{

}
.account_body .account_body_box .acc_box_title .acc_box_right ul li p span{

}
.account_body .account_body_box .acc_box_title .acc_box_right ul li span.small{
    margin-right: 10px;
}
.account_body .account_body_box .acc_box_title .acc_box_right ul li .small{

}
.account_body .account_body_box .acc_box_title .acc_box_left{
}
.account_body .account_body_box .acc_box_title .acc_box_left ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account_body .account_body_box .acc_box_title .acc_box_left ul li{
    display: inline-block;
    padding: 15px 39px;
    background-color: #ECECEC;
    margin: 0 10px;
    border-radius: 9px;
    cursor: pointer;
    font-size: 13px
}
.account_body .account_body_box .acc_box_title .acc_box_left ul li.active{
    background-color: #000;
    color: #fff
}
.account_body .account_body_box .accounts_title{
    border: none;
}
.account_body .account_body_box .accounts_title .account_title_box{
    border: 1px solid #ABABAB;
    border-radius: 9px;
    padding: 13px 23px
}
.modal.client_sanad .modal-dialog,
.modal.client_sanad .modal-dialog .modal-content,
.modal.acution_modal .modal-dialog,
.modal.acution_modal .modal-dialog .modal-content{
    height: auto;
    padding: 50px 30px
}
.modal .modal-content{
    padding: 0 30px;
}
.modal_title{
    margin-bottom: 30px;
}
.modal_title h3{
    font-size: 16px;
    margin-right: 20px;
}
.model-action ul li.modal_active{
    background-color: #fff!important;
    border: 1px solid #ABABAB;
    border-radius: 25px !important;
    color: #000!important;
}
.model-action ul li.modal_active a{
    color: #000!important;
}
.catch-receipt-page .catch-receipt-body .choose_pay ul li.mbottom{
    margin-bottom: 107px;
}
.catch-receipt-page .catch-receipt-body .choose_pay .choose_pay_body{
    top: 32%
}
.modal input{
    text-align: center!important;
}
.dataTables_filter input{
    text-align: right!important;
}

/*media*/

@media (min-width: 992px){
    .modal-lg, .modal-xl {
        max-width: 800px!important;
    }
}
@media (min-width: 1350px){
    .xxl_3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width: 1440px){
    .account_body .account_body_box .acc_box_title .acc_box_left ul{
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .account_body .account_body_box .acc_box_title .acc_box_left ul li {
        padding: 15px 25px;
        margin: 0 5px;
    }
}
@media (min-width: 1200px){
    .modal-xl {
        max-width: 1140px!important;
    }
}
@media (max-width: 1199px){
    .account_body .account_body_box .acc_box_title{
        text-align: center
    }
    .account_body .account_body_box .acc_box_title .acc_box_left,
    .account_body .account_body_box .acc_box_title .acc_box_right{
        float: none!important
    }
    .account_body .account_body_box .acc_box_title .acc_box_right{
        display: inline-block;
        margin-bottom: 20px;
    }
    #picked-text, #picked-text1{
        padding-right: 9px
    }

    .catch-receipt-page .catch-receipt-body .catch_box input{
        width: calc(100% - 110px);
        font-size: 11px;
    }
    .catch-receipt-page .catch-receipt-body .catch_box span{
        position: absolute;
        left: 0;
        top: 0;
    }
    .catch-receipt-page .catch-receipt-body .catch_box label{
        font-size: 13px;
    }
    .catch-receipt-body .choose_pay input,
    .catch-receipt-body .choose_pay .clender-body{
        width: 100%!important
    }
}

@media (max-width: 991px){
    .catch-receipt-page .catch-receipt-body .choose_pay ul li.mbottom{
        margin-bottom: 20px
    }
}
@media (max-width: 767px){
    .account_body .account_body_box .acc_box_title .acc_box_left ul li {
        padding: 9px 21px;
        margin: 0 0px;
        font-size: 12px;
    }
    .catch-receipt-page .catch-receipt-body .choose_pay ul li.mbottom{
        margin-bottom: 12px
    }
    .catch-receipt-page .catch-receipt-head ul{
        text-align: center
    }
}
@media (max-width: 575px){
    .catch_box input{
        width: 100%!important
    }
    .modal .model-action{
        padding-right: 0!important
    }
    .modal .model-action li{
        padding:  0px 13px!important
    }
    .modal_title h3{
        font-size: 15px;
    }
}
@media (max-width: 543px){
    .account_body .account_body_box .acc_box_title .acc_box_left ul li {
        padding: 7px 10px;
        margin: 0 1px;
        font-size: 9px;
    }
    .account_body .account_body_box .title_container .clender_container_ul li .clender_container{
        margin-bottom: 15px!important;
    }
}
@media (min-width: 992px) {
    .modal .clender_container .calendar {
        width: 242px;
        left: 0;
    }
}
.fade.show{
    display: block;
}
.response-table .catch_table{
    display: none;
}
.hide_table{
    display: none;
}

.share_notic {
    padding: 20px;
    background-color: #ECECEC;
    margin-bottom: 20px;
    border-radius: 9px;
    font-size: 15px;
    margin-top: 10px;
}
.share_notic p{
    line-height: 1.6
}
.upload_file_btn{
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}
.upload_file_model .title span{
    font-size: 14px;
    display: block;
    margin-top: 9px;

}
.upload_file_model label{
    background-color: #fff;
    border: 1px solid #ABABAB;
    cursor: pointer
}