*, *:before, *:after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}


/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}
.row {
	margin:5px;
}

/* Style the container */
.container {
  border-radius: 5px;
  /*background-color: #f2f2f2;*/
  padding: 3px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}
.mytbl td, table th{
	border:none !important;
	padding:0 !important;
	font-size:16px !important;
}
table .ftl a {
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 26%;
    color: #666;
    text-align: center;
    font-size: 11px;
	text-decoration:none !important;
	border:1px solid #a7a7a7;
}
table .ftl a:hover{
	background-color:#2dc492;
	color:#fff;
}
.ftl {
	float:left;
	margin:-4px 4px;
}
.fll {
	float:left;
}
.flr {
	float:right;
}
.wh50{
	width:50%;
}
.wh48{
	width:48%;
}
.selected {
	background-color:#2dc492;
	color:#fff !important;
}
fieldset {
	border: 1px solid !important;
    border-color: #e4e8ea !important;
}
.hide {
	display:none !important;
}
.changefilters {
	color:#1313cc;
	cursor:pointer;
	font-size:17px;
	float:right;
	border: 1px solid;
    border-color: #d6d9d9;
    margin-right: 2px;
}
/* The alert message box */
.alert {
  padding: 20px;
  background-color: #4CAF50; /* Red */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}
.unavailable {
	background-color:#9E9E9E;
	cursor:not-allowed;
}
.admunavailable {
	background-color:#9E9E9E;
	cursor:pointer;
}
.unavailable a:hove{
	background-color:red;
}
