*{
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html,body{
  width: 100%;
  height:100%;
  position:fixed;
  /*transform:scale3d(1,1,1);*/
}
body {
  font: 14px Helvetica, Arial, sans-serif;
  margin: 0;
  /*overflow: hidden;*/
  /*overflow-y: hidden;*/
}

/*body.offline #app{
  display:none;
}
body.offline #status{
  display:block;
}*/

.unselectable{-webkit-user-select: none;}
.selectable{-webkit-user-select: initial; cursor: text;}
.busy{
  /*filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");*/
  -webkit-filter: grayscale(100%);
  pointer-events: none;
}
.busy .content{
  opacity: 0.35;
}

a{text-decoration: none;}
*:focus {
  outline: none;
  /*outline: 5px auto -webkit-focus-ring-color;*/
  /*outline-offset: -2px;*/
}

.text-alt{color:hotpink;}
.text-white{color:white;}
.text-yellow{color:yellow;}
.text-align-right{text-align:right;}
.text-align-center{text-align:center;}
.text-small{font-size:small;}

p{
  margin:0;
  line-height: 1.5em;
}

section#app{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  overflow-y: hidden;
}

#top-nav-bar{
  top: 0;
  height: 42px;
  background: #444;
  color: #eee;
  z-index: 99
}

#top-nav-bar .caption{
  font-size: 16px;
  padding: 0 15px;
}
#top-nav-bar .status{
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: right 2px top 3px;
  font-size: 9.5px;
  line-height: 1.2em;
  margin-right: 10px;
  min-width: 47%;
  width: 47%;
  max-width: 47%;
  padding-right: 28px;
  text-align: right;
}
body.downloading #top-nav-bar .status{
  background-image:url('data:image/gif;base64,R0lGODlhyADIAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0REI2NjU4MzM2RjcxMUU2OTlENkYyMkM0NzM1QjNFMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0REI2NjU4NDM2RjcxMUU2OTlENkYyMkM0NzM1QjNFMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjREQjY2NTgxMzZGNzExRTY5OUQ2RjIyQzQ3MzVCM0UxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjREQjY2NTgyMzZGNzExRTY5OUQ2RjIyQzQ3MzVCM0UxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/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');
}
body.uploading #top-nav-bar .status{
  background-image:url('data:image/gif;base64,R0lGODlhyADIAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0REI2NjU4NzM2RjcxMUU2OTlENkYyMkM0NzM1QjNFMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0REI2NjU4ODM2RjcxMUU2OTlENkYyMkM0NzM1QjNFMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjREQjY2NTg1MzZGNzExRTY5OUQ2RjIyQzQ3MzVCM0UxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjREQjY2NTg2MzZGNzExRTY5OUQ2RjIyQzQ3MzVCM0UxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/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');
}

#top-nav-bar a.menu-button{
  /*background: #444;*/
  padding: 0;
  line-height: 45px;
  font-size: 28px;
  height: 42px;
  width: 42px;
  text-align: center;
  margin-left:-10px;
}
#top-nav-bar a:not(.open).menu-button:active{
  background: #222;
}
#top-nav-bar a.menu-button > ul{
  position: fixed;
  top: 0;
  right: 0;
  bottom:100%;
  left: 0;
  margin-top: 42px;
  background: #444;
  background: rgba(0,0,0,0.732);
  pointer-events: none;
  overflow: hidden;
  transition:bottom .3s;
  -webkit-backdrop-filter: blur(10px);
  /*-webkit-backdrop-filter: blur(16px) grayscale(50%);*/
}
#top-nav-bar a.menu-button.open > ul{
  bottom:0;
  pointer-events: initial;
}
#top-nav-bar a.menu-button > ul > li:first-child{
  border-top:1px solid rgba(255,255,255,0.2);
}
#top-nav-bar a.menu-button > ul > li{
  text-align: left;
  font-size: 14px;
  padding:0px;
  border-bottom:1px solid rgba(255,255,255,0.2);
  display: flex;
  align-items: stretch;
}
#top-nav-bar a.menu-button > ul > li:empty{
  min-height: 60px;
}
#top-nav-bar a.menu-button > ul > li > a{
  flex-grow: 1;
  display: flex;
  align-items: center;
  line-height: 42px;
}
#top-nav-bar a.menu-button > ul > li i{
  display: inline-block;
  text-align: center;
  width:36px;
  font-size: 15px;
  margin-left: 2px;
}
#top-nav-bar a.menu-button > ul > li > button{padding: 1px 3px;margin:0;background: tomato}
#top-nav-bar a.menu-button > ul > li > button:active,
#top-nav-bar a.menu-button > ul > li > a:active{
  background: #666;
}
/*#top-nav-bar a.menu-button:focus > ul{
  opacity:1;
}*/

#gui-layer{
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  height: calc(100% - 42px);
}

.busy-overlay{
  position: relative;
  top: 42px;
  left: 0;
  background-color: white;
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.busy-overlay:after{
  content:'';
  width:100px;height:100px;
  position:relative;
  margin:80px auto;
  display: block;
  background-image : url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2Utd2lkdGg9IjM2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuODc1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MCw1MCkgc2NhbGUoMC43NSkiPjxsaW5lIHgxPSIyMDAiIHgyPSIyMDAiIHkyPSIxMDAiIGlkPSJzdmdfMiIgc3Ryb2tlLW9wYWNpdHk9IjAuOCIvPjxsaW5lIHgxPSIyNzAuNyIgeTE9IjEyOS4zIiB4Mj0iMzQxLjQiIHkyPSI1OC42IiBpZD0ic3ZnXzMiIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz48bGluZSB4MT0iMzAwIiB5MT0iMjAwIiB4Mj0iNDAwIiB5Mj0iMjAwIiBpZD0ic3ZnXzQiIHN0cm9rZS1vcGFjaXR5PSIwLjIiLz48bGluZSB4MT0iMjcwLjciIHkxPSIyNzAuNyIgeDI9IjM0MS40IiB5Mj0iMzQxLjQiIGlkPSJzdmdfMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIvPjxsaW5lIHgxPSIyMDAiIHkxPSIzMDAiIHgyPSIyMDAiIHkyPSI0MDAiIGlkPSJzdmdfMiIgc3Ryb2tlLW9wYWNpdHk9IjAuNCIvPjxsaW5lIHgxPSIxMjkuMyIgeTE9IjI3MC43IiB4Mj0iNTguNiIgeTI9IjM0MS40IiBpZD0ic3ZnXzMiIHN0cm9rZS1vcGFjaXR5PSIwLjUiLz48bGluZSB5MT0iMjAwIiB4Mj0iMTAwIiB5Mj0iMjAwIiBpZD0ic3ZnXzIiIHN0cm9rZS1vcGFjaXR5PSIwLjYiLz48bGluZSB4MT0iMTI5LjMiIHkxPSIxMjkuMyIgeDI9IjU4LjYiIHkyPSI1OC42IiBpZD0ic3ZnXzMiIHN0cm9rZS1vcGFjaXR5PSIwLjciLz48L2c+PC9zdmc+');
  background-size: 100%;
  background-repeat: no-repeat;
  animation: spin 1s infinite steps(8);
}

.hide{display:none;}

.center-block{display: block;margin-left:auto;margin-right:auto;}

.header{
  margin: 0;
  display: flex;
  align-items: center;
  color:white;
  font-weight: normal;
  min-height: 38px;
  padding: 0 15px;
  background: hotpink;
  line-height: 1em;
  overflow: hidden;
  position: relative;
}
.header .main-header-button{
  position: relative;
  vertical-align: -webkit-baseline-middle;
  display: flex;
  min-height: 38px;
  font-size: 14px;
  align-items: center;
  padding: 0 10px 0 5px;
  margin: 0 0 0 -15px
}
.header .main-header-button:active{opacity:0.5;}
.header .main-header-button.back:before{
  content:'❮';
  font-size:22px;
  padding: 0 10px 0 10px;
}
.header .main-header-button.close:before{
  content:'✕';
  font-size:22px;
  padding: 0 10px 0 10px;
}
.styled-select-wrapper:active{opacity: 0.5;}
.header .styled-select-wrapper:after{
  content:'▾';
  pointer-events: none;
  padding: 0 0 0 7px;
}

select{
  -webkit-appearance:none;
  border:none;
  font-size: 14px;
  color:white;
  height: 38px;
  display: inline-block;
  padding: 0 0 0 8px;
  background: transparent;
  width: 100%;
}

ul#dashboard-menu{
  padding: 6px;
  margin: 0;
  list-style: none;
}
ul#dashboard-menu li{
  float:left;
  width: calc(50% - 12px);
  height:120px;
  margin: 6px;
  /*display:flex;*/
  border-radius: 11px;
}
ul#dashboard-menu li a{
  border-radius: 10px;
  background: #eee;
  padding: 20px 0;
  color: inherit;
  font-size: large;
  display:flex;
  flex-direction: column;
  align-items:center;
  text-decoration: none;
  height: 100%;
}
ul#dashboard-menu li a:active{
  background: transparent;
  color: white !important;
}
ul#dashboard-menu li a i{
  font-size:48px;
  padding-bottom: 20px;
}

.page-is-loading{
  padding-top: 120px;
  display:flex; flex-direction:column;
  align-items:center;
  color:#666;
  font-size: x-large;
  opacity: .667;
}
.page-is-loading .icon-spinner{
  animation: spin 1s infinite steps(8);
  margin: 10px 0 30px 0;
  font-size: 3em;
}
@keyframes spin{
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

section{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
section>.content{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: white;
  min-height: 100%;
  padding-bottom: 60px;
}
section>.content>.control-group{
  border-bottom:1px solid #ddd;
}
section>.content>form{
  padding:10px 15px;
}

section>.content>.control-group > dl{display:flex;align-items:center;margin:16px 15px;}
section>.content>.control-group > dl+dl{margin-top:12px;}

.contact-details dl>dd{margin-left:0;}
.contact-details dl>dt{min-width:22px;max-width:22px;width:22px;}

section#login-panel{z-index: 999;top:42px;}
section#login-panel form{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:20px 40px;
}
section#login-panel .content{background: white;height:100%;min-height:100%;}
section#login-panel form>*{margin-bottom:8px;font-size: large;text-align: center;}
section#login-panel form>input{border:1px solid #bbb;}
section#login-panel .logo{display: block;margin:60px auto 0px;}
section#login-panel h1{font-size: 46px;margin:0;}

.starred-after>i:after{
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: '\f005';
  font-size: 21px;
  line-height: 0;
  position: relative;
  top: 4px;
  left: 7px;
  color: gold;
  -webkit-text-stroke: 1px goldenrod;
  letter-spacing: -.65em;
}

ul{
  list-style: none;
  padding:0;
  margin:0;
}
ul.list-items>li.list-item{
  display: flex;
  align-items: center;
  padding:10px 15px;
}
ul.list-items>li.list-item:not(:last-child){border-bottom:1px solid #ddd;}
ul.list-items.clickable>li.list-item:active{background-color: #eee;}

.accordion>label{
  display: flex;
  align-items: center;
  padding:8px 15px;
}
.accordion>label:before{
  content: '▸';
  font-size: 18px;
  display: block;
  width: 8px;
  height: 8px;
  line-height: 8px;
  padding: 8px;
  margin-left: -8px;
  margin-right: 4px;
}
.accordion.expanded>label, .accordion>label:active{background: #eee}
.accordion.expanded>label:before{content: '▾'}
.accordion>label>span.count{
  text-align: right;
  flex-grow: 1;
}

.accordion>.accordion-panel {display: none;}
.accordion>.accordion-panel ul{margin:0 0 0 20px;}
.accordion>.accordion-panel ul>li{padding:8px;}

section.slide-up,
section.slide-in{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: white;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
section.slide-in{
  transform:translateX(110%);
  transition:transform .3s;
  box-shadow: 0 0 10px 10px rgba(0,0,0,0.125);
  top: 42px; left: 0;
  height: calc(100% - 42px);
}
section.slide-in.in{
  transform:translateX(0%);
}
section.slide-up{
  transform:translateY(105%);
  transition:transform .3s;
  top: 0; left: 0;
  height: 100%;
  min-height:100%;
}
section.slide-up.in{
  transform:translateY(0%);
}

button{
  color:white;
  border:none;
  background: transparent;
  display: inline-block;
}
.btn-group.btn-group-vertical{
  display: flex;
  flex-direction: column;
  margin-top:12px;
}
.btn-group.btn-group-vertical .btn{
  margin-bottom:8px;
}
.btn {
  font-size: 14px;
  border:none;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 6px;
  text-align:center;
}
.btn.disabled {
  opacity: 0.33;
  pointer-events: none;
}
.btn.btn-info {
  color:white;
  background: #3498db;
}
.btn.btn-success {
  background: #5cb85c ;
}
.btn.btn-warning {
  background: #BCA900 ;
}
.btn.btn-danger {
  color:white;
  background: firebrick ;
}
.btn.btn-fixed-width{
  width: 80%;
}
.btn.btn-sm{
  border-radius: 4px;
  padding:6px 8px 7px;
}
.btn.btn-xs{
  font-size: 12px;
  border-radius: 4px;
  padding: 5px 8px;
}
.btn:active {opacity: .75;}

.btn.btn-square {
  border-radius: 0;
}

.services .service-group *:empty{
  display: none;
}

.note-link,
.services .service-group li.service-item{
  padding:8px 8px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAACOCAYAAACVHpD7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTE1MUY4QzJCNUExMUU2ODg0M0Y2QTQxRDFGMUNEMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTE1MUY4RDJCNUExMUU2ODg0M0Y2QTQxRDFGMUNEMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEwMkVENTg5MkI1ODExRTY4ODQzRjZBNDFEMUYxQ0QzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEwMkVENThBMkI1ODExRTY4ODQzRjZBNDFEMUYxQ0QzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ChSDngAABEhJREFUeNrcnclvTXEUx3+9vBoatLSlqpM+lQgSSiIiEQu2EgsLQ1EPGwsLkQhbJGwkBBtrsTFWDa1ZW/OwE/+GDdF6zsn7/ZLmaV/v8BvOOSf55jXNe7+bTz/3vDv03t+tKhaLOaXUbMhCSB7SDVkHWQlZqhhXFcBN9PtqSCtkOWSrzgopcOU1A7IJ0gvZDqmRBDe+cHU9BumB5KTBmUKT5/SrODismZDjkNN61RUFZ2ob5DpkiUQ4rC7IDchaiXBYiyC3IRskwhnAfsgaiXBmFX0augcjR+P+0Bv8UYlwWAOQsxJXy/HbwQ96r0aUOaxfkFMSV0tTfZBHEldLU7hZGPG9ixZ5Ws4XyC2p5pTeLRvRB8KizGF99m3Ppznv9iLPbeDVnm9zWHh2bdiHPd/msD7pwyKR5rDwvOiQa3shzGF9hNyRas7Yw97LSTPnxV5Ic1jrde/lpJlT+ljvrsTV0tQFyB+pcO8h96TCObNHBe6dC3tU4Iy9Ualw1u1RgrNujxrcW8h9qXBW7VGEw9MQfVLhsM7bsEcVDu09kApn7I1JhRvO2nuU4cw355hUuKEsvUcdLlPvcYBDe/1S4VLb4wL3BvJQKlwqe5zgXie1xwku8XaPG9wrleDKCG5wpvf+SoWLbY8jXGx7XOFeQh5LhYtljzPci6nscYab0h53OOy9J1LhipXscYczvTcgFW5SexLgsJ5DBqXCGXtFiXBYz8p7TxLcf/YkwRl7g1Lh0BrejflbIhzWd8hPqXAFSD3+EPrCNtuFN/J/VaV7+MSZO2LApJlrhHwbDxdJtSbJXKPutSaJeyiHy8GkmGvQvdYk8ahgQmsSzDXoXlss8Uj80GRg3M1VtMbdXKESGGdz9dpac6U3RYx7rXmqN3E0F8saV3OFOGAczS3Q1mJNRRIxtBZ7jhVO5hJZ42buoEo4Mw4Xc/O1tZYkH4oYWWtJ+iEO5lJZ42KuNw0YB3NoDedSaU3zYermDqQFo26uTvdaariIeK+1ZhmAqrk63WttWQaJCPdaW9ZBKJqr1b2WGS6Sao2iuVrda+02BqNmbr8tMGrmrFqjZm6fTTBK5uZpax02B40IWeuwPSgFc2gNZ3Kz/vgACuZ6lKPnIoQ258waBXPOrIU2N1db63S1gCiwtU6XCwhlzrm1kOb2ugYLZW6OtpZ3vaAokLW8jwX5NufNWghze3yB+TaH1nA+2WW+FujT3G6fYD7N1ehe6/IJ58tcwTeYL3N4CROeh2zwDefD3MkQYD7M4YS4OJdJdQg4l+bwaYTXQoG5hruoAj8XyxXcCVW6si5oueg5vHnhKo4dGs62uaOQKxTAbMJNg5yBXFKETtFPtzAGXtN/GbJDEausf+WdqjQXJTmwLHCrITd12hTRSrpadutvw12KwYNk48C1QzZroC2K+INjy+Ei/TpLlf67iTu5eCEZPuZiI2SVKl2lyq7+CTAAQ9MzX8DJFV0AAAAASUVORK5CYII=');
  background-size: 10px 100%;
  background-repeat: no-repeat;
  background-position-x: 100%;
}

/* MY CURRENT TOURS */

.services .accordion-panel > ul{margin-left:-20px}
.services .service-group {font-size: small; margin:6px 0}
.services .service-group label{margin:0 0 6px;padding:0 8px}
.services .service-group li.service-item+li.service-item{border-top:1px solid white;}
.services .service-group li.service-item{background-color:hsl(350, 100%, 92%); color:darkred; }
.services .service-group li.service-item.asked{background-color:hsl(28, 100%, 84%);color:saddlebrown;}
.services .service-group li.service-item.booked{background-color:hsl(120, 45%, 80%);color:darkgreen;}
.services .service-group li.service-item:not(.time) .time{background: yellow; color:darkred;}
.services .service-group li.service-item:active{opacity: 0.5}
/*.services .service-group .day-name{color:darkred;text-align: right}*/

.services .service-group li.service-item .contact:not(:empty)+.name{
  margin-top: 2px;
  border-top: 1px dotted;
  border-top-color: inherit;
  padding-top: 2px;
}
.services .service-group .date,
.services .service-group li.service-item .date,
.services .service-group li.service-item .time{
  min-width: 42px;
  margin:-1px 10px -1px -4px;
  padding:1px 4px;
}

.service-detail{padding:16px;}
.service-detail>div{padding-bottom:6px;margin-bottom:6px}
.service-detail>div:not(:last-child){border-bottom: 1px solid #ddd}

.note-link{margin-bottom:6px;}
.note-link:active{opacity: 0.5}
.note-link.note-link-internal{background-color: khaki}
.note-link.note-link-supplier{background-color: #b6e4b6}
.note-link.note-link-client{background-color: lightpink}

section#enquiry-notes-panel .enquiry-note,
section#service-notes-panel .service-note{
  padding: 24px 14px;
  line-height: 1.667em;
  white-space: pre-wrap;
  word-break: all;
  min-height: calc(100% - 28px);
}
section#enquiry-notes-panel .content {
  height:calc(100% - 38px);
}
section#enquiry-notes-panel .enquiry-note {
  -webkit-user-select: initial;
  width:100%;height: 100%;
  /*background-color: orange;*/
  max-height:100%;
  font-size: 15px;
  border:none;
  border-radius: 0;
  box-shadow: none;
}

.events > ul > li{padding:16px 10px;}
.events > ul > li > div{margin-bottom:10px;}
.events > ul > li+li{border-top: 1px solid #ddd}
.events > ul > li .name{font-weight: bold}

/*.note-link.note-link-internal{background-color: lightyellow}
.note-link.note-link-supplier{background-color: honeydew}
.note-link.note-link-client{background-color: #FFF2F4}
*/

.payments li.totals{line-height: 1.667em}

form label{font-weight: bold;display: inline-block;margin: 4px 10px 4px 0}
form .form-group{margin: 0 0 12px 0;}
form input[type='text'],
form input[type='number'],
form textarea{
  display: block;
  padding: 6px 12px;
  width:100%;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

section#record-payment input[type='number']{
  min-width:90px;
  max-width:90px;
  font-size: large;
  text-align:right;
}
section#record-payment select{
  /*width:190px;*/
  max-width:50px;
  min-width:50px;
  /*max-width:190px;*/
  color:initial;
}

section.day-notes .content{padding-bottom: 0;overflow: hidden;-webkit-overflow-scrolling:none;}
section.day-notes .weekdays{padding:0 5px 30px;}
section.day-notes .weekdays>div{padding:5px 0 5px;}
section.day-notes .weekdays>div .d{font-size: x-small;}
section.day-notes .weekdays>div .n{
  width: 31px;
  min-width: 31px;
  max-width: 31px;
  height: 31px;
  border-radius: 50%;
  justify-content: center;
  margin-top:3px;
  font-size:15px;
}
section.day-notes .weekdays>div.weekend{opacity:.35;}
section.day-notes .weekdays>div.selected .n{background-color: #444;color:white;}
section.day-notes .weekdays>div.today .n{color:red;}
section.day-notes .weekdays>div.today.selected .n{background-color: red;color:white;}

section.day-notes .day-views{
  /*height: 100%;*/
  position: absolute;
  top:164px;left:0;bottom:0;right:0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
section.day-notes .day-views>.day-view{
  width:100%;
  transform:translateX(0);
  position: absolute;
  transition:none;
  height: 100%;
  z-index: 1;
}
section.day-notes .day-views>.day-view:first-child{
  border-right: 1px solid #ddd;
  z-index: 2;
  transform:translateX(-110%);
}
section.day-notes .day-views>.day-view:last-child{
  border-left: 1px solid #ddd;
  z-index: 2;
  transform:translateX(110%);
}
section.day-notes .day-views>.day-view.in{
  transform:translateX(0);
  transition:transform .275s;
  /*transition:transform 3s;*/
}
section.day-notes .full-date{
  background-color: white;
  text-align: center;
  border-bottom:1px solid #ddd;min-height:24px;
  margin-top:-31px;
  font-size: small
}
section.day-notes .day-view ul.items{
  padding: 12px;
  background: white;
}
section.day-notes .day-view ul.items > li{
  margin-left:35px;
  border-top:1px solid #ddd;
  position: relative;
  min-height: 35px;
  padding:8px 0;
  white-space: pre-wrap;
}
section.day-notes .day-view ul.items > li:before{
  content : attr(data-time);
  font-size:10px;
  color:#bbb;
  position:absolute;
  left:-35px;
  top:-7px;
  font-weight: bold;
}
section.day-notes .day-view ul.items > li> textarea{
  width: 100%;
  background-color: lightyellow;
  -webkit-appearance:none;
  border-radius: 0;
  border:none;
  margin:0;
  font-size: 14px;
}

.relative{position:relative;}
.grow,
.grow-1{flex-grow:1;}
.grow-2{flex-grow:2;}
.grow-3{flex-grow:3;}
.grow-4{flex-grow:4;}
.grow-5{flex-grow:5;}
.grow-6{flex-grow:6;}
.grow-7{flex-grow:7;}
.grow-8{flex-grow:8;}
.grow-9{flex-grow:9;}
.shrink{flex-shrink:1;}
.flex{display:-webkit-flex;}
.flex-row{display:-webkit-flex; -webkit-flex-wrap:wrap; -webkit-flex-direction:row;}
.flex-column{display:flex; flex-direction:column;}
.space-between{justify-content:space-between;}
.stretch{align-items:stretch;}
.stretch-self{align-self:stretch;}
.stretch-content{justify-content:stretch;}
.center-content{justify-content:center;}
.end-content{justify-content:flex-end ;}
.start-self{align-self:flex-start ;}
.end-self{align-self:flex-end ;}
.center-self{align-self:center;}
.align-center{align-items:center;}
.align-start{align-items:flex-start;}
.align-baseline{align-items:baseline;}
.tallest{height: 100%;}
.aligned{flex-basis:0}


.time-left {
  position: absolute;
  top:0; right:0;
  padding:6px 9px;
  background: hotpink;
}
.countdown-timer {
  position: relative;
  background: inherit;
}

.countdown-timer, .countdown-timer * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.countdown-timer {
  width: 24px;
  height: 24px;
  transform: scale3d(1,1,1);
}

.countdown-timer .the-pie {
  opacity: 0.65;
  opacity: 1;
  background: inherit;
}
.countdown-timer .pie {
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  position: absolute;
  background: #FFF;
  /*border: 5px solid rgba(0,0,0,0.5);*/
}

.countdown-timer .spinner {
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  z-index: 200;
  /*border-right: none;*/
  transform: scale3d(1,1,1);
  animation: rota linear;
}


.countdown-timer .filler {
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  left: 50%;
  opacity: 0;
  z-index: 100;
  transform: scale3d(1,1,1);
  animation: opa steps(1, end);
  /*border-left: none;*/
  background: #fff;
}

.countdown-timer .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  z-index: 300;
  transform: scale3d(1,1,1);
  animation: opa steps(1, end) reverse;
}
.countdown-timer .edge {
  width: 100%;
  height: 100%;
  position: absolute;
  background: radial-gradient(#fff 22%, rgba(255,255,255,0) 24%);
  border-radius: 50%;
  z-index: 1000;
  /*border: 2px solid red;*/
  transform: scale3d(1,1,1);
  box-shadow: inset 0 0 0px 4.85px #fff;
}
.countdown-timer .spinner,
.countdown-timer .filler,
.countdown-timer .mask{
  /*animation-duration: 15s;*/
  /*animation-duration: 0s;*/
  animation-duration: 10s;
  animation-play-state: paused;
}
.countdown-timer.running .spinner,
.countdown-timer.running .filler,
.countdown-timer.running .mask {
  animation-duration: 10s;
  animation-play-state: running;
}



@keyframes rota {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes opa {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
