/*data table styels*/
@import url('https://fonts.googleapis.com/css?family=Cairo');
div.dataTables_wrapper div.dataTables_paginate {float: left;}
div.dataTables_wrapper div.dataTables_info {float: right;}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

body,*{
	text-align: right;
	direction: rtl;
}
nav .container-fluid .navbar-header{
	float: right;
}
.navbar-nav > li, nav .container-fluid #myNavbar{
	float: right;
}
.navbar-toggle .icon-bar{background: #000;}
.neworderview #show_text_inv,.neworderview #text_inv{
	width: 207px !important;
    font-size: 15px;
    border-radius: 4px;
}

#loader_for_movement_page{
	width: 100%;
	height: 300px;
	background-image: url('../../../defaults/modal_loader.gif');
	background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
}
.dataTables_filter, .dataTables_length, .dt-buttons {
    float: left;
    vertical-align: middle;
    width: 30%;
    margin-bottom: -5px;
    margin-top: 10px;
}
div.dataTables_wrapper div.dataTables_length label {float: left;}
#DataTables_Table_0_length .form-control{height: 34px !important}
.dataTables_wrapper .dt-buttons .btn{
    color: #fff;
    border-radius: 0;
    padding: 8px 17px;
    box-shadow: none;
    border: none;
}
.dataTables_wrapper .dt-buttons .buttons-pdf{background-color: #7c5cc4;}
.dataTables_wrapper .dt-buttons .buttons-csv{background-color: #20c997;}
.dataTables_wrapper .dt-buttons .buttons-print{background-color: #007fff;}
.dataTables_wrapper .dt-buttons .buttons-colvis{background-color: #6c757d;}
 
.dt-button-collection{
    padding-top:0;
    padding-bottom: 0; 
}
.dt-button-collection li a{
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff !important;
    background-color: #6c757d;
}
 
.dt-button-collection > .active > a:hover, 
.dt-button-collection > .active > a:focus{
        color: #fff !important;
       
}
div.dataTables_wrapper div.dataTables_filter label {
    text-align: right;
    width: 60%;
}
div.dataTables_wrapper div.dataTables_filter input {
    width: 100% !important;
    padding: 10px 8px;
    height: 30px !important;
}
.dt_action_dropdown button{
    background-color: #20c997 !important;
    border: none;
    border-radius: 0;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 6px;
    color: #fff;
}
.dt_action_dropdown button {background-color: #337ab7 !important;}
.dt_action_dropdown a{padding-left: 0 !important;padding-right: 0 !important;    text-align: center;}
.dt_action_dropdown button:hover,
.dt_action_dropdown a:hover{background-color: #20c997 !important;color:#fff !important}
.videoLink{
        border-radius: 0 !important;
        border: none !important;
        padding: 6px 15px !important;
        background-color: #337ab7 !important;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.dt_action_dropdown .dropdown-menu:before, 
.dt_action_dropdown .dropdown-toggle>.dropdown-menu:before, 
.dt_action_dropdown .dropdown>.dropdown-menu:before{
    left: 18px !important;
    border-bottom: 8px solid #337ab7 !important;
}
.dt_action_dropdown .dropdown-menu{
        padding-top: 10px;
        padding-bottom: 10px;
        box-shadow: none;
        border: none;
        background-color: #337ab7;
        border-radius: 0;
        color: #fff;
}
.dt_action_dropdown .dropdown-menu li{
    width: 100%;
    display: block;
    float: right;
}
.dt_action_dropdown .dropdown-menu li a{
        color: #fff;
}
.dt_action_dropdown .pay{
    width: 90% !important;
    height: 30px !important;
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
    margin-top: 11px !important;
}
.dt_action_dropdown .cstatus .btn-primary{
    color: #fff !important;
    background-color: #20c997 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.dt_action_dropdown .cstatus .btn-danger{
     border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.dt_action_dropdown .cstatus .toggle-handle{display: none;} 

.btn-primary {
    border: none;
    border-radius: 0;
    padding: 5px 10px !important;
}
.btn-success{
    border-radius: 0;
    padding: 4px 10px !important;
}
.dt-buttons{
    width: 40%;
}
.dt-buttons  button{
    float: right !important;
}
/*end datatable styles*/
.select2-container{    z-index: 99999;}

.page_title{
  width:100%;
  margin:0px; 	
}

/*------------------price plan styles-------------*/
#priceplan{margin-bottom: 40px}
#priceplan .equalcol{
        width: 33.3%;
    float: right;
    position: relative;
        margin-bottom: 29px;
}
#priceplan #forth_col,#priceplan #fifth_col{width:50%}
#priceplan .equalcol .internal{
            background-color: #fff;
    border-radius: 10px;
    min-height: 589px;
    float: right;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}
#priceplan .equalcol h1{
        text-align: center;
    color: #bababa;
    margin: 37px 0 0;
}
#priceplan .equalcol h2{
    color: #737373;
    background-color: #f9f9f9;
    font-size: 25px;
    text-align: center;
    padding: 17px 0;
}
#priceplan .general_info{
        width: 100%;
    float: right;
}
#priceplan .general_info .rinfo,
#priceplan .general_info .linfo{
        float: right;
    width: 50%;
}
#priceplan .general_info h3{
        font-size: 18px;
    color: #ababab;
    text-align: center;
}
#priceplan .general_info h4{
            color: #efb134;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 28px;
    margin-bottom: 0;
    line-height: 10px;
}
#priceplan .general_info h4 span{
           position: absolute;
    color: #ababab;
    font-size: 15px;
    left: -12px;
    top: 0;
}
#priceplan .general_info h4 label{
    position: relative;
}
#priceplan .general_info h5{
        text-align: center;
    color: #efb134;
    font-size: 20px
}
#priceplan .general_info h5 i{
        color: #c9c9c9;
    font-style: normal;
    font-size: 18px;
}
#priceplan .bottombutton{
    background-color: #efb134;
    color: #fff;
    text-align: center;
    min-height: 50px;
    display: inline-block;
    font-size: 24px;
    padding: 5px 20px 0px;
    border-radius: 6px;
    margin-bottom: -15px;
    width: 86%;
    margin-right: 7%;
    margin-left: 7%;
    margin-top: 15px;
    position: absolute;
    bottom: -6px;
    z-index: 900;
    right: 0;
}
#priceplan .bottombutton{text-decoration: none;}

#priceplan .detail{
        width: 100%;
    float: right;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 6px;
        padding: 34px 0 16px;
}
#priceplan .detail ul{
    padding: 0;
    list-style: none;
    width: 33.3%;
    float: right;
}
#priceplan .detail ul {
    padding-right: 15px;
}
#priceplan .detail ul:last-child{
    padding-right:15px;
}
#priceplan .detail ul:last-child,#priceplan .detail ul:last-child{padding-right:10px}
#priceplan .detail ul li{
            float: right;
    display: block;
    width: 100%;
    margin-bottom: 11px;
    padding-right: 33px;
    position: relative;
}
.container.main-content.make_content_fullwidth .page_layout {
    padding:0px 17px; 
}
.container.main-content.make_content_fullwidth .page_layout .page_content{
    background:#fff; 
    clear: both;
    margin-left: 0px;
    margin-right: 0px;
}
#priceplan .detail ul li:before{
                content: "\f00c";
    font: normal normal normal 9px/1 FontAwesome;
    position: absolute;
    top: 4px;
    right: 10px;
    background-color: #efb134;
    color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 3px 0 0;
    text-align: center;
}


#priceplan #first_col .general_info .rinfo{
        width: 100%;
    margin-bottom: 56px;
    margin-top: 22px;
}
#priceplan #first_col .general_info .rinfo h4{
            font-size: 40px;
}



#priceplan #first_col .bottombutton{background-color: #434343}
#priceplan #second_col .bottombutton{background-color: #29d29a}
#priceplan #third_col .bottombutton{background-color: #ff6e89}
#priceplan #forth_col .bottombutton{background-color: #31c1ff}

#priceplan #first_col .detail ul li:before{background-color:#434343;}
#priceplan #second_col .detail ul li:before{background-color:#29d29a;}
#priceplan #third_col .detail ul li:before{background-color:#ff6e89;}
#priceplan #forth_col .detail ul li:before{background-color:#31c1ff;}
#priceplan #first_col .general_info h4{color:#434343;}
#priceplan #second_col .general_info h4{color:#29d29a;}
#priceplan #third_col .general_info h4{color:#ff6e89;}
#priceplan #forth_col .general_info h4{color:#31c1ff;}
#priceplan #first_col .general_info h5{color:#434343;}
#priceplan #second_col .general_info h5{color:#29d29a;}
#priceplan #third_col .general_info h5{color:#ff6e89;}
#priceplan #forth_col .general_info h5{color:#31c1ff;}

#priceplan .detail ul .off:before{
    background-color: #ebebeb !important;
}

.priceheader{
    background-color: #fff;
    width: 100%;
    float: right;
    min-height: 96px;
    margin-bottom: 45px;
    padding-top: 10px;
    padding-bottom: 19px;
}
.priceheader img{margin-right:auto;margin-left:auto;display:block;}
.priceheader #back{
    left: 15px;
    position: absolute;
    top: 17px;
    border: 1px solid #bababa47;
    font-size: 30px;
    color: #455a64;
    width: 62px;
    border-radius: 4px;
    text-align: center;
    height: 45px;
    padding-top: 7px;

}
.priceheader #lock{
        right: 15px;
    position: absolute;
    top: 17px;
    border: 1px solid #bababa47;
    color: #455a64;
    border-radius: 4px;
    text-align: center;
    height: 45px;
    font-size: 15px;
    padding: 13px 26px 0;
    font-family: Cairo;
}
.priceheader #lock:before{
            content: "\f023";
    color: #ffc107;
    padding-left: 9px;
    font: normal normal normal 16px/1 FontAwesome;
}
.priceheader a:hover{text-decoration: none;}


/*General styles*/
html{direction:rtl;overflow-x:hidden;}
body{
    //overflow-x: hidden; 
    font-family: 'Cairo', sans-serif;
    font-size: 14px!important; 
}
/*preloader styles*/
#preloader{position:fixed;top:0;left:0;right:0;width:100%;height:100%;bottom:0;background-color:#fff;z-index:999999}
.sk-spinner-wave.sk-spinner{
    margin:-15px 0 0 -25px;
    position:absolute;
    left:50%;
    top:50%;
    width:50px;
    height:30px;
    text-align:center;
    font-size:10px;
}
.sk-spinner-wave div{
    background-color:#ddd;
    height:100%;
    width:6px;
    display:inline-block;
    -webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation:sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s;
}
.sk-spinner-wave .sk-rect3{
    -webkit-animation-delay:-1s;animation-delay:-1s;
}
.sk-spinner-wave .sk-rect4{
    -webkit-animation-delay:-0.9s;
    animation-delay:-0.9s
}
.sk-spinner-wave .sk-rect5{
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
}
@-webkit-keyframes sk-waveStretchDelay{
    0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}
    20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@keyframes sk-waveStretchDelay{
    0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}
    20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
/*preloader styles*/
/*Background color*/
.gray-bg-color{ background-color: #f8f8f8;direction: ltr;}
.white-bg-color{background-color:#FFF}

/*Login styles*/
.login{margin-top:0px;width: 350px;}
.login #right_part{min-height:750px; background-size: cover;}
.login #right_part h2{color: #000;text-align: center;font-size: 21px;margin-top: 1px}
.login #right_part .logo{    
    font-size: 97px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
    cursor: default;
}
.login #right_part .logo:hover{text-decoration: none;}
.login #left_part{ padding: 15px;}
.login h1{    
    color: #3d4657;
    font-size: 24px !important;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    margin-top: 29px;
    border-top: 2px solid #f4f5f7;
    padding-top: 18px;
}
.login label{
    color: #b1b1b1;
    font-size: 16px;
    font-weight: 100;
    float: right;
    margin-top: 9px;
}
/*.login {box-shadow: 0 5px 30px rgba(0,0,0,0.52)}*/
.login .form-group{margin-bottom: 7px;}
.login .form-group .input-group{width: 100%;margin-bottom: 24px;}
.login .form-group .input-group input{
    width: 100%;
    border: none;
    background: white;
    border-bottom: 2px solid #97a0b3;
    font-size: 15px;
}
.login .form-group .input-group input[type="submit"]{background-color:#9dd252}
.login img{
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.login .checkbox label{color: #999;}
.login .passrecover{
    font-size: 14px;
    color: #7b879e;
    display: inline-block;
    float: left;
}
.login p{font-size: 19px;color: #7b879e;}
.login .copy-right-text{margin-top:20px;color:#FFF}
.login #login_button, .login .createbtn a{
    background-color: #29d29a;
    font-size: 18px;
    border: none;
    border-radius: 30px;
    height: 38px;
    padding: 9px 51px 10px !important;
    margin-top: 0;
    box-shadow: none;
    width: auto;
    float: left;
    min-height: 44px;
}
.login .createbtn a{
    padding-top: 9px;
    position: relative;
    padding-left: 53px;
    background: rgba(54,197,240,1);
    background: -moz-linear-gradient(left, rgba(54,197,240,1) 0%, rgba(54,197,240,1) 37%, rgba(95,225,132,1) 93%, rgba(95,225,132,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,197,240,1)), color-stop(37%, rgba(54,197,240,1)), color-stop(93%, rgba(95,225,132,1)), color-stop(100%, rgba(95,225,132,1)));
    background: -webkit-linear-gradient(left, rgba(54,197,240,1) 0%, rgba(54,197,240,1) 37%, rgba(95,225,132,1) 93%, rgba(95,225,132,1) 100%);
    background: -o-linear-gradient(left, rgba(54,197,240,1) 0%, rgba(54,197,240,1) 37%, rgba(95,225,132,1) 93%, rgba(95,225,132,1) 100%);
    background: -ms-linear-gradient(left, rgba(54,197,240,1) 0%, rgba(54,197,240,1) 37%, rgba(95,225,132,1) 93%, rgba(95,225,132,1) 100%);
    background: linear-gradient(to right, rgba(54,197,240,1) 0%, rgba(54,197,240,1) 37%, rgba(95,225,132,1) 93%, rgba(95,225,132,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36c5f0', endColorstr='#5fe184', GradientType=1 );
}
.login .createbtn a i{
    background-color: #28b7f5;
    height: 100%;
    top: 0;
    position: absolute;
    left: -1px;
    font-size: 25px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 7px 16px 0;
}

/*mah styles*/
/*print page style*/
div.page_breack {page-break-after: always;}
.print_page{min-height: 500px;padding:50px 80px !important;background-color: #fff !important;}
.print_page .pp_title{width: 100%;margin-bottom: 30px;}
.print_page .pp_title{text-align: center;}
.print_page .pp_title p:nth-child(1){font-size: 2.6rem;margin-bottom: 0px;}
.print_page .pp_title p.pp_t_tb{float: left;margin-top: -30px;}
.print_page .pp_ditem{width: 100%;clear: both;height: 30px;color: black;}
.print_page .pp_litem p{width: 20%; margin-bottom: 20px;}
.print_page .pp_ditem p:nth-child(1){opacity: 0.7;min-width: 150px;}
.print_page .pp_order_item_tbl{border: 1px solid #e2e1e1 ;text-align: center;}
.print_page .pp_order_item_tbl th{
  font-weight: normal;
  color: black;
  border:0px !important;
  border-left: 1px solid #e2e1e1  !important;
  text-align: center;
  padding: 0px !important;
  -webkit-print-color-adjust: exact !important;
  background-color: #fbfafa !important;
}
.print_page .pp_order_item_tbl thead tr:nth-child(2) th{color: #a0a0a0;}
.print_page .pp_order_item_tbl td{
  min-height: 20px;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  border-top: 1px solid #e2e1e1  !important;
  border-left: 1px solid #e2e1e1 ;
  vertical-align: middle !important;
  color: black;
}
.print_page .pp_order_item_tbl .pp_oit_number_td{color: black !important;width: 25px;}
.print_page .pp_order_item_tbl td.pp_oit_number_td{height: 40px;background-color: #fbfafa !important;}
.print_page .pp_order_item_tbl th.pp_oit_number_td:nth-child(1){border-bottom: 1px solid #e2e1e1  !important;}
.print_page .pp_order_item_tbl .pp_oit_desc_td{width: 35%;}
.print_page .pp_order_item_tbl .pp_oit_price_td{padding-left: 20px;padding-right: 20px;}
.print_page .pp_order_item_tbl .no_border_top{border-top: 0px !important;}
.print_page .pp_btm_tbl thead th:nth-child(1), .print_page .pp_btm_tbl thead th:nth-child(3){width: 30%;} 
.print_page .pp_btm_tbl thead th:nth-child(2){width: 40%;}
.print_page .pp_btm_tbl thead th{
  background: none !important;
  border: 1px solid #fff !important;
  border-bottom: 1px solid #e2e1e1  !important;
}
.print_page .pp_btm_tbl td{height: 25px;}
.print_page .pp_btm_tbl .pp_bt_lg_tr{height: 100px;}
.print_page .pp_btm_tbl .pp_bt_lg_tr td:nth-child(2){border-top: 0px !important;}
.print_page .pp_btm_tbl .pp_bt_tr td:nth-child(1){width: 10%;}
.print_page .pp_btm_tbl .pp_bt_tr td:nth-child(2){width: 20%;}
.print_page .pp_btm_tbl .pp_bt_tr td:nth-child(5), .pp_btm_tbl .pp_bt_tr td:nth-child(6){width: 15%;} 
.print_page .pp_btm_tbl .pp_bt_tr td:nth-child(3), .pp_btm_tbl .pp_bt_tr td:nth-child(4){width: 20%;}
.print_page .pp_btm_tbl .pp_bt_tr td:nth-child(1), .pp_btm_tbl .pp_bt_tr td:nth-child(4){background-color: #d0c5c5 !important;}
.print_page .pp_btm_tbl .pp_bt_tr td:nth-child(3){border-bottom: 1px solid #fff;}
.print_page .btm_txt{margin: 35px 0px;text-align: center;}
.print_page .btm_txt p, .print_page .btm_div p{margin-bottom: 5px;}
.print_page .btm_div div{
  width: 100%;
  height: 40px;
  background: #fbfafa !important;
  border: 1px solid #cac1c1;
}

.print_page2 .pp_title p:nth-child(1){margin-bottom: 20px;}
.print_page2 .pp_bill_details div.pp_ditem:nth-child(1){margin-right: 10px;}
.print_page2 .pp_ditem:nth-child(1) p:last-child{min-width: 120px;}
.print_page2 .pp_order_item_tbl .pp_oit_lrow{height: 50px;}
.print_page2 .pp_order_item_tbl .pp_oit_lrow td:first-child{background: #fbfafa !important;}
.print_page2 .pp_order_item_tbl .pp_oit_lrow td:last-child{
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 15%;
}
.print_page2 .pp_btm_tbl{margin-bottom: 35px;}
.print_page2 .pp_btm_tbl .pp_bt_tr td:nth-child(3),
.print_page2 .pp_btm_tbl .pp_bt_tr td:nth-child(4),
.print_page2 .pp_btm_tbl .pp_bt_tr td:nth-child(5){
  background-color: #fff !important;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
.print_page2 .btm_list{margin-top: 25px;}
.print_page2 .btm_list ol{padding: 0px;}
.print_page3{color:black !important;}
.print_page3 .title_item_print{margin: 10px;}
.header_print{margin-bottom: 55px;}
.header_print div{width: 50%;}
.print_logo{float: left;}
.print_logo img{width: 220px;float: left;}
.header_txt{float: right;}
.header_txt p{font-size: 16px;}
.header_txt p span{color: #b61d3c !important;}
.header_txt p:first-child{
  font-weight: bold;
  letter-spacing: 1px;
  direction: ltr;
  text-align: right;
}
.print_page3 .pp_title p{font-size: 16px !important;}
.print_page .pp_ditem p{opacity: 1 !important;min-width: 70px !important;}
.print_page3 .pp_order_item_tbl{border: 1px solid black !important;}
.print_page3 .pp_order_item_tbl td{
  height: 25px;
  color: black !important;
  border-top: 1px solid black !important;
  border-left: 1px solid black !important;
}
.print_page3 .pp_order_item_tbl th{
  border-left: 1px solid black  !important;
  background-color: #f70600 !important;
  font-weight: bold;
  font-size: 12px;
}
.print_page3 .pp_order_item_tbl th:nth-child(2){width: 32%;}
.print_page3 .pp_order_item_tbl th:nth-child(3){width: 23%;}
.print_page3 .pp_order_item_tbl th:nth-child(4){width: 10%;}
.print_page3 .pp_order_item_tbl th:nth-child(5){width: 15%;}
.print_page3 .pp_order_item_tbl tbody td:last-child{border-top: 0px !important;}
.print_page3 .pp_order_item_tbl tbody td.nom_td{
    background-color: #f70600 !important;
    font-weight: bold;
    width: 4%;
}
.print_page3 .print_question p{margin-bottom: 30px;}
.print_page3 .print_question{margin: 20px 40px;}
.print_question p:first-child span:last-child{  float: left;margin-left: 40px;}
.print_question p:last-child span{
  border: 1px solid;
  float: left;
  width: 300px;
  height: 35px;
}
.print_question p:first-child span{margin-right: 20px;}
/*print page style*/
/*sale report page*/
.reports .tbl_container .search_report_mh label{color: #6f6b6b;}
.reports .tbl_container .search_report_mh{padding: 5px 0px;} 
.reports .tbl_container .search_report_mh .select2-container--default .select2-selection--single{
  border-radius: 0px;
  border-color: #d0cccc;
  height: 30px;
}
.jm_search_report .date_field_mah  input{
    height: 32px;
    border: 1px solid #dfe7f2;
}
.jm_search_report .customer_mh  .select2-selection--single{
    height: 31px;
    border-radius: 0px;
    border: transparent;
}
.jm_search_report  .gradient_color{
    width: 117px;
    background: #2AC491;
    color: #fff;
    font-weight: bold;
}
.jm_search_report  .gradient_color span{
    float: left;
}
.reports .tbl_container .search_report_mh .date_field_mah input{border:1px solid #d0cccc;height: 30px;}
.reports .tbl_container .search_report_mh .search_mh button{
  margin-top: -4px;
  width: 90%;
  color: #fff;
  border-radius: 0px;
}
/*sale report page*/
/*custom multiple choise input*/
.custom_multiple_choise .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{width: 100%;}
.custom_multiple_choise .select2-container--default .select2-search--inline .select2-search__field{
  width: 100% !important;
  margin-top: 0px !important;
  padding-right: 10px;
  border: 1px solid rgb(208, 204, 204);
  height: 30px;
  background-color: #fff;
}
.custom_multiple_choise .select2-container--default.select2-container--focus .select2-selection--multiple{border: 0px !important;}
.custom_multiple_choise .select2-container--default .select2-selection--multiple{border: 0px !important;background-color: unset;}
.custom_multiple_choise .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{float: left;}
.custom_multiple_choise .select2-container--default .select2-selection--multiple .select2-selection__choice{
  width: 100%; 
  padding: 0px 15px !important;
  border-radius: 0px !important;
  margin-bottom: 5px;
  margin-top: 0px;
  background-color: #d3d3d3 !important;
  border: 1px solid #c7c4c4 !important;
  color: dimgrey;
}
.custom_multiple_choise .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding: 0px !important;}

#auto_generate_pincode{float: left;}
.counter_num{width: 20px;}
.breadcrum{
      padding-right: 30px;
    height: 64px;
    line-height: 65px;
    color: #B5BDC5;
    font-size: 30px;
    font-weight: bold;
}

.main-content{margin-top: 0px !important;}
.page_title{
    padding-right: 30px;
    height: 64px;
    line-height: 65px;
    color: #B5BDC5;
    font-size: 30px;
    font-weight: bold;
}
.page_title h5{
    font-size: 16px;
    font-weight: bold;
    padding: 16px;
}
.page_title h5 span{
    color: #707B88; 
    margin:0px 8px 0px 63px;
    font-size: 20px;
}

/*start of pharmacy style */
.make_content_fullwidth .pharmacy_search_area{
    height: 114px; 
    background-color: #fff; 
    width: 100%;
    border-radius: 8px;
    padding:23px 30px 25px;   
}
.make_content_fullwidth .pharmacy_search_area input{
    background: #f6fafb;
    border-color: transparent;
    border-radius: 5px;
    height: 38px;
}
.make_content_fullwidth .pharmacy_search_area span.search_input{
    position: absolute;
    left: 25px;
    top: 35px;
    font-size: 17px;
    color: #a6b0b4;
}
.make_content_fullwidth .pharmacy_search_area .select2-container{
    direction: ltr;
    width: 100% !important;
}

.make_content_fullwidth .pharmacy_search_area  .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
  right: 1px; 
  left: auto;
}

.make_content_fullwidth .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
   padding-right: 20px;
   padding-left: 8px;
}
.make_content_fullwidth .select2-container--default .select2-selection--single{
   border-color: #d9e1e4; 
   height: 37px; 
}
.make_content_fullwidth .pharmacy_search_area .col-md-3, .make_content_fullwidth .pharmacy_search_area .col-md-2{
    padding-left: 6px; 
    padding-right: 6px; 
}

.make_content_fullwidth .pharmacy_search_area .btn-search{
        color: #fff;
    background: #43d5a1;
    font-size: 14px;
    font-weight: bold;
}
 .select2-container--open .select2-dropdown--below,.select2-container--open .select2-dropdown--above{
    text-align: left !important;
    direction: ltr !important;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
    right: 1px !important;
    left: auto !important; 
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    padding-right: 20px !important;
    padding-left: 8px !important;
}
.make_content_fullwidth .datatable_area{
    background: #fff; 
    border-radius: 8px; 
    min-height: 300px; 
    margin-top: 15px; 
    padding: 23px 30px 25px;
}
.make_content_fullwidth .datatable_area .records_number{
    font-size: 20px;
    color: #adadad;  
}
.make_content_fullwidth .datatable_area .records_number span{
    font-weight: bold; 
}
.make_content_fullwidth .datatable_area .table_pagination{
    text-align: right;
}
.make_content_fullwidth .datatable_area .table_pagination ul li {
  display: inline-block;
  padding:0px 2px;
}

.make_content_fullwidth .datatable_area .table_pagination ul {
    list-style-type: none;
    margin:0px;
}

.make_content_fullwidth .datatable_area .table_pagination ul li a{
    font-size: 16px;
    font-weight: bold;
    padding: 4px 6px;
    line-height: 1;
    border: none;
    color: #b3b3b3;
    background: transparent;
}
.make_content_fullwidth .datatable_area .table_pagination ul.pagination li.disabled span{
	background: transparent;
    border: none;
    padding: 4px 6px;
    font-size: 16px;
    font-weight: bold;
    color: #696972;
    top: 7px;
}

.make_content_fullwidth .datatable_area .table_pagination ul li.active a{
  background: #43d5a1; 
  color: #fff; 
  border-radius: 4px;
}
.make_content_fullwidth .datatable_area .table_pagination li.view_all a span{
    color: #43d5a1;
    font-weight: bold;
    font-size: 16px; 
}
.make_content_fullwidth .datatable_area .table_pagination ul li a span{
    padding: 5px;
    border-radius: 3px;
    line-height: 0.7;
    color: #b3b3b3; 
    display: inline-block;
}
.make_content_fullwidth .datatable_area .table_pagination ul li a span.fa{
        font-size: 25px;
    font-weight: bold;
    margin:0px 5px;
    color: #5a6972;  
}
/*styles for fronted page*/
.login_fronted_btn{
	display: inline-block;
    float: right;
    padding: 28px;
}

.login_fronted_btn a{
	    color: #47d3a4;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: bold;
}
.make_content_fullwidth .details_page{
	background: #fff; 
	min-height: 200px; 
	border-radius: 4px;
	padding:30px;
}
.make_content_fullwidth .details_page .page_title h1{
 font-weight: bold;
 letter-spacing: 0px;
 text-transform: capitalize;
 color: #334650;
 margin:0px;
 font-size: 32px; 
}

.make_content_fullwidth .details_page .page_title h2{
	color: #334650; 
	font-size: 32px; 
	margin:0px; 
}
.make_content_fullwidth .details_page .page_title h3{
	font-size: 17px; 
	font-weight: bold;
	color: #334650;
	margin:0px;
	margin-top: 6px;
}
.make_content_fullwidth .details_page .details_table{
	/*margin-top: 48px;*/
}
.make_content_fullwidth .details_page .details_table td,.make_content_fullwidth .details_page .details_table th{
	border:2px solid #E7ECEE;
}
.make_content_fullwidth .details_page .drug_img img{
	width: 100%;
}
.make_content_fullwidth .datatable_area .defaul_table_style{
    margin-top: 21px; 
}
.make_content_fullwidth .datatable_area .defaul_table_style td img{
      width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 50%;
    cursor: pointer;

}

.make_content_fullwidth .datatable_area .defaul_table_style thead{
    background-color: #43d5a1;
}
.make_content_fullwidth .datatable_area .defaul_table_style thead th{
    color:#fff;
    font-weight: normal;
    padding-bottom: 13px; 
    padding-top: 13px;  
    border-left: 2px solid #46d19f;
    border-right: 2px solid #46d19f;
    text-align: center;
    border-bottom: 1px solid #888d8e;
}
.make_content_fullwidth .datatable_area .defaul_table_style  td{
    border-left:2px solid #f9f9f9; 
    border-right:2px solid #f9f9f9; 
    text-align: center;
    color: #919191;
    border-bottom: 1px solid #f1f7f9;
    font-weight: bold;
}
.make_content_fullwidth .datatable_area .defaul_table_style span.fa{
    font-size: 21px; 
    /*font-weight: bold;*/
}
/*end of pharmacy styles*/


/*.page_content{padding: 0px 30px;}*/
.page_content .order_header{
    width: 100%;
    min-height: 60px;
    padding: 10px 30px 26px 30px;
    border-bottom: 2px solid #ececec;
}
.page_content .add_order_btn{
    padding:10px 30px;
    height: 45px;
    clear: both;
    font-weight: 600;
}
.page_content .add_order_btn .piece_number{
    font-size: 16px;
    color: #707B88;
    float: left;
}
.page_content .add_order_btn .piece_number span{
    font-size: 20px;
}
.page_content .ordered_items{
    height: 320px; 
    overflow-y: auto;
    background: #b0b0b0;
    padding: 7px;
}
a{
    text-decoration: none !important;
}
.page_content .ordered_items .saved_items{
    background: #fff; 
    border-radius: 5px; 
    padding: 8px;
    padding-right: 21px;
    margin-bottom: 7px;
}
.page_content .ordered_items .saved_items .close_btn{
    color: #fff;
    background-color: #f12d54;
    border: none;
    border-radius: 3px;
    float: left;
    font-size: 22px;
    line-height: 1;  
    padding: 0px 12px 4px; 
    pointer-events: auto;
}
/*new style*/
.page_content .ordered_items .saved_items .save_btn,.page_content .ordered_items .saved_items .edit_btn,.page_content .ordered_items .saved_items .update_btn{
    color: #fff;
    border: none;
    border-radius: 3px;
    float: left;
    font-size: 22px;
    line-height: 1;  
    padding: 0px 10px 4px; 
    pointer-events: auto;  
    margin-top: 2px;
}
.page_content .ordered_items .saved_items .save_btn{
 background-color: #18c123;
}

.page_content .ordered_items .saved_items .edit_btn{
 background-color: #183ec1;
}
.page_content .ordered_items .saved_items .update_btn{
 background-color: #1dc118;
}
.page_content .ordered_items .saved_items .save_btn span,.page_content .ordered_items .saved_items .edit_btn span,.page_content .ordered_items .saved_items .update_btn span{
    font-size: 16px; 
}

/*//end of today style*/
.page_content .ordered_items .saved_items input{
    border-radius: 40px;
    height: 30px;
    font-weight: bold;
    text-align: center;
}
.page_content .ordered_items .saved_items .col15{
    width: 15%;
    float: right;
    text-align: center;
}
.page_content .ordered_items .saved_items .col7{
    width: 7%;
    float: right;
    text-align: center;
}
.page_content .ordered_items .saved_items .col18{
    width: 18%;
    float: right;
    text-align: center;
}

.page_content .ordered_items .saved_items .col9{
    width: 9%;
    float: right;
    text-align: center;
}
.page_content .ordered_items .saved_items .col11{
     width: 11%;
    float: right;
    text-align: center;   
}
.page_content .ordered_items .saved_items .col25{
    width: 25.3%;
    float: right;
    text-align: center;
}
.page_content .ordered_items .saved_items .col36{
    width: 36.6%;
    float: right;
    text-align: center;
}
.page_content .ordered_items .saved_items .dallar_sign{
     position: absolute;
    left: 17px;
    top: 29px;
    font-weight: bold;
    font-size: 15px;
    color: #aca7a9;   
}
.page_content .ordered_items .saved_items .form-group{
    padding:0px 5px; 
    position: relative;
    margin-bottom: 0px;
}
.page_content .ordered_items .saved_items label{
 color: #a7a7a7;   
}
.page_content .add_order_btn a{
    color: #006DF0;
    font-size: 20px;
}
.page_content .order_header .col-lg-4{padding: 0px;}
.page_content .order_header .placehoder_text{
    width: 100%;
    height: 30px;
    border: 1px solid #E1E1E1;
    padding: 0px 15px;
    padding-right: 30px;
    /*background: #fff url(../../../icons/search_icon.png) no-repeat 10px 5px;*/
    background-size: 20px;
}
.page_content .order_header .col3{
    padding-left: 4px; 
    padding-right: 4px;
}
.page_content .order_header span.fa{
    position: absolute;
    top: 8px;
    right: 13px;
    color: #DDDDDD;
}
.page_content .order_page_add_box{
    position: absolute;
    left: 2px; 
    top: -22px; 
}

.page_content .order_footer{
    padding:20px; 
}
.page_content .order_footer .form-group label{
color: #B4B4B4;
text-align: center;
width: 100%;
}
.page_content .order_footer .form-group input{
    text-align: center;
    font-size: 13px; 
    font-weight: bold;
    margin-bottom: 5px;
}
.page_content .order_footer .form-group span{
    position: absolute;
    left: 25px;
    top: 31px;
    font-size: 14px;
    font-weight: bold;
}
.page_content .order_footer .cost_section{
    border-top:2px solid #ececec;
    padding-top: 10px 
}
.page_content .order_footer .cost_section p{
    font-weight: bold;
    font-size: 13px;
    color: #B4B4B4;
}
.page_content .order_footer .cost_section .flag{
    width: 23px; 
    height: 15px;
}
.page_content .order_footer .cost_section .money{
    width: 17px; 
    height: 17px;
}
.page_content .order_footer .cost_section .cost{
    font-size: 13px; 
    font-weight: bold;
    color: #cccccc;
}
.page_content .order_footer .cost_section .cost span{
    color: #3b3b3b;
}
.page_content .order_footer .cost_section .btn-save{
  width: 109px; 
  height: 41px; 
  background-color:#006DF0;
  color: #fff;
  font-size: 14px; 
  font-weight: bold; 
  border-radius: 4px;
}
.page_content .order_footer .cost_section .btn-print{
  width: 88px; 
  height: 41px; 
  background-color:#2AC491;
  color: #fff;
  font-size: 14px; 
  font-weight: bold; 
   border-radius: 4px;
}
.page_content .order_header .placehoder_text::-webkit-input-placeholder {color: #707B88;}
.page_content .order_header .placehoder_text::-moz-placeholder {color: #707B88;}
.page_content .order_header .placehoder_text:-ms-input-placeholder {color: #707B88;}
.page_content .order_header .placehoder_text:-moz-placeholder {color: #707B88;}
.page_content .order_header .lg_left_btn{
    text-decoration: none;
    float: left;
    min-width: 195px;
    padding: 0px 30px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    border: none;
    background: #4caf50;
    text-align: center;
}
.page_layout .summary_report {
    margin-top: 13px;
    margin-bottom: 13px;
}
.page_layout .summary_report .box{
    background-color: #fff;
    min-height: 110px;
    border-radius: 4px;
    padding: 30px 20px;
}
.page_layout .summary_report .box .col-md-9,.page_layout .summary_report .box .col-md-3 {
    padding-right: 0px;
}
.page_layout .summary_report .box .col-md-3 span{
    padding: 10px;
    display: inline-block;
    border-radius: 50%;
}
.page_layout .summary_report .box .col-md-3 span.total_insert{
    background-color:#006df0; 
}
.page_layout .summary_report .box .col-md-3 span.cost{
    background-color:#43dfac; 
}
.page_layout .summary_report .box .col-md-3 span.expenses{
    background-color:#a000f0; 
}
.page_layout .summary_report .box .col-md-3 span.profit{
    background-color:#f0006f; 
}
.page_layout .summary_report .box h3, .page_layout .summary_report .box h4{
    margin:0px;
    font-weight: bold;
}
.page_layout .summary_report .box h3{
  color: #51677b;
}
.page_layout .summary_report .box h4{
 color: #b5bdc5;
}
.page_layout .summary_report .col-md-3,.page_layout .search_meal_form .col-md-3{
    padding-left: 10px;
    padding-right: 10px;
}
.page_layout  .search_meal_form .select2-selection {
        height: 36px;
    border-radius: 0px;
    padding: 3px;
    border-color: #e2e4e6;
   font-weight: bold;
   color: #e2e4e6;
}
.page_layout  .search_meal_form .select2-container--default .select2-selection--single .select2-selection__rendered{
 color: #dadee2;   
}
.page_layout .page_content .table_title{
    padding:20px; 
}
.page_layout .page_content .table_title h3{
    color: #ccd2d7;
    font-weight: bold;
    font-size: 20px;
    margin:0; 
}
.page_layout .page_content .default_table_style{
    margin-bottom: 0px;
}
.page_layout .buttons_section{
    margin-top: 16px;
}
.page_layout .page_content .default_table_style tr th{
    text-align: center;
    border-left:2px solid #e3e3e3;
    color: #a5a5a5;
}
.page_layout .page_content .default_table_style tr th:first-child{
    text-align: right;
    padding-right: 14px;
}
.page_layout .page_content .default_table_style tr th:last-child{
    border-left: none;
}
.page_layout .page_content .default_table_style tr td{
    text-align: center;
    font-weight: bold;
   border-left:2px solid #e3e3e3;
    height: 50px;
    vertical-align: middle;
    background: #f9f9f9;
}
.page_layout .page_content .default_table_style tr td a{
    text-decoration: none;
}
.page_layout .page_content .default_table_style tr td.phone{
    color: #4493f2;
}
.page_layout .page_content .default_table_style tr td.sell{
    color: #1ec918;
}
.page_layout .page_content .default_table_style tr td.details a{
    color: #006df0;
}
.page_layout .page_content .default_table_style tr td.done a{
    color: #ff8c09;
}
.page_layout .page_content .default_table_style tr td.delete a{
    color: #ff4500;
}
.page_layout .page_content .default_table_style tr td:first-child{
    text-align: right;
   padding-right: 14px;
}
.page_layout .page_content .default_table_style tr td:last-child{
    border-left: none;
}
.page_layout .page_content .accounting_tree_table tr td{
    height: 35px;
}
.default_btn_style{
    color: #fff;
    padding: 9px 22px !important;
    border: none;
    float: left;
    border-radius: 4px;
    background: #33d48a;
    font-weight: bold;
    margin-bottom: 6px;
}
.nothing_found_td{
    text-align: center !important;
}
.page_layout  .search_meal_form .btn-insert{
    background-color:#33d48a;
    width: 155px; 
    height: 39px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold; 
}
.order_views .page_layout .buttons_section .btn-green{
  width: 149px; 
  height: 44px; 
  background-color:#33d48a;
  color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.page_content .tbl_container{width: 100%;}
.page_content .project_tbl{background: #fff;border: 1px solid #ddd;}
.project_tbl td, .project_tbl th{text-align: center; vertical-align: middle !important;}
.vbr_tbl{border-right: 1px solid #ddd;}
.vbr_tbl td, .vbr_tbl th{border-left: 1px solid #ddd;}
.project_tbl td{color: black;font-weight: bold;}
.project_tbl th{color: rgb(134, 134, 134);font-size: 1.3rem;}
.project_tbl tbody{background: #f9f9f9;}
.project_tbl input.price_tbl_input{
    border: 1px solid #e8e2e2;
    border-radius: 20px;
    max-width: 140px;
}
.project_tbl .action_td{width: 270px;padding: 0px 45px;}
.project_tbl .one_action{width: 100px;}
.project_tbl .details_td{min-width: 100px;}
.project_tbl .action_td a, .project_tbl .link_btn {text-decoration: none;font-size: 1.3rem;color: #3663e0;}
.project_tbl .store_product_link{color: #b8bf02;}
.project_tbl .available_link{color:#52647c;}
.project_tbl .action_td a.delete_link, .project_tbl .one_action a.delete_link{color: #ff3100;}
.cat_tbl th:nth-child(1), .cat_tbl td:nth-child(1){padding-right: 30px;}
.right_align{text-align: right !important;}
.left_align{text-align: left !important;}
.project_tbl .state_tbl_select{
    width: 90%;
    height: 25px;
    margin: 0px;
    border: none;
    border-radius: 20px;
    font-size: 1.2rem;
    text-align-last: center;
    color: #464444;
    min-width: 120px;
}
.sale_tbl .action_td{width: 210px;padding: 0px 20px;}
.project_tbl .state_tbl_span{
    background: #a3ff04;
    padding: 5px 35px;
    border-radius: 20px;
    font-size: 1.2rem;
    color: #2f2f2f;
}
.project_tbl .ul_td{min-width: 125px;padding:0px;}
.project_tbl .ul_td ul{
    margin-bottom: 0px;
    margin-top: -1px;
    padding: 0px;
}
.project_tbl .ul_td li{
    list-style: none;
    min-height: 31px;
    padding: 5px 0px;
    border-top: 1px solid #dddddd;
}
.green_color{color: #4fb053 !important;}
.red_color{color: #e01149 !important;}
.green_checkbox_td{width: 165px;}
.green_checkbox_td>label{font-size: 1.1rem;color: #484343;vertical-align: middle;}
.prepaired_check {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.prepaired_check>input[type='checkbox']{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.custom_checkbox {
    display: inline-block;
    height: 17px;
    width: 17px;
    border-radius: 3px;
    background-color: #fff;
    border: 0.5px solid #23c780;
    padding: 0px 0px 0px 7px;
    margin-bottom: -4px;
}
.prepaired_check input:checked ~ .custom_checkbox {background-color: #23c780;}
.custom_checkbox:after {content: "";position: absolute;display: none;}
.prepaired_check input:checked ~ .custom_checkbox:after {display: inline-block;}
.prepaired_check .custom_checkbox:after {
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.inactive_link{
  opacity: 0.2;
  pointer-events: none;
}
.project_tbl .active_tbl_select{
    width: 90%;
    height: 25px;
    margin: 0px;
    border: none;
    border-radius: 1px;
    font-size: 1.2rem;
    text-align-last: center;
    padding: 0px 20px;
    background: rgba(54,197,240,1);
    
}
.project_tbl .state_td{width: 200px;}

.light_label{color: #b4b5b7;font-size: 1.3rem;margin: 5px 0px 0px 15px;}
.search_area .form_line_1{width: 45%;padding-left: 20px;}
.search_area .form_line_2{width: 23%;padding-left: 15px;}
.search_area .form_line_btn{width: 9%;}
.search_area .line_search_btn{border: none;width: 100%;height: 30px;color: #fff;border-radius: 3px;}
.search_area .form_line input, .form_line select{
    border: none;
    height: 30px !important;
    padding: 0px 10px;
    color: black;
    font-weight: bold;
}
.search_area .form_line_1 select, .form_line_1 input{width: 80%;}
.search_area .form_line_2 input{width: 65%;}
.search_area .form_line_1 .select2-container--default .select2-selection--single{
  color: black;
  font-weight: bold;
  border: none;
  border-radius: 0px;
  height: 30px;
}
.page_title .title_print_btn,.title_print_btn{
    float: left;
    line-height: 28px;
    padding: 5px 30px !important;
    font-size: 1.4rem;
    color: #fff;
    background: #4169e1;
    border: none;
    margin-bottom: 6px;
    border-radius: 3px;
}
.search_area .form_line_1 .select2-selection__rendered{color: black !important;}
.search_area .form_line_1 .select_placeholder .select2-selection__rendered{color: lightgray !important;}
.general_modal .select_placeholder .select2-selection__rendered{color: #999999 !important;}
.modal_placeholder_select{color: #9c9a9a;}
.general_modal .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 34px;
    padding-top: 2px;
    width: 100%;
}
.general_modal .select2-container{width: 100% !important;}
.inline_p{display: inline;}
.custom_placeholder::placeholder {color: #b4b5b7;opacity: 0.5;}
.custom_placeholder:-ms-input-placeholder {color: #b4b5b7;opacity: 0.5;}
.custom_placeholder::-ms-input-placeholder {color: #b4b5b7;opacity: 0.5;}

.search_area .report_form_line .form_line_1{width: 33%;}
.search_area .report_form_line .form_line_1 input{width: 100%;}
.search_area .report_form_line .light_label{margin: 5px 0px 0px 5px;}
.search_area .report_form_line .form_line_2 input{width: 60%;}
.search_area .report_form_line .form_line_2{width: 20%;}
.search_area .report_form_line .form_line_3{width: 18%;}
.search_area .report_form_line .form_line_3 select{width: 100%;margin: 0px -15px;}
.top_tbl{margin-bottom: 0px !important;min-height: 100px;}
.top_tbl tbody{background: #fff;}
.top_tbl tbody td, .top_tbl tbody th{border: none !important; text-align: right !important;}
.space_td{width: 30px;}
.top_tbl .green_color, .top_tbl .red_color{font-size: 1.8rem;}
i.fa-search{transform: rotate(90deg);}
.search_area .pr_in_store_form .form_line_1{width: 91%}
.search_area .pr_in_store_form .form_line_1 input{width: 100%}
.search_area .notification_form_inline .form_line_1 input{width: 100%;}
.success_msg_div .close, .alert-danger .close{margin-left: 10px;}
.nothing_found_td{text-align: center;}
.order_limit{
    color: #d9534f;
    font-size: 1.5rem;
    padding: 20px !important;
    text-align: left;
}
.custom_search_select .select2-container--default .select2-selection--single{
  border-radius: 0px;
  border-color: #d0cccc;
  height: 30px;
}
._jw-tpk-container ol>li>a{color: black !important;font-size: 1.1rem !important;}
._jw-tpk-dark ._jw-tpk-header, ._jw-tpk-dark ol>li>a._jw-tpk-selected{color: #ffffff !important;}
/*modal style*/
.general_modal .img_btn{
    color: #fff !important;
    border-radius: 0px;
    margin-top: 32px;
}
.general_modal .modal_wait{
  color: gray;
    font-size: 1.7rem;
    margin: -15px 0px;
    text-align: center;
    padding: 0px 100px;
}
.general_modal .modal_loader, .modal_loader{
    display: none;
    background: #fff url(../../../defaults/modal_loader.gif) no-repeat;
    background-position: center;
    height: 70px;
    background-size: 190px;
    margin: 20px 0px -10px 0px;
    opacity: 0.5;
}
.general_modal .body_content .body_header{
  text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #a2a2a2;
    margin-bottom: 30px;
}
.general_modal .body_content label{
  margin-bottom: 5px;
    color: #7f7f7f;
    text-align: right;
}
.general_modal .body_content .modal_btn{
    padding: 4px 15px !important;
    border-radius: 3px !important;
    font-size: 1.5rem !important;
    border: none;
}
.general_modal .width_50{width: 50%;}
.general_modal .modal_header .close{
    font-size: 2.7rem;
    font-weight: bold;
    color: #ea1c38;
    margin: 10px 23px;
}
.general_modal .modal_header p.p_close{
    font-size: 1.7rem;
    font-weight: bold;
    color: #ea1c38;
    margin: 13px -8px;
    float: right;
}
.general_modal .close:hover{opacity: 1;}
.general_modal .modal_footer{clear: both;}
.general_modal .modal_body{padding: 20px 15px 0px 15px;}
.general_modal .modal_content{background: #fff;border-radius: 2px;}
.general_modal .modal_header{min-height: 40px;}
/*modal_700*/
.modal_700{width: 700px;}
/*modal_700*/
/*modal_860*/
.modal_860{width: 860px;}
/*modal_860*/
/*modal_645*/
.modal_645{width: 645px;}
/*modal_645*/
/*modal_520*/
.modal_520{width: 520px;}
.modal_520 .modal_body{padding: 20px 30px; clear:both;}
.modal_520 .modal_body > p{color: #989292;font-size: 1.6rem;}
.modal_520 .modal_body .yes_btn, .modal_520 .modal_body .no_btn{
  float: left;
  width: 150px;
  border-radius: 2px;
  height: 33px;
  color: white;
  border: none;
  text-align: center;
  margin: 10px 15px 0px -10px;
} 
.modal_520 .modal_body .yes_btn{background: rgba(67,200,107,1);}
.modal_520 .modal_body .no_btn{background-color: #e64241;   }
/*modal_520*/
/*moda style*/
/*mah styles*/


/*styles for order pages*/
.neworderview{
  padding:0px !important; 
  /*today*/
  padding-right: 2px !important;
  padding-left: 15px !important;
}
.neworderview .panel{
  padding: 15px 33px 0px;
margin-bottom: 0px;
}
.neworderview .panel .panel-header{
  border-bottom:1px solid #f0f0f0;
      padding-bottom: 13px;
}
.neworderview .panel .panel-header span.label-name{
  color:#b1b1b1;
  float:right;
  margin-left:10px; 
}
.neworderview .panel .panel-header span{
  color:#070707; 
}

.neworderview .panel .panel-body, .neworderview .panel .panel-body .form-control{
  /*today*/
  color:#b1aeae;
  font-weight: bold;
}
.neworderview .panel .panel-body{
  padding:25px 15px 5px; 
}
.neworderview .panel .panel-body select{
  height:33px !important; 
  border:2px solid #c7c7c7; 
}
.neworderview .panel .panel-body label{
  width:100%;
}
.neworderview .panel .panel-body label a{
  float:left;
}
.neworderview .panel .panel-body select.bill-status,.neworderview .panel .panel-body select.delivery_type{
  color:#020202; 
}

.neworderview .panel .panel-body select.bill-status{
  background:#d6d6d6; 
  border-color:#d6d6d6;
  padding-top: 0px; 
}

.neworderview .cart-view{
  background:#fff;    
}
.neworderview .cart-view table {
  height:333px; 
  overflow:auto; 
  background:#f3f3f3;
}
.neworderview .cart-view table thead{
  background: #fff;
}
.neworderview .cart-view table thead tr th{
  text-align:center; 
}
.neworderview .cart-view table tbody tr td{
    padding-left:2px; 
    padding-right:2px;
    width:15.6%;    
}  
.neworderview .cart-view table tbody tr{height: 30px;}
.neworderview .cart-view table tbody tr td select,.neworderview .cart-view table tbody tr td div{
box-shadow: 5px 3px 11px lightgray !important;
background-color: #fff;
padding: 6px;
height: 30px;
text-align: center ;
/*today*/
font-weight:600;
}
.neworderview .cart-view table tbody tr td div.bg-gray{
   background:#f9f9f9;
}
.neworderview .cart-view table tbody tr td.delete button {
 border-radius:0px; 
 padding: 0px 13px !important;
font-size: 20px;
width: 80%;
}

.neworderview .cart-view .buttons-list .btns-list div{
   display:inline-block;
}
.neworderview .cart-view .buttons-list .btns-list{
  padding-right: 28px;
  padding-bottom: 14px;
}
.neworderview .cart-view .buttons-list .btns-list div .btn{
 padding: 7px 29px;
color: #fff;
font-weight: 600;
border-radius: 0px;
}
.neworderview .cart-view .buttons-list .btns-list div.delete-button .btn{
   background:#db3a42;
}
.neworderview .cart-view .buttons-list .btns-list div.transfer-button .btn{
   background:#e29337;
}
 .neworderview .cart-view .buttons-list .btns-list div.print-button .btn{
   background:#9037e1;
}
.neworderview .cart-view .buttons-list .btns-list div.send-button .btn{
   background:#41c9b5;
}
.neworderview .cart-view .buttons-list .btns-list div.save-button .btn{
       background-image: linear-gradient(to right,#3dc970,#42afa9);
}
.neworderview .clients-cash{
     font-weight: 600;
     font-size: 13px;
     padding: 20px 40px;
}
.neworderview .clients-cash.prices-list{
     margin-bottom: 17px;
   padding-bottom: 1px;
}
.neworderview .clients-cash.prices-list:after{
   content:"";
   width:100%;
   height:1px; 
   background:#d0d0d0; 
}
.neworderview .clients-cash p.label-text{
      color: #b9b9b9;
     font-size: 15px;
     margin-bottom: 20px;
}
.neworderview .clients-cash .payment_method label{
   color:#908e8e;
   margin-bottom:7px; 
}
.neworderview .clients-cash .payment_method p a{
   float:left; 
}
.neworderview .clients-cash .payment_method input,.neworderview .clients-cash .payment_method select{
   height:32px !important; 
}
.neworderview .clients-cash .payment_method input.remain_pay{
   background:#ebebeb;
   border-color:#ebebeb; 
}

.neworderview .buttons-list .show-result{
color: #868282;
}
/*end of order style*/
/*jumah start new style*/
.neworderview .panel .panel-body select.bill-status.done{
  background-color: #31dc74; 
  border-color: #31dc74; 
}
.neworderview .panel  .panel-body .col-md-2 ,.neworderview .panel  .panel-body .col-md-3{
   padding-right: 8px; 
   padding-left: 8px;
}

 .nav-side-menu::-webkit-scrollbar{
   width: 5px;
 }
 .nav-side-menu::-webkit-scrollbar-track {
    box-shadow: outset 4px 14px 5px red; 
    border-radius: 10px;
}
.nav-side-menu::-webkit-scrollbar-thumb {
    background: #bbbec3; 
    border-radius: 10px;
}

.main-content .report_summary{
  width: 100%;
  height: 120px; 

  padding:12px 18px;
}

.main-content .report_summary .totals {
  border-radius: 5px;  
  color: #fff;
}
.main-content .report_summary .totals h4{
  font-size: 14px; 
  font-weight: 600; 
  padding:10px 20px; 
  background-color: rgba(0,0,0,0.2);
  margin:0px; 
  border-top-right-radius: 5px; 
  border-top-left-radius: 5px; 
}

.main-content .report_summary .totals h1{
  font-size:32px;
  font-weight: 600;
  padding:8px 20px; 
  margin:0px; 
}
.main-content .report_summary .totals.bills{
  background-image: linear-gradient(to left,#26e6ad,#11b8d8);
}
.main-content .report_summary .totals.total_product{
  background-image: linear-gradient(to left,#31baff,#6b88fd);
}
.main-content .report_summary .totals.total_sales{
  background-image: linear-gradient(to left,#ff6d89,#fd8c90);
}

.main-content .report_summary .totals.total_debit{
  background-image: linear-gradient(to left,#3ebff8,#66d287);
}
.reports .tbl_container .search_report{
      background: #fff;
    padding: 17px 23px 10px;
    color:#7f7f7f;
    font-weight: 600;
    font-size: 13px;
    border:1px solid #ddd; 
}
.reports .tbl_container .search_report button{
  background-image: linear-gradient(to left,#4caca1,#49c275);
  color:#fff;
  border-radius: 0px;
  text-align: right; 
  width: 100%;
}
.reports .tbl_container .search_report button span{
  float: left;
}
.reports .tbl_container .search_report select, .reports .tbl_container .search_report input{
  height: 30px; 
  border: 1px solid #e4e4e4; 
  padding-left: 5px; 
  padding-right: 5px;
}
.reports .tbl_container .search_report  .customer{
  width:38%;
}
.reports .tbl_container .search_report  .from_date,.reports .tbl_container .search_report  .to_date{
  width:24%;
}
.reports .tbl_container .search_report  .search{
  width: 12%;
}
.reports .tbl_container .search_report select{
  width: 75%; 
}
 .reports .tbl_container .search_report input{
  color:#000; 
 }
.reports .tbl_container .search_report div{
  display: inline-block;
}
.reports .tbl_container {
  margin-top: 30px; 

}

.neworderview .select2-container{
  z-index: 44 !important; 
}
.j_modal_loader{
  width: 100%; 
  height: 500px; 
  position: absolute;
  z-index: 999333394;
  background-image: url('../../../defaults/modal_loader.gif');
  background-repeat: no-repeat;
  background-position: center; 
  top: 0px; 
  /*background-color: #fff;*/
}

/*end of jumah style*/


/*responsive style*/
@media(min-width: 992px){
  .nav-side-menu{
    display: block !important;
  }
}
@media(max-width: 1200px){
  #gm_dialog .general_modal #gm_body form .col-lg-6 {
    width: 50%;
  }
  .add_qooky_form form .col-lg-4{
  	width: 33%; 
  }
  .add_qooky_form form .col-lg-4 label{
  	width: 100%;
  }
  .add_qooky_form input, .add_qooky_form select{
  	width: 100%;
  	display: block;
  	border: 1px solid; 
  }
  .add_qooky_form button{
  	margin-top: 32px !important; 
  }
}

@media only screen and (max-width: 992px){
      
     .respond{
       width: 100% !important;
     }
     .project_tbl .state_td{
     	width: inherit;
     }
     .search_area .form_line_1{
     	width: 40%;
     }
     .search_area .form_line_2{
     	width: 30%;
     }
     .search_area .form_line_2 input{
     	width: 100%;
     }
     .search_area .form_line_1 .select2-container{
     	width: 100% !important;
     }

     #addCustomerModal .modal-body form .col-md-6,#addDriverModal .modal-body form .col-md-6{
     	width: 50%;
     }
     .neworderview .respond td:before{
     	/*display: none;*/
     }
     table.respond.bill_details_table tbody{
     	padding:0px 20px; 
     }
    .neworderview .cart-view table tbody tr{
    	height:auto;
    	margin-top: 20px; 
    }
     .neworderview .cart-view table tbody tr td{
     	width: 100% !important;
     }
    
     .neworderview .cart-view table tbody tr td .select2-container,.neworderview .cart-view table tbody tr td div{
     	width: 100% !important;
     	/*margin-right: 40%;*/
     }
     .neworderview .cart-view table tbody tr td.delete button{
     	width: 100% !important;
     }
     .neworderview .cart-view table tbody tr td.delete button.edit_order_item,.neworderview .cart-view table tbody tr td.delete button.update_order_item{
     	width: 50% !important;
     	float: left !important;
     }
     .neworderview .cart-view table tbody tr td.delete button.delete_order_item{
     	width: 50% !important;
     	margin-left: 0px !important; 
     }
     .nav-side-menu{
     	z-index: 444 !important; 
     }
     .project_tbl .action_td{
     	width: inherit;
     	height: 30px;
        padding: 10px 84px 0px 25px;
     }
     .project_tbl .state_tbl_select{
     	width: 83%;
     }
     .page_title{
     	margin:0px;
     	width: 100%;
     }
     .gray-bg-color{
     	overflow-x: hidden;
     }

     .dataTables_filter, .dataTables_length, .dt-buttons{
     	width: 50%;
     }
     div.dataTables_wrapper div.dataTables_filter label{
     	width: 100%;
     	text-align: right !important;
     }
     div.dataTables_wrapper div.dataTables_filter input{
     	 display: block;
         float: right;
     }

     div.dataTables_wrapper div.dataTables_length label{
     	width: 100%;
     	text-align: left;
     }

     #DataTables_Table_0_length .form-control{
     	margin-bottom: 0px;
     	width: 94%;
        display: block;
        float: left;
     }

     table.respond tr td{
     	text-align: left !important;
     }

     table.respond tr td.green_checkbox_td {
     	width: 96%;
     }
     .project_tbl .state_tbl_select.change_quantity_control{
     	width: 65%; 
     }

    .table-bordered{border:none;}
    .table-bordered tbody tr{margin-bottom: 25px;border-bottom: 1px solid #ddd !important;}
    .searchtable{border:none !important;margin-bottom:15px !important}
    .searchtable label{display: none;}
    .searchtable > thead > tr > th, 
    .searchtable > tbody > tr > th, 
    .searchtable > tfoot > tr > th, 
    .searchtable > thead > tr > td, 
    .searchtable > tbody > tr > td, 
    .searchtable > tfoot > tr > td{border:none !important;padding-left:0 !important;padding-right:0 !important}
    table.respond table,
    table.respond thead,
    table.respond tbody,
    table.respond th,
    table.respond td,
    table.respond tr{display:block;text-align:left}
    table.respond thead tr{position:absolute;top:-9999px;}
    table.respond tr{border:none;}
    table.respond tr td{
            border-bottom: 0;
            border-width: 0.03125em;
            position: relative;text-align: left;
            min-height: 38px;
    } 
    table.respond tr:last-child {border-bottom:0.03125em solid #ddd!important;}
    .respond td{border:none;border-bottom:0.03125em solid #eee;position:relative;padding-left:50%;font-weight:400}
    .respond td:before{
            position: absolute;
    top: 8px;
    right: 6px;
    width: auto;
    text-align: right !important;
    padding-right: 0;
    font-weight: 700;
    }
    .details_tbl tr td{
            width: 100% !important; 
            height: auto !important;
            text-align: right !important;}
    #m_dialog table.respond tr td,
    #m_dialog2 table.respond tr td,
    #m_dialog3 table.respond tr td{height: 30px}
    .total_cuctom_footer tr td{display: none;}
    .total_cuctom_footer tr .not_hide_on_mobile{display: block;}
    .table-hover > tbody > tr.odd,
    table.respond tr.odd{background-color: #f5f5f5 !important;}
    .table-hover > tbody > tr.even,
    table.respond tr.even{background-color: #fff !important;}
    #DataTables_Table_0_wrapper{margin-top: 21px;float: left;width:100%;}
    .box_ctivities_list {width:100%;float:right;}
    table.respond tr td ol{direction:ltr;list-style-position:inside;padding-right:0;}
    
}

/*modal styles*/

/*modal style here*/
.newOrderViewsModal .modal-header .close{
  color:#d12639;
  opacity: 1;
  font-weight: 400;
}
.newOrderViewsModal .modal-dialog .modal-content {
  border-radius: 0px; 
}
.newOrderViewsModal .modal-dialog .modal-content .modal-title{
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px;
    color: #43d5a1;
    margin-top: 0;
}
.newOrderViewsModal .modal-body .modalCols{
    background-color:#f1f7f9; 
    border-radius: 6px;  
    padding:12px  20px; 
    min-height: 401px;
    margin-bottom: 10px;
}
.newOrderViewsModal .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #999c9c !important;
}
.newOrderViewsModal .modal-body .modalCols .select2-container{
   width: 100% !important;
   direction: ltr;

}
.newOrderViewsModal .select2-container--default .select2-selection--single{
   height: 32px !important;
       height: 32px;
    border: 1px solid #d2d2d2;
}
.newOrderViewsModal .modal-body .modalCols label{
    width: 100%;
    color: #334650;
}
.newOrderViewsModal .modal-body .modalCols label a{
    float: right;
}
.newOrderViewsModal .modal-body .modalCols input{
 border-radius:5px;
}
.newOrderViewsModal .modal-dialog .modal-header {
      padding-top: 21px;
    border-bottom: none;
}
.newOrderViewsModal .modal-dialog .modal-content label{
  color:#808080;
}
.newOrderViewsModal .modal-dialog .modal-content input, .newOrderViewsModal .modal-dialog .modal-content select{
  height: 32px !important; 
  border:1px solid #d2d2d2;
  color:grey;
  margin:0px; 
}
.newOrderViewsModal .modal-dialog .modal-content .upload_photo_label{
	border: 1px solid #d2d2d2;
    padding: 3px;
     height: 34px !important; 
    border-radius: 5px;
    background: #fff;
}
.newOrderViewsModal .modal-dialog .modal-content .upload_photo_btn{
    float: right;
    padding: 3px 6px !important;
    font-size: 13px;
    border-radius: 4px;
}
.newOrderViewsModal .modal-dialog .modal-content .uploaded_photo_name {
	font-weight: normal;
    color: #999c9c;
}

.newOrderViewsModal .modal-dialog .modal-content select{
  border-radius: 6px;
  height: 82px; 
}
.newOrderViewsModal input[type='submit'],.newOrderViewsModal input[type='button']{
    color: #fff !important;
    font-weight: bold;
    width: 100%;
    border-radius: 0 !important;
    border-color: transparent !important;
    margin-top: 9px;
}
.newOrderViewsModal textarea{
    border-radius: 6px !important; 
    height: 76px !important; 
}
.newOrderViewsModal .modal-body > .row{
    border-bottom: 2px solid #f1f7f9;
}
.newOrderViewsModal .modal-dialog .modal-content select{
    padding-top: 0px;
}
.newOrderViewsModal .modal-dialog .modal-content .form-group{
  margin-top: 4px; 
}

.newOrderViewsModal .modal-dialog .generate_random_pon{
      float: left;
    font-size: 12px;
    margin-top: 6px;
        font-weight: bold;
    text-decoration: none;
}
.newOrderViewsModal .modal-dialog .uploaed_file .ufile{
  display: inline-block;
    background-color: royalblue;
    color: #fff;
    padding: 0px 16px;
    border-radius: 14px;
    margin-top: 4px;
    height: 30px;
    line-height: 30px;
}

.newOrderViewsModal .modal-dialog .uploaed_file .ufile a{
  color:#fff; 
  font-weight: bold; 
  float: left; 
  font-size: 18px;
  text-decoration: none; 
}
.newOrderViewsModal .details_table thead td{
     font-size: 16px;
    font-weight: 700;
    color: #a3a3a3;
}

.newOrderViewsModal .details_table tbody td{
    font-size: 16px;
    font-weight: 600;
    color: #888787;
}
.newOrderViewsModal .details_table tr td:last-child{
  text-align: left; 
}
.newOrderViewsModal .details_table tr td:nth-child(2){
  text-align: center;
}
.newOrderViewsModal .details_table button.action{
  border-radius: 0px; 
  padding: 6px 23px;
  background-image: linear-gradient(to left,#44ada8,#49c16a);
  color: #fff;
  font-weight: 600;

}
.newOrderViewsModal .modal-footer .choose_all{
  background-color:#469fc7; 
  border-radius: 0px; 
  color: #fff;
  padding: 7px 20px;
}

#addNewDrugModal  .modal-lg{
width: 992px;
}

.newOrderViewsModal  .modal-header{
  padding-bottom: 0px; 
}

.newOrderViewsModal .modal-lg .close_modal{
        color: #fff;
    background: #f22a59;
    font-weight: bold;
    padding: 4px;
    display: inline-block;
    line-height: 0.5;
    border-radius: 3px;
    padding-left: 6px;
    padding-bottom: 6px;
}

.newOrderViewsModal .modal-body{
  padding-top: 0px;
}
.newOrderViewsModal .modal-footer{
  padding:0px 30px 15px;
  border:none;
}
.newOrderViewsModal .modal-footer span{
  float: left;
}
.neworderview .cart-view table .orderItemQty{
      height: 100%;
    border: none;
    padding: 0px 20px;
} 

.neworderview .cart-view .single_order{
  height: 40px; 
}

.neworderview .select2-container--default .select2-selection--single .select2-selection__rendered{
  border:2px solid #c7c7c7;
}

.neworderview .select2-container--default .select2-selection--single{
  border:none;
}
.neworderview .cart-view .select2-container--default .select2-selection--single .select2-selection__rendered{
      border-width: 1px;
    box-shadow: 5px 3px 11px lightgray !important;
}
.modal{
  z-index: 333333 !important;
    background: #0000004d;
}

/*responsive style*/
@media(max-width: 1213px){
  .neworderview .panel .panel-body, .neworderview .panel .panel-body .form-control{
    font-size: 12px; 
  }
  .neworderview .panel .panel-body .col-md-2, .neworderview .panel .panel-body .col-md-3{
    padding-right: 3px;
    padding-left: 3px;
    width: 20%;
  }
  .neworderview .cart-view .buttons-list .btns-list{
    width: 100%;
  }
  .neworderview .clients-cash p.label-text{
    padding-top: 51px !important; 
  }
  .main-content .report_summary .totals h4{
    font-size: 13px;
    padding:10px;  
  }

  .report_summary .col-md-3{
    padding-right: 4px; 
    padding-left: 4px; 
    width: 25%;
  }
  .main-content .report_summary .totals h1{
    font-size: 28px;
  }
}
@media(max-width: 992px){
  .neworderview .panel  .panel-header .col-md-5,.neworderview .panel  .panel-header .col-md-3{
    width: 30%;
  } 
  .neworderview .panel  .panel-header .col-md-4{
    width: 40%; 
  }
  .neworderview .clients-cash .col-md-7 , .neworderview .clients-cash .col-md-5{
    width: 50%;
  } 
  .neworderview .clients-cash .payment_method .col-md-6 {
    width: 50%;
  }
  .reports .tbl_container .search_report .customer{
    width: 33%;
  }
  .reports .tbl_container .search_report select{
    width: 96%;
  }
  .reports .tbl_container .search_report .from_date, .reports .tbl_container .search_report .to_date{
    width: 26%;
  }

}

@media (max-width: 768px){
    .navbar-toggle{    
       position: absolute;
       left: 10px;
   }
   #myNavbar{    
   	margin-top: 82px;
    }
    #myNavbar .header_navbar{
    	padding: 0px;
    	margin:0px;
    }
    #myNavbar .header_navbar li {
    	display: block;
    	width: 100%;
    }
   .nav_menu .navbar-header{
    display: inline-block;
   }
   .site_page .main-content{
    padding-right: 20px !important;
    padding-left: 20px !important;
   }
   .site_page .details_page img{
    /*width: 100% !important;*/
   }
   .navbar-header{
    /*width: 100% !important;*/
   }
   .navbar-header .navbar-brand{
    width: 126px !important; 
   }
   .navbar-toggle{
        border: 1px solid black;
   }
   #myNavbar{
    background: white;
    z-index: 3333;
    position: absolute;
    width: 100%;
    min-height: 440px;
   }
   .navbar-nav > li{
    /*display: inline;*/
   }
   .nav_menu ul.nav.navbar-nav{
    float: right !important; 
   }
   .nav_menu .navbar-header{
       width: inherit !important;
   }
   .navbar-toggle{
        margin-top: 20px !important;
    margin-left: 14px !important;
   }
   #myNavbar .header_navbar{
        width: 100%;
   }
   .navbar-nav > li > a{
    padding: 20px 0px !important;
   }
   #addDeliveryModal .modal-content form .col-md-12, #editDeliveryModal .modal-content form .col-md-12{
     width: 100%;
   }
  .reports .page_content .search_mh,.reports .page_content .date_field_mah ,.reports .page_content .customer_mh {
  	width: 50% !important;
  }
  .reports .page_content .date_field_mah  input, .reports .page_content .customer_mh .select2-container{
  	width: 100% !important;
  }
  .reports .page_content .search_mh button{
  	width: 146px;
  	margin-top: 21px; 
  }
    #editStoreModal .modal-body form .col-md-6,#addStoreModal .modal-body form .col-md-6 ,#editAdminModal .modal-body form .col-md-6,#addAdminModal .modal-body form .col-md-6{
    	width: 50%;
    }
    .search_area .pr_in_store_form .form_line_1{
    	width: 57%;
    }
    .search_area .form_line_btn{
    	width: 43%;
    }
	#gm_dialog .general_modal{
		width: 94%;
	}

   #gm_dialog .general_modal form .col-lg-4,#gm_dialog .general_modal form .col-lg-6{
   	width: 50%;
   }
   #del_dialog .general_modal {
   	width: 95%;
   }
  .neworderview .panel  .panel-header .col-md-5,.neworderview .panel  .panel-header .col-md-3{
    width: 50%;
    /*text-align: center;*/
  } 
  .neworderview .panel  .panel-header .col-md-4{
    width: 100%;
    text-align: center; 
  }
  .neworderview .panel .panel-body .col-md-2, .neworderview .panel .panel-body .col-md-3{
    width: 50%;
  }
  .neworderview .clients-cash .col-md-7, .neworderview .clients-cash .col-md-5{
    width: 100%;
  }
   .neworderview .clients-cash p.label-text{
        padding-top: 0px!important;
  }
.neworderview .cart-view .buttons-list .btns-list div .btn{
  margin-top: 10px; 
}
.neworderview .clients-cash .col-md-7 .col-md-2,.neworderview .clients-cash .col-md-7 .col-md-3 {
  width:25%;
}
.report_summary .col-md-3{
  width: 50%;
  margin-top: 8px; 
}
.main-content .report_summary{
  height:223px; 
}

.reports .tbl_container .search_report .customer {
      width: 100%;
}
.reports .tbl_container .search_report .from_date, .reports .tbl_container .search_report .to_date{
  width: 49%;
}
.reports .tbl_container .search_report input,.reports .tbl_container .search_report select{
  width: 100%;
}
.reports .tbl_container .search_report .search{
  width: 100%;
}
}

@media(max-width: 445px){
    .nav_menu nav ul{
    	margin-left: 0px; 
    	padding-right: 0px;
    }
    .page_title{
        padding-right: 0px;
    }
    .details_page {
        padding:30px 4px !important; 
    }
    .details_page .details_table td, th{
        padding:0px; 
    }
    .details_page .drug_img img{
        /*width: 94% !important;*/
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login{
        width: 90%;
    }

    .nav_menu .navbar-header{
        width: 140px !important;
    }
    .login_fronted_btn{
        padding-right: 0px; 
    }
    #deleteDriverModal .modal-body form .modal_submit_button{
    	margin-left: 7px;
    }
    #gm_dialog .modal-dialog  form .col-lg-12 {
    	width: 100%;
    }
  
   .add_qooky_form form .col-lg-4{
  	width: 50%;
  	padding-left: 5px;
    padding-right: 5px;
  }
 
  .project_tbl .active_tbl_select{
  	width: 80%; 
  }

    .search_area .form_line_1{
     	width: 100%;
     }
     .search_area .form_line_2{
     	width: 50%;
     }
     .search_area .form_line_2 input{
     	width: 100%;
     }
     .search_area .form_line_1 .select2-container{
     	width: 100% !important;
     }
  .reports .page_content .search_mh,.reports .page_content .date_field_mah ,.reports .page_content .date_field_mah  input, .reports .page_content .customer_mh .select2-container,.reports .page_content .customer_mh {
  	width: 100% !important;
  }
  .reports .page_content .search_mh{
  	text-align: center;
  	margin-bottom: 10px; 
  }
 .reports .page_content .search_mh  button{
 	width: 170px; 
 }
   #editDriverModal .modal-body form .col-md-6,#addCustomerModal .modal-body form .col-md-6,#addDriverModal .modal-body form .col-md-6{
     	width: 100%;
     }
  .newOrderViewsModal .modal-body{
  	 padding: 15px 35px 30px 30px; 
  }
  #deleteMovementBillModal .modal-body .modal_submit_button,#deleteStoreModal .modal-body .modal_submit_button,#deleteAdminModal .modal-body .modal_submit_button{
  	margin-left: 7px !important;
  }
  #editStoreModal .modal-body form .col-md-6,#addStoreModal .modal-body form .col-md-6,#editAdminModal .modal-body form .col-md-6,#addAdminModal .modal-body form .col-md-6{
  	width: 100%;
  }
  .profile_section > li >a{
    padding-left: 44px !important;
    padding-right: 20px !important;
  }
  #gm_dialog .general_modal form .col-lg-4,#gm_dialog .general_modal form .col-lg-6{
   	width: 100%;
   }
   .neworderview .panel .panel-header span{
   	display: inline-block;
   }
  .neworderview .panel .panel-body .col-md-2, .neworderview .panel .panel-body .col-md-3{
    width: 100%;
  }

  .neworderview .clients-cash{
    padding: 10px 34px 20px;
  }
  .neworderview .clients-cash .col-md-7 .col-md-2, .neworderview .clients-cash .col-md-7 .col-md-3{
    width: 100%;
  }
  .neworderview .clients-cash .payment_method .col-md-6{
    padding-right: 5px; 
    padding-left: 5px; 
  }
  .neworderview .buttons-list .btns-list div{
    width:48%;
  }
  .neworderview .buttons-list .btns-list div button{
    width:100%;
  }
  .neworderview .cart-view .buttons-list .btns-list{
    text-align: center;
    padding-right: 14px;
    padding-left: 17px; 
  }

  .report_summary .col-md-3{
    width: 100%;
  }
  .main-content .report_summary{
    height: 418px; 
  }
}


.submit-loader{
	 width:100%;
     height:900px; 
     position:absolute; 
     top:0px;
     z-index:3333333;
     background-image:url('../../../defaults/loader.gif'); 
    background-repeat: no-repeat;
    background-position:top center;
    background-size: 38px;
    background-position-y: 231px;
    background-color: #dedada45;
 }	

@media print{
  .nav_menu, 
  .page_title, 
  .reports .tbl_container .search_report_mh,
  div.dataTables_filter,
  div.dataTables_length,
  table.dataTable thead .sorting:after,
  .dataTables_info,
  .dataTables_paginate,
  .paging_simple_numbers,
  .breadcrum,
  .page_content .order_header,
  .dt-buttons ,.btn-group{
    display: none !important;
  }
  .print_title{
    display: block !important;
    padding: 30px 0px;}
}




/*style for load category*/
.loader_parent_div{
	position: relative;
}
	  .lds-roller {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 84px;
  top: 16px !important;
    z-index: 4444444444;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 1px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4d8fe2;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 10px;
  left: 8px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 10px;
  left: 7px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 10px;
  left: 6px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 10px;
  left: 5px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 10px;
  left: 4px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 10px;
  left: 3px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 10px;
  left: 2px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 10px;
  left: 1px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}