@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	text-align: center;
	font-family: Roboto,Helvetica Neue,Arial,sans-serif;
	font-size: 12px;
	background-color: #f9fafc;
    background-image: url("../img/background01.jpg");
    background-size: cover;
}

/* Notice */

.welcome {
z-index: 8000;
background-color: #21cf13;
height: 30px;
width: 400px;
right: 10px;
position: absolute;
padding: 10px;
top: 0px;
margin-top: 80px;
margin-right: 20px;
margin-bottom: 0px;
font-size: 14px;
color: #fff;
border-radius: 20px;
}

.error {
z-index: 8000;
background-color: #eb0617;
height: 30px;
width: 400px;
right: 10px;
position: absolute;
padding: 10px;
top: 0px;
margin-top: 80px;
margin-right: 20px;
margin-bottom: 0px;
font-size: 14px;
color: #fff;
border-radius: 20px;
}

/* Date Container */

.filter-container {
  z-index: 99999;
  position: fixed;
  height: 30px;
  width: 600px;
  right: 10px;
  padding: 10px;
  top: 0px;
  margin-right: 20px;
  max-width: 600px;
  text-align: right;
  color: #ffffff;
  opacity: .7;
  font-size: 20px;	
}

/* Sidebar */

.sidebar {
	z-index: 99998;
	position: fixed;
	background-color: #1e2028;
	height: 100%;
	width: 60px;
	left: 0px;
	position: fixed;
	padding: 0px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	box-shadow: 5px 0 10px -5px #52545c;
}
.sidebar_icons {
	color:#e9edf2;
	opacity: .7;
	font-size: 20px;
	width: 60px;
}
.table_icons {
	color:#ccc;
	opacity: .7;
	font-size: 20px;
}
.table_icons_active {
	font-size: 20px;
}
.table_icons_active_green {
	color:#04e004;
	opacity: .7;
	font-size: 20px;
}
.table_icons_active_grey {
	color:#333333;
	opacity: .7;
	font-size: 20px;
}
.table_icons_active_red {
	color:#F00;
	opacity: .7;
	font-size: 20px;
}
.table_icons_active_red {
	color:#F00;
	opacity: .7;
	font-size: 20px;
}
.table_icons_active_lightblue {
	color:#00ccff;
	opacity: .7;
	font-size: 20px;
}
.table_icons_active_yellow {
	color:#eaec1e;
	opacity: .7;
	font-size: 20px;
}
.table_icons_active_big {
	color:#000;
	opacity: .7;
	font-size: 30px;
}
.table_icons_active_big a {
	color:#000;
	opacity: .7;
	font-size: 30px;
}
.table_icons_active_xxl {
	color:#000;
	opacity: .7;
	font-size: 200px;
}
.icons_link {
	color:#e9edf2;
}
a.icons_link:visited {
	color:#e9edf2;
}
a.icons_link:active {
	color:#e9edf2;
}
.sidebar_logout {
	color:#e9edf2;
	opacity: .7;
	font-size: 20px;
	width: 60px;
	margin-top: 40px;
	position: absolute;
	bottom: 40px;
}

/* Header */

.header {
  z-index: 99997;
  position: fixed;
  left: 0;
  top: 0;
  margin-left: 60px;
  width: 100%;
  height: 60px;
  background-color: #2264b0;
}
.page-info-btn {
  margin-left: 20px;
  margin-top: 15px;
  max-width: 500px;
  text-align: left;
  color: #ffffff;
  opacity: .7;
  font-size: 20px;
}

/* Breadcrumb */

.breadcrumb {
  z-index: 99997;
  position: relative;
  left: 0;
  top: 100px;
  margin-left: 60px;
  margin-right: 60px;
  width: 100%;
  height: 60px;
  font-size: 21px;
  text-align: center;
}
.breadcrumb_line {
  border-image: linear-gradient(90deg,#f05a28 30%,#fbca0a 99%);
  border-image-slice: 1;
  border-style: solid;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top: 0; 
  border-right: 0;
  border-left: 0;
  border-bottom-width: 1px;
  padding: 8px 8px 2px;
}

/* Main */

.main {
  margin-top: 80px;
  margin-bottom: 200px;
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

/* Footer */

.footer {
  z-index: 99999;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  background-image: url(../img/background_login.jpg);
}

.footer_text {
	font-size: 12px;
	color: #d8d9da;
}
.footer_text a{
	font-size: 12px;
	color: #d8d9da;
}

.footer_text_green {
	font-size: 12px;
	color: #04FF04;
}

/* Dashboard */

.dashboard_box {
  padding: 20px;
  background: #eee;
}

.dashboard_text_headline_box {
  font-size: 14px;
  text-align: left;
  color: #52545c;
}

.dashboard_table_td {
  font-size: 14px;
  text-align: left;
  color: #52545c;
  background-color: #dee5ed;
  text-decoration: none;
}

.dashboard_table_td a{
  font-size: 14px;
  text-align: left;
  color: #52545c;
  background-color: #dee5ed;
  text-decoration: none;
}

/* Table */

.table_td {
  font-size: 14px;
  text-align: left;
  color: #52545c;
  background-color: #dee5ed;
  text-decoration: none;
}
.table_td:hover {
  font-size: 14px;
  text-align: left;
  color: #52545c;
  background-color: #efefef;
  text-decoration: none;
}
.table_td_darkred {
  font-size: 14px;
  text-align: left;
  color: #ffffff;
  background-color: #990000;
  text-decoration: none;
}
.table_td_darkred:hover {
  font-size: 14px;
  text-align: left;
  color: #ffffff;
  background-color: #990000;
  text-decoration: none;
}
.table_td_green {
  font-size: 14px;
  text-align: left;
  color: #ffffff;
  background-color: #00cc00;
  text-decoration: none;
}
.table_td_green:hover {
  font-size: 14px;
  text-align: left;
  color: #ffffff;
  background-color: #00cc00;
  text-decoration: none;
}
.table_td_lightblue {
  font-size: 14px;
  text-align: left;
  color: #000000;
  background-color: #00ccff;
  text-decoration: none;
}
.table_td_lightblue:hover {
  font-size: 14px;
  text-align: left;
  color: #000000;
  background-color: #00ccff;
  text-decoration: none;
}
.table_open {
  font-size: 14px;
  text-align: left;
  color: #fff;
  background-color: #F00;
  text-decoration: none;
}
.table_open:hover {
  font-size: 14px;
  text-align: left;
  color: #52545c;
  background-color: #efefef;
  text-decoration: none;
}
.table_paid {
  font-size: 14px;
  text-align: left;
  color: #fff;
  background-color: #0C0;
  text-decoration: none;
}
.table_paid:hover {
  font-size: 14px;
  text-align: left;
  color: #52545c;
  background-color: #efefef;
  text-decoration: none;
}
.table_booked {
  font-size: 14px;
  text-align: left;
  color: #fff;
  background-color: #0CF;
  text-decoration: none;
}
.table_booked:hover {
  font-size: 14px;
  text-align: left;
  color: #52545c;
  background-color: #efefef;
  text-decoration: none;
}
.table_partpayment {
  font-size: 14px;
  text-align: left;
  color: #52545c;
  background-color: #FF6600;
  text-decoration: none;
}

/* Text */

.info_text_grey {
  font-size: 14px;
  color: #52545c;
}
.text_td {
  font-size: 12px;
  color: #52545c;
}
.text_td_red {
  font-size: 12px;
  color: #c54720;
}
.text_headline {
  font-size: 16px;
  color: #52545c;
  text-decoration: none;
}
.text_headline_small {
  font-size: 14px;
  color: #52545c;
  text-decoration: none;
}
.text_headline_h1 {
  font-size: 24px;
  color: #52545c;
}
.text_td_box_30 {
  font-size: 36px;
}

/* Buttons */
.btn_icon_white {
  background-color: #f9fafc;
  border: none; /* Remove borders */
  color: #333; /* White text */
  font-size: 24px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn_icon_white:hover {
  background-color: #f9fafc;
  border: none; /* Remove borders */
  color: #333; /* White text */
  font-size: 24px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}
.btn_icon {
  background-color: #dee5ed;
  border: none; /* Remove borders */
  color: #333; /* White text */
  font-size: 18px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn_icon:hover {
  background-color: #efefef;
  border: none; /* Remove borders */
  color: #333; /* White text */
  font-size: 18px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}
.btn {
    box-shadow: inset 0 1px 0 
    rgba(255,255,255,0.2);
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid
	transparent;
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn_send_green_orders {
	font-size: 11px;
	color: #000;
	background-color: #04e004;
	height:35px;
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_green_orders_big {
	font-size: 11px;
	color: #000;
	background-color: #04e004;
	height:35px;
	width:250px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_blue_orders {
	font-size: 11px;
	color: #fff;
	background-color: #2264b0;
	height:35px;
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_yellow_orders {
	font-size: 11px;
	color: #000;
	background-color: #f8bf3f;
	height:35px;
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_green_orders {
	font-size: 11px;
	color: #000;
	background-color: #04e004;
	height:35px;
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_grey_orders {
	font-size: 11px;
	color: #fff;
	background-color: #333;
	height:35px;
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_orange_orders {
	font-size: 11px;
	color: #000;
	background-color: #ef8e1b;
	height:35px;
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_red_orders {
	font-size: 11px;
	color: #fff;
	background-color: #ed380e;
	height:35px;
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_lightblue_orders {
	font-size: 11px;
	color: #fff;
	background-color: #00ccff;
	height:35px;
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_green {
	font-size: 11px;
	color: #000;
	background-color: #04FF04;
	height:25px;
	width:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_grey {
	font-size: 11px;
	color: #000;
	background-color: #cccccc;
	height:25px;
	width:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_send_blue {
	font-size: 11px;
	color: #fff;
	background-color: #2465ca;
	height:25px;
	width:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn_remove {
	font-size: 11px;
	color: #fff;
	background-color: #2465ca;
	height:25px;
	width:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn-danger {
    color: #fff;
    background-color:#d9534f;
	border-color: #d43f3a;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.btn-check {
    color: #fff;
    background-color:#04FF04;
	border-color: #07b807;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.btn-new {
	font-size: 16px;
    color: #fff;
    background-color:#04FF04;
	height:30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Icons */

.icon_green {
   color: #04FF04;
}
.icon_red {
   color: red;
}
.icon {
   color:#e9edf2;
}
.icon_orange {
   color:#FF6600;
}
.icon_search {
   float: right;
   margin-left: 20px;
   margin-top: -20px;
   position: relative;
   z-index: 2;
   color: red;
}

/* Textfield */
#search {
	font-size: 14px;
	color: #52545c;
	background-color: #dee5ed;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 253px;
}
.textbox_600 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 200px;
	width: 600px;
}
.textbox_800 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 200px;
	width: 800px;
}
.textbox_250 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 200px;
	width: 250px;
}
.textfield_250 {
	font-size: 14px;
	color: #52545c;
	background-color: #dee5ed;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 253px;
}
.textfield_400 {
	font-size: 14px;
	color: #52545c;
	background-color: #dee5ed;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 400px;
}
.leader_list {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 600px;
}
.leader_list_250 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 250px;
}
.leader_list_350 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 350px;
}
.search {
	font-size: 14px;
	color: #52545c;
	background-color: #dee5ed;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 250px;
}
.textfield_white_20 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 30px;
}
.textfield_white_50 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 50px;
}
.textfield_white_70 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 70px;
}
.textfield_white_250 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 253px;
}
.textfield_white_600 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 603px;
}
.textfield_white_250_right {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 253px;
	text-align: right;
}
.textfield_white_400 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 400px;
}
.textfield_white_800 {
	font-size: 14px;
	color: #52545c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 35px;
	width: 800px;
}

/* Select */
#limit{
	color: #52545c;
	background-color: #fff;
	border: thin dotted #fff;
	font-size: 14px;
	width: 80px;
	height: 35px;
}
.select_250 {
	color: #52545c;
	background-color: #dee5ed;
	border: thin dotted #CCC;
	width: 250px;
}
.select_white_250 {
	color: #52545c;
	background-color: #fff;
	border: thin dotted #fff;
	width: 250px;
}
.setYEAR {
	color: #52545c;
	background-color: #fff;
	border: thin dotted #fff;
	font-size: 14px;
	width: 80px;
	height: 35px;
}
.setMONTH {
	color: #52545c;
	background-color: #fff;
	border: thin dotted #fff;
	font-size: 14px;
	width: 120px;
	height: 35px;
}
.setROWS {
	color: #52545c;
	background-color: #dee5ed;
	border: thin dotted #CCC;
	width: 50px;
	height: 35px;
}


/* Notification */
.not_info {
   color:#FF6600;
   font-size: 20px;
}
.not_header {
   color:#52545c;
   font-size: 16px;
}
.not_place {
   color:#FF6600;
   font-size: 14px;
}
.not_text {
   color:#52545c;
   font-size: 12px;
}

/* td BOXES */

.td_box_red {
  font-size: 20px;
  color: #FFF; 
  background-color: #F00;
}
.td_box_green {
  font-size: 20px;
  color: #FFF; 
  background-color: #0C0;
}
.td_box_blue {
  font-size: 20px;
  color: #FFF; 
  background-color: #0CF;
}
.td_box_darkblue {
  font-size: 18px;
  color: #FFF; 
  background-color: #2264b0;
}
.td_box_grey {
  font-size: 20px;
  color: #52545c;
  background-color: #CCC;
}
.td_box_darkgrey {
  font-size: 20px;
  color: #FFF;
  background-color: #333333;
}
.td_box_yellow {
  font-size: 20px;
  color: #52545c;
  background-color: #e2fb55;
}
.td_box {
  font-size: 20px;
  color: #52545c;
  background-color: #dee5ed;
}

/* Lines */

.line_bottom_grey {
	border-bottom-color: #52545c;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.line_bottom_grey_active {
  border-bottom: 5px;
  border-bottom-color: #52545c;
  border-bottom-style: solid;
}

/* Barcode */

.barcode_text {
  font-family: 'VT323', monospace;
  font-size: 9px;
  color: #52545c;
}


/* Dotted Boxes */

.dotted_box_green
{
    border-style: dotted;
    border-color: green
}
.dashed_box_red
{
    border-style: dashed;
    border-color: red
}