.site_title{
	background-color: #2a3f54;
	height: 57px;
}

.error{
	color: red;
}

.company_info h5{
	font-size: 15px;
	margin: 0;
}.company_info h6{
	font-size: 13px;
	margin: 0;
}

.menu_disable{
	pointer-events: none;
	opacity: 0.5;
}

.menu_enable{
    pointer-events: all;
    opacity: 5.5;
}

#page_loader{
	display: none;
}

#page_loader .loader_wpr{
	    width: 100%;
    float: left;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    background-color: rgb(0 0 0 / 21%);
    display: flex;
    justify-content: center;
    align-items: center;
    /*pointer-events: none;*/
}
.nav_menu{
  border: 0;
  margin: 0;
}

#page_loader .loader_wpr i{
	    font-size: 50px;
    background: #ffffff94;
    border-radius: 50%;
    padding: 5px;
    color: #11a954;
    box-shadow: 0 0 20px 4px rgb(0 0 0 / 35%);
}

.pull-right {
    float: right;
    margin-top: -62px;
}

.companyinfo_submit_disabled{
    pointer-events: none;
}

.addbtn{
  margin-left: 781em;
  font-size: 1px;
}

.addbtn .btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.viewbtn .btn:hover {
  background-color: RoyalBlue;
}

.viewbtn{
  margin-left: 781em;
  margin-top: -5px;
  font-size: 0px;
}

.viewbtn .btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.viewbtn .btn:hover {
  background-color: RoyalBlue;
}
.title_left h3{
  font-size: 23px;
}
.top_right_col{
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.top_right_col .btn_edit{
     width: auto;
    float: left;
    padding: 8px 25px;
    background-color: #3999ff;
    color: #f7faff;
    border: 0;
    font-size: 17px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 1px 13px 1px rgb(0 0 0 / 27%);
}


/*----------- Switch Check box--------------------*/
.switch_wpr{
  display: flex;
  align-items: center;
      margin-top: 6px;
}
.switch_wpr span{
  padding:0 10px;
  font-size:14px;
}
.switch_wpr .switch{
margin: 0;
}
.switch {
     display: inline-block;
    height: 25px;
    position: relative;
    width: 45px;
}

.switch input {
  display:none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
      background-color: #fff;
    bottom: 3px;
    content: "";
    height: 20px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 20px;
}

input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(18px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*----------- ! Switch Check box--------------------*/

.info_tip{
        width: 20px;
    height: 20px;
    margin-left: 15px;
    border-radius: 50%;
    float: left;
    background-color: #e2f0ff;
    color: #568bec;
    display: flex;
    justify-content: center;
    align-items: center;
}
.label_text{
      float: left;
    color: #106d2c;
    font-weight: 500;
    font-size: 13px;
}

.x_panel{
  padding: 0;
}
.nav-md .container.body .right_col {
    padding: 10px 10px 0;
}

.accordion .panel-heading {
       background: #efefef;
    padding: 10px 15px;
    color: #000;
}

.x_content h4 {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #1b1111;
}

.panel-collapse{
  padding-top: 15px;
}
.accordion .panel:hover {
    background: #fff;
}

.accordion_parameter .form-control{
      width: calc(100% - 30px);
      height: 30px;
}

.parmeters_blk{
      padding: 5px;
    /* margin: 5px; */
    /* max-width: calc(50% - 10px); */
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    border: solid 1px #efefefc4;
}
.parmeters_blk .form-group{
  margin: 0;
}
.parmeters_blk:hover{
       background-color: #fff;
    position: relative;
    z-index: 9;
    box-shadow: 0 4px 9px 8px rgb(0 0 0 / 12%);
}
.x_content{
  margin: 0;
  padding: 0;
}
.panel-collapse{
  padding: 0;
}

.page-title .title_left h3 {
    font-size: 18px;
    }


    /**/
    .alert_msg_wpr{
        width: 350px;
        float: left;
        position: fixed;
        top: 25px;
        right: -380px;
        z-index: 999;
        background-color: black;
        padding: 18px;
        font-size: 16px;
        box-shadow: 0 0 20px 1px rgb(0 0 0 / 38%);

            transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
      }
    .alert_msg_wpr.show{
        right: 0;
    }
    /**/

    div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    right: 30px;
}                                                                                                                  

.password_blk{
  position: relative;
}
.password_blk .icon_show_password{
    position: absolute;
    right: 7px;
    width: 45px;
    height: 38px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.search_btn {
  margin-top: 28px;
}

.table td{
  padding: 0px 4px;
  vertical-align: middle;
}

.change_day_btn{
     width: fit-content;
    padding: 5px 15px;
    background-color: #2a3f54;
    float: right;
    color: #fff;
    border-radius: 25px;
    cursor: pointer;
    box-shadow: 0 1px 7px 1px rgb(0 0 0 / 32%);
}
.change_day_wpr{
  display: none;
}

.day_status_main_wpr .close_btn{
      width: 35px;
    height: 35px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    background-color: #ffe4e5;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    color: #f73d3d;
    right: 5px;
}
[disabled] {
    opacity: 0.5;
}
.locationname{
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.modal-header{
  padding: 5px 15px;
}

.fancybox img{
  width: 250px;
  height: 200px;
  margin-left: 9px;
  padding-bottom: 14px;
}

.enablecheck{
  padding-left: 76px;
}

.foot_btn_right_wpr{
  display: flex;
  justify-content: flex-end;
  padding: 5px;
  padding-right: 15px;
}

.btn-submitbutton{
  margin-top: 27px;
}


/*-------------------------------------------------------------------------------------------------*/


/*--  Dine In table settings  27-01-2020 --*/
.sub_page_top_wpr .page_title{
    width: calc(100% - 145px);
    text-align: left;
}
.dinein_table_setting_wpr{
    width: 100%;
    float: left;
    height: 100vh;
    background-color: #2b2b2b;
}

.dinein_table_setting_wpr .table_floor_settings{
    width: 100%;
    float: left;
}
.dinein_table_setting_wpr .table_floor_settings .floor_head_wpr{
     width: 100%;
    float: left;
    display: flex;
    background-color: #efefef;
    color: #000000;
    overflow-x: auto;
}
.table_floor_settings .floor_head_wpr .floor_head{
      width: auto;
    float: left;
    padding: 5px 15px;
    height: 35px;
    min-width: 75px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.table_floor_settings .floor_head_wpr .floor_head.active{
      background-color: #fffbfb;
    color: #039000;
    position: relative;
}
.table_floor_settings .floor_head_wpr .floor_head.active::before{
    content: '';
    position: absolute;
    bottom: -2px;
    width: calc(100% - 4px);
    left: 2px;
    height: 4px;
    background: #18c814;
    border-radius: 5px !important;
    box-shadow: 0 6px 5px 0px #00000052;
}
.table_settings_wpr{
        width: 100%;
    float: left;
    height: calc(100vh - 85px);
    padding: 35px;
    position: relative;
}

.table_settings_wpr .floor_tables_view{
         width: 100%;
    float: left;
    height: 100%;
    background-color: #d9d9d9;
    border-radius: 8px !important;
    border: solid 1px #e7e7e7;
    box-shadow: 0 0 2px 4px rgb(0 0 0 / 9%);
    text-align: left;
    padding: 15px;
    overflow: scroll;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.table_settings_wpr .btn_nav{
    position: absolute;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
    color: #bebebe;
    background-color: #000;
    cursor: pointer;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
    border: solid 2px #2B2B2A;
    opacity: 0.9;
        transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.table_settings_wpr .btn_nav:hover{
     opacity:1;
}

.table_settings_wpr .btn_nav.up{top: 5px; left:calc(50% - 15px);}
.table_settings_wpr .btn_nav.right{right:  5px; top: calc(50% - 15px);}
.table_settings_wpr .btn_nav.down{bottom: 5px; left:calc(50% - 15px);}
.table_settings_wpr .btn_nav.left{left: 5px; top:calc(50% - 15px);}



.table_settings_wpr .btn_zoom_blk{
       position: absolute;
    bottom: 5px;
    right: 55px;
    border-radius: 6px !important;
   
    color: #a4a4a4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 75px;
}
.table_settings_wpr .btn_zoom_blk .zoom{
    width: 50%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    cursor: pointer;
    background-color: #000;
    opacity: 0.5;
}
.table_settings_wpr .btn_zoom_blk .zoom.active{
    opacity: 1;
    color: #47974f;
}

.floor_tables_view::-webkit-scrollbar{
    display: none;
}

.floor_tables_view .floor_table{
    display: none;
} 
.floor_tables_view .floor_table.show{
    display: table;
} 


.floor_tables_view .floor_table
{
          transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    background-size: 20px;
    border: solid 1px #c0b9b9;
    background-color: whitesmoke;
    box-shadow: 0 0 20px 2px rgb(0 0 0 / 12%);
}
.floor_tables_view table td {
         width: 90px;
    height: 90px;
    border: solid 1px #aaa2a2;
}
.floor_tables_view table td .tbl_blk{
    position: relative;
    float: left;
        display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

         transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;


}
.floor_tables_view table td .tbl_blk i{
       font-size: 75px;
    color: #070707;
    text-shadow: 3px 3px 3px rgba(0, 63, 6, 0.45);
}
.floor_tables_view table td .tbl_blk div{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    color: #000;
}
.floor_tables_view table td .tbl_blk div span{
        color: #ececec;
            color: rgba(255, 255, 255, 0.75);
    background-color: #003f06;
    margin-top: 4px;
    width: 61px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.floor_tables_view table td .tbl_blk.red i{
    /*color: #b80909;*/
    text-shadow: 3px 3px 3px rgba(184, 4, 4, 0.25);
}
.floor_tables_view table td .tbl_blk.yellow i{
    /*color: #d5c300;*/
     text-shadow: 3px 3px 3px rgba(194, 184, 28, 0.26);
}
.floor_tables_view table td .tbl_blk.red div span{
background-color: #2d5c55;
}
.floor_tables_view table td .tbl_blk.yellow div span{
    background-color: #89810a;
}
.floor_tables_view table td .tbl_blk.active{
    background-color: #4d4d4d;
    border-radius: 3px !important;
} 

/*-- !Dine In table settings  27-01-2020 --*/


.delete_info_wpr {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: solid 1px #e2e2e2;
}


.delete_info_wpr .btn_delete_break {
    width: auto;
    float: left;
    padding: 5px 20px;
    background-color: #d60a14;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 2px 6px 2px rgb(0 0 0 / 16%);
}

#img_preview{
    margin-top: 15px;
    width: 134px;
}

.run_btn {
    margin-top: 28px;
}

 .selectall {
    margin-top: -15px;
    margin-left: -37px;
}