body{
background:#f5f7fa;
font-size:14px;
color:#120705;
font-family: "Open Sans",sans-serif;
}

.main_wrap{
position:relative;
}

.header_wrap{
border:0px solid green;
position:fixed;
height:56px;
width: calc(100%);
background:#fff;
border-bottom:1px solid #f5f5f5;
box-shadow:0 8px 24px rgba(21, 48, 142, 0.008);
z-index:999;
top:0;
}

.header_wrap .bar_menu{
font-size: 22px;
top: 17px;
position: absolute;
left: 15px;
}

.sidebar_wrap{
border:0px solid blue;
position:fixed;
left:0;
height:calc(100% + 1px);
width: 56px;
top: -1px;
z-index:991;
background:#fff;
background:#626f80 ;
transition:width 0.2s ease-in-out;
/*overflow:hidden;*/
}

.sidebar_wrap i{
font-size:30px;
display:table-cell;
vertical-align:middle;
}

.sidebar_wrap.nav_open{
width:300px;
box-shadow:0 0 20px rgba(0,0,0,0.5);
}

.content_wrap{
border:0px solid yellow;
margin-left: 56px;
margin-top: 56px;
padding:10px 20px;
padding-bottom:100px;
}
.content_wrap.normal{
margin-left: 0px;
margin-top: 0px;
padding:0px;
padding-bottom:0px;
}

/*MENU */

.menu_nav{
padding:56px 0 0;
}

.sidebar_wrap.nav_open .menu_nav{
width:300px;
}

.top_nav{
padding:0;
float:right;
margin-right:40px;
margin-top:0px;
display:table;
}

.menu_nav li,
.top_nav li
{
list-style:none;
margin:0;
padding:0;
}

.top_nav li{
display:table-cell;
vertical-align:middle;
padding-right: 40px;
}
.top_nav li:last-child{
padding-right: 0px;
}

.top_nav li > a,
.top_nav li i
{
color:#808b9f;
/*font-size:30px;*/
}

/*.top_nav li .dropdown i*/
.top_nav li  i
{
font-size:20px;
}
.top_nav li .dropdown-menu a{
font-size:14px;
}

.menu_nav li > a{
display: table;
padding: 15px 10px;
color:#808b9f;
width:100%;
}

.menu_nav li > a.item i
{
margin-left: 5px;
}
.menu_nav li > a.settings i{
margin-left: 3px;
}

.menu_nav li > a:hover{
background:#f5f5f5;
}

.menu_nav li.active > a{
background:#2196f3;
color:#fff;
}

.menu_nav li.active > a.userprofile{
background:#fff;
}

.menu_nav ul{
display:none;
left: 60px;
margin: 0;
padding: 0;
position: absolute;
margin: -56px 0 0;
min-width: 250px;
background:#fff;
border: 1px solid #eaeaea;
border-radius: 2px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.menu_nav ul a{
display: block;
margin: 0;
padding: 10px 15px;
text-align: left;
color:#626f80;
}

.menu_nav ul li.active > a{
background:none;
color:#689f38;
}

.i_title,
.menu_expand
{
display:none;
font-weight:bold;
}


/* END MENU */

/*NAV OPEN*/
.sidebar_wrap.nav_open i{
width: 50px;
}

.sidebar_wrap.nav_open .i_title,
.sidebar_wrap.nav_open .menu_expand
{
display:table-cell;
vertical-align: middle;
}
.sidebar_wrap.nav_open .menu_expand{
width: 30px;
text-align: center;
}

.sidebar_wrap.nav_open .menu_nav li ul{
position: relative;
left: auto;
margin: 0;
}

.sidebar_wrap.nav_open .menu_nav li ul li a{
padding-left: 40px;
}

/*END NAV OPEN*/



.header_wrap h3{
left: 56px;
position: absolute;
top: 15px;
font-family:"Open Sans",sans-serif;
font-size:20px;
}

#box_wrap .nav-tabs .nav-link{
color:#808b9f;
}
#box_wrap .nav-tabs .nav-link.active{
color:#2196f3;
}

#box_wrap h3{
margin-bottom: 20px;
font-family: "Open Sans",sans-serif;
font-size: 20px;
}

.tab-content{
padding:20px 10px;
}

.relative{
position:relative;
}

.password_wrap a{
position: absolute;
right: 20px;
top: calc(20%);
z-index:1;
}


.height10{
height:10px;
}
.height20{
height:20px;
}

.floating_action{
background: #fff none repeat scroll 0 0;
bottom: 0;
left: 0;
padding: 20px;
position: fixed;
width: 100%;
padding-right:30px;
z-index:99;
padding-left:80px;
border-top: 1px solid #eaeaea;
}

.floating_action [type="submit"],
.floating_action [type="button"],
.floating_action a.btn,
.action_top_wrap .btn
{
margin-right: 20px;
}

label.error{
color:#a94442;
}
.data_tables tr .btn{
margin-right:10px;
}
.data_tables tr .btn.btn-danger{
margin-right:0px;
}
.data_tables tr{
cursor:pointer;
}
.data_tables.not_editable tr{
cursor:auto;
}

.header_mobile{
background:#f75d34;
min-height:120px;
}
.header_mobile img{
max-width: 100px;
margin:10px;
}

.mobile_body{
text-align:center;
padding-top:20px;
}

.mobile_body i.check{
color:#00b279;
font-size:100px;
}
.header_mobile h4{
margin:0;
padding:10px 10px 5px;
color:#fff;
text-align:center;
}
.mobile_body_pad{
padding:10px;
}

.mobile_body_pad h4{
padding-left:6px;
}

body.white{
background:#fff;
}
body.white button{
background:#ef6625;
border-color:#ef6625;
}
body.white button:hover{
background:#ef6625;
border-color:#ef6625;
}

.concat-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}
.text_area{
min-height:170px;
}
.map_canvas{
min-height:400px;
width:100%;
margin-bottom:15px;
}

.floating_action_inner{
width:280px;float:right;
}


.chosen-container-multi,
.chosen-container-multi,
.chosen-container-single
{
width:250px !important;
}
.chosen-container-multi input{
height:25px !important;
}


input[type="file"]{
top:0 !important;
left:0 !important;
}

.main_login_wraper{
clear:both;
margin-top:4%;
margin-left:10%;
margin-right:10%;
min-height:500px;
background:#fff;
color:rgba(0, 0, 0, 0.7);
padding-bottom:5px;
}
.main_login_wraper .left{
float:left;
background:#626f80;
color:#fff;
}
.main_login_wraper .right{
float:left;
}
.absolute{
position:absolute;
}

.main_login_wraper .absolute{
left: 10%;
top: 30%;
width: 90%;
}

.main_login_wraper .absolute.login_form{
width:80%;
top: 20%;
}

.nav.justify_center{
max-width: 500px;
margin:auto;
}

.install_content{
max-width: 600px;
margin:auto;
margin-top:10px;
}
.install_content .list-group-item{
padding:0.4rem;
}

h1{
font-size: 35px;
font-weight: bold;
font-family: "Open Sans",sans-serif;
}
h2,h3{
font-size: 30px;
font-weight: 600;
}
h3{
font-size:17px;
font-family:"Open Sans",sans-serif;
font-weight:400;
}
h5{
font-size: 17px;
font-weight:200;
font-family:"Oswald",sans-serif;
}

.myrounded
{
 border-radius: 20px;
}

.indent10{
padding-left:10px;
}
.extended_button{
text-align: left;
text-indent: 10px;
width: 200px;
}

.text_right{
text-align:right;
}

a{
color:rgba(0, 0, 0, 0.7);
}

a:hover{
text-decoration:none;
}

.action_top_wrap{
margin-bottom:20px;
padding-left:20px;
}

.button_small_wrap .btn{
font-size: 14px;
}


.main_box_wrap #box_wrap{
margin-bottom:20px;
}

.form-control:focus{
box-shadow:none;
}
label.error {
font-size:12px;
}

.div_dropzone{
border:2px dashed #ccc;
color:#ccc;
padding:10px;
text-align:center;
margin-bottom:20px;
cursor:pointer;
}
.div_dropzone i{
font-size:50px;
color:#ccc;
}

.pad_form{
padding-left:7px;
padding-right:7px;
padding-top:10px;
}

.pad_form_top{
padding-top:15px;
}


.pretty.p-icon .state .icon::before{
margin: 3px 0 0 1px;
}

.pretty.p-switch .state::before{
top:calc(0% - (100% - 1em) - -6%);
width: 2.3em;
}



.addon_list,
.addon_list ul li
{
list-style:none;
margin:0;
width:100%;
padding:0;
}

.addon_list > li
{
border:1px solid #EAEAEA;
border:0;
padding:10px;
margin-bottom:15px;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.addon_list ul > li{
padding:10px 0;
}

.icon_size_medium{
font-size:20px;
}


.data_tables_delete,
.size_table tbody tr:first-child .size_delete,
.two_flavor_div,
.custom_qty_div,
.show_item_stock_wrap
{
display:none;
}

.show_item_stock_wrap{
padding-left:70px;
}

.table_adjustment_new,
.table_adjustment_list td:nth-child(4),
.table_adjustment_list th:nth-child(4),
.purchase_list td:nth-child(7),
.table_stocks_history td:nth-child(5),
.table_stocks_history td:nth-child(6),
.table_item_list td:nth-child(5),
.table_item_list td:nth-child(6),
.table_item_list td:nth-child(7),
.table_evaluation td:nth-child(2),
.table_evaluation td:nth-child(3),
.table_evaluation td:nth-child(4),
.table_evaluation td:nth-child(5),
.table_evaluation td:nth-child(6),
.table_evaluation td:nth-child(7),
.table_sales_item td:nth-child(3),
.table_sales_item td:nth-child(4),
.table_sales_item td:nth-child(5),
.table_sales_item td:nth-child(6),
.table_sales_item td:nth-child(7),
.table_sales_category td:nth-child(2),
.table_sales_category td:nth-child(3),
.table_sales_category td:nth-child(4),
.table_sales_category td:nth-child(5),
.table_sales_category td:nth-child(6),
.table_receipt td:nth-child(8),
.table_sales_addon td:nth-child(2),
.table_sales_addon td:nth-child(3),
.data_tables_top_items td:nth-child(3),
.data_tables_user td:nth-child(4),
.data_table_merchant td:nth-child(4),
.data_table_merchant td:nth-child(5),
.data_table_low_stock td:nth-child(4),
.data_table_low_stock td:nth-child(5),
.table .col-qty
{
text-align:right;
}

.table_adjustment_new th:nth-child(1),
.table_adjustment_new td:nth-child(1)
{
text-align:left;
}

.table_item_list td:nth-child(1),
.table_item_list td:nth-child(2),
.table_item_list td:nth-child(8),
.table .col-center
{
text-align:center;
}

.table_sales_item td:nth-child(1),
.table_sales_category td:nth-child(1)
{
border-right:1px solid rgba(0, 0, 0, 0.06);
}

.action_top_wrap .form-group label{
font-size:14px;
color:rgba(0,0,0,0.54);
margin:0;
}

.checkbox-menu li label {
    display: block;    
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left:5px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

.checkbox-menu hr{
margin:0;
}

.top_filter .card-body{ 
padding:10px 20px 5px;
}
.top_filter button{
width:100%;
}

.form-control[readonly], .custom-file-control[readonly] {
background-color: #fff;
}

.form-control.no_border{
background-image:none;
}

.price_wrap.scroll-x{
 overflow-x: scroll;
}
.price_wrap.scroll-x table{
max-width: 700px;
width: 700px;
}

table.dataTable td, 
table.dataTable th
{
vertical-align: middle;
}

.item_show_sizes{
padding:2px;
display: block;
font-size: 18px;
}

.icon
{
font-size:18px;
padding-left: 5px;
padding-right: 5px;
margin-right:10px;
}
.search_wrap{
display:none;
width:460px;
width:0;
background: #fff none repeat scroll 0 0;
position: absolute;
z-index:9;
transition:0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.search_wrap a{
font-size: 24px;
position: absolute;
right: -5px;
top: 10px;
}
.search_wrap.resize{
/*width:68%;*/
width:90%;
display:block;
}
.search_wrap button{
position: absolute;
left: -15px;
top: 5px;
z-index: 99;
font-size: 20px;
}

.search_wrap input[type="text"]{
padding-left:50px;
}

.hide{
display:none;
}

.sidebar.left {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 270px;
    background: #448AFF;
}

.sidebar.right {
    top: 0;
    right: 0;
    bottom: 0;
    width: 380px;
    background: #fff;
}

.sidebar.bottom {
    left: 0;
    right: 0;
    bottom: 0;
    height: 270px;
    background: #03A9F4;
}

.sidebar.top {
    left: 0;
    right: 0;
    top: 0;
    height: 270px;
    background: #03A9F4;
}

.sidebars > .sidebar {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);
    position: fixed;            
    z-index:99;
    margin-top:55px;   
    overflow: scroll;
    overflow-x: hidden;
}

.sidebars .siderbar_nav{
border-bottom:1px solid #DDD;
padding: 10px 15px;
}
.sidebars .siderbar_nav i{
font-size:25px;
}
.sidebars .sidebars_content{
padding: 0 15px;
padding-bottom:30px;
}

.sidebars .table td, 
.sidebars .table th{
border-top:0;
padding:2px 0;
}
.sidebars .row div{
text-align: center;
}
.sidebars .sidebars_content hr{
margin-bottom:8px;
}

.chart{
padding-top:20px;
}

.chart.dashboard_chart{
min-height:350px;
}

ul.summary_nav{
display:table;
width:100%;
border-bottom:1px solid #DDD;
}

ul.summary_nav li{
display: table-cell;
width: 25%;
}

ul.summary_nav li a,
#btn_chart_type
{
text-transform: inherit;
}

ul.summary_nav li a p{
margin:0;
}

ul.summary_nav .nav-link.active{
border-color: #2196f3 #2196f3 #2196f3;
}
.circle{
width: 25px;
height: 25px;
display: block;
background:#ddd;
}

ul.access_role_list,
ul.access_role_list li
{
list-style:none;
}

.page_header{
display:table;
}

.page_header .col
{
display:table-cell;
width:auto;
vertical-align: middle;
padding:0 5px;
}

.page_header .rounded-circle{
background: #90A4AE;
width:35px;
height:35px;
position:relative;
}
.page_header .rounded-circle i{
font-size:25px;
color:#fff;
margin:auto;
display:table;
padding-top: 5px;
}
.page_header h6,
.page_header h2{
margin:0;
}

.list-group-item i{
font-size:22px;
}

.list-group-item .pull-xs-right .switch{
margin-right:0;
}
.select2_css{
display:block;
}
.select2_css ul li.select2-selection__choice{
background:#009688 !important;
color:#fff;
border-radius:0 !important;
border:1px solid #009688 !important;
padding:5px 10px !important;
margin-bottom:5px;
}

.select2_css ul li.select2-selection__choice span{
margin-right:5px !important;
color:#fff !important;
}

.webui-popover{
z-index:99 !important;
box-shadow:none;
border:none;
}
.webui-popover.right > .arrow, .webui-popover.right-top > .arrow, .webui-popover.right-bottom > .arrow
{
display:none;
}

.webui-popover .webui-popover-content{
background:#626f80;
color:#fff;
border-radius: 5px;
padding:5px 8px;
font-size:12px;
}

.userprofile{
background:#fff;
}

.userprofile .rounded-circle{
background:#9E9E9E;
color:#fff;
height: 36px;
width: 36px;
display: table;
}
.userprofile .rounded-circle span.fas{
font-size:25px;
display: table-cell;
vertical-align: middle;
text-align: center;
}

.userprofile .i_title{
font-weight: normal !important;
vertical-align: top !important;
font-size:12px;
color:#808b9f;
}

.inline_edit{
display:block;
position:relative;
}
.inline_edit:hover{
border-bottom:1px solid rgba(0,0,0,.1);
cursor: pointer;
}

.floating_inline{
position: absolute;
width:200px;
z-index:99;
top: 30px;
display:none;
}

.data_table_merchant .floating_inline{
width:300px;
}

.floating_inline .card-body{
padding: 5px;
padding-bottom:0;
}
.floating_inline .close_inline i{
color:#FE0042;
font-size:22px;
}
.floating_inline .check_inline i{
color:#54BD3F;
font-size:22px;
}


.dropdown-item.disabled,.dropdown-item:disabled{
color:rgba(0,0,0,0.38);
}

.checkbox-inline{
padding-right:10px;
color:#000;
}
.switch label{
color:#000;
}

.drop_summary_nav{
display:none;
}

#drop_summary_nav{
width: 100%;
text-align: left;
}

.action_top_mobile{
position:relative;
display:none;
}

.action_top_mobile a.data_tables_delete{
font-size: 16px;
position: absolute;
right: 0;
top: 3px;
}

.select_language_wrap.login{
position: absolute;
top: 0;
right: 10%;
}

p.no_margin{
margin:0;
}


/*notify css*/
.alert{
background:#f5f7fa;
border-radius:10px;
border:2px solid #EAEAEA;
}
.alert [data-notify="message"]{
font-size:14px;
font-family:"Open Sans",sans-serif;
}

.alert.alert-danger [data-notify="message"]{
color:#f44336;
}

[data-notify="progressbar"]{
margin-bottom: 0px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 5px;
}



.top_notification a.dropdown-item{
margin-left:0;
margin-right:0;
padding-left: 8px;
}