html {height: 100%;box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body{color: #555555;font-family:'HelveticaNeue', Arial, Helvetica, sans-serif; background-color:#f9f9f9;position: relative;margin: 0;padding-bottom: 2.4rem; min-height: 100%;}
header, nav, footer, section{width:100%;display:block;}
.container{width:100%;display:table;height:100%;min-height:600px;}
.clear{width:100%;height:1px;display:block;clear:both;}
.alert{font-weight:bold;color:red;font-size:1.3em;}

/**** login ****/

.login{width:100%;max-width:400px;min-width:200px;margin:80px auto;}
.logintitle {padding: 15px;text-transform: uppercase;line-height: 21px;border: 1px solid #bbb;font-size: 18px;border-bottom: 0;border-radius: 2px 2px 0 0;color: #666;letter-spacing:-1;font-weight:bold;margin:0 1%;}
.logintitle img{width:29px;height:39px;float:left;margin-right:10px;}
.logintitle span.subtitle {font-size: 12px;font-weight: normal;text-transform: none;color: #999;display:inline;}
.logincontent {padding: 20px;background: #444;border-radius: 0 0 2px 2px;margin:0 1%;}
.logincontent input, .logincontent select{width:100%;height:44px;box-sizing: border-box;font-size: 14px !important;border: 0;margin:0 0 20px 0;}
.logincontent input[type="text"], .logincontent input[type="password"], .logincontent select{padding: 10px 10px 10px 30px;color: #444;border-radius: 2px;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.logincontent input[type="submit"]{border-radius:0;}
.loginuser, .loginuser:visited{background: #eee url(https://website.book-it-easy.ch/siteimages/profile.png) no-repeat 8px 12px;background-size:18px 18px;}
.loginpsw{background: #eee url(https://website.book-it-easy.ch/siteimages/lock.png) no-repeat 8px 12px;background-size:18px 18px;}
.loginemail{background: #eee url(https://website.book-it-easy.ch/siteimages/email.png) no-repeat 8px 12px;background-size:18px 18px;}
.loginfooter {background: url(https://website.book-it-easy.ch/siteimages/loginshadow.png) no-repeat center center;background-size:100% 100%;height: 30px;margin:0 1%;}
.logincontent p{width:100%;color:#cccccc;margin-bottom:10px;font-size:12px;}
.logincontent p.forgotpassword a{font-size:12px;color:#cccccc;text-decoration:none;line-height:18px;}
.logincontent p.forgotpassword a span{background-color:#cccccc;border-radius:20px;}
.logincontent p.forgotpassword a:hover{text-decoration:underline;}
.logincontent .g-recaptcha{margin-bottom:20px;}

/**** header ****/

.top-header{height:50px;background-color: #447c3d;width:100%;border-left: 1px solid #45729e;overflow-y:hidden;}
.menubutton{border-radius:2px;display: inline-block;height: 35px;width: 40px;background: #0b4073 url(https://website.book-it-easy.ch/siteimages/bmenu.png) no-repeat center center;margin: 7px 0 0 8px;box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);float:left;}
.menubutton:hover, .menubutton:active {background-color: #083865;}
.logo, .logo1, .logo2{color: #fff;margin: 4px 0 0 10px;font-size: 24px;text-shadow: 1px 1px rgba(0,0,0,0.2);text-decoration:none;font-weight:bold;float:left;}
.logo1{margin: 12px 0 0 10px;}
.logo2{float:right;margin:16px 10px 0 10px;font-size:18px;;font-weight:normal;}
.logo span, .logo1 span{font-size:18px;vertical-align:baseline;}
.logo span.small{font-size:10px;vertical-align:top;}
.userlogged{border-radius: 2px;position: relative;margin: 7px 1% 0 0;background: #0b4073;color: #ccc;box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);float:right;}
.userlogged p{display: inline-block;background: #0b4073;padding: 11px 10px 10px 10px;color: #ccc;text-decoration:none;font-size:12px;}
.bottom-header{min-height:31px;background-color: #0c510f;width:100%;border-left: 1px solid #3c3c3c;}
p.breadcrumbs{padding:8px 0 0 1%;color:#ccc;font-size: 11px;float:left;}
p.breadcrumbs a{color: #999;}
p.date{color: #999;font-size: 11px;padding:8px 1% 0 0;float:right;}
p.flags{padding:6px 1% 0 0;float:right;}
p.flags img{width:25px;height:auto;}

/**** footer ****/

.footer{width:100%;min-height:38px;padding: 13px 1% 0 0;text-align: right;background: #0c510f;position: absolute;right: 0;bottom: 0;left: 0;}
.footer p{font-size:11px;color:#999;}
.footer a{text-decoration:underline;}

/**** left column and menu ****/

.left-column{width:260px;min-width:200px;display:table-cell;background: #0b4073 url(https://website.book-it-easy.ch/siteimages/leftbg.png) repeat top left;min-height:500px;position:relative;height:100%;}
.menu{margin:0px 0 10px 0;}
.menu-title{width:100%;display:block;border-top:1px solid #bbb;border-bottom:1px solid #bbb;border-right:1px solid #bbb;}
.menu-title p{font-size: 13px;font-weight: bold;line-height: 20px;color: #999;text-shadow: 0 1px 0 rgba(255,255,255,0.5);text-transform: uppercase;padding: 16px 15px 12px 15px;}
.menu ul{list-style:none;}
.menu ul li{line-height: 20px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;height:37px;overflow:hidden;}
/*.menu ul li:hover{background:#eee;-webkit-transition: background 1s; transition: background 1s;}*/
#orders, #settings, #staff, #tickets, #booking, #reservation, #flights, #financial, #customers, #log, #website{-webkit-transition: height 1s; transition: height 1s;}
.menu ul li a{text-decoration:none;font-size:12px;color:#555555;padding: 8px 12px;display:block;}
.menu ul li.dropdown a{background-image: url(https://website.book-it-easy.ch/siteimages/arrowdown.png);background-repeat: no-repeat;background-position: right center;}
.menu ul li a span{opacity: 0.7;display: inline-block;vertical-align: top;margin: 2px 3px 0 0;}
.menu ul li.active, .menu ul li.active:hover{font-weight:bold;background-color:#f0f0f0;}
.menu ul.second{background: #d3d3d3;}
.menu ul.second li{border-top:1px solid #bbb;border-bottom:0;border-right:0;font-weight:normal;}
.menu ul.second li.active{font-weight:normal;}
.menu ul.second li a{background-image:none;padding:8px 30px;}
.menu ul.second li:hover{-webkit-transition: background 0; transition: background 0;background:#e5e5e5;}

#help{margin:40px 5px 10px 10px;width:240px;padding:15px 10px 0 15px; -webkit-transition: max-height 1.5s; transition: max-height 1.5s; background-color:#f3f3f3;color:#1a395b;cursor:pointer;max-height:57px;overflow: hidden;}
#help h3{color:#546f8e;}
#help p{line-height:26px;padding:20px 0 7px 0;margin:0;}

/**** center column ****/

h1{color: #333;font-weight: normal;font-size:22px;}
h2{margin: 10px 0 10px 0;font: 22px sans-serif;color: #3e4268;letter-spacing:-1px;padding: 0px;text-transform: uppercase;clear: both;border-bottom: 1px solid #cccccc;width: 100%;}
h3{color: #1a85af;font-size: 18px;margin-top: 0;font-weight: bold;line-height: 1.3em;}

.center-column{display:table-cell;min-height:500px;height:100%;}
.pagetitle{height:50px;width:100%;padding: 13px 0 0 19px;border-bottom: 1px solid #bbb;letter-spacing:0px;}
.center-box{padding:15px 2% 15px 2%;width:100%;display:block;clear:both;float:left;}

/**** center menu ****/

.center-menu{width:100%; background-color:#f3f3f3;padding:15px 2% 5px 2%;float:left;margin-bottom:10px;}
ul.bigmenu{width:100%;list-style:none;float:left;}
ul.bigmenu li{height:107px;width:107px;float:left;margin:0 1.7% 15px 0;}
ul.bigmenu li:last-child{margin-right:0;}
ul.bigmenu li a{display: block;border: 1px solid #ccc;background: #fcfcfc;text-align: center;text-decoration: none;color: #546f8e; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -moz-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
ul.bigmenu li a.active{background: #efefef;}
ul.bigmenu li a:hover{background-color: #fff;opacity:0.8;}
ul.bigmenu li a img{margin: 15px auto 10px auto;display:block;width:55px;height:55px;opacity:0.3;}
ul.bigmenu li a span{display: block;padding: 2px;text-transform: uppercase;margin-top:3px;margin-bottom: 10px; letter-spacing:-1; font-weight:bold;font-size:13px;}

/**** tab menu ****/

.tabmenu{margin:0px 5px 10px 0;float:left;border-bottom: 2px solid #9ACDEA;width:100%;}
.tabmenu ul{list-style: none;float:left;margin-bottom:3px;}
.tabmenu ul li{float:left;margin:0 4px 2px 0;border: 1px solid #9ACDEA;padding:5px 6px 5px 6px;background-color: #E9EAEA;cursor: pointer;font-size:16px;font-weight:bold;}
.tabmenu ul li.selected{background-color: #cdc9ff;cursor:default;}
.tabmenu ul li a{color:#666;text-decoration:none;}
.tabmenu ul li.premium{border:1px solid #DC0A0B;background-color: #EE857A;}
.tabmenu ul li.premium a, .tabmenu ul li.selected a{color:white;}

/**** forms ****/

.topselect{width:100%;margin:0 0 15px 0px;float:left;}
.topselect select{min-width:200px;height: 40px;border-radius: 7px;border: 1px solid #dddddd;font: 16px 'Open Sans',sans-serif;color: #555555;padding: 0 5px 0 5px;background: #ffffff url("../../siteimages/input-bg.gif") repeat-x top left;}

fieldset {padding:20px 2% 10px 2%;background-color: #ffffff;color: #444444;border: 1px solid #9ACDEA;border-radius: 4px;box-shadow: 0 0 0 3px #f5f6f6;width:100%;font-size:13px;}
fieldset.fit{max-width:600px;}
legend {color: #1a85af;font-weight: bold;padding: 0 5px;margin: 0;background-color: white;font-size: 15px;border: 0;line-height:20px;}
fieldset p {font-size: 13px;margin-bottom: 20px;line-height:22px;}
a{color: #1b7fa9;}
input[type='checkbox'], input[type='radio'] {width:16px;height:16px;}

form p{line-height:25px;}
label {display: inline-block;min-width:140px;margin-bottom: 2px;font-family: 'Open Sans',sans-serif;font-size: 14px;color:#333333;}
.mandatory{margin:0 0 20px 0;max-width:520px;text-align:right;padding-right:7%;}

.form-near {margin: 0 25px 10px 0;min-width:50px;display:inline-block;}
.form-near input[type="text"], .form-near input[type="password"], .form-near select, .form-near textarea{height:30px; border-radius:7px; border:1px solid #cccccc;font: 14px 'Open Sans',sans-serif;color:#555555;padding:0 5px 0 5px;background: #ffffff url("../../siteimages/input-bg.gif") repeat-x top left;margin-bottom:2px;}
.form-near input:disabled, .form-near input[readonly] {background-color:#eeeeee;background-size:0 0;}
.form-near input[type="text"], .form-near input[type="password"] {width:100px;}
.form-near input.boldinput{font-weight: bold;}
.form-near label{min-width:100px;}

.form-group {margin-bottom: 20px;min-width:300px;max-width:520px;display:block;}
.form-group.small{min-width:100px;width:46%;float:left;margin-right:3%;}
.form-group input[type="text"], .form-group input[type="password"], .form-group select, .form-group textarea,  .form-group input[type="file"]{height:35px;border-radius:7px;border:1px solid #cccccc;font: 16px 'Open Sans',sans-serif;color:#555555;padding:0 5px 0 5px;background: #ffffff url("../../siteimages/input-bg.gif") repeat-x top left;margin-bottom:2px;}
.form-group input[type="text"], .form-group input[type="password"], .form-group input[type="file"]{width:100%;max-width:500px;min-width:60px;}
.form-group textarea{font-size:13px;height:auto;max-width:500px;width:100%;}
.form-group input.boldinput{font-size: 17px;font-weight: bold;height:30px;}
#code img {float: left;width: 100px;height: 40px;margin: 8px 0 0px 0px;}

.form-small {margin: 0 25px 10px 0;width:100%;min-width:100px;max-width:200px;display:inline-block;}
.form-small input[type="text"], .form-small select, .form-small textarea{height:30px; border-radius:7px; border:1px solid #cccccc;font: 14px 'Open Sans',sans-serif;color:#555555;padding:0 5px 0 5px;background: #ffffff url("../../siteimages/input-bg.gif") repeat-x top left;margin-bottom:2px;}
.form-small input[type="text"], .form-small textarea{width:100%;min-width:60px;max-width:300px;}
.form-small input:disabled, .form-small input[readonly] {background-color:#eeeeee;background-size:0 0;}
.form-small input.boldinput{font-weight: bold;}
.form-title{margin: 0px 0 10px 0;width: 100%;}
.form-title p{font-weight: bold;color: #666666;border-bottom: 1px solid #666666;width:100%;max-width: 200px;font-size:14px;line-height:15px;}
.form-small.verysmall{margin-bottom:4px;}
.form-small.verysmall input, .form-small.verysmall select{height:24px;font-size:13px;}
.form-small.verysmall input:disabled, .form-small.verysmall input[readonly]{background:#d3f4f5;background-size:0 0;}

.form-table{width:100%;}
.form-table label{margin-top:10px;width:140px;float:left;}
.form-table span{line-height:33px;}
.form-table input[type="text"], .form-table input[type="file"], .form-table select {border-radius:7px;height:28px;min-width:200px; max-width:300px;border:1px solid #cccccc;font: 14px 'Open Sans',sans-serif;color:#555555;padding:0 5px 0 5px;background: #ffffff url("../../siteimages/input-bg.gif") repeat-x top left;margin-bottom:2px; margin-top:5px;float:left;}
.form-table textarea {height:auto;max-width:500px;width:100%;border-radius:7px;border:1px solid #cccccc;font: 13px 'Open Sans',sans-serif;color:#555555;max-width:600px;padding:2px;margin-bottom:5px;background: #ffffff url("../../siteimages/input-bg.gif") repeat-x top left;}
.form-table input[type='checkbox'], .form-table input[type='radio'] {width:16px;height:16px;margin-top:10px;}
.form-table a p{margin-top:4px;margin-bottom:9px;}
.form-table input:disabled, .form-table input[readonly] {background-color:#eeeeee;background-size:0 0;}


.button{font: 16px 'Open Sans',sans-serif;padding: 8px 17px 7px 17px;border: none;outline: none;border-radius: 4px;background: #229fd3;
color: #fff;cursor: pointer;text-decoration:none;margin:10px 2% 5px 0;clear:none;}
.button.selected, .button.selected:hover{background: #0a45af;color: #fff;text-decoration:none;cursor:default;}
.button:hover, .button1:hover, .button2:hover{background: #1a85af;color: #fff;text-decoration:none;}
.button1{font: 15px 'Open Sans',sans-serif;padding: 2px 2% 2px 2%;border: none;outline: none;border-radius: 4px;background: #229fd3;
color: #fff;cursor: pointer;text-decoration:none;min-height:33px;margin:0 2% 10px 0;}
.button2{font: 14px 'Open Sans',sans-serif;padding: 4px 10px 4px 10px;border: none;outline: none;border-radius: 4px;background: #229fd3;
color: #fff;cursor: pointer;text-decoration:none;margin:1px 2% 1px 0;}
.rbutton{display:block;float:right;}
.lbutton{display:block;float:left;}
.button3 {padding: 3px 8px 2px 8px;border:4px solid #ffffff;border-radius: 8px;background: #229fd3;
color: #fff;cursor: pointer;text-decoration:none;margin:0px 1% 2px 0 !important; display:table-cell !important;}
.button3 a{margin-right:1%;}
.button3 img{filter: invert(100%); width:25px; height: 25px;filter: brightness(3.25);}
.button3:hover{background: #1a85af;;color: #fff;text-decoration:none;cursor:default;}

/*
.smalllink{float:right;color: #537FBF;margin:20px 10px 30px 0;}
.smalllink {width: 100%;margin: 0 0 10px 0;text-align: right;padding: 10px 5px 0 0;height: 35px;}
.smalllink a{text-decoration:none;color:#ffffff;}
*/

.checkboxlist{width:100%;margin-bottom:20px;float:left;}
.checkboxlist p{display:block;width:30%;float:left;margin-bottom:5px;min-width:120px;}
.checkboxlist p label{font-size:14px;line-height:16px;min-width:90px;}
.checkboxlist p input[type="checkbox"]{width:16px;height:16px;margin-right:3px;}

.reportdates{float:left;width:100%;max-width:650px;}
.reportdates .form-small{float:left;margin-bottom:10px;min-width:250px;display:inline;}

.checkboxes{float:left;font-size:14px;min-width:250px;}
.checkboxes input[type="checkbox"]{width:18px;height:18px;margin-bottom:10px;float:left;}


/**** tables ****/

table.noborder, table.noborder td, table.noborder tr{border:0;font-size:13px;}
table.noborder tr.borderbottom{border-bottom:1px solid #cccccc;}
table.noverticalborder, table.noverticalborder td, table.noverticalborder tr{border-left:0px;border-right:0px;}
table.borderstyle{border:0px;}
table.borderstyle td:last-child{border-right:0;}
table.nohover tr:hover{background-color:#ffffff;}

.flights{width:100%;border-top: 1px solid #888888;border-left: 1px solid #888888;border-bottom:0;border-right:0;font-size:13px;border-radius:3px;}
.flights td{border-left:0;border-top:0;border-right: 1px solid #888888;border-bottom: 1px solid #888888;padding:3px 5px 0 5px; margin:0; vertical-align:middle;color:#444444;}
.circle{float:right;margin:3px -2px 1px 3px;cursor:pointer;}
.flights input.button, .flights a.button{color:#ffffff;font-size:14px;padding:5px 12px;margin:0 0 0 1%;text-decoration:none;display:inline;}

table.flightreport{font-size:12px;width:100%;}
table.flightreport .flightreportbuttons{float:right;margin-top:10px;min-width:200px;}

/**** items ****/

.staffitem{width:100%;display:block;margin-bottom:20px;max-width:800px;padding-top:10px;float:left;padding-bottom:10px;}
.staffitem .itemleft{display:inline;}
.staffitem .itemleft img{height:auto;width:70px;border-radius:50%;margin:0 10px 0 -5px;float:left;}
.staffitem .itemright{display:inline;padding:0 1% 5px 3%;width:100%;}
.staffitem .itemright h3{width:100%;}
.staffitem .itemright h3 span{float:right;color:#444;font-weight:normal;}
.staffitem .itemright p{font-size:16px;float:left;}
.staffitem .itembuttons{width:100%;float:left;text-align:right;float:right;}
.staffitem .itembuttons a {margin:0 1% 10px 0;}

/**** pagination ****/

.paginationbox{width:100%;font-size:20px;font-weight:normal;margin:20px 0 20px 0;text-align:left;padding:0;color:#444444;display:block;clear:both;}
.paginationbox a{font-weight:normal;color:#777777;text-decoration:none;margin-left:2px;}
.paginationbox a:hover{text-decoration:underline;}
.paginationbox span{font-weight:bold;}
.paginationbox form{float:right;padding:0;margin:0;}
.paginationbox select{border:1px solid #9fb084;color:#444444;font-size:11px;}

/*** autocomplete ***/

#skey{border: 1px solid #AFCBE1;background: #ffffff url("../../siteimages/input-bg.gif") repeat-x top left;width: 300px;height:103px;font-size: 14px;position:relative;overflow-y:scroll;visibility:hidden;box-shadow: 1px 1px 1px #888888;}
#skey{top: -20px;left:0px;}
#skey ul{margin:0 0 1px 3px;list-style:none;}
#skey ul li:hover{background-color:#c8dfed;cursor:pointer;}

/**** colored selector ****/
.listform select.red{background:#f7b4b4 url("https://website.book-it-easy.ch/siteimages/option.png") repeat top left;}
.listform select.green{background:#bef7c2 url("https://website.book-it-easy.ch/siteimages/option.png") repeat top left;}
.listform select.yellow{background:#fcf9ba url("https://website.book-it-easy.ch/siteimages/option.png") repeat top left;}
.listform select.blue{background:#98a4e0 url("https://website.book-it-easy.ch/siteimages/option.png") repeat top left;}
.listform select.brown{background:#edc384 url("https://website.book-it-easy.ch/siteimages/option.png") repeat top left;}

/**** modal popup ****/
.modal {display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe;margin: auto;padding: 0px 10px 20px 20px;border: 1px solid #888;width: 80%;max-width:500px;min-height:100px;border-radius:5px;}
.closemodal {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.closemodal:hover, .closemodal:focus {color: #000;text-decoration: none;cursor: pointer;}

/**** web pages ***/

.pagephotos{height:250px;overflow-y:scroll;}
.onepagephoto{width:170px; height:170px; float:left; margin:0 10px 10px 0;overflow:hidden;}
.onepagephoto img{float:left; clear:none; padding:0px 5px 0 0;width:inherit;height:auto;max-height:165px;}

/**** prints ****/

.boldline{width:100%;height:1px;border-bottom:3px solid black;margin:3px 0 3px 0;}
.thinline{width:100%;height:1px;border-bottom:1px solid black;margin:3px 0 3px 0;}
.print{width:100%;margin:15px 0 15px 0;}