.logout,#search{
  display:none;
}


.mobilegone{ display: none; }
.mobilehere{ display: block; }

.container{
  margin:0 5px 0 5px;
}

#header #nav{
  clear:both;
  position:absolute;
  left:0;
  top:55px;
  width:100%;
  text-shadow: none;
  z-index: 99;
  padding-bottom: 15px;
}

#header #nav a{
  display:block;
  color: #FFFFFF;
  margin-right: 0;
  background-color:#403260;
  border-top: 1px solid #FFF;
  font-size: 16px;
  line-height: 16px;
  padding: 15px 10px;
}

#header #nav a:hover{
  color: #CED1DF;
}
#header #nav .current{
  color: #CCCCCC;
}













#mobilenav {
  width: 45px;
  height: 35px;
  position: absolute;
  right:10px;
  top:10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#mobilenav span {
  display: block;
  position: absolute;
  height: 5px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#mobilenav span:nth-child(even) {
  left: 50%;
}

#mobilenav span:nth-child(odd) {
  left:0px;
}

#mobilenav span:nth-child(1), #mobilenav span:nth-child(2) {
  top: 5px;
}

#mobilenav span:nth-child(3), #mobilenav span:nth-child(4) {
  top: 15px;
}

#mobilenav span:nth-child(5), #mobilenav span:nth-child(6) {
  top: 25px;
}

#mobilenav.open span:nth-child(1),#mobilenav.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#mobilenav.open span:nth-child(2),#mobilenav.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#mobilenav.open span:nth-child(1) {
  left: 5px;
  top: 8px;
}

#mobilenav.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 8px;
}

#mobilenav.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#mobilenav.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#mobilenav.open span:nth-child(5) {
  left: 5px;
  top: 21px;
}

#mobilenav.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 21px;
}


.homecontent{
  margin-right: 0;
}
#todo, #recently_viewed{
  float: none;
  width: 100%;
  margin-bottom: 40px;
}

.three_cols{
  width: 100%;
  float: none;
}

#buttons, .buttons{
  float: none;
  width:100%;
  text-align: left;
  min-width: 100%;
}

#buttons a, .buttons a{
  margin-left: 0;
  display:block;
  margin-bottom: 10px;
  padding: 10px;
  background-color:#f1f1f1;
  border: 1px solid #CCC;
}


.settingslink{
  box-sizing:border-box;
  padding: 10px;
  width: 45%;
  height: 200px;
  margin: 0 5% 20px 0;
}
.settingslink img{
  width: 80px;
}

.copy, .totop{
  display:block;
  float: none;
  width: 100%;
  text-align:center;
}


.desktopgone{
  display:block;
}

#nav .input{
  width: 100%;
  box-sizing:border-box;
  padding: 15px;
  text-align:center;
  border-radius:0;
  border-bottom: 15px solid #403260;
}



.schedule{
  flex-wrap:wrap;
}
.schedule .day{
  flex:auto;
  width:100%;
  margin-right: 0;
  border:0;
}

.schedule .day .daytitle{
  height: auto;
  margin-top: 15px;
  margin-bottom: 5px;
}
.schedule .day .time{
  display: none;
}


.schedule .booking{
  position:static;
  opacity:1;
  height: auto !important;
  margin-bottom: 5px;
}
.schedule .booking.resolved{
  opacity:.5;
}
.schedule .booking:hover{
  opacity: 1;
  transition:.3s opacity;
  z-index:9;
}

.schedule .booking .starttime{
  width: 25%;
  font-size: 13px;
}
.schedule .booking .details{
  width: 75%;
}
.schedule .booking .address{
  display:block;
  font-size: 1px;
  padding-top: 5px;
}

.schedule .booking.filter{ background-color: #B20000; }
.schedule .booking.service{ background-color: #008C00; }
.schedule .booking.quote{ background-color: #A300D9; }
.schedule .booking.installation{ background-color: #B2B200; }