@CHARSET "UTF-8";

html, body{
	background-color: #EEEEEE;
    color: #3C4858;
}
html{
    position: relative;
    min-height: 100%;
}
body {
	margin-bottom: 60px;
}

body > .container,
body > .container-fluid{
	padding-top: 70px;
}
.text-xl{
	font-size: 2em;
}
.text-lg{
	font-size: 1.5em;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #233879;
}

#main-date{
	border: none;
	background-color: transparent;	
	font-size: 1.5em;
	color: #337ab7;
	font-weight: bold;
}

#checkin-map{
	background-color: #666666;
	min-height: 240px;
	color: #FFFFFF;
	text-align: center;
	line-height: 240px;
	margin: 1em 0;
}



.img-responsive {
  display: display;
  height: auto;
  max-width: 100%;
  margin: auto;
}


.panel {
  border-radius: 2px;
  border: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.panel > .panel-flat-header{
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 10px;
}

.panel > .panel-heading,
.panel.panel-default > .panel-heading {
  background-color: #666666;
  color: #EFEFEF;
}
.panel.panel-inverse > .panel-heading {
  background-color: #3f51b5;
}
.panel.panel-primary > .panel-heading {
  background-color: #009688;
}
.panel.panel-success > .panel-heading {
  background-color: #4caf50;
}
.panel.panel-info > .panel-heading {
  background-color: #03a9f4;
}
.panel.panel-warning > .panel-heading {
  background-color: #ff5722;
}
.panel.panel-danger > .panel-heading {
  background-color: #f44336;
}
[class*="panel-"] > .panel-heading {
  color: rgba(255,255,255, 0.84);
  border: 0;
}
.panel-default > .panel-heading,
.panel:not([class*="panel-"]) > .panel-heading {
  color: rgba(0,0,0, 0.87);
}
.panel-footer {
  background-color: #ffffff;
}

.pagination {
    margin: 5px 0;
}

.panel-header {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.input-group-addon {
    min-width:8em;
    text-align:left;
    font-size: 0.9em;
}
.affix{
	top: 51px;
	z-index: 10;
}
.affix-top{
}

#change-log tr td{
	vertical-align: middle;
}

.breadcrumb .dropdown-menu li {
  display: block;
}

#checkin-table tr.date-separator td{
	border-top: 2px solid #aaa;
}

#manage-ipad_log .proc-group.active{
	margin: 1em 0;
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
    border-radius: 4px
}

#manage-ipad_log .proc-group label{
	color: #3C4858;
}

#manage-ipad_log .proc-group.active label{
	color: #A94442;
}

#guest-checkin #ipads{
	font-size: 1.5em;
}
#guest-checkin #ipads span{
	margin: 0.5em;
	display: inline-block;
}
#guest-checkin #ipads span a{
	color: #ffffff;
}

table#checkin-table .label{
	font-weight: normal;
	font-size: 100%;
}

.badge.badge-danger{
    color: #FFFFFF;
    background-color: #A94442;
}

.modal-empty>.modal-content{
	border: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-inverse{
	background-color: #233879;
    border-color: #233879;
}

.navbar-inverse .navbar-nav>li>a{
	color: #3DB7E4;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
	background-color: #1c306d;
}

#search-tool.checkin-all-list label{
	margin-right: 1em;
	
}

#account-panel{
	position: fixed;
	top: 60px;
	right: 0px;
	z-index: 100;
	
}
#account-panel .toggler a{
	display:block;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0.5em;
	opacity: 0.4; 
	border-radius: 10px 0 0 10px;
}
#account-panel .content{
	display: none;
}