@import url(fonts.css);

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: HelveticaN, 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
}
/*
body{
	background-color: #f5f5f5;
	font-family: 'almarai', tahoma, arial, serif;
	font-size: 14px;
}*/

select.form-control{
	padding: 3px 12px;
}

a:hover {
	text-decoration: none;
	color: #263238;
}
hr {
	border-color: #ccc;
	border-width: 2px;
}
.btn, input, .label {
	border-radius: 3px !important;
}
/*
.btn {
	box-shadow: 1px 1px 1px #666;
}*/
.btn.btn-lg {
	border-radius: 3px;
}

.alert-pos {
	background-color: #c5eab6;
	border-color: #89af69;
}


 .main-header {
	 background-color: #02a6e2;
	position: fixed;
	left: 0;
	top:0;
	width:100%;
	min-height: 50px;
	max-height: 100px;
	 height: 50px;
	z-index: 3;
 }
.main-header .btn-success, .main-header .btn-info {
	background-color: #335663;
	border-color: #335663;
}
.main-header .btn-info:focus {
	background-color: #336163 !important;
	border-color: #336163 !important;
}
  .main-header.header_pack_expired {
	 background-color: #ff5252;
 }

 .main-header .logo {
	display:block;
	float: left;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: inherit;
	color: #f7f7f7;
	 text-shadow: 1px 1px 1px #000;
	 font-weight: 700;

	 -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.main-header .logo:hover {
	text-decoration: none;
}

.logo .logo-first img{
	height: 36px;
	top: -2px;
	position: relative;
}
.logo .logo-second{
	color: #fff;
	text-transform: capitalize;
}
 .main-header .logo .logo-mini {
	display: none;
	font-size: 18px;
	padding-right: 5px;
	padding-left: 5px;
 }
  .main-header .logo .logo-lg {
	display: block;
	font-size: 26px;
	padding-right: 10px;
	padding-left: 10px;

 }

 .main-header .glyphicon, .main-header .fa{
	color: #fff;
 }
.main-header .btn .fa{
	color: #fff;
 }
 #btn-sidebar-collapse {
	padding: 14px;
	float: left;
	background-color: inherit;
	color: #fff;
	 font-weight: bold;
 }

#btn-sidebar-collapse:hover ,#btn-sidebar-collapse:focus {
	//background-color: #263238;
	text-decoration: none;
}


.main-header .navbar-static-top {
	margin-left: 200px;
	background-color: inherit;
	//border-bottom: 1px solid #263238;
	border-bottom: none;
	height: 50px;
	margin-bottom:0;
}

.nav-home-top li{
	display: inline-block;
	color: #fff;
}
.nav-home-top .li_home_top {
	display: none;
}
.nav-home-top li.li_home_top a{
	color: #fff !important;
	font-size: 26px;
	font-weight: bold;
	//top:-2px;
	//position: relative;
}


.navbar-notifs-top{
	float: right !important;
	margin-right: 5px;
}
.navbar-notifs-top li.dropdown{
	float: right;
}

.navbar-notifs-top .dropdown a.dropdown-toggle {
	background-color: inherit;
	padding-top: auto;
 }
.navbar-notifs-top .dropdown a.dropdown-toggle {
	height: 50px !important;
}
.navbar-notifs-top .dropdown a.dropdown-toggle:focus, .navbar-notifs-top .dropdown a.dropdown-toggle:hover{
	background-color: #02a6e2;
}
.header_pack_expired .navbar-notifs-top .dropdown a.dropdown-toggle:focus,
.header_pack_expired .navbar-notifs-top .dropdown a.dropdown-toggle:hover{
background-color: #ff5252;
}
.header_pack_expired .dropdown-user .user-header{
background-color: #ff5252;
}

.navbar-notifs-top li a.btn-nav {
	color: #fff !important;
 }
 a.toggle-lang {
	color : #f7f7f7 !important;
 }
 .navbar-notifs-top  a span.label{
	position: absolute;
	top: 8px;
	right: 6px;
	padding: 2px;
	font-size: 10px;
	border-radius: 25%;
	min-width: 15px;
	box-shadow: 2px 2px 2px #333;
 }

 .navbar-notifs-top .dropdown-menu{
	min-width: 250px;
	max-width: 300px;
	left: auto;
	 right: 0;
	 border:1px solid #ddd;
	 border-radius: 4px;
	 -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	 box-shadow: 0 6px 12px rgba(0,0,0,.175);
 }
.navbar-notifs-top .dropdown-menu li{
	text-align: right;
	padding: 8px;
}
.dropdown-header{
	border-bottom: 2px solid #d5d5d5;
	font-size: 12px;
	font-weight: bold;
}
.dropdown-menu .divider, .dropdown-menu .show_all {
	padding: 0 !important;
}
.dropdown-menu .fa{
	color: #000;
}
.list-group-item{
	border: none;
}
.list-group-item > a{
	color: inherit;
	font-size: 12px;
}

 .navbar-notifs-top .user-img-top {
	float: left;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	 display: inline;
	 top: -7px;
	 position: relative;
 }
.navbar-notifs-top .user-name-top {
	color: #fff;
	display: inline;
}
  .dropdown-user  {
	padding: 0;
  }
 .dropdown-user .user-header {
	text-align: center !important;
	padding: 10px;
	margin: 0;
	height: 200px;
	background-color: #02a6e2;
	color: #f7f7f7;
 }
  .dropdown-user .user-header  img{
	height: 90px;
	width: 90px;
	  border: 5px solid rgba(183, 183, 183, 0.4);
  }
 .dropdown-user .user-body {
	height: 50px;
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
 }
  .dropdown-user .user-footer {
	height: 50px;
	padding: 10px;
}
.dropdown-user .user-footer .fa {
	color: #263238;
}
 .menu-msg {
	margin: 0;
	padding: 0;
 }
.menu-msg .list-group-item:first-child, .menu-msg .list-group-item:last-child{
	border-radius: 0;
}

 .main-header ul.navig{
	float: right;
	display: block;
	margin:0;
	height: 50px;
 }
  .main-header ul.navig li{
	display: inline-block;
	padding:10px;
	line-height:26px;
  }

  .main-sidebar{
	display: none;
	padding-top: 50px;
	position: fixed;
	top:0;
	left:0;
	width:0;
	//height:100%;
	z-index: 2;
	overflow: hidden;
	webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: all .3s ease-in-out,width .3s ease-in-out;

 }
.main-sidebar.sidebar_visible{
	width: 200px;
	display: block;
}

.main-sidebar.not-logged{
	width: 0 !important;
}
 .main-sidebar .sidebar {

 }
 .main-sidebar .sidebar ul.navig {
    background-color: #ddd;
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-sidebar .sidebar ul.navig li {
    padding: 10px;
    border: 1px solid #ccc;
}
.main-sidebar .sidebar ul.navig li:hover {
	background-color: #ccc;
}
  .content-wrapper {
	min-height:400px;
	margin-top: 50px;
	  margin-right: 200px !important;
  }

  .content-wrapper.full {
	  margin-right: 0 !important;
  }
.main-footer.full {
	  margin-right: 0 !important;
  }

 .content-wrapper .content-header {
	//border-bottom: 1px solid #ccc;
	//margin-bottom: 10px;
	padding-bottom: 5px;
	 //box-shadow: 0 3px 3px -3px #999;
	 line-height: 34px;
	 padding-left: 10px;
 }

.content-wrapper .content-header.scroll {
	background-color: #00000014;
	border-bottom: 1px solid #dddddd;
	position: fixed;
	top: 50px;
	padding: 5px 10px;
	right: 0;
	padding-right: 215px;
	left: 0;
	//z-index: 1600;
	z-index: 1;
}

 .content-wrapper .content-header span.content-title{
	margin:0;
	 font-size: 16px;
	 font-weight:bold;
	 color: #263238;
 }
.content-wrapper .content-header.scroll span.content-title{
	background-color: #434343a3;
	border-radius: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
}

.content-header ul.header-btns{
	 margin: 0;
	 padding: 0;
	 float: right;
 }
.content-header ul.header-btns li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

.content-header ul.header-btns li .btn{
	margin-right: 3px;
}



.content-wrapper .content {
	border: 1px solid #ccc;
	min-height: 842px;
	 background-color: #fff;
	 border-radius: 3px;
	 padding: 10px;
	margin-left: 0;
	margin-right: 0;
	opacity: 0;
 }
.content-wrapper .content img.home_brand {
	width: 100%;
	opacity: 0.8;
}

 /*
  .main-footer{
	border-top: 1px solid #ccc;
	background-color: #ddd;
  }*/


 .content-wrapper, .main-footer{
	margin-left: 200px;
	padding:10px;
	z-index: 1;
 }
.main-footer p {
	font-size: 14px;
}
.main-footer a {
	color: #000;
}


.pos_logo {
}
.pos_logo img{
	width: 40px;
	height: 40px;
	float: right;
}
.pos_logo h3{
	line-height: 22px;
	padding-right:10px;
	margin: 0;
	display: inline;
	font-weight: bold;
	font-size: 22px;
}
.pos_logo p{
	padding-top: 10px;
	margin-right: 50px;
}
.pos_logo small .fa {
	color: green;
}


.content-wrapper.not-logged, .main-footer.not-logged{
	margin-left: 0 !important;
 }

.gnav-header{
    padding:0;
	//border-bottom: 1px solid #333;
}

.gnav-header a{
    display:block;
    color: #eee;
    padding: 8px;
	font-size: 14px;
}
.gnav-header a:focus{
	text-decoration: none;
}



.gnav-header a.has-childs:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: #02a6e2;
}

.gnav-header a.collapsed:after {
    content: "\e079";
}
.gnav-header a.has-childs .fa {
	color: #02a6e2;
	font-size: 18px;
	margin-left: 8px;
}
.subnav li a .fa {
	color: #02a6e2;
	font-size: 16px;
	margin-left: 8px;
}
.subnav li a:focus {
	text-decoration: none;
}

.gnav .subnav{
    padding: 0;
    margin: 0;
	padding-right: 15px;
}
.gnav .subnav li{
    display:block;
    padding: 0;
    margin: 0;
	//border-bottom: 1px inset #666;
}
.gnav .subnav a{
    display:block;
    margin: 0;
    padding: 8px;
	font-size: 14px;
	color: #000;
}
.gnav .subnav .gnav-header a{
	background-color: #333;
}

.gnav-header a, .gnav .subnav li a{
    border-left: 5px solid transparent;
}
.gnav-header a:hover,.gnav-header a.has-childs, .gnav .subnav a:hover {
    border-left-color: #263238;
    color: #000;
    transition-duration:0.3s;
}
.gnav-header a.has-childs:hover, .gnav .subnav li a:hover {
	color: #000;
	border-left-color: #263238;
}

.gnav .subnav a:hover, .gnav .subnav a:focus {
    color: #000;
    //background-color: #333;
}

.gnav-header a .glyphicon, .subnav a .glyphicon{
    margin-right: 5px;
}

.gnav.single .gnav-header {

}
.gnav.single .gnav-header a {
	color: #263238;
}
.gnav.single .gnav-header .fa {
	font-size: 18px;
	margin-left: 8px;
}

.global-actions {
	display: block;
	line-height: 40px;
	height: 40px;
}

.global-actions .btn{
	float: left;
	margin-right: 5px;
}

.table{
	font-size: 12px;
}
.data-table tr th{
	text-align: center;
}
.data-table tr td, .data-table tr th{
	vertical-align: middle !important;
}

.cash_table tr th.td_person {
	min-width: 100px;
}
.cash_table tr td.td_doc_type p{
	margin-bottom: 3px;
	white-space: nowrap;
}
.data-table tr td .btn, .data-table tr th .btn{
	margin-left: 3px;
	margin-bottom: 5px;
}

.data-table tr td.td-roles {
	vertical-align: top !important;
}
.data-table tr td.td_barcode{
	direction: ltr;
	color: #000;
}

.data-table tr td.table-actions{
	width: 150px;
	min-width: 150px;
	text-align: right;
}
.data-table tr td.table-actions_sm{
	width: 200px;
	min-width: 200px;
	text-align: center;
}
.data-table tr td.table-actions_md{
	width: 220px;
	min-width: 220px;
	text-align: center;
}
.data-table tr th.table-actions_sm{
	min-width: 150px;
}
.data-table tr td.td-img{
	width: 220px;
	text-align: center;
}
.data-table tr td.td-img img{
	max-width: 200px;
	max-height: 120px;
	border-radius: 3px;
}
.data-table tr td.td-img.circle img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.table-articles tr td.art-img{
	width: 80px;
	text-align: center;
}
.table-articles tr td.art-img img{
	width: 80px;
	height: 50px;
	border-radius: 5px;
}

.data-table tr td.table-actions .btn{
	margin-bottom: 5px;
	margin-right: 5px;
	display: inline-block;
}

#pos_table.edit_doc tr th {
	background-color: #c9302c !important;
}
#pos_table tr th {
	padding: 0 !important;
}

#pos_table tr td {
	font-size: 14px;
	line-height: 14px !important;
	vertical-align: middle;
	padding: 3px;
}

#pos_table tr[returned='1'] td {
	text-decoration: line-through;
	background-color: #ffedbe;
}

#pos_table.edit_doc tr td {
	background-color: #f7e1b5 !important;
}

#pos_table tr.edit_mode td {
	background-color: #ffd3d2 !important;
}

#pos_table tr td.td_duration input,
#pos_table tr td.td_qte input,
#pos_table tr td.td_price input
{
	text-align: center;
	display: none;
	width: 100%;
}

.guarantee_calc_table tr th ,.guarantee_calc_table tr td {
	font-weight: bold;
}

#pos_table tr[del="1"] {
	display: none;
}
.data-table tr .td_total del, .data-table tr .td_ptva del{
	color: #cc082b;
	font-size: 11px;
	display: none;
}
.admin_pos_table tr .td_total span,
.admin_pos_table tr .td_qte span,
.admin_pos_table tr .td_price span{
	font-weight: bold;
}
.panel_md_add_art {
	display: none;
}

.label-time{
	padding: 3px;
	font-size: 10px !important;

}
.label-time .fa{
	font-size: 14px !important;
}
.label-illimited {
	font-size: 12px;
}
.money-units-table tr td {
	text-align: center;
	vertical-align: middle !important;
}





.thumb-preview{
	height: 150px;
	width: 200px;
	border-radius: 5px;
}
.company_thumb {
	width: 100px;
	border-radius: 5px;
	float: right;
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	float: left;
}

.panel-group .panel{
	margin-bottom: 20px;
}
.panel-group .panel-heading{
	padding: 0 !important;
}
.panel-group .panel-title{
	font-weight: bold;
	line-height: 24px;
	padding: 0 !important;
}
.panel-group .panel-title a{
	display: block;
	font-size: 12px;
	padding: 8px !important;

}
.panel-group .panel-title a:hover, .panel-group .panel-title a:focus{
	text-decoration: none;
}

.panel-group .panel-title a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: left;
	color:inherit;
}

.panel-group .panel-title a.collapsed:after {
	content: "\e079";
}
.panel-heading{
	//color: #fff !important;
	font-weight: bold;
	padding: 5px !important;
	line-height: 30px;
}
.panel-heading .btn{
	float: right;
}

.discount_wrap .form-group{
	display: inline-block;
}

.panel-heading .btn-search{
	float: right;
	margin-left: 5px;
}
.dealer-box{
	//border: 1px solid #263238;
	border-top: 0;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 20px;
	//min-height: 200px;
}
.on_modal{
	z-index: 2600;
}
.modal-header, .modal-footer{
	padding: 10px;
}
.modal-header .btn{
	float: right;
	margin-left: 5px;
}
.modal-footer{
	text-align: right;
}
.supModal {
	z-index: 1060 !important;
}
.form-search-wrap-default{
	display: none;
	padding: 0 15px;
}
.form-search-wrap-default .panel-body {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.form-search-wrap-modal{
	display: none;
	padding: 0 10px;
}
.form-search-wrap-modal .panel-body {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
input[type=checkbox]{
	height: 20px;
	width: 20px;
	margin: 3px;
	float: right;
}
.checkAllLabel{
	float: right;
	vertical-align: bottom;
	line-height: 26px;
}

input[type=file].hidden-input-file{
	display: none;
}
.thumb-reset{
	display: none !important;
	width: 100px;
	position: relative;
	height: 30px;
	line-height: 24px;
	top:-35px;
}

#check_preview{
	height: 100px !important;
	width: 100% !important;
	border-radius: 5px !important;
}
input[type=file].hidden-input-file{
	display: none;
}
#check_wrap {
	padding-top: 5px;
	border-top: 2px solid #d2e5f5;
//margin-bottom: -30px;
	display: none;
}
#browse_check, #scan_check {
	display: none;
	margin-top: 5px;
}
#due_dt_wrap {
	display: none;
	margin-top: 5px;
}
#due_dt_wrap input, #due_dt_wrap label{
	font-size: 12px !important;
}


.thumb-reset{
	display: none;
	position: relative;
	height: 30px;
	width: 30px;
	line-height: 24px;
	font-size: 16px;
	top: -32px;
	margin-right: 2px;
}
.avatar{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 1px solid #cccccc;
}
.avatar-lg{
	width: 128px;
	height: 128px;
	border: 5px solid #7c7979;
}
.profile-side .nav-pills{
	margin: 0;
	padding: 0;
}
.profile-side .nav-pills li{
	display: block;
	margin: 0;
	width: 100%;
}



.panel .panel-heading h3{
	margin: 0;
}
.panel-body h3{
	margin-top: 0;
	margin-bottom: 10px;
}
.fa-roles-true .fa, .fa-roles-false .fa{
	color: #fff;
	padding: 8px;
	border-radius: 3px;
	margin-left: 5px;
}
.fa-roles-true .fa{
	background: #5cb85c;
}
.fa-roles-false .fa{
	background: #c9302c;
}
.td-roles {
	vertical-align: top !important;
}
.td-roles p span:first-child{
	min-width: 100px;
	display: inline-block;
}

.currency {
	direction: ltr !important;
	white-space: nowrap;
}
.editable span {
	cursor: pointer;
	font-weight: bold;
	display: block;
	line-height: 30px;
}
.editable input {
	display: none;
}
.table tr.cur td {
	background-color: #e0ffe0 !important;
}
.table tr.partial {
	background-color: #fffab9 !important;
}
.table tr.partial_avance {
	background-color: #adff95 !important;
}
.table tr.not-paied {
	background-color: #fbdfdf !important;
}
.table tr td.status .fa, .table tr td.dt .fa {
	font-size: 16px;
}
.table tr td.dt .fa-calendar {
	color: #114C8D;
}
.table tr td.dt .fa-clock-o {
	color: #008000;
}


.preview_table tr th, .preview_table tr td {
	border-top: 1px solid #000 !important;
	border-left: 1px solid;
}
.preview_table tr th:first-child, .preview_table tr td:first-child {
	border-right: 1px solid;
}

.preview_table tr.tr_separator th {
	border-left: none;
	border-right: none;
}

.preview_table tr:last-child th, .preview_table tr:last-child td {
	border-bottom: 1px solid #000 !important;
}

.paging-nav {
	text-align: center;
	padding-top: 2px;
}

.paging-nav a {
	margin: 2px;
	text-decoration: none;
	display: inline-block;
	padding: 5px 5px;
	background: #263238;
	color: white;
	border-radius: 3px;
}

.paging-nav .selected-page {
	background: #91b9e6;
	font-weight: bold;
}
/*
.paging-nav .selected-page , .paging-nav a[data-direction]{
	display: inline-block !important;
}
*/

.pagination{
	margin: 0;
	padding: 0;
}
.pagination li a{
	padding: 6px 8px;
	background-color: rgba(66, 139, 202, 0.05);
}
.pagination li.cur_page a{
	background-color: #428bca;
	color: #fff;
	cursor: default;
}
.pagination li.cur_page input{
	width: 35px;
	display: inline;
	position: relative;
	float: left;
	padding: 5px 2px;
	border: 2px solid #ddd;
	margin-right: -1px;
	text-align: center;
	outline: none;
}
.pagination li.desabled a{
	background-color: #eee;
	color: #cccccc;
}
.pagination li.total a{
	background-color: #eee;
	color: #666;
}
.pagination li.enabled a{
	padding: 6px 10px;
}
.pagination .pagination-error{
	margin-top: 20px;
}

#done_msg{
	position: fixed;
	width: 200px;
	height: 50px;
	background-color: #4cae4c;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	bottom: 20px;
	left: 40%;
	right:40%;
	z-index: 1500;
	border: 2px solid #008000;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #333;
	display: none;
}

.color-box-wrap label{
	line-height: 50px;
	width: 30%;
	position: relative;
	top:-15px;
}
.color-box {
	height: 50px;
	width: 100px;
	margin-right: 20px;

}
#color-display{
	margin-top: 10px;
	padding: 15px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #ccc;
}

.add_barcode{
	position:relative;
	float: left;
	width: 30px;
	height: 30px;
	top: -32px;
	left: 2px;
}
.add_barcode_input{
	padding-left: 36px;
}

.barcode_table, .barcode_table tbody, .barcode_table tbody tr, .barcode_table tbody tr td , .barcode_table tbody tr td div {
	-webkit-box-sizing: initial !important;
	box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	direction: ltr !important;
	padding: 0 !important;
	margin: 0 !important;
}

.barcode_wrap{
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 5px;
	min-height: 50px;
}

.form-footer, .foot_totals{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #e5e5e5;
}

.foot_totals label{
	display: block;
	font-size: 13px;
}
.foot_totals hr{
	border-color: #ddd;
	border-width: 2px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.foot_totals label.currency{
	padding: 10px;
}

.form-inline label{
	min-width: 80px;
}
.form-inline .form-control{
	margin-bottom: 10px;
}
.td_name {
	font-size: 14px;
}
.dt {
	white-space: nowrap;
	direction: ltr;
}
.td_time {
	font-size: 12px;
	white-space: nowrap;
}
.td_time .fa.time {
	font-size: 14px;
	color: #008000;
}
.td_time .fa.dt {
	font-size: 14px;
	color: #2e6da4;
}


/* money units */
.panel .panel-heading.head-lg{
	font-weight: bold;
	//font-size: 18px;
}

.panel-cash .panel-heading .guarantee_mode{
	float: left;
	line-height: 23px;
	position: relative;
	top: -3px;
	border: 2px solid #ffac6a;
}
.panel-cash .panel-body{
	//background-color: #d2e8fb;
	height: 100%;
}
.panel-cash .panel-body.guarantee_begin{
	//background-color: #faea9d !important;
}
.panel-cash .panel-body.guarantee_finish{
	//background-color: #ffdfde !important;
}

.panel-cash .units-sm, .panel-cash .units-lg{
	overflow-y: scroll;
}

.cash-cmds .btn-save{
	height: 60px;
	width: 174px;
}
.cash-cmds .btn-save .fa{
	font-size: 28px;
}
.cash-cmds .btn{
	min-width: 80px;
	margin-bottom: 20px;
	display: inline-block;
}



.mu_wrap{
	background-color: #edf7ff;
	border: 1px solid #d2e5f5;
	padding-top:10px;
	padding-bottom:10px;
}
.money-unit{
	text-align: center;
	margin-bottom: 10px;

}
.money-unit img{
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 1px 3px 3px #333;
}
.money-unit-sm{
	height: 60px;
}
.money-unit-sm img{
	border-radius: 50%;
	width: 60px;
	height: 60px;
}
.money-unit-lg{
	height: 100px;
}
.money-unit-lg img{
	width: 200px;
	height: 100px;

}
.money-unit .mu-value{
//line-height: 30px;
//height: 30px;
//display: block;
	position: relative;
//cursor: pointer;
	height: 0;
}

.money-unit-sm .mu-value{
	top: -45px;
}
.money-unit-lg .mu-value{
	top: -65px;
}

.money-unit .mu-value .mu_nb{
	position: relative;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	border: 1px solid #999;
	outline: none;
	width: 40px;
	height: 25px;
}
.money-unit .mu-value .mu_nb:read-only{
	background-color: #a6e1ec;
}

.money-unit-sm .mu-value .mu_nb{
	top:-18px;
	width: 30px !important;
}
.money-unit-lg .mu-value .mu_nb{
	top:-42px;
}
.money-unit-sm .mu-value .btn_plus{
	left: -2px;
	position: relative;
}
.money-unit-lg .mu-value .btn_plus{
	right: -65px;
	position: relative;
}
.money-unit-sm .mu-value .btn_minus{
	right: -2px;
	position: relative;
}
.money-unit-lg .mu-value .btn_minus{
	left: -65px;
	position: relative;
}

.money-unit .mu-value .btn, .money-unit .mu-value .badge{
	margin: 0;
}

.cash-bottom{
	margin-top: 10%;
	display: block;
	text-align: right;
}


.total-section {
	padding-top: 10px;
	padding-bottom: 10px;
}

.total-section .cash_trans_names{
	display: block;
	margin-bottom: 5px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.total-section .cash_trans_names .label{
	display: inline-block;
	line-height: 30px;

}

.total-section .label-total{
	outline: none;
	text-align: center;
}
.cash-top label{
	font-size: 22px;
	margin-bottom: 10px;
	color: #000;
}
.section-ttc{
	margin-top: 20px;
	text-align: center;
}
.section-ttc label{
	text-align: center;
}
.label-total{
	margin-top: 5px;
	height: 60px;
	display: block;
	font-weight: bold;
	font-size: 26px !important;
	line-height: 50px;
//background-color: #22a7f0;
}

.erase_padding{
	padding-right: 3px;
	padding-left: 3px;
}

#wholesale {
	line-height: 20px;
}
#wholesale input[type=checkbox]{
	height: 15px;
	width: 15px;
	margin-right: 0;
}


.preview_overlay {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100% !important;
	height: 100% !important;
	z-index: 2601;
	background-color: rgba(255,255,255, 0.3);
}
.preview_wrap {
	display: none;
	position: fixed;
	border: 2px solid #333;
	box-shadow: 3px 3px 3px #000;
	top:0;
	left:0;
	width: 90mm;
	height: 100% !important;
	background-color: #fff;
}
.preview_wrap.a4 {
	width: 24cm !important;
}
.preview_wrap.a4.landscape {
	width:32.7cm !important;
}
.preview_wrap.dotted {
	width: 25cm !important;
}
.preview_wrap.dotted.landscape {
	width:32.7cm !important;
}
.preview_wrap iframe{
	height: 100% !important;
	width: 100% !important;
}
.preview_wrap .btn_print_wrap{
	padding: 5px;
	background-color: #333;
	display: block;
}
.preview_wrap .btn_print_wrap #print_wrap_hide{
	float: left;
}

.md_form .money-unit-lg {
	margin-bottom: 22px;
}
.md_form input {
	text-align: center;
}
/*
.payments_choice .btn.btn-lg{
	height: 42px !important;
	font-size: 18px;
	line-height: 20px;
}

.payments_choice.company_payments_choice .btn.btn-lg{
	height: 60px !important;
	line-height: 40px;
	text-align: right;
}
*/
img.resize_pm{
	height: 36px;
	border-radius: 3px;
}
/*
.payments_choice .btn.active:after{
	font-family: 'Glyphicons Halflings';
	content: "\e165";
	float: left;
	color: #4cae4c;
}
*/

.pay_zone{
	background-color: #edf7ff;
	border: 1px solid #d2e5f5;
	padding-top: 10px;
	margin-bottom: 10px;
}
.pay_zone .form-group{
	margin-bottom: 5px;
}
.pay_zone  label.form-group, .pay_zone .form-control {
	display: inline-block !important;
	width: 30% !important;
	height: 35px;
}
.pay_zone .form-control {
	width: 65% !important;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
.pay_zone label {
	width: 30% !important;
	font-size: 14px;
}

.payment_table tr th, .payment_table tr td {
	padding: 3px !important;
}
.payment_table tr td.status .fa {
	font-weight: bold;
}

#cheque_ref{
	display: none;
}

.old_rest {
	border-bottom: 2px solid #d2e5f5;
	margin-bottom: 10px;
}
.inline_amounts{
	display: inline-block;
	width: 48%;
	margin-bottom: 10px;
}
.inline_amounts label{
	font-size: 12px;
}
.inline_amounts .form-control{
	height: 35px;
	font-size: 12px;
}

.md_total_pay {
	border: 2px solid #a94442;
	color: #a94442;
}
.fa.orange {
	color: #eea236;
	text-shadow: 1px 1px 1px #000;
	font-size: 18px;
}


.rest_action {
	display: none;
	text-align: center !important;
//border: 1px solid #564b9f;
}
.rest_action_label {
	color: #564b9f;
	margin-bottom: 3px;
	display: block;
	text-align: center;
	font-size: 11px;
}
.rest_action .btn{
	padding: 8px 5px;
	margin: 8px;
	display: inline-block;
	width: 45% !important;
	float: right;
}
.rest_action .btn.active:after{
	font-family: 'Glyphicons Halflings';
	content: "\e165";
	float: left;
	color: #ffac44;
}

#rest_returned{
	font-weight: bold;
	background-color: #564b9f;
	margin-bottom: 10px;
}
#label_payed {
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

.md_panel_dealer .panel-heading {
	padding: 3px 5px;
	line-height: 30px;
}
.md_panel_dealer .panel-heading span{
	font-size: 12px;
}
/*
.md_panel_dealer .panel-heading .label{
	padding: 0 5px !important;
}
*/
.md_panel_dealer .panel-heading .btn{
	float: left;
	display: inline;
}

.pay_method_wrap {
	padding: 5px !important;
	padding-top: 0 !important;
}
.pay_method_wrap .panel{
	border-radius: 0 !important;
	overflow: hidden;
}
.pay_method_wrap .panel .panel-body {
	padding: 8px !important;
	background-color: #edf7ff;
}
.fa_img {
	width: 14px;
	height: 14px;
}

.cash_current_amount{
	margin-bottom: 10px;
	padding: 0;
}
.cash_current_amount h3, .cash_current_amount h4 {
	font-weight: bold;
	font-size: 16px;
}
.cash_name {
	color: #2e6da4;
	font-size: 22px !important;
}
.inline_row {
	padding: 0;
}
.cash_panel {
	min-height: 253px;
}


.admin_pos_table_actions{
	padding: 3px 0 3px 10px;
	margin-bottom: 4px;
	border-radius: 4px;
	background-color: #eee;
}
.admin_pos_table_actions .btn{
	float: left;
	margin-right: 10px;
	padding: 3px;
	line-height: 21px;
}
.admin_pos_table_actions .fa , .admin_pos_table_actions input[type=checkbox] {
	height: 15px;
	width: 15px;
}
/* box */
.sm_box{
	width: 300px;
}
.sm_box .modal-content .modal-header{
	padding: 10px;
	text-align: center;
	background-color: #263238 !important;
	color: #fff;
}
.sm_box .modal-content .modal-header .modal-title {
	font-weight: bold !important;
}

.sm_box.box-success .modal-content .modal-header{
	background-color: #5cb85c !important;
}
.sm_box.box-warning .modal-content .modal-header{
	background-color: #f0ad4e !important;
}
.sm_box.box-info .modal-content .modal-header{
	background-color: #269abc !important;
}

.sm_box.box-warning .modal-content .price-calc-btns .btn_numbers .btn{
	background-color: #f0ad4e !important;
	border-color: #f0ad4e !important;
}
.sm_box.box-success .modal-content .price-calc-btns .btn_numbers .btn{
	background-color: #5cb85c !important;
	border-color: #5cb85c !important;
}
.sm_box.box-info .modal-content .price-calc-btns .btn_numbers .btn{
	background-color: #269abc !important;
	border-color: #269abc !important;
}
.sm_box .modal-content .price-calc-btns .btn_numbers .btn{
	color: #fff;
}

#btn_calc_clear{
	background-color: #ff9600;
}


.sm_box .modal-content{
	padding: 0;
	background-color: #f5f5f5 !important;
}
.sm_box .modal-body{
	padding: 0;
}
/*
.barcode {
	padding: 0;
	margin-bottom: 5px;
	display: inline-block;
}
.barcode input{
	width: 180px;
	height: 30px;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	outline: none !important;
	border-color: #5cb85c !important;
	box-shadow: none !important;
}
*/
.barcode {
	padding: 0;
	padding-left: 5px;
	position: relative;
}
.barcode .search-box{
	width: 100%;
	float: right;
	height: 35px;
	outline: none !important;
	//border-color: #263238 !important;
	padding-right: 40px;
	padding-left: 40px;
}
.barcode .search-btn:hover, .barcode .show_bc_box:hover {
	//background-color: #5a6367 !important;
}
.barcode .search-btn:focus, .barcode .show_bc_box:focus {
	outline:none;
}
.barcode .search-btn, .barcode .show_bc_box {
	margin: 0;
	position: relative;
	height: 33px;
	width: 35px;
	top: -34px;
	box-shadow: none !important;
	//background-color: #263238 !important;
	border-color: transparent;

}
.barcode .search-btn {
	float: left;
	right: -1px;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;

}

.barcode .show_bc_box {
	float: right !important;
	left: -1px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;

}

.barcode_search_error{
	display: none;
	margin-bottom: 0;
	margin-right: 43px;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: -18px;
}

.no_padding {
	padding: 0 !important;
}

.panel-grid {

}
.panel-grid .panel-body{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.panel-grid .panel-body div{
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 10px;
}

.panel.traceability .panel-body{
	padding: 0 !important;
}
.panel.traceability .panel-body .table{
	margin-bottom: 0 !important;
}

.table_pos_wrap {
	background-color: inherit;
}
.categories {
	padding: 0;
	background-color: inherit;
}
.categories label{
	color: #000;
	background-color: #eee;
	border-radius: 3px;
	height: 35px;
	padding-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
	line-height: 35px;
	font-size: 12px;
	display: block;
	text-align: center;
}
.categories-list{
	height: 500px !important;
	overflow-y: scroll;
	padding: 3px;
}
.categories-list .btn{
	color: #fff;
	height: 70px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 3px;
	margin-bottom: 5px;
	white-space: normal;
	word-break: break-all;
	background-color: #666;
}
.categories-list .btn .cat-label{
	margin-top: 10px;
}
.categories-list .btn .badge{
	background-color: #fff;
	color: #000;
	float: left;
	position: relative;
	top:18px !important;
	left:-68px;
	border: 1px solid #ccc;
}
.categories-list .btn img{
	float: left;
	width: 62px;
	height:62px;
	border: 1px solid #bbb;
}
.col-arts {
	background-color: inherit;
}

.articles-list{
	height: 500px !important;
	overflow-y: scroll;
	padding: 5px;
	position: relative;
	top:-30px;
}
.articles-list .btn {
	width: 32%;
	white-space: normal;
	word-break: break-all;
	overflow: hidden;
	padding: 3px;
	vertical-align: top;
	margin-bottom: 5px;
}
.articles-list .btn img{
	width: 100%;
	height: 80px;
	display: block;
	position: relative;
	border: 1px solid #fff;
}
.articles-list .btn .art-label{
	line-height: 14px;
	font-size: 14px;
	margin: 2px;
	font-weight: bold;
}
.articles-list .btn .art-foot span.label{
	float: left;
	position: relative;
	text-align: center;
	top: auto;
	bottom:-2px;
	z-index: 1;
	font-size: 11px !important;
	width: 100%;
}

.table-wrap{
	height:394px;
	overflow-y: scroll;
	color: #333;
	border-radius: 3px;
	background-color: #fff;
}

.foot_totals_form {
	background-color: inherit;
}
.h_title {
	font-weight: bold;
	color: #1a82bb;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}
.h_title span{
	border-bottom: 1px solid #1a82bb;
}


.cash_trans_totals {
	padding-left: 3px;
	padding-right: 3px;
}
.cash_trans_totals .cash_trans_total {
	margin: 0;
	padding-right: 5px;
	padding-left: 0;
}
.cash_trans_totals .cash_trans_total .label.currency {
	font-size: 14px;
	margin-bottom: 10px;
}

.cash_trans_totals .cash_trans_total:last-child {
	padding-left: 5px;
}
.cash_trans_totals .row {
	//padding: 5px;
	padding-top: 0 !important;
	margin: 0;
}

.cash_content .panel_col{
	padding-right: 5px;
	padding-left: 5px;
}

.cash_total_lg{
	line-height: 75px;
	font-size: 20px !important;
}
.cash_amount_lg {
	height: 50px;
	font-size: 18px !important;
	line-height: 28px;
}

.cash_content .panel_col .panel-body{
	padding: 5px;
}
.flag_alert {
	font-weight: bold !important;
	float: left;
	font-size: 20px !important;
	text-shadow: 1px 1px 1px #fff;
}
.flag_alert.flag_red{
	color: #ff5252 !important;
}
.flag_alert.flag_orange{
	color:  #ff8d2c !important;
}

.nav-tabs{
	padding: 0;
}
.nav-tabs li{
	float: right;
}
.nav-tabs li a {
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	background-color: #f7f7f7;
	color: #333;
}

.nav-tabs li.stocks_list {
	float: left;
}
.nav-tabs li.stocks_list:not(.active) a{
	background-color: #e3e3e3;
}

.tab-content {
	padding-top: 10px;
	background-color: #fff;
}

.used_cash_label {
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	margin: 5px;
	line-height: 20px;
	color: #fff;
	background-color: #999 !important;
	border-bottom: 3px solid #666;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #666;
}
.used_cash_label .current_cash_amount {
	background-color: #a94442;
	padding: 5px;
	float: left;
	line-height: 14px;
	position: relative;
	top: -1px;
}
.mu_wrap.on .mu_overlay {
	 background: rgba(0, 0, 0, 0.3);
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 z-index: 100;
	 cursor: not-allowed;
 }

.receipt_preview {
	min-height: 620px;
}
.receipt_preview header{
	margin-bottom: 30px;
}
.receipt_preview .preview_logo{
	float: right;
	width: 80px;
	height: 60px;
	margin-left: 10px;
	border-radius: 5px;
}
.receipt_preview  h2, .receipt_preview  h4{
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.receipt_preview  h2 {
	margin-bottom: 5px;
}
.receipt_preview  h4{
	font-size: 14px;
}
.receipt_preview  footer p:first-child{
	font-size: 14px;
	font-weight: bold;
}
.h_time_line li {
	line-height: 30px;
	font-size: 16px;
}
.h_time_line h4, .h_time_line li.active {
	font-weight: bold;
}

.td_qte_return .form-control {
	text-align: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #ac2925;
}

.home-box {
	margin-bottom: 20px;
}
.home-box h3{
	text-align: center;
	margin: 0;
	padding: 10px 5px;
	font-size: 16px;
	color: #fff;
	background-color: #02a6e2;
	font-weight: bold;
	border-bottom: 1px solid #02a6e2;
}
.home-box ul {
	padding: 0;
	border: 1px solid #02a6e2;

}
.home-box ul li {
	line-height: 40px;
	list-style: none;
}
.home-box ul li a{
	color: #333;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
.home-box ul li a .fa{
	color: #02a6e2;
}
.home-box ul li a:hover{
	color: #000;
	font-weight: bold;
	background-color: #f7f7f7;
}

.home_content .row {
	margin-left: -15px;
	padding-right: -15px;
	//margin-bottom: 20px;
}
.home_content .panel .panel-body {
	padding: 0;
}
.top-box-link {
	color: inherit;
	display: block;
}
.top-box-link:focus {
	text-decoration: none;
}
.top-box {
	height: 100px;
	border-radius: 3px;
	box-shadow: 0 2px 1px #eee;
	padding: 10px;
	margin-bottom: 10px;
}
.top-box label{
	display: block;
	line-height: 36px;
	font-size: 20px;
	cursor: pointer;
}
.top-box label:first-child span{
	color: #666;
	font-size: 18px;
	float: left;
}
.top-box label:last-child{
	font-size: 24px;
	color: #fff;
}


.bg-aqua {
	background-color: #4c9ce0 !important;
}
.bg-green {
	background-color: #21BAA6 !important;
}

.bg-purple {
	background-color: #BF55EC !important;
}
.bg-siskin {
	background-color: #7A942E !important;
}
.bg-plum  {
	background-color: #F62459 !important;
}
.bg-orange {
	background-color: #fcbd5b !important;
}
.bg-red {
	background-color: #ff8949 !important;
}

.bg-yellow {
	background-color: #FFD54F !important;
}

.home_content .panel, .home_content .panel .panel-heading {
	border: none;
}
.home_content .panel .panel-heading {
	background-color: inherit;
	//border-bottom: 3px solid #8bc34a !important;
	border-bottom: 3px solid #02a6e2 !important;
}

.data-table .label {
	line-height: 2;
	padding: 2px !important;
	display: inline-block;
	min-width: 50px;
}

.company_menu {
	line-height: 50px;
	margin-top: -2px;
	margin-left: 10px;
}
.company_menu a {
	padding: 0 !important;
	color: #fff !important;
	line-height: 50px !important;
}
.company_menu img {
	width: 40px;
	height: 40px;
	border-radius: 5px;
}

.top_notif_counter .fa {
	font-size: 20px;
}

.pay_info p,
.pay_info table tr th,
.pay_info table tr td {
	line-height: 30px;
	font-size: 16px;
}
.pack_payment_content .form-control {
	padding: 10px !important;
	height: 60px !important;
}
.pay_info {
	//display: none;
}
.pay_info:first-child {
	display: block;
}

.plan_detail {
	display: none;
}

.features .icon i.icon_orange {
	color: #ff9007;
}


.pricing {
	background: #fff;
	-webkit-box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0;
	margin-bottom: 20px;

}
.pricing .pricing-heading {
	margin-bottom: 30px;
	font-weight: bold;
}

.price_not_limited {
	background-color: #BBDEFB;
}
.price_yearly {
	background-color: #DCEDC8;
}
.price_semi_yearly {
	background-color: #FFE0B2;
}
.price_semistre {
	background-color: #FFCDD2;
}
.price_body {
	padding: 2em 1em 1em 1em;
}
.pricing .old_price{
	margin: 0;
	text-align: center;
	font-weight: bold;
}
.pricing .old_price del{
	color: #BB0000;
}
.pricing .price {
	font-size: 50px;
	color: #000;
	line-height: 50px;
	font-weight: bold;
}
.pricing .price .currency {
	font-size: 24px;
	top: -10px;
}
.pricing .price small {
	font-size: 13px;
	display: block;
	color: #888f94;
}
.pricing {
	margin-bottom: 20px;
	height: 740px;
}
.pricing .pricing-heading {
	margin-bottom: 30px;
	font-weight: bold;
}
.pricing .price .decimal{
	font-size: 36px;
}
.pricing .price small {
	font-size: 13px;
	display: block;
	color: #555555;
}
.features {
	padding-bottom: 5px;
}
.features .icon {
	position: relative;
	top: 5px;
	float: right !important;
	margin-left: 10px !important;
}
.features .f-desc {
	margin-right: 30px !important;
}
.features .icon i {
	font-size: 20px;
	color: #8BC34A;
	z-index: 1;
}

.features .f-desc p b {
	color: red;
}

.li_upgrade_pack a {
	color: #fff !important;
	background-color: #f15b49 !important;
	padding: 5px !important;
}
.li_upgrade_pack a:hover {
	background-color: #ed5341 !important;
}
.li_upgrade_pack a span {
	display: block;
}

.activities .col-xs-6{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f7f7f7;
	border: 5px solid #fff;
	border-radius: 10px;
}
.activities .col-xs-6 .fa{
	display: block;
	font-size: 36px;
}

.activities .col-xs-6:hover, .activities .col-xs-6.active{
	background-color: #edf8e8;
	cursor: pointer;
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	z-index: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.activities .col-xs-6:hover{
	background-color: #edf8e8;
	cursor: pointer;
}
.activities .col-xs-6.active{
	background-color: #dff8df;
	color: green;
}
.activities .col-xs-6.active:before{
	font-family: 'Glyphicons Halflings';
	content: "\e165";
	float: right;
	color: #4cae4c;
}

.activities .col-xs-6 .fa{
	display: block;
	font-size: 36px;
	color: #21BAA6;
}


.login-content .col-xs-12 {
	padding: 0;
}


.lang_dropdown {
	padding: 0 !important;
}
.lang_dropdown li{
	padding: 0 !important;
}


.lang_list li a {
	display: block;
	padding: 15px;
}
.lang_list li a:hover {
	background-color: #eee;
}

.serial_wrap,
.host_wrap {
	display: none;
}

.print_group .print_group_main_btn {
	float: right;
}
.print_group .dropdown-toggle {
	float: left;
}
.print_group .dropdown-menu {
	left: auto;
	right: 0;
}
.print_group  .dropdown-menu li a {
	text-align: right;
	line-height: 2;
}
.header-btns .print_group .btn {
	height: 30px;
}
.customer_pay_table tr td {
	font-weight: bold;
	font-size: 26px;
	background-color: #f9ffd9;
}

.review_wrap {
	text-align: center;
}
.review_wrap input[type=radio]{
	height: 20px;
	width: 20px;
	position: relative;
	top: 5px;
}
.review_wrap img {
	height: 48px;
	width: 48px;
	cursor: pointer;
}



.wo_col {
	border-top: 1px solid #ccc;
}

.tec_box {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.tec_conv p {
	padding: 5px;
	box-shadow: 2px 2px 3px #ccc;
	border-radius: 5px;
	margin-bottom: 10px;
}
.supervisor_message {
	background-color: #ffe5e5;
}
.tec_message {
	background-color: #efffe1;
}

.wo_table_articles thead tr th {
	text-align: right;
}

.label_done {
	padding: 3px;
}

.remove_task {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}




#sig-canvas, #canvas_preview_img {
	border: 2px dashed #CCCCCC;
	border-radius: 15px;
	background-image: url("../img/car.png");
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
}
#sig-canvas{
	cursor: crosshair;
}

.selectize-dropdown .option {
	background-color: #fff;
}
.selectize-dropdown .option:hover, .selectize-dropdown .option.active {
	background-color: #eee;
	color: #000;
	font-weight: bold;
}

.autoComplete_wrapper {
	width: 100% !important;
}
.autoComplete_wrapper > input {
	font-size: 14px !important;
	color: #000 !important;
	width: 100% !important;
	height: 34px !important;
	border: 1px solid #ccc !important;
	background-color: #fff !important;
}

.payments_choice input[type=radio],
.payment_methods_btns input[type=radio] {
	width: 20px;
	height: 20px;
	margin-left: 10px;
}


#report_id option {
	direction: ltr;
	text-align: right;
}

.panel_head_service .form-group {
	margin-bottom: 0 !important;
}

.acl_crud {
	display: flex;
	justify-content: space-evenly;
}
.acl_crud .btn{
	font-weight: bold;
	color: #fff;
}



.acl_crud .btn:nth-child(1) {
	background-color: #2196F3;
	border-color: #2196F3;
}
.acl_crud .btn:nth-child(2) {
	background-color: #02a6e2;
	border-color: #21BAA6;
}
.acl_crud .btn:nth-child(3) {
	background-color: #FFA726;
	border-color: #FFA726;
}
.acl_crud .btn:nth-child(4) {
	background-color: #EF5350;
	border-color: #EF5350;
}

#invoice_payments_table tfoot th {
	background-color: #dffeed;
}
#invoice_payments_table tfoot th input{
	text-align: center;
}

.zatca_form p {
	color: #0f9483;
	direction: ltr;
	text-align: left;
}
.zatca_form p .fa{
	color: #0f9483;
	font-size: 18px;
	font-weight: bold;
}
.zatca_form label ,
.zatca_form .form-control{
	direction: ltr;
	text-align: left;
	display: block;
}

.zatca_th {
	background-color: #a1ece2;
	border-right: 2px solid #86e0d4;
	border-bottom: 2px solid #86e0d4 !important;
	line-height: 2;
	min-width: 220px;
}
.zatca_td {
	background-color: #cdfff8;
	border-right: 2px solid #86e0d4;
}

.qte_warning{
	color: #ff7a26;
}
.qte_danger{
	color: red;
}

#modal_zatca_response .modal-body {
	direction: ltr;
	min-height: 200px;
	background-image: url("../img/api.svg");
	background-position: center;
	background-repeat: no-repeat;

}
.zatca_response {
	display: none;

}

table tr[status='0'] td{
	background-color: #fff2cc;
}