@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Cairo'), local('Cairo-Regular'), url(../font/cairo.woff2) format('woff2');
    /*unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;*/
}
.ar_font{
    font-family: 'Cairo', sans-serif !important;
}
/* :root {
    --blue: #1ba9e6;
} */
.blue{
    color: var(--blue) !important;
}
.dark-blue{
    color: #2a3a93 !important
}
#container{
    min-height: auto;
    background: none;
}
.login_page{
    padding: 30px 0;
    background-image: url(../img/bg/login1.jpg);
    height: 100vh;
    display: table;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.login_page>.login_page_container{
    display: table-cell;
    vertical-align: middle;
    width: 100%
}
.login_box{
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 0 15px 0px #5a5a5a;
    background-image: url(../img/bg/back2.png);
    background-size: cover;
    background-position: center;
}
.modal .login_box{
    box-shadow: none
}
.login_box .input-group-addon:first-child {
    border-right: 0;
    background: var(--blue);
    border: 1px solid var(--blue);
}
.login_box .form_box {
    padding:20px 15px 35px;
    box-shadow: 0 0 6px 0px #ccc;
    margin: 20px 0;
    border-radius: 20px;
    max-width: 350px;
    min-height: 400px;
    background: #fff
}
.login_box .form_title{
    color: #637381;
    font-size: 16px;
    text-align: center;
    margin: 20px 0px 20px;
}
.login_box .img_box img{
    width: 80%;
    display: block;
    margin: auto;
    max-width: 400px
}
.login_box .img_box.circle_img{
    width: 100%;
    height: 100%
}
.log_icon {
    height: 90px;
    float: none;
    width: auto;
}
.form_box form > *{
    margin-bottom: 25px
}
.custom_header .nav>li>a>img{
    height: 20px;
}
.custom_header .notficaton span{
    position: absolute;
    width: 11px;
    height: 11px;
    border: 2px solid yellow;
    border-radius: 50%;
    right: 8px;
    top: 10px;
    /*background: red;*/
    display: none
}
.custom_header .notficaton.has span{
    display: inline
}
.navbar-brand img{
    margin-left: 10px
}
.rtl .navbar-content, .rtl #container.mainnav-sm #navbar .navbar-content{
    margin-left: 0;
}
.nano.has-scrollbar>.nano-content{
    left: -15px;
}
input{
    outline: none !important
}
.form-control:focus{
    border-color: var(--blue)
}
.login_page .form-control{
    height: 40px;
    border-radius: 5px;
    box-shadow: 1px 0px 6px 0px #dcdcdc;
}
.login_page .input-group-addon{
    font-size: 20px
}
.login_box .btn-login{
    width: 100%;
    height: 40px;
    line-height: 28px !important;
    border: 0 !important;
    border-radius: 10px;
    background: var(--blue) !important;
    color: #fff;
    box-shadow: none !important;
    outline: none !important;
    font-size: 16px !important
}
.btn-labeled:before{
    background-color: transparent
}
#mainnav,
#mainnav-container{
    background-color: #fff
}
#mainnav-menu>.active-link>a, #mainnav-menu>.active-link>a:hover{
    background-color: var(--blue);
}
li.active-link a:before,
li.active-sub> a:before{
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    width: 0;
    height: 100%;
    margin-right: 9px;
    width: 4px;
    background: var(--blue);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none
}
li.active-sub> a{
    background-color: var(--blue) !important ;
}
li.active-sub> a:not(:last-child):before{
    display: none
}
li.active-sub> a span,
li.active-sub> a i{
    color: #fff
}
#mainnav-menu a{
    margin-left: 10px;
    position: relative;
    color: #637381;
    border: 0;
    font-weight: 500;
    font-size: 13px ;
}
.mainnav-sm #mainnav-menu li{
    border: 0!important;
    height: 44px !important;
    outline: none !important;
    overflow: hidden;
}
#mainnav-menu li a{
    height: 44px
}
.menu-popover>.popover-content>.single-content{
    height: 42px !important
}
#container.mainnav-in .navbar-brand, #container.mainnav-lg .navbar-brand, #container.mainnav-in .brand-title, #container.mainnav-lg .brand-title{
    background: #fff
}
.brand-title{
    background-color: #fff;
    /*    border-right: 1px solid #697886;*/
    color: var(--blue);
}
#container.mainnav-lg #mainnav-container{
    border-right: 1px solid #edede9
}
.list-header{
    display: none
}

.brand-text{
    color: var(--blue);
    margin-left: 17px
}
#mainnav-menu ul, .menu-popover .sub-menu ul, .menu-popover .sub-menu ul {
    background-color: #fff;
    padding-left: 25px;

}
.rtl #mainnav-menu ul, .menu-popover .sub-menu ul, .menu-popover .sub-menu ul{
    padding-left: 0;
}
#mainnav-menu ul ul, .menu-popover .sub-menu ul ul, .menu-popover .sub-menu ul ul {
    background-color: #fff;
}
#mainnav-menu ul .active-link a, .menu-popover .sub-menu ul .active-link a, .menu-popover .sub-menu ul .active-link a,
#container.mainnav-sm #mainnav-menu>.active-link>a,
#container.mainnav-sm #mainnav-menu>.active-link>a:hover{
    background-color: var(--blue);
    color: #fff;
}
#mainnav-menu ul a:hover, .menu-popover .sub-menu ul a:hover, .menu-popover .sub-menu ul a:hover,
#mainnav-menu>li>a:hover{
    background-color:  #1ba9e666 !important;
    color: #637381
}
#mainnav-menu ul ul a:hover, .menu-popover .sub-menu ul ul a:hover, .menu-popover .sub-menu ul ul a:hover {
    background-color: rgba(0,0,0,0.0005);
    background: #1ba9e666 !important;
    color: #637381
}
#mainnav-menu>.active-sub>a, #mainnav-menu>.active-sub>a:hover,
#mainnav-menu ul .active-link a,
#mainnav-menu ul .active-link a.hover,
#mainnav-menu ul .active-link a:hover,
#mainnav-menu>li>a.hover{
    color: #fff;
    background-color: var(--blue) !important;

}
.menu-popover .sub-menu ul ul a{
    color: #637381;
    font-size: 13px
}
#mainnav-menu ul .active-link a{
    border-radius: 10px
}
#mainnav-menu ul a{
    margin-top: 5px;
    margin-bottom: 5px
}
.text-overflow{
    color: var(--blue);
    text-align: initial
}
.popover{
    display: block !important
}
#popover645214{
    display: block !important
}
.popover a{
    background: #fff !important
}
.menu-popover .sub-menu ul  a,
.menu-popover a{
    color: #637381 !important
}
.menu-popover>.popover-content>.single-content{
    background: var(--blue);
}
.popover-content{
    border: 1px solid var(--blue);
}
.menu-popover>.popover-title {
    background: var(--blue);
    border-top: 0;
    height: 43px
}
.popover-title{
    font-size: 13px
}
.panel-body .nav-tabs{
    padding: 15px 15px 0
}
.panel-body .tab-content{
    padding: 0 15px 15px
}
.tab-base .nav-tabs>li:not(.active)>a:hover{
    border-color: #ebebeb;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-color: transparent
}
.tab-base .nav-tabs>.active>a, .tab-base .nav-tabs>.active a:hover, .tab-base .nav-tabs>.active>a:focus {
    border-color: #ebebeb;
    border-bottom-color: transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #fff;
    color:var(--blue);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border-bottom-color: transparent
}
.nav-tabs li a {
    border-radius: 2px 2px 0 0;
    font-size: 15px;
    background-color: #f1f3f6;
    border: 1px solid #ebebeb;
    border-bottom-color: transparent;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-right: 5px;
}
.table {
    display: table;
    text-align: center;
    width: 100%;
    margin: 10% auto 0;
    border-collapse: separate;
    font-family: "Roboto", sans-serif;
    font-weight: 400;

}

.table_row {
    display: table-row;
}

.theader {
    display: table-row;
}

.table_header {
    display: table-cell;
    border-bottom: #ccc 1px solid;
    border-top: 0;
    background: #fff;
    color: #637381;
    padding: 10px;
    font-weight: 500;
    border-right: 1px solid #ccc;
    border-left: 0 !important;
    font-size: 14px;
    vertical-align: middle;
}

.table_header:first-child {
    /*border-left: #ccc 1px solid;*/
    border-top-left-radius: 5px;
}

.table_header:last-child {
    /*border-right: #ccc 1px solid;*/
    border-top-right-radius: 5px;
}

.table_small {
    display: table-cell;
}

.table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
    background: #bdbdbd;
    color: #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table_row > .table_small > .table_cell {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #5b5b5b;
    border-bottom: #ccc 1px solid;
}

.table_row > .table_small:first-child > .table_cell {
    border-left: #ccc 1px solid;
}

.table_row > .table_small:last-child > .table_cell {
    border-right: #ccc 1px solid;
}

.table_row:last-child > .table_small:last-child > .table_cell:last-child {
    border-bottom-right-radius: 5px;
}

.table_row:last-child > .table_small:first-child > .table_cell:last-child {
    border-bottom-left-radius: 5px;
}

.table_row:nth-child(odd) {
    background: #f5f6fa;
}

.site_table{
    display: table;
    width: 100%;
    color: #637381;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    overflow: hidden;
}
.site_table_header,
.site_table_tr{
    display: table-row
}
.site_table_body{
    display: table-row-group;
}
.site_table_th,
.site_table_td{
    display: table-cell;
    padding: 15px;
}
.site_table_td{
    padding: 0px 10px
}
.site_table_tr:nth-child(odd){
    background-color: #f5f6fa;
}
.site_table_tr .site_table_th{
    border-right: 1px solid #dcdcdc;
}
.form-control{
    border-radius: 7px
}
.search_bar{
    background-image: url(../img/icon/search.png) !important;
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 20px;
    margin-top: 8px;
    padding-left: 35px;
}
.site_logo_ar{
    display: none
}
.navbar-header:before{
    background-color: transparent
}
.site_logo_en,
.site_logo_ar{
    height: 40px
}
.btn-primary, .btn-info {
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
    color: #fff;
    transition: all .4s ease-in-out;
    border-radius: 10px;
}
#demo-table{
    margin-top: 0
}
.fixed-table-body thead th .th-inner {
    box-sizing: border-box;
    color: #637381;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
}
#container .table td, #container .table th {
    border-color: rgba(0,0,0,0.03);
    color: #637381;
    padding: 10px;
    font-size: 14px
}
.label-danger{
    color:#fff !important;
    white-space: normal;
}
.modal-title{
    color: var(--blue);
}
#content-container{
    background-color: #F5F6FA !important;
    min-height: 100vh !important
}
.tab-base,
.panel,
.tab-content,
.tab-base .tab-content{
    background-color: transparent
}
.right_btn_box{
    text-align: end;
}
.fixed-table-container{
    border-radius: 7px;
    background: #fff;
    padding: 20px 20px 50px;
}
.table-striped>tbody>tr:nth-child(odd){
    background-color: #F5F6FA
}
.fixed-table-body{
    border: 1px solid #ddd;
    border-radius: 7px;
}

.bootstrap-table .table{
    border: 0
}
.btn-xs.btn-labeled{
    background: transparent !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #8b9ba9;
}

.btn-success.fa-wrench:before{
    content: '';
    display: inline-block;
    width:20px;
    height: 11px;
    background: url('../img/icon/tools.png') 5px center;
    background-size: contain;
    background-repeat: no-repeat
}
.btn-danger:before{
    color: #D30035;
    content: '';
    display: inline-block;
    width: 15px;
    height: 11px;
    background: url('../img/icon/delete.png') 5px center;
    background-size: contain;
    background-repeat: no-repeat
}
.btn:not(.disabled):not(:disabled):active, .btn:not(.disabled):not(:disabled).active{
    box-shadow: none
}
.columns.columns-right.btn-group.pull-right{
    position: absolute;
    bottom: 0;
    right: 0
}
.bootstrap-table{
    position: relative;
    padding-bottom: 50px;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
    color: var(--blue);
    background: #fff
}
.btn-default i{
    margin: 0 5px
}
.btn-default.pdf{
    background-image: url(../img/icon/pdf.png);
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left:  20px;
    text-align: center;
}
.btn-default.pdf:hover,
.btn-default.pdf:focus,
.btn-default.pdf.focus,
.btn-default.pdf:active,
.btn-default.pdf.active,
.open>.dropdown-toggle.btn-default.pdf{
    background-image: url(../img/icon/pdf_on.png);
}
.btn-default.csv{
    background-image: url(../img/icon/csv.png);
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left:  20px;
    text-align: center;
}
.btn-default.csv:hover,
.btn-default.csv:focus,
.btn-default.csv.focus,
.btn-default.csv:active,
.btn-default.csv.active,
.open>.dropdown-toggle.btn-default.csv{
    background-image: url(../img/icon/pdf_on.png);
}
.btn-default.xls{
    background-image: url(../img/icon/xls.png);
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left:20px;
    text-align: center;
}
.btn-default.xls:hover,
.btn-default.xls:focus,
.btn-default.xls.focus,
.btn-default.xls:active,
.btn-default.xls.active,
.open>.dropdown-toggle.btn-default.xls{
    background-image: url(../img/icon/xls_on.png);
}
.btn-default {
    color: #677684;
}
.btn-purple {
    background-color: var(--blue)!important;
    border-color: var(--blue)!important;
    color: #fff;
    border-radius: 5px;
    min-width: 100px
}
.btn-darkblue, .btn-darkblue:hover {
    background-color: var(--dark-blue2)!important;
    border-color: var(--dark-blue2)!important;
    color: #fff !important;
    border-radius: 10px !important;
    min-width: 100px
}
#container .badge-darkblue {
  background-color: var(--dark-blue2)!important;
}
.btn-dark {
    border: 1px solid var(--blue)!important;
    background: transparent !important;
    color: var(--blue)!important;
    border-radius: 5px;
    min-width: 100px;
    font-weight: bold;
}
table{
    margin: 0 !important
}
.menu_icon{
    height: 20px;
    margin-right: 5px
}
.menu_icon.on{
    display: none
}
.active-link .menu_icon.on{
    display: inline-block
}
.active-link .menu_icon.dark{
    display: none
}
.active-sub .menu_icon.dark{
    display: none
}
.active-sub .menu_icon.on{
    display: inline-block
}
.active-link .menu_icon.on{
    display: inline-block;
}
.active-sub li:not(.active-link) .menu_icon.on{
    display: none;
}
.active-sub li:not(.active-link) .menu_icon.dark{
    display: inline-block;
}
.active-sub .active-link .menu_icon.dark{
    display: none;
}
#container.mainnav-sm #mainnav-container, #container.mainnav-sm #navbar .navbar-brand{
    width: 70px !important
}
#container.mainnav-sm #content-container, #container.mainnav-sm #footer{
    padding-left: 70px;
}
.rtl #container.mainnav-sm #content-container, #container.mainnav-sm #footer{
    padding-left: 0;
    padding-right: 70px;
}
.sub_title{
    font-size: 18px;
    color: #637381;
}
.empty_page_img{
    width: 100%;
    max-height: 100%
}
.btn.lg{
    min-width: 200px
}
.p-0{
    padding: 0 !important
}
.modal .login_box .img_box img{
    margin: 10px 0;
    width: 100%
}
.modal .log_icon {
    height: 70px;
}
.box {
    padding: 15px;
    background: #fff !important;
    border-radius: 6px;
    box-shadow: 0 0 7px 1px #ddd;
    margin-bottom: 20px;
}
h3.box_ttl {
    margin: 0 0 20px;
    color: #637381;
    font-size: 18px;
}
p.price_num {
    font-size: 27px;
    font-weight: bold;
}
.percent {
    font-size: 25px;
    color: var(--blue);
}
.percent img{
    height: 27px;
    margin: 0 10px
}
.canvas_box {
    height: 200px
}
.canvas_box canvas{
    height: 100% !important;
    max-width: 700px;
    margin: auto;
}
.tab-pane{
    background: #fff
}
.panel-footer {
    background-color: #fff;
}
.nav-tabs>li{
    min-height: 40px
}
#list{
    background: transparent
}
#product_details,
#business_details,
#customer_choice_options,#options_with_quantity,#renew_inventory,
#branch_availability, #page_table #related , #page_table #nonrelated,#sub_products,#advanced_choice_tab,#product_ingredients
{
    border: 1px solid #ebebeb;
    /*overflow: hidden;*/
    margin-top: 24px;
    border-radius: 7px;
}
.form_tabs_content  div.tab-pane {
    border: 1px solid #ebebeb;
    margin-top: 24px;
    border-radius: 7px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.tab-pane.main_box{
    border-top-left-radius: 0
}
.tab-content .form-horizontal .form-group{
    margin: 0;
    padding: 0;
    /*border: 1px solid red*/
}
.tab-content .form-horizontal .control-label{
    /*border-right: 1px solid #bbc2c8;*/
    margin-bottom: 0;
    height: 50px;
    text-align: initial;
    padding: 10px;
    padding: 18px 25px 0;
}
.tab-content .form-horizontal .form-control,
.tab-content .form-horizontal select,
.tab-content .form-horizontal .btn-file,
.tab-content .form-horizontal .chosen-container
.tab-content .form-horizontal textarea,
.tab-content .form-horizontal .bootstrap-tagsinput,
.tab-content .form-horizontal .chosen-container-single .chosen-single,
.tab-content .form-horizontal .note-editor,
.tab-content .form-horizontal .switchery{
    margin-top: 10px;
    margin-bottom: 8px;
}
.tab-content .form-horizontal .switchery{
    margin-bottom: 0
}
.tab-content .form-horizontal .control-label + div{
    border-left: 1px solid #bbc2c8;
    min-height: 54px
}
.tab-content .form-horizontal .form-group:nth-child(odd){
    background-color: #f5f6fa
}

.form-horizontal .form-group{
    margin: 0;
    padding: 0;
    /*border: 1px solid red*/
}
.form-horizontal .control-label{
    /*border-right: 1px solid #bbc2c8;*/
    margin-bottom: 0;
    height: 50px;
    text-align: initial;
    padding: 10px;
    padding: 18px 25px 0;
}
.form-horizontal .form-control,
.form-horizontal select,
.form-horizontal .btn-file,
.form-horizontal textarea,
.form-horizontal .bootstrap-tagsinput,
.form-horizontal .chosen-container-single .chosen-single,
.form-horizontal .note-editor,
.form-horizontal .switchery{
    margin-top: 10px;
    margin-bottom: 8px;
}
.form-horizontal .switchery{
    margin-bottom: 0
}
.form-horizontal .control-label + div{
    border-left: 1px solid #bbc2c8;
    min-height: 54px
}
.form-horizontal .form-group:nth-child(odd){
    background-color: #f5f6fa
}

.form-horizontal{
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    background: #fff
}
.form-group .btn{
    margin-top: 10px;
    margin-bottom: 10px
}
.tab-base .nav-tabs>li:not(.active)>a{
    border: 1px solid #ccc;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 0
}
button.btn.btn-info.btn-labeled.fa.fa-step-backward.pull-right.pro_list_btn {
    border-radius: 10px;
}
.demo-hor-inputpass{
    margin-top: 10px;
    margin-bottom: 30px;
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
}
.modal .tab-content .form-horizontal .form-group,
#change_password .form-horizontal .form-group{
    border: 1px solid #dcdcdc;
    border-bottom: 0
}
.modal .tab-content .form-horizontal .form-group:last-child,
#change_password .form-horizontal .form-group:last-child{
    border-bottom: 1px solid #dcdcdc;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}
.modal .tab-content .form-horizontal .form-group:first-child,
#change_password .form-horizontal .form-group:first-child{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
#container .table td:not(:last-child),
#container .table th:not(:last-child){
   /* border-right: 1px solid #ccc */
}
#search_form .btn{
    border-radius: 10px;
    min-width: 112px;
    padding-left: 0;
    min-height: 35px;
}
#search_form .btn:before{
    background-color: transparent;
}
.table_box_container{
    overflow: auto
}
.table{
    border: 1px solid #ccc;
    border-radius: 7px;
    border-radius: 7px;
    background: #fff;
}
td .label-danger {
    color: #D70000 !important;
    background: transparent;
}
#container .table td, #container .table th{
    text-align: center;
  /*  border-color: #ddd;  */
    float: none !important;
    vertical-align: middle;
}
#container .table th {
    border-bottom: 0px solid rgba(0,0,0,0.03);
    font-size: 14px;
    font-weight: 500;
}
.modal-footer .btn{
    margin-left: 5px;
}
.modal-footer{
    display: flex;
    flex-flow: row-reverse
}
.pull-right.search{
    /*display: none*/
    display: block;
}
.right_btn_box{
    margin-bottom: 20px
}
.pagination_list{
    text-align: end
}
.fixed-table-container thead th .th-inner{
    padding: 0
}
.tab-base .tab-content{
    box-shadow: none
}
.tab-stacked-left .nav-tabs{
    background: #fff
}
.tab-stacked-left .tab-pane{
    background: #fff;
    margin-top: 0
}
.tab-stacked-left .bg_grey{
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0
}
.tab-base.tab-stacked-left{
    padding: 10px 20px;
}
.tab-stacked-left .nav-tabs a{
    border-radius: 0 !important;
    margin-bottom: 0 !important
}
.tab-stacked-left.tab-base .nav-tabs>li:not(.active) a:hover {
    border-color: #dbdbdb;
    border-right-color: #dbdbdb;
}
.tab-stacked-left.tab-base .nav-tabs>li:last-child{
    border-bottom: 1px solid #dbdbdb
}
.tab-stacked-left .tab-content .form-horizontal .control-label{
    height: auto
}
.tab-stacked-left .bg_grey{
    background-color:  transparent !important
}
.tab-stacked-left .panel{
    margin-bottom: 0;
    padding-bottom: 15px
}
.panel-footer .btn{
    font-size: 16px !important
}
.panel-footer .btn-labeled:before{
    margin-right: 0;
    padding: 6px 5px 6px 12px;
}
.btn-default.blue{
    color: var(--blue);
    border-color: var(--blue);
    border-radius: 10px;
}
.panel-heading{
    height: auto;
    min-height: 40px
}
.tab-stacked-left .panel>.panel-heading:after, .panel.panel-colorful>.panel-heading:after{
    display: none
}
.tab-stacked-left .panel-title{
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;

}
.tab-stacked-left .form-horizontal{
    border: 1px solid #dbdbdb;
    margin: 0 15px 20px;
    border-radius: 7px;
    padding: 0
}
label h5 + i{
    font-size: 11px;
    color: #a8a8a8;
}
.tab-stacked-left .tab-content .form-horizontal .control-label + div{
    padding-top: 15px;
    min-height: 110px
}
.tab-stacked-left .panel .panel-footer{
    background: transparent
}
#demo-stk-lft-tab-3 .input-group{
    /*background: #fff;*/
    padding: 5px;
    /*border: 1px solid #dbdbdb;*/
    border-radius: 7px;
    width: 100%;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
#demo-stk-lft-tab-3 .input-group-addon:first-child{
    border: 0;
    display: none
}
#demo-stk-lft-tab-3 .form-control{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.tab-stacked-left .form-horizontal .panel-body{
    padding: 0;
}
.tab-stacked-left .tab-content .form-horizontal .control-label span{
    display: inline-block;
    border: 0;
    font-size: 21px;
}
.tab-stacked-left .tab-content .form-horizontal .control-label + div .input-group{
    width: 100%
}
.tab-stacked-left .tab-content .form-horizontal .control-label + div .input-group .form-control,
.bootstrap-tagsinput{
    border-radius: 7px
}
#demo-stk-lft-tab-4  .form-horizontal .control-label + div{
    min-height: 80px
}
.note-editor .note-editable{
    background: #fff
}
.underline{
    margin: 5px;
    text-decoration: underline;
}
h2.main_ttl {
    margin-top: 0;
    font-size: 19px;
    color: #647481;
    margin-bottom: 25px
}
#page-title{
    padding: 10px 20px 0 20px !important
}
.panel-body{
    padding:10px 15px
}
.radio_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size:15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #6d7c88;
    margin-right: 10px

}
.d-block{
    display: block
}
.gray_box div{
    border-color: #ccc !important
}
.radio_container.inl-bl{
    display: inline-block;
    margin-right: 10px;
}
/* Hide the browser's default radio button */
.radio_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.radio_container input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--blue);
}
.box.flex,
.flex_box{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: baseline;
}
.m-0{
    margin-bottom: 0;
    margin: 0
}
.box_header .box_title{
    margin: 0;
    color: #647481;
    font-size: 20px
}
.box_title{
    height: 18px;
    margin-right: 5px;

}
.box_title img{
    height: 18px;
    margin-right: 5px;
}
.box.with_box_hed{
    border-radius: 3px;
    padding: 0
}
.with_box_hed .box_header{
    padding: 15px;
    background: #f5f6fa;
}
.with_box_hed .box_body{
    padding: 15px
}
.cmg_info p{
    color: #6d7c88;
    border: 1px solid #dbdbdb;
    border-radius: 7px;
}
.cmg_info span.img{
    padding: 5px;
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    margin: 10px;
    display: inline-block
}
.cmg_info span.img img{
    height: 16px
}
.no_resize{
    resize: none
}
.textarea_footer{
    position: absolute;
    background: var(--blue);
    color: #fff;
    width: 100%;
    bottom: 0;
    padding: 0px;
    display: flex
}
.p-relative{
    position: relative
}
.textarea_footer >div{
    padding: 10px;
    width:50%
}
.textarea_footer >div:first-child{
    border-right: 1px solid ;
}
select.with_icon{
    padding-left: 25px;
    background-position: left 5px center;
    background-repeat: no-repeat;
    background-size: 21px;
}
.box_footer .btn{
    font-size: 15px;
    border-radius: 5px
}
.text-end{
    text-align: end
}
.modal-content{
    margin-top: 50px
}
#more_additional_fields .btn-danger,
#more_additional_options .btn-danger,
#more_combinations .btn-danger,
#more_ingredients .btn-danger{
    border-color: #ccc !important;
    background: transparent !important
}
#more_additional_fields .btn-danger:before,
#more_additional_options .btn-danger:before{
    background-size: 13px;
}
#more_additional_fields .col-sm-5{
    border-left: 1px solid #bbc2c8
}
.col-sm-8.widget{
    padding-top: 10px
}
.tab-base>.panel>.panel-body{
    padding: 0
}
.p-0{
    padding: 0
}
.tab-content.p-0 >.col-md-12{
    padding: 10px 20px;
    float: none
}
.panel {
    box-shadow: none;
}
.fixed-table-pagination .pagination, .fixed-table-pagination .pagination-detail{
    margin-top: 5px;
    /*float: none !important*/
}

.bg_grey_lgt{
    background: #f5f6fa;

}
.bg_grey_lgt *{
    color: #637381
}
.panel-title{
    color: #637381;
}
.panel>.panel-heading:after, .panel.panel-colorful>.panel-heading:after{
    border-bottom: 0;
}
tbody tr:nth-child(odd){
    background: #f5f6fa;
}
tbody tr td{
    text-align: initial
}
.printableArea td,
.printableArea th{
    text-align: initial
}
#container .printableArea .table td,.printableArea  #container .table th{
    text-align: initial
}
.printableArea .table-bordered{
    border: 1px solid #ccc
}
.px-15{
    padding-left: 15px;
    padding-right: 15px
}
.panel-trans{
    background: transparent !important
}
.printing_btn{
    text-align: end;
    padding: 20px;
}
.printing_btn{
    font-size: 17px;
    text-transform: uppercase
}
.modal-footer .btn-default{
    border-color: var(--blue);
    border-radius: 10px;
    color:var(--blue)
}
.modal-footer .btn{
    min-width: 80px
}
.h-100{
    height: 100%
}
.note-image-popover{
    position: absolute;
    left: auto;
    top: -80px
}
.note-link-popover{
    position: absolute;
    left: 100%;
    top: 0px;
}
.sub-menu li.active-link a:before{
    display: none
}
.px-0{
    padding-left: 0 !important;
    padding-right: 0 !important
}
.fa-upload:before {
    content: "\f093" !important;
    background-image: none;
    width: auto;
    height: auto
}
.px-30{
    padding-left: 30px;
    padding-right: 30px
}
.form-control{
    min-width:65px
}
td .col-sm-12,
td .col-md-5{
    padding: 0 !important
}
td .col-md-5{
    margin: 0 5px
}
.btn-info.sync{
    margin-top: 5px
}
.with_md_icon img{
    height: 30px
}
.with_md_icon{
    height: 30px
}
.border-style{
    border: 1px solid #dbdbdb;
    border-radius: 7px
}
#customer_details,
#order_details{
    border: 1px solid
        #dbdbdb;
    padding: 10px;
    margin-top: 5px;
    border-radius: 7px;
}
.vertical_box.pkg .text_overlay_pkg{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
}
.vertical_box.pkg .btn{
    min-width: 150px;
    border-radius: 20px
}
.vertical_box.pkg hr.blue{
    margin: 5px 0;
    border-color: var(--blue);
}
.vertical_box.pkg .price{
    color:#284399;
    font-size: 25px;
    font-weight: bold;
}
.vertical_box.pkg .price span{
    font-size: 15px;
    font-weight: normal
}

.d-flex{
    display: flex;
    flex-flow: row
}
#more_additional_fields .col-sm-6{
    padding-top: 80px
}
#more_additional_fields .note-image-popover {
    left: auto;
    top: -80px;
}
#more_additional_fields .note-link-popover{
    left: 100%;
    top: 0;
}
.btn-danger .fa-trash{
    display: none
}
.note-editor{
    margin-top: 15px !important
}
.px-35{
    padding-left: 35px;
    padding-right: 35px
}
.tab-content .form-horizontal .control-label + div .chosen-container{
    margin-top: 15px
}
.chosen-container.chosen-with-drop .chosen-drop{
    z-index: 9999999
}
.form-group.optionRow .form-group.col-sm-12{
    background: #fff
}
.form-group.productRow .form-group.col-sm-12{
    background: #fff
}
.menu-popover>.popover-content>.single-content{
    font-size: 13px
}
.tab-content.p-0 .tab-pane>.row >.col-md-12{
    padding-left: 30px;
    padding-right: 30px
}
#mainnav-menu ul a{
    padding: 10px !important
}
.note-popover{
    display: none
}
.navbar-header{
    background: #fff
}
.tab-stacked-left .tab-pane{
    margin-top: 0
}
.tgl-menu-btn{
    z-index: 9999
}
.bs-table-container{
    overflow-x: auto;
    width: 100%;
}
#product_table, #product_option_table {
    margin-top:15px !important;
}
.tab-content .col-md-12:after{
    content: '';
    display: block;
    clear: both
}
#manage_details,
#change_password{
    margin-top: 0
}
.right_btn_box{
    float: none;
    padding: 10px 0;
    margin-bottom: 0;
}
.tab-content > .col-md-12{
    float: none
}
.active-sub li.active-link a:before{
    display: none
}
#forget_email{
    margin: 0;
    height: 40px
}
.forget_pass_box .form-horizontal,
.forget_pass_box .panel-body{
    border: 0;
    padding: 0
}
.forget_pass_box .form_box{
    min-height: 300px
}
.filter_ttl{
    margin-top: 0;
    color: #637381;
    font-size: 18px;
    margin-bottom: 15px;
}
.main_box .nav-tabs{
    border-bottom: 0
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    color: var(--blue);
    background-color: #fff;
}
.currenc_bx{
    position: absolute;
    bottom: 15px;
    height: 31px;
    right: 15px;
    padding: 0 5px;
    border-left: 1px solid #dbdbdb;
    line-height: 30px;
    color: #637381;
}
.info-box{
    padding: 10px;
    border: 1px solid var(--blue);
    border-radius: 10px;
    margin-bottom: 15px;
    background: #1ba9e614;
    color: #93A6B1;
}
.info-box span{
    width: 90%;
    display: inline-block;
    vertical-align: top;
}
.info-box img{
    height: 25px
}
.mt_15{
    margin-top: 15px !important
}
.bk_pricing_box{
    margin-top: 17px
}
.bk_pricing_box p{
    font-size:15px;
    color: #637381;
}
.bk_pricing_box .blue p{
    color: var(--blue);
}
.bold{
    font-weight: bold
}
.px-0{
    padding-right: 0;
    padding-left: 0
}
.control-label {
    color: #637381;
}
.btn-labeled.center:before{
    width: 100%
}
.input-group-addon img{
    height: 18px
}
.input-group-addon{
    height: 32px
}
.input-group-addon:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-color: #dcdcdc;
}
.upload_img{
    height: 90px;
    background-image: url(../img/booking/upload_img.png) !important;
    background-position: center 27px !important;
    background-size: 60px !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    border-radius: 7px;
}

.site_table_td{
    padding: 10px
}
.blue_bg{
    background-color: var(--blue);
    color: #fff;
    max-width: 200px;
    margin: auto;
    text-align: center
}
.gray_bg{
    background-color: #637381;
    color: #fff;
    max-width: 200px;
    margin: auto;
    text-align: center
}
.hdr_btn_with_icon img{
    height: 22px;
    margin-right: 5px;
    vertical-align: bottom;
}
.check_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #637381;
    font-size: 15px;
}

/* Hide the browser's default checkbox */
.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.check_container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 7px
}

/* On mouse-over, add a grey background color */
.check_container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check_container input:checked ~ .checkmark {
    background-color: var(--blue);
}

/* Create the checkmark/indicator (hidden when not checked) */
.check_container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check_container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.prvg_box{
    display: flex;
    justify-content: space-between;
    width: 80%;
    color: #637381;
    height: 33px;
    padding: 7px 10px;
    border-radius: 7px;
    background: #f1f3f6;
    margin-bottom: 5px
}
.prvg_box:first-child{
    background-color: #E9F6FC
}
.prvg_box p{
    font-size: 13px;
    margin: 0
}
.dropdown-menu>li>a:hover{
    background-color: #1ba9e670;
}
/*************************booking****************************/
.main_box{
    border: 1px solid #dbdbdb;
    padding: 20px 15px;
    background: #fff;
    border-radius: 7px;
}
.site_btn{
    cursor: pointer;
    border: 1px solid var(--blue);
    background-color: var(--blue);
    font-size: 14px;
    padding:5px 10px;
    color: #fff;
    outline: none !important;
    border-radius:5px;

}
.site_btn.md{
    min-width: 100px
}
.site_btn.light{
    background: #fff !important;
    color:var(--blue);
}
.site_table_footer .site_btn{
    text-transform: uppercase
}
.main_box .site_table_box{
    margin-bottom: 15px
}
.main_box .panel-footer{
    background: transparent;
    border-color: #dbdbdb
}
.crl_thumb{
    height: 40px;
    width: 40px;
    margin: auto;
    border: 1px solid var(--blue);
    border-radius: 50%;
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
}
.square_thumb{
    height: 50px;
    width: 50px;
    margin: auto;
    border: 1px solid var(--blue);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.resize-none{
    resize: none
}

.d-in-blk{
    display: inline-block
}
.mt-15{
    margin-top: 25px
}
span.book_status{
    font-size: 12px;
    background: #ccc;
    padding: 2px 4px;
    border-radius: 5px;
    color: #fff;
    min-width: 80px;
    display: inline-block;
}
span.book_status:before{
    font-family: fontAwesome;
    margin: 3px
}
.book_status.confirmed{
    background-color: var(--blue);
}
.book_status.confirmed:before{
    content: "\f00c";
}
.book_status.cancelled:before{
    content: "\f00d";
}
.book_status.pending:before{
    content: "\f071";
}
.book_status.cancelled{
    background-color:#93A6B1;
}
.book_status.pending{
    background-color:#637381 !important;
}
.custom-panel-footer{
    border: 1px solid #dbdbdb;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top: 0;
    margin-top: -4px;
    padding-top: 15px;
    padding-bottom: 15px;
}
hr.dots{
    border-top: 1px dotted var(--blue);
}
.site_table_tr.header_tr{
    background-color: #fff
}
.site_table_tr .site_table_th:last-child{
    border-right: 0
}
.site_table_tr.header_tr  .site_table_th{
    border-bottom: 1px solid #dcdcdc
}
.dt_picker_icon{
    position: absolute;
    height: 40px;
}
.ps_relative{
    position: relative
}
.dt_picker_icon {
    position: absolute;
    height: 32px;
    width: 35px;
    margin-top: -32px;
    right: 16px;
    border-left: 1px solid #dcdcdc;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
}
.dt_picker_icon.time{
    background-image: url(../img/booking/time.png)
}
.no_brd{
    border: 0
}
#demo_s{
    overflow: auto
}
.show_in_767{
    display: none
}
.spc_btw{
    display: flex;
    justify-content: space-between
}
.report_boxes .data_row{
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.report_sales_box .data_row{
    padding: 14px 0
}
.data_row .gray{
    color: #8b9dac;
}
.report_sales_box .data_row .gray{
    color: #8b9dac;
    width: 40%
}
.report_boxes .data_row:last-child{
    border-bottom: 0
}
.report_boxes .box_header{
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    text-transform: capitalize
}
.donut-segment {
    animation-name: fill-in;
    animation-fill-mode: forwards;
    animation-duration: 2000ms;
    /*   animation-timing-function: ease-in-out; */
    /*   opacity: 0; */
}

@keyframes fill-in {
    from {
        /*     opacity: 0; */
        stroke-dashoffset: 0;
    }
    to {
        /*     opacity: 1; */
    }
}

.report_boxes .total_num{
    margin: 0;
    color: #5a5a5a;
    font-size: 20px;
    font-weight: normal;
}
.total_num span{
    font-size: 11px;
    font-weight: normal;
    margin-left: 4px;
    color: #8796a4;
}
.donut_chart_info{
    width: 65%;
}
.donut_chart_info p{
    width: 50%;
    margin-bottom: 5px;
    float: left;
    color: #8796a4;
}
.donut_chart_info .spc_btw{
    margin-bottom: 10px;
}
.donut_chart_info .spc_btw:last-child{
    margin-bottom: 0
}
span.cht_index{
    width: 11px !important;
    height: 11px !important;
    border-radius: 50%;
    display: inline-block
}
span.cht_index.blue{
    background: var(--blue);
}
span.cht_index.perpol{
    background:#2a3a93
}
span.cht_index.d-gray{
    background:#5a5a5a
}
span.cht_index.gray{
    background:#ababab
}
span.cht_index.of-white{
    background:#f2eded
}
.pb-0{
    padding-bottom: 0 !important
}
.report_boxes .box_header{
    font-size: 16px;
    color: #7c8d9c
}
.d-block-child p{
    display: block;
    float: none;
    width: 100%
}
.item_pic{
    height: 25px;
    width: 25px;
    border: 1px solid var(--blue);
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle
}
.item_pic img{
    height: 23px;
    width: 23px;
    border-radius: 50%;
}
.report_boxes .items_box .data_row span:nth-of-type(2){
    width: 65%;
    padding-top: 4px;
}
.items_table{
    width: 100%;

}
.items_table .gray{
    color: #8b9dac
}
.items_table td{
    padding: 5px
}
.items_table tr{
    background: transparent!important
}
.footer_btn_form{
    text-align: end;
    padding: 20px 10px;
}
.footer_btn_form .btn{
    height: 30px;
    min-width: 120px
}
.pannel-header h3{
    padding: 0px 15px;
    font-size: 17px;
    color: var(--blue);
}
.border_div{
    border: 1px solid #ccc;
    border-radius: 5px
}
.shorten_url_box{
    position: relative
}
.shorten_url_box i{
    position: absolute;
    left: 10px;
    top: 9px;
    font-size: 17px;
    color: #637381;
}
.shorten_url_box button{
    position: absolute;
    right: 10px;
    top: 4px;
    font-size: 11px
}
.shorten_url_box input{
    padding:0 40px;
    height: 35px;
}
/**** package design starts ****/
.acc_expir_note {
    height: 42px;
    background-color: #ad0101;
    color: #fff;
    z-index: 1;
    width: 100%;
    position: relative;
    top: 43px;
    padding-left: 265px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 900;
    padding: 0 15px !important
}
.acc_expir_note .btn{
    margin: 0 10px;
    color: #ad0101 !important;
    text-transform: capitalize;
    /*width: 180px;*/
    font-size: 15px;
    padding: 0 4px;
    border-radius: 7px
}

#container.mainnav-sm .acc_expir_note{
    padding-left: 85px
}
.rtl #container.mainnav-sm .acc_expir_note{
    padding-left: 0;
    padding-right: 85px;
}
.acc_expir_note .btn:hover,
.acc_expir_note .btn:focus{
    -moz-box-shadow: 0px 0px 0 0.25em #cccccca1;
    -webkit-box-shadow: 0px 0px 0 0.25em #cccccca1;
    box-shadow: 0px 0px 0 0.25em #cccccca1;
}
.pck_item_box{
    display: flex;
    width: calc(100% - 200px);
    overflow-x: auto;
    padding-top: 30px;
    margin-top: -30px;
}
.pck_item_box .owl-carousel .owl-stage-outer{
    margin-top: -30px;
}
.pck_item_box .owl-stage{
    padding-top: 30px;
}
.pck_item_box .owl-item .pck_item.val_col{
    width: 95% !important;
    min-width: 200px !important
}
.owl-theme .owl-dots .owl-dot span{
    height: 13px;
    width: 13px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color: var(--blue);
}
.pck_item{
    box-shadow: 0 0 4px #ccc;
    /* width: calc(33.3% - 14px); */
    margin: 0 5px 5px;
    display: inline-block;
    border-radius: 10px;
    vertical-align: top;
    margin-bottom: 30px
}
.pck_item.title_col{
    width: 235px !important;
    min-width: auto;
    height: max-content;
    margin: 0 10px 0 0 !important;
}
.rtl .pck_item.title_col{
    margin: 0 0 0 10px !important;
}
.pck_item.val_col{
    height: max-content;
}
.pck_item .item_header{
    height: 150px;
    position: relative;
}
.pck_item i.uncheck{
    color: #2A3A93;
}
.pck_item.title_col .item_header{
    background-image: linear-gradient(to right, #2A3A93, var(--blue));
    padding: 15px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.pck_item.title_col .item_header img{
    height: 22px;
    margin-top: 30px
}
.pck_item.title_col .item_header h2{
    color: #fff;
    font-size: 21px
}
.pck_item .item_header svg{
    position: absolute;
    top: -18%;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
}
.pck_item.val_col .item_header h2{
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 80px;
    width: 150px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal !important;
    top: -12%;
    width: max-content;
    max-width: 150px;
}
.pck_item.val_col .item_header .price{
    height: 100%;
    padding-top: 85px;
    text-align: center;
    color: var(--blue);
    font-size: 14px;
    overflow:auto;
    display: flex;
    justify-content: center;
}
.pck_item.val_col .item_header .price >span{
    display: inline-block;
    vertical-align: top
}
.pck_item.val_col .item_header .price sup{
    top: -1em;
    font-size: 14px;
    margin: 0 3px
}
.pck_item.val_col .item_header .price .num{
    font-size:27px;
    font-weight: bold;
    line-height: 1;
}
.pck_item.val_col .item_header .price .per{
    text-align: end
}
.pck_item.val_col .item_header .price .line{
    display: inline-block;
    height: 80%;
    border-right: 1px solid #2a3a93;
    margin: 0 10px;
    transform: rotate(15deg);
}
.pck_item ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.pck_item ul li{
    padding: 0 10px;
    height: 50px;
    line-height: 40px;
    color: #7c7c7c;
    font-size: 15px;
    position: relative
}
.pck_item ul li p{
    line-height: 1;
    position: absolute;
    width: calc(100% - 20px);
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;

}
.pck_item.val_col ul li p{
    justify-content: center;
}
.pck_item ul li:nth-child(odd){
    background: #f5f6fa
}
.pck_item.val_col li{
    color: var(--blue);
    text-align: center;
    font-size: 15px;
    font-weight: bold
}
.pck_item.val_col li i{
    font-size: 20px
}
.pck_item.val_col li .site_btn{
    height: 32px;
    line-height: 30px;
    padding: 0;
    border-radius: 20px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 145px;
    background-image: linear-gradient(to bottom, var(--blue), #2A3A93);
    font-weight: bold
}
.pck_item.val_col li .site_btn:hover{
    background-image: linear-gradient(to top, var(--blue), #2A3A93);
}
.pck_item.val_col li .site_btn:focus{
    box-shadow: 0 0 0 0.3rem rgb(27, 169, 230,0.25);
}
.panel-heading.pkg .chosenImage-container .chosen-single span{
    background-size: 23px;
    height: 26px;
    margin-right: 10px;
    background-position: left 5px;
}
.panel-heading.pkg .chosenImage-container{
    width: 100px !important;
}
.panel-heading.pkg{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 10px 0
}
.panel-heading.pkg .panel-title{
    border: 0
}
.panel-heading.pkg .chosenImage-container .chosen-single{
    line-height: 26px;
    padding-left: 5px;
    padding-right: 5px;
}
.panel-heading.pkg .chosen-container-single .chosen-single div{
    top: 2px;
}
.tab-stacked-left .nav-tabs>li a{
    text-transform: capitalize
}
/****************************media**************************/
@media(max-width:1199px){
    .pck_item.title_col .item_header img {
        height: 20px;
    }
    .pck_item.title_col .item_header h2 {
        font-size: 18px;
    }
    .pck_item.val_col .item_header h2 {
        font-size: 20px;
        height: 60px;
        line-height: 40px
    }
    .pck_item.val_col .item_header .price .num {
        font-size: 23px;
    }
    .pck_item.val_col .item_header .price sup {
        top: -.7em;
        font-size: 12px;
    }
}
@media(max-width:1024px){
    .pck_item.val_col .item_header .price .line {
        display: inline-block;
        height: 70%;
        border-right: 1px solid #2a3a93;
        margin:0px 5px;
        transform: rotate(15deg);
    }
    .pck_item.val_col .item_header h2 {
        font-size: 15px;
        height: 50px;
        line-height: 34px
    }
    .pck_item.val_col .item_header .price .per {
        font-size: 12px;
    }
    .pck_item.val_col .item_header .price {
        height: 100%;
        padding-top:90px;
        overflow:auto;
    }
    .pck_item.val_col .item_header .price .num {
        font-size: 17px;
    }
}
/**** package design ends ****/
.app_service_page{
    display: flex
}
.app_service_page .content_box{
    width: calc(100% - 210px);
    margin-right: 10px
}
.app_service_page .filter_box{
    width: 200px;
    padding: 0
}
.filter_box > .box{
    padding: 5px 10px;
    border-radius: 0
}
.filter_box > .box .filter_list{
    padding: 0 10px
}
.filter_box .btn-link{
    text-decoration: none;
    display: block;
    width: 100%;
    color: var(--blue);
    font-size: 13px;
    text-align: initial;
    padding: 7px 0;
}
.filter_box .btn-link:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    margin-top: 5px;
    font-size: 11px;
    float: right;
}
.filter_list h3{
    font-size: 15px;
    color: var(--blue);
}
.wave_img_box{
    padding-bottom: 25px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    height: 180px;
    position: relative
}
.wave_img_box:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    height: 10px;
    background-size: 20px 20px;
    background-image: radial-gradient(circle at 10px -5px, transparent 12px, #fff 13px);

}
.wave_img_box:after{
    /*content: "";*/
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    height: 15px;
    background-size: 40px 20px;
    background-image: radial-gradient(circle at 10px 15px, #fff 12px, transparent 13px);
}
/*    .app_service_page .content_box .item{
        transition:all .5s ease
    }*/
.app_service_page .content_box .item .box{
    position: relative;
    overflow: hidden;
    /*max-width: 280px;*/
    margin-left: auto;
    margin-right: auto;
    /*min-width: 225px*/
}
.app_service_page .content_box .item .box .box_body{
    margin-top: -30px;
    position: relative;
    padding: 10px;
    color: #637381;
    height: 215px
}
.app_service_page .content_box .item .box .box_body .desc{
    font-size: 11px;
    height:63px;
    overflow: hidden
}
.app_service_page .content_box .item .box .box_body .btn img{
    height: 16px
}
.app_service_page .content_box .item .box .box_body .order_try .btn{
    width: 49%
}
.app_service_page .content_box .item .box .title_row{
    margin-bottom: 5px;
    margin-top: 5px
}
.app_service_page .content_box .item .box .title_row h3{
    margin: 0;
    font-size: 14px;
    text-transform: capitalize;
    color: #637381;
    /*font-weight: bold*/
    height: 18px
}
.app_service_page .content_box .item .box .box_body .edit_btn{
    display: flex;
}
.app_service_page .content_box .item .box .box_body .edit_btn .btn i{
    font-size: 14px
}
.app_service_page .content_box .item .box .box_body .edit_btn .btn:first-child{
    width: calc(100% - 30px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 2px;
}
.app_service_page .content_box .item .box .box_body .edit_btn .btn:last-child{
    width: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0
}
.mainnav-lg .app_service_page .content_box .item .item_img {
    height: 170px;
}
.app_service_page .content_box .item .box .title_row h3.title{
    color: var(--blue);
    width: calc(100% - 60px);
    margin-right: 5px;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: bold;
    margin: 0 !important;
    height: 25px
}
.app_service_page .content_box .item .box .title_row h3.prc{
    width: 55px;
    text-align: end;
    color: #2a3a93;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
}
.app_service_page .content_box .item .item_img{
    height: 200px;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden
}
.app_service_page .content_box .item svg{
    width: 100%;
    height: 60px;;
    position: absolute;
    bottom: -8px
}
.app_service_page .content_box .item .wave{
    width: calc(100% + 30px);
    position: absolute;
    height: 60px;
    left: -15px;
    right: -15px;
    margin: auto;
    bottom: -6px;
}
#app_services_update .with_box_hed .col-md-4 .form-group{
   display: flex;
   padding-top: 15px
}
.app_free_trail .title{
    color: var(--blue);
    margin-bottom: 15px;
}
.app_free_trail .modal-body{
    text-align: initial
}
.app_free_trail .modal-footer{
    justify-content: center;
}
.app_free_trail .modal-content{
    border-radius: 20px
}
.free_on{
    height: 15px
}
.animals {
    margin-top: 30px;
}
.animal {
    padding: 15px 20px;
    width: 100%;
    font-weight: 700;
    background: rgba(0,0,0,0.1);
    margin-bottom: 5px;
}
.check_container{
    font-size: 13px;
    padding-left: 25px;
    text-transform: capitalize
}
.check_container .checkmark{
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border-color: #999;
    background-color: #fff;
}
.check_container .checkmark:after{
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border-width: 0 2px 2px 0;
}
.check_container:hover input ~ .checkmark {
    background-color: #f5f6fa;
}
.check_container input:checked ~ .checkmark {
    background-color: var(--blue);
    border-color: var(--blue);
}
.check_container input:focus ~ .checkmark {
    box-shadow: 0 0 0 0.25em #1ba9e64a;
}
.continents-wrap {
    float: left;
    width: 20%;
    margin: 0 5% 0 0;
    padding: 0;
}

.flowers-wrap {
    float: left;
    width: 20%;
    margin: 0 5% 0 0;
    padding: 0;
    position: relative;
}

.flowers {
    float: left;
    width: 50%;
}

.flowers div {
    float: left;
    width: 90%;
    height: 68px;
    line-height: 68px;
    padding: 0 5%;
    background: #eee;
    margin: 0 0 1px;
    position: relative;
}
.w-100{
    width: 100%
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary,
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active {
    background-color: var(--dark-blue) !important;
}
.btn-primary:focus, .btn-info:focus{
    box-shadow: 0 0 0 0.25em rgba(27, 169, 230, .25)
}
.filter_tag{
    padding: 10px 0
}
.filter_tag span{
    display: inline-block;
    background-color: rgb(27, 169, 230,.25);
    color: var(--blue);
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 11px;
    cursor: context-menu;
}
.filter_tag span img{
    height: 15px
}
.filter_tag span.paid{
    background-color: rgba(99, 115, 129, .25);
    color: #637381;
}
.filter_box .input-group.search .input-group-addon{
    min-width: 30px;
    padding: 0
}
.filter_box .input-group.search{
    padding-top: 10px;
    border-top: 1px solid #637381;
}
.tab-content .form-horizontal.app_service .control-label + div{
    min-height: 30px;
    border: 0
}
.tab-content .form-horizontal.app_service{
    padding-top: 15px
}
.app_service .form-control{
    margin: 0 !important
}
.tab-content .form-horizontal.app_service,
.tab-content .form-horizontal.app_service .form-group{
    background-color: #fff
}
.tab-content .form-horizontal.app_service .control-label{
    height: auto;
    padding: 10px
}
.red_str{
    color: red;
    font-size: 18px;
    line-height: 0
}
.tab-content .form-horizontal.app_service .form-group{
    padding-bottom:  20px
}
.tab-content .form-horizontal.app_service >.row{
    padding: 0 15px
}
.ftr_form_btn{
    padding: 0 15px 25px;
}
.ftr_form_btn .btn{
    min-width: 120px
}
.form-group .note{
    font-size: 11px;
    color: #909ba5;
    position: absolute;
    bottom: 0;
}
#container .after{
    display: none
}
/****************************media**************************/
@media(max-width:1199px){
    .app_service_page .content_box .item .item_img{
        height: 180px
    }
}
@media (min-width: 992px){
    .modal-lg {
        max-width: 800px;
    }
}
@media(max-width:991px){
    .canvas_box{
        height: 300px
    }
    .pck_item.title_col .item_header img {
        height: 18px;
    }
    .pck_item ul li{
        font-size: 13px !important
    }
    .pck_item.title_col{
        width: calc(50% - 10px);
        margin: 0;
        margin-bottom: 20px
    }
    .pck_item.val_col{
        width: calc(50% - 13px);
    }
}
@media(max-width:767px){
    #container.mainnav-sm #content-container, #container.mainnav-sm #footer{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .tab-content .form-horizontal .control-label + div{
        border-right: 0 !important;
        border-left: 0 !important
    }
    .form-control{
        margin-bottom: 10px
    }
    .form-horizontal .control-label{
        display: block
    }
    .form-horizontal .control-label + div {
        border-left: 0 !important;
        border-right: 0 !important;
    }
    #container.mainnav-sm #mainnav-container{
        width: 250px !important
    }
    #container.mainnav-sm #navbar .navbar-brand{
        width: 100% !important;
        text-align: center
    }
    #container.mainnav-in.footer-fixed #footer, #container.mainnav-in #navbar, #container.mainnav-in #content-container, #container.mainnav-in #footer{
        left: 0
    }
    #container.mainnav-in .navbar-header {
        left: auto;
    }
    #container.mainnav-in .tgl-menu-btn {
        right: 0;
    }
    .navbar-content{
        position: static;
        height: 0;
        overflow: hidden
    }
    .navbar-top-links .tgl-menu-btn{
        top: 0;
        left: 0;
        right: auto
    }
    #content-container{
        padding-top: 50px
    }
    .navbar-brand img{
        /*padding: 8px;*/
        position: absolute;
        left: auto;
        right: 0;
        top:0;
    }
    #container.mainnav-in .navbar-brand, #container.mainnav-lg .navbar-brand, #container.mainnav-in .brand-title, #container.mainnav-lg .brand-title{
        width: 100% !important;
        text-align: center
    }
    #mainnav-container{
        transition:all .7s
    }
    .sidebar-open #container .after{
        display: block;
        background-color:rgba(0,0,0,.7);
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        right:0;
        left: 0;
        z-index: 9
    }
    .form-control{
        z-index:  0
    }
    .hide_in_767{
        display: none !important
    }
    .show_in_767{
        display: block
    }
    .show_in_767 .brand-text{
        display: inline;
        position: absolute;
        margin: 0;
        left: 0;
        right:0;
        margin: auto !important
    }
    .show_in_767 .brand-text a{
        color: var(--blue);
    }
    li.show_in_767{
        padding: 20px 5px;
        border-bottom: 2px solid #ccc
    }
    li.show_in_767 .d-flex{
        display: flex
    }
    li.show_in_767 .d-flex i{
        margin: auto;
        display: block;
        margin-bottom:5px
    }
    .text-overflow{
        text-align: center
    }
    .app_service_page .content_box .item .box{
        max-width: 300px
    }
    /*** account expire ****/
    .acc_expir_note,
    #container.mainnav-sm .acc_expir_note{
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 13px;
        text-align: center
    }
    .acc_expir_note .btn {
        margin: 0 15px;
        /*width: 110px;*/
        font-size: 11px;
        padding: 2px 4px;
    }


    /**** account expire ****/
}
.input-group-addon:first-child{
    height: 32px;
    background-color: #fff;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    min-width: 50px;
    padding: 0;
}
.tab-stacked-left .tab-content .form-horizontal .control-label + div .input-group .form-control, .bootstrap-tagsinput{
    margin: 0;
    margin-left: -4px
}
@media(max-width:575px){
    .pck_item.title_col{
        width: 100%;
    }
    .col-md-4.text-right{
        text-align: center
    }
    .app_service_page .filter_box{
        display: none
    }
    .app_service_page .content_box {
        width: 100%;
        margin: auto;
    }
    /** package **/
    .acc_expir_note .btn {
        margin: 0 15px;
        width: 110px;
        font-size: 11px;
        padding: 2px;
        position: absolute;
        bottom: 5px;
        right: 0;
        left: 0;
        margin: auto;
    }
    .acc_expir_note {
        height: 55px;
        line-height: 35px;
    }
    .pck_item.val_col{
        width: 100%;
        margin: 0;
        margin-bottom: 20px
    }
    /** package **/
}
.ar_dis{
    display: none
}
.en_dis{
    display: inline
}
@media(max-width:375px){
    .pck_item.title_col .item_header img {
        height: 13px;
    }
}

.area_wrapper .check_container .checkmark:after {
    left: 7px;
    top: 3px;
}
.area_wrapper .check_container .checkmark {
    height: 20px;
    width: 20px;
}
.area_wrapper .check_container {
    font-size: 13px;
}
.area_search {
    width: 100%;
    margin-bottom: 15px;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}
.check_container.disabled {
    opacity: 0.4;
}
body.rtl .check_container {
    padding-left:  5px;
    padding-right: 35px;
}

.city_rows .btn_remove {
    margin-top: 10px;
}
#content-container{
    min-height: 1850px !important;
}
@media(min-width:768px) {
    .rtl #container.mainnav-sm #mainnav-menu a .badge,.rtl #container.mainnav-sm #mainnav-menu a .arrow {
        left: 2px;
    }
    .show_in_767{
        display: none !important
    }
}

@media(max-width:767px){
    .pck_item:nth-of-type(6), .pck_item:nth-of-type(4), .pck_item:nth-of-type(5) {
        width: calc(50% - 13px);
    }
    #search_form .btn{
        margin: 5px;
    }
}
@media(max-width:575px){
    .pck_item:nth-of-type(6), .pck_item:nth-of-type(4), .pck_item:nth-of-type(5) {
        width: calc(100%);
    }
}
.package_items{
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#navbar{
    z-index: 1001;
}
#container #mainnav-container{
    z-index: 1000
}
.form-control{
    line-height: 32px;
    padding-top: 0;
    padding-bottom: 0;
}
.modal-header{
    display: flex;
    justify-content: space-between
}
.modal-header .close{
    font-size: 24px;
    margin: 0;
}
input[type="color"] {
    margin-top: 5px;
}
.modal-header:before{
    display: none
}
.modal-header .close{
    order: 2
}
.bootstrap-table .table thead>tr>th{
    vertical-align: middle
}
.fixed-table-body thead th .th-inner{
    white-space: normal;
    font-size: 13px;
    text-align: center;
    padding: 0 3px !important;
}
#working_hours{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0;
}
.border-box{
    border: 1px solid #ccc;
    margin: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.border-box .form-group h4{
    width:100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-bottom: 10px
}
li.country_tab{
    display: block;
    width: 100%;
    margin: 0 !important
}
#weight_ranges .panel-control .nav-tabs>li.country_tab>a {
    line-height: normal !important;
    min-height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
#search_form .form-control[type="number"]{
    height: 34px
}
#search_form .chosen-container{
    margin-bottom:0px
}
.p-0-15{
    padding: 0 15px
}
#options_with_quantity .chosen-container {
    margin-bottom: 0px;
}
#options_with_quantity .control-label {
    height: auto;
    padding: 0;
}
#options_with_quantity .table td, #options_with_quantity .table th {
    padding: 5px;
}

#sub_products .control-label {
    height: auto;
    padding: 0;
}

.non_related.hide {
    display: none;
}

body.rtl .alert-title, body.rtl .alert-message {
    text-align: right;
    padding: 0;
}
.chosen-container-single .chosen-single div b{
    background-image: none !important
}
.chosen-container-single .chosen-drop {
    margin-top: -8px;
}
#floating-top-right {
    max-width: 300px;
    right: 15px !important;
    left: unset;
}
@media(max-width:767px){
    #floating-top-right {
        max-width: 220px;
        right: 0 !important;
        left: unset;
    }
}
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span,
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container-single .chosen-search input[type=text],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-rtl .chosen-search input[type=text]{
    background-image: none !important
}
#sale_details{
    padding: 0
}
.ui-tooltip{
    width: max-content;
}
.ui-tooltip .ui-tooltip-content{
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 5px #ccc;
    border-radius: 8px;
}
.branch_tables {
    display: none;
}
.branch_tables .chosen-container  {
    margin-top: 0 !important;
}
#floating-top-right.fadeOut .alert-wrap{
    margin-bottom: 0;
}
#floating-top-right .alert-wrap:not(.in)>.alert,
#floating-top-right .alert-wrap.fadeOut>.alert{
    opacity:0;height: 0;padding-top: 0;padding-bottom: 0;
    -webkit-animation: customfadeout 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: customfadeout 0.5s; /* Firefox < 16 */
        -ms-animation: customfadeout 0.5s; /* Internet Explorer */
         -o-animation: customfadeout 0.5s; /* Opera < 12.1 */
            animation: customfadeout 0.5s;
}
#floating-top-right .alert-wrap:not(.in)>.alert *,
#floating-top-right .alert-wrap.fadeOut>.alert *{
    opacity: 0;
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    float: none !important;
    background: transparent;
    color: transparent;
    display: none;
    -webkit-animation: fadeout 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 0.5s; /* Firefox < 16 */
        -ms-animation: fadeout 0.5s; /* Internet Explorer */
         -o-animation: fadeout 0.5s; /* Opera < 12.1 */
            animation: fadeout 0.5s;
}
@keyframes customfadeout {
    from { opacity:1;height: auto;padding-top: 15px;padding-bottom: 15px; }
    to   { opacity:0;height: 0;padding-top: 0;padding-bottom: 0;}
}
@keyframes fadeout {
    from { opacity: 1;height: auto;overflow: visible; }
    to   { opacity:0;height: 0;overflow: hidden;}
}
#floating-top-right .alert-wrap:not(.in)>.alert .media-body,
#floating-top-right .alert-wrap.fadeOut>.alert .media-body{
   /* height: 0; */
   z-index: -999;
}
#floating-top-right .alert-wrap:not(.in)>.alert .media-body .alert-message,
#floating-top-right .alert-wrap.fadeOut>.alert .media-body .alert-message{
    height: 0 !important;
    margin: 0 !important;
}
#floating-top-right .alert-wrap.in{
    display: inline-block;
    opacity: 1;
}
#floating-top-right .alert-wrap.fadeOut{
    margin-bottom: 0;
    float: none;
}
#floating-top-right .alert-wrap.fadeOut.in{
    display: none;
}
#floating-top-right .alert-wrap.fadeIn.in{
    margin-bottom:10px;
    display: inline-block;
}

#report_table ul {
    margin: 0;
    padding: 0;
    padding-left: 10px;
}

.rtl #report_table ul {
    margin: 0;
    padding-right: 10px;
    padding-left: 0px;
}
.table_row > .table_cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    padding: 10px;
    color: #637381;
    border-right: 1px solid #ccc;
}
.table_inner_row{
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 540px
}
.table_row.empty_data{
    height: 40px;
    overflow: hidden
}
.table_row.empty_data > div {
    position: absolute;
    left: 32px;
    right: 32px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #637381;
    background: #f5f6fa;

}
#report_table{
    margin-top: 0
}
.sm-gray{
    color: #99ABB5;
    font-size: 14px;
    font-weight: normal
}
/****************************NEW PAYMENT METHOD********************************/
.no-border{
    border: 0 !important
}
.new_payment_method{
    background-color: transparent;
        color: #637381;
}
.new_payment_method .note{
   margin: 15px 0;
    /*border: 1px solid #ccc;*/
    padding: 20px 15px;
    border-radius: 5px;
    background-color: #fff;
    color: #637381;
}
.new_payment_method .box .pgate-icon{
    height: 40px;
    display: block;
    margin: auto;
}
.new_payment_method .box.bank-transfer{
    display: flex;
    justify-content: space-between
}
.new_payment_method .box.bank-transfer img{
    height: 30px;
    align-items: center;
    justify-content: center
}
.new_payment_method .box.bank-transfer p{
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    color: #637381;
    padding: 0 10px;
    font-size: 14px;
}
.new_payment_method .box.bank-transfer .btn-primary{
    height: max-content;
    color: #fff
}
.new_payment_method .gateway{
    text-align: center;
    height: 100%
}
.new_payment_method .gateway p{
    color: #637381
}
.new_payment_method{
    position: relative
}
.new_payment_method .gateway_details{
    position: absolute;
    top: 0;
    /*background: #fff;*/
    bottom: 0;
    left: 0;
    right: 0;
    /*padding: 15px 30px;*/
    display: none;
    overflow: auto
}
.new_payment_method .gateway_details > .box{
    padding: 15px 30px;
    text-align: initial;
    position: relative;
    z-index: 99
}
.details_header.spc_btw{
    align-items: center
}
.gateway_details .close{
    right: 15px
}
.gateway_details .pgate-icon{
    height: 50px
}
.gateway_details p{
    color: #99a3ad;
    font-size: 13px;
    line-height: initial
}
.table {
    display: table;
    border-collapse: collapse;
}
.table .tr {
    display: table-row;
    border: 1px solid #ddd;
}
.table .tr:first-child {
    font-weight: bold;
    /*border-bottom: 2px solid #ddd;*/
}
.table .tr:nth-child(even) {
    background-color: #f9f9f9;
}
.table .tr .td {
    display: table-cell;
    padding: 8px;
    /*border-left: 1px solid #ddd;*/
}
.table.gatetable{
    border: 0
}
.table.gatetable .tr{
    border: 0;
    color: #637381
}
.table .tr .td.th {
    color: var(--blue);
    font-weight: bold;
}
.table .tr .td{
    vertical-align: middle;
    max-width: 200px
}
.table .tr .td:first-child {
    border-left: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.table .tr .td:last-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.table.gatetable .tr:nth-of-type(even) {
    background: #f7fbff;
}
.table.gatetable .tr:not(.trhead) .td:first-child {
    border-left: 0;
    color: #2a3a93;
    font-weight: bold
}
.table.gatetable .tr:not(.trhead) .td:first-child p{
    color: var(--blue);
}
.table.gatetable{
    margin-bottom: 20px
}
ul.custom_bullet {
    list-style: none;
    position: relative;
    padding: 0
}

ul.custom_bullet li:before {
    font-family:FontAwesome;
    position: absolute;
    left: 0;
    color:var(--blue);
    font-size:9px;
    content:"\f111";
    top: 8px
}
ul.custom_bullet li{
    position: relative;
    padding: 5px 20px;
    color: #99a3ad;
}
.horizantal-wizard{
    display: flex
}
.horizantal-wizard li{
    width: 33%;
    text-align: center;
    border-radius: 1em;
    /*background: #fff;*/
    margin: 0 1em;
    display: inline-block;
    color: var(--blue);
    position: relative;
    /*    border: 2px solid;*/
    font-size: 19px;
    line-height: 1.8em;
}
.horizantal-wizard li span{
    width: 2em;
    border: 2px solid var(--blue);
    height: 2em;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
}
.horizantal-wizard li::before{
    content: '';
    position: absolute;
    top: .9em;
    left: -58%;
    width: 101%;
    height: .2em;
    background: var(--blue);
    z-index: -1;
}



.horizantal-wizard li:first-child::before {
    display: none;
}

.horizantal-wizard .active {
    background: var(--blue);
}

.horizantal-wizard .active ~ li {
    background: lightblue;
}

.horizantal-wizard .active ~ li::before {
    background: lightblue;
}
.new_payment_method .row.d-flex{
    margin-bottom: 20px
}
.new_payment_method .row.d-flex .gateway{
    text-align: center;
    height: 100%;
    margin: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.flexend-items{
    display: flex;
    justify-content: flex-end
}
.gatetable .trhead img{
    width: 60px
}
.table.gatetable.othergate .tr:nth-of-type(even){
    background: transparent
}
.table.gatetable.othergate .tr:nth-of-type(even) .td .bg,
.table.gatetable.othergate .tr.with_bg .td .bg{
    background-color: #f7fbff;
    border-radius: 10px;
    padding: 10px;
    min-height: 40px
}
.table.gatetable.othergate .tr:not(.trhead) .td img{
    width: 30px;
    vertical-align: middle;
    margin: 0 5px
}
.table .tr .td .bg{
    padding: 0 10px;
    position: relative
}
.table.gatetable.othergate .tr:not(.trhead) .td p{
    max-width: 125px;
    text-align: initial;
    margin: auto auto 5px
}
.table.gatetable .tr:not(.trhead) .td:first-child.blue .bg{
    display: flex;
    align-items: center;
    justify-content: center
}

.qmark-tooltip{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: var(--blue);
    color: #fff !important;
    border-radius: 50%;
    line-height: 14px;
}
.qmark-tooltip .qmark-hover {
    position: absolute;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px #ccc;
    right: 55%;
    top: 0;
    padding: 10px;
    min-width: 200px;
    display: none;
    color: #637381

}
.qmark-tooltip:hover  div { display: block; }
.table.gatetable.othergate .tr:not(.trhead) .td .clickhere{
    display: block;
    text-decoration: underline !important;
    color : var(--blue);
}
.gateway_details.apple_pay > .box p{
    font-size: 15px
}
.row.apay_row{
    margin: 0;
    padding-bottom: 20px;
    overflow: auto;
}
.row.d-flex .col{
    padding: 0 10px
}
.apay_row .col{
    width: 20%;
    min-width: 200px;
}
.status:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.status.maust_activated{
    color: #e2b600
}
.status.maust_activated:before{
    content: "\f06a";
}
.status.activated{
    color:#3bb54a
}
.status.activated:before{
    content: "\f058";
}
.apay_row .col img{
    height: 35px;
    margin: 10px auto
}
.apay_row ol{
   color: #637381;
   margin: auto;
   padding: 0 15px 15px
}
.apay_row .box{
    display: flex;
    flex-flow: column;
    height: 100%;
}
.gateway_details.tamara .intro > div{
    display: flex;
    flex-flow: row;
    justify-content: space-between
}
.gateway_details.tamara .intro div:first-child img{
    height: 70px
}
.gateway_details.tamara .intro img + div{
    width:100%;
    padding: 0 10px
}
.gateway_details.tamara .intro > div.contact div img{
    width: 15px;
    height: auto
}
.gateway_details a{
    color: inherit
}
.border-right{
    border-right: 1px solid #ccc
}
.accordion h2{
    border-bottom: 1px solid #ccc;
    position: relative
}
.accordion h2 button{
    padding: 10px 0;
    white-space: normal;
    text-align: initial;
    width: 93%
}
.accordion h2 button i{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    height: max-content;
    font-size: 15px;
}
@media(max-width:1024px){
    .apay_row .col{
        width: 100%
    }
    .new_payment_method .row.d-flex{
        display: block
    }
    .new_payment_method .row.d-flex .gateway{
        margin-bottom: 20px
    }
}
.rates-box{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-between;
    padding: 5px;
}
.rates-box .box{
    margin: 10px 5px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #637382;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    border: 3px solid transparent;
    padding: 10px;
}
.rates-box .box .icon_bg{
    height: 50px;
    width: 50px;
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    background-color: rgb(27 169 230 / 10%);
    border-radius: 50%;
}
.rates-box .box .number{
    color: var(--blue);
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
}
.actions-btn-end{
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
}
.btn-outline-primary{
    border-radius: 10px;
    background-color: #fff;
    color: var(--blue);
    border: 1px solid var(--blue)
}
.btn-outline-primary:hover,
.btn-outline-primary:focus, .btn-outline-primary.focus,
.btn-outline-primary:active, .btn-outline-primary.active{
    color: #fff;
    background-color: var(--blue);
}
.normalFilter{
    background:rgb(27 169 230 / 10%);
    padding: 15px 15px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.normalFilter .items{
    display: flex;
    align-items: center;
    width: auto
}
.normalFilter .items > *{
    width: auto
}
.normalFilter .chosen-container,
.normalFilter .form-group{
    margin: 0;
}
.btn.form-control{
    background-color: #fff;
}
.normalFilter .chosen-container-single .chosen-single{
    border-radius: 5px;
}
.vendor_orders_table{
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0 15px;
    font-family: inherit;
}
.vendor_orders_table th,
.vendor_orders_table td{
    border: 0 !important;
}
.vendor_orders_table th{
    padding: 5px !important;
}
.vendor_orders_table tr{
    box-shadow: 0 0 4px #ccc;
    border-radius: 0;
    border:0
}
.vendor_orders_table thead tr{
    border-radius: 5px;
}
.vendor_orders_table tbody td:first-child{
    border-left: 7px solid !important;
}
.vendor_orders_table tbody td.pending {
    border-color: #f99c4d !important;
}
.vendor_orders_table tbody td.preparing {
    border-color: #ecb33a !important;
}
.vendor_orders_table tbody td.on_delivery {
    border-color: #54b6e9 !important;
}
.vendor_orders_table tbody td.delivered{
    border-color: #275b28 !important;
}
.vendor_orders_table tbody td.canceled {
    border-color: #e64a5f !important;
}
/**/
.vendor_orders_table tbody td.pending .chosen-single{
    color: #f99c4d !important;
}
.vendor_orders_table tbody td.preparing .chosen-single{
    color: #ecb33a !important;
}
.vendor_orders_table tbody td.on_delivery .chosen-single{

    color: #54b6e9 !important;
}
.vendor_orders_table tbody td.delivered .chosen-single{

    color: #275b28 !important;
}
.vendor_orders_table tbody td.canceled .chosen-single{
    color: #e64a5f !important;
}
.vendor_orders_table .order_details ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: initial;
    min-height: 190px;
}
.vendor_orders_table .order_details ul li{
    padding: 5px 7px;
    white-space:normal;
    /* max-width: 300px; */
}
.vendor_orders_table .order_details ul li.spc_btw{
    padding: 0;
}
.vendor_orders_table .order_details ul li.spc_btw .btn-outline-primary{
    background-color: #fff !important;
    color: var(--blue) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 0;
}
.vendor_orders_table .order_details ul li.spc_btw .btn{
    width: 100%;
    margin: 2px !important;
}
.vendor_orders_table .order_details ul li.spc_btw .btn img{
    margin: 3px;
    width: auto !important;
}
.vendor_orders_table .order_details ul li img{
    width: 17px;
    margin: 5px;
}
.vendor_orders_table .order_details ul li span.icon{
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    margin-left: 0;
}
.vendor_orders_table .order_details ul li i{
    margin: 0 3px;
}
.vendor_orders_table .order_details .row::before,
.vendor_orders_table .order_details .row::after{
    display: block;
}
.vendor_orders_table .order_details .row{
    padding: 15px 0;
    margin:0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.vendor_orders_table .order_details .row:not(:last-child){
    border-bottom: 1px solid #ccc;
}
.vendor_orders_table .order_details .row > [class*='col-']{
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    padding:0 10px
}
.vendor_orders_table .order_details .details_header{
    background-color: rgb(27 169 230 / 10%);
    color: var(--blue);
}
/**/
.chosen-results .pending{
    color: #f99c4d !important;
}
.chosen-results .preparing{
    color: #ecb33a !important;
}
.chosen-results .on_delivery{
    color: #54b6e9 !important;
}
.chosen-results .delivered{
    color: #275b28 !important;
}
.chosen-results .canceled{
    color: #e64a5f !important;
}
.chosenImage-container .chosen-single span{
    background-position: left 0px;
}
.vendor_orders_table th:nth-child(3),
.vendor_orders_table th:nth-child(8){
    min-width: 100px;
}
.vendor_orders_table th:first-child,
.vendor_orders_table td:first-child {
    min-width: 130px;
    white-space: nowrap
}
.chosenImage-container .chosen-results li, .chosenImage-container .chosen-single span {
    background: none 3px center / 19px 19px no-repeat;
}
.payment_status_label{
    background-color: transparent !important;

}
.payment_status_label.label-purple{
    color: #275b28 !important;
}
.view_order_btn{
    background-color: var(--blue) !important;
    color: #fff !important;
    border-radius: 5px;
    margin: auto !important;
}
.edit_order_btn{
    background-color: #2a3b93 !important;
    color: #fff !important;
    border-radius: 5px;
    margin: auto !important;
}
.edit_order_btn:hover{
    background-color: #1f2c71 !important;
}
.cancel_order_btn{
    /* background-color: #e64a5f !important; */
    color: #fff !important;
    border-radius: 5px;
    margin: auto !important;
}
.cancel_order_btn::before{
    content: unset;
}

.btn {
    border-radius: 10px;
    cursor: pointer !important;
}
.vendor_orders_table .order_details ul li .chosen-container,
.vendor_orders_table .order_details ul li .chosen-single,
.vendor_orders_table .order_details ul li .chosen-drop,
.vendor_orders_table .order_details ul li ul{
    /* width:150px !important; */
    min-width: 80px;
    min-height: auto;
}
.vendor_orders_table .order_details ul li .chosen-single{
    padding: 3px;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.table .chosen-container{
    margin: 0;
}
.vendor_orders_table td{
    position: relative;
}
.cash_method{
    position: absolute;
    top:5px;
    right:0;
    left:0;
    line-height: 10px;
}
.table .pay_icon{
    display: block;
    height: 20px;
    margin: auto;
}
.chosen-container.chosen-with-drop .chosen-drop{
    margin-top: 0;
}
.align-end{
    align-items: flex-end;
}
button.pin_search{
    min-width: auto !important;
    padding: 0 !important;
}
button.pin_search img{
    height: 23px;
}
#searchFilter.pinned{
    display: block;
}
#searchFilter.pinned button.pin_search img.on{
    display: block;
}
#searchFilter:not(.pinned) button.pin_search img.on{
    display: none;
}
#searchFilter.pinned button.pin_search img.off{
    display: none;
}
#searchFilter:not(.pinned) button.pin_search img.off{
    display: block;
}
.table-footer-btns .btn{
    margin:10px 5px !important;
}
.vendor_orders_table tbody td span.payment-pending .chosen-single{
    color: #e64a5f !important;
}
.vendor_orders_table tbody td span.payment-paid .chosen-single{
    color: #275b28 !important;
}
.chosen-results .payment-pending{
    color: #e64a5f !important;
}
.chosen-results .payment-paid{
    color: #275b28 !important;
}
.vendor_orders_table .check_container{
    padding: 0 12px !important;
}
.chosen-container-single .chosen-single{
    border-radius: 7px;
}
.vendor_orders_table .order_details ul li label{
    width: 100px;
}
.vendor_orders_table .order_details ul li .input_ogo{
    margin-top: 10px;
}
.rates-box .box.active{
    border: 3px solid rgb(27 169 230 / 40%);
}
.normalFilter .table-footer-btns{
    display: flex;
}
.normalFilter .table-footer-btns .btn{
padding: 5px;
border-radius: 7px;
max-width: 33%;
white-space: normal;

}
td .label{
    display: block;
    padding: 5px;
}
tr.open_tr .parent.fa::before{
    content: "\f106" !important;
}
tr:not(.open_tr) .parent.fa::before{
    content: "\f107" !important;
}
/*********MEDIA**********/
@media (max-width:991px){
    .rates-box{
        justify-content: flex-start;
    }
    .rates-box .box{
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }
    .normalFilter .items{
        flex-flow: column;
        align-items: flex-start;
    }
    .normalFilter .items h3{
        font-size: 15px;
        padding: 0 5px
    }
    .normalFilter .items .btn{
        padding-left: 5px;
        padding-right: 5px;
    }
    .normalFilter .items > *{
        width: 100%;
        margin: 3px 0;
    }
    .pck_item.val_col .item_header h2{
        top: -6px;
        max-width: 120px;
    }
}
@media screen and (max-width:767px){
    .normalFilter{
        flex-flow: column;
    }
    .normalFilter .items{
        width: 85%;
        flex-flow: column;
    }
    .normalFilter .table-footer-btns .btn{
        width: 100%;
        max-width: 100%;
    }
    .normalFilter .table-footer-btns{
        width: 85%;
    }
    .pck_item_box .owl-item .pck_item.val_col{
        min-width: 90%  !important;
        width: 90%  !important;
        margin: 0 5px 5px;
    }
    .pck_item.title_col{
        width: 40% !important;
    }
}
@media (max-width:575px){

    .pck_item_box{
        width: 100%;
        min-width: 180px;
    }
    .rates-box .box{
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        margin: 10px auto;
    }
    .actions-btn-end{
        flex-flow: column;
    }
    .normalFilter .table-footer-btns{
        flex-flow: column;

    }
    .normalFilter .table-footer-btns .btn{
        margin: 4px 0 !important;
    }

}
.pck_item.title_col .item_header img{
    width: 100% !important;
    height: auto !important;
}
@media print {
    .rmv_inprint,
    #codeigniter_profiler,
    .wrapper-AtBcr,
    .chat-3hDPX,
    .containerForWidget-2jSmS,
    #launcher, iframe {
        display: none !important;
    }
}

.vendor_orders_table .chosen-container-single .chosen-single span{
    margin-right: 15px;
    text-align: center;
}
.rtl .vendor_orders_table .chosen-container-single .chosen-single div{
    left: 8px;
}
.rtl .vendor_orders_table .chosenImage-container .chosen-single{
    padding-left: 5px;
}
.rtl .vendor_orders_table  .chosen-container-single .chosen-single{
    padding-left: 5px;
}
.rtl .vendor_orders_table .chosen-container-single .chosen-single span{
    margin-left: 20px;
}
.vendor_orders_table .chosenImage-container .chosen-results li, .chosenImage-container .chosen-single span{
    white-space: nowrap;
}
.vendor_orders_table .chosen-container-single:not(.chosenImage-container) .chosen-single span{
    margin-left: 5px;
    text-align: center;
}
.rtl .vendor_orders_table .chosen-container-single:not(.chosenImage-container) .chosen-single span{
    margin-right: 5px;
    margin-left: 20px;
}
.vendor_orders_table .chosen-container .chosen-results li{
    text-align: center;
}
.vendor_orders_table .del_comp_block li,
.vendor_orders_table .paym_sts_block li,
.vendor_orders_table .contact_info li{
    display: flex !important;
    align-items: center;
    gap: 5px;
}
.vendor_orders_table .del_comp_block ul,
.vendor_orders_table .del_comp_block ul li .chosen-container,
.vendor_orders_table .del_comp_block ul li .chosen-container .chosen-single,
.vendor_orders_table .del_comp_block ul li .chosen-drop,
.vendor_orders_table .del_comp_block ul li ul{
    width: 100% !important;
}
.del_comp_block .chosen-container.chosen-with-drop .chosen-drop{
    margin-top: -10px;
}
.vendor_orders_table .chosen-container .chosen-results{
    max-height: 150px;
}

#more_product_groups .btn-danger{
    border-color: #ccc !important;
    background: transparent !important
}
#more_product_groups .btn-danger:before{
    background-size: 13px;
}
.collapse_control{
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
}
.collapse_control a{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.collapsed .fa-arrow-down::before {
    content: "\f062" !important;
}
.mt-10{
    margin-top: 10px
}

.themes-row [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.themes-row [type=radio]+div {
    cursor: pointer;
}
.themes-row [type=radio]:checked+div {
    outline: 2px solid var(--blue);
}
.themes-row [type=radio]:checked+div .theme_title{
    color: var(--blue);
}
.mt-0{
    margin-top: 0;
}
.pt-0{
    padding-top: 0;
}
.tab-pane.themes .gray{
    color: #9f9f9f;;
}
.tab-pane.themes h4{
    font-size: 16px;
}
.tab-pane.themes hr.divider{
    /* width: calc(100% - 30px); */
    border-top: 2px solid #eee;
}
.themes-row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.themes-row label {
    width: calc(33.3% - 20px);
    margin: 10px;
}
.themes-row label img{
    width: 100%;
    margin: 15px 0
}
.themes-row .theme_title{
    color: #62747e;
}
@media screen and (max-width:1024px){
    .themes-row label{
        width: calc(50% - 20px);
    }
}
@media screen and (max-width:575px){
    .themes-row label{
        width: calc(100% - 20px);
    }
}
#modifier_list_option img, #product_modifier_list_option img, #more_additional_options img, #more_product_groups img {
    margin: 0 auto !important;
}
.nested_options_div {
    margin-left: 15px;
}

.variant-menu {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.variant-menu {
    font-size: 15px !important;
}

.variant-menu .variant-accordion-heading {
    position: relative;
}

.variant-menu .variant-accordion-heading .edit {
    position: absolute;
    top: 8px;
    right: 30px;
}

.variant-menu .variant-area {
    border-left: 4px solid #f38787;
}

.variant-menu .variant {
    border-left: 4px solid #98b3fa;
}

.variant-menu .collapse.in {
    overflow: visible;
}

.variant-accordion {
    margin-bottom: 5px;
    margin-top: 5px;
}

.variant-accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.variant-accordion-heading {
    border-bottom: 0;
}

.variant-accordion-heading .variant-accordion-toggle {
    display: block;
    padding: 8px 15px;
}

.variant-accordion-toggle {
    cursor: pointer;
}

.variant-accordion-inner {
    padding: 0px 15px 9px 15px;
    border-top: 1px solid #e5e5e5;
}

.variant-checkbox,
.variant-value-checkbox {
    margin: 10px 12px !important;
}

.variant-radio, .variant-value-radio {
    margin: 10px 12px !important;
    width: 1em;
    height: 17px;
}

.variant-counter {
    margin: 10px 12px !important;
}

.justify-content-start {
    justify-content: flex-start !important;
    display: flex !important;
}

.align-items-center {
    align-items: center !important;
}

.variant-accordion-group>.active,
.variant_values_list>.active {
    background: #95d5ef82 !important;
}

.variant_values_list>li>a:active,
.variant_values_list>li>a:focus,
.variant_values_list>li>a:hover {
    color: initial !important;
    background: none !important;
}

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

.variant_counter_box button {
    border-radius: 15px !important;
    padding: 4px 6px !important;
}

.variat_summary_group {
    font-weight: bold !important;
}

.variat_summary {
    padding-left: 15px;
    text-align: left;
}

.rtl .variat_summary {
    padding-right: 15px !important;
    text-align: right !important;
    direction: rtl !important;
}

.variant-checkbox,
.variant-value-checkbox {
    width: 2em;
    height: 15px;
}

.edit_variant_section_div {
    float: right;
}
.rtl .edit_variant_section_div {
    float: left !important;
}

.rtl .edit_variant_section_div.fa-pencil {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.variant-menu .error {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.hide_main_price{
    text-decoration: line-through !important;
    text-decoration-color: black !important;
}

.hide_special_price{
    display: none;
}
.variant_option_attr p {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    font-weight: 300;
}

.remove_it_o {
    margin: 0px 5px 5px 0px !important;
}
.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
    color: #000;
    background-color: #ffffff94;
    border-color: #828486;
}
.btn-outline-info {
    color: #637381;
    color: #000;
    background-color: #ffffff94;
    border-color: #828486;
}

.popover-content {
    padding: 10px 15px 10px !important;
    border: none !important;
}

.popover {
    width: 100% !important;
}
.pagination  {
    float: right;
    margin: 0px;
}
.rtl .pagination {
    float: left;
}
.modifier_sort {
    cursor: move;
}

.cmg_info input {
    border: none;
    height: 49px;
    width: -webkit-calc(100% - 54px);
    width: -moz-calc(100% - 54px);
    width: calc(100% - 54px);
    margin-right: 4px;
    float: right;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    line-height: 20px;
    height: 28px;
    padding: 14px;
}

.flatpickr-months .flatpickr-month {
    height: 35px;
}
.disabled {
    opacity: 0.4;
}
.rtl .cmg_info input {
    float: left;
}

.rtl .flatpickr-months .flatpickr-month {
    font-size: 11px;
    height: 42px;
}

.rtl .flatpickr-current-month .numInputWrapper {
    width: 14ch;
}
.hidden {
    display: none;
}
.service_img_ogo {
    background-color: #0f75bc;
    background-size: inherit !important;
    background-repeat: no-repeat;
}

.service_img_mashkor,
.service_img_armada {
    background-size: contain !important;
    background-position: unset !important;
}

.installed {
    cursor: default;
}

.service_img_wagon {
    background-size: contain !important;
    background-repeat: no-repeat;
}

.filter_tag span.app_info {
    cursor: pointer;
    background-color: var(--blue);
}

    .filter_tag span.app_info img {
        height: 12px;
    }


    #souq_vendor_product_popup{
        font-size: 14px !important;
    }
    #vendor_selected_products_table {
        table-layout:fixed !important;
        margin:auto !important;
    }
    #vendor_selected_products_table thead {
        display:table !important;
        width:100% !important;
        width:calc(100% - 18px) !important;
    }
    #vendor_selected_products_table tbody {
        height:200px !important;
        overflow:auto !important;
        overflow-x:hidden !important;
        display:block !important;
        width: 100% !important;;
    }
    #vendor_selected_products_table tbody tr {
        display:table !important;
        width:100% !important;
        table-layout:fixed !important;
    }
    #vendor_selected_products_table th, #vendor_selected_products_table td {
        border: none !important;
        padding: 1.5rem !important;
    }
    #vendor_selected_products_table th{
        font-weight: bold !important;
    }
    .failed_sync_order{
        color: red !important;
        font-weight: bold !important;
    }
    .order_sycn_detail{
        color: #637381 !important;
        cursor: pointer;
    }
    .order_sycn_detail i{
        font-size: 15px !important;
    }


body {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.selectable, .printableArea{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}

#selected_products {
    margin-top: 30px;
}

@media (min-width: 1200px){
    .modal-xl {
        max-width: 1140px;
        min-width: 1140px;
    }
}

.product_container .table td:not(:last-child), .product_container .table th:not(:last-child),
.product_container .table td:not(.grand_total) {
    border-right: 0px !important;
    text-align: left;
}
.rtl .product_container .table td:not(:last-child), .rtl .product_container .table th:not(:last-child),
.rtl .product_container .table td:not(.grand_total) {
    border-left: 0px !important;
    text-align: right;
}

.product_container .table tbody tr {
    background: none !important;
}
.product_container .table tbody tr.selected {
    background: #e5e5e5 !important;
}
.loader_div {
    text-align: center;
    display: none;
}
.loader_div img {
    height: 150px;
}
.bootbox-body .modal-body {
    font-size: 14px;
}
#selected_table thead tr th {
    font-weight: bold !important;
}
.products_received {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
.received_quantity {
    font-size: 12px;
}
.orange {
color: #e0a231;
}
.light_green {
    color:rgb(127, 207, 7);
}
.dark_green {
    color:green;
}

#mark_ordered {
    background-color: #e0a231 !important;
    border-color: #e0a231 !important;
}
.green_btn, .green_btn:hover {
    background-color: green !important;
    border-color: green !important;
}
.red_btn, .red_btn:hover {
    background-color:rgb(218, 6, 6) !important;
    border-color: rgb(218, 6, 6) !important;
}
.receiveSummary {
    margin-left: 75px;
    margin-top: -5px;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.receiveSummary .item {
    border-bottom: 1px solid #ddd ;
    padding: 5px 15px;
}
.receiveSummary .red {
    color: red;
}
.receiveSummary .green {
    color: green;
}

.showSummary {
    padding: 5px;
    display: inline-block;
    cursor: pointer;
}

.varianttd {
    padding-left: 50px !important;
}
.rtl .varianttd {
    padding-left: 0px !important;
    padding-right: 20px !important;
}

#inventory_import .bulk_upload_notes li {
    font-size: 14px;
}

.ingredient_costs{
    margin-top: 0;
    background: #eee;
    cursor: not-allowed;
}
.totalCostRow {
    margin: 15px;
    font-size: 13px;
}
.rtl #calculation_hint {
 /*    direction: ltr; */
    text-align: right;
}
.margin-top-24 {
    margin-top: 24px;
}
#events-table .error {
    color: red;
    font-size:12px
}
#transfer_branches {
    position: absolute;
    right: 33px;
    top: 40px;
    font-weight: bold;
    font-size: 13px;
}
.rtl #transfer_branches {
    left: 33px;
    right: auto;
}
.clearInput{
    position: absolute;
    right: 2px;
    top: 15px;
    display: none;
}
.rtl .clearInput{
    position: absolute;
    left: 2px;
    top: 15px;
    right: auto;
}
.working_hours_data
{
    display: none;
}
.margin-top-0
{
    margin-top: 0px !important;
}
#discount_price_div {
    padding: 12px;
    font-size: 15px;
    display: none;
}
.segments_hint {
    display: none;
}
.remove_discounts {
    background: none !important;
    margin-top: 14px !important;
}

.qt_discount_price_div {
    display: none;
}

#more_discounts:before {
    margin-right: 0px !important;
}
.rtl #more_discounts:before {
    margin-left: 0px !important;
}
.action_value_divs {
    display: none;
}
#action_details .chosen-container {
    margin-top: 10px !important;
}
#action_details .chosen-single {
    margin-top: 0px !important;
}
#manage_pages .form_elements {
    display: none;
}
.specific_tab {
    display: none;
}
.non_schedule_order {
    background: #D2F3FF !important;
}

.select_plan_head {
    height: 42px;
    text-align: center;
    color: #1ea9e7;
    z-index: 1;
    width: 100%;
    position: relative;
    top: 43px;
    line-height: 48px;
    font-size: 24px;
    padding: 0;
    margin-top: 20px;
}

.remove_it_o {
         border-color: #ccc !important;
    background: transparent !important;
}
#variant_loader {
    display: none;
}
.product_info_box {
    padding: 0px 15px;
}
.btn-green, .btn-green:hover {
    background-color: green !important;
    border-color: green !important;
    color: #fff !important;
    transition: all .4s ease-in-out;
    border-radius: 10px;
    padding: 7px 25px;
    font-size: 17px;
}
#generate_button_div {
    text-align: right;
    color: #0f75bc;
        padding-bottom: 10px;
}
.rtl  #generate_button_div {
    text-align: left;
}
.apply_price_all {
    padding: 3px;
    cursor: pointer;
}
.remove_vimg_icon  {
 position: absolute;
    margin-top: -8px;
    color: rgb(246 45 45);
    margin-left: -4px;
    font-size: 18px;
}
.remove_vimg_icon.hide {
    display: none;
}
.rtl .remove_vimg_icon  {
    margin-left: auto;
    margin-right: -4px;
}


#variant_overlay {
  width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.5;  /* for demo purpose  */
          background: #eaeff3;
    cursor: not-allowed;
       display: none;
       z-index: 99;
}
#save_hint, .option_limit_hint {
    color: #0f75bc;
    display: none;
}
.has_variants_div i.icon {
 font-size: 30px;
    padding: 10px;
    color: var(--blue);
}
.variant_inputs .btn-outline-info {
    color: var(--blue);
}
.variant_inputs  .btn-check:active+.btn-outline-info,
 .variant_inputs  .btn-check:checked+.btn-outline-info,
 .variant_inputs   .btn-outline-info.active,
  .variant_inputs   .btn-outline-info.dropdown-toggle.show,
  .variant_inputs  .btn-outline-info:active {
    color: var(--dark-blue);
    background-color: #ffffff94;
    border-color:var(--blue)
}

.blue_alert{
    font-size: 13px;
    border-radius: 9px;
    padding: 6px 10px;
    background: #e9f7fd;
    border: 2px solid #4dbcea;
    color: #0a9ad5 !important;
    line-height: 20px;
    margin-bottom: 10px;
}
.blue_alert ul {
    margin: 0;
    padding: 0px 15px;
    line-height: 24px;
}

#modal_new_coupon .modal-content {
    border-radius: 20px;
}
#modal_new_coupon .modal-header {
    background: #f4f4f4;
    border-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
#modal_new_coupon .modal-header:after {
     border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}
#modal_new_coupon .modal-title {
    font-weight: bold;
}
#modal_new_coupon .badge{
        background: none;
    color: #a79f9f;
    font-size: 20px;
    margin-top: 5px;

}

#modal_new_coupon .list-group-item {
    border : 0;
    border-bottom: 1px solid #ddd;
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 8px;
}
#modal_new_coupon .list-icon {
    float: left;
    margin-right : 10px;
    height: 50px;
    line-height: 40px;
}
.rtl #modal_new_coupon .list-icon {
   margin-left : 10px;
   margin-right : 0px;
   float: right;
}
#modal_new_coupon .list-text {
    float: left;
}
.rtl #modal_new_coupon .list-text {
   float: right;
}

#advanced_coupon_form .radio_box_ipt:checked+.radio_box {
    border-color: var(--dark-blue2);
    background: var(--dark-blue2);
    color: #fff;
}
.coupon_list .btn-xs.btn-danger {
color: rgb(212, 28, 28);
}
.coupon_list .btn-xs.btn-labeled {
    margin: 1px 2px;
    border-radius: 0;
    border-color: #dfdfdf;
}
@media (min-width: 992px) {
    #modal_new_coupon .modal-lg {
        max-width: 600px;
    }
}
#product_table .box{
    margin-bottom: 5px;
}

.tab-content .tab-pane {
    border: 1px solid #ebebeb;
    margin-top: 24px;
    border-radius: 7px;
}
.tab-content .tab-pane {
    border: 1px solid #ebebeb;
        margin-top: 24px;
        border-radius: 7px;
}

#add_attribute_field {
        width: 60%;
            margin: 10px auto;
            text-align: center;
            padding: 15px;
            border: 2px solid #ebf1f7;
            font-size: 14px;
            border-radius: 7px;
            color: var(--blue);
            cursor: pointer;
}
#attribute_field_rows {
    padding-top: 20px;
}
#attribute_field_rows .box {
    padding: 10px 15px;
        line-height: 22px;
        width: 80%;
        margin: auto;
        margin-bottom: 16px;
        display: flex;
            justify-content: space-between;
            align-items: center;
}

.box-actions button {
background: none;
    font-size: 16px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 5px;
}
.display_name_badge {
        line-height: 1.8;
            padding: 0px 10px;
}