/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
.dataTables_wrapper .dataTables_processing{    display: block; padding: 8px !important; background: #fff !important;}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #d8d8d8 !important;
}
.dataTables_filter input[type="search"] {
    border: solid #dcdbdb 1px;
}
.dataTables_length select {
    border: solid #dcdbdb 1px;
    padding: 6px;
}
.eye-pos{
    position:absolute;top: 10px;right: 24px;cursor: pointer;
}
.n1 {
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2px 1px;
    float: left;
    font-size: 143%;
    text-align: center;
    width: 33.3333%;
}

.overflow{
	overflow:hidden;
}

.pass-key {
    background: rgba(0, 0, 0, 0) radial-gradient(#fff, #dcdcdc) repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 1em 40px;
    padding: 17px;
}

.n1 > span {
    background: #22cece none repeat scroll 0 0;
    color: #fff;
    display: block;
    padding: 15px 0;
}

.btn-right {
    float: right;
    width: 120px !important;
}
.large-table-container{
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: auto;
  border: 1px solid #ddd;
}



.checkbox-list label {
    float: left;
    width: 33.333%;
}


.alertDialog, #custom_cofirm_box_az12qw32sdkl { display:none;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    font-family: Arial,Helvetica,sans-serif;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 400ms ease-in 0s;
    z-index: 99999;
    text-align:center;
}
.alertDialog > div p, #custom_cofirm_box_az12qw32sdkl > div p{color:#ed272f; margin-bottom:30px; margin: 15px 0 25px 0; font-size: 16px;}
.alertDialog > div, #custom_cofirm_box_az12qw32sdkl > div { min-height:100px;
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    margin: 10% auto;
    padding: 10px;
    position: relative;
    width: 320px;
}
.alertDialog > div section, #custom_cofirm_box_az12qw32sdkl > div section{border: 1px dashed #cfcfcf;    padding: 15px;}
.alertDialog .btn, #custom_cofirm_box_az12qw32sdkl .btn{width: 75px;}
#ajax_loader{text-align: center; width: 100%;}
.portlet.box > .portlet-title.portlet_tab{padding: 0;}
.portlet.box > .portlet-title.portlet_tab .caption{padding: 12px; width: 50%; background-color: #f08c2e; cursor: pointer; text-align: center;}
.portlet.box > .portlet-title.portlet_tab .caption.active{background-color: #9b59b6 ; position: relative;}
.portlet.box > .portlet-title.portlet_tab .caption i{float: none; font-size: 26px; vertical-align: text-top;}
.portlet.box > .portlet-title.portlet_tab .caption.active:after {border: medium solid transparent; top: 100%; content: " "; height: 0;    left: 50%; pointer-events: none; position: absolute; width: 0; border:10px solid transparent; border-top:11px solid #9b59b6 ; margin-left: -2px;}
.portlet.box > .portlet-title.portlet_tab + .portlet-body{padding-top: 15px !important;}

.portlet.box > .portlet-title.portlet_tab .caption a{color: #fff; text-decoration: none; display: block;}
.portlet.box > .portlet-title.portlet_tab .caption a i{margin-top: 5px;}

.label.label-success1 {
    /*background: #ddeff8;*/
    border: solid 1px #b7babb;
    color: #454545;
    font-size: 15px; font-weight: 400;
}
.set_default_pos{position: relative;}
.set_default_pos .btn{position: absolute; right: 0; bottom: 100%;}
.uppended_btn .button{margin-right: 10px; border: none; color: white; background-color: #45b6af;line-height: 29px; padding: 7px 14px; font-size: 14px;   border-radius: 4px; }
.uppended_btn .button:hover {color: white; background-color: #0D3549;}
.min_btn{width: 100px;}
/**/
.chart{z-index:9;}
.bootstrap-datetimepicker-widget tr:hover {    background-color: #808080;}
  .page-content{height: 100%; }
  
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:999
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 95%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif; font-size:18px;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
.popup .close:hover {
  color: #000;
}
/**/

.chart-relative{position:relative;}
.chart-relative small{position:absolute; z-index:99; color:#3d4a53; font-size: 13px; top: -5px;}
.chart-overflow{overflow-x: auto;}
.chart-position{position:absolute; width:40px; overflow:hidden; background-color:#fff; z-index:9; top:0;}
.left20{left:30px !important;}

.padding-top-10{padding-top:10px !important;}

.btn{min-width:100px;}

._note{padding:11px 10px 8px 10px; margin-bottom:0;}
#revoke p, #revokemsg p{margin-bottom:0; margin-right:10px; font-weight:bold;}
.checkbox-list2 label { float: left; width: 50%;}
.checkbox-list2 label .checker{float:left; margin-top:0 !important;}
.checkbox-list2 label bdo{margin-left:27px; display:table;}
.min100{min-width: 100px;}

.theme_input_mainbox .form-control{width: 50%; float: left;}
.theme_input_mainbox .form-control:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0;}
.theme_input_mainbox .form-control:nth-child(2) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left:none;}
.theme_input_mainbox .form-control:focus{border-color:#e5e5e5;}

.colorpicker-component{width:100%;}
.colorpicker-component .input-group-addon{width:50%; background-color:#fff; border-right: 1px solid #e5e5e5;}
.colorpicker-component .input-group-addon i{width:100%!important;  border: 1px solid #888; height:20px!important;}
.colorpicker-component .form-control{width:100%;}

.onoffswitch {
    position: relative; width: 90px; margin: 0 auto;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #6f6e6e; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/******************open close restaurant*************************************/

.openswitch {
    position: relative; width: 92px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.openswitch-checkbox {
    display: none !important;
}
.openswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #6f6e6e; border-radius: 25px; margin-bottom: 0;
}
.openswitch-inner { text-transform: uppercase;
    display: block; width: 200%; margin-left: -100%;
    /*-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;*/
}
.openswitch-inner:before, .openswitch-inner:after {
    display: block; float: left; width: 50%; height: 34px; padding: 0; line-height: 34px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.openswitch-inner:before {
    content: "Open";
    padding-left: 11px;
    background-color: #34A7C1; color: #FFFFFF; text-align: left;
}


.openswitch-inner:after {
    content: "Close";
    padding-right: 11px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.openswitch-switch { 
    display: block; width: 16px; height: 16px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 10px; bottom: 0; right: auto; left: 10px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}
.openswitch-checkbox:checked + .openswitch-label .openswitch-inner  {
    margin-left: 0;
}
.openswitch-checkbox:checked + .openswitch-label .openswitch-switch {
    right: 10px; left: auto;
}
.openswitch-inner1 {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.openswitch-inner1:before, .openswitch-inner1:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.openswitch-inner1:before {
    content: "Open";
    padding-left: 11px;
    background-color: #95E898; color: #FFFFFF;
}

.openswitch-inner1:after {
    content: "Close";
    padding-right: 11px;
    background-color: #FBFBFB; color: #999999;
    text-align: right;
}
.openswitch-checkbox:checked + .openswitch-label .openswitch-inner1  {
    margin-left: 0;
}

.openswitch.active_inactive {width: 110px; display: inline-block; vertical-align: middle;}
.openswitch.active_inactive .openswitch-inner:before {content: "Active";}
.openswitch.active_inactive .openswitch-inner:after {content: "Inactive";}
.btn-radius{border-radius: 20px; height: 37px; line-height: 24px;}
/********************open close restaurant end*******************************/ 
/* Marketing plan */
.bgoddeven{overflow-y:auto; height:330px;}
.AddCreditShow .close{font-size: 40px; text-indent: 0;
    line-height: 20px;
    display: inline-block; width: 20px;
    height: 20px;
    margin-top: -5px;}
.PlanBox {
    border: solid 1px #d8d4d4;
    border-radius: 4px;
    text-align: center;
    color: #36588c;
    margin: 10px 0;
	background:#fff;
}
.bgoddeven .col-sm-3:nth-child(odd) .PlanBox{ background:  rgba(239, 239, 239, 0.6);}
.PlanBox .btn{margin-bottom: 15px;}
.PlanName{      border-bottom: solid #d0d0d0 1px;
    padding: 3px 5px;
    font-size: 16px;
    font-weight: bold;
    height: 52px;
    display: table;
    width: 100%;}
.PlanName span{display: table-cell;
    vertical-align: middle;}
.PlanCost .popular{ position: absolute;
    transform: rotate(-45deg);
    left: -21px;
    background: red;
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
    top: 11px;
    border-top: solid 1px #bb0b0b;
    border-bottom: solid 1px #bb0b0b;}
.PlanCost{padding: 15px 5px 10px 5px;  position:relative; overflow:hidden;
    font-size: 20px;
    }
.PlanCost bdo {
    background: #e9ac55;
    border-radius: 90%;
    width: 120px;
    height: 120px;
    display: inline-block;
    line-height: 45px;
    border: 5px solid rgba(255, 255, 255, 0.39);
    padding: 26px 0;
    color: #ffffff;
}
.PlanCost bdo span{
    display: block;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}   
.NumofSms {
    padding: 0px 5px 15px 5px;
    font-size: 14px;
    font-weight: normal;
    color: #545353;
    height: 48px;
}
.NumofSms b{color: #ed272f; font-size: 18px;}

.PlanCost bdo.big{width: 135px; height: 135px; line-height:35px;}
.PlanCost bdo.big span { line-height: 18px; font-size: 16px;}
.PlanTotal{padding: 10px 5px; font-size: 22px; font-weight: bold; color:#38ab24;}

.PlanBox{position: relative;}
.PlanBox .Plandescription section{height: 100%; width: 100%; overflow: hidden; display: table;}
.PlanBox .Plandescription section aside{display: table-cell; vertical-align: middle;}
.PlanBox .Plandescription{
    position: absolute; display: none;
    padding: 62px 15px 70px 15px;
    background:  rgba(19,19,18,0.61);
    font-size: 17px;
    width: 100%;
    height: 100%;
    color: #fff; z-index: 999;}
.PlanBox:hover .Plandescription{display: block;}
.PlanBox:hover .btn{border-color: #fff;}
.PlanBox .btn{position: relative; z-index: 999;}



.smspointerlabel{cursor:pointer !important; padding:5px; margin-top:3px;}

.border-left{position:relative;}
.border-left:after {    background: none repeat scroll 0 0 rgb(230, 225, 225);
    content: "";
    height: 100%;
    position: absolute;
    left: -70px;
    top: 5%;
    width: 1px;
}
._in_table{font-weight:bold;}
._in_table .table{margin:0;}
._in_table .table-bordered>tbody>tr>td, ._in_table .table-bordered>thead>tr>th{ border: 1px solid #d8d8d8  !important; vertical-align: middle; }
._in_table .table > tbody > tr > td.inner_table{padding: 0px;}
._in_table .table > tbody > tr > td.inner_table table{ margin: 0; background: none;}


#accordion .panel-heading{padding:0;}
#accordion .panel-heading label{width:100%; padding:10px 15px; cursor:pointer;}
#accordion .panel-heading .radio{padding-top:0px !important;} 
#accordion .panel-heading label.validate-error{margin-left:20px; margin-top:15px; min-width: 180px; padding:0}

.cat_analysis_selected td{background-color: #a8ec9b !important;}

.disabled{cursor: not-allowed;}
.disabled a{    pointer-events: none;    opacity: .65; }

select.disabled, select.disabled + .chosen-container { pointer-events: none;}

ul.setPaginate{	margin:0px;	padding:0px; overflow:hidden; list-style-type:none; text-align:right;}  
ul.setPaginate li.setPage{padding: 5px; font-size:14px;}
ul.setPaginate li.dot{padding: 3px 0;}
ul.setPaginate li{ display:inline-block; margin:0px; padding:0px; margin-left:5px; margin-bottom: 5px;}
ul.setPaginate li a	{background:#ffffff; border: 1px solid #cccccc; color: #999999; display: inline-block;
	font-size: 13px;	 padding: 6px 5px 4px 5px; min-width:30px; text-align: center; text-decoration: none;}	
ul.setPaginate li a:hover, ul.setPaginate li a.current_page	{background: #19b7dc; border: 1px solid #1c98b5;
	color: #ffffff;	text-decoration: none;	}
.dwmy_btn {text-align: right;}

.get_fix.S_fix{position: fixed; top: 0px; z-index: 9999;}
/*.scrl_fixx.get_fix.S_fix{top: 0px;}*/
.get_fix.S_fix .get_margin{margin-left: -10px; margin-right: -10px; background-color: #fff; padding: 14px 0px; border-bottom: 1px solid #cdcbcb;}

.offlist li{    width: 100%; float: left; padding: 5px 5px 5px 10px; margin-bottom: 5px; font-size: 15px; border: solid #e8e4e4 1px; background: #fff;}
.offlist li .btn-xs{height: 30px; line-height: 28px; min-width: 50px; float: right; text-align: center; text-decoration: none;}
.offlist li aside{margin-right: 80px; line-height: 30px;}
.showVar > div{margin-left: 25px;}
.config-table .panel-collapse td, .config-table .panel-collapse th{ margin-bottom: 3px; margin-top: 3px; display: inline-block;}
.sale-summary li {
    padding: 10px 0;
    overflow: hidden;
    border-top: solid 1px #eee;
}
.form-control.readonl[readonly]{background: #eeeeee4a; }


.btn3-api .btn{max-width: 32.2%; min-width: auto; width:100px;}
.btn_api_tab{white-space: normal; line-height: 14px; font-size: 12px;}

.view_res_btn.btn{padding: 3px; height: 26px; line-height: inherit; margin-bottom: 5px; min-width: 180px;}


/* Start Review Css Here */
.panel {
    position: relative;
    border-color: #ddd; 
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2) !important;*/
}
.panel > .panel-title {
    background-color: #f8f8f8;
    color: #293c4e;
    font-size: 15px;
    padding: 13px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.03);
    border-radius: 3px 3px 0 0;
    position: relative
}
.panel > .panel-title:after, .panel > .panel-title:before{display: table; clear: both; content: " ";}
.panel > .panel-title > .panel-head {
    float: left
}
.panel > .panel-title > .panel-head > i {
    margin-right: 10px
}
.panel > .panel-title > .panel-tools {
    float: right
}
.panel > .panel-title > .panel-tools > a {
    color: rgba(0,0,0,0.6);
    font-size: 12px;
    padding: 0 5px
}
.panel > .panel-title > .panel-tools > a:hover {
    color: rgba(0,0,0,0.7)
}
.panel > .panel-title > .panel-tools .dropdown-menu {
    margin-top: -10px
}
.panel > .panel-body {
    position: relative;
}
.panel-empty {
    background: transparent;
    border: 3px dashed rgba(0,0,0,0.1);
    box-shadow: none;
    -webkit-box-shadow: none
}
.panel > .panel-footer {
    background-color: #f8f8f8;
    border: 0;
    border-top: 0;
    position: relative
}
.panel-tile {
    box-shadow: none;
    -webkit-box-shadow: none
}
.panel-tile span.label {
    position: absolute;
    top: -5px;
    right: -5px;
    border: 3px solid #f2f2f2;
    font-size: 14px;
    padding: 4px 7px
}
.panel-footer .nav-tabs {
    position: absolute;
    right: 20px;
    top: -1px;
    border: 0
}
.panel-footer .nav-tabs > li {
    margin-bottom: 0
}
.panel-footer .nav-tabs > li > a {
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 11px 15px
}
.panel-footer .nav-tabs > li > a, .panel-footer .nav-tabs > li > a:focus, .panel-footer .nav-tabs > li > a:hover {
    background: transparent;
    border-color: transparent;
    color: rgba(0,0,0,0.5)
}
.panel-footer .nav-tabs > li.active > a, .panel-footer .nav-tabs > li.active > a:focus, .panel-footer .nav-tabs > li.active > a:hover {
    background: #FFF;
    border-color: transparent;
    color: rgba(0,0,0,0.6)
}
.panel:after {
    content: "";
    transition: all .15s ease-in-out 0;
    -webkit-transition: all .15s ease-in-out 0
}
.panel.panel-refresh:after {
    content: "";
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255,255,255,0.6)
}
.panel.panel-refresh i.fa-circle-o-notch {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    font-size: 28px;
    color: #bdbdbd
}

.timeline-centered {
    position: relative;
    margin-bottom: 30px
}
.timeline-centered:after {
    clear: both
}
.timeline-centered:before, .timeline-centered:after {
    content: " ";
    display: table
}
.timeline-centered:after {
    clear: both
}
.timeline-centered:before {
    /*content: '';
    position: absolute;
    display: block;
    width: 4px;
    background: #eee;
    left: 10%;
    top: 0px;
    bottom: 20px;
    margin-left: 1px*/
}
.timeline-centered .timeline-entry {
    position: relative;
    width: 88%;
    float: right;
    margin-bottom: 20px;
    clear: both
}
.timeline-centered .timeline-entry:last-child{margin-bottom:0;}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
    content: " ";
    display: table
}
.timeline-centered .timeline-entry:after {
    clear: both
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
    content: " ";
    display: table
}
.timeline-centered .timeline-entry:after {
    clear: both
}
.timeline-centered .timeline-entry.begin {
    margin-bottom: 0
}
.timeline-centered .timeline-entry.left-aligned {
    float: left
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 0;
    margin-right: 70px
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.timeline-centered .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -22px
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: -100px;
    text-align: right;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 7px;
    color: #37474f
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
    display: block
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
    font-size: 15px;
    font-weight: 700
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
    font-size: 12px
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    background: transparent;
    color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 7px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 90%;
    text-align: center;
    border-width: 4px;
    border-style: solid;
    line-height: 32px;
    font-size: 15px;
    float: left;
    overflow:hidden;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon img{width:100%;height: 100%}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    background: #fff;
    padding: 15px 20px;
    margin-left: 70px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
    border: 1px solid #e0e0e0
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:before {
    right: 100%;
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
    border-color: rgba(255,255,255,0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:before {
    border-color: rgba(224,224,224,0);
    border-right-color: #e0e0e0;
    border-width: 11px;
    margin-top: -11px
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label._top{background: #e7fcfd;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label._top:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #e7fcfd;
    left: 11px;
    top: -10px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label._top:before {
    border-color: rgba(224,224,224,0);
    border-bottom-color: #e0e0e0;
    left: 10px;
    top: -11px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
    color: #737881;
    font-size: 13px;
    margin: 0;
    line-height: 1.428571429
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
    margin-top: 5px
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
    font-size: 16px;
    margin-bottom: 10px
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
    color: #37474f; text-transform: capitalize;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    font-size: 13px
}
.timeline-centered .timeline-entry.reports{margin-bottom:15px;} 
.timeline-centered .timeline-entry.reports:first-child .timeline-label{ background:#fff;}
.timeline-centered .timeline-entry.reports .timeline-label{ background:#fdfbf3;}

.timeline-centered .timeline-entry.reports .timeline-label.timeline-title{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: currentcolor currentcolor #cdcdcd;
    border-image: none;
    border-style: none none dotted;
    border-width: medium medium 1px;
    box-shadow: none;
    padding: 0;}
.timeline-centered .timeline-entry.reports .timeline-label.timeline-title:after, .timeline-centered .timeline-entry.reports .timeline-label.timeline-title:before{display:none;}    
.timeline-btns{
    text-align: right;
}
.timeline-btns > span{curson:default;}
.timeline-btns .btn-sm{line-height: 24px; padding: 2px 10px; height: 28px; min-width: auto;}
.stary {
    background: url(../img/stars.png) repeat-x scroll 0 -24px;
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: sub;
}
.starg {
    background: url(../img/stars.png) repeat-x scroll 0 0px;
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: sub;
}
.starh {
    background: url(../img/stars.png) repeat-x scroll 0 -48px;
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: sub;
}
.rating-num { margin-top:0px; font-size: 44px; font-weight:normal; }
.progress { margin-bottom: 8px;}
.progress-bar { text-align: left; }
.rating-desc .col-md-3 {padding-right: 0px;}
.sr-only { margin-left: 5px;overflow: visible;clip: auto; }
.progress{    background-color: #d8d7d7;}
.rating_height{    min-height: 200px;}
.r_rate_top{padding-top:35px;}
.res-title{
    border-bottom: dotted 1px #ddd;
    padding-bottom: 5px;
    font-weight: 600;
}
.chart {
  clear: both;
  margin:0;
  padding:15px 0;
  text-align:center;
  width: 100%;
   /* background: url("https://cl.ly/QSpc/bg-chart.png") right top repeat-x; */
    height: 200px;
  }

.chart li {
  display: block;
  height: 125px;
  padding: emCalc(25px) 0;
  position: relative;
  text-align: center;
  vertical-align: bottom;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  display: inline-block;
  height: 200px;
  margin: 0 1%;
  width: 10%;
  }

.chart .percent {
  width: 100%;
  font-size: 12px; font-weight:normal; margin-top: -18px;
}

.chart .percent span {
  font-size: 30px;
  font-size: 12px;
}
.chart .skill {
  font-weight: 800;
  overflow: hidden;
  text-transform: uppercase;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
    bottom: -20px;
    position: absolute;
    font-size: 16px;
    font-size: 1rem;
  }

.chart .teal {
  background: #4ecdc4;
  border: 1px solid #4ecdc4;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76d8d1), color-stop(70%, #4ecdc4));
  background-image: -moz-linear-gradient(#76d8d1, #4ecdc4 70%);
  background-image: -webkit-linear-gradient(#76d8d1, #4ecdc4 70%);
  background-image: linear-gradient(#76d8d1, #4ecdc4 70%);
}
.chart .salmon {
  background: #ff6b6b;
  border: 1px solid #ff6b6b;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9e9e), color-stop(70%, #ff6b6b));
  background-image: -moz-linear-gradient(#ff9e9e, #ff6b6b 70%);
  background-image: -webkit-linear-gradient(#ff9e9e, #ff6b6b 70%);
  background-image: linear-gradient(#ff9e9e, #ff6b6b 70%);
}
.chart .lime {
  background: #97f464;
  border: 1px solid #97f464;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b7f794), color-stop(70%, #97f464));
  background-image: -moz-linear-gradient(#b7f794, #97f464 70%);
  background-image: -webkit-linear-gradient(#b7f794, #97f464 70%);
  background-image: linear-gradient(#b7f794, #97f464 70%);
}
.chart .peach {
  background: #ffcd92;
  border: 1px solid #ffcd92;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe4c5), color-stop(70%, #ffcd92));
  background-image: -moz-linear-gradient(#ffe4c5, #ffcd92 70%);
  background-image: -webkit-linear-gradient(#ffe4c5, #ffcd92 70%);
  background-image: linear-gradient(#ffe4c5, #ffcd92 70%);
}
.chart .grape {
  background: #ab64f4;
  border: 1px solid #ab64f4;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c594f7), color-stop(70%, #ab64f4));
  background-image: -moz-linear-gradient(#c594f7, #ab64f4 70%);
  background-image: -webkit-linear-gradient(#c594f7, #ab64f4 70%);
  background-image: linear-gradient(#c594f7, #ab64f4 70%);
}
.chart .grape1 {
  background: #7295f1;
  border: 1px solid #7295f1;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #94b6f7), color-stop(70%, #7295f1 ));
  background-image: -moz-linear-gradient(#94b6f7, #7295f1  70%);
  background-image: -webkit-linear-gradient(#94b6f7, #7295f1  70%);
  background-image: linear-gradient(#94b6f7, #7295f1  70%);
}
.chart .grape2 {
  background: #cfda53;
  border: 1px solid #cfda53;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6f167), color-stop(70%, #f4d964 ));
  background-image: -moz-linear-gradient(#e6f167, #f4d964  70%);
  background-image: -webkit-linear-gradient(#e6f167, #f4d964  70%);
  background-image: linear-gradient(#e6f167, #f4d964  70%);
}


.chart_px{position: relative; }
.chart_px .chart{position: absolute; position: absolute; height: auto; bottom: 5px; padding-bottom: 20px;}


.no-resize textarea.form-control{resize:none;}
.btn-half{min-width: 49%; margin-left: 1%;}

.white-bg-rply{background: #fff; padding: 10px 20px; margin-left: 70px;box-shadow:  0px 0px 2px rgba(6, 7, 8, 0.31); border-radius: 4px;}
.white-bg-rply .timeline-label{margin-left: 0 !important;}
.brdr-bott{border-bottom: 1px solid #ddd;}
.review-timelinee .timeline-centered:before{display: none;}

.radio.radio-theme{display: block;width: 100%; height: auto;}
.radio.radio-theme .radio{float: left;}
.radio.radio-theme label{margin-left: 30px; display: block;}

.ui-widget-content a{padding: 5px; display: block; border-radius: 0; text-decoration: none;}
.ui-widget-content a:hover{background: #f08c2e; color: #fff;}
/* End Review Css Here */


.acl_action_list{min-height: 200px;}
.acl_action_list h4.form-section{    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0 !important;
       padding-top: 8px;
    padding-bottom: 8px; padding-right: 5px;}
.acl_action_list h4.form-section:hover{background-color: #eee;}
.acl_action_list h4 aside{margin:0 15px 0 25px; }
.acl_action_list .get_value:after, .acl_action_list .get_value:before{content: ''; display: table; clear: both;}
.acl_action_list .get_value{margin-bottom: 10px;position: relative;z-index: 1;}
.acl_action_list .get_value > h4 .fa-minus:after {
        content: '';
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 5px);                                                                                                                            
    background: rgba(0, 0, 0, 0.026);
    left: -5px;
    top: -5px;
    z-index: -1;
    border-radius: 5px;
}
.acl_action_list .get_value div > h4{padding-left: 5px; padding-right: 5px;}
.acl_action_list .get_value div > h4 + div.margin-top-20{ margin-top: 10px !important;margin-bottom: 0px !important;} 
.acl_action_list .get_value div > h4 + div.margin-top-20 p{margin-bottom:5px !important; padding-top: 6px; padding-bottom: 4px; padding-right: 5px;}
.checkbox-acl{float: none !important; margin-bottom: 10px !important;}
.checkbox-acl:after, .checkbox-acl:before{content: ''; display: table; clear: both;}
.acl_action_list .get_value div > h4 + div.margin-top-20 p:hover{background-color: #eee;}

.acl_action_list a.text-danger{color: #f08d2c;}
.acl_action_list a.text-danger i.fa{font-size: 16px !important;}
.checkbox-acl {width: 100%; float: left; margin-bottom: 10px; background: #f9f7f7; padding: 5px 5px 0 5px;}/* Use ACL */
.checkbox-acl label{ width: 25%; float: left; margin-bottom:5px;}

.header-search{display: inline-block; float:right; margin-right: 15px; width: 300px;}
/*.header-search select{border-radius: 0;
    margin-top: 13px;
    font-weight: 600;}*/

.header-search select.one_res{pointer-events: none;border-color: #fff; -webkit-appearance:none; -moz-appearance:none;}

.header-search .bootstrap-select{margin-top: 13px; }
.header-search .bootstrap-select .btn{ border-color: #f08c2e; border-width: 1px; color: #9b59b6; background: #fff;}
.header-search .open .btn-default.dropdown-toggle{background: #fff;}
.header-search .dropdown-menu li > a{white-space: normal;}
.header-search .dropdown-menu li > a:hover{background: #9b59b6; color: #fff;}
.header-search .dropdown-menu li.selected > a{background: #f08c2e; color: #fff; }

.country_list_box .country_list{padding: 9px 15px; margin-bottom: 10px; border: solid 1px #d4d6d4; background: #fff;}
.country_list_box .country_list span{display: block; margin-right: 60px;}

.bold_600{font-weight: 600;}

.panel-title.select_week {padding: 5px;}
.select_week select{cursor:pointer; background: none; border-color: #dddddd; padding: 5px; max-width:100%; width: 270px; outline: none;}

.panel > .panel-title.review-partner-title aside{display: inline-block; margin-right: 15px;}
.panel > .panel-title.review-partner-title aside + aside{margin-right: 0px;}
.panel > .panel-title.review-partner-title aside small{display: inline-block;}

/*.btn.btn-small{min-width: 75px; height: 30px; line-height: 17px; margin-bottom: 5px;}*/
._searchTab br{display: none;}
.input-group .form-control.custom-select{position: absolute;}
.custom-select a{padding: 10px 25px 7px 10px;}
.custom-select a span {white-space: normal; height: 100%;  }

.alertDialogOTP { display:none;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    font-family: Arial,Helvetica,sans-serif;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 400ms ease-in 0s;
    z-index: 99999;
    text-align:center;
}
.alertDialogOTP > div p{color:#ed272f; margin-bottom:30px; margin: 15px 0 25px 0; font-size: 16px;}
.alertDialogOTP > div { min-height:100px;
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    margin: 10% auto;
    padding: 10px;
    position: relative;
    width: 320px;
}
.alertDialogOTP > div section{border: 1px dashed #cfcfcf;    padding: 15px;}
.alertDialogOTP .btn{width: 75px;}

@media (max-width: 1199px) {
.dwmy_btn .btn {
    min-width: 80px;
    padding: 5px 10px;
    box-sizing: border-box;}

.offlist li{font-size: 13px;}
.btn-auto-md{min-width:auto;}

/* Start Review Css Here */
.timeline-centered .timeline-entry{    width: 85%;}
.btn-half{ margin-top: 5px; }
.rating-num{    font-size: 34px;}
.r_rate_top{padding-top:0px;margin-top:-10px;}
.rating_height { min-height: 220px;}
/* End Review Css Here */

}
@media (max-width: 1199px) { 
.checkbox-acl label{ width: 33.333%;}
}
@media (max-width: 991px) { 
.get_fix.S_fix .get_margin{padding: 14px 10px}    
.get_fix.S_fix{top:0;}
.marketing_admin .btn{min-width: auto;}
}
@media (min-width: 768px) and (max-width: 991px){
.marketing_admin #srch_date_div > div > div{padding-left: 0;}
}
@media (max-width: 767px) {
.btn-small{min-width: auto; padding: 7px 5px;}
.view_res_btn.btn{ 
    height: auto;
    line-height: inherit;
    margin-bottom: 5px;
    min-width: 100%;
    word-wrap: break-word;
    white-space: normal;}

  .onoffswitch{margin:0;}
/* Start Review Css Here */    
.timeline-time { display: none;}
.timeline-centered .timeline-entry { width: 95%;}
.timeline-centered:before{display: none;}
.timeline-btns{text-align: left;}
.timeline-btns > span{display: table; margin-bottom: 5px;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label, .white-bg-rply{padding: 10px;}

.timeline-label .text-right{text-align: left; margin-top: 5px;}
/* End Review Css Here */
.checkbox-acl label{ width: 50%;}

    #rest_value{margin-bottom: 15px;}
  .checkbox-list2 label{ width: 100%; margin-bottom:10px!important;}
  .page-header.navbar .page-logo .logo-default {   margin-top: 9px;}
.ofoff_centerphone{text-align: center;}
.ofoff_centerphone .pull-right{float: none !important;}
.config-table .panel-heading td, .config-table .panel-heading th{display: block; width: 100%; margin-bottom: 10px;}
.config-table .panel-collapse td, .config-table .panel-collapse th{display: block; width: 100%; margin-bottom: 7px; margin-top: 7px;}
.config-table td:empty, .config-table th:empty{display: none;}
.config-table table{position: relative;}
.config-table .accordion-toggle{position: absolute; top: 0;}
.config-table .panel-collapse tr{border-bottom: solid #e0e0e0 1px;}
.config-table .panel-collapse tr:last-child{border: none;}
.showVar > div{margin-left: 0px;}

.header-search .bootstrap-select{margin-top: 5px;}
.portlet > .portlet-title > .caption{font-size:15px; }
.portlet > .portlet-title > .caption i{display: none;}
}
@media (max-width: 599px) {
 .page-header.navbar .menu-toggler.responsive-toggler{float: right;}    
.header-search {width: 100%; padding: 5px 10px; background: #e8e8e8; margin-right: 0;}
/*.header-search select{width: 100%; margin: 0;}*/
.page-header.navbar{height: 100px; }
.header-search .bootstrap-select{margin-top: 0px;}
}
@media (max-width: 500px) {

  .checkbox-list label { float: left;  width: 50%;}

  .center-text-500{text-align: center; line-height: 25px;}
  .center-text-500 *{float:none !important;}
  table .btn{margin: 3px 0;}
}
@media (max-width: 479px) { 
.input-group .input-group-btn .btn{  min-width: auto;}
.offoff{padding-left: 9px;    padding-right: 8px;    min-width: auto;    font-size: 13px;}
.rating_height.chart_px {margin-left: -15px; margin-right: -15px; min-height: 190px;}
.rating_height.chart_px .chart li{    width: 12%;}
.select_week select{font-size: 13px;}

	.SelectedRestaurantTitle{margin: 10px 0;    float: none!important;    display: block;}
	.min100 { min-width: 50%;}
  .dwmy_btn {text-align: center;}
  .dwmy_btn .btn{min-width: 22%;}
  .btn3_479 .btn{width: 31.6%; margin-right:1%; padding-left: 0; padding-right: 0;}
  .btn3_479:last-child{margin-right: 0;}
  .btn-block-479 .btn{display: block;}
  .btn-block-479 .pull-right{float: none!important;}
  .pl7_479{padding-left: 7px;}
  .pr7_479{padding-right: 7px;}

  ul.setPaginate li.setPage{display: block;}
.full479 {width: 100%;/*acl_user_role_listing*/}
  /* Start Review Css Here */  
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon{display: none;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label, .white-bg-rply{    margin-left: 12px;}
.timeline-btns .btn-sm{margin-bottom: 5px;}

  /* End Review Css Here */  
.btn3_set_479 .btn{width: 32.4%; min-width: auto;}  /*ACL*/
.checkbox-acl label{ width: 100%;}
.acl_action_list .panel-heading {padding:8px;}
.acl_action_list .panel-heading h4{font-size: 14px;}
.acl_action_list h4.form-section { font-size: 13px;}
.acl_action_list .panel-body { padding: 8px;}

.custum_mobile_scroll{overflow-y: auto;}
.custum_mobile_scroll > div{min-width: 480px;}
._estimatime{white-space: normal; line-height: 16px; padding: 3px 0;}

.panel > .panel-title.review-partner-title [class^="col-xs-"]{width:100%; text-align: center;}
.panel > .panel-title.review-partner-title .bold_600.margin-top-10{margin-top: 0!important;}
._searchTab br{display: block;}
}

/* Monitoring */

.moniter_header .header_btn{min-width: 40px; padding: 0; line-height: 48px; float: right; margin-left: 5px;}
.moniter_header .header_btn i, .moniter_header .fa-search{font-size: 22px;}

.monitor_menu{margin: 0 345px 0 250px;}
.monitor_menu .nav{padding: 14px 0 0 0; float: right;}
.monitor_menu .nav:empty{display: none;}
.monitor_menu .nav>li{float: none; display: inline-block;}
.monitor_menu .nav>li>a{padding: 10px 5px;}
.monitor_menu .nav>li>a .label{color: #fff !important; font-size: 12px;}

#myModal_access .modal-dialog { width: 400px; max-width: 90%; margin: 30px auto;}
.pin4 li{border: solid 3px #f08c2e; display: inline-block; padding: 12px; border-radius: 50%; margin: 15px 5px 5px 5px;}
.pin4 li.active{background: #f08c2e;}
.pin4number li {user-select: none; background: #f08c2e; display: inline-block; padding: 12px; border-radius: 50%; margin: 10px 7%; width: 50px; height: 50px; font-size: 25px; line-height: 25px; color: #fff; cursor: pointer;}

@media (max-width: 1199px){
  .monitor_menu .nav{ text-align: right;}
  .monitor_menu .nav>li>a { padding: 7px 5px;}
}

@media (min-width: 992px){

  .tog_Mn_icon{display: none ;}
}

@media (max-width: 991px){
  .monitor_menu{margin: 0; border-bottom: solid 1px #bbc0bd; border-top: solid 1px #bbc0bd;}
  .monitor_menu .nav { padding: 5px; width: 100%; background: #fff;}
}

@media (min-width: 768px){
.page-header.navbar .moniter_header .top-menu{margin-top: 14px; margin-right: 21px;}
  #searchM, .popover-close{display: none;} 
  #popover-searchM button{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
}

@media (max-width: 767px){
  .page-sidebar.navbar-collapse{z-index: 99999; margin: 0 !important;}

 
  .page-header.navbar .page-top{display: block; clear: both; height: auto;}
  .page-header.navbar{background: #fff; height: auto;}
  .page-header.navbar .moniter_header .top-menu .navbar-nav{margin: 0;}
  .monitor_menu .nav{margin: 0 0 0 0; padding: 2px 5px;}
  .monitor_menu .nav>li { float: none; display: inline-block;}
  .page-header.navbar  .moniter_header .top-menu{position: absolute; right: 5px; top: 5px; padding: 0; width: 380px;}

  .popover{    z-index: 9999; width: 100%; position: fixed; left: 0 !important; right: -1px; max-width: 100%; border: none;
    box-shadow: none;  margin: 0!important;}
  .popover-content{padding: 0 5px;}
  .popover-content i {font-size: 18px;}
  .popover.left>.arrow{display: none;}
  .popover .popover-title{display: none;}
  .popover form{margin: 0 !important; padding: 0; float: none !important;}
  .popover form > a{display: none;}
  #popover-searchM {display: none;}

  .header_btn.btn{background: none; color: #999; margin: 0;}
  .header_btn.btn:hover{background: none; color: #d84a38;}
  .top-menu .header_btn.btn:last-child{margin-right: 10px;}
  .header_btn.btn i.icon-magnifier { text-shadow: -1px 1px 0px #fff !important;}
}

@media (max-width: 400px){
  .moniter_header .header_btn { min-width: 30px;}
  .monitor_menu .nav>li{font-size: 11px;}
  .monitor_menu .nav>li .label {padding: 0px 4px;}
  .pin4number li{margin: 15px;}
  .page-header.navbar .page-logo .logo-default { margin-top: 13px;  width: 63px;}
}
/* Monitoring */
/* boss css Start */
.portlet.box > .portlet-title { background-color: #95a5a6!important;}
.portlet.box { border: 1px solid #95a5a6 !important;}

.datepicker table tr td.today, .datepicker table tr td.today:hover{background: #95a5a6 !important; color: #fff!important;}
.datepicker table tr td.active, .datepicker table tr td.active:hover{background: #f08c2e !important; color: #fff!important;}
.datetimepicker table tr td.today{background: #95a5a6 !important; color: #fff!important;}
.datetimepicker table tr td.active, .datetimepicker table tr td span.active.active{background: #f08c2e !important; color: #fff!important;}
.datetimepicker table tr td.today.active{background: #95a5a6 !important; color: #fff!important;}

.btn-small {
    text-align: center;
    display: inline-block;
    background: #f08c2e;
    color: #fff;
    border-radius: 3px;
    padding: 8px 2px;
    min-width: 70px;
    margin: 2px 0;
    text-decoration: none;
}
.btn-small:hover{color: white; background-color: #c960d9; text-decoration: none;}
.refundbtnsize{min-width:96px; }
.more_option{background: #77bb3a; display: block;  padding: 15px; color:#fff; font-size:16px; border-radius: 5px; margin-top: 30px !important; text-shadow: 0px 0px 1px rgba(0,0,0,0.6);}
.more_option:hover, .more_option:focus {text-decoration: none; color:#fff;}
.more_option img{width: 48px; margin-top: 3px;}
.more_option .media-body span{height: 56px; display: table; width: 100%;}
.more_option .media-body span bdo{display: table-cell; vertical-align: middle;}
.full-refund{ position: relative; background-color: #dff0d8; opacity: 1 !important; color: #333 ; border: solid #cdcecc 1px ; line-height: 24px;}

.category_select_week {width: 33.333%; float: left; padding: 0 20px;}
.category_select_week select{min-width: 50px; padding: 5px;}
.category_select_week .input-group-addon {padding: 6px; min-width: 28px;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current:hover{border:none; background:#f08c2e!important; color: #fff !important;}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button{border: none;}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.previous.disabled,
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.next.disabled{background: none !important;}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button:hover{border:none; background:#8a898a!important; color: #fff !important;}

@media (min-width: 1201px) and (max-width: 1365px) {
    .pay_table_break{max-width: 150px; word-wrap: break-word;}
    .more_option{font-size: 14px;}
    .more_option img{width: 34px; margin-top: 10px;}
    .category_select_week {padding: 0 10px;}
}

@media (min-width: 768px) and (max-width: 1200px) {
    .more_option{font-size: 14px;}
    .more_option .media-body span {height: 60px;}
    .more_option img{width: 34px; margin-top: 10px;}
     /* Force table to not be like tables anymore */
    table.tablemore.tabletmore, .tablemore.tabletmore thead, .tablemore.tabletmore tbody, .tablemore.tabletmore th, .tablemore.tabletmore td, .tablemore.tabletmore tr,
    table.tablemore2.tabletmore, .tablemore2.tabletmore thead, .tablemore2.tabletmore tbody, .tablemore2.tabletmore th, .tablemore2.tabletmore td, .tablemore2.tabletmore tr  { 
      display: block; 
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .tablemore.tabletmore thead tr, .tablemore2.tabletmore thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    .tablemore.tabletmore tr, .tablemore2.tabletmore tr { border: 1px solid #ccc; border-bottom: none; width: 100%; float:left;}
    .tablemore.tabletmore td, .tablemore2.tabletmore td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-left: 15%; 
      word-wrap: break-word; text-align: left !important;
      width: 50%;
      float: left;
    }
    .tablemore.tabletmore td:before, .tablemore2.tabletmore td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      /*white-space: nowrap;*/
      font-weight: bold;
      font-size: 13px;
      font-family: arial;
      display: block;
      /*line-height: 1;*/
    }
    .tablemore.tabletmore td{border-left: 1px solid #eee;}
    /*.tablemore td:last-child{width: 100%;}*/
    .tablemore.tabletmore tr:nth-last-child(2), .tablemore2.tabletmore tr:nth-last-child(2) { border-bottom: 1px solid #ccc; }
    .tablemore.tabletmore .tablemore_none td:before{display: none !important;}

.td_min_height{min-height: 55px;}/*Only manage payment page*/
.category_select_week {padding: 0 5px;}
}

@media (min-width: 768px)  {
.f15{font-size: 15px;}/*Statement view*/
}
@media (max-width: 767px) {
    .more_option{margin-top: 15px !important; }
    .text-center-xs{text-align: center !important;}
    .tablemore.tabletmore .tablemore_none td:before{display: none !important;}
    .category_select_week {padding: 2px 10px; width: 100%;}
}
@media (max-width: 479px) {
.nav-tabs > li > a{font-size: 12px; padding: 10px 6px;}
.page-content-wrapper .page-content{padding: 5px !important; }
.category_select_week {padding: 2px 0px;}
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]
{margin-left: -10px;}

/* boss css End 




/* Shop css Start */

.timelist .panel-body{padding: 6px; font-size: 14px;}
.timeRow > strong{width: 185px; float: left; margin-top: 10px; font-weight: 600;}
.timeRow > strong > span{color: #666;}
.timeRow > span{width: 75px; float: right; margin-top: 6px; font-weight: 600;}  
.timeRow > span > a{width: 50px; display: inline-block; text-align: center; line-height: 15px;}
.timeRow > aside{margin: 0px 81px 0 190px;}  
.timeRow > aside select{padding: 0px 10px 0px 0px; border: none;}
.timeRow > aside .input-group{border: solid 1px #ddd;}
.timeRow  .input-group-addon, .timeRow  select{color: #666666; padding: 5px; min-width: 26px; border-radius: 0; font-weight: 600; background: none; border: none;}
.timeRow bdi{line-height: 1px;margin-top: 9px; cursor: pointer;}

.adBox{border-top: solid 1px #ddd; margin-top: 15px; padding-top: 12px; margin: 11px -7px 0 -7px; font-size: 14px;font-weight: 600; color: #333;}
.adBox .row{margin: 0 -5px;}
.adBox li{    padding: 5px 0;    line-height: 30px;}
.adBox li select{border: none; padding: 3px; outline: none; border-bottom: solid #ddd 1px; width: 100px; float: right;}
.adBox .border-left:after{left: 0;top: 0;}
    
select.selgroup optgroup{    background: #95a5a6;    color: #292929;}
select.selgroup option {    background: #d8d7d7;    color: #232323;}
/*select.selgroup option:hover, select.selgroup option:focus, select.selgroup option:active {background: #95a5a6;}*/

/*.role_lt{box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2) !important; font-weight: 600;}*/
.role_lt .panel-body {padding: 10px;}
.role_lt .panel-body strong{font-weight: 600; font-size: 15px; }

/*.rolecheck{position: absolute; top: calc(50% - 10px); left: calc(50% - 20px);}*/
.rolecheck .toggle {position: relative; display: block; width: 40px; height: 20px; cursor: pointer; -webkit-tap-highlight-color: transparent;  transform: translate3d(0, 0, 0);}
.rolecheck .toggle:before {content: ""; position: relative; top: 3px; left: 3px;  width: 34px; height: 14px;
display: block; background: #95a5a6; border-radius: 8px; transition: background 0.2s ease;}
.rolecheck .toggle span {  position: absolute;  top: 0;  left: 0;  width: 20px;  height: 20px;  display: block;
background: white;  border-radius: 10px;  box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);  transition: all 0.2s ease;}
.rolecheck .toggle span:before { content: ""; position: absolute; display: block; margin: -18px; width: 56px; height: 56px; background: rgba(79, 46, 220, 0.5); border-radius: 50%; transform: scale(0); opacity: 1;pointer-events: none;}
.rolecheck input{display: none !important; }
.rolecheck input:checked + .toggle:before {  background: #fbcda3;}
.rolecheck input:checked + .toggle span {  background: #f2994a;  transform: translateX(20px); transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;  box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);}
.rolecheck input:checked + .toggle span:before { transform: scale(1); opacity: 0; transition: all 0.4s ease;}
.rolecheck input[disabled] + label {opacity: 0.6; cursor: no-drop;}
.rolecheck input[readonly] + label {    pointer-events: none;opacity: 0.6; }

.forPWA{max-width: 600px; margin: 0 auto;}
.forPWA .panel-heading h4{font-weight: 600;    font-size: 15px;}
.forPWA > .panel > .panel-heading + .panel-body{padding-bottom: 7px;}
ul.userList{margin-right: 25px; margin-bottom: 0;font-size: 14px;}
ul.userList li{margin-bottom: 10px;}
ul.userList aside{    margin-left: 120px;}
ul.userList li:last-child{margin-bottom: 0;}
ul.userList label {margin: 0; width: 80px; font-weight: 600; font-size: inherit;}
ul.userList label.colon{width: 200px; float: left; position: relative;padding-right: 10px;    margin-right: 10px;}
ul.userList label.colon:after{content: ':';position: absolute; right: 0; top: 0;}
.rolecheck.inline-block{display: inline-block; vertical-align: middle;margin-left: 10px;}

.btn-outline{border:solid 1px #ccc;text-align:center;padding:7px 5px;color:#f2994a;font-size:13px;font-weight:600;border-radius:3px;}
.list50 li{width:50%;float:left;padding:2px;box-sizing:border-box;}
.btn-outline:hover{background:#f2994a;border:solid 1px #f2994a;color:#fff;text-decoration:none;}
.cusomPopoverInner{display:none;cursor:default;position:absolute;width:270px;background:#fff;right:0;top:calc(100% + 10px);border:solid 1px #c2c2c2;border-radius:4px;padding:5px;-webkit-box-shadow:0 2px 16px rgba(0,0,0,.15);box-shadow:0 2px 16px rgba(0,0,0,.15);z-index:999;}
.cusomPopoverInner:before{position:absolute;top:-7px;right:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:#a5a1a1;content:'';}
.cusomPopoverInner:after{position:absolute;top:-6px;right:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:'';}
.open>.cusomPopoverInner{display: block;}

.cusomPopoverInner.dropupper{top: auto; bottom: 35px;}
.cusomPopoverInner.dropupper:before{transform: rotate(180deg);top: auto;bottom: -7px;}
.cusomPopoverInner.dropupper:after{transform: rotate(180deg);top: auto;bottom: -6px;}

/* Shop css End */
.cusomPopoverInner .closeTimesIcon{position: absolute; right: 9px; top: 7px; color: #777; cursor: pointer;}
.cusomPopoverInner .btn-small{height: 30px; line-height: 15px;    margin: 10px 5px 5px 5px;}
.show_hide_pass{
    position: absolute;
    right: 25px;
    top: 10px;
    cursor: pointer;
}