/* .field-dmoutletsettings-location_id label.control-label,
.field-dmoutletsettings-integration_type label.control-label { width:32% !important; display: inline-block; text-align: left;}
.field-dmoutletsettings-location_id div.col-md-10,
.field-dmoutletsettings-integration_type  div.col-md-10 { width:68%; float: right;} */


body { background: #fff;  }
h1, h2, h3, h4, h4, h5, h6 { margin:0; }
select { -webkit-appearance:none; appearance:none; -moz-appearance:none; }
.row { margin:0 !important; }
label { margin:0; }
.del_tim_inp button.menu_btn_style1 span {
    color: #ffffff !important;
    line-height: 25px;
}

.del_tim_inp button.menu_btn_style1 {
    background: #3a3535 !important;
}

.del_tim_inp button.menu_btn_style1:hover {
    background: #565151 !important;
}

button.btn_icos {
    padding: 0 0 3px 1px;
    border-width: 0px !important;
    border-radius: 50%;
    margin: 0;
    width: 32px;
    height: 32px;
    text-align: center;
}

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

.mb-0 {
    margin-bottom: 0;
}
.mt-0 {
    margin-top: 0;
}
.ml-0 {
    margin-left: 0;
}
.mr-0 {
    margin-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pt-0 {
    padding-top: 0;
}
.pl-0 {
    padding-left: 0;
}
.pr-0 {
    padding-right: 0;
}
.mt-2 {
    margin-top: 15px !important;;
}

.ml-1 {
    margin-left: 8px !important;;
}

.pr-2 {
    padding-right: 15px !important;
}
.pl-2 {
    padding-left: 15px !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

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

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

/**********/
.p-0 { padding:0 !important; }
.m-t-20  { margin-top:22px !important;}
.c_red { color:#d0021b; font-weight: bold;}
.def_btnstyle { width:200px; border:1px solid #ccc; color: #333 ; background: #fff; border-radius: 4px;
  font-size: 14px; padding:2px 10px; line-height: 24px; text-decoration: none ; display: block; text-align: center;}
.def_btnstyle:hover, focus { outline:none; text-decoration: none; color: #333 ;}
/* .def_btnstyle:hover:hover { background: #ccc; color:#fff;} */
/**********/
.def_inpstyle   { border:1px solid #ccc; color: #333 !important;
  background: #fff; border-radius: 4px !important;  font-size: 14px; height: auto !important;
   padding:2px 10px !important; line-height: 26px;  text-align: center;
   text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
input:hover, .input:focus, .input:focus { outline: none !important; color:#333 !important; }

.def_inpstyle2  { border-bottom:2px solid #ccc !important; border:none; color: #333 !important;
  background: #fff !important; border-radius: 0 !important;  font-size: 16px; height: auto !important;
   padding:2px 10px !important; line-height: 30px;  text-align: center; min-height: 36px; }
.def_inpstyle2:hover, .def_inpstyle2:focus, .form-control:focus { outline: none; color:#333; }


/************/
.check_inp_style {
  display: block;
  line-height: 32px;
  margin:0;
  padding: 0 0 0 35px;
  position: relative;
  -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.check_inp_style input { opacity: 0; position: absolute; top:0; left:0; width:100%; height:100%;}
.check_inp_style b {
  display: inline-block;
   width:22px;
    height:22px;
    border:1px solid #ccc;
    margin-right:10px;
   margin-bottom:-6px;
   border-radius: 4px;
   position: absolute;
   top: 4px;
   left: 0;
}
.check_inp_style b i {font-size: 15px; position: absolute !important; top:2px ; left:2px; right:0; bottom:0;
  margin:auto; color: #666666 !important; opacity: 0;}

.check_inp_style input:checked + b i { opacity: 1;}
offer_cat_dropdown .check_inp_style i { opacity: 0 !important;}
offer_cat_dropdown .check_inp_style.activeCheck i { opacity: 1 !important;}



/********/
.select_inp_style {  width:180px; border:1px solid #ccc; color: #333; background: #fff;
  font-size: 16px; line-height:24px; position: relative;}
.select_inp_style select { background: none; width:100%; height:32px; border:0px;  padding:2px 22px 2px 10px;
    text-align:left; background:none; font-size:14px;}
.select_inp_style:after { content:'';  margin-top: 5px; position: absolute; top:8px; right:6px; margin-left: 5px;
vertical-align: middle; border-top: 6px solid #333; border-right: 8px solid transparent;
border-left: 8px solid transparent;  pointer-events: none;}

.select_inp_style2 {  width:150px; border-bottom:2px solid #ccc !important; border:0; color: #333;
   background: #fff; font-size: 16px; line-height:24px; position: relative; border-radius: 0 !important;}
.select_inp_style2 select { border:0 !important; font-size: 16px;}
.select_inp_style2:after { content:'';  margin-top: 3px; position: absolute; top:11px; right:6px; margin-left: 5px;
vertical-align: middle; border-top: 7px solid #333; border-right: 8px solid transparent;
border-left: 8px solid transparent;  pointer-events: none;}
.select_inp_style2 select { height:34px !important; }

.company_dropdown{
    float: right;
}
.company_dropdown label{
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.company_dropdown .select_inp_style{
    display: inline-block;
    vertical-align: middle;
}

/*********/
.scaregill_out_set_outer { width:100%;  }
.scaregill_hdr_outer { width:100%; padding:10px; margin:0; padding:0; }
.scaregill_hdr_left { padding:0; vertical-align: middle; margin-bottom:10px;}

.return_march_set { width:270px;  margin:auto;   }
.scaregill_hdr_left p { font-size: 16px; line-height: 30px;}
.scaregill_hdr_left .select_inp_style { width:auto; max-width: 100%; border-radius: 4px; line-height: 28px; }
.scaregill_hdr_left .select_inp_style:after { top:10px; }
.scaregill_hdr_left .select_inp_style { padding-right:28px; }
.scaregill_hdr_left  .select2-container { width:100% !important }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px !important;}
.select2-container--default .select2-selection--single { border:none !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {  border-width: 7px 7px 0 7px !important;
  border-color: #000 transparent transparent transparent !important;   left:auto !important;  top: 12px !important; margin:0 !important;  }
.scaregill_hdr_left  .merchant_search_bar { width:100%; }
.select2-container--default .select2-selection--single .select2-selection__clear { position: absolute !important; right:26px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-right:30px !important; }
.merchant_search_bar { width:284px;    border:1px solid #ccc; color: #333; background: #fff;
border-radius: 4px;  position: relative;}
.merchant_search_bar button { width:40px; min-height:100%;   position: absolute; top:0; left:0;
background:url(images/menu_icons/search-icon-black.png) no-repeat center #eeeeee; border-radius: 4px 0 0 4px ;}
.merchant_search_bar button i { vertical-align: middle; font-size: 16px; color: #333 ;}
.merchant_search_bar input  { border:none; line-height: 30px; width:100%;  background: none; padding:2px 20px 2px 60px;}
.select_outlet { width:150px; border-radius: 0; height: 30px;}

/***  ***/
.outlet_del_sec_parent { width:100%; }
.outlet_del_sec_out { width:100%; padding:18px 20px 5px; margin-bottom:20px; border:1px solid #ccc; border-radius: 4px; background: #fff;  }
.outlet_del_sec_parent h2 { font-size: 20px; color: #333; line-height: 30px; padding-bottom:20px; font-weight: 500; padding-left:0;}

.outlet_setting_sec { width:100%; border-bottom:1px solid #979797; margin-bottom:20px; padding:0 0 10px; }
.out_sel_list { width: 100%; padding-right:20px; padding-bottom:20px !important;}
.out_sel_list span { display: block; vertical-align: middle; line-height: 32px;}
.out_sel_inp_sec { padding:0 10px ; }
.out_sel_inp_sec label {display: inline-block; margin:0; line-height: 28px;}
.out_sel_inp_sec strong { display: inline-block; font-weight: bold; margin:0px 10px; line-height: 32px;}
.out_sel_inp_sec input { width:68px; line-height: 30px; }

.del_tim_sec { width:100%;   }
.del_tim_inp input { width:68px; }
.del_tim_inp strong { display: inline-block; font-weight: bold; margin:0px 10px; line-height: 32px;  }
.del_tim_inp .check_inp_style { line-height: 38px;}
.outlet_del_sec_out .outlet_setting_sec:last-child{ border-bottom:none ; padding:0;margin:0;  }
.sec_devid .outlet_del_sec_out{ width:100%; margin-right:20px; }
.sec_devid .outlet_del_sec_out .def_inpstyle { font-size: 14px;   padding: 2px 0px !important;
  line-height: 24px;  }
.sec_devid .outlet_del_sec_out strong {  margin:0px 4px; line-height: 30px;}
.out_sel_list_right{ padding-left:20px !important; }

.out_del_offer_right { width:26% !important; float: right;  width:100%; padding:30px 10px; border:2px solid #ccc; border-radius: 4px; background: #fff; display: none;}
.out_del_offer_right h2 { text-align: center; padding-bottom:10px;}
.sec_devid .out_del_offer_right { display: block;}

/****************/
/* #screen3 { padding:20px; } */
#screen3 .mainAppend { background: #fff; border:1px solid #ccc; border-radius: 4px;padding:20px 20px 0; }
/** Button tag class  **/
button.menu_btn_style1  { background: #d8d8d8 !important; border:1px solid #979797 !important;  }
button.menu_btn_style1:hover { background: #d8d8d8 !important; }
button.menu_btn_style1 span { color:#000 !important; line-height: 23px; }

#screen3 input { text-align:left; }
.top-buffer { padding:10px 0 0; }
.top-buffer .getChiledInput input{ width:49% !important; display: inline-block; margin-top:0; }
.badge{  background: #d8d8d8 !important;  line-height:18px !important; border-radius: 0px !important;
  padding: 7px 7px !important; width: 76%; color:#333 !important; border:2px solid #979797 !important; }
.top-buffer .getChiledPrice, .top-buffer .getChiledOffer { padding-left:0 !important; }
.top-buffer .getChiledPrice input { padding:2px 4px !important; text-align: center !important;}

.offer_cat_dropdown { width:300px; max-width: inherit; border:1px solid #ccc; color: #333; position: relative;}
.mainOfferHelpingClonedClass .offer_cat_dropdown{width: 320px;}
.mainOfferHelpingClonedClass .offer_cat_dropdown .offer_cat_dropdown_list.mainOffersDiv{
  max-height: 148px;
  overflow-y: auto;
}
.offer_cat_dropdown.active .offCatPlaceHolder{pointer-events: none;}
.offer_cat_dropdown span { display: block; font-size: 14px; line-height: 26px; padding:2px 28px 2px 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.offer_cat_dropdown:after { content:'';  margin-top: 4px; position: absolute; top:8px; right:6px; margin-left: 5px;
vertical-align: middle; border-top: 6px solid #333; border-right: 8px solid transparent;
border-left: 8px solid transparent;  pointer-events: none; }

.offer_cat_dropdown ul { position: absolute; top:34px; left:0; width: 100%; background: #fff; display: none;  z-index: 9;
max-height: 170px; overflow-y: auto;}
.offer_cat_dropdown_list { width:100%; border:1px solid #ccc; padding:10px; }
.offer_cat_dropdown_list li { padding: padding: 10px 0; list-style: none;}
.offer_cat_dropdown_list p { font-size: 16px;  display: inline-block; margin:0; line-height: 28px;}
.offer_cat_dropdown_list .check_inp_style {width:104px; float: right; display: inline-block; line-height: 28px; line-height: 20px; font-size: 12px; padding:2px 28px 0 10px ; }
.offer_cat_dropdown .check_inp_style b { right:0 ; left:auto; top:2px; }
.offer_cat_dropdown_list .c_red { font-weight: normal;}



.offer_cat_dropdown input[type=checkbox]{ position: absolute; top:0 left:0; visibility: hidden; opacity: 0;}
.offer_cat_dropdown.active ul {  display: block; }

#main{padding-bottom: 70px;}

/******  Pop Up  *******/

.modal-content { border-radius:0;}
.modal-header { padding:20px; border:0 none;  }
.modal-header .close { position:inherit; float: left; margin:0; padding: 2px; line-height: 20px;
   font-size: 40px; font-weight:normal; color: #000 ; opacity: 1;}
.modal-header h4 { font-size: 16px; padding:4px;}
.modal-header h4 b { display: inline-block; padding:0 2px;}
.modal-body { padding:0 40px 20px; }
.modal-dialog .btn-default { background: #ddd !important; color: #333; border: 1px solid #ccc !important;
  min-width:150px; text-align: center; border-radius: 4px !important; padding:4px 20px; font-weight:400;}
.modal-dialog .btn-default span { color: #333 !important; display: none; }
.modal-dialog .btn-default:hover { background: #fff !important; }
.top-buffer-inputs { display: inline-block !important; padding:10px 4px; }
label.col-md-1.top-buffer-inputs { width:auto; font-weight: bold; padding:10px 0 0 16px;}
label.col-md-1.top-buffer-inputs:last-child { padding:10px 0 0 0; }
/* .appendMainCustomizationGroup {   padding:10px; border:1px solid #ccc;} */

.min_max_choice { width:100%; display: block; line-height: 35px;}
.min_max_choice input { display: inline-block; width:70px; padding: 4px; font-size: 14px; line-height: 20px !important;}
.select_inp_style .form-control{ height: 34px !important;}
 .modal-body .select_inp_style:after { top:11px; }
.buffet_del_copy_sec ul{ width:auto; float: right; padding:0; margin:0;}
.buffet_del_copy_sec ul li { float: right; padding-left:20px; list-style: none;}
.buffet_del_copy_sec ul li a { display: block;}
.buffet_del_copy_sec ul li a i { font-size: 22px; color: #000;}
.ap_list_1st_sec { padding-bottom:10px !important; padding:0; }
.cust_grp_inp label input { padding-left:10px; display: inline-block; width:70px; line-height: 30px; padding:0 !important;}
.cust_grp_inp label b { display: inline-block;}
.btn.simple_plus_btn { padding:2px 6px !important; background: #d8d8d8; border:2px solid #ccc;  }
.simple_plus_btn span { color:#000; }
.appendMainMealOptions { padding:10px; /*border:1px solid #ccc; */ margin-top:20px; }
.meal_option{ padding:10px 0 !important; }
.chice_with_price { padding:10px 0 !important  }

/**** Setting- pop up *********/

.copy_set_mod .modal-header { padding-bottom:30px; }

.modal-title   {  text-align: center; padding-bottom:30px;}
h4.modal-title p { border-bottom: 1px solid #979797; color: #333; font-size: 18px; width: auto;
   display: inline-block; margin:0;}

.copy_set_mod .select_inp_style{ width:200px; line-height: 28px;   }
.copy_set_mod .select_inp_style select {   padding: 2px 25px 0 10px;  }

.copy_set_mod .scaregill_hdr_left { margin-bottom:30px; }

.set_pop_form { background:#f6f6f6; border:2px solid #ccc; border-radius: 4px; padding:20px 30px;}
.set_pop_form h5 { font-size: 14px; font-weight:lighter; padding-bottom:10px;}
.set_pop_form p { font-size: 16px;}
.set_pop_form span { color: #d0021b; font-size: 10px; display: block; font-size: 12px;.modal-footer}
.st_pop_img { padding:0;  }
.st_pop_img img { width:80%;  }
.copy_set_mod .modal-footer { border-top:none; padding:0 0 20px 0; }
.modal-footer .def_btnstyle { margin:auto; }

/******  Screen - 1   **********/

.scargill_marchent_sec { width:100%; padding:18px 20px 0; }
.scar_mar_sec_inner { width:100%; padding: }
.scar_mar_sec_inner h2 { font-size: 20px; color: #333; line-height: 24px; padding-bottom:20px; font-weight:500;}

.scar_mar_sec_inner .table thead th {  text-align: center; font-weight: normal; color: #778f9b; background: #d4dae0;}
.scar_mar_sec_inner .table th, .scar_mar_sec_inner .table td { border:1px solid #cad0d8; color: #000;}
.scar_mar_sec_inner .table p { padding:4px; line-height: 26px; margin:0; font-size: 16px; }

.scar_mar_sec_inner .out_sel_inp_sec input { width:180px; line-height: 24px; }
.scar_mar_sec_inner .select_inp_style { border-radius: 4px;}
.scar_mar_sec_inner .select_inp_style:after { top:9px;     margin-left: 5px; vertical-align: middle;
  border-top: 5px solid #333; border-right: 6px solid transparent;   border-left: 6px solid transparent; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border:0 none; border-right:1px solid #ddd; }


/*** Muhammad Usman ***/

button.btn_icos{
	padding:2px 6px;
	border-width: 1px !important;
}
.btn_clone, .btn_save_category{
    top: 20px !important;
    right: 20px !important;
	left:auto !important;
	width:28px;
	height:25px;
	padding:3px 6px !important;
    position:absolute !important;
}
.btn_save_category {
    right: 60px !important;
}
.btn_save_category.btn_grey{
    background: #d8d8d8 !important;
}
.def_inpstyle2{
	font-size:14px;
	line-height:27px;
	min-height:inherit;
	border-bottom-width:1px !important;
}
button.menu_btn_style1.btn_cons{
	font-size:14px;
	font-weight:400;
	padding:5px 12px;
	margin:0 0 0 10px;
	border-width:1px !important;
}
.content-right{text-align:right;}
.select2-container .select2-selection--single{
	height:30px !important;
}
#outlets_data,
#getOffersTable{margin-bottom:20px;}

.head_btns{
    margin:0 -15px !important;
}
.head_btns .def_btnstyle{
    width: 100%;
    padding:4px 10px;
}
.head_btns .modal-footer .def_btnstyle{
    width: 200px;
}
.head_btns .scaregill_hdr_left{
    padding:0 15px;
}
.offer_cat_dropdown_list li{
    border-top:1px solid #ccc;
    padding: 10px 0;
}
.offer_cat_dropdown_list li:first-child{
    border-top:0;
    padding-top: 0;
}
.offer_cat_dropdown p{
    font-size: 14px;
    line-height: 28px !important;
}
.offer_cat_dropdown .offersPara{
    /*width: 170px;*/
    width: 155px;
    white-space: inherit;
    overflow: inherit;
    text-overflow: inherit;
}
.offer_cat_dropdown .check_inp_style b{
    margin: 0;
}

.modal-dialog .buffet_del_copy_sec .btn-default{
    display: block;
    width: 19px !important;
    height: auto;
    min-width: inherit;
    position: static !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
}

.getDescInput{
    clear: both;
}


/*** Muhammad Usman ***/

.dm_popup{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  position: fixed;
  background: rgba(0,0,0,0.75);
}
.dm_popup .table{
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
}
.dm_popup .table_cell{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 20px 40px;
}
.dm_popup .content_block{
  position: relative;
  max-height: 90vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  text-align: left;
  padding: 30px 40px;
}
.dm_popup .content_block .close_btn{
  cursor: pointer;
  position: absolute;
  width: 28px;
  top: 20px;
  right: 20px;
}
.dm_popup .content_block .close_btn img{
  display: block;
  height: auto;
  width: 100%;
}
.dm_popup h1{
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 20px;
}
.dm_popup .txtBlock,
.dm_popup .cnt_row{
  margin: 0 0 20px;
}
.dm_popup .dtl_view:after,
.dm_popup .txtBlock:after,
.dm_popup .cnt_row:after{
  content: '';
  clear: both;
  display: block;
}
.dm_popup .cnt_row{margin: 0 0 10px;}
.dm_popup .column{
  float: left;
  width: 50%;
}
.dm_popup .column:last-child{float: right;}
.dm_popup .dtl_view .field_label{
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  width: 150px;
}
.dm_popup .dtl_view .field_label .inf_text{
  display: block;
  font-weight: 400;
  font-size: 12px;
}
.dm_popup .def_inpstyle{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 32px;
  overflow: visible;
  text-align: left;
  font-weight: 400;
  width: 300px;
}
.dm_popup .def_inpstyle.bg_red{
  background: #d0021b;
  color: #fff !important;
}
.dm_popup .def_inpstyle.bg_green{
  background: #7ed321;
  color: #fff !important;
}
.dm_popup .def_inpstyle.bg_orange{
  background: #f5a623;
  color: #fff !important;
}
.dm_popup .def_inpstyle.flag:after{
  top: 4px;
  right: -50px;
  width: 26px;
  height: 23px;
  content: '';
  clear: both;
  position: absolute;
  background: url(../images/flag_icon.png) no-repeat;
  background-size: cover;
}
.sts_select_field{
    position: relative;
    padding:0 !important;
}
.sts_select_field:after{
  top: 11px;
  right: 11px;
  content: '';
  clear: both;
  position: absolute;
  pointer-events: none;
  border-style: solid;
  border-width: 7px 7px 0;
  border-color:#000 transparent transparent;
}
.sts_select_field select{
  border: 0;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 2px 10px !important;
  background: none;
}
.dm_popup .innerRight{
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: left;
  font-weight: 400;
  width: 300px;
}
.dm_popup .innerRight .btn{margin: 0 10px 0 0;}
.dm_popup .innerRight .btn{
  border: 0;
  color: #fff;
  font-weight: 700;
  background: #82b440;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.dm_popup .innerRight .btn:hover{background: #73a037;}
.dm_popup .innerRight span{
  display: inline-block;
  vertical-align: middle;
}
.dm_popup .column h2{
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
.dm_popup.filter h1{margin: 0 0 50px;}
.dm_popup.filter .column{width: 40%;}
.dm_popup.filter .column:first-child{width: 60%;}
.dm_popup.filter .column:first-child .rightCol{width: 500px;}
.dm_popup .rightCol{
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  width: 320px;
}
.dm_popup .select_inp_style{margin: 0 15px 0 0;}
.dm_popup .select_inp_style,
.dm_popup .input_wrap{
  display: inline-block;
  vertical-align: middle;
}
.dm_popup .select_inp_style.full_width{width: 100%;}
.dm_popup .column:last-child .input_wrap{
  float: right;
  width: 100px;
}
.dm_popup .column:last-child .input_wrap{
  float: right;
  width: 105px;
}
.dm_popup .column:last-child .input_wrap input{
  display: inline-block;
  vertical-align: bottom;
  width: 70px;
}
.dm_popup .column:last-child .input_wrap span{
  display: inline-block;
  vertical-align: bottom;
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 0 5px;
}
#merchant_detail_popup.dm_popup .content_block{
  max-width: 550px;
  margin: 0 auto;
}
.dm_popup ul.outlet_class{
  list-style: none;
  padding: 0;
  margin: 0;
}
.dm_popup ul.outlet_class li{
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 10px;
  overflow: hidden;
}
.dm_popup ul.outlet_class li::before{
  top: 6px;
  left: 0;
  content: '';
  clear: both;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  background: #f29b26;
}
.dm_popup ul.outlet_class li .list_outlet_name{
  display: inline-block;
  width: 380px;
}
.dm_popup ul.outlet_class li .list_status{
  float: right;
}

.order-index{position: relative;}
.order-index .btn.filter{
  position: absolute;
  padding: 10px 30px;
  z-index: 9;
  right: 0;
  top: 0;
  left: auto;
  color: #fff;
}
div.dt-buttons{
  position: absolute !important;
}
.dataTables_wrapper .dataTables_filter{
  float: none !important;
  overflow: hidden;
  margin: 0 0 10px;
}
div.dataTables_filter label{
  float: left !important;
  width: 250px;
  height: 40px;
  position: relative;
}
.dataTables_wrapper .dataTables_filter input{
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 40px;
  margin: 0 !important;
  border: 1px solid #ccc;
  padding: 0 15px;
}

#history_table_wrapper{padding: 0 0 35px;}
.order-index .dataTables_wrapper { position: relative; padding-bottom:60px;}
.dataTables_wrapper div.dt-buttons { position: absolute; left:0 ; bottom:0; float:none !important;
 border: 0; font-weight: 700; box-shadow: none ; margin:0 !important;   }
.order-index .dataTables_wrapper .dt-button{ margin: 0; background:#82b440; color: #fff;  padding: 10px 30px;
    z-index: 9; font-size: 14px;}
.order-index .dataTables_wrapper .dt-button:hover { background: #73a037 ;}

.popover.popover-default{padding-right: 0 !important;}
.popover.popover-default .popover-footer{text-align: center !important;}

#ribbon li{max-width: inherit !important;}

/************************/
@media (min-width: 768px){
.copy_set_mod .modal-dialog {
    width: 700px !important;
  }

}
.merchant_sections{
    padding: 10px;
    border-radius: 6px;
    background: #f8f8f8;
    position: relative;
    margin: 0 0 20px;
}
.merchant_sections .addMerchant {
    background: none;
    border: 0;
    color: #90c451;
}
.merchant_sections .addMerchant .d-block {
    display: block;
}
.merchant_sections .Shape-Copy {
    width: 20px;
    display: inline-block;
}
.merchant_sections .Shape-Copy img{
    display:block;
    width:100%;
    height:auto;
}
.addmrc {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.addmrc button.addMerchant {
    padding: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addmrc .Shape-Copy {
    width: 20px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 7px;
}
.addmrc .Shape-Copy img{
    display:block;
    width:100%;
    height:auto;
}
button.addMerchantEn {
    display: flex;
    padding: 10px;
    align-items: center;
    border-radius: 4px;
}

button.addMerchantEn .Shape-Copy img {
    border-radius: 50%;
}
.merchant_sections .deleteBlock{
    top: 10px;
    right: 10px;
    width: 16px;
    position: absolute;
    cursor:pointer;
}
.merchant_sections .form-group{
    margin: 0;
}
.merchant_sections .form-group label{
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    background: #f8f8f8;
    line-height: 20px;
}
.merchant_sections .form-group .inputWrap{
    max-width: 70%;
}
.uploadBox{
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #d1d1d6;
}
.merchantImg{
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
}
.uploadBox .uploadIcon{
    top: 50%;
    right: 20px;
    width: 15px;
    margin-top: -10px;
    position: absolute;
}
.uploadBox .imgLeft{
    float: left;
    width: 28px;
}
.uploadBox .text{
    overflow: hidden;
    padding: 0 0 0 12px;
}
.uploadBox .text .title{
    display: block;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
}
.uploadBox .text p {
    margin: 0;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
}

#left-panel {
    position: fixed !important;
    height: 100vh;
    bottom: 0;
    background-color: #1F54B8 !important;
}
#left-panel nav {
    height:calc(100vh - 100px);
	overflow-y:auto;
}