html *
{
   font-family: Arial;
}
/*Top bar*/

.top-bar input,.top-bar select,.top-bar .button,.top-bar button {
	font-size: 24px;
	height: 1.75rem;
	position: relative;
	top: 0rem; }
.top-bar-section ul li > a {
	color: #F7BE45;
	display: block;
	/*font-family: Sans-serif;*/
	font-size: 22px;}
.top-bar {
	background: #FFCE54;
	overflow: visible; }
.top-bar-section ul li {
	background: #FFCE54; }
.top-bar-section li:not(.has-form) a:not(.button) {
	background: #FFCE54;
	line-height: 2.8125rem;
	padding: 7px;
	color: #000000}
.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #545454; }
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background: #F7BE45;
	color: #FFFFFF;
	line-height: 2.8125rem;
	padding: 7px; }
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	background: #FD9835;
	color: #FFFFFF; }
.top-bar select {
	font-size: 14px;
	line-height: 1rem;
	padding-bottom: 0rem;
	padding-top: 0rem; }
.lang_select{
	padding-bottom: .35rem;
	padding-top: .35rem;
	margin: 15 15 15 15px;}
.top-bar-section ul {
	margin-right: 50px;}

/*Second bar*/

.tabs dd > a,.tabs .tab-title > a {
	display: block;
	background-color: #EFEFEF;
	color: #222222;
	/*font-family: Sans-serif;*/
	font-size: 18px;
	padding: 0.5rem 1rem;
	width: 150px;
	line-height:40px;
	padding:0px;
	text-align: center;}
.tabs dd.active a,.tabs .tab-title.active a {
	float: center;
	background-color: #FFFFFF;
	color: #222222;
	width: 150px;
	line-height:40px;
	padding:0px;
}

/*Panels*/
.tabs-content {
	margin-bottom: 0rem;
	width: 100%;}
.tabs-content > .content {
    display: none;
    float: left;
    padding: 0rem 0;
    width: 100%; }

/*Filter bar*/

.fitler_div{
	background: #FFFFFF;
	overflow:auto;
}
.filret_tab td{
	width:230px;
	background: #FFFFFF ;
	padding: 0.5625rem 0.525rem;
}
.filret_tab label{
	max-width: 250px;
	font-size: 16px;
}
.filter_input{
	width: 100%;
	height: 30px;
	border-radius:4px;
	border:1px solid black;
	font-size: 12pt !important;
	padding:0px 0px 0px 10px;
}
.filter_select{
	width: 100%;
	height: 25px;
	border-radius:4px;
	border:1px solid black;
	font-size: 12pt !important;
	padding:0px 0px 0px 10px;
}
.filter_td{
	width:150px;
	padding:0px 4px !important;
}
.filter_button{
	background: #67809F !important;
    border:1px solid black !important;
	border-radius:4px;
    color: #EAEDF1;
    /*font-family: 'Roboto', sans-serif !important;*/
    font-size: 10pt;
    font-weight: normal;
    height: 25px !important;
	width:100%;
	font-size: 13pt !important;
}
.filter_button_image{
	vertical-align: middle;
	width:18px;
	height:18px;
	float:left;
	margin-left:10px;

}

.filter_button_green{
	background: rgb(53,181,73) !important;
    border:1px solid black !important;
	border-radius:4px;
    color: #EAEDF1;
    font-size: 10pt;
    font-weight: normal;
    height: 30px !important;
	width:100%;
	font-size: 14pt !important;
}

.filter_button_gray{
	background: gray !important;
    border:1px solid black !important;
	border-radius:4px;
    color: #EAEDF1;
    font-size: 10pt;
    font-weight: normal;
    height: 30px !important;
	width:100%;
	font-size: 14pt !important;
}

.filret_tab td{
	background: #FFFFFF;}
table.filret_tab {
	border: 0px;
	padding: 0.5625rem 0.525rem;
	margin-left: 10px;}
.create_button,.submit_button{
	font-size: 16px;
	background: #FFDD52;
	height: 35px;
	width: 150px;
	padding: 5px;
	border-radius: 4px;}
.create_button:hover,.submit_button:hover,.create_button:focus,.submit_button:focus{
	font-size: 16px;
	background: #FFCD00;
	height: 35px;
	width: 150px;
	padding: 5px;}

/*Table*/
.discount_table{
	border: solid 1px #DDDDDD;}
.invoice_clients_table{
	border: solid 1px #DDDDDD;}
table.dataTable.hover tbody tr:hover,table.dataTable.hover tbody tr.odd:hover,table.dataTable.hover tbody tr.even:hover,table.dataTable.display tbody tr:hover,table.dataTable.display tbody tr.odd:hover,table.dataTable.display tbody tr.even:hover,table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.display tbody tr.odd:hover>.sorting_1,table.dataTable.display tbody tr.even:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1{
	background-color: #FFF5CF;}
.table_button{
	background: #FFDD52;
	width: 100%;}
.table_button:hover{
	background: #FFCD00;
	width: 100%;}
.dataTables_scrollBody{
	background: #FFFFFF;}
.dataTables_scroll {
    clear: both;}
.dataTables_scrollBody {
    *width: -1px;
    -webkit-overflow-scrolling: touch;}
.dataTables_wrapper .dataTables_processing {
	z-index: 10;
	height: 70px;
	margin-top: -100px;}

/*Dialogs*/
.Dialog_table{
	margin: auto;
	margin-left: 10px;
	margin-right: 10px;
	width:100%;
}
.Dialog_table input{
	float: left;
	padding: 0px;
	margin: 2px;
	height: 25px;}
.Dialog_table .short_input{
	float: left;
	width: 50px;
	margin: 1px;}
.ui-widget-header {
	border: 0px solid #aaaaaa;
	background: #FFE6A9 repeat-x;
	color: #222222;
	font-weight: bold;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
	border: 1px solid #F6BB42;
	background: #FFDD52 50% repeat-x;
	font-weight: normal;
	color: #555555;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
	border: 1px solid #FFCE54;
	background: #F6BB42 50% repeat-x;
	font-weight: normal;
	color: #212121;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
	border: 1px solid #FFFFFF;
	background: #FFFFFF 50%    50% repeat-x;
	color: #363636;}
.ui-dialog .ui-dialog-title {
	color: #545454;
	font-size:14px;
	float: left;
	margin: 5 15px;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;}
.edit_button{
	font-size: 16px;
	background: #F6BB42;
	height: 25px;
	width: 100px;
	padding: 1px;
	border: solid #F6BB42 1px;
	border-radius: 4px;}
.edit_button:hover,.edit_button:focus{
	font-size: 16px;
	background: #FFCE54;
	height: 25px;
	width: 100px;
	padding: 1px;
	border: solid #FFCE54 2px;}
.add_button{
	font-size: 16px;
	background: #FFDD52;
	height: 25px;
	width: 100px;
	padding: 5px;
	border: solid #F6BB42 2px;
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 8px;}
.add_button:hover,.add_button:focus{
	font-size: 16px;
	background: #FFCD00;
	height: 25px;
	width: 100px;
	padding: 5px;
	border: solid #FFCE54 2px;}
.add_button_disable{
	font-size: 16px;
	background: #DDDDDD;
	height: 25px;
	width: 100px;
	padding: 5px;
	border: solid #BABABA 2px;
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 8px;}
.add_button_disable:hover,.add_button_disable:focus{
	font-size: 16px;
	background: #DDDDDD;
	height: 25px;
	width: 100px;
	padding: 5px;
	border: solid #BABABA 2px;}
p{
	/*font-family: inherit;*/
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.6;
	margin-bottom: 2px;
	text-rendering: optimizeLegibility; }
input[type="text"].full_input{
	margin: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 0px;}
.ratio_select{
	border: 0px;}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0em;
	outline: 0;}
.dialogsavebutton,.dialogcancelbutton{
	float: right !important;
	background: #F6BB42;
	color: #FFFFFF;
	border: 1px solid #F6BB42;}
.dialogdeletebutton{
	float: left !important;
	background: #F44336 ; 
	color: #FFFFFF ;
	border: 1px solid #F44336 ;}

/*Exlude Include list*/
.alert-box {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-size: 0.8125rem;
	font-weight: normal;
	margin: 0.1rem 0.1rem 0.1rem 0.1rem;
	padding: 0.1rem 0.1rem 0.1rem 0.1rem;
	position: relative;
	transition: opacity 300ms ease-out;
	background-color: #008CBA;
	border-color: #0078a0;
	color: #FFFFFF;}
/*Exlude list*/
 .alert-box.alert {
	 background-color: #F44336;
	 border-color: #de2d0f;
	 color: #FFFFFF; }
/*Inlude list*/
.alert-box.success {
	background-color: #43AC6A;
	border-color: #27AE60;
	color: #FFFFFF; }

/*Date Time Dialog*/
	
input[type="checkbox"] + label,input[type="radio"] + label {
	display: inline-block;
	margin-left: 0rem;
	margin-right: 1.5rem;
	margin-bottom: 1.3rem;
	vertical-align: baseline; }
input[type="text"].day_pick{
	width:100px;}
input[type="text"].time_pick{
	width: 50px;
	margin-right: 0.1rem;}	
.DatetimeAddButton{
	margin: 5px;}
.DatetimeAddButton,.DateTimeDelButton{
	font-size: 16px;
	background: #F6BB42;
	height: 25px;
	width: 100px;
	border: solid #F6BB42 2px;
	border-radius:5px;}
.DatetimeAddButton:hover,.DateTimeDelButton:hover{
	font-size: 16px;
	background: #FFCE54;
	height: 25px;
	width: 100px;
	border: solid #FFCE54 2px;
	border-radius:5px;}
	
/*Global*/
body{
	background: #F1F2F6;}
	
input[type="text"]{
	height: 25px;
	margin: 0px;
	padding: 0px;
	/*background: #E6E9ED;*/
}
.body_div{
	margin: 0px 5px;
}
.left {
	float: left !important; }
.right {
	float: right !important; }
table {
	background: #FFFFFF;
	border: 0px;
	margin-bottom: 0rem;
	table-layout: auto; }
table tr th,table tr td {
	color: #222222;
	font-size: 0.875rem;
	padding: 0rem 0rem;
	text-align: left; }
/* Base for label styling */
.custum_check_box_red:not(:checked),.custum_check_box_red:checked {
	position: absolute;
	left: -9999px;}
.custum_check_box_red:not(:checked) + label,.custum_check_box_red:checked + label {
	position: relative;
	cursor: pointer;}

/* checkbox aspect */
.custum_check_box_red:not(:checked) + label:before,.custum_check_box_red:checked + label:before {
	content: '';
	position: absolute;
	left:0; top: 2px;
	width: 17px; height: 17px;
	border: 1px solid #aaa;
	background: #f8f8f8;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3)}
/* checked mark aspect */
.custum_check_box_red:not(:checked) + label:after,.custum_check_box_red:checked + label:after {
	content: '\2714';
	position: absolute;
	top: 0; left: 4px;
	font-size: 14px;
	color: red;/*097FAD;09ad7e*/
	transition: all .2s;}
/* checked mark aspect changes */
.custum_check_box_red:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);}
.custum_check_box_red:checked + label:after {
	opacity: 1;
	transform: scale(1);}
/* disabled checkbox */
.custum_check_box_red:disabled:not(:checked) + label:before,
.custum_check_box_red:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;}
.custum_check_box_red:disabled:checked + label:after {
	color: #999;}
.custum_check_box_red:disabled + label {
	color: #aaa;}
/* Base for label styling */
.custum_check_box:not(:checked),.custum_check_box:checked {
	position: absolute;
	left: -9999px;}
.custum_check_box:not(:checked) + label,.custum_check_box:checked + label {
	position: relative;
	cursor: pointer;}

/* checkbox aspect */
.custum_check_box:not(:checked) + label:before,.custum_check_box:checked + label:before {
	content: '';
	position: absolute;
	left:0; top: 2px;
	width: 17px; height: 17px;
	border: 1px solid #aaa;
	background: #f8f8f8;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3)}
/* checked mark aspect */
.custum_check_box:not(:checked) + label:after,.custum_check_box:checked + label:after {
	content: '\2714';
	position: absolute;
	top: 0; left: 4px;
	font-size: 14px;
	color: #3BABE3;/*097FAD;09ad7e*/
	transition: all .2s;}
/* checked mark aspect changes */
.custum_check_box:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);}
.custum_check_box:checked + label:after {
	opacity: 1;
	transform: scale(1);}
/* disabled checkbox */
.custum_check_box:disabled:not(:checked) + label:before,.custum_check_box:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;}
.custum_check_box:disabled:checked + label:after {
	color: #999;}
.custum_check_box:disabled + label {
	color: #aaa;}
/* accessibility */
.custum_check_box:checked:focus + label:before,.custum_check_box:not(:checked):focus + label:before {
	border: 1px dotted blue;}
	
/* hover style just for information */
label{
	font-size: 16px;
	cursor: default;}
.top_bar_titel{
	font-size: 26px;
	margin-left: 200px;
	margin-top: 10px;}
.top_login{
	margin-right: 50px;}
.top-bar-section ul li.logout > a {
	font-size: 20pt;}
.loginform{
	margin: auto;
	margin-top:200px;
	padding: 20 50 20 50px;
	width: 400px;
	background: #FFFFFF;
	text-align: center;}
.loginform input[type="text"],.loginform input[type="password"]{
	display:block;
	margin-top:20px;
	height: 2.3125rem;
	text-align: center;
	background: #E6E9ED;
	font-size: 24px;}
.loginform input[type="text"]:FOCUS,.loginform input[type="password"]:FOCUS{
	background: #FFFFFF}
.loginform label{
	font-size: 26px;}
.loginform input[type="submit"]{
	font-size: 20px;
	background: #F6BB42;
	color: black;;
	width: 100%;
	height: 50px;
	padding: 5px;
	border: 0px;
	cursor: pointer;
	border-radius: 4px;
	margin-bottom: 20px;}
.loginform input[type="button"]:hover{
	background: #FFCD00;}
.discount_errors{
	min-height: 28px;
	}
	
.dialog_input{
	width: 100%;
	height: 25px;
	border-radius:4px !important;
	border:1px solid #888888 !important;
	font-size: 11pt !important;
	padding:0px 0px 0px 5px !important;
	font-weight:normal !important;
	margin:1px 0px 1px 0px !important;
	color:black !important;
}

.dialog_select{
	width: 100%;
	height: 25px;
	border-radius:4px !important;
	border:1px solid #888888 !important;
	font-size: 11pt !important;
	padding:0px 0px 0px 5px !important;
	font-weight:normal !important;
	color:black !important;
}
.dialog_label{
	width:100%;
	height:25px;
	font-size:11pt !important;
	text-align: left;
	color:#67809F !important;
	font-weight:bold;
}
.dialog_label_default{
	height:25px;
	font-size:11pt !important;
}
.dialog_table_default tr{
	background:transparent !important;
}

.dialog_checkbox{
    display:none;
}

.dialog_checkbox + label {
    color:#f2f2f2;
}

.dialog_checkbox + label{
    display:inline-block;
    width:23px;
    height:25px;
    vertical-align:middle;
    background:url(images/check_false.png) no-repeat;
	background-size: 100%;
    cursor:pointer;
	margin:1px 5px 1px 0px !important;
}

.dialog_checkbox:checked + label{
    background:url(images/check_true.png) no-repeat;
	background-size: 100%;
	min-height: 25px;
}

.dialog_radio {
    display:none;
}

.dialog_radio + label {
    color:#f2f2f2;
    /*font-family:Arial, sans-serif;*/
}

.dialog_radio + label{
    display:inline-block;
    width:19px;
    height:19px;
    vertical-align:middle;
    background:url(images/radio_false.png) no-repeat;
	background-size: 100%;
    cursor:pointer;
	margin:1px 10px 1px 5px !important;
}

.dialog_radio:checked + label{
    background:url(images/radio_true.png) no-repeat;
	background-size: 100%;
}

.dialog_radio:disabled + label{
    opacity: 0.2;
}

.ui-dialog-titlebar {
	text-align:center !important;
}
.ui-dialog-title{
	font-size:16pt !important;
	font-weight:bold !important;
}
.cardDiscountClass{
	background:gray !important;
}

.invoice_clients_table thead tr th{
	text-align:center !important;
}

.discount_table thead tr th{
	text-align:left !important;
}
/*===============================================================================*/
.assigned-shedule-day{
	width:31.333%;
	margin:1%;
	float:left;
	height: auto;
	min-width:365px;
}

.assigned-shedule-day-time{
	width:96%;
	margin: 5px 2% 0px 2%;
	border:2px solid grey;
	border-radius:5px;
	height:30px;
}

#assigned-shedule-days{
	overflow:auto;
}

.two-row-div{
	width:0px;
	height:0px;
	background:grey;
	float:left;
}

.three-row-div{
	width:100%;
	height:1px;
	background:grey;
	float:left;
}

.select-button{
	background:#F1F1F1;
}

@media screen and (max-width: 1200px) {
	.assigned-shedule-day{
		width:48%;
	}
	
	.two-row-div{
		width:100%;
		height:1px;
	}
	
	.three-row-div{
		width:0px;
		height:0px;
	}
}

@media screen and (max-width: 790px) {
	.assigned-shedule-day{
		width:98%;
	}
	
	.two-row-div{
		width:0px;
		height:0px;
	}
	
	.three-row-div{
		width:0px;
		height:0px;
	}
}

.call-row:hover{
	text-weight:bold;
}

.orders-filter-div{
	height:35px;
	float:left;
	margin-left:5px;
}

.orders-filterLabel{
	width:100%;
	height:15px;
	line-height:15px;
	font-size:12pt !important;
	text-align: center;
	color:#67809F !important;
	font-weight:bold;
}

.orders-filter_input{
	width:100%;
	font-size:11pt !important;
	height:20px;
	text-align:center;
	float:left;
}

.orders-dialog_checkbox{
    display:none;
}

.orders-dialog_checkbox + label {
    color:#f2f2f2;
}

.orders-dialog_checkbox + label{
    display:inline-block;
    width:17px;
    height:15px;
    vertical-align:middle;
    background:url(images/check_false.png) no-repeat;
	background-size: 100%;
    cursor:pointer;
	margin:1px 5px 1px 0px !important;
}

.orders-dialog_checkbox:checked + label{
    background:url(images/check_true.png) no-repeat;
	background-size: 100%;
}

.tab-a-class{
	height:25px;
	font-size: 14pt !important;
    line-height: 25px !important;
}

div.ColVis {
	margin-bottom:2px;
}

.ColVis_collection{
	height: 300px;
    overflow: auto !important;
}