@font-face {
     font-family: GoogleSans-Regular;
     src: url(../fonts/GoogleSans-Regular.ttf);
}
::-webkit-scrollbar {
     width: 10px;
     height: 10px;
     border-radius:50px;
}
::-webkit-scrollbar-thumb {
     background: #48D1CC;
     border-radius: 10px;
}
.result_info{
	border: 1px dotted;
    margin-bottom: 20px;
	background: #e7e7e7;
}

.result_info ul{
	margin-bottom: 0;
    list-style: none;
	padding: 10px;
	padding-bottom: 5px;
}
.result_info ul li{
	margin-bottom: 5px;
}
#tracker_table.customtb.table td { 
	padding: 2px 15px!important; 
}
.client_action_btn{
	position: absolute;
    top: -66px;
    display: flex;
    right: 0;
}
.client_action_btn li{
	margin-left:10px;
	list-style: none;
}
.highlighted_not_uploaded{
	font-weight:bold;
	margin-bottom: 7px;
    margin-top: -10px;
}
.highlighted_not_uploaded span{
	background: #fffede;
    width: 40px;
    height: 20px;
    display: inline-block;
    border: 1px solid;
    position: relative;
    top: 5px;
    left: 7px;
}
.pwd_show,.pwd_hide{
	position: absolute;
    top: 14px;
    right: 19px;
	cursor:pointer;
}
.btn-result-spreadsheet{
    position: absolute;
    top: -67px;
    right: 398px;
}
.upload_client_details{
	background: gainsboro;
    padding: 8px;
    margin-top: 15px;
    margin-bottom: 25px;
    border-radius: 7px;
    font-size: 14px;
    box-shadow: 2px 2px 14px #e2e2e2;
}
.upload_client_details span{
	margin-left: 10px;
    margin-right: 10px;
}
.login-side-logo span{
	display: block;
    font-size: 12px;
    color: #002e5e;
    font-weight: bold;
    margin-top: 10px;
}
.alert{
     margin-bottom:8px;
}
.badge{
     margin-bottom: 0;
}
.btn.btn_action{
     line-height: 4px!important;
     padding: 9px 15px !important;
}
.client_notes_block{
     background: #f3f3f3;
     padding: 14px 20px 1px;
     border-radius: 10px;
     border: 1px solid gray;
     margin-bottom: 18px;
}
.notification_count{
     position: absolute;
     right: 10px;
     top: 10px;
     background: red;
     color: white;
     width: 30px;
     height: 30px;
     line-height: 30px;
     border-radius: 50%;
}
.dashbtn {
     position: absolute;
     width: auto;
     right: 12px;
     top: 9px;
     padding: 6px 10px 4px;
}
.announcement .ck.ck-editor__main .ck-editor__editable{
     height:196px!important;
}
#announcement_members ul li{
     margin-bottom: 10px;
}
#announcement_members ul{
     padding: 0px;
     list-style: none;
}
#khidmat_members ul li{
     margin-bottom: 10px;
}
#khidmat_members ul{
     padding: 0px;
     list-style: none;
}
.btn-password{
     position: absolute;
     top: -67px;
     right: 0;
}
.btn-upload-spreadsheet{
     position: absolute;
     top: -67px;
     right: 164px;
}
.imp_note{
     color: #ff0000ab;
}
.readbtn{
     position: absolute;
     width: auto;
     right: 12px;
     top: 9px;
     padding: 6px 10px 4px;
}
.announcement .member_list ul{
     list-style:none;
     padding-left:0;
}
.notification-sec .box{
     padding: 20px;
     border-bottom: 2px dotted lightgray;
}
.notification-sec .box strong{
     color: #d3af5e;
}
.notification-sec .box.unread{
     background: #8fffcc1f;
}
.notification-sec{
     max-height: 500px;
     overflow: auto;
}
.card-icon-bg-primary [class^=i-] {
     color: rgb(211 175 94);
}
.badge-primary {
     color: black;
     background-color: #f3f3f3;
}
.announcement .member_list ul li{
     margin-bottom: 7px;
}
.announcement .member_list ul li span{
     font-size: 16px;
     margin-left: 5px;
}
.notification-sec .alert span{
     float: right;
}
.announcement .member_list{
     margin-top:15px;
     padding: 15px;
     height: 350px;
     overflow: auto;
     border: 1px solid lightgray;
     box-shadow: 2px 2px 14px #ededed;
     background: #f8f9fa;
}
.layout-sidebar-large .main-header .header-icon{
     color:white!important;
     background-color: #005c32!important;
}
.layout-sidebar-large .main-header .badge-top-container .badge {
     position: absolute;
     top: -7px;
     right: 9px;
     border-radius: 50%;
     background: #d3af5e;
     padding: 0;
     font-size: 12px;
     width: 20px;
     height: 20px;
     line-height: 20px;
}
.login-side-logo{
     display: flex;
     justify-content: center;
     align-items: center;
     right: -10px;
}
.input-group-text{
     padding-bottom: 3px;
     border-top-left-radius: 3px!important;
     border-bottom-left-radius: 3px!important;
}
.auth-content .input-group-text{
     padding-bottom: 8px;
     border-top-left-radius: 20px!important;
     border-bottom-left-radius: 20px!important;
}
.btn_action{
     background-color: #f1f1f1!important;
}
.badge{
     padding: 6px 10px;
}
.border-top {
     border-top: 1px solid #005c32!important;
}
.actionbtn{
     position: absolute;
     top: -67px;
     right: 0;
}
.actionbtn .btn{
     margin-left:10px;
}
.member-img{
     width: 45px;
     height: 45px;
     padding: 0px;
     border-radius: 50%;
}
.table td, .table th{
     padding: 10px;
}
.table th{
     background: #465c71;
     color: white;
}
.separator-breadcrumb {
     margin-bottom: 1rem;
}
.btn-outline-primary, .btn-primary {
     border-color: #465c71;
     background-color: #465c71;
}
.btn-outline-primary:hover, .btn-primary:hover {
     background: #ef353b;
     box-shadow: 0 8px 25px -8px #ef353b;
     border-color: #ef353b;
}
.login-form{
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 0;
     background: #d7e7f869;
}
.auth-layout-wrap{
     background: #4b6c9e !important;
}
.nopadd{
     padding:0;
}
.new_package_btn{
     height:250px;
}
.new_package_btn .card-body{
     margin-top: 32px;
}
.new_package_btn i{
     font-size: 83px!important;
}
.new_package_btn p{
     font-size: 26px;
}
.toast-top-right{
     bottom:10px!important;
     right:10px!important;
     top:unset!important;
}
.btn-raised-warning{
     color:white!important;
}
.support-icon{
     position:relative;
}
.support-icon .call_waiter {
     position: absolute;
     top: 0px;
     right: 11px;
}
.package_item_count {
     margin-left: 5px;
}
.package_item_count i{
     font-size:8px;
}
.package_item_count .counter {
     width: 28px;
     border-radius: 0px !important;
     text-align: center;
     line-height: 1.7;
}
.package_item_count .up_count {
     margin-left: 0px;
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
     background-color: #639!important;
     border-color: #639!important;
     padding: 1px 8px;
     margin-bottom: 0;
     vertical-align: unset;
}
 .package_item_count .down_count {
     margin-right: 0px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
     background-color: #639!important;
     border-color: #639!important;
     padding: 1px 8px;
     margin-bottom: 0;
     vertical-align: unset;
}
.items_pack_sec{
     max-height: 400px;
     overflow: auto;
}
.items_pack_sec a{
     padding: 4px 8px 1px;
     line-height: 1.5;
}
.create_package_btn .card-body{
     padding: 23px 28px;
}
.create_package_btn i{
     font-size:35px;
}
.create_package_btn .card-icon-big{
     margin-bottom:0!important;
}
.clr-red{
     color:red;
}
#item_extras_details td{
     padding: 8px 14px 5px;
}
.w100{
     width: 100%;
}
#item_extras_details td a{
     margin-top: -6px;
     padding: 1px 8px;
}
.package_details .badge{
     margin: 0!important;
     margin-bottom: 5px!important;
}
.package_status{
     padding: 6px 9px;
}
.chat_user{
     margin-left: 15px!important;
}
.switch{
     margin-left:10px;
}
.tsfeature{
     margin-left: 22px;
     padding: 6px!important;
}
.customtb.table td{
     padding: 5px 15px!important;
     vertical-align: unset!important;
}
.profiletb td{
     padding: .75rem!important;
     vertical-align: top!important;
}
.pd2{
     padding: 2px;
}
.cpoint{
     cursor: pointer!important;
}
.ml10{
     margin-left:10px;
}
.qrcode{
     width: 300px;
     margin-top: -20px;
}
input, select, textraea{
     outline:none!important;
     box-shadow:none!important;
}
.text-red{
     color:red;
}
.badge-warning {
     color: #ffffff;
     background-color: #ffc107;
}
.chat-sidebar-container {
     height: auto;
}
#subscription_details th{
     text-align:right;
}
#chats .user img{
     margin-right: 15px;
}
.chat_form{
     display:flex;
}
.main-content-wrap .chat_block{
     margin-top: -22px;
}
.chat-sidebar-container .chat-content-wrap .chat-content {
     height: 400px;
}
.chat_form textarea{
     margin-right:20px;
     height:40px!important;
     padding-left: 20px;
     padding-top: 9px;
}
.chat_form a{
     height:40px;
     line-height: 2;
}
.subscription{
     border:none;
     padding-bottom: 0;
}
.bonus_modal{
     max-height: 500px;
     overflow: auto;
}
.bonus_modal td{
     padding: 11px 19px 0px;
}
.subscription h3{
     position: absolute;
     top: 20px;
}
.bu_label{
     padding:9px;
     font-size:11px;
     margin-right:13px;
}
.tm-preloader img{
     width:10%;
}
.btn_loader{
     width:20px;
}
.login_alert .alert{
     padding:4px 10px;
     margin-bottom:0;
}
.brlf{
     border-left: none!important;
}
.brlfrt{
     border-left: none!important;
     border-right: none!important;
}
.mb5{
     margin-bottom:5px;
}
.resend_login{
     position: absolute;
     top: 12px;
     right: 11px;
     font-size: 11px;
}
.br20{
     border-bottom-right-radius: 20px!important;
     border-top-right-radius: 20px!important;
}
.form-control.form-control-rounded, .form-control.rounded{
     height:40px;
     font-size:14px;
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text{
    /* border-radius: 20px;
     */
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
}
.login_field_icon i{
     font-size: 23px;
     padding: 0 6px;
}
.login_btn{
     display: inline-flex;
     width:100%;
}
.ITS_input_loader{
     width: 20px;
     position: absolute;
     top: 33px;
     right: 11px;
}
.mb30{
     margin-bottom:30px;
}
.mt20{
     margin-top:20px;
}
.loginimg{
     width: 55%;
     margin-bottom: 20px;
}
.disnot{
     display:none;
}
.progress{
     background-color: #b19696;
     height: 23px;
}
.white{
     color:white;
}
.pd30{
     padding-bottom: 31px;
}
.card-icon-bg .card-body .content{
     max-width: 150px;
}
.layout-sidebar-large .main-header .logo img {
     width: auto;
     height: 46px;
     margin-top: 0px;
     margin-left: 15px;
}
.txtrt{
     text-align: right;
}
.flogo{
     width:95px;
}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold,.layout-sidebar-large .sidebar-left, .layout-sidebar-large .sidebar-left-secondary {
     background: #465c71;
}
#partitioned:focus {
     outline: none;
}
#partitioned {
     padding-left: 15px;
     letter-spacing: 42px;
     border: 0;
     background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
     background-position: bottom;
     background-size: 50px 1px;
     background-repeat: repeat-x;
     background-position-x: 35px;
     width: 70%;
}
.disnot{
     display:none;
}
.anchcolor{
     color: #6767db;
     font-weight: bold;
}
.footer-bottom img{
     width: 100px;
}
.support-icon img{
     width: 33px;
}
.support-img{
     width: 26px;
}
.layout-sidebar-large .main-header .header-icon {
     font-size: 27px;
     margin-right: 12px;
     color: black;
     font-weight: bold;
     margin-top: 2px;
}
.support-refresh{
     position: absolute;
     right: 4%;
     top: 12px;
     font-size: 18px;
     color: #6767db;
     font-weight: bold;
}
.user-profile .profile-nav {
     justify-content: unset;
}
.mb20{
     margin-bottom: 20px;
}
.doctable tr td img{
     width: 400px;
     height: 200px;
     object-fit: cover;
}
.doctable-user tr td input{
     padding-top: 3px;
     padding-left: 3px;
}
.doctable-user tr td img{
     width: 80px;
     height: auto;
}
.doctable tr th input{
     padding-top: 3px;
     padding-left: 3px;
}
.doctable-busi tr td img{
     width: 200px;
     height: auto;
}
.doctable tr th img{
     width: 20px;
}
.menu-table input{
     border: none!important;
     outline: none!important;
}
.drop-menu-menu{
     position: absolute;
     transform: translate3d(0px, 33px, 0px);
     top: 0px;
     left: 0px;
     will-change: transform;
}
.qr-img{
     width:60px;
}
.qr-genrate{
     background-color: #ffffff!important;
     height: 540px;
}
.web_url{
     font-size: 14px!important;
     margin-top: -15px;
}
.code_or{
     margin-top: -15px;
}
.qr-genrate p{
     font-size: 20px;
     color:black;
     font-weight:bold;
}
.qr-genrate .logo{
     width: 170px;
     margin-bottom: 10px;
     margin-top: 7px;
}
.appdown{
     font-size: 16px!important;
     color:red!important;
}
.table-qr{
     font-size: 16px!important;
     margin-bottom: 0;
     position: relative;
}
.mb-0{
     margin-bottom:0!important;
}
.mt-10{
     margin-top: 10px;
}
.mb-10{
     margin-bottom:10px;
}
.inactive_order{
     background: #f10000;
     box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.42), 0 1px 4px rgba(225, 47, 47, 0.49);
}
.inactive_order p, .active_order p{
     color:white!important;
     font-size: 20px;
}
.inactive_order .card-body, .active_order .card-body{
     padding: 14px 0;
}
.active_order {
     background: #559303;
     box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.42), 0 1px 4px rgba(124, 225, 47, 0.67);
}
.refresh-order{
     right: 6%;
     top: 22px;
}
.refresh-table{
     right: 3%;
     top: 4px;
}
.bat{
     padding: 3px 13px;
     background: #639;
     box-shadow: 0 8px 25px -8px #639;
     border-color: #639;
}
.table-order-item th{
     padding: 4px 12px;
}
.table-order-item td{
     padding:0;
     vertical-align: unset;
}
.table-order-item td .form-group{
     margin:0;
}
.table-order-item th.action_remove{
     width: 20px;
}
.table-order-item th.qty{
     width: 15%;
}
.table-order-item td input{
     border-radius:0;
     background: white;
     border: none;
}
.table-order-item .btn{
     padding: 5px 27px;
     line-height: 0;
}
.table-order-item td span{
     margin-left: 12px;
}
.call_waiter_upper{
     position: absolute;
     top: 5px;
}
.txt-cust{
     margin-right: 9px;
     margin-top: 6px;
     font-weight: bold;
     color: blue;
}
.pb12{
     padding-bottom: 12px;
}
.ml6{
     margin-left: 6px;
}
.call_waiter{
     position: absolute;
     top: 6px;
     right: 11px;
}
.btn_remove{
     padding: 2px 7px!important;
}
.pending_table i{
     color:green;
}
.noborder{
     border:0;
}
.paid_mark{
     width: 55px;
     float: right;
}
.bill_parcel th, .bill_parcel td{
     padding: 2px 9px!important;
}
.top_btn{
     position: absolute;
     right: 33px;
     top: 28px;
}
.layout-sidebar-large .main-header {
     background: #4b6c9e;
}
.layout-sidebar-large .main-header .menu-toggle div {
     height: 2px;
     background: #ffffff;
}
.main-content-wrap{
     background: #d7e7f869;
     background-size:cover;
     min-height: calc(100vh - 70px);
     margin-top: 70px;
     padding: 30px 15px;
	 padding-bottom:0;
}
.btn{
     padding: 8px 15px 6px!important;
}
.app-footer a{
     color: #005c32;
     font-weight:bold;
     text-decoration:underline;
}
.app-footer{
     background: #4b6c9e;
     color: white;
     font-size: 13px;
     padding: 12px 20px;
}
.main-content{
     min-height: 80vh;
}
.breadcrumb h1{
     font-weight: bold;
}
.client_name{
     color:white;
}
.layout-sidebar-large .sidebar-left-secondary.open {
     background: #ffffff;
	 width: 260px;
}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .triangle{
     border-color: transparent transparent #4b6c9e;
}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active, .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .nav-item-hold {
     color: #ffffff;
}
.layout-sidebar-large .main-header .header-part-right .user img{
     box-shadow:1px 1px 14px lightgray;
}
.required{
     color:red;
}
.layout-sidebar-large .main-header .header-part-right .user{
}
.btn-outline-primary:hover, .btn-primary:hover {
     background: #4b6c9e;
     box-shadow: 0 8px 25px -8px #005c32;
     border-color: #4b6c9e;
}
table{
     white-space: nowrap;
}
.fs12{
     font-size: 12px;
}
.mr15m{
     margin-right: -15px;
}
.singleactionbtn{
     position:absolute;
     top:26px;
     right:32px;
}
.actionbtn.pay-paidsec {
     display: flex;
     justify-content: end;
     align-items: center;
}
.paid-amount span {
     color: #000;
     font-size: 18px;
}
.upload_btn{
     margin-top: 18px;
}
.card-icon-bg-primary i {
    margin-right: 6px;
    font-size: 42px!important;
    margin-top: 8px!important;
}
@media screen and (max-width: 767px) {
     .login-form{
         padding-left: 15px;
         padding-top: 0;
         padding-bottom: 0;
    }
     .login-form .p-4{
         padding-top: 0!important;
    }
     .login-side-logo {
         background-size: 111px;
         right: 0;
         height: 150px;
         background-color: #d7e7f869;
    }
     .layout-sidebar-large .main-header {
         height: auto;
         padding: 10px 22px;
    }
     .footer-bottom{
         font-size:12px;
    }
     .main-content-wrap{
         padding: 20px 10px;
         padding-bottom: 0;
    }
     .layout-sidebar-large .main-header .logo img{
         margin-left:0;
         height: 52px;
    }
     .header-part-right{
         position: absolute;
         right: 10px;
         top: 16px;
    }
     .member_name{
         display:none;
    }
     .layout-sidebar-large .main-header .menu-toggle {
         margin: 0;
         right: 15px;
         position: absolute;
    }
     .layout-sidebar-large .main-header .header-part-right .user img {
         width: 40px;
         height: 40px;
    }
     .app-footer{
         position: unset;
         width: 100%;
    }
     .actionbtn a span{
         display:none;
    }
     .separator-breadcrumb {
         margin-bottom: 1rem;
    }
     .actionbtn.pay-paidsec{
         top: -65px;
         display: flex;
         justify-content: end;
         align-content: center;
    }
     #updateProfileForm .col-md-4{
         margin-top:10px;
    }
     .announcement .form-group {
         padding: 0;
    }
     .singleactionbtn{
         top: 15px;
         right: 8px;
    }
     .singleactionbtn span{
         display:none;
    }
     .analytics_sec .card-icon-bg .card-body {
         display: unset;
    }
     .analytics_sec .card-icon-bg .card-body .content {
         max-width: unset;
         text-align: center;
         display: contents;
    }
     .analytics_sec .card-icon-bg .card-body .content p.text-muted{
         margin-top: 25px!important;
    }
     .paddmob15{
         padding: 0 15px;
    }
     .member_points {
         padding-bottom: 8px;
         padding-top: 15px;
         background: #f9f9f9;
         margin-top: 33px;
         border-radius: 16px;
         box-shadow: 2px 2px 14px lightgrey;
    }
     .app-footer p{
         text-align:center;
    }
     .layout-sidebar-large .main-header .menu-toggle {
         left: 6px;
         position: absolute;
         top: 24px;
    }
     .actionbtn .pay-now span {
         display: inline-block;
         font-size: 18px;
    }
     .paid-amount {
         display: flex;
         align-items: center;
    }
     .actionbtn .paid-amount span {
         display: inline-block;
         color: #000;
         font-size: 18px;
    }
     .actionbtn .pay-now span {
         display: inline-block;
         font-size: 18px;
    }
     .client_name {
         display:none;
    }
     .actionbtn {
         right: -14px;
    }
     .layout-sidebar-large .main-header .logo img{
         display:none;
    }
     .layout-sidebar-large .main-header .logo{
         height: 50px;
    }
     .notification-sec .alert span{
         float: inherit;
         display: block;
         font-size: 11px;
    }
     #updateClientForm .row .col-md-4, #updateAgreementForm .row .col-md-4{
         margin-bottom:15px;
    }
     #updateClientForm .row.mb20, #updateAgreementForm .row.mb20{
         margin-bottom: 0;
    }
     .save_action{
         margin-top:30px;
    }
     .client_notes_block .imp_note strong{
         font-size: 11px;
    }
     .upload_btn{
         margin-top: 0;
    }
	.login-side-logo a img{
		height:75px;
	}
}