body.cl-body #page{
  min-height: calc(100% - 130px);
  margin-top: 80px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: 					#5e5e5e;
  background-color: 		rgba(33,33,33,1);
}
.navbar {
  background-color: rgba(33,33,33,1);
}
/*
@media (min-width: 992px) {
	body:not(.B1) .body-background {
		background-image: url('../images/body-bg.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		position: fixed;
		width: 100%;
	}
}
*/
.login {
    width: 							425px;
    background-color: 				rgba(17,17,17,0.75);
    box-shadow: 					0 0 9px 0 rgba(0, 0, 0, 0.2);
    margin: 						200px auto;
    box-shadow: 0px 0px 3px 3px rgba(123,6,23,1);
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
}

.login h1 {
    text-align: 					center;
  width:							100%;
    color: 							rgba(255,255,255,1);
    font-size: 						24px;
    padding: 						20px 0 10px 0;
  margin:							0px;
}

.login form {
    display: 						flex;
    flex-wrap: 						wrap;
    justify-content: 				center;
    padding-top: 					0px;
}


.login form input[type="password"], .login form input[type="text"] {
    width: 							calc(100% - 120px);
    height: 						50px;
    border: 						1px solid #dee0e4;
    background-color: rgba(240,240,241,1);
    margin-bottom: 					20px;
    padding: 						0 15px;
}

.login form input[type="submit"] {
    width: 							calc(100% - 90px);
    padding: 						15px;
   margin-top: 					10px;
  margin-bottom:					20px;
    background-color: 				rgba(123,6,23,1)
    ;
    border: 						0;
    cursor: 						pointer;
    font-weight: 					bold;
    color: 							#ffffff;
    transition: 					background-color 0.2s;
}

.login form input[type="submit"]:hover {
  background-color: 				rgba(123,6,23,10.75);
    transition: 					background-color 0.2s;
}

.login-logo {
    position:relative;
    padding: 20px 20px 0px 20px;
    text-align:center;
}
.login-logo img {
    height: 90px;
}

.customer {
  overflow:hidden;
  position: relative;
  background-color: rgba(255,255,255,0.75);
}

.customerHint1,
.customerHint2 {
  font-size: 15px;
  line-height: 1.25em;
  margin-top: 5px;
}

.hintLabel {
  width: 100px;
  display: inline-block;
}

.hintInput {
  width: calc(100% - 110px);
  display: inline-block;
  float: right;
  border: 1px solid #cccccc;
}

#formModal .modal-content {
	position: 				relative;
	padding:				0px;
	margin:					0px;
	top:					30%;
	left:					50%;
	transform:				translate(-50%, -30%);
	display:				inline-block;
	width:					calc(100% - 40px);
	max-width: 				360px;
  height: auto;
}

#formModal .modal-content .formModal-header {
	margin:					0;
	padding:				0;
	background-color:		#93bf1c;
	color:					#ffffff;
	position:				relative;
}
#formModal .modal-content .formModal-header h3 {
	margin: 				0;
    text-align: 			center;
    font-size: 				18px;
	line-height: 			43px;
	position:				relative;
}
#formModal .modal-content .formModal-header .close {
	position:				absolute;
	bottom:					unset;
	left:					unset;
	top:					0;
	float:					none;
	right:					15px;
	color:					#ffffff;
}
#formModal .modal-content .formModal-header .close:hover {
	position:				absolute;
	bottom:					unset;
	left:					unset;
	top:					0;
	float:					none;
	right:					15px;
	color:					#cccccc;
}
#formModal .modal-content .alert-content {
	font-size:				16px;
	line-height:			1.5em;
	font-weight:			normal;
	padding:				15px 10px;
  text-align: center;
}
#formModal.modal {
  padding-top: 0px;
}
#formModal .modal-content .formModal-header .modal-title {
	margin: 				0;
    text-align: 			center;
    font-size: 				18px;
	line-height: 			43px;
	position:				relative;
}
input[readonly] {
  background-color: #f2f2f2;
}

@media screen {
  .porder-table .table-1-tr > td {
    padding: 1rem;
  }
  .table-2 {
    background-color: rgba(255,255,255,1);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
  }
  .first-td {
    background-color: rgba(255,255,255,1);
    padding:0 !important;
  }
  .dayname-td {
    background-color: rgba(242,242,242,1);
    text-align: center;
  }
}

.dateHint {
  width: 100%;
  position: relative;
  border: 1px solid #cccccc;
}