html,
body {
  font-family: Arial, sans-serif;
  padding: 0;
  margin: 0;
}

output {
  background: rgba(0, 0, 0, 1);
  font-family: Courier;
  padding: 20pt;
  display: block;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: lightgreen !important;
}

body.login {
  background-color: #f1f1f1;
  overflow: auto;
}
.status-500 td {
  background-color: rgba(255, 0, 0, .1);
  color: rgba(255, 0, 0, 1);
}

/* ----- ALL ----- */

.footerBox {
  display: none;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.alignLeft {
  float: left;
}

.alignRight {
  float: right;
}

.fileLink {
  color: #428BCA;
}

.hasTimepicker, .hasDatepicker {
  width: 80px !important;
  padding: 5px 10px !important;
}
.status-500 .tdDark {
  background: rgba(100, 0, 0, 1);
}

/* ----- LOGIN ----- */

.loginErrorBox {
  width: 280px;
  padding: 10px 20px 30px 20px;
  margin: 20px auto 0 auto;
  background: #DE6A67;
  color: #fff;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.loginBox {
  display: block;
  width: 300px;
  margin: 10% auto 0 auto;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 40px;
}

.logoHeader {
  display: block;
  width: 100%;
  height: 80px;
  margin: 0 0 30px 0;
}

.logoHeader img {
  display: block;
  width: 169px;
  margin: 0 auto;
}

.loginBox p {
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 10px 0 10px 0;
}

.logoFooter {
  display: block;
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
}

.logoFooter img {
  display: block;
  width: 127px;
  margin: 0 auto;
}

.username_box,
.password_box {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  margin: 0 0 20px 0 !important;
}

.loginBox div label.labelBox {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 0 0 0 !important;
  background: #eaeaea;
}

/*.username {
  background-image: url(../images/user.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px 10px !important;
}
*/

/*.password {
  background-image: url(../images/lock.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px 10px !important;
}*/

.loginBox #username,
.loginBox #password {
  float: left;
  /*width: 80% !important;*/
  background: #fff !important;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 0 0 10px 0;
}

.username_box input,
.password_box input {
  margin: 2px 0 0 0;
  height: 28px;
  border: 1px solid #eaeaea !important;
}

.login_button {
  display: block;
  position: relative;
  width: 100%;
  background: #4baf4b;
  border: 1px solid #4baf4b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  margin: 40px 0 0 0;
  cursor: pointer;
}
/*
.login_button:hover {
  background: #78C578;
  border: 1px solid #78C578;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  margin: 40px 0 0 0;
  cursor: pointer;
}*/

.login_button_disabled {
  background: #AAAAAA;
  border: 1px solid #A1A1A1;
}

.login_button_disabled:hover {
  background: #BBBBBB;
  border: 1px solid #B1B1B1;
}


.footerTextBox {
  display: none;
}

/* NEW LOGIN */



/* ----- HEADER ----- */
html#header {
  background: #f6f6f6;
}
.headerWrapper {
  background: #f6f6f6;
  padding: 0 20px 0 20px !important;
  margin-bottom: 20px;
  position: relative;
}

.headerLeftBox {
  float: left;
  float: none;
  clear: both;
  width: 100%;
  text-align: center;
  padding-top: 6px;
}

.headerRightBox {
  text-align: right;
  float: right;
  float: none;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.headerRightBox .gotoBackOfficeStartPageButton,
.headerRightBox .gotoBackOfficeStartPageButton:hover {
  border: 0;
  background-color: #000;
  color: #fff;
  background-image: url('/images/home.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 5px 8px;
  border-radius: 1px;
  font-weight: bold;
  padding: 8px 10px 8px 28px;
  margin: 0  0 10px;
  font-size: 14px;
}

.headerRightBox .gotoBackOfficeStartPageButton:hover {
  background-color: #323232;
}

.headerUsersInfo {
  margin: 10px 0 10px 0;
  float: left;
}

.logoutBox {
  margin: 10px 0 10px 0;
  float: right;
  height: 40px;
}

.logoutBox strong {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 5px;
}

.logout {
  float: right;
  font-size: 14px;
  background-image: url(../images/logout.png);
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
  background-position: 5px 8px;
  padding: 8px 10px 8px 24px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}

.logout:hover {
  float: right;
  background-image: url(../images/logout.png);
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
  background-position: 5px 8px;
  padding: 8px 10px 8px 24px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}

.gotoBackOfficeStartPageButton {
  float: right;
  background: url(../images/gotoBackOfficeStartPageButton.png) no-repeat #f2f2f2;
  border: 1px solid #c1c1c1;
  background-position: 5px 6px;
  padding: 6px 10px 6px 28px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  margin: 0 10px 0 0;
  font-size: 0.8em;
  text-decoration: none;
}

.gotoBackOfficeStartPageButton:hover {
  float: right;
  background: url(../images/gotoBackOfficeStartPageButton.png) no-repeat #fff;
  border: 1px solid #c1c1c1;
  background-position: 5px 6px;
  padding: 6px 10px 6px 28px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  margin: 0 10px 0 0;
  font-size: 0.8em;
  text-decoration: none;
}

/* ----- NAV ----- */

.nav {
  margin: 0 0 0 0;
}
.menuNode {
  background-color: #252B33;
  position: relative;
}

.menuNode.open {
  background-color: #1e2126;
  color: #fff;
  font-size: 0.8em;
  padding: 5px 5px;
}

.menuNode.closed {
  background-color: #252B33;
  font-size: 0.8em;
  padding: 5px 5px;
}

.menuNode {
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  border-bottom: 1px solid #7e8185;
  border-left: 0;
  border-right: 0;
  cursor: pointer;
  padding: 2px 4px 2px 4px;
  margin: 0 5px 3px 5px;
}

.menuBox {
  margin-left: 15px;
}


.menuNode:after{
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.menuNode.open:after {
    content: "\e804";
}

.menuNode.closed:after {
  content: "\e805";
}

.menuItem {
  font-size: 0.9em;
  border-bottom: 1px solid #7e8185;
  background-color: #252B33;
  cursor: pointer;
  padding: 5px 4px 5px 4px;
  margin: 0 5px 3px 5px;
  color: #e0e0e1;
}

.menuItem:hover {
  background: #2c3137;
}
.menuItemLink {
  display: block;
  text-decoration: none;
  color: #e0e0e1;
}
.menuItemLink:hover {
  background: #2c3137;
}
#invoices,
#mainSystem,
#vendors,
#developer {
  /*background: url(../images/developer_icon.png) no-repeat #e0e0e0;*/
  background-color: #252B33;
  background-position: 2px 2px;
  height: 40px !important;
  padding: 12px 0 12px 5px;

  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  font-size: 1.2em;
  color: #e0e0e1;
}

#invoices:hover,
#mainSystem:hover,
#vendors:hover,
#developer:hover {
  color: #fff;
  background-color:  #2c3137;
}

#invoices span,
#mainSystem span,
#vendors span,
#developer span {
  vertical-align: middle;
}

#invoices .icon,
#mainSystem .icon,
#vendors .icon,
#developer .icon {
  vertical-align: middle;
  font-size: 1.8em;
  padding-right: 10px;
}

#mainSystem {
  /*
  background: url(../images/system_icon.png) no-repeat #e0e0e0;
  background-position: 2px 2px;
  height: 40px !important;
  padding: 12px 0 0 56px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.2em;
  color: #000;*/
}

#invoices {
  /*background: url(../images/invoice_icon.png) no-repeat #e0e0e0;*/
  /*background-position: 2px 2px;
  height: 40px !important;
  padding: 12px 0 0 56px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.2em;
  color: #000;*/
}

#vendors {
  /*
  background: url(../images/vendors_icon.png) no-repeat #e0e0e0;
  background-position: 2px 2px;
  height: 40px !important;
  padding: 12px 0 0 56px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.2em;
  color: #000;*/
}




/* ----- MAIN ----- */

.mainWrapper {
  border: 1px none #000000;
  padding: 20px;
}

.mainHeaderBox {
  border: 1px none #FF0000;
}

.mainHeaderTextBox {
  float: left;
}

.createOption {
  float: right;
  margin: 0 5px 0 0;
}

.mainHeaderButtonBox {
  float: right;
}

.mainBox {
  border: 1px none #0000FF;
  margin: 5px 5px 5px 0;
}

.infoBox {
  background-color: #78C578;
  border: 1px solid #78C578;
  margin: 5px 0 5px 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.infoMessage {
  color: #fff;
}

.errorBox {
  background-color: #DE6A67;
  border: 1px solid #DE6A67;
  margin: 5px 0 5px 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.errorMessage {
  color: #fff;
}

.orderInfoBox {
  text-align: center;
  background-color: #d77564;
  border: 1px solid #d77564;
  margin: 5px 0 5px 0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.orderInfoMessage {
  font-weight: bold;
  color: #fff;
}

.filterBox {
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  margin: 5px 0 5px 0;
  padding: 5px 2px 5px 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.filter {
  float: left;
  border: 1px none #000000;
  padding: 0 5px 0 5px;
}

.mainTable {
  width: 100%;
}

.sumTable {
  border: 1px solid #444;
}

th {
  background: #252B33;
  color: #fff;
  padding: 10px;
  font-size: 0.9em;
}

th a {
  color: #fff;
  font-weight: normal;
}

th.thSelected a {
  color: #fff;
  font-weight: bold;
}

td {
  font-size: 0.9em;
}

.tdOdd {
  background-color: #fcfcfc;
  padding: 10px;
  vertical-align: middle;
}

.tdEven {
  background-color: #f2f2f2;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_0 {
  background-color: #252B33;
  color: #FFFFFF;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_0 {
  background-color: #252B33;
  color: #FFFFFF;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_1 {
  background-color: #dddddd;
  color: #000;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_1 {
  background-color: #dddddd;
  color: #000;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_2 {
  background-color: #f0f0f0;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_2 {
  background-color: #f0f0f0;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_3 {
  background-color: #F6F6F6;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_3 {
  background-color: #F6F6F6;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}

.tdOdd_4 {
  background-color: #EEEEEE;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}
.tdEven_4 {
  background-color: #EEEEEE;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}

.tdDark {
  color: #FFFFFF;
  background-color: #252B33;
  padding: 10px;
  vertical-align: middle;
}

.tdSum {
  background-color: #9999AD;
  padding: 10px;
  vertical-align: middle;
}

.tdCalender {
  width: 40%;
  color: #FFFFFF;
  background-color: #222222;
}

.tdHighlight {
  color: #000000;
  background-color: #FFBB00;
}

.tdHeader {
  color: #FFFFFF;
  background-color: #456789;
}

.tdBlank {
  color: #000000;
  background-color: #FFFFFF;
}

.tdButtons {
  white-space:nowrap;
  text-align: right;
}

.tdButtons form {
  display: inline;
}

tr:first-child .tdDark {
  /* width: 300px; */
}

.nowrap {
  white-space: nowrap;
}

.datetime {
  width: 90px;
}

.timeChoice {
  width: 50px;
}

.footerBox {
  border: 1px none #00FF00;
}

.footerTextBox {
  float: left;
}

/* ----- BUTTONS ----- */

.buttonAdd, .buttonOrderNew  {
  background-color: #78c578;
  padding: 5px 10px;
  border: 1px solid #78c578;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonAdd:hover, .buttonOrderNew:hover {
  background-color: #5CB85C;
  padding: 5px 10px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonFilter {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonFilter:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonEdit {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.buttonEdit:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDelete {
  background-color: #de6a67;
  padding: 5px 10px;
  border: 1px solid #de6a67;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDelete:hover {
  background-color: #D9534F;
  padding: 5px 10px;
  border: 1px solid #D9534F;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDeleteDisabled {
  background-color: #efb9b8;
  padding: 5px 10px;
  border: 1px solid #efb9b8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: not-allowed !important;
}

.buttonDeleteDisabled:hover {
  background-color: #efb9b8;
  padding: 5px 10px;
  border: 1px solid #efb9b8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonCancel {
  background-color: #777777;
  padding: 5px 10px;
  border: 1px solid #777777;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonCancel:hover {
  background-color: #5b5b5b;
  padding: 5px 10px;
  border: 1px solid #5b5b5b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonSave {
  background-color: #78c578;
  padding: 5px 10px;
  border: 1px solid #78c578;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonSave:hover {
  background-color: #5CB85C;
  padding: 5px 10px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonBack {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonBack:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.eventLink {
  display: inline-block;
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 20px 0 0 0;
  text-decoration: none;
}

.eventLink:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonDetails  {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 0.8em;
}

.buttonDetails:hover  {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 0.8em;
}

.buttonSmall  {
  background-color: #639ed3;
  padding: 1px 3px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 0.8em;
}

.buttonSmall:hover  {
  background-color: #428BCA;
  padding: 1px 3px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonSmallGray  {
  background-color: #777777;
  padding: 1px 3px;
  border: 1px solid #777777;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 0.8em;
}

.buttonConnect {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonConnect:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonConnectCustom {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonConnectCustom:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonPrev {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 0 0 0 10px;
  text-decoration: none;
}

.buttonPrev:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.buttonNext {
  background-color: #639ed3;
  padding: 5px 10px;
  border: 1px solid #639ed3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 0 10px 0 0;
  text-decoration: none;
}

.buttonNext:hover {
  background-color: #428BCA;
  padding: 5px 10px;
  border: 1px solid #428BCA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.buttonChoose {
  background-color: #78c578;
  padding: 5px 10px;
  border: 1px solid #78c578;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonChoose:hover {
  background-color: #5CB85C;
  padding: 5px 10px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.buttonChooseDate {
  font-size: 11px;
  background-color: #5CB85C;
  padding: 5px 10px;
  margin: 2px 12px 2px 12px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 80%;
  color: #fff;
}

.linkButton {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  background-color: #5CB85C;
  padding: 5px 10px;
  margin: 2px 12px 12px 12px;
  border: 1px solid #5CB85C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.linkButton:hover {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  background-color: #4db04d;
  padding: 5px 10px;
  margin: 2px 12px 12px 12px;
  border: 1px solid #4db04d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

input[disabled="disabled"].buttonAdd {
    background: #AAA;
    border: 1px solid #999;
    cursor: inherit;
}

.selectbox {
  padding: 5px 10px;
}

.pdfIcon {
    background-image: url(../images/pdf_16x16.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 23px !important; /* Sorry for the important */
}

/* ----- EVENT INFO ----- */

.eventInfoIconBox {
  border: 1px none #FFAAAA;
  margin: 0 0 5px 0;
  width: 100% !important;
}

.eventInfoIconDiv {
  margin: 5px 5px 0 0;
  float: left;
}

.eventInfoIcon {
  width: auto;
  background-color: #e2e2e2;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #000;
}

.eventInfoIcon:hover {
  width: auto;
  background-color: #cdcdcd;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #000;
}

.eventDates {
  background-image: url("/images/eventDates.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventContacts {
  background-image: url("/images/contact_register.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventBudget {
  background-image: url("/images/eventBudget.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventTickettypes {
  background-image: url("/images/eventTickettypes.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventProducts {
  background-image: url("/images/eventProducts.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventFiles {
  background-image: url("/images/eventFiles.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventInvoices {
  background-image: url("/images/eventInvoices.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventAds {
  background-image: url("/images/eventAds.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventBulkmails {
  background-image: url("/images/eventBulkmails.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventSms {
  background-image: url("/images/eventSms.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventCancel {
  background-image: url("/images/eventCancel.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventPublish {
  background-image: url("/images/eventPublish.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventTexts {
  background-image: url("/images/eventAds.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

/* patrik fixa */

.eventUnPublish {
  background-image: url("/images/eventPublishDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.eventPublishDisabled {
  background-image: url("/images/eventPublishDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
}

.eventPublishDisabled:hover {
  background-image: url("/images/eventPublishDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
  cursor: default;
}

.eventCancelDisabled {
  background-image: url("/images/eventCancelDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
}

.eventCancelDisabled:hover {
  background-image: url("/images/eventCancelDisabled.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
  cursor: default;
}

.eventDatesDisabled {
  background-image: url("/images/eventDates.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
}

.eventDatesDisabled:hover {
  background-image: url("/images/eventDates.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-color: #bbbbbb;
  cursor: default;
}

.button_eventflyer {
  display: inline-block;
  width: auto;
  background: url(../images/button_eventflyer.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_eventflyer:hover {
  display: inline-block;
  width: auto;
  background: url(../images/button_eventflyer.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_evaluation {
  display: inline-block;
  width: auto;
  background: url(../images/button_evaluation.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_evaluation:hover {
  display: inline-block;
  width: auto;
  background: url(../images/button_evaluation.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_participantlist {
  display: inline-block;
  width: auto;
  background: url(../images/button_participantlist.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_participantlist:hover {
  display: inline-block;
  width: auto;
  background: url(../images/button_participantlist.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_orderlist {
  display: inline-block;
  width: auto;
  background: url(../images/button_participantlist.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.button_orderlist:hover {
  display: inline-block;
  width: auto;
  background: url(../images/button_participantlist.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 5px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.gotoEventButton {
  display: inline-block;
  width: auto;
  background: url(../images/gotoEventButton.png) no-repeat #639ED3;
  border: 1px solid #639ED3;
  background-position: 5px 3px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.gotoEventButton:hover {
  display: inline-block;
  width: auto;
  background: url(../images/gotoEventButton.png) no-repeat #448aca;
  border: 1px solid #448aca;
  background-position: 5px 3px;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #fff;
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

/* ----- EVENT DATES ----- */

.calenderHeader {
  height: 40px;
}

.eventDateMonthText {
  font-weight: bold;
  font-size: 16px;
}

.tdborder {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.tdtop {
	border-top: 1px solid #000000;
}
.tdright {
	border-right: 1px solid #000000;
}
.tdbottom {
	border-bottom: 1px solid #000000;
}
.tdleft {
	border-left: 1px solid #000000;
}

.weeknbr {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}

.calenderSunday {
	color: #880000;
}
.calenderToday {
	color: #0a9239;
}
.calenderDay {
	height: 50px;
}

.calenderOther {
  color: #adadad;
}

.ticketDayInfo {
  color: #000;
}

.calenderDayText {
  font-size: 12px;
}
.calenderDate {
  font-weight:bold;
  font-size: 14px;
}



/* ----- ORDERS ----- */



.orderInfoIconBox {
  border: 1px none #FFAAAA;
  margin: 0 0 5px 0;
  width: 100% !important;
}

.orderInfoIconDiv {
  margin: 5px 5px 0 0;
  float: left;
}

.orderInfoIcon {
  width: auto;
  background-color: #e2e2e2;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #000;
}

.orderInfoIcon:hover {
  width: auto;
  background-color: #cdcdcd;
  padding: 7px 5px 7px 30px;
  border: 1px solid #ccc;
  color: #000;
}

.ticketPrint, .orderConfirmationPrint {
  background-image: url("/images/ticketPrint.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.ticketSend {
  background-image: url("/images/ticketSend.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.orderPagePublic {
  background-image: url("/images/orderPagePublic.png");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.orderInfoTable, .orderRowsTable, .orderPaymentTable, .orderDeliveryTable {
  border: 1px solid #eee;
  margin: 0 0 15px 0;
}

.orderInfoTable tr td, .orderRowsTable tr td, .orderPaymentTable tr td, .orderDeliveryTable tr td {
  border-top: 1px solid #eee;
  padding: 5px 10px;
}

.orderInfoTable tr:nth-child(odd) td, .orderRowsTable tr:nth-child(odd) td, .orderPaymentTable tr:nth-child(odd) td, .orderDeliveryTable tr:nth-child(odd) td {
  background-color: #EEEEEE;
  padding: 5px 10px;
}

.orderInfoTable tr:nth-child(even) td, .orderRowsTable tr:nth-child(even) td, .orderPaymentTable tr:nth-child(even) td, .orderDeliveryTable tr:nth-child(even) td {
  background-color: #FFFFFF;
  padding: 5px 10px;
}

.tdOrderRows {
  width: 200px;
}

#createdBy {
  cursor: pointer;
  text-decoration: underline;
  color: #0000FF;
}

.ui-widget-overlay {
  background: #000;
}

/* ----- EVENT OVERVIEW ----- */

.eventOverviewTable {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}

.eventOverviewTable td {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 1px 2px 1px 2px;
  font-size: 12px;
}

.thOverview {
  text-align: left;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

.tdOverviewHeader {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #456789;
  text-align: center;
}

#headlinesMain td, #headlinesSub td {
  font-weight: bold;
}
.statusButton {
  border: 1px dotted #000000;
  padding: 0 2px 0 2px;
  /*
  cursor: pointer;
  */
}



#messageBox {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  height: 20px;
  width: auto;
  padding: 5px 0 0 0;
  border: 1px solid #000000;
}

.premisesButton, .documentButton, .premisesCanceledButton, .eventGoButton {
  border: 1px dotted #000000;
  padding: 0 2px 0 2px;
  cursor: pointer;
}
.premisesButton, .documentButton, .premisesCanceledButton {
  background-color: #FFFFFF;
}
.UformButton, .KformButton, .AformButton, .TformButton {
  border: 1px dotted #000000;
  padding: 0 5px 0 5px;
  cursor: pointer;
}

.tdPeriodSum {
  font-weight: bold;
  background-color: #fcc70f;
}

/* ----- TICKETS PER DAY ----- */

.ticketDayInfo {
  border-top: 1px dotted #AAA;
}

.ticketsPerDayStatSpan {
  margin-right: 20px;
}

.tdTicketsPerDay {
  height: 80px;
}

.dayTickets {
  cursor: pointer;
  color: #0000FF;
}

/* ----- EVENT OVERVIEW ----- */

.participantInfoTable {
  border: 1px solid #000000;
}

.contactRow {
  border-bottom: 1px solid #000000;
  white-space: nowrap;
}

/* ----- FORMS ----- */

.textfield {
  width: 300px;
  padding: 5px;
}

/* Bulk mailer */

.bulkNavigation ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

.bulkNavigation ul li {
  display: inline-block;
  margin: 0 5px 0 0;
}

.bulkNavigation ul li a {
  background: #E2E2E2;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.8em;
  text-decoration: none;
  color: #000;
}

.bulkNavigation ul li a:hover {
  background: #cecece;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.8em;
  text-decoration: none;
  color: #000;
}

/* Frontpage */
.contactBox {
  background: #FFFFFF;
  border: 1px none #CCCCCC;
  width: 100%;
  margin: 0 0 30px 0;
}

.contactBoxContent {
  float: left;
  border-top: 8px solid #000;
  background: #fff;
  padding: 30px;
  width: calc(31.5% - 80px);
  text-align: center;
  margin: 0 40px 0 0;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}

.contactBoxContent:last-child {
  margin: 0 0 0 0 !important;
}

.contactBoxContent a {
  color: #01eb00;
  text-decoration: none;
}
.contactBoxContent a:hover {
  text-decoration: underline;
}
.contactBoxContent .innerContact .icon,
.contactBoxContent .innerContact .faicon {
  background: #01eb00;
  width: 60px;
  padding: 20px;
  margin: 0 auto;
  border-radius: 50%;
}
.contactBoxContent .innerContact .faicon {
  width: 60px;
  height: 60px;
  color: #fff;
  background: #242b33;
  font-size: 40px;
}

.contactBoxContent .innerContact .faicon i {
  margin: 0;
}
.contactBoxContent .innerContact .faicon i:before {
  line-height: 60px;
}
.contactBoxContent .innerContact .icon img {
  max-width: 100%;
  height: auto;
  width: auto;
}

.contactBoxContent .innerContact {
  min-height: 220px;
  padding-bottom: 10px;
}
.contactBoxContent .innerContact .fa {
  font-size:  60px;
  padding-bottom: 20px;
}

.contactBoxContent .innerContact h4 {
  letter-spacing: 1px;
}

.contactBoxContent .innerContact .slash {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}

.promoteSeoContactBox,
.promoteDesignContactBox {
  border: 4px solid #000000;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 20px;
  margin-bottom: 20px;
  cursor: pointer;
  background: #fff;
}

.promoteSeoContactBox,
.promoteDesignContactBox {
  margin-bottom: 0;
}
.promoteSeoContactButton,
.promoteDesignContactButton {
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px 0;
}

.contactBox input[type="submit"],
.contactBox input[type="button"] {
    font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "roboto", sans-serif;
    font-size: 14px;
    color: #000;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid #000;
    text-transform: uppercase;
    padding: 2px 10px;
    margin-bottom: 10px;
}

.promoteSeoContactFormBox input[type="submit"],
.promoteDesignContactFormBox input[type="submit"] {
  height: 35px;
}
.promoteSeoContactFormBox input[type="submit"]:hover,
.promoteDesignContactFormBox input[type="submit"]:hover {
  background: #000;
  color: #fff;
}

.promoteSeoContactFormBox,
.promoteDesignContactFormBox {
  padding-top: 10px;
}

body .promoteSeoContactBox input[type="submit"],
body .promoteDesignContactBox input[type="submit"] {
  float: right;
}
.promoteSeoContactFormBox form input[type="text"],
.promoteSeoContactFormBox form textarea,
.promoteDesignContactFormBox form input[type="text"],
.promoteDesignContactFormBox form textarea {
  font-weight: normal;
}

.boStartForm input[type="text"],
.boStartForm input[type="password"],
.boStartForm input[type="date"],
.boStartForm input[type="datetime"],
.boStartForm input[type="datetime-local"],
.boStartForm input[type="month"],
.boStartForm input[type="week"],
.boStartForm input[type="email"],
.boStartForm input[type="number"],
.boStartForm input[type="search"],
.boStartForm input[type="tel"],
.boStartForm input[type="time"],
.boStartForm input[type="url"],
.boStartForm input[type="color"],
.boStartForm select,
.boStartForm textarea,
.boStartForm .input {
  display: inline-block;
  /**display: inline;*/
  /**zoom: 1;*/
  letter-spacing: 1px;
  padding: 8px 10px;
  color: #000;
  border: 2px solid #000;
  height: 45px;
  width: 100%;
  margin-bottom: 10px;
  background: transparent;
  font-weight: bold;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition-property: box-shadow, border-color;
  transition-duration: 0.45s, 0.45s;
  transition-timing-function: initial, ease-in-out;
  transition-delay: initial, initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

.boStartForm textarea {
  height: 100px;
}

.boStartForm input[type="text"]:active,
.boStartForm input[type="password"]:active,
.boStartForm input[type="date"]:active,
.boStartForm input[type="datetime"]:active,
.boStartForm input[type="datetime-local"]:active,
.boStartForm input[type="month"]:active,
.boStartForm input[type="week"]:active,
.boStartForm input[type="email"]:active,
.boStartForm input[type="number"]:active,
.boStartForm input[type="search"]:active,
.boStartForm input[type="tel"]:active,
.boStartForm input[type="time"]:active,
.boStartForm input[type="url"]:active,
.boStartForm input[type="color"]:active,
.boStartForm select:active,
.boStartForm textarea:active,
.boStartForm input[type="text"]:focus,
.boStartForm input[type="password"]:focus,
.boStartForm input[type="date"]:focus,
.boStartForm input[type="datetime"]:focus,
.boStartForm input[type="datetime-local"]:focus,
.boStartForm input[type="month"]:focus,
.boStartForm input[type="week"]:focus,
.boStartForm input[type="email"]:focus,
.boStartForm input[type="number"]:focus,
.boStartForm input[type="search"]:focus,
.boStartForm input[type="tel"]:focus,
.boStartForm input[type="time"]:focus,
.boStartForm input[type="url"]:focus,
.boStartForm input[type="color"]:focus,
.boStartForm select:focus,
.boStartForm textarea:focus {
  border-color: #e7b338;
  outline: 0;
}

.boStartForm input[type="text"]:hover,
.boStartForm input[type="password"]:hover,
.boStartForm input[type="date"]:hover,
.boStartForm input[type="datetime"]:hover,
.boStartForm input[type="datetime-local"]:hover,
.boStartForm input[type="month"]:hover,
.boStartForm input[type="week"]:hover,
.boStartForm input[type="email"]:hover,
.boStartForm input[type="number"]:hover,
.boStartForm input[type="search"]:hover,
.boStartForm input[type="tel"]:hover,
.boStartForm input[type="time"]:hover,
.boStartForm input[type="url"]:hover,
.boStartForm input[type="color"]:hover,
.boStartForm select:hover,
.boStartForm textarea:hover,
.boStartForm .input:hover {
  color: #000;
}

.boStartForm input:-webkit-autofill,
.boStartForm input:-webkit-autofill:hover,
.boStartForm input:-webkit-autofill:active,
.boStartForm input:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-text-fill-color: black !important;
}


.paragraphsBox {
  float: left;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  width: calc(60% - 22px);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}

.paragraphsBox img {
  max-width: 100% !important;
}

.blurbsBox {
  float: right;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  width: calc(38% - 22px);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
}

.blurbRight img {
  max-width: 100%;
}

.statBox_left {
  float: left;
  width: 60%;
}

.statBox_right {
  float: right;
  width: 38%;
}

.statistics_totalNbrTickets {
  font-size: 98px;
  font-weight: bold;
}

.totalNbrTicketsUpdate {
  background-color: #22FF66;

}

.dataChartMainHeader {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 5px 0 5px 0;
}

.dataChartBox {
  border: 1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0 10px 0;
  padding: 10px;
  background: #FFFFFF;
  text-align: center;
}

.dataChartHeader {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 5px 0 5px 0;
}

.dataChart {
  text-align: center;

}

.doughnutBoxSingle {
  display: inline-block;
  width: 45%;
  border: 1px none #000000;
}

.doughnutBoxSingleHeader {
  margin: 15px 0 0 0;
  font-size: 0.8em;

}


.ViewSelector {
  display: flex;
  width: calc(100% - 1em);
}
.ViewSelector table {
    height: 30px;
    table-layout: fixed;
    width: 300px;
    flex: 1 1 calc(100% / 3 - 1em);
    margin-left: 1em;
    border-collapse: collapse;
    border-spacing: 0;
}
.ViewSelector table, .ViewSelector td {
    width: auto !important;
}
.ViewSelector table {
    height: auto !important;
}
.ViewSelector table, .ViewSelector tbody, .ViewSelector td, .ViewSelector tr {
    display: block;
}
.ViewSelector table {
    display: block;
    margin-bottom: 1em;
    width: 100%;
}