@charset "UTF-8";
/*
	BloomUI - Framework
	version:0.0.1
*/
/*
	BloomUI - Geral Variables
*/
code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 11px;
  background: #faf8f0;
}

/* 
	BloomUI - Colors 
*/
/** Text Color **/
/** Borders **/
/** Buttons **/
/** Type of alert **/
/*Listing*/
/* Calendar */
/* Time Tables */
/*Table assignments*/
/*scheduling*/
/*assignments*/
/*Booking*/
/*Background colors*/
/* 
	BloomUI - Grid
*/
.mainContainer {
  max-width: 960px;
  padding: 0 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  /*@include first_resize{
  	width: 768px;
  }
  @include second_resize{
  	width: 480px;
  }
  @include third_resize{
  	width: 320px;
  }*/
}

.mainContainer:after {
  content: " ";
  line-height: 1;
  display: block;
  clear: both;
}

/* Row */
.row {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.row80 {
  position: relative;
  float: left;
  display: block;
  width: 80%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  /*@include second_resize{
  	width:100%;
  }*/
}

.row75 {
  position: relative;
  float: left;
  display: block;
  width: 75%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  /*@include second_resize{
  	width:100%;
  }*/
}

.row50 {
  position: relative;
  float: left;
  display: block;
  width: 50%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  /*@include second_resize{
  	width:100%;
  }*/
}

.row33 {
  position: relative;
  float: left;
  display: block;
  width: 33.33%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  /*@include second_resize{
  	width:100%;
  }*/
}

.row66 {
  position: relative;
  float: left;
  display: block;
  width: 66.66%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  /*@include second_resize{
  	width:100%;
  }*/
}

.row25 {
  position: relative;
  float: left;
  display: block;
  width: 25%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  /*@include second_resize{
  	width:100%;
  }*/
}

.row20 {
  position: relative;
  float: left;
  display: block;
  width: 20%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  /*@include second_resize{
  	width:100%;
  }*/
}

.row75.static {
  width: 75% !important;
}

.row75.static.first {
  width: 75% !important;
  padding-right: 6px !important;
}

.row75.static.last {
  width: 75% !important;
  padding-left: 6px !important;
}

.row50.static {
  width: 50% !important;
}

.row50.static.first {
  width: 50% !important;
  padding-right: 6px !important;
}

.row50.static.last {
  width: 50% !important;
  padding-left: 6px !important;
}

.row33.static {
  width: 33.33% !important;
}

.row33.static.first {
  width: 33.33% !important;
  padding-right: 6px !important;
}

.row33.static.middle {
  width: 33.33% !important;
  padding: 0 6px !important;
}

.row33.static.last {
  width: 33.33% !important;
  padding-left: 6px !important;
}

.row66.static {
  width: 66.66% !important;
}

.row66.static.first {
  width: 66.66% !important;
  padding-right: 6px !important;
}

.row66.static.last {
  width: 66.66% !important;
  padding-left: 6px !important;
}

.row25.static {
  width: 25% !important;
}

.row25.static.first {
  width: 25% !important;
  padding-right: 6px !important;
}

.row25.static.middle {
  width: 25% !important;
  padding: 0 6px !important;
}

.row25.static.last {
  width: 25% !important;
  padding-left: 6px !important;
}

.row20.static {
  width: 20% !important;
}

.row20.static.first {
  width: 20% !important;
  padding-right: 6px !important;
}

.row20.static.middle {
  width: 20% !important;
  padding: 0 6px !important;
}

.row20.static.last {
  width: 20% !important;
  padding-left: 6px !important;
}

.row80.first {
  width: 80%;
  padding-right: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  }*/
}

.row80.last {
  width: 80%;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-left:0;
  }*/
}

.row75.first {
  width: 75%;
  padding-right: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  }*/
}

.row75.last {
  width: 75%;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-left:0;
  }*/
}

.row50.first {
  width: 50%;
  padding-right: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  }*/
}

.row50.last {
  width: 50%;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-left:0;
  }*/
}

.row33.first {
  width: 33.33%;
  padding-right: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  }*/
}

.row33.middle {
  width: 33.33%;
  padding-left: 6px;
  padding-right: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  	margin-left:0;
  }*/
}

.row33.last {
  width: 33.33%;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-left:0;
  }*/
}

.row66.first {
  width: 66.66%;
  padding-right: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  }*/
}

.row66.last {
  width: 66.66%;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  }*/
}

.row25.first {
  width: 25%;
  padding-right: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  }*/
}

.row25.middle {
  width: 25%;
  padding-right: 6px;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  	margin-left:0;
  }*/
}

.row25.last {
  width: 25%;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-left:0;
  }*/
}

.row20.first {
  width: 20%;
  padding-right: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  }*/
}

.row20.middle {
  width: 20%;
  padding-right: 6px;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-right:0;
  	margin-left:0;
  }*/
}

.row20.last {
  width: 20%;
  padding-left: 6px;
  /*@include second_resize{
  	width:100%;
  	margin-left:0;
  }*/
}

.firstpaddingbigger {
  padding-right: 12px !important;
}

.lastpaddingbigger {
  padding-left: 12px !important;
}

/* Margins */
.margin_sm {
  margin: 8px;
}

.margin_sm_down {
  margin-bottom: 8px;
}

.margin_sm_top {
  margin-top: 8px;
}

.margin_sm_left {
  margin-left: 8px;
}

.margin_sm_right {
  margin-right: 8px;
}

.margin_sm_no_down {
  margin-bottom: 0;
}

.margin_sm_no_top {
  margin-top: 0;
}

.margin_sm_no_left {
  margin-left: 0;
}

.margin_sm_no_right {
  margin-right: 0;
}

.margin_m {
  margin: 12px;
}

.margin_m_down {
  margin-bottom: 12px;
}

.margin_m_top {
  margin-top: 12px;
}

.margin_m_left {
  margin-left: 12px;
}

.margin_m_right {
  margin-right: 12px;
}

.margin_m_no_down {
  margin-bottom: 0;
}

.margin_m_no_top {
  margin-top: 0;
}

.margin_m_no_left {
  margin-left: 0;
}

.margin_m_no_right {
  margin-right: 0;
}

.margin_26 {
  margin: 26px;
}

.margin_26_down {
  margin-bottom: 26px;
}

.margin_26_top {
  margin-top: 26px;
}

.margin_26_left {
  margin-left: 26px;
}

.margin_26_right {
  margin-right: 26px;
}

.margin_xl {
  margin: 16px;
}

.margin_xl_down {
  margin-bottom: 16px;
}

.margin_xl_top {
  margin-top: 16px;
}

.margin_xl_left {
  margin-left: 16px;
}

.margin_xl_right {
  margin-right: 16px;
}

.margin_xl_no_down {
  margin-bottom: 0;
}

.margin_xl_no_top {
  margin-top: 0;
}

.margin_xl_no_left {
  margin-left: 0;
}

.margin_xl_no_right {
  margin-right: 0;
}

.margin_xs {
  margin: 2px;
}

.margin_xs_down {
  margin-bottom: 2px;
}

.margin_xs_top {
  margin-top: 2px;
}

.margin_xs_left {
  margin-left: 2px;
}

.margin_xs_right {
  margin-right: 2px;
}

.margin_xs_no_down {
  margin-bottom: 0;
}

.margin_xs_no_top {
  margin-top: 0;
}

.margin_xs_no_left {
  margin-left: 0;
}

.margin_xs_no_right {
  margin-right: 0;
}

.no_margin {
  margin: 0 !important;
}

.no_padding {
  padding: 0 !important;
}

/*border*/
.border {
  border: 1px solid #cccccc;
}

.border_left {
  border-left: 1px solid #cccccc !important;
}

.border_right {
  border-right: 1px solid #cccccc !important;
}

.border_top {
  border-top: 1px solid #cccccc !important;
}

.border_bottom {
  border-bottom: 1px solid #cccccc !important;
}

.border_no_color {
  border: 1px solid;
}

.border_left_no_color {
  border-left: 1px solid !important;
}

.border_right_no_color {
  border-right: 1px solid !important;
}

.border_top_no_color {
  border-top: 1px solid !important;
}

.border_bottom_no_color {
  border-bottom: 1px solid !important;
}

.border_white {
  border-color: white !important;
}

.no_border {
  border: 0 !important;
}

.no_border_left {
  border-left: 0 !important;
}

.no_border_right {
  border-right: 0 !important;
}

.no_border_top {
  border-top: 0 !important;
}

.no_border_bottom {
  border-bottom: 0 !important;
}

/*align*/
.align_left {
  text-align: left !important;
}

.align_right {
  text-align: right !important;
}

.align_center {
  text-align: center !important;
}

/*float*/
.left {
  float: left !important;
}

.right {
  float: right !important;
}

.disabledFullDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.6;
  z-index: 100;
  cursor: not-allowed;
}

/* Margins */
.padding_sm {
  padding: 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_sm_down {
  padding-bottom: 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_sm_top {
  padding-top: 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_sm_left {
  padding-left: 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_sm_right {
  padding-right: 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_sm_no_down {
  padding-bottom: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_sm_no_top {
  padding-top: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_sm_no_left {
  padding-left: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_sm_no_right {
  padding-right: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m {
  padding: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m_down {
  padding-bottom: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m_top {
  padding-top: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m_left {
  padding-left: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m_right {
  padding-right: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m_no_down {
  padding-bottom: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m_no_top {
  padding-top: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m_no_left {
  padding-left: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_m_no_right {
  padding-right: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_26 {
  padding: 26px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_26_down {
  padding-bottom: 26px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_26_top {
  padding-top: 26px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_26_left {
  padding-left: 26px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_26_right {
  padding-right: 26px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl {
  padding: 16px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl_down {
  padding-bottom: 16px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl_top {
  padding-top: 16px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl_left {
  padding-left: 16px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl_right {
  padding-right: 16px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl_no_down {
  padding-bottom: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl_no_top {
  padding-top: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl_no_left {
  padding-left: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_xl_no_right {
  padding-right: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.padding_label {
  padding-top: 20px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.margin_label {
  margin-top: 20px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.lineHeightInput {
  line-height: 34px !important;
}

.textInputHeight {
  line-height: 34px !important;
  height: 34px !important;
}

.marginFinalPage {
  margin-bottom: 50px;
}

/*@media only screen and (max-width: 768px) {
	.mainContainer{
		width:768px;
		padding:0 $margin_small;
		max-width: none;
	}
}
@media only screen and (max-width: 425px) {
	.mainContainer{
		width:425px;
		padding:0 $margin_small;
		max-width: none;
	}
}
@media only screen and (max-width: 375px) {
	.mainContainer{
		width:375px;
		padding:0 $margin_small;
		max-width: none;
	}
}
@media only screen and (max-width: 320px) {
	.mainContainer{
		width:320px;
		padding:0 $margin_small;
		max-width: none;
	}
}*/
@media only screen and (max-width: 426px) {
  .responsive_no_padding {
    padding: 0 !important;
  }
  .responsive_no_padding_right {
    padding-right: 0 !important;
  }
  .responsive_no_padding_left {
    padding-left: 0 !important;
  }
  .responsive_no_padding_bottom {
    padding-bottom: 0 !important;
  }
  .responsive_no_padding_top {
    padding-top: 0 !important;
  }
  .row75, .row50, .row33, .row66, .row25, .row20 {
    width: 100%;
    padding-bottom: 12px;
  }
  .row75.first, .row50.first, .row33.first, .row66.first, .row25.first, .row20.first {
    width: 100%;
    padding-right: 0 !important;
    padding-bottom: 12px;
  }
  .row80.first {
    width: 100%;
    padding-right: 0 !important;
    padding-bottom: 12px;
  }
  .row80.last {
    width: 100%;
    padding-left: 0 !important;
    padding-bottom: 12px;
  }
  .row75.last, .row50.last, .row33.last, .row66.last, .row25.last, .row20.last {
    width: 100%;
    padding-left: 0 !important;
    padding-bottom: 12px;
  }
  .row33.middle, .row25.middle, .row20.middle {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 12px;
  }
  .tablecellblock {
    display: block !important;
    width: 50%;
    float: left;
  }
  .tablecellblockSpacing {
    display: none !important;
  }
  .firstpaddingbigger {
    padding-right: 0px !important;
  }
  .lastpaddingbigger {
    padding-left: 0px !important;
  }
  .noPaddingBottomGrid {
    padding-bottom: 0px !important;
  }
}
.showonmobile {
  display: none;
}

.hideonmobile {
  display: block;
}

@media only screen and (max-width: 426px) {
  .showonmobile {
    display: block;
  }
  .hideonmobile {
    display: none;
  }
  .buttonGridTrick {
    width: auto !important;
  }
}
/*
	BloomUI - Inputs
*/
.no_user_select {
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[readonly],
textarea[readonly] {
  background-color: #E6E6E6;
  color: #CCCCCC;
}

input[type=number] {
  -moz-appearance: textfield;
}

.bloomTooltipContainer {
  margin-left: 10px;
  margin-right: 10px;
  position: absolute;
  z-index: 999999;
}

slide_text:hover {
  position: absolute;
  white-space: nowrap;
  animation: floatText 5s infinite alternate ease-in-out;
}

@-webkit-keyframes floatText {
  from {
    left: 0%;
  }
  to {
    /* left: auto; */
    left: 100%;
  }
}
.textAreaDefault {
  border: 1px solid #cccccc;
  background-color: white;
  resize: none;
  outline: none;
}

.textAreaDefault.orange:focus {
  border-color: #EC8222;
}

.textAreaDefault.red:focus {
  border-color: #cf0a2c;
}

.textAreaDefault.blue:focus {
  border-color: #36a8df;
}

.textAreaDefault.green:focus {
  border-color: #049355;
}

.bloomTooltip {
  max-width: 300px;
  padding: 12px;
  line-height: 18px;
  position: relative;
  background-color: #e6e6e6;
  color: #4d4d4d;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(61, 61, 61, 0.4);
  -moz-box-shadow: 0px 0px 8px 2px rgba(61, 61, 61, 0.4);
  box-shadow: 0px 0px 8px 2px rgba(61, 61, 61, 0.4);
  -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.5s; /* Firefox < 16 */
  -ms-animation: fadein 0.5s; /* Internet Explorer */
  -o-animation: fadein 0.5s; /* Opera < 12.1 */
  animation: fadein 0.5s;
}

.bloomTooltipIcon:before {
  content: "?";
  display: block;
  position: relative;
  top: 0px;
}

.bloomTooltipIcon {
  display: inline-block;
  border-radius: 50%;
  cursor: help;
  font-size: 12px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.inputContainer {
  float: left;
  margin-bottom: 8px;
}

.inputContainer.selectWithouLabel {
  height: 34px !important;
  margin-bottom: 8px;
}

.inputContainer.CheckRadio {
  height: auto;
}

.inputContainer.TextArea {
  height: 128px;
  margin-bottom: 4px;
}

.inputLabelText {
  float: left;
  display: block;
  font-size: 11px;
  line-height: 1;
}

.inputLabel {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  color: #4d4d4d;
  margin: 6px 0;
  display: block;
  height: 12px;
}

.inputLabel:after {
  clear: both;
}

.select_label {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select_label_option {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timezoneGroup {
  font-weight: 800;
}

.timezoneElement {
  padding-left: 30px !important;
}

.noInputStyle {
  -webkit-appearance: none;
  outline: none;
  font-size: 12px;
  color: #666666;
  float: left;
  width: 100%;
  border: 0;
}

.inputText {
  font-size: 12px;
  height: 34px;
  color: #666666;
  width: 100%;
  border: 1px solid #cccccc;
  padding-left: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.inputText.disabled, .inputText.disabled:focus {
  border: 1px solid #cccccc;
  color: #cccccc;
  pointer-events: none;
}

.inputLabel.disabled {
  color: #cccccc;
  pointer-events: none;
}

.inputText:focus {
  outline: none;
  border: 1px solid #cf0a2c;
}

.inputTextOrange:focus {
  outline: none;
  border: 1px solid #EC8222;
}

.inputTextBlue:focus {
  outline: none;
  border: 1px solid #36a8df;
}

.inputTextGreen:focus {
  outline: none;
  border: 1px solid #049355;
}

.inputTextDarkRed:focus {
  outline: none;
  border: 1px solid #a21d21;
}

.inputTextDarkBlue:focus {
  outline: none;
  border: 1px solid #4265aa;
}

.inputTextArea {
  resize: none;
  font-size: 12px;
  height: 100px;
  color: #666666;
  width: 100%;
  margin: 0px;
  border: 1px solid #cccccc;
  padding-top: 12px;
  padding-left: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.inputTextArea.disabled, .inputTextArea.disabled:focus {
  border: 1px solid #cccccc;
  color: #cccccc;
  pointer-events: none;
}

.inputTextArea:focus {
  outline: none;
  border: 1px solid #cf0a2c;
}

.inputTextAreaOrange:focus {
  outline: none;
  border: 1px solid #EC8222;
}

.inputTextAreaGreen:focus {
  outline: none;
  border: 1px solid #049355;
}

.inputTextAreaBlue:focus {
  outline: none;
  border: 1px solid #36a8df;
}

.inputTextAreaDarkBlue:focus {
  outline: none;
  border: 1px solid #4265aa;
}

.inputTextAreaDarkRed:focus {
  outline: none;
  border: 1px solid #a21d21;
}

.inputField {
  display: block;
  float: left;
}

.inputField.orange, .inputField.green {
  border-color: #cccccc;
}

.inputField.orange:focus-within {
  border-color: #EC8222 !important;
}

.inputField.green:focus-within {
  border-color: #049355 !important;
}

.inputField.inputSpinnerContainer {
  width: 50%;
}

.spinnerContainer {
  min-width: 60px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.inputSpinner {
  font-size: 12px;
  height: 29px;
  color: #666666;
  outline: none;
  background-color: #FFFFFF !important;
  border: 0;
  width: 35px;
  padding-left: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.inputSpinner.disabled {
  color: #e6e6e6 !important;
}

.optionsSpinner,
.optionsSpinnerRed,
.optionsSpinnerBlue,
.optionsSpinnerDarkBlue,
.optionsSpinnerDarkBlueHovered,
.optionsSpinnerGreen,
.optionsSpinnerDarkRed {
  width: 100%;
  cursor: pointer;
  outline: none;
  color: #4d4d4d;
  text-align: center;
  height: 16px;
  line-height: 16px;
  /*background-color:white;*/
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.optionsSpinner:hover {
  color: #EC8222;
}

.optionsSpinnerRed:hover {
  color: #cf0a2c;
}

.optionsSpinnerBlue:hover {
  color: #36a8df;
}

.optionsSpinnerDarkBlue:hover {
  color: #4265aa;
}

.optionsSpinnerDarkBlueHovered:hover {
  color: #4265aa;
}

.optionsSpinnerGreen:hover {
  color: #049355;
}

.optionsSpinnerDarkRed:hover {
  color: #a21d21;
}

.optionsSpinnerDisabled {
  width: 100%;
  cursor: default;
  outline: none;
  color: #cccccc !important;
  text-align: center;
  padding-right: 8px;
  height: 16px;
  line-height: 16px;
  /*background-color:#E6E6E6 !important;*/
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.optionsSpinner.top {
  height: 16px;
  line-height: 16px;
}

.inputRadioButton {
  height: 34px;
  line-height: 34px;
  width: 100%;
  cursor: pointer;
}

.inputCheckBox {
  height: 34px;
  line-height: 34px;
  width: 100%;
  cursor: pointer;
}

.inputCheckBox.disabled .inputCheckRadio.disabled, .inputCheckBox.disabled:hover .inputCheckRadio, .inputCheckBox.disabled:hover .inputCheckRadio.disabled, .inputCheckBox.disabled .inputCheckLabel, .inputCheckBox.disabled:hover .inputCheckLabel {
  color: #9c9c9c;
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.inputRadioButton.disabled .inputCheckRadio.disabled, .inputRadioButton.disabled:hover .inputCheckRadio, .inputRadioButton.disabled:hover .inputCheckRadio.disabled, .inputRadioButton.disabled .inputRadioLabel, .inputRadioButton.disabled:hover .inputRadioLabel {
  color: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.inputCheckBox:hover .inputCheckRadio, .inputRadioButton:hover .inputCheckRadio {
  color: #cf0a2c;
}

.inputCheckBoxOrange:hover .inputCheckRadioOrange, .inputRadioButtonOrange:hover .inputCheckRadioOrange {
  color: #EC8222;
}

.inputCheckBox:hover .inputCheckRadioGreen, .inputRadioButton:hover .inputCheckRadioGreen,
.inputCheckBoxGreen:hover .inputCheckRadioGreen, .inputRadioButtonGreen:hover .inputCheckRadioGreen {
  color: #049355;
}

.inputCheckBox:hover .inputCheckRadioDarkRed, .inputRadioButton:hover .inputCheckRadioDarkRed,
.inputCheckBoxDarkRed:hover .inputCheckRadioDarkRed, .inputRadioButtonDarkRed:hover .inputCheckRadioDarkRed {
  color: #a21d21;
}

.inputCheckBox:hover .inputCheckRadioBlue, .inputRadioButton:hover .inputCheckRadioBlue,
.inputCheckBoxBlue:hover .inputCheckRadioBlue, .inputRadioButtonBlue:hover .inputCheckRadioBlue {
  color: #36a8df;
}

.inputCheckBox:hover .inputCheckRadioDarkBlue, .inputRadioButton:hover .inputCheckRadioDarkBlue,
.inputCheckBoxDarkBlue:hover .inputCheckRadioDarkBlue, .inputRadioButtonDarkBlue:hover .inputCheckRadioDarkBlue {
  color: #4265aa;
}

.inputCheckRadio {
  font-size: 12px;
  color: #666666;
  height: 34px;
  line-height: 34px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.inputCheckRadio.selected {
  color: #cf0a2c;
}

.inputCheckRadioOrange.selected {
  color: #EC8222;
}

.inputCheckRadioBlue.selected {
  color: #36a8df;
}

.inputCheckRadioDarkBlue.selected {
  color: #4265aa;
}

.inputCheckRadioDarkRed.selected {
  color: #a21d21;
}

.inputCheckRadioGreen.selected {
  color: #049355;
}

.inputCheckLabel {
  font-size: 12px;
  height: 34px;
  line-height: 34px;
  color: #666666;
  width: 100%;
  padding-left: 8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.inputRadioLabel {
  font-size: 12px;
  height: 34px;
  line-height: 34px;
  color: #666666;
  width: 100%;
  padding-left: 8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

select::-ms-expand {
  display: none;
}

.selectBox {
  z-index: 1;
  height: 34px;
  line-height: 34px;
  background: #ffffff url("../img/arrowdown.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
  color: #666666;
  text-align: left !important;
  border: 1px solid #cccccc;
  border-radius: 4px !important;
  cursor: pointer;
  outline: 0 none;
  padding: 0 30px 0 11px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.blueBox {
  z-index: 1;
  height: 34px;
  line-height: 34px;
  background: rgb(54, 168, 223) url("../img/arrowdownwhite.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
  color: white;
  text-align: left !important;
  border: 1px solid rgb(54, 168, 223);
  border-radius: 4px !important;
  cursor: pointer;
  outline: 0 none;
  padding: 0 30px 0 11px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.blueBox:hover {
  border: 1px solid rgb(54, 168, 223);
}

.blueBox.Transparent {
  color: white;
  border: 0px !important;
  background: transparent url("../img/arrowdownwhite.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
}

.darkRedBox {
  z-index: 1;
  height: 34px;
  line-height: 34px;
  background: #a21d21 url("../img/arrowdownwhite.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
  color: white;
  text-align: left !important;
  border: 1px solid #a21d21;
  border-radius: 4px !important;
  cursor: pointer;
  outline: 0 none;
  padding: 0 30px 0 11px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.darkRedBox:hover {
  border: 1px solid #a21d21;
}

.darkRedBox.Transparent {
  color: white;
  border: 0px !important;
  background: transparent url("../img/arrowdownwhite.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
}

.selectBox.noArrow {
  background: rgb(54, 168, 223) !important;
  text-align: center !important;
  padding: 0;
}

.selectBox.disabled, .selectBox.disabled:hover {
  color: #CCCCCC;
  background-color: #E6E6E6 !important;
  border: 1px solid rgb(54, 168, 223);
  cursor: default;
  background: rgb(54, 168, 223) url("../img/arrowdowndisabled.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
}

.selectBox.Transparent {
  color: #ffffff;
  border: 0px !important;
  background: transparent url("../img/arrowdownwhite.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
}

.selectBox.noArrow {
  background: #ffffff !important;
  text-align: center !important;
  padding: 0;
}

.selectBox.disabled, .selectBox.disabled:hover {
  color: #CCCCCC;
  background-color: #E6E6E6 !important;
  border: 1px solid #CCCCCC;
  cursor: default;
  background: #E6E6E6 url("../img/arrowdowndisabled.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
}

.selectBox:hover {
  border: 1px solid #cf0a2c;
}

.selectBoxOrange:hover {
  border: 1px solid #EC8222;
}

.selectBoxGreen:hover {
  border: 1px solid #049355;
}

.selectBoxDarkRed:hover {
  border: 1px solid #a21d21;
}

.selectBoxBlue:hover {
  border: 1px solid #36a8df;
}

.selectBoxDarkBlue:hover {
  border: 1px solid #4265aa;
}

.selectBox.redBox, .selectBox.redBox:hover {
  background: #cf0a2c url("../img/arrowdownwhite.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
  color: #ffffff !important;
  border: 0px !important;
}

.selectOptionsContainer {
  position: absolute;
  width: 100%;
  top: 0 !important;
  left: 0;
  min-height: 34px;
  background: white;
  z-index: 9999;
  border: 1px solid #cccccc;
}

.selectOptionBlock {
  display: block;
  width: 100%;
  background-color: white;
  text-align: left;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  color: #4d4d4d;
  padding-left: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  cursor: pointer;
}

.selectOptionBlock.no_cursor {
  cursor: default;
}

.selectOptionBlock.inside {
  padding-left: 26px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.diviser {
  float: left;
  width: 90%;
  border-bottom: 1px solid #cccccc;
}

.selectOptionBlock:hover, .selectOptionBlock.inside:hover {
  background-color: #e6e6e6;
}

.selectOptionBlockGroup {
  display: block;
  width: 100%;
  background-color: white;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  color: #4d4d4d;
  padding-left: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.selectOptionBlockGroup.inside {
  padding-left: 26px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.select_search {
  width: 100%;
  height: 34px;
  outline: none;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  color: #666666;
  text-align: left !important;
  cursor: pointer;
  user-select: none;
  line-height: 34px;
  font-size: 12px;
}

.select_search:focus {
  outline: none;
  box-shadow: none;
}

.select_selected {
  background-color: #e6e6e6;
}

.selectDataPicker {
  width: 100%;
  z-index: 1;
  height: 34px;
  line-height: 34px;
  background: #ffffff url("../img/calendar.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
  color: #666666;
  text-align: left !important;
  border: 1px solid #cccccc;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 25px 0 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectDataPicker.disabled, .selectDataPicker.disabled:hover {
  color: #e6e6e6;
  border: 1px solid #e6e6e6;
  opacity: 0.6;
}

.selectDataPicker:hover {
  border: 1px solid #cf0a2c;
}

.selectDataPicker.green:hover {
  border: 1px solid #049355;
}

.selectDataPickerContainer {
  background-color: white;
  z-index: 10;
  width: 283px;
  font-size: 12px;
  color: #4d4d4d;
  padding-left: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  cursor: pointer;
  top: 0;
  position: absolute;
  padding: 8px;
  border: 1px solid #cccccc;
}

.selectDataPicker.withHours {
  width: 75%;
}

.slecteHourInput {
  cursor: pointer;
  border-radius: 4px !important;
  font-size: 12px;
  height: 34px !important;
  color: #666666;
  width: 100%;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.slecteHourInput.disabled, .slecteHourInput.disabled:hover {
  color: #e6e6e6;
  border: 1px solid #e6e6e6;
}

.slecteHourInput:hover {
  border: 1px solid #cf0a2c;
}

.inputSearch {
  border-radius: 4px !important;
  font-size: 12px;
  height: 34px;
  background: #ffffff url("../img/search.svg") no-repeat scroll right 4% top 50%/14px 14px !important;
  color: #666666;
  width: 100%;
  border: 1px solid #cccccc;
  padding-left: 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.inputSearch.disabled, .inputSearch.disabled:focus {
  background-color: #e6e6e6 !important;
  pointer-events: none;
}

.inputSearch:focus {
  outline: none;
  border: 1px solid #cf0a2c;
}

.inputSearchOrange:focus {
  outline: none;
  border: 1px solid #EC8222;
}

.inputSearchGreen:focus {
  outline: none;
  border: 1px solid #049355;
}

.inputSearchBlue:focus {
  outline: none;
  border: 1px solid #36a8df;
}

.inputSearchDarkBlue:focus {
  outline: none;
  border: 1px solid #4265aa;
}

.textMoreCharacters {
  font-size: 0.8em;
  color: #cf0a2c;
  min-height: 12px;
  margin-top: 9px;
  margin-bottom: 3px;
}

.socialLinkContainer {
  height: 40px;
  position: relative;
  float: left;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.socialLinkSelector {
  height: 40px;
  position: relative;
  float: left;
  display: block;
  width: 120px;
  padding-right: 1px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.socialLinkText {
  height: 40px;
  position: relative;
  float: left;
  display: block;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.socialLinkButton {
  height: 40px;
  position: relative;
  float: right;
  display: block;
  width: 35px;
  padding-left: 1px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

/***
Spectrum Colorpicker v1.6.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.colorPickerContainer {
  position: relative;
  width: 100%;
  margin-bottom: 8px;
  height: 34px;
  float: left;
  display: block;
  border: 1px solid #cccccc;
}

.colorPickerContainer.justColor {
  width: 34px;
}

.colorPickerContainer.withLabel {
  height: 36px;
}

.colorPickerLabel {
  line-height: 34px;
  padding-left: 10px;
  float: left;
  color: #4d4d4d;
}

.colorPickerSpectrum {
  float: right;
  width: 34px;
}

.colorPickerSpectrum.withLabel {
  margin-right: 1px;
  border-left: 1px solid #cccccc;
}

.justColor {
  float: left;
}

.colorPickerSpectrumInput {
  display: block;
  width: 34px;
  position: relative;
  cursor: pointer;
}

.colorPickerSpectrumArrow {
  position: absolute;
  bottom: 3px;
  right: 3px;
  color: white;
  font-size: 8px;
}

.okButton {
  background-color: #cf0a2c !important;
  color: white !important;
  text-align: center;
  height: 100%;
  margin-left: 5px;
  font-size: 11px !important;
  width: 100%;
  text-align: center;
  position: relative;
  display: block;
  text-decoration: none;
  line-height: 22px;
}

.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 11%;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 93%;
  height: 100%;
}

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: 0.8;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

.sp-alpha-inner {
  border: solid 1px #333;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}

.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}

.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: 0.8;
}

.select-arrow {
  position: relative;
  top: 8px;
  float: right;
  font-size: 16px !important;
  right: 3px;
  color: #cf0a2c;
}

.sp-arrow {
  top: 21px;
  position: relative;
  color: white;
  right: -5px;
  /* Safari */
  -webkit-transform: rotate(-45deg) !important;
  /* Firefox */
  -moz-transform: rotate(-45deg) !important;
  /* IE */
  -ms-transform: rotate(-45deg) !important;
  /* Opera */
  -o-transform: rotate(-45deg) !important;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  padding: 0;
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 3px;
}

.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #666;
}

.okbutton {
  background-color: #cf0a2c !important;
  color: white !important;
  text-align: center;
  height: 12px;
  padding-top: 3px;
  margin-left: 5px;
  font-size: 11px !important;
}

/* Input */
.sp-input-container {
  float: left;
  width: 65px;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  padding: 4px 5px;
  margin: 0;
  height: 23px;
  width: 100%;
  background: #ffffff;
  color: #222;
}

.sp-input:focus {
  border: solid 1px #cf0a2c;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 300px;
  margin-bottom: -290px;
  padding-top: 7px;
}

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
  /* border: solid 1px #333; */
  margin-left: 15px;
  margin-top: 1px;
  width: 50px;
  height: 21px;
  margin-right: 7px;
}

.sp-initial span {
  width: 25px;
  height: 21px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right;
  margin-bottom: 6px;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  width: 34px;
  height: 34px;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  *zoom: 1;
  *display: inline-block;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

.colorPickerMasterService > .sp-replacer {
  height: 40px !important;
  width: 40px !important;
}

.colorPickerMasterService > .sp-replacer > .sp-preview {
  height: 40px !important;
  width: 40px !important;
}

.colorPickerMasterService > .sp-replacer > .sp-preview > sp-preview-inner {
  top: 0px;
  left: 0px;
}

.colorPickerMasterServiceDetailed > .sp-replacer {
  height: 34px !important;
  width: 34px !important;
}

.colorPickerMasterServiceDetailed > .sp-replacer > .sp-preview {
  height: 34px !important;
  width: 34px !important;
}

.colorPickerMasterServiceDetailed > .sp-replacer > .sp-preview > sp-preview-inner {
  top: 0px;
  left: 0px;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  color: #111;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

.sp-preview {
  position: relative;
  width: 35px;
  height: 35px;
  /*border: solid 1px #222;
  margin-right: 5px;
  float:left;*/
  z-index: 0;
}

.sp-palette {
  *width: 220px;
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #E1E2E4;
  background-image: -webkit-linear-gradient(top, #E1E2E4, #cccccc);
  background-image: -moz-linear-gradient(top, #E1E2E4, #cccccc);
  background-image: -ms-linear-gradient(top, #E1E2E4, #cccccc);
  background-image: -o-linear-gradient(top, #E1E2E4, #cccccc);
  background-image: linear-gradient(to bottom, #E1E2E4, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.sp-cancel {
  margin: 0;
  vertical-align: middle;
  text-decoration: none;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.tableAssignment {
  width: 100%;
  border-collapse: collapse;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.tableAssignmentCell {
  width: 16.66%;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tableAssignmentSpinner {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px !important;
  margin-top: 2px;
  width: 60px;
  float: none;
}

.tableAssignmentCell.header {
  border: 1px solid #cccccc;
  color: white;
  background-color: #4d4d4d;
  height: 20px;
  min-height: 20px;
}

.tableAssignmentCell.Location {
  min-height: 40px;
  width: 30%;
  text-align: left;
  padding-left: 8px;
  color: #4d4d4d;
  border: 1px solid #cccccc;
}

.tableAssignmentCell.Body {
  min-height: 40px;
  border: 1px solid #cccccc;
}

.tableAssignmentRow {
  width: 100%;
  min-height: 40px;
}

.tableAssignmentRow.light {
  background-color: white;
  color: #4d4d4d;
}

.tableAssignmentRow.dark {
  background-color: #e6e6e6;
  color: #4d4d4d;
}

.assignmentListRow-light {
  background-color: white;
  color: #4d4d4d;
}

.assignmentListRow-dark {
  background-color: #e6e6e6;
  color: #4d4d4d;
}

/* Tolerances list */
.toleranceOptionFirst {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 6px;
  display: block;
  float: left;
  width: 100%;
}

.toleranceOptionSecond {
  border-bottom: 1px solid #cccccc;
  padding: 6px;
  display: block;
  float: left;
  width: 100%;
}

.toleranceOptionIcon {
  float: left;
  font-size: 20px;
  margin-top: 5px;
  margin-right: 12px;
  text-align: center;
}

.toleranceOptionIcon.changed {
  color: #39b54a;
}

.toleranceOptionIcon.non-changed {
  color: #cf0a2c;
}

.toleranceBlDuration {
  float: left;
  width: 85%;
}

.questionsCheck {
  cursor: pointer;
}

.questionsCheckRadio {
  float: left;
  font-size: 13px;
  line-height: 34px !important;
  height: 34px;
  cursor: pointer;
  color: #4d4d4d;
  padding-right: 8px;
}

.questionsCheckRadio.selected {
  color: #cf0a2c;
}

.errorLabel {
  font-size: 12px;
  line-height: 14px;
  color: #cf0a2c;
}

.questionsCheckRadioText {
  float: left;
  font-size: 13px;
  line-height: 34px;
  height: 34px;
}

.durationContainer {
  position: relative;
  float: left;
  width: 100%;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.durationContainer.disabled {
  border: 1px solid #cccccc;
  color: #cccccc;
  opacity: 0.6;
  pointer-events: none;
}

.durationContainer:after {
  clear: both;
}

.durationTimerValue {
  position: relative;
  float: left;
  width: 33%;
  height: 34px;
}

.durationOptionsValue {
  position: relative;
  float: left;
  width: 66%;
  height: 95%;
  display: block;
}

.durationOptionsContainer {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  height: 100%;
}

.durationTimerValueTime {
  position: relative;
  float: left;
  width: 75%;
  display: block;
  padding-left: 12px;
  padding-top: 8px;
}

.durationTimerValueArrows {
  position: relative;
  float: left;
  width: 25%;
  display: block;
}

.durationTimerValueArrow {
  position: relative;
  float: left;
  width: 100%;
  height: 16px;
  line-height: 17px;
  font-size: 10px;
  display: block;
  text-align: center;
  cursor: pointer;
}

.durationTimerValueArrow.Disabled {
  color: #e6e6e6;
}

.durationTimerValueArrow.Red {
  color: #cf0a2c;
}

.durationTimerValueArrow.Blue {
  color: #36a8df;
}

.durationTimerValueArrow.Orange {
  color: #EC8222;
}

.durationTimerValueArrow.DarkBlue {
  color: #4265aa;
}

.durationTimerValueArrow.Green {
  color: #049355;
}

.durationTimerValueArrow.DarkRed {
  color: #9b0821;
}

.durationOptions {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background: #ffffff url("../img/arrowdown.svg") no-repeat scroll right 4% top 50%/14px 14px;
  color: #666666;
  text-align: left !important;
  cursor: pointer;
  outline: 0 none;
  padding: 0 12px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.durationOptions.disabled {
  color: #cccccc;
  background: transparent url("../img/arrowdown.svg") no-repeat scroll right 4% top 50%/14px 14px;
  opacity: 0.6;
}

.nopointer {
  cursor: default !important;
}

/*
	BloomUI - Buttons
*/
.flatLink {
  color: #cf0a2c;
  cursor: pointer;
}

.flatLink:hover {
  color: #9b0821;
}

.btPrimary {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #cf0a2c;
  border: 1px solid #cf0a2c;
  color: white;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btPrimary.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.btPrimary:hover, .btPrimary.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #9b0821;
  border: 1px solid #9b0821;
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
}

.btPrimaryOrange {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #3C3C3C;
}

.btPrimaryOrange:hover, .btPrimaryOrange.selected {
  background-color: #EC8222;
  border: 1px solid #EC8222;
  color: white;
}

.btPrimaryOrangeOnGray {
  background-color: #999999;
  border: 1px solid #999999;
  color: white;
}

.btPrimaryOrangeOnGray:hover, .btPrimaryOrangeOnGray.selected {
  background-color: #EC8222;
  border: 1px solid #EC8222;
  color: white;
}

.btPrimaryBlue {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #3C3C3C;
}

.btPrimaryRed {
  background-color: #cf0a2c;
  border: 1px solid #cf0a2c;
  color: white;
}

.btPrimaryBlue:hover, .btPrimaryBlue.selected {
  background-color: #36a8df;
  border: 1px solid #36a8df;
  color: white;
}

.btPrimaryWhiteOrange {
  background-color: white;
  border: none;
  color: #EC8222;
}

.btPrimaryWhiteOrange:hover, .btPrimaryWhiteOrange.selected {
  background-color: white;
  border: none;
  color: #ef7007;
  cursor: pointer;
}

.btPrimaryAlternative {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: white;
  border: 1px solid #cf0a2c;
  color: #cf0a2c;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btPrimaryAlternative.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btPrimaryAlternative:hover, .btPrimaryAlternative.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #9b0821;
  border: 1px solid #9b0821;
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
}

.btSecondary {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #1875d1;
  border: 1px solid #1875d1;
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btSecondary.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btSecondary:hover, .btSecondary.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #13599e;
  border: 1px solid #13599e;
  color: white;
  text-align: center;
  outline: 0;
}

.btSecundary_LightBlue {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #36a8df;
  border: 1px solid #36a8df;
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btSecundary_LightBlue.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btSecundary_LightBlue:hover, .btSecundary_LightBlue.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #1875d1;
  border: 1px solid #1875d1;
  color: white;
  text-align: center;
  outline: 0;
}

.btBlack {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  color: white;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btBlack:hover {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #999999;
  border: 1px solid #999999;
  color: white;
  text-align: center;
  outline: 0;
}

.btBlack.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btThird {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #39b54a;
  border: 1px solid #39b54a;
  color: white;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btThird.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btThird:hover, .btThird.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #049355;
  border: 1px solid #049355;
  color: white;
  text-align: center;
  outline: 0;
}

.btGreen {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #049355;
  border: 1px solid #049355;
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btGreen.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btGreen:hover, .btGreen.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #036c41;
  border: 1px solid #036c41;
  color: white;
  text-align: center;
  outline: 0;
}

.btWhiteGreen {
  background-color: white;
  color: #049355;
}

.btWhiteGreen:hover {
  background-color: #68BE99;
  color: white;
}

.btOrange {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #EC8222;
  border: 1px solid #EC8222;
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btOrange.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btOrange.disabledAssigments {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
  background-color: #b3b3b3 !important;
  color: #e6e6e6 !important;
  border: 0 !important;
}

.btOrange:hover, .btOrange.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #ef7007;
  border: 1px solid #ef7007;
  color: white;
  text-align: center;
  outline: 0;
}

.noExpand {
  display: inline-block;
}

.btThirdMaster {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #049355;
  border: 1px solid #049355;
  color: white;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btThirdMaster.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btThirdMaster:hover, .btThirdMaster.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #049355;
  border: 1px solid #049355;
  color: white;
  text-align: center;
  outline: 0;
}

.btThirdServer {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #EC8222;
  border: 1px solid #EC8222;
  color: white;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btThirdServer.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btThirdServer:hover, .btThirdServer.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #b0611a;
  border: 1px solid #b0611a;
  color: white;
  text-align: center;
  outline: 0;
}

.btAlternative {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: white;
  border: 1px solid #cccccc;
  color: #4d4d4d;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btAlternative.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btAlternative:hover {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #e6e6e6;
  border: 1px solid #cccccc;
  color: #4d4d4d;
  text-align: center;
  outline: 0;
}

.btLink {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: white;
  border: 1px solid white;
  color: #1875d1;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btLink.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btLink:hover, .btLink.selected {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: white;
  border: 1px solid white;
  color: #13599e;
  text-align: center;
  outline: 0;
}

.btGray {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #4d4d4d;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btGray.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btGrayBackground {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  color: white;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btGrayBackground.disabled {
  border: 1px solid #a7a9ab;
  background-color: #a7a9ab;
  color: #e6e6e6;
  pointer-events: none;
  outline: 0;
}

.btLink:hover, .btLink.selected {
  background-color: #cccccc;
  border: 1px solid #cccccc;
  outline: 0;
}

.btSquare {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}

.btSquare.unsetWidth {
  width: unset !important;
  padding: 0 16px;
}

.btSquare.disabled {
  opacity: 0.6;
  pointer-events: none;
  outline: 0;
}

.btSquareFont {
  line-height: 40px;
  font-size: 19px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}

.btSquare.primary {
  background-color: #cf0a2c;
  color: white;
  outline: 0;
}

.btSquare.primary:hover {
  background-color: #9b0821;
  color: white;
  outline: 0;
}

.btSquare.secondary {
  background-color: #1875d1;
  color: white;
  outline: 0;
}

.btSquare.success {
  border: 1px solid #39b54a;
  background-color: #39b54a;
  color: white;
  outline: 0;
}

.btSquare.success:hover {
  border: 1px solid #049355;
  background-color: #049355;
  color: white;
  outline: 0;
}

.btSquare.successInvert {
  border: 1px solid #39b54a;
  background-color: white;
  color: #39b54a;
  outline: 0;
}

.btSquare.successInvert:hover {
  border: 1px solid #049355;
  background-color: #049355;
  color: white;
  outline: 0;
}

.btSquare.tertiary {
  background-color: #36a8df;
  color: white;
  outline: 0;
}

.btSquare.tertiary:hover {
  background-color: #13599e;
  outline: 0;
}

.btSquare.secondary:hover {
  background-color: #13599e;
  outline: 0;
}

.btSquare.alternative {
  background-color: #e6e6e6;
  outline: 0;
  color: #4d4d4d;
}

.btSquare.alternative:hover {
  background-color: #808080;
  outline: 0;
}

.btSquare.primaryAlternative {
  border: 1px solid #cf0a2c;
  background-color: white;
  color: #cf0a2c;
  outline: 0;
}

.btSquare.primaryAlternative:hover {
  border: 1px solid #9b0821;
  background-color: white;
  color: #9b0821;
  outline: 0;
}

.btSquare.orange {
  border: 1px solid #EC8222;
  background-color: white;
  color: #EC8222;
  outline: 0;
}

.btSquare.orange:hover {
  border: 1px solid #ef7007;
  background-color: white;
  color: #ef7007;
  outline: 0;
}

.btSquare.alternativeOrange {
  border: 1px solid #cccccc;
  background-color: white;
  color: #4d4d4d;
}

.btSquare.alternativeOrange:hover,
.btSquare.alternativeOrange.selected {
  border: 1px solid #ef7007;
  background-color: #ef7007;
  color: white;
  outline: 0;
}

.btSquare.alternativeWithRed {
  border: 1px solid #4d4d4d;
  background-color: white;
  color: #4d4d4d;
  outline: 0;
}

.btSquare.alternativeWithRed:hover, .btSquare.alternativeWithRed.selected {
  border: 1px solid #cf0a2c;
  background-color: white;
  color: #cf0a2c;
  outline: 0;
}

.btSquare.white {
  border: 1px solid #cccccc;
  background-color: white;
  color: #4d4d4d;
  outline: 0;
}

.btSquare.white:hover {
  border: 1px solid #cccccc;
  background-color: #e6e6e6;
  color: #4d4d4d;
  outline: 0;
}

.textUpper {
  text-transform: uppercase;
}

.noLine {
  line-height: 1;
}

.fixButtonHeight {
  height: 40px !important;
  line-height: 40px !important;
}

.buttons_height {
  height: 34px !important;
  line-height: 34px !important;
}

.padding_buttons {
  padding: 0 15px !important;
}

.buttonRegularExpression {
  cursor: pointer;
  min-height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #4265aa;
  border: 1px solid #4265aa;
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}

.buttonRegularExpression:hover {
  background-color: #324C80;
  border: 1px solid #324C80;
}

.buttonRegularExpression.selected {
  background-color: #324C80;
  border: 1px solid #324C80;
  cursor: default;
  margin-bottom: 0px;
}

.buttonAdvancedConfigurations {
  cursor: pointer;
  min-height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #cf0a2c;
  border: 1px solid #cf0a2c;
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}

.buttonAdvancedConfigurations:hover {
  background-color: #9b0821;
  border: 1px solid #9b0821;
  color: white;
}

@media only screen and (max-width: 425px) {
  .btPrimary, .btAlternative, .btSecondary, .btThird {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 5px;
  }
}
/* 
	BloomUI - Backgrounds
*/
.back_green_nohover {
  background-color: #049355;
}

.back_green {
  background-color: #049355;
}

.back_green:hover {
  background-color: #036c41;
}

.back_orange_nohover {
  background-color: #EC8222;
}

.back_orange {
  background-color: #EC8222;
}

.back_orange:hover {
  background-color: #ef7007;
}

.back_blue_nohover {
  background-color: #36a8df;
}

.back_dark_red_nohover {
  background-color: #a21d21;
}

.back_gray_nohover {
  background-color: #4d4d4d;
}

.back_darkblue_nohover {
  background-color: #4265aa;
}

.back_red_nohover {
  background-color: #cf0a2c;
}

.back_red {
  background-color: #cf0a2c;
}

.back_red:hover {
  background-color: #9b0821;
}

.background_orange {
  background-color: #EC8222 !important;
}

/* 
	BloomUI - Borders
*/
.border_green {
  border-color: #049355 !important;
}

.border_orange {
  border-color: #EC8222 !important;
}

.border_blue {
  border-color: #36a8df !important;
}

.border_red {
  border-color: #cf0a2c !important;
}

.border_gray {
  border-color: #4d4d4d !important;
}

.border_tickets_limit_error {
  border: 1px solid #cf0a2c !important;
}

.border_top_transparent {
  border-top: 1px solid rgba(0, 0, 0, 0) !important;
}

.border_bottom_transparent {
  border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}

/*
	BloomUI - Schedule
*/
.scheduleCardsContainer {
  border: 1px solid #cccccc;
  height: 84px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scheduleCardsInformationContainer {
  padding: 8px 12px;
  height: 84px;
  float: left;
}

.scheduleCardTitle {
  height: 16px;
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 180px;
}

.scheduleCardInfo {
  height: 12px;
  font-size: 12px;
  color: #999999;
  margin-bottom: 4px;
}

.scheduleCardInfoNumber {
  font-size: 12px;
  color: #cf0a2c;
}

.cardStatus {
  width: 84px;
  height: 100%;
  float: right;
}

.cardStatus.success {
  background-color: #39b54a;
}

.cardStatus.warning {
  background-color: #ec8222;
}

.cardStatus.danger {
  background-color: #cf0a2c;
}

.cardStatusText {
  font-size: 28px;
  color: white;
}

.cardStatusInfoText {
  font-size: 12px;
  color: white;
  height: 12px;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

.timeTableContainer {
  width: 100%;
  border-collapse: collapse;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.timeTableHeader {
  background-color: #e6e6e6;
  color: #4d4d4d;
  text-align: center;
  height: 34px;
  line-height: 34px;
  border: 1px solid #cccccc;
}

.timeTableHour {
  width: 38px;
  color: #808080;
  text-align: left;
}

.timeTableHeader.modal {
  height: 16px;
  line-height: 16px;
  font-size: 11px;
}

.timeTableHour.modal {
  font-size: 11px;
}

.timeTableCell {
  cursor: pointer;
  height: 26px;
  border: 1px solid #cccccc;
}

.timeTableCell.modal {
  height: 18px;
}

.timeTableCell.disabled {
  cursor: default;
  opacity: 0.6;
}

.timeTableCell.preview {
  background-color: #808080;
}

.timeTableCell.selected {
  background-color: #39b54a;
}

.timeTableCell.unSelected {
  background-color: white;
}

.impossibleDateBlock {
  height: 20px;
  line-height: 20px;
  position: relative;
  bottom: -1px;
  border-bottom: 2px solid #cf0a2c;
  padding: 0 8px;
  color: #4d4d4d;
}

.impossibleDateBlock.disabled {
  border: 0;
  color: #e6e6e6;
}

/*
Scheduling Table
*/
.schedulingTable {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
}

.schedulingTableHeader {
  height: 20px;
  font-size: 14px;
  text-align: center;
  color: #4d4d4d;
}

.schedulingTableHour {
  height: 60px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  width: 65px;
}

.schedulingTableBody {
  padding: 0 !important;
  height: 60px;
  border: 1px solid #cccccc;
}

.schedulingInfoContainer {
  width: 100%;
  height: 28px;
}

.schedulingInfo {
  width: 100%;
  height: 14px;
  line-height: 14px;
  color: #4d4d4d;
  background-color: #e6e6e6;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  font-size: 11px;
  text-align: left;
  padding-left: 8px;
  text-overflow: ellipsis;
}

.schedulingShowMore {
  width: 100%;
  cursor: pointer;
  height: 14px;
  line-height: 14px;
  color: #1875d1;
  vertical-align: middle;
  text-align: left;
  padding-left: 8px;
  text-overflow: ellipsis;
  font-size: 11px;
  padding-top: 2px;
}

.schedulingCell {
  height: 60px;
  border: 1px solid #cccccc;
  padding: 0 !important;
  vertical-align: top;
}

.schedulingCell.closed {
  background-color: #e6e6e6;
}

.schedulingApp {
  width: 100%;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  text-align: left;
  padding-left: 8px;
  text-overflow: ellipsis;
  font-size: 14px;
}

.schedulingApp.full {
  background-color: #cf0a2c;
  color: white;
}

.schedulingApp.half {
  background-color: #ec8222;
  color: white;
}

.schedulingApp.empty {
  background-color: #39b54a;
  color: white;
}

.schedulingListingHeaderDay {
  font-size: 25px;
  margin-right: 5px;
  color: #999999;
}

.schedulingListingHeaderWeekMonth {
  font-size: 14px;
  text-transform: uppercase;
  color: #4d4d4d;
}

.schedulingAppTitleHeader {
  font-size: 17px;
  color: #999999;
  margin-bottom: 16px;
}

.schedulingAppTitle {
  text-transform: uppercase;
  font-size: 12px;
  color: #999999;
}

.schedulingAppText {
  font-size: 15px;
  color: #4d4d4d;
}

.schedulingAppFormTitle {
  text-transform: uppercase;
  font-size: 12px;
  color: #999999;
}

.schedulingAppFormText {
  font-size: 15px;
  color: #4d4d4d;
}

.schedulingAppStatus {
  text-transform: uppercase;
  font-size: 15px;
}

.schedulingAppStatus.confirm {
  color: #39b54a;
}

.schedulingAppStatus.waiting {
  color: #cf0a2c;
}

.scheduleAppBookInfoHeader {
  padding-left: 8px;
  text-overflow: ellipsis;
  font-size: 15px;
  margin-bottom: 8px;
  color: #4d4d4d;
}

.scheduleAppBookInfoBody {
  padding-left: 8px;
  text-overflow: ellipsis;
  font-size: 12px;
  margin-bottom: 12px;
  color: #4d4d4d;
}

.bookingHourContainer {
  height: 200px;
  width: 100%;
}

.bookingHour {
  height: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  width: 100%;
  position: relative;
  float: left;
  display: block;
  cursor: pointer;
  color: #4d4d4d;
  margin-bottom: 3px;
  border: 1px solid #cccccc;
  background-color: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.bookingHour.selected {
  color: #cf0a2c;
  border: 1px solid #cf0a2c;
}

.bookingModalBackground {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #e6e6e6;
  opacity: 0.6;
}

.bookingModalContainer {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
  left: 0;
}

.bookingModalContainerCenter {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding-top: 40px;
}

.bookingModalContainerCenterRow {
  position: relative;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

.bookingModal {
  position: relative;
  float: left;
  display: block;
  background-color: white;
  padding: 8px;
  min-height: 100px;
}

.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 3px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 3px;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 30px;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ============================ */
/* VARIABLES                    */
/* ============================ */
/* ============================ */
/* SPINNER GENERAL              */
/* ============================ */
.spinner:before, .spinner:after, .spinner {
  width: 4px;
  height: 30px;
  background-color: #cf0a2c;
  border-radius: 2px;
}

.spinnerOrange:before, .spinnerOrange:after, .spinnerOrange {
  width: 4px;
  height: 30px;
  background-color: #EC8222;
  border-radius: 2px;
}

.spinnerMaxBlue:before, .spinnerMaxBlue:after, .spinnerMaxBlue {
  width: 6px;
  height: 65px;
  background-color: #36a8df;
  border-radius: 2px;
}

.spinnerBlue:before, .spinnerBlue:after, .spinnerBlue {
  width: 4px;
  height: 30px;
  background-color: #36a8df;
  border-radius: 2px;
}

.spinnerDarkBlue:before, .spinnerDarkBlue:after, .spinnerDarkBlue {
  width: 4px;
  height: 30px;
  background-color: #4265aa;
  border-radius: 2px;
}

.spinnerDarkBlueHovered:before, .spinnerDarkBlueHovered:after, .spinnerDarkBlueHovered {
  width: 4px;
  height: 30px;
  background-color: #4265aa;
  border-radius: 2px;
}

.spinnerGreen:before, .spinnerGreen:after, .spinnerGreen {
  width: 4px;
  height: 30px;
  background-color: #049355;
  border-radius: 2px;
}

.spinnerWhite:before, .spinnerWhite:after, .spinnerWhite {
  width: 4px;
  height: 30px;
  background-color: white;
  border-radius: 2px;
}

.spinnerDarkRed:before, .spinnerDarkRed:after, .spinnerDarkRed {
  width: 4px;
  height: 30px;
  background-color: #a21d21;
  border-radius: 2px;
}

.spinner {
  display: inline-block;
  position: relative;
}
.spinner:before, .spinner:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinner:before {
  left: -6px;
}
.spinner:after {
  left: 6px;
}

.spinnerOrange {
  display: inline-block;
  position: relative;
}
.spinnerOrange:before, .spinnerOrange:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinnerOrange:before {
  left: -6px;
}
.spinnerOrange:after {
  left: 6px;
}

.spinnerBlue {
  display: inline-block;
  position: relative;
}
.spinnerBlue:before, .spinnerBlue:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinnerBlue:before {
  left: -6px;
}
.spinnerBlue:after {
  left: 6px;
}

.spinnerMaxBlue {
  display: inline-block;
  position: relative;
}
.spinnerMaxBlue:before, .spinnerMaxBlue:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinnerMaxBlue:before {
  left: -9px;
}
.spinnerMaxBlue:after {
  left: 9px;
}

.spinnerDarkRed {
  display: inline-block;
  position: relative;
}
.spinnerDarkRed:before, .spinnerDarkRed:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinnerDarkRed:before {
  left: -6px;
}
.spinnerDarkRed:after {
  left: 6px;
}

.spinnerDarkBlueHovered {
  display: inline-block;
  position: relative;
}
.spinnerDarkBlueHovered:before, .spinnerDarkBlueHovered:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinnerDarkBlueHovered:before {
  left: -6px;
}
.spinnerDarkBlueHovered:after {
  left: 6px;
}

.spinnerDarkBlue {
  display: inline-block;
  position: relative;
}
.spinnerDarkBlue:before, .spinnerDarkBlue:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinnerDarkBlue:before {
  left: -6px;
}
.spinnerDarkBlue:after {
  left: 6px;
}

.spinnerGreen {
  display: inline-block;
  position: relative;
}
.spinnerGreen:before, .spinnerGreen:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinnerGreen:before {
  left: -6px;
}
.spinnerGreen:after {
  left: 6px;
}

.spinnerWhite {
  display: inline-block;
  position: relative;
}
.spinnerWhite:before, .spinnerWhite:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinnerWhite:before {
  left: -6px;
}
.spinnerWhite:after {
  left: 6px;
}

/* ============================ */
/* SPINNER BOUNCE BOTTOM        */
/* ============================ */
@keyframes bounce-bottom {
  0% {
    height: 5px;
    margin-top: 25px;
  }
  50% {
    height: 30px;
    margin-top: 0px;
  }
  100% {
    height: 5px;
    margin-top: 25px;
  }
}
.spinner-bounce-bottom {
  animation: bounce-bottom 0.6s ease 0.1s infinite;
}
.spinner-bounce-bottom:before, .spinner-bounce-bottom:after {
  top: auto;
  bottom: 0px;
}
.spinner-bounce-bottom:before {
  animation: bounce-bottom 0.6s ease 0s infinite;
}
.spinner-bounce-bottom:after {
  animation: bounce-bottom 0.6s ease 0.2s infinite;
}

/* ============================ */
/* SPINNER BOUNCE TOP        */
/* ============================ */
@keyframes bounce-top {
  0% {
    height: 5px;
    margin-bottom: 25px;
  }
  50% {
    height: 30px;
    margin-bottom: 0px;
  }
  100% {
    height: 5px;
    margin-bottom: 25px;
  }
}
.spinner-bounce-top {
  animation: bounce-top 0.6s ease 0.1s infinite;
}
.spinner-bounce-top:before {
  animation: bounce-top 0.6s ease 0s infinite;
}
.spinner-bounce-top:after {
  animation: bounce-top 0.6s ease 0.2s infinite;
}

/* ============================ */
/* SPINNER BOUNCE MIDDLE MAX       */
/* ============================ */
@keyframes bounce-middle-max {
  0% {
    height: 20px;
    margin-top: 30.5px;
    margin-bottom: 30.5px;
  }
  50% {
    height: 65px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  100% {
    height: 20px;
    margin-top: 30.5px;
    margin-bottom: 30.5px;
  }
}
.spinner-bounce-middle-max {
  animation: bounce-middle-max 0.6s ease 0.1s infinite;
}
.spinner-bounce-middle-max:before, .spinner-bounce-middle-max:after {
  top: 50%;
  transform: translateY(-32.5px) translateZ(0);
}
.spinner-bounce-middle-max:before {
  animation: bounce-middle-max 0.6s ease 0s infinite;
}
.spinner-bounce-middle-max:after {
  animation: bounce-middle-max 0.6s ease 0.2s infinite;
}

/* ============================ */
/* SPINNER BOUNCE MIDDLE        */
/* ============================ */
@keyframes bounce-middle {
  0% {
    height: 4px;
    margin-top: 13px;
    margin-bottom: 13px;
  }
  50% {
    height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  100% {
    height: 4px;
    margin-top: 13px;
    margin-bottom: 13px;
  }
}
.spinner-bounce-middle {
  animation: bounce-middle 0.6s ease 0.1s infinite;
}
.spinner-bounce-middle:before, .spinner-bounce-middle:after {
  top: 50%;
  transform: translateY(-15px) translateZ(0);
}
.spinner-bounce-middle:before {
  animation: bounce-middle 0.6s ease 0s infinite;
}
.spinner-bounce-middle:after {
  animation: bounce-middle 0.6s ease 0.2s infinite;
}

/* ============================ */
/* SPINNER BLINK                */
/* ============================ */
@keyframes glow {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #cf0a2c;
  }
  100% {
    background-color: transparent;
  }
}
.spinner-blink {
  animation: glow 0.6s 0.1s infinite;
}
.spinner-blink:before {
  animation: glow 0.6s 0s infinite;
}
.spinner-blink:after {
  animation: glow 0.6s 0.2s infinite;
}

/*---- HALF ----*/
.halfspinner:before, .halfspinner:after, .halfspinner {
  width: 2px;
  height: 10px;
  max-height: 10px;
  background-color: #cf0a2c;
  border-radius: 2px;
}

.halfspinnerOrange:before, .halfspinnerOrange:after, .halfspinnerOrange {
  width: 2px;
  height: 10px;
  background-color: #EC8222;
  border-radius: 2px;
}

.halfspinnerMaxBlue:before, .halfspinnerMaxBlue:after, .halfspinnerMaxBlue {
  width: 6px;
  height: 15px;
  background-color: #36a8df;
  border-radius: 2px;
}

.halfspinnerBlue:before, .halfspinnerBlue:after, .halfspinnerBlue {
  width: 2px;
  height: 10px;
  background-color: #36a8df;
  border-radius: 2px;
}

.halfspinnerDarkBlue:before, .halfspinnerDarkBlue:after, .halfspinnerDarkBlue {
  width: 2px;
  height: 10px;
  background-color: #4265aa;
  border-radius: 2px;
}

.halfspinnerDarkBlueHovered:before, .halfspinnerDarkBlueHovered:after, .halfspinnerDarkBlueHovered {
  width: 2px;
  height: 10px;
  background-color: #4265aa;
  border-radius: 2px;
}

.halfspinnerGreen:before, .halfspinnerGreen:after, .halfspinnerGreen {
  width: 2px;
  height: 10px;
  background-color: #049355;
  border-radius: 2px;
  max-height: 10px;
}

.halfspinnerWhite:before, .halfspinnerWhite:after, .halfspinnerWhite {
  width: 2px;
  height: 10px;
  background-color: white;
  border-radius: 2px;
}

.halfspinnerDarkRed:before, .halfspinnerDarkRed:after, .halfspinnerDarkRed {
  width: 2px;
  height: 10px;
  background-color: #a21d21;
  border-radius: 2px;
}

.halfspinner {
  display: inline-block;
  position: relative;
}
.halfspinner:before, .halfspinner:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinner:before {
  left: -3px;
}
.halfspinner:after {
  left: 3px;
}

.halfspinnerOrange {
  display: inline-block;
  position: relative;
}
.halfspinnerOrange:before, .halfspinnerOrange:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinnerOrange:before {
  left: -3px;
}
.halfspinnerOrange:after {
  left: 3px;
}

.halfspinnerBlue {
  display: inline-block;
  position: relative;
}
.halfspinnerBlue:before, .halfspinnerBlue:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinnerBlue:before {
  left: -3px;
}
.halfspinnerBlue:after {
  left: 3px;
}

.halfspinnerMaxBlue {
  display: inline-block;
  position: relative;
}
.halfspinnerMaxBlue:before, .halfspinnerMaxBlue:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinnerMaxBlue:before {
  left: -9px;
}
.halfspinnerMaxBlue:after {
  left: 9px;
}

.halfspinnerDarkRed {
  display: inline-block;
  position: relative;
}
.halfspinnerDarkRed:before, .halfspinnerDarkRed:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinnerDarkRed:before {
  left: -3px;
}
.halfspinnerDarkRed:after {
  left: 3px;
}

.halfspinnerDarkBlueHovered {
  display: inline-block;
  position: relative;
}
.halfspinnerDarkBlueHovered:before, .halfspinnerDarkBlueHovered:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinnerDarkBlueHovered:before {
  left: -3px;
}
.halfspinnerDarkBlueHovered:after {
  left: 3px;
}

.halfspinnerDarkBlue {
  display: inline-block;
  position: relative;
}
.halfspinnerDarkBlue:before, .halfspinnerDarkBlue:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinnerDarkBlue:before {
  left: -3px;
}
.halfspinnerDarkBlue:after {
  left: 3px;
}

.halfspinnerGreen {
  display: inline-block;
  position: absolute;
}
.halfspinnerGreen:before, .halfspinnerGreen:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinnerGreen:before {
  left: -3px;
}
.halfspinnerGreen:after {
  left: 3px;
}

.halfspinnerWhite {
  display: inline-block;
  position: relative;
}
.halfspinnerWhite:before, .halfspinnerWhite:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.halfspinnerWhite:before {
  left: -3px;
}
.halfspinnerWhite:after {
  left: 3px;
}

/* ============================ */
/* SPINNER BOUNCE BOTTOM        */
/* ============================ */
@keyframes bounce-bottom-half {
  0% {
    height: 5px px;
    margin-top: 5px px;
  }
  50% {
    height: 10px px;
    margin-top: 0px;
  }
  100% {
    height: 5px px;
    margin-top: 5px px;
  }
}
.halfspinner-bounce-bottom {
  animation: bounce-bottom 0.6s ease 0.1s infinite;
}
.halfspinner-bounce-bottom:before, .halfspinner-bounce-bottom:after {
  top: auto;
  bottom: 0px;
}
.halfspinner-bounce-bottom:before {
  animation: bounce-bottom 0.6s ease 0s infinite;
}
.halfspinner-bounce-bottom:after {
  animation: bounce-bottom 0.6s ease 0.2s infinite;
}

/* ============================ */
/* SPINNER BOUNCE TOP        */
/* ============================ */
@keyframes bounce-top-half {
  0% {
    height: 5px;
    margin-bottom: 5px;
  }
  50% {
    height: 10px;
    margin-bottom: 0px;
  }
  100% {
    height: 5px;
    margin-bottom: 5px;
  }
}
.halfspinner-bounce-top {
  animation: bounce-top 0.6s ease 0.1s infinite;
}
.halfspinner-bounce-top:before {
  animation: bounce-top 0.6s ease 0s infinite;
}
.halfspinner-bounce-top:after {
  animation: bounce-top 0.6s ease 0.2s infinite;
}

/* ============================ */
/* SPINNER BOUNCE MIDDLE MAX   fuck */
/* ============================ */
@keyframes bounce-middle-max-half {
  0% {
    height: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  50% {
    height: 5px;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }
  100% {
    height: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.halfspinner-bounce-middle-max {
  animation: bounce-middle-max-half 0.6s ease 0.1s infinite;
}
.halfspinner-bounce-middle-max:before, .halfspinner-bounce-middle-max:after {
  top: 0%;
  /*transform: translateY(-1px) translateZ(0)*/
}
.halfspinner-bounce-middle-max:before {
  animation: bounce-middle-max-half 0.6s ease 0s infinite;
}
.halfspinner-bounce-middle-max:after {
  animation: bounce-middle-max-half 0.6s ease 0.2s infinite;
}

/* ============================ */
/* SPINNER BOUNCE MIDDLE        */
/* ============================ */
@keyframes bounce-middle-half {
  0% {
    height: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  50% {
    height: 5px;
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }
  100% {
    height: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.halfspinner-bounce-middle {
  animation: bounce-middle-half 0.6s ease 0.1s infinite;
}
.halfspinner-bounce-middle:before, .halfspinner-bounce-middle:after {
  top: 0%;
  transform: translateY(-5px) translateZ(0);
}
.halfspinner-bounce-middle:before {
  top: 50%;
  animation: bounce-middle-half 0.6s ease 0s infinite;
}
.halfspinner-bounce-middle:after {
  top: 50%;
  animation: bounce-middle-half 0.6s ease 0.2s infinite;
}

/* ============================ */
/* SPINNER BLINK                */
/* ============================ */
@keyframes glow-half {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #cf0a2c;
  }
  100% {
    background-color: transparent;
  }
}
.halfspinner-blink {
  animation: glow 0.6s 0.1s infinite;
}
.halfspinner-blink:before {
  animation: glow 0.6s 0s infinite;
}
.halfspinner-blink:after {
  animation: glow 0.6s 0.2s infinite;
}

@font-face {
  font-family: "Bloom";
  src: url("../fonts/Bloom.eot?khszus");
  src: url("../fonts/Bloom.eot?khszus#iefix") format("embedded-opentype"), url("../fonts/Bloom.ttf?khszus") format("truetype"), url("../fonts/Bloom.woff?khszus") format("woff"), url("../fonts/Bloom.svg?khszus#Bloom") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icobloom-], [class*=" icobloom-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Bloom" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icobloom-appoint-xls:before {
  content: "\e9d6";
}

.icobloom-qrcode:before {
  content: "\e9d7";
}

.icobloom-card-reader:before {
  content: url("/img/card_reader_icon_disabled.svg");
}

.text_orange.icobloom-card-reader:before {
  content: url("/img/card_reader_icon.svg");
}

.icobloom-file:before {
  content: "\e6a3";
}

.icobloom-error:before {
  content: "\e6a0";
}

.icobloom-success:before {
  content: "\e6a1";
}

.icobloom-warning:before {
  content: "\e6a2";
}

.icobloom-info:before {
  content: "\e69e";
}

.icobloom-right-arrow:before {
  content: "\e69f";
}

.icobloom-pdf:before {
  content: "\e68d";
}

.icobloom-pdfBloom:before {
  content: "\e68e";
}

.icobloom-pdfV4:before {
  content: "\e68f";
}

.icobloom-pdfRA:before {
  content: "\e690";
}

.icobloom-priority:before {
  content: "\e69c";
}

.icobloom-qmpad-4:before {
  content: "\e69b";
}

.icobloom-qmpad-1:before {
  content: "\e698";
}

.icobloom-qmpad-2:before {
  content: "\e699";
}

.icobloom-qmpad-3:before {
  content: "\e69a";
}

.icobloom-qbetter:before {
  content: "\e697";
}

.icobloom-softwareBloom:before {
  content: "\e692";
}

.icobloom-softwareRA:before {
  content: "\e696";
}

.icobloom-checkbox1:before {
  content: "\e695";
}

.icobloom-link:before {
  content: "\e68c";
}

.icobloom-software:before {
  content: "\e691";
}

.icobloom-softwareV4:before {
  content: "\e693";
}

.icobloom-video:before {
  content: "\e694";
}

.icobloom-checkbox:before {
  content: "\e68b";
}

.icobloom-minus:before {
  content: "\e67a";
}

.icobloom-add:before {
  content: "\e688";
}

.icobloom-demos:before {
  content: "\e68a";
}

.icobloom-downloads:before {
  content: "\e689";
}

.icobloom-no-master:before {
  content: "\e687";
}

.icobloom-timezone:before {
  content: "\e686";
}

.icobloom-master:before {
  content: "\e685";
}

.icobloom-sync:before {
  content: "\e683";
}

.icobloom-sync-schedule:before {
  content: "\e684";
}

.icobloom-group:before {
  content: "\e682";
}

.icobloom-server:before {
  content: "\e681";
}

.icobloom-slave2:before {
  content: "\e680";
}

.icobloom-flag:before {
  content: "\e6bc";
}

.icobloom-xml:before {
  content: "\e600";
}

.icobloom-text-color:before {
  content: "\e601";
}

.icobloom-select-left:before {
  content: "\e602";
}

.icobloom-select-down:before {
  content: "\e603";
}

.icobloom-seconds:before {
  content: "\e604";
}

.icobloom-search:before {
  content: "\e605";
}

.icobloom-save:before {
  content: "\e606";
}

.icobloom-player:before {
  content: "\e607";
}

.icobloom-play:before {
  content: "\e608";
}

.icobloom-photo:before {
  content: "\e609";
}

.icobloom-pause:before {
  content: "\e60a";
}

.icobloom-password:before {
  content: "\e60b";
}

.icobloom-image:before {
  content: "\e60c";
}

.icobloom-home:before {
  content: "\e60d";
}

.icobloom-hint:before {
  content: "\e60e";
}

.icobloom-help:before {
  content: "\e60f";
}

.icobloom-header:before {
  content: "\e610";
}

.icobloom-corners:before {
  content: "\e611";
}

.icobloom-connection:before {
  content: "\e612";
}

.icobloom-confirm:before {
  content: "\e613";
}

.icobloom-color:before {
  content: "\e614";
}

.icobloom-color-border:before {
  content: "\e615";
}

.icobloom-back:before {
  content: "\e616";
}

.icobloom-back-upload:before {
  content: "\e617";
}

.icobloom-attention-ticket:before {
  content: "\e618";
}

.icobloom-attention-printer:before {
  content: "\e619";
}

.icobloom-associate_services:before {
  content: "\e61a";
}

.icobloom-select-right:before {
  content: "\e61b";
}

.icobloom-preview:before {
  content: "\e61c";
}

.icobloom-left-position:before {
  content: "\e61d";
}

.icobloom-dashboard:before {
  content: "\e61e";
}

.icobloom-background-color:before {
  content: "\e61f";
}

.icobloom-users:before {
  content: "\e620";
}

.icobloom-user:before {
  content: "\e621";
}

.icobloom-upload:before {
  content: "\e622";
}

.icobloom-up-position:before {
  content: "\e623";
}

.icobloom-unselect:before {
  content: "\e624";
}

.icobloom-tts:before {
  content: "\e625";
}

.icobloom-transfer:before {
  content: "\e626";
}

.icobloom-touch:before {
  content: "\e627";
}

.icobloom-touch-dispenser:before {
  content: "\e628";
}

.icobloom-titles:before {
  content: "\e629";
}

.icobloom-time:before {
  content: "\e62a";
}

.icobloom-ticket:before {
  content: "\e62b";
}

.icobloom-ticket-time:before {
  content: "\e62c";
}

.icobloom-ticket-message:before {
  content: "\e62d";
}

.icobloom-ticket-date:before {
  content: "\e62e";
}

.icobloom-text:before {
  content: "\e62f";
}

.icobloom-text-right:before {
  content: "\e630";
}

.icobloom-text-left:before {
  content: "\e631";
}

.icobloom-tag:before {
  content: "\e632";
}

.icobloom-system:before {
  content: "\e633";
}

.icobloom-system-options:before {
  content: "\e634";
}

.icobloom-statistics:before {
  content: "\e635";
}

.icobloom-statistics-type:before {
  content: "\e636";
}

.icobloom-statistics-groupping:before {
  content: "\e637";
}

.icobloom-state:before {
  content: "\e638";
}

.icobloom-spinner:before {
  content: "\e639";
}

.icobloom-speed:before {
  content: "\e63a";
}

.icobloom-sound:before {
  content: "\e63b";
}

.icobloom-slave:before {
  content: "\e63c";
}

.icobloom-short-date:before {
  content: "\e63d";
}

.icobloom-settings:before {
  content: "\e63e";
}

.icobloom-services-types:before {
  content: "\e63f";
}

.icobloom-service:before {
  content: "\e640";
}

.icobloom-send-printer:before {
  content: "\e641";
}

.icobloom-select:before {
  content: "\e642";
}

.icobloom-select-up:before {
  content: "\e643";
}

.icobloom-background:before {
  content: "\e644";
}

.icobloom-backup:before {
  content: "\e645";
}

.icobloom-border:before {
  content: "\e646";
}

.icobloom-button-dispenser:before {
  content: "\e647";
}

.icobloom-buttons:before {
  content: "\e648";
}

.icobloom-caller-buttons:before {
  content: "\e649";
}

.icobloom-cancel:before {
  content: "\e64a";
}

.icobloom-check-printer:before {
  content: "\e64b";
}

.icobloom-check:before {
  content: "\e64c";
}

.icobloom-clock:before {
  content: "\e64d";
}

.icobloom-clock2:before {
  content: "\e64e";
}

.icobloom-close-service:before {
  content: "\e64f";
}

.icobloom-close:before {
  content: "\e650";
}

.icobloom-date:before {
  content: "\e651";
}

.icobloom-desk:before {
  content: "\e652";
}

.icobloom-dimension:before {
  content: "\e653";
}

.icobloom-down-arrow:before {
  content: "\e654";
}

.icobloom-down-position:before {
  content: "\e655";
}

.icobloom-edit:before {
  content: "\e656";
}

.icobloom-edit_high:before {
  content: "\e657";
}

.icobloom-extended-date:before {
  content: "\e658";
}

.icobloom-factory-reset:before {
  content: "\e659";
}

.icobloom-fail-printer:before {
  content: "\e65a";
}

.icobloom-fail-ticket:before {
  content: "\e65b";
}

.icobloom-fail-users:before {
  content: "\e65c";
}

.icobloom-footer:before {
  content: "\e65d";
}

.icobloom-lock:before {
  content: "\e65e";
}

.icobloom-login-backoffice:before {
  content: "\e65f";
}

.icobloom-login-qmpad:before {
  content: "\e660";
}

.icobloom-logo:before {
  content: "\e661";
}

.icobloom-logotipo:before {
  content: "\e662";
}

.icobloom-logout:before {
  content: "\e663";
}

.icobloom-menu:before {
  content: "\e664";
}

.icobloom-message:before {
  content: "\e665";
}

.icobloom-move:before {
  content: "\e666";
}

.icobloom-multi-select:before {
  content: "\e667";
}

.icobloom-multimedia:before {
  content: "\e668";
}

.icobloom-multimedia2:before {
  content: "\e669";
}

.icobloom-offline-message:before {
  content: "\e66a";
}

.icobloom-printer:before {
  content: "\e66b";
}

.icobloom-qm:before {
  content: "\e66c";
}

.icobloom-qm1:before {
  content: "\e66d";
}

.icobloom-qm2:before {
  content: "\e66e";
}

.icobloom-qmpad:before {
  content: "\e66f";
}

.icobloom-recall:before {
  content: "\e670";
}

.icobloom-remove-logo:before {
  content: "\e671";
}

.icobloom-remove:before {
  content: "\e672";
}

.icobloom-reset:before {
  content: "\e673";
}

.icobloom-resources:before {
  content: "\e674";
}

.icobloom-rigth-arrow:before {
  content: "\e675";
}

.icobloom-rigth-position:before {
  content: "\e676";
}

.icobloom-rss:before {
  content: "\e677";
}

.icobloom-add-multimedia:before {
  content: "\e678";
}

.icobloom-add-resources:before {
  content: "\e679";
}

.icobloom-apply-players:before {
  content: "\e67b";
}

.icobloom-city:before {
  content: "\e67c";
}

.icobloom-company:before {
  content: "\e67d";
}

.icobloom-country:before {
  content: "\e67e";
}

.icobloom-phone:before {
  content: "\e67f";
}

.icobloom-appoint-location-code:before {
  content: "\e9d4";
}

.icobloom-appoint-service-code:before {
  content: "\e9d5";
}

.icobloom-appoint-filter:before {
  content: "\e9d3";
}

.icobloom-appoint-locations:before {
  content: "\e9d2";
}

.icobloom-appoint-popup:before {
  content: "\e9d1";
}

.icobloom-appoint-forms:before {
  content: "\e9d0";
}

.icobloom-appoint-schedules:before {
  content: "\e9ce";
}

.icobloom-appoint-service:before {
  content: "\e9cf";
}

.icobloom-appoint-recover:before {
  content: "\e9cd";
}

.icobloom-appoint-copy:before {
  content: "\e9cb";
}

.icobloom-appoint-name:before {
  content: "\e9cc";
}

.icobloom-appoint-arrow-next:before {
  content: "\e9ca";
}

.icobloom-appoint-mapping:before {
  content: "\e9c9";
}

.icobloom-appoint-quick-access:before {
  content: "\e9c8";
}

.icobloom-appoint-forbidden-access:before {
  content: "\e9c7";
}

.icobloom-appoint-geolocation:before {
  content: "\e9c6";
}

.icobloom-appoint-forbidden:before {
  content: "\e9c5";
}

.icobloom-appoint-checkbox3:before {
  content: "\e9c4";
}

.icobloom-appoint-default:before {
  content: "\e9c3";
}

.icobloom-appoint-waiting-sync:before {
  content: "\e9c2";
}

.icobloom-appoint-sync-failed:before {
  content: "\e9bf";
}

.icobloom-appoint-sync-schedule:before {
  content: "\e9c0";
}

.icobloom-appoint-sync-success:before {
  content: "\e9c1";
}

.icobloom-appoint-circle-right:before {
  content: "\e9be";
}

.icobloom-appoint-down:before {
  content: "\e9bc";
}

.icobloom-appoint-up:before {
  content: "\e9bd";
}

.icobloom-appoint-enable-edition:before {
  content: "\e9bb";
}

.icobloom-appoint-circle-down:before {
  content: "\e9b9";
}

.icobloom-appoint-circle-up:before {
  content: "\e9ba";
}

.icobloom-appoint-pop-up:before {
  content: "\e9b8";
}

.icobloom-appoint-no-sync:before {
  content: "\e9b7";
}

.icobloom-appoint-message:before {
  content: "\e9b6";
}

.icobloom-appoint-csv:before {
  content: "\e9b3";
}

.icobloom-appoint-pdf:before {
  content: "\e9b4";
}

.icobloom-appoint-tooltip:before {
  content: "\e9b5";
}

.icobloom-appoint-hand-click:before {
  content: "\e9b0";
}

.icobloom-appoint-mouse:before {
  content: "\e9b1";
}

.icobloom-appoint-zoom:before {
  content: "\e9b2";
}

.icobloom-appoint-active:before {
  content: "\e9ae";
}

.icobloom-appoint-break:before {
  content: "\e9af";
}

.icobloom-appoint-download:before {
  content: "\e9ad";
}

.icobloom-appoint-being-served:before {
  content: "\e9a8";
}

.icobloom-appoint-cancelled:before {
  content: "\e9a9";
}

.icobloom-appoint-paused:before {
  content: "\e9aa";
}

.icobloom-appoint-served:before {
  content: "\e9ab";
}

.icobloom-appoint-waiting:before {
  content: "\e9ac";
}

.icobloom-appoint-counter-2:before {
  content: "\e9a6";
}

.icobloom-appoint-people-waiting:before {
  content: "\e9a7";
}

.icobloom-appoint-apply-concierge:before {
  content: "\e9a5";
}

.icobloom-appoint-menu:before {
  content: "\e9a4";
}

.icobloom-appoint-next:before {
  content: "\e9a3";
}

.icobloom-appoint-play:before {
  content: "\e9a2";
}

.icobloom-appoint-old-man:before {
  content: "\e99e";
}

.icobloom-appoint-wheelchair:before {
  content: "\e99f";
}

.icobloom-appoint-pregnant-woman:before {
  content: "\e9a0";
}

.icobloom-appoint-lap-child:before {
  content: "\e9a1";
}

.icobloom-appoint-radio-button-2:before {
  content: "\e99c";
}

.icobloom-appoint-radio-button:before {
  content: "\e99d";
}

.icobloom-appoint-caller-buttons:before {
  content: "\e99b";
}

.icobloom-appoint-form-circle:before {
  content: "\e99a";
}

.icobloom-appoint-update:before {
  content: "\e999";
}

.icobloom-appoint-form:before {
  content: "\e997";
}

.icobloom-appoint-status:before {
  content: "\e998";
}

.icobloom-appoint-counter:before {
  content: "\e995";
}

.icobloom-appoint-feedback:before {
  content: "\e996";
}

.icobloom-appoint-active-directory:before {
  content: "\e989";
}

.icobloom-appoint-network:before {
  content: "\e98a";
}

.icobloom-appoint-email:before {
  content: "\e993";
}

.icobloom-appoint-sms:before {
  content: "\e994";
}

.icobloom-sso:before {
  content: url("/img/sso.svg");
}

.icobloom-appoint-arrowup:before {
  content: "\e988";
}

.icobloom-appoint-link:before {
  content: "\e987";
}

.icobloom-appoint-collapse-all:before {
  content: "\e985";
}

.icobloom-appoint-expand-all:before {
  content: "\e986";
}

.icobloom-appoint-grid:before {
  content: "\e984";
}

.icobloom-appoint-virtual-ticket:before {
  content: "\e983";
}

.icobloom-appoint-permissions:before {
  content: "\e992";
}

.icobloom-appoint-checked-in:before {
  content: "\e98c";
}

.icobloom-appoint-clock:before {
  content: "\e98d";
}

.icobloom-appoint-emited-by:before {
  content: "\e98e";
}

.icobloom-appoint-sync:before {
  content: "\e98f";
}

.icobloom-appoint-ticket:before {
  content: "\e990";
}

.icobloom-appoint-transfer:before {
  content: "\e991";
}

.icobloom-appoint-duplicate:before {
  content: "\e98b";
}

.icobloom-appointments:before {
  content: "\e97e";
}

.icobloom-concierge:before {
  content: "\e97f";
}

.icobloom-card-reader:before {
  content: "🪪";
}

.icobloom-extender:before {
  content: "\e980";
}

.icobloom-qm-pad:before {
  content: "\e981";
}

.icobloom-ticket-kiosk:before {
  content: "\e982";
}

.icobloom-appoint-help:before {
  content: "\e97c";
}

.icobloom-appoint-menu-arrow:before {
  content: "\e97d";
}

.icobloom-appoint-essentials:before {
  content: "\e974";
}

.icobloom-appoint-back-frontoffice:before {
  content: "\e973";
}

.icobloom-appoint-duration:before {
  content: "\e947";
}

.icobloom-appoint-location:before {
  content: "\e971";
}

.icobloom-appoint-more-options:before {
  content: "\e972";
}

.icobloom-Confirmed:before {
  content: "\e975";
}

.icobloom-appoint-add-appointment:before {
  content: "\e946";
}

.icobloom-appoint-repetitions:before {
  content: "\e945";
}

.icobloom-appoint-info:before {
  content: "\e944";
}

.icobloom-appoint-error:before {
  content: "\e939";
}

.icobloom-appoint-success:before {
  content: "\e949";
}

.icobloom-appoint-calendar:before {
  content: "\e96f";
}

.icobloom-appoint-list:before {
  content: "\e970";
}

.icobloom-appoint-add:before {
  content: "\e930";
}

.icobloom-appoint-add-2:before {
  content: "\e931";
}

.icobloom-appoint-apply:before {
  content: "\e932";
}

.icobloom-appoint-arrow-up:before {
  content: "\e933";
}

.icobloom-appoint-arrowdown:before {
  content: "\e934";
}

.icobloom-appoint-arrowleft:before {
  content: "\e935";
}

.icobloom-appoint-arrowright:before {
  content: "\e936";
}

.icobloom-appoint-arrows-up-down:before {
  content: "\e937";
}

.icobloom-appoint-back:before {
  content: "\e938";
}

.icobloom-appoint-calendar2:before {
  content: "\e976";
}

.icobloom-appoint-cancel:before {
  content: "\e93a";
}

.icobloom-appoint-checkbox:before {
  content: "\e93b";
}

.icobloom-appoint-checkbox-2:before {
  content: "\e93c";
}

.icobloom-appoint-confirmed:before {
  content: "\e93d";
}

.icobloom-appoint-customers:before {
  content: "\e93e";
}

.icobloom-appoint-dashboard:before {
  content: "\e93f";
}

.icobloom-appoint-delete:before {
  content: "\e940";
}

.icobloom-appoint-edit:before {
  content: "\e941";
}

.icobloom-appoint-facebook:before {
  content: "\e942";
}

.icobloom-appoint-image:before {
  content: "\e943";
}

.icobloom-appoint-info2 .path1:before {
  content: "\e977";
}

.icobloom-appoint-info2 .path2:before {
  content: "\e979";
}

.icobloom-appoint-info2 .path3:before {
  content: "\e97a";
}

.icobloom-appoint-info2 .path4:before {
  content: "\e97b";
}

.icobloom-appoint-linkedin:before {
  content: "\e948";
}

.icobloom-appoint-list2:before {
  content: "\e978";
}

.icobloom-appoint-lock:before {
  content: "\e94a";
}

.icobloom-appoint-management:before {
  content: "\e94b";
}

.icobloom-appoint-move:before {
  content: "\e94c";
}

.icobloom-appoint-notifications:before {
  content: "\e94d";
}

.icobloom-appoint-on-off:before {
  content: "\e94e";
}

.icobloom-appoint-photo:before {
  content: "\e94f";
}

.icobloom-appoint-photo-2:before {
  content: "\e950";
}

.icobloom-appoint-preview:before {
  content: "\e951";
}

.icobloom-appoint-quick-actions:before {
  content: "\e952";
}

.icobloom-appoint-read:before {
  content: "\e953";
}

.icobloom-appoint-regular-expression:before {
  content: "\e954";
}

.icobloom-appoint-reload:before {
  content: "\e955";
}

.icobloom-appoint-resources:before {
  content: "\e956";
}

.icobloom-appoint-save:before {
  content: "\e957";
}

.icobloom-appoint-scheduling:before {
  content: "\e958";
}

.icobloom-appoint-search:before {
  content: "\e959";
}

.icobloom-appoint-settings:before {
  content: "\e95a";
}

.icobloom-appoint-settings-2:before {
  content: "\e95b";
}

.icobloom-appoint-text:before {
  content: "\e95c";
}

.icobloom-appoint-twitter:before {
  content: "\e95d";
}

.icobloom-appoint-unconfirmed:before {
  content: "\e95e";
}

.icobloom-appoint-unlocked:before {
  content: "\e95f";
}

.icobloom-appoint-upload:before {
  content: "\e960";
}

.icobloom-appoint-user-photo:before {
  content: "\e961";
}

.icobloom-appoint-user:before {
  content: "\e962";
}

.icobloom-appoint-youtube .path1:before {
  content: "\e963";
}

.icobloom-appoint-youtube .path2:before {
  content: "\e964";
}

.icobloom-appoint-youtube .path3:before {
  content: "\e965";
}

.icobloom-appoint-youtube .path4:before {
  content: "\e966";
}

.icobloom-appoint-youtube .path5:before {
  content: "\e967";
}

.icobloom-appoint-youtube .path6:before {
  content: "\e968";
}

.icobloom-appoint-youtube .path7:before {
  content: "\e969";
}

.icobloom-appoint-youtube .path8:before {
  content: "\e96a";
}

.icobloom-appoint-youtube .path9:before {
  content: "\e96b";
}

.icobloom-appoint-youtube .path10:before {
  content: "\e96c";
}

.icobloom-appoint-youtube .path11:before {
  content: "\e96d";
}

.icobloom-appoint-youtube .path12:before {
  content: "\e96e";
}

.icobloom-Dispenser-left-arrow:before {
  content: "\e92e";
}

.icobloom-Dispenser-right-arrow:before {
  content: "\e92f";
}

.icobloom-Dispenser-language-flag-text:before {
  content: "\e92d";
}

.icobloom-Dispenser-navigation-icon-text:before {
  content: "\e92b";
}

.icobloom-Dispenser-navigation-text:before {
  content: "\e92c";
}

.icobloom-Dispenser-show-more:before {
  content: "\e923";
}

.icobloom-Dispenser-info:before {
  content: "\e924";
}

.icobloom-Dispenser-back:before {
  content: "\e925";
}

.icobloom-Dispenser-persons-in-line:before {
  content: "\e926";
}

.icobloom-Dispenser-erase:before {
  content: "\e927";
}

.icobloom-Dispenser-waiting-time:before {
  content: "\e928";
}

.icobloom-Dispenser-error:before {
  content: "\e929";
}

.icobloom-Dispenser-confirmation:before {
  content: "\e92a";
}

.icobloom-Virtual-ticket:before {
  content: "\e922";
}

.icobloom-Priority-ticket:before {
  content: "\e921";
}

.icobloom-Priority-service:before {
  content: "\e920";
}

.icobloom-info-circle:before {
  content: "\e91f";
}

.icobloom-Star:before {
  content: "\e91e";
}

.icobloom-Led:before {
  content: "\e919";
}

.icobloom-Concierge-app:before {
  content: "\e91a";
}

.icobloom-Concierge-web:before {
  content: "\e91b";
}

.icobloom-Buttons-ticket-dispenser:before {
  content: "\e91c";
}

.icobloom-Ticket-kiosks:before {
  content: "\e91d";
}

.icobloom-single-row:before {
  content: "\e918";
}

.icobloom-double-row:before {
  content: "\e912";
}

.icobloom-button-style1:before {
  content: "\e913";
}

.icobloom-button-style3:before {
  content: "\e914";
}

.icobloom-button-style2:before {
  content: "\e915";
}

.icobloom-secondary-button:before {
  content: "\e916";
}

.icobloom-primary-button:before {
  content: "\e917";
}

.icobloom-message-ticket-dispenser:before {
  content: "\e911";
}

.icobloom-buttons-ticket-dispenser:before {
  content: "\e90b";
}

.icobloom-extra-text:before {
  content: "\e90c";
}

.icobloom-footer-text:before {
  content: "\e90d";
}

.icobloom-header-footer:before {
  content: "\e90e";
}

.icobloom-info-message:before {
  content: "\e90f";
}

.icobloom-keyboard:before {
  content: "\e910";
}

.icobloom-radiobutton-on:before {
  content: "\e907";
}

.icobloom-checkbox-on:before {
  content: "\e908";
}

.icobloom-radiobutton-off:before {
  content: "\e909";
}

.icobloom-checkbox-off:before {
  content: "\e90a";
}

.icobloom-rightdown:before {
  content: "\e906";
}

.icobloom-dispensador-offline:before {
  content: "\e904";
}

.icobloom-submenu-ticket-dispenser:before {
  content: "\e905";
}

.icobloom-maintenence-printer:before {
  content: "\e901";
}

.icobloom-out-of-paper-printer:before {
  content: "\e902";
}

.icobloom-offline-printer:before {
  content: "\e903";
}

.icobloom-delete:before {
  content: "\e900";
}

.icobloom-display-name:before {
  content: "\e801";
}

.icobloom-first-name:before {
  content: "\e802";
}

.icobloom-last-name:before {
  content: "\e803";
}

.icobloom-generate-ticket:before {
  content: "\e800";
}

.icobloom-appointments-steps:before {
  content: "\e6ee";
}

.icobloom-location-settings:before {
  content: "\e6ef";
}

.icobloom-categories:before {
  content: "\e6ec";
}

.icobloom-service-list:before {
  content: "\e6ed";
}

.icobloom-show-appointments:before {
  content: "\e6eb";
}

.icobloom-booking-management:before {
  content: "\e6ea";
}

.icobloom-Latest-tickets:before {
  content: "\e6e9";
}

.icobloom-Client:before {
  content: "\e6e6";
}

.icobloom-Confirmation:before {
  content: "\e6e7";
}

.icobloom-Services:before {
  content: "\e6e8";
}

.icobloom-Appointments_status:before {
  content: "\e6e5";
}

.icobloom-sort-by:before {
  content: "\e6e4";
}

.icobloom-left-arrow:before {
  content: "\e6e2";
}

.icobloom-up-arrow:before {
  content: "\e6e3";
}

.icobloom-thanks-message:before {
  content: "\e6de";
}

.icobloom-checkbox-dashboard-1:before {
  content: "\e6e0";
}

.icobloom-checkbox-dashboard:before {
  content: "\e6e1";
}

.icobloom-call-appointment:before {
  content: "\e6df";
}

.icobloom-apply-tablets:before {
  content: "\e6d9";
}

.icobloom-app-type:before {
  content: "\e6da";
}

.icobloom-apply-contents:before {
  content: "\e6db";
}

.icobloom-layout:before {
  content: "\e6dc";
}

.icobloom-page-elements:before {
  content: "\e6dd";
}

.icobloom-Confirmed2:before {
  content: "\e6d7";
}

.icobloom-Waiting-Confirmation:before {
  content: "\e6d8";
}

.icobloom-notification:before {
  content: "\e6d4";
}

.icobloom-new-appointment:before {
  content: "\e6c0";
}

.icobloom-appointment-confirmed:before {
  content: "\e6c1";
}

.icobloom-appointment-deleted:before {
  content: "\e6c2";
}

.icobloom-business-hours:before {
  content: "\e6c3";
}

.icobloom-change-role:before {
  content: "\e6c4";
}

.icobloom-assign-role:before {
  content: "\e6c5";
}

.icobloom-users-roles:before {
  content: "\e6c6";
}

.icobloom-assign-location:before {
  content: "\e6c7";
}

.icobloom-assign-service:before {
  content: "\e6c8";
}

.icobloom-assign-desk:before {
  content: "\e6c9";
}

.icobloom-start-appointment:before {
  content: "\e6ca";
}

.icobloom-end-appointment:before {
  content: "\e6cb";
}

.icobloom-bloom-sync:before {
  content: "\e6cc";
}

.icobloom-check-in:before {
  content: "\e6cd";
}

.icobloom-time-range:before {
  content: "\e6ce";
}

.icobloom-new-location:before {
  content: "\e6cf";
}

.icobloom-vacations-change:before {
  content: "\e6d0";
}

.icobloom-vacations-confirmation:before {
  content: "\e6d1";
}

.icobloom-trial-over:before {
  content: "\e6d2";
}

.icobloom-sync-fail:before {
  content: "\e6d3";
}

.icobloom-radio-button1:before {
  content: "\e6d5";
}

.icobloom-radio-button:before {
  content: "\e6d6";
}

.icobloom-Attention-2:before {
  content: "\e6bf";
}

.icobloom-Attention:before {
  content: "\e6be";
}

.icobloom-Users:before {
  content: "\e6bd";
}

.icobloom-Estatisticas-1:before {
  content: "\e6b9";
}

.icobloom-Estatisticas-2:before {
  content: "\e6ba";
}

.icobloom-Estatisticas-3:before {
  content: "\e6bb";
}

.icobloom-shirt:before {
  content: "\e6b5";
}

.icobloom-edit-circle:before {
  content: "\e6b8";
}

.icobloom-recall-ticket:before {
  content: "\e6b7";
}

.icobloom-device:before {
  content: "\e6b6";
}

.icobloom-call:before {
  content: "\e6b3";
}

.icobloom-add-shirt:before {
  content: "\e6b4";
}

.icobloom-location:before {
  content: "\e6ad";
}

.icobloom-staff:before {
  content: "\e6ae";
}

.icobloom-services:before {
  content: "\e6af";
}

.icobloom-date-and-time:before {
  content: "\e6b0";
}

.icobloom-newnewiconresponsive5:before {
  content: "\e6b1";
}

.icobloom-confirm-new:before {
  content: "\e6b2";
}

.icobloom-forms:before {
  content: "\e6ab";
}

.icobloom-playlist:before {
  content: "\e6ac";
}

.icobloom-basic-information:before {
  content: "\e6a4";
}

.icobloom-calendar:before {
  content: "\e6a5";
}

.icobloom-customers-back:before {
  content: "\e6a6";
}

.icobloom-customers-open:before {
  content: "\e6a7";
}

.icobloom-staff-back:before {
  content: "\e6a8";
}

.icobloom-staff-member:before {
  content: "\e6a9";
}

.icobloom-staff-open:before {
  content: "\e6aa";
}

.icobloom-blocked:before {
  content: "\e69d";
}

.icobloom-predictions:before {
  content: url(../img/predictions-icon.svg);
  display: inline-block;
  width: 12px;
  height: 12px;
  filter: invert(100%);
}

.pickadate {
  width: 100%;
}

.pickadate a {
  color: #666 !important;
  border-radius: 0;
}

.pickadate a:visited {
  color: #666;
}

.pickadate-header {
  position: relative;
}

.pickadate-main {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.pickadate-cell {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.pickadate-cell li {
  display: block;
  float: left;
  border: none;
  width: 14.285%;
  padding: 1px 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: transparent;
  color: #cf0a2c;
  height: 23px;
}

.pickadate-cell li:nth-child(7n+0) {
  border-right: none;
}

.pickadate-cell li:nth-child(1), .pickadate-cell li:nth-child(15), .pickadate-cell li:nth-child(22), .pickadate-cell li:nth-child(29), .pickadate-cell li:nth-child(36), .pickadate-cell li:nth-child(8) {
  border-left: none;
}

.pickadate-cell .pickadate-disabled, .pickadate-cell .pickadate-disabled a {
  color: transparent;
  background-color: transparent;
  cursor: default !important;
}

.pickadate-disabled .cellPair, .pickadate-disabled .cellUnpair {
  color: #b3b3b3;
  background-color: transparent;
  cursor: default !important;
}

.pickadate-cell .pickadate-enabled {
  cursor: pointer;
}

.cellPair {
  font-size: 8px;
  color: #4d4d4d;
  background-color: #E6E6E6;
}

.cellUnpair {
  font-size: 8px;
  color: #4d4d4d;
  background-color: #cccccc;
}

.cellToday {
  font-size: 8px;
  color: #4d4d4d;
  background-color: #cccccc;
  border-top: 3px solid #cf0a2c;
  color: #cf0a2c;
}

.cellSelected {
  background-color: #cf0a2c !important;
  color: white;
}

.pickadate-cell .pickadate-today {
  background-color: #e6e6e6;
}

.pickadate-cell .pickadate-head {
  font-size: 10px !important;
}

.pickadate-cell .pickadate-head:nth-child(1), .pickadate-cell .pickadate-head:nth-child(7) {
  background-color: transparent;
}

.pickadate-centered-heading {
  font-weight: 400;
  text-align: center;
  font-size: 11px;
  margin: 0 !important;
  line-height: 21px;
  /*background-color:$color_primary;
  color:white;*/
  color: #666;
}

.pickadate-controls {
  position: absolute;
  z-index: 10;
  width: 100%;
}

.pickadate-controls .pickadate-next {
  float: right;
  font-weight: 500;
  font-size: 15px;
}

.pickadate-next i {
  float: right;
}

.pickadate-controls .pickadate-prev {
  float: left;
  font-weight: 500;
  font-size: 15px;
}

.pickadate-controls a {
  text-decoration: none;
  font-size: 0.9em;
}

.pickadate-modal {
  position: absolute;
  background-color: #fff;
  width: 300px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 5px 5px;
  z-index: 1000;
}

/*
	BloomUI - Listing

*/
.listingStatisticCubes {
  background-color: white;
  height: 90px;
  padding: 20px 16px;
  width: 100%;
}

.listingTitle {
  font-size: 17px;
  color: #808080;
}

.listingContainer {
  min-height: 40px;
  border: 1px solid #cccccc;
  margin-bottom: 8px;
}

.listingOptions {
  height: 100%;
}

.listingOptionCube {
  float: right;
  text-align: center;
  height: 40px;
  width: 40px;
  border-left: 1px solid #cccccc;
  cursor: pointer;
}

.listingOptionCube.disabled {
  cursor: default;
  opacity: 0.6;
}

.listingOptionCube.disabled:hover {
  cursor: default;
  opacity: 0.6;
}

.listingApplicationsBlock {
  float: right;
  height: 100%;
  margin-right: 40px;
}

.listingApplicationsIcon {
  height: 20px;
  width: 20px;
  margin-top: 10px;
  margin-right: 15px;
}

.listingApplicationsIconResources {
  height: 20px;
  width: 20px;
  margin-right: 16px;
}

.listingApplicationsIcon.nonActive, .listingApplicationsIconResources.nonActive {
  opacity: 0.4;
}

.listingOptionCubeIcon {
  color: #4d4d4d;
  line-height: 40px;
  font-size: 19px;
}

.listingOptionCubeIcon.editIcon {
  color: #1875d1;
}

.listingOptionCubeIcon.editIconDisabled {
  color: #1875d1;
  opacity: 0.2;
}

.listingOptionCubeIcon.removeIconDisabled:hover {
  cursor: default;
}

.listingOptionCube:hover .listingOptionCubeIcon.editIcon {
  color: #13599e;
}

.listingOptionCubeIcon.duplicateIcon {
  color: #4d4d4d;
}

.listingOptionCube:hover .listingOptionCubeIcon.duplicateIcon {
  color: #000000;
}

.listingOptionCubeIcon.removeIcon {
  color: #cf0a2c;
}

.listingOptionCubeIcon.whiteIcon {
  color: white;
}

.listingOptionCubeIcon.removeIconDisabled {
  color: #cf0a2c;
  opacity: 0.2;
}

.listingOptionCubeIcon.removeIconDisabled:hover {
  cursor: default;
}

.listingOptionCube:hover .listingOptionCubeIcon.removeIcon {
  color: #9b0821;
}

.listingOptionCubeIcon.infoIcon {
  color: #4d4d4d;
}

.listingOptionCube:hover .listingOptionCubeIcon.infoIcon {
  color: #808080;
}

.listingOptionCubeIcon.resetIcon {
  color: #36a8df;
}

.listingOptionCube:hover .listingOptionCubeIcon.resetIcon {
  color: #13599e;
}

.listingOptionCubeIcon.online {
  color: #39b54a;
}

.listingOptionCubeIcon.offline {
  color: #cf0a2c;
}

.listingDeviceStatusContainer {
  width: 100%;
  position: relative;
  float: left;
  display: block;
  height: 40px;
  border-bottom: 1px solid #cccccc;
  padding: 0 8px;
}

.listingDeviceStatusContainer.first {
  border-top: 1px solid #cccccc;
}

.listingDeviceStatusLabel {
  float: left;
  line-height: 40px;
  max-width: 90%;
  color: #4d4d4d;
}

.listingDeviceStatusState {
  float: right;
  line-height: 40px;
}

.listingStatusBox {
  line-height: 40px;
  text-align: left;
  border-left: 1px solid #cccccc;
}

.listingSyncBox {
  min-width: 190px;
  line-height: 40px;
  text-align: left;
  border-left: 1px solid #cccccc;
}

.listingQuestionNumber {
  float: left;
  min-width: 40px;
  height: 40px;
  margin: 0;
  text-align: center;
  line-height: 40px;
  margin-right: 8px;
  border-right: 1px solid #cccccc;
  background-color: #e6e6e6;
  font-size: 14px;
  font-weight: 600;
}

.listingOptionCubeCheck {
  cursor: pointer;
  float: left;
  width: 40px;
  height: 40px;
  margin: 0;
  text-align: center;
  line-height: 40px;
  margin-right: 8px;
  border-right: 1px solid #cccccc;
  font-size: 12px;
}

.listingOptionCubeCheck_disabled {
  cursor: default;
  float: left;
  width: 40px;
  height: 40px;
  margin: 0;
  text-align: center;
  line-height: 40px;
  margin-right: 8px;
  border-right: 1px solid #cccccc;
  font-size: 12px;
}

.listingOptionCubeCheck.selected, .listingOptionCubeCheck:hover {
  color: #cf0a2c;
}

.listingOptionCubeCheckOrange.selected, .listingOptionCubeCheckOrange:hover {
  color: #EC8222;
}

.listingOptionCubeCheckGreen.selected, .listingOptionCubeCheckGreen:hover {
  color: #049355;
}

.listingOptionCubeCheckDarkRed.selected, .listingOptionCubeCheckDarkRed:hover {
  color: #a21d21;
}

.listingOptionCubeCheckBlue.selected, .listingOptionCubeCheckBlue:hover {
  color: #36a8df;
}

.listingOptionCubeCheckDarkBlue.selected, .listingOptionCubeCheckDarkBlue:hover {
  color: #4265aa;
}

.listingOptionCubeName {
  float: left;
  line-height: 40px;
  color: #4d4d4d;
  font-size: 14px;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.dropSectionContainer {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  min-height: 34px;
}

.dropSectionTitle {
  line-height: 34px;
  color: white;
  background-color: #cf0a2c;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.dropSectionContent {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  border: 1px solid #cccccc;
  border-top: 0;
  padding: 8px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  min-height: 34px;
}

.dropSectionArrow {
  color: white;
  padding: 0 8px;
  float: right;
  line-height: 34px;
  font-size: 14px;
}

.scheduleContainer {
  position: relative;
  float: left;
  display: block;
  width: 100%;
}

.scheduleTitle {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

.scheduleTitleBall {
  float: left;
  background-color: #cf0a2c;
  color: white;
  line-height: 34px;
  text-align: center;
  height: 34px;
  width: 34px;
  margin-right: 8px;
  border-radius: 50%;
}

.scheduleTitleBall:hover {
  background-color: #9b0821;
}

.scheduleTitleBall.disabled {
  opacity: 0.6;
}

.scheduleTitleName {
  float: left;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 34px;
}

.scheduleBody {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  min-height: 50px;
}

.scheduleLine {
  position: relative;
  display: block;
  width: 16px;
  height: 100%;
  float: left;
  margin-right: 16px;
  border-right: 1px solid #cccccc;
}

.scheduleBodyContent {
  position: relative;
  display: block;
  float: left;
  min-width: 50px;
  background-color: blue;
}

.schedulingListAppContainer {
  height: 40px;
  border: 1px solid #cccccc;
}

.schedulingListAppSelect {
  height: 38px;
  border-right: 1px solid #cccccc;
  text-align: center;
  width: 40px;
  cursor: pointer;
}

.schedulingListAppSelectIcon {
  line-height: 38px;
  color: #4d4d4d;
}

.schedulingListAppHour {
  height: 38px;
  border-right: 1px solid #cccccc;
  text-align: center;
  line-height: 38px;
  padding: 0 8px;
}

.schedulingListAppSelectIcon.selected {
  color: #cf0a2c;
}

.schedulingListAppName {
  height: 38px;
  display: block;
  min-width: 100px;
  border-right: 1px solid #cccccc;
  text-align: center;
  padding: 0 8px;
}

.schedulingListAppNumber {
  height: 38px;
  display: block;
  min-width: 80px;
  border-right: 1px solid #cccccc;
  text-align: center;
  padding: 0 8px;
}

.schedulingListInfo {
  width: 100%;
  display: block;
  height: 38px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 38px;
}

.schedulingListInfo.full {
  height: 38px;
  line-height: 38px;
}

.schedulingOptions {
  height: 100%;
  width: 230px;
}

.schedulingOptionsCube {
  float: right;
  text-align: center;
  height: 38px;
  width: 38px;
  border-left: 1px solid #cccccc;
  cursor: pointer;
}

.schedulingOptionsCubeCancel {
  color: #cf0a2c;
  line-height: 38px;
}

.schedulingOptionsCubeInfo {
  color: #4d4d4d;
  line-height: 38px;
}

.schedulingOptionsCubeConfirm {
  color: #39b54a;
  line-height: 38px;
}

.schedulingOptionsCubeConfirm.disabled, .schedulingOptionsCubeCancel.disabled {
  opacity: 0.2;
}

.customerAppointmentListingText {
  font-size: 13px;
  padding-left: 5px;
  padding-right: 5px;
  color: #4d4d4d;
  text-overflow: ellipsis;
}

.listingScheduleContainer {
  position: relative;
  float: left;
  display: block;
  padding: 0 8px;
  padding-top: 8px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}

.listingScheduleContainer.first {
  border-top: 1px solid #cccccc;
}

.listingScheduleDay {
  width: 180px;
  float: left;
  display: block;
  position: relative;
}

.listingScheduleHours {
  width: 180px;
  float: left;
  display: block;
  position: relative;
}

.listingScheduleDelete {
  float: right;
  height: 68px;
  line-height: 68px;
  font-size: 20px;
}

.listAnswersFieldsRemove {
  float: right;
  border: 1px solid #cccccc;
  height: 34px;
  width: 34px;
  border-left: none;
  line-height: 34px;
  text-align: center;
  color: #cf0a2c;
  font-size: 18px;
}

.listAnswersFieldsRemove:hover {
  cursor: pointer;
  color: #9b0821;
}

.listingSettings {
  table-layout: fixed;
  border-collapse: collapse;
}

.listingSettingsOpen {
  background-color: #EC8222;
  border: none;
  color: white;
}

.listingSettingsOpenMaster {
  background-color: #049355;
  border: none;
  color: white;
}

.listingSettingsDetails {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}

.listingSettingsDate {
  color: #999999;
  font-size: 12px;
  border-right: 1px solid #cccccc;
}

.listingSettingsDateOpen {
  color: white;
  font-size: 12px;
  border-right: 1px solid white;
}

.expanderContainer {
  border: 1px solid #cccccc;
  height: 232px;
  border-top: 0px;
  display: table;
  width: 100%;
}

.expanderMainCellLeft {
  padding: 16px;
  padding-right: 8px;
  display: table-cell;
  vertical-align: top;
  width: 50%;
}

.expanderMainCellRight {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

.expanderLeftCellFirst {
  padding: 16px;
  display: table-cell;
  height: 100%;
  width: 50%;
}

.expanderLeftCellLast {
  background-color: #e6e6e6;
  width: 50%;
  padding: 16px;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}

.marginRequiredField {
  padding-top: 40px !important;
}

.cellQuestionType {
  width: 33.33%;
  display: table-cell;
  padding-right: 8px;
  vertical-align: top;
}

.cellQuestionTypeContainer {
  position: relative;
  width: 100%;
  height: 60px;
}

.cellQuestionText {
  width: 66.66%;
  display: table-cell;
}

.cellQuestionConfigKey {
  width: 33.33%;
  padding-right: 4px;
  padding-left: 10px;
  display: table-cell;
}

.cellQuestionConfigValue {
  width: 66.66%;
  padding-left: 4px;
  display: table-cell;
}

.showBiggerQuestion {
  display: table;
  width: 100%;
}

.showBiggerQuestionLeft {
  display: table-cell;
  width: 33.33%;
  padding-right: 4px;
  padding-left: 10px;
}

.showBiggerQuestionRight {
  display: table-cell;
  width: 66.66%;
  padding-left: 4px;
}

.showSmallerQuestion {
  display: none;
}

.devicesLeftCell {
  padding: 0px;
}

.devicesAssociatedQuestions {
  display: block;
}

.radioFields {
  margin-right: 26px;
}

.fieldsLeftColumn {
  padding: 16px;
  padding-right: 8px;
  padding-bottom: 0px;
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

.fieldsRightColumn {
  padding: 16px;
  padding-left: 8px;
  padding-bottom: 0px;
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

.fieldsMainTable,
.fieldsRegexMainTable {
  border: 1px solid #cccccc;
  min-height: 96px;
  border-top: 0px;
  display: table;
  width: 100%;
}

.fieldsRegexLeft,
.fieldsRegexRight {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  padding: 16px;
  padding-top: 0px;
}

.regexBuilderTitle {
  color: #6d6d6d;
  font-size: 17px;
  display: table;
  padding-left: 16px;
}

.fieldsMultipleLeftColumn {
  display: table-cell;
  vertical-align: top;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}

.fieldFormatLeft {
  display: table-cell;
  padding-right: 8px;
  width: 50%;
}

.fieldFormatRight {
  display: table-cell;
  padding-left: 8px;
  width: 50%;
}

.buttonEditQuestionType {
  position: absolute;
  width: 34px;
  top: 24px;
  right: 0;
  cursor: pointer;
}

.questionTypeInput {
  width: 104px;
}

.showOnBigger {
  display: table-cell;
}

.questionsCubeName {
  max-width: 50%;
}

.questionsListingContainer {
  height: inherit !important;
}

.requiredQuestion {
  float: right;
  text-align: center;
  height: 40px;
  border-left: 1px solid #cccccc;
  line-height: 40px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 11px;
}

.questionsListingOptions {
  float: right !important;
}

.questionsMomentTitle {
  display: table-cell;
  width: 75%;
}

.questionsMomentAddButton {
  display: table-cell;
  width: 25%;
}

.before-question-settings {
  width: 33%;
  margin-bottom: 32px;
}

.before-question-settings-wrapper {
  display: table;
  width: 100%;
  min-height: 66px;
  transition: 0.5s linear all;
  opacity: 1;
}

.before-question-settings-wrapper.hide {
  opacity: 0;
  height: 0;
  min-height: 0;
}

.questionsMomentTitleDescription {
  color: #808080;
  font-size: 17px;
  text-transform: uppercase;
}

.sortableFormPlaceholder {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.8;
  border: 1px dashed #75ADE4;
  background-color: #DAE9F8;
  height: 42px;
  margin-bottom: 16px;
  width: 100%;
}

.listingWithDescriptionLeft {
  width: calc(50% - 48px);
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listingWithDescriptionRight {
  width: calc(50% - 48px);
  text-transform: uppercase;
  color: #ababab;
  padding-right: 8px;
  float: right;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 768px) {
  .expanderMainCellRight {
    width: 100%;
    display: table-row;
  }
  .devicesAssociatedQuestions {
    display: none;
  }
  .questionTypeInput {
    width: 80%;
  }
}
@media only screen and (max-width: 479px) {
  .listingWithDescriptionLeft {
    width: calc(100% - 48px);
  }
  .listingWithDescriptionRight {
    display: none;
  }
  .sortableFormPlaceholder {
    height: 82px;
  }
  .questionsListingContainer {
    height: 82px !important;
  }
  .questionTypeInput {
    width: 88%;
  }
  .questionsMomentTitleDescription {
    padding-bottom: 12px;
  }
  .questionsMomentTitle {
    display: table-row;
    width: 100%;
  }
  .questionsMomentAddButton {
    display: table-row;
    width: 100%;
  }
  .before-question-settings {
    width: 100%;
  }
  .questionsListingOptions {
    float: none !important;
    width: 100%;
  }
  .requiredQuestion {
    float: left;
    border-left: none;
    font-size: 9px;
  }
  .listingOptionCubeName.questionsCubeName {
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid #cccccc;
  }
  .fieldsMainTable {
    padding: 16px;
  }
  .fieldFormatLeft {
    display: table;
    width: 100%;
    padding: 0px;
  }
  .showOnBigger {
    display: none;
  }
  .marginRequiredField {
    padding-top: 16px !important;
  }
  .fieldFormatRight {
    display: table;
    width: 100%;
    padding: 0px;
  }
  .fieldsRegexMainTable {
    padding: 16px;
    padding-top: 0px;
  }
  .expanderLeftCellLast {
    display: table-row;
  }
  .regexBuilderTitle {
    padding-left: 0px;
  }
  .radioFields {
    width: 100%;
    margin-right: 0px;
  }
  .fieldsLeftColumn,
  .fieldsRightColumn,
  .fieldsMultipleLeftColumn {
    display: table;
    padding: 0px;
    width: 100%;
  }
  .expanderMainCellLeft {
    padding-right: 16px;
    padding-bottom: 0px;
  }
  .cellQuestionType {
    display: table-row;
  }
  .cellQuestionTypeContainer {
    display: table-cell;
  }
  .fieldsRegexLeft,
  .fieldsRegexRight {
    display: table-row;
    vertical-align: top;
    width: 100%;
    padding: 16px;
  }
  .cellQuestionConfigValue,
  .cellQuestionConfigKey {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: table;
  }
  .cellQuestionConfigValue {
    margin-bottom: 16px;
  }
  .showBiggerQuestion {
    display: none;
  }
  .showSmallerQuestion {
    display: block;
  }
  .devicesLeftCell {
    padding: 16px;
  }
}
/*

	Listing das Appointments

*/
.listingAppointments {
  width: 100%;
  float: left;
  height: 40px;
  border: 1px solid #cccccc;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
}

.listingAppointmentsHour {
  width: auto;
  height: 40px;
  padding: 0px 16px;
  float: left;
  border-right: 1px solid #cccccc;
  line-height: 40px;
}

.listingAppointmentsLine {
  width: 70%;
  height: 20px;
  padding-left: 16px;
  float: left;
  line-height: 20px;
}

.listingAppointmentsStatus {
  width: auto;
  height: 40px;
  padding-right: 16px;
  text-align: right;
  line-height: 40px;
}

/*

	Listing das Integrations

*/
.integrationRow {
  padding-left: 16px;
  height: 60px;
}

.integrationRowApp {
  float: left;
  margin-right: 16px;
  height: 58px;
  line-height: 60px;
  font-size: 29px;
}

.integrationRowText {
  float: left;
  width: 60%;
  height: 58px;
  padding-top: 13px;
}

.integrationRowEditIcon {
  float: right;
  width: 60px;
  height: 58px;
  line-height: 58px;
  border-left: 1px solid #cccccc;
  text-align: center;
  font-size: 21px;
  color: #1875d1;
  cursor: pointer;
}

.integrationRowEditIcon:hover {
  color: #13599e;
}

.integrationRowState {
  float: right;
  margin-right: 16px;
  height: 58px;
  line-height: 58px;
  font-size: 15px;
}

.showToHideDescription {
  display: none;
}

.hideToShowState {
  display: block;
}

.paddingRightLeft {
  padding-right: 5px;
}

.paddingLeftRight {
  padding-left: 5px;
}

/* Listing Masters Message/Alert Centre */
.singleLocationList {
  line-height: 34px;
  height: 34px;
  font-size: 12px;
  padding-left: 32px;
  padding-right: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.singleLocationList.active,
.singleLocationList:hover {
  background-color: #EC8222;
  cursor: pointer;
  color: white;
}

.locationGroupList {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 600;
  font-size: 14px;
  cursor: default;
  padding-bottom: 8px;
}

/* Counters */
@media only screen and (max-width: 768px) {
  .integrationRowText {
    width: 55%;
  }
  .counterNameCellView {
    width: 100px;
  }
}
@media only screen and (max-width: 720px) {
  .integrationRowState {
    display: none;
  }
  .showToHideDescription {
    display: block;
  }
  .hideToShowState {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .paddingRightLeft {
    padding-right: 0px;
  }
  .counterNameCellView {
    width: 87px;
  }
  .paddingLeftRight {
    padding-left: 0px;
  }
  .integrationRowState {
    display: none;
  }
  .showToHideDescription {
    display: block;
  }
  .integrationRowText {
    width: 58%;
  }
  .hideToShowState {
    display: none;
  }
}
.bloomOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #999999;
  opacity: 0.5;
  -ms-filter: "alpha(opacity = 50)";
  z-index: 9998;
}

.bloomModalOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #999999;
  opacity: 0.5;
  -ms-filter: "alpha(opacity = 50)";
  z-index: 10001;
}

.bloomModalContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10003;
}

.bloomModal {
  text-align: center;
  width: 330px;
  min-height: 96px;
  margin: auto;
  padding: 12px;
  padding-bottom: 24px;
  position: relative;
  margin-top: 150px;
  background: #ffffff;
}

.bloomModalMessage {
  position: relative;
  display: block;
  width: 100%;
  font-size: 15px;
  text-align: left;
  padding-bottom: 24px;
}

.bloomModalInput {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
}

.bloomModalBottons {
  left: 12px;
  width: 306px;
  font-size: 14px;
  color: #cf0a2c;
  text-transform: uppercase;
}

.bloomModalIcon {
  float: left;
  font-size: 25px;
  width: 25px;
}

.bloomModalIcon.success {
  color: #39b54a;
}

.bloomModalIcon.error {
  color: #cf0a2c;
}

.bloomModalText {
  float: right;
  width: 269px;
}

.formsModalBackground {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #e6e6e6;
  opacity: 0.6;
}

.formsModalContainer {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
  left: 0;
}

.formsModalContainerCenter {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding-top: 40px;
}

.formsModalContainerCenterRow {
  position: relative;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

.formsModal {
  position: relative;
  float: left;
  display: block;
  background-color: white;
  padding: 16px;
  min-height: 100px;
}

.formsmodal-open {
  overflow: hidden;
}

/*MODAL TICKET*/
.bloomTicketContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.bloomModalTicket {
  position: relative;
  width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.bloomModalTicketContainer {
  position: relative;
  float: left;
  width: 100%;
  background-color: white;
  display: block;
}

.bloomModalTicketHeader {
  position: relative;
  float: left;
  width: 100%;
  height: 46px;
  padding: 12px 12px;
}

.bloomModalTicketTitle {
  font-size: 15px;
  float: left;
}

.bloomModalTicketNumber {
  float: right;
  font-size: 25px;
}

.bloomModalTicketBody {
  position: relative;
  float: left;
  width: 100%;
  max-height: 300px;
  display: block;
}

.bloomModalTicketBodyContainer {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 0 12px;
}

.bloomTicketBall {
  position: relative;
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin: 5px 0;
  margin-right: 12px;
}

.bloomTicketBall.TICKET_ISSUED {
  background-color: #cf0a2c;
}

.bloomTicketBall.TICKET_CALLED {
  background-color: #ec8222;
}

.bloomTicketBall.TICKET_TRANSFERED_SERVICE, .bloomTicketBall.TICKET_TRANSFERED_USER, .bloomTicketBall.TICKET_TRANSFERED_DESK {
  background-color: #4265aa;
}

.bloomTicketBall.ENDED {
  background-color: #36a8df;
}

.bloomTicketBall.FORM {
  background-color: #049355;
}

.bloomTicketBall.CANCELED {
  background-color: #a21d21;
}

.bloomTicketBall.WAITING, .bloomTicketBall.ANSWERED, .bloomTicketBall.SUSPENDED {
  background-color: #5d0c8b;
}

.bloomTicketBall.FEEDBACK_FILLED {
  background-color: #049355;
}

.bloomTicketBallIcon {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  color: white;
}

.bloomTimeRow {
  float: left;
  font-size: 11px;
  color: #808080;
}

.bloomMessegeRow {
  float: left;
  font-size: 13px;
  color: #4d4d4d;
}

.bloomModalTicketFooter {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  box-sizing: border-box;
  min-height: 30px;
  padding: 12px;
}

.bloomModalCancelLink {
  color: #cf0a2c;
  font-size: 15px;
  text-transform: uppercase;
  float: right;
  cursor: pointer;
}

/*
	BloomUI - Menu
*/
.menuContainer {
  width: 100%;
  min-height: 76px;
  position: relative;
  display: block;
  float: left;
  z-index: 9999;
}

.menuContainer.expanded {
  min-height: 113px;
}

.menuBody {
  width: 100%;
  min-height: 76px;
  position: relative;
  display: block;
  /*float:left;*/
}

.subMenuBody {
  width: 100%;
  height: 34px;
  line-height: 34px;
  position: relative;
  display: block;
  float: left;
}

.subSubMenuBody {
  width: 100%;
  height: 22px;
  line-height: 22px;
  position: relative;
  display: block;
  float: left;
  box-shadow: 0 3px 5px #888;
}

.menuDivider {
  width: 100%;
  position: relative;
  float: left;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.menuImageContainer {
  position: absolute;
  top: 0;
  background: transparent;
  z-index: 1;
}

.imageLogo {
  width: 100%;
  margin-top: 14px;
  height: 24px;
}

.menuTopOptionsContainerOnServer {
  width: 100%;
  position: relative;
  float: right;
  height: 50px;
}

.menuTopOptionsContainerOnServer:after {
  display: block;
  content: "";
  float: none;
  line-height: 1px;
}

.menuTopOptionsContainer {
  width: 100%;
  position: relative;
  float: right;
  height: 68px;
}

.menuTopOptionsContainer:after {
  display: block;
  content: "";
  float: none;
  line-height: 1px;
}

.menuTopButtons {
  height: 34px;
  color: #3C3C3C;
  background-color: #e6e6e6;
  float: right;
  margin-left: 2px;
  text-align: center;
  cursor: pointer;
  width: 34px;
}

.menuTopButtons:hover {
  background-color: #4d4d4d;
  color: white;
}

.menuTopUserIcon {
  float: right;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #a4a4a4;
  margin-right: 12px;
  cursor: pointer;
  margin-top: 2px;
  background: url(../img/user.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.menuTopUser {
  position: absolute;
  top: 34px;
  right: 0px;
  min-width: 160px;
  cursor: default;
  background: white;
  font-size: 11px;
  z-index: 1;
  color: #4d4d4d;
  box-shadow: 0 3px 5px #888;
}

.menuTopUserBlocks {
  cursor: pointer;
  width: 100%;
  min-width: 110px;
  float: left;
  display: block;
  padding-left: 12px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menuTopUserBlocks:hover {
  background-color: #C1C1C1;
}

.menuTopUserFirstBlock {
  cursor: default;
  padding: 12px;
  border-bottom: 1px solid #C1C1C1;
  line-height: 30px;
  font-weight: 600;
}

.menuTopUserDisplayName {
  font-size: 11px;
  min-width: 88px;
  max-width: 213px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menuTopHelp {
  position: absolute;
  top: 34px;
  right: 85px;
  cursor: default;
  background: white;
  font-size: 11px;
  z-index: 1;
  color: #4d4d4d;
  box-shadow: 0 3px 5px #888;
}

.menuTopButtonsHelp {
  height: 34px;
  color: #3C3C3C;
  background-color: #e6e6e6;
  float: right;
  margin-left: 2px;
  text-align: center;
  cursor: pointer;
  width: 34px;
}

.menuTopButtonsHelp.orange.disabled {
  background-color: #f9bc93;
  color: #f79959;
  cursor: not-allowed;
}

.menuTopButtonsHelp.red.disabled {
  background-color: #dd9ba1;
  color: #d36c7e;
  cursor: not-allowed;
}

.menuTopButtonsHelp.green.disabled {
  background-color: #93c9af;
  color: #49b778;
  cursor: not-allowed;
}

.menuTopButtonsHelp.darkred.disabled {
  background-color: #f9bc93;
  color: #f79959;
  cursor: not-allowed;
}

.menuTopButtonsHelp.blue.disabled {
  background-color: #a6dbe8;
  color: #4ecbd8;
  cursor: not-allowed;
}

.menuTopButtonsHelp.darkblue.disabled {
  background-color: #f9bc93;
  color: #f79959;
  cursor: not-allowed;
}

.menuTopButtonsHelp.dark_red.disabled {
  background-color: #dd9ba1;
  color: #d36c7e;
  cursor: not-allowed;
}

.menuTopButtonsHelpHovered,
.menuTopButtonsHelp:hover,
.menuTopHelp:hover .menuTopButtonsHelp {
  background-color: #4d4d4d;
  color: white;
}

.forceSyncMenuButton {
  float: right;
  height: 34px;
  width: 34px;
  font-size: 19px;
  line-height: 37px;
  text-align: center;
  color: white;
  background-color: rgba(255, 255, 255, 0.4);
}

.forceSyncMenuButton:hover {
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}

.menuTopButtonsIcon {
  font-size: 16px;
  line-height: 34px;
}

.menuLinksContainer {
  width: 100%;
  position: relative;
  float: left;
  min-height: 32px;
}

.menuLink {
  padding-left: 12px;
  padding-right: 12px;
  text-transform: uppercase;
  float: left;
  font-size: 12px;
  height: 32px;
  line-height: 24px;
  position: relative;
  color: #fff;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menuLink.disabled:hover {
  background-color: inherit;
  cursor: not-allowed !important;
}

.menuLink:hover {
  background-color: #fff;
}

.menuLink.selected {
  /*background-color: #fff;*/
}

.menuLink.selected > .underline {
  border-bottom: 4px solid #FFF;
}

.menuLink > .underline {
  margin-top: 4px;
}

.subMenuLink {
  text-transform: none;
  font-size: 12px;
  padding-left: 12px;
  padding-right: 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s, color 0.2s ease-in;
  -moz-transition: background-color 0.2s, color 0.2s ease-in;
  -o-transition: background-color 0.2s, color 0.2s ease-in;
  transition: background-color 0.2s, color 0.2s ease-in;
}

.subMenuLink.orange.disabled {
  background-color: #f9bc93;
  color: #f79959;
  cursor: not-allowed;
}

.subMenuLink.red.disabled {
  background-color: #dd9ba1;
  color: #d36c7e;
  cursor: not-allowed;
}

.subMenuLink.green.disabled {
  background-color: #93c9af;
  color: #49b778;
  cursor: not-allowed;
}

.subMenuLink.darkred.disabled {
  background-color: #f9bc93;
  color: #f79959;
  cursor: not-allowed;
}

.subMenuLink.blue.disabled {
  background-color: #a6dbe8;
  color: #4ecbd8;
  cursor: not-allowed;
}

.subMenuLink.darkblue.disabled {
  background-color: #f9bc93;
  color: #f79959;
  cursor: not-allowed;
}

.subMenuLink.dark_red.disabled {
  background-color: #dd9ba1;
  color: #d36c7e;
  cursor: not-allowed;
}

.popsubmenu {
  visibility: hidden;
  opacity: 0;
  color: #000;
  left: 0;
  padding-top: 18px;
  padding-bottom: 10px;
  position: absolute;
  min-width: 100%;
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-transition: visibility 0s, opacity 0.2s, ease-in;
  -moz-transition: visibility 0s, opacity 0.2s ease-in;
  -o-transition: visibility 0s, opacity 0.2s ease-in;
  transition: visibility 0s, opacity 0.2s ease-in;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.popsubmenu.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.noHover {
  pointer-events: none !important;
}

.menu_white_space {
  height: 0px;
  top: 100px;
  left: 0;
  right: 0;
  color: #000;
  background-color: #fff;
  position: absolute;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  display: block;
  -webkit-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
}

.menu_white_space.active {
  visibility: visible;
  opacity: 1;
}

.menuLinkSelectArrow {
  position: relative;
  text-align: center;
  font-size: 8px;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin-left: -4px;
}

.subMenuText_red.disabled, .subMenuText_orange.disabled, .subMenuText_blue.disabled, .subMenuText_green.disabled, .subMenuText_darkblue.disabled {
  color: #b3b3b3 !important;
  background-color: inherit !important;
}

.subMenuText_red:hover {
  color: #FFF;
  background-color: #cf0a2c;
}

.subMenuText_orange:hover {
  color: #FFF;
  background-color: #EC8222;
}

.subMenuText_blue:hover {
  color: #FFF;
  background-color: #36a8df;
}

.subMenuText_green:hover {
  color: #FFF;
  background-color: #049355;
}

.subMenuText_darkblue:hover {
  color: #FFF;
  background-color: #4265aa;
}

.subMenuText_dark_red:hover {
  color: #FFF;
  background-color: #a21d21;
}

.subMenuLink.selected {
  color: #FFF;
}

.subSubMenuLink {
  float: right;
  font-size: 11px;
  cursor: pointer;
  margin-left: 12px;
  line-height: 22px;
}

.subSubMenuLink.selected {
  color: #FFF;
}

.topMenuContainer {
  position: relative;
  width: 100%;
  top: 0;
  float: right;
  right: 0;
}

.topMenuButton {
  position: relative;
  float: right;
  background: white;
  margin-left: 8px;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
  color: #4d4d4d;
  padding: 0 12px;
  cursor: pointer;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.ArrowTopMenu {
  color: #4d4d4d;
}

.iconTopMenu.blue {
  color: #36a8df;
}

.topMenuButton.blue:hover {
  background: #36a8df;
  color: white !important;
}

.topMenuButton:hover .ArrowTopMenu {
  color: white;
}

.topMenuButton:hover .iconTopMenu.blue {
  color: white;
}

.topMenuButton.disabled {
  opacity: 0.6;
  pointer-events: none;
}

/*@media only screen and (max-width: 426px) {
  .topMenuButton {
    width:100%;
    margin:0 auto;
    margin-bottom:5px;
  }
}*/
.topMenuButtonIcon {
  color: #cf0a2c;
  font-size: 12px;
  line-height: 34px;
  padding-right: 8px;
}

/* TAB */
.bloomTabBar {
  position: relative;
  width: 100%;
  display: block;
  border-bottom: 1px solid #cccccc;
}

.bloomTabBarContainer {
  position: relative;
  float: left;
  width: 100%;
  bottom: -1px;
}

.bloomTabBarOption {
  font-size: 15px;
  cursor: pointer;
  float: left;
  text-transform: uppercase;
  padding: 0 8px;
  height: 34px;
  line-height: 34px;
  color: #4d4d4d;
}

.bloomTabBarOption.selected {
  color: #EC8222;
  border-bottom: 2px solid #EC8222;
}

.bloomTabBarOption.selectedblue {
  color: #36a8df;
  border-bottom: 2px solid #36a8df;
}

.bloomTabBarOption.selectedDarkblue {
  color: #4265aa;
  border-bottom: 2px solid #4265aa;
}

.bloomTabBarOption.selectedred {
  color: #cf0a2c;
  border-bottom: 2px solid #cf0a2c;
}

.bloomTabBarOption.selectedDarkred {
  color: #a21d21;
  border-bottom: 2px solid #a21d21;
}

.menu_gap {
  height: 34px;
}

/* Menu animation and shadow for master */
.menuslide.ng-enter {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}

.menuslide.ng-enter {
  height: 0px;
}

.menuslide.ng-enter.menuslide.ng-enter-active {
  height: 34px;
}

.shadow_down {
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

/* Menu animation and shadow for master */
.showonmobilemenu {
  display: none;
}

.hideonmobilemenu {
  display: block;
}

@media only screen and (max-width: 426px) {
  .showonmobilemenu {
    display: block;
  }
  .hideonmobilemenu {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 90%;
    right: 0;
    z-index: 999;
    top: 36px;
  }
  .hideonmobilemenu.show {
    display: block;
  }
}
/*
	BloomUI - Assignments
*/
.assignmentDescription {
  color: #808080;
  font-size: 17px;
}

.buttonAssignmentUnlock {
  cursor: pointer;
  height: 34px;
  margin-top: 22px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #cf0a2c;
  border: 1px solid #cf0a2c;
  color: white;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.buttonAssignmentUnlock.selected {
  background-color: #39b54a;
  border: 1px solid #39b54a;
  color: white;
}

.assignmentTableContainer {
  width: 100%;
  /*padding-left:200px;*/
  overflow-x: auto;
  overflow-y: visible;
  padding-bottom: 10px;
}

.assignmentTable {
  border-collapse: collapse;
}

.assignmentTableFixedColumn {
  /*position:absolute;*/
  left: 0;
  top: auto;
  margin-top: 0;
  width: 201px;
  z-index: 10;
  height: 35px;
  border-collapse: collapse;
  text-overflow: ellipsis;
  text-align: left;
  padding: 2px 8px 0px;
  background: white;
  border: 1px solid white;
  border-bottom: none;
  border-right: 0;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

@-moz-document url-prefix() {
  .assignmentTableFixedColumn {
    margin: -1px !important;
  }
}
.assignmentTableFixedColumn.oneLine {
  line-height: 34px;
}

.assignmentTableFixedColumn.pair {
  border: 1px solid #cccccc;
  /*border-bottom: 0;*/
  background: white;
  color: #4d4d4d;
}

.assignmentTableFixedColumn.unpair {
  border: 1px solid #cccccc;
  /*border-bottom: 0;*/
  background: #E2E2E2;
  color: #4d4d4d;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .assignmentTableFixedColumn {
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
  }
}
.assignmentTableHeader {
  background-color: #5B5B5B;
  color: white;
  height: 34px;
  line-height: 34px;
  padding: 0 8px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.assignmentIconContainer {
  cursor: pointer;
  text-align: center;
  height: 34px;
  line-height: 34px;
}

.assignmentIconCheck {
  color: #EC8222;
  font-size: 15px;
}

.assignmentIconCheckBlue {
  color: #36a8df;
  font-size: 15px;
}

.assignmentTableBodyCell {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #cccccc;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.assignmentTableBodyCell.pair {
  border: 1px solid #cccccc;
  background: white;
  color: #4d4d4d;
}

.assignmentTableBodyCell.unpair {
  border: 1px solid #cccccc;
  background: #E2E2E2;
  color: #4d4d4d;
}

.assignmentTableLogoContainer {
  margin: 0;
  border-top: 1px solid #cccccc;
  height: 25px;
  background: #E2E2E2;
  line-height: 23px;
  text-align: center;
}

.assignmentTableStaffHeaderContainer {
  margin: 0;
  position: relative;
  padding: 0 8px;
  float: left;
  border-top: 1px solid #cccccc;
  height: 25px;
  background: #E2E2E2;
  line-height: 23px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.assignmentStaffCellHeader {
  height: 25px;
  padding: 0 8px;
  background-color: #E2E2E2;
  border-top: 1px solid #cccccc;
  color: #4d4d4d;
}

.assignmentStaffCellBody {
  cursor: pointer;
  /*height: 34px;*/
  padding: 0 8px;
}

.ballOn {
  background: #cf0a2c;
  color: white;
}

.ballPast {
  background: #4d4d4d;
  color: white;
}

.ballNext {
  background: #999999;
  color: white;
  opacity: 0.6;
}

.bookingButtons {
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  padding: 0 4px;
  font-size: 14px;
  background-color: #cf0a2c;
  border: 1px solid #cf0a2c;
  color: white;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  outline: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bookingButtons.selected {
  background-color: #a21d21;
  border: 1px solid #a21d21;
  color: white;
}

.bookingStepsText {
  float: left;
  margin-left: 10px;
  font-size: 15px;
  line-height: 35px;
  color: #4d4d4d;
}

.bookingStepsBorder {
  height: 50px;
  margin-left: 17px;
  border-left: 1px solid #cccccc;
}

.bookingInfoContainer {
  height: 350px;
  overflow: hidden;
}

.bookingStepsText.disabled {
  color: #999999;
}

.bookingBodyTitle {
  height: 34px;
  font-size: 17px;
  color: #4d4d4d;
}

.bookingRegisterContainer {
  height: 84px;
  width: 100%;
  position: relative;
  float: left;
}

.bookingRegister {
  display: table;
  height: 40px;
  width: 100%;
}

.bookingRegisterTitle {
  display: table-cell;
  background-color: #9b0821;
  vertical-align: middle;
  padding-left: 8px;
  color: white;
}

.bookingRegisterIcon {
  display: table-cell;
  cursor: pointer;
  font-size: 15px;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  background-color: #cf0a2c;
  text-align: center;
  color: white;
}

.summaryColumn {
  display: block;
}

.stepBarSingleTitle {
  display: none;
}

@media only screen and (max-width: 959px) {
  .summaryColumn {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .stepBarSingleTitle {
    display: block;
  }
  .stepBarMultipleTitles {
    display: none;
  }
}
.categoryContainer {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  min-height: 40px;
  line-height: 40px;
  padding: 0 16px;
  background-color: white;
  color: #4d4d4d;
  border: 1px solid #cccccc;
  color: #4d4d4d;
  text-transform: uppercase;
  font-size: 14px;
}

.categoryContainer.selected {
  background-color: #EC8222;
  color: white;
}

.categoryInformationBlock {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.categoryOptionRow {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  padding: 0 16px;
  min-height: 35px;
  line-height: 35px;
}

.categoryOptionRow.unPair {
  background-color: #e6e6e6;
}

.categoryOptionRow.pair {
  background-color: white;
}

.text_wrap {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text_comentary {
  color: #828282;
}

.text_primary {
  color: #cf0a2c;
}

.text_normal {
  color: #4d4d4d !important;
}

.text_light_normal {
  color: #808080;
}

.text_white {
  color: white !important;
}

.text_center {
  text-align: center !important;
}

.text_right {
  text-align: right !important;
}

.text_left {
  text-align: left !important;
}

.text_no_line_height {
  line-height: normal !important;
}

.text_input_height {
  line-height: 34px;
}

.text_red {
  color: #cf0a2c !important;
}

.text_yellow {
  color: #EC8222 !important;
}

.text_green {
  color: #049355 !important;
}

.text_lightgreen {
  color: #c2e4d4;
}

.text_green_option {
  color: #39b54a;
}

.text_darkred {
  color: #a21d21 !important;
}

.text_blue {
  color: #36a8df !important;
}

.text_darkblue {
  color: #4265aa !important;
}

.text_orange {
  color: #EC8222 !important;
}

.text_gray {
  color: #4d4d4d !important;
}

.text_lightgray {
  color: #e6e6e6 !important;
}

.text_dark_red {
  color: #a21d21 !important;
}

.text_arrow_up {
  color: #5C2B85 !important;
}

.text_arrow_down {
  color: #00A19A !important;
}

.text_arrow {
  color: #999999 !important;
}

.text_online {
  color: #39b54a;
}

.text_white_menu,
.text_red_menu,
.text_green_menu,
.text_darkred_menu,
.text_blue_menu,
.text_darkblue_menu,
.text_orange_menu,
.text_gray_menu,
.text_dark_red {
  color: #FFF;
}

.text_red_menu.disabled {
  color: #d891a7 !important;
}

.text_green_menu.disabled {
  color: #93c9af !important;
}

.text_darkred_menu.disabled {
  color: #d891a7 !important;
}

.text_blue_menu.disabled {
  color: #a6dbe8 !important;
}

.text_darkblue_menu.disabled {
  color: #a6dbe8 !important;
}

.text_orange_menu.disabled {
  color: #f9bc93 !important;
}

.text_dark_red.disabled {
  color: #d891a7 !important;
}

.text_red.disabled {
  color: #d891a7 !important;
}

.text_green.disabled {
  color: #93c9af !important;
}

.text_darkred.disabled {
  color: #d891a7 !important;
}

.text_blue.disabled {
  color: #a6dbe8 !important;
}

.text_darkblue.disabled {
  color: #a6dbe8 !important;
}

.text_orange.disabled {
  color: #f9bc93 !important;
}

.text_white_menu:hover {
  color: white !important;
}

.text_red_menu:hover {
  color: #cf0a2c;
}

.text_green_menu:hover {
  color: #049355;
}

.text_dark_red_menu:hover {
  color: #a21d21;
}

.text_darkblue_menu:hover {
  color: #4265aa;
}

.text_blue_menu:hover {
  color: #36a8df;
}

.text_orange_menu:hover {
  color: #EC8222;
}

.text_gray_menu:hover {
  color: #4d4d4d;
}

.replicationNumber {
  font-size: 23px;
  color: #36a8df;
}

.replicationNumberCard {
  font-size: 18px;
  color: #36a8df;
  margin-right: 8px;
}

.replicationText {
  font-size: 12px;
  color: #4d4d4d;
}

.groupOptionContainer {
  position: relative;
  float: left;
  width: 100%;
  display: block;
}

.groupOptionRow {
  min-height: 34px;
  width: 100%;
  display: block;
}

.groupOptionRow.selected {
  background-color: #36a8df;
}

.groupOptionRow.selectedClear {
  background-color: #86CBEC;
}

.groupName {
  float: left;
  line-height: 34px;
  width: 65%;
  margin-left: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.groupIconSelect {
  line-height: 34px;
  font-size: 12px;
  float: left;
  width: 12px;
  margin-left: 8px;
  cursor: pointer;
  font-size: 12px;
}

.groupIcon {
  line-height: 34px;
  font-size: 13px;
  float: right;
  width: 12px;
  margin-left: 8px;
  cursor: pointer;
  font-size: 12px;
}

.groupOptionRow.selectedText > .groupName, .groupOptionRow.selectedText > .row > .groupName {
  color: #36a8df;
}

.groupOptionRow.selectedText > .groupIconSelect, .groupOptionRow.selectedText > .row > .groupIconSelect {
  color: #36a8df;
}

.groupOptionRow.selectedText > .groupIcon, .groupOptionRow.selectedText > .row > .groupIcon {
  color: #36a8df;
}

.groupOptionRow.selectedClearText > .row > .groupName, .groupOptionRow.selectedClearText > .groupName {
  color: #86CBEC;
}

.groupOptionRow.selectedClearText > .row > .groupIconSelect, .groupOptionRow.selectedClearText > .groupIconSelect {
  color: #86CBEC;
}

.groupOptionRow.selectedClearText > .row > .groupIcon, .groupOptionRow.selectedClearText > .groupIcon {
  color: #86CBEC;
}

.groupOptionRow.selected > .groupName, .groupOptionRow.selected > .row > .groupName, .groupOptionRow.selectedClear > .row > .groupName, .groupOptionRow.selectedClear > .groupName {
  color: white;
}

.groupOptionRow.selected > .groupIconSelect, .groupOptionRow.selected > .row > .groupIconSelect, .groupOptionRow.selectedClear > .row > .groupIconSelect, .groupOptionRow.selectedClear > .groupIconSelect {
  color: white !important;
}

.groupOptionRow.selected > .groupIcon, .groupOptionRow.selected > .row > .groupIcon, .groupOptionRow.selectedClear > .row > .groupIcon, .groupOptionRow.selectedClear > .groupIcon {
  color: white;
}

.rowOptionRow {
  min-height: 34px;
  width: 100%;
}

.rowOptionRow.cellPair {
  background: white;
}

.rowOptionRow.cellUnpair {
  background: #E6E6E6;
}

.fromOptionIcon {
  text-align: left;
  vertical-align: middle;
  padding-left: 30px;
  width: 42px;
  height: 34px;
  font-size: 12px;
  cursor: pointer;
}

.fromOptionName {
  text-align: left;
  vertical-align: middle;
  height: 100%;
  font-size: 12px;
  padding-left: 12px;
  border-right-width: 12px;
}

/*TOPBAR*/
.blockInfoContainer {
  height: 122px;
  position: relative;
  width: 100%;
  display: table;
}

.backgroundPair {
  background-color: white;
}

.backgroundUnPair {
  background-color: #ededed;
}

.topRowIcon {
  display: inline-block;
  font-size: 20px;
  line-height: 50px;
}

.topRowInfo {
  display: inline-block;
  font-size: 14px;
  line-height: 52px;
}

.topRowName {
  display: inline-block;
  font-size: 13px;
  padding-left: 5px;
  line-height: 53px;
  width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.blockInfoContainer.orange {
  background-color: #EC8222;
  width: 95%;
}

.blockInfoContainer.red {
  background-color: #cf0a2c;
  width: 95%;
}

.blockInfoContainer.darkred {
  background-color: #a21d21;
  width: 100%;
}

.blockInfoContainer.gray {
  background-color: #e6e6e6;
}

.blockInfoContainer.blue {
  background-color: #36a8df;
}

.blockInfoBlock {
  height: 100%;
  position: relative;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.blockInfoBlock.gray {
  vertical-align: top;
  padding-top: 24px;
  padding-left: 15px;
}

.blockInfoBox {
  float: left;
  width: 93%;
  text-align: center;
}

.blockInfoBox.gray {
  text-align: left;
  padding-left: 4px;
}

.blockClientServeText {
  font-size: 48px;
  color: white;
}

.blockClientServeText {
  font-size: 48px;
  color: white;
}

.blockInfoNumberText {
  font-size: 40px;
  color: #4d4d4d;
}

.blockClientNotServeText {
  font-size: 35px;
  color: white;
}

.blockInfoLabelText {
  color: #4d4d4d;
  font-size: 13px;
  text-transform: uppercase;
}

.blockInfoLabelText.big {
  font-size: 14px;
}

.blockInfoLabelText.white {
  color: white;
}

.blockBorder {
  float: left;
  height: 56px;
  margin-top: 5px;
  border-left-width: 4px;
  border-left-style: solid;
  width: 8px;
}

.blockBorder.white {
  border-color: white;
}

.blockBorder.blue {
  border-color: #36a8df;
}

.blockBorder.orange {
  border-color: #EC8222;
}

.blockBorder.darkBlue {
  border-color: #13599e;
}

.blockBorder.red {
  border-color: #cf0a2c;
}

.blockBorder.darkRed {
  border-color: #9b0821;
}

.legendContainer {
  float: left;
  display: block;
  height: 16px;
  line-height: 16px;
}

.legendIcon {
  float: left;
  line-height: 16px;
  font-size: 12px;
  padding-right: 3px;
}

.legendText {
  float: left;
  line-height: 16px;
  font-size: 12px;
  padding-right: 16px;
}

/* AVERAGE WAITING TIME */
.kipContainer {
  background-color: #e6e6e6;
  height: 346px;
  position: relative;
  float: left;
  width: 100%;
  display: block;
}

.kipTextKip {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  color: #049355;
  font-size: 26px;
  padding: 26px;
  text-align: center;
}

.kipGraph {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  height: 110px;
}

.kipTime {
  color: #4d4d4d;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  float: left;
  width: 100%;
  display: block;
  text-align: center;
}

.kipServiceContainer {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
  margin-top: 42px;
  display: inline-block;
}

.kipServiceArrow {
  position: relative;
  float: left;
  width: 20%;
  display: block;
  text-align: left;
  font-size: 15px;
  cursor: pointer;
  line-height: 15px;
}

.kipServiceArrow.rightArrow {
  text-align: right;
}

.kipServiceText {
  position: relative;
  float: left;
  width: 60%;
  padding: 0 4px;
  text-align: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
}

.waitingGraphContainer {
  position: relative;
  float: left;
  width: 100%;
  height: 346px;
  display: block;
  padding: 16px;
}

.waitingGraphServiceFilter {
  width: 33%;
  height: 60px;
}

.waitingGraphGraphics {
  width: 100%;
  height: 265px;
}

.dashListAppointmentsContainer {
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
  display: block;
  border: 1px solid #cccccc;
  margin-bottom: 8px;
}

.dashListAppointmentsHour {
  position: relative;
  float: left;
  width: 60px;
  height: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  border-right: 1px solid #cccccc;
}

.dashListAppointmentsInfo {
  position: relative;
  float: left;
  display: block;
  width: calc(50% - 60px);
  height: 100%;
  padding-left: 8px;
}

.dashListAppointmentsStatus {
  position: relative;
  float: left;
  width: 50%;
  display: block;
  height: 100%;
  padding-right: 8px;
}

.dashListAppointmentsText {
  font-size: 13px;
  text-transform: uppercase;
  padding-right: 8px;
  line-height: 40px;
}

.dashListAppointmentsIcon {
  font-size: 15px;
  line-height: 40px;
}

.dashListAppointmentsIcon.Confirm {
  color: #049355;
}

.dashListAppointmentsIcon.Checkin {
  color: #EC8222;
}

.dashListAppointmentsIcon.Waiting {
  color: #cf0a2c;
}

.box_shadow {
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.waitingTicketContainer {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  cursor: pointer;
}

.waitingTicketTitle {
  position: relative;
  float: left;
  display: block;
  height: 40px;
  width: 100%;
  padding: 0 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.waitingTitleText {
  position: relative;
  float: left;
  display: block;
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 40px;
  font-size: 16px;
  color: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.waitingTitleArrow {
  position: relative;
  float: right;
  display: block;
  line-height: 40px;
  font-size: 16px;
  color: white;
  padding-left: 8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.waitingTicketBodyContainer {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  border: 1px solid #cccccc;
  border-top: 0;
}

.waitingTicketBodyHeaderContainer {
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
}

.waitingTicketBodyHeaderBody {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  background-color: #e6e6e6;
}

.waitingTicketBodyHeaderBody.pair {
  border-right: 2px solid #cccccc;
}

.waitingTicketBodyHeaderBody.unPair {
  border-left: 2px solid #cccccc;
}

/*responsive*/
@media only screen and (max-width: 768px) {
  .blockInfoContainer.darkred {
    width: 100%;
  }
  .waitingTicketBodyHeaderBody {
    width: 100%;
  }
  .waitingTicketBodyHeaderBody.pair {
    border-right: 0;
  }
  .waitingTicketBodyHeaderBody.unPair {
    display: hide;
    border-left: 0;
  }
  .waitingTicketBodyTicketsContainer {
    display: block;
    width: 100% !important;
  }
  .TicketContainerPair {
    border-right: 0 !important;
  }
  .TicketContainerUnPair {
    border-left: 0 !important;
  }
  .userListBodyStatisticsCellBodyPart {
    width: 100% !important;
  }
  .userListBodyStatisticsCellBodyPart.second {
    border-top: 1px solid white;
    border-left: 0;
  }
  .AlertContainerHeader {
    display: none;
  }
  .AlertBlockBodyCell {
    border: 0 !important;
  }
  .AlertContainerBodyCell {
    min-height: 30px !important;
  }
  .AlertContainerBodyCell.device {
    width: 50% !important;
  }
  .AlertContainerBodyCell.time {
    width: 50% !important;
    float: right;
    text-align: right;
  }
  .AlertContainerBodyCell.description {
    width: 100% !important;
    padding-left: 28px !important;
  }
  .alertText.time {
    text-align: right !important;
  }
}
.waitingTicketBodyHeaderCell {
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 20%;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  text-align: center;
  background-color: #e6e6e6;
  color: #4d4d4d;
}

.waitingTicketBodyTicketsContainer {
  position: relative;
  float: left;
  width: 50%;
  height: 40px;
}

.TicketContainerPair {
  border-right: 2px solid #cccccc;
}

.TicketContainerUnPair {
  border-left: 2px solid #cccccc;
}

.waitingTicketBodyTicketsCell {
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 20%;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  text-align: center;
  color: #4d4d4d;
}

/*Tickets*/
.ticketListContainerTable {
  position: relative;
  float: left;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.ticketListHeaderCell {
  background-color: #4d4d4d;
  color: white;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  height: 40px;
  border: 1px solid white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticketListHeaderCell.orange {
  background-color: #EC8222;
}

.ticketListBodyCell {
  text-align: center;
  vertical-align: middle;
  height: 40px;
  font-size: 13px;
  color: white;
  border: 1px solid white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.PairCell {
  background-color: #e6e6e6;
}

.UnPairCell {
  background-color: #999999;
}

.dateTopBar {
  color: #999999;
  font-size: 18px;
  line-height: 24px;
}

/* Users */
.userListContainer {
  position: relative;
  float: left;
  width: 100%;
  display: block;
}

.userListHeader {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  height: 40px;
  padding: 5px;
  background-color: #a21d21;
}

.userListHeaderCell {
  position: relative;
  float: left;
  width: 19%;
  display: block;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  text-align: center;
}

.userListHeaderCell.text {
  overflow-x: hidden;
}

.userListHeaderCell.Name {
  width: 43%;
  text-align: left;
}

.userListBody {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  border-bottom: 1px solid #cccccc;
}

.userListBodyCell {
  position: relative;
  float: left;
  width: 19%;
  display: block;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #4d4d4d;
  text-align: center;
}

.userListBodyCell.Name {
  width: 43%;
  text-align: left;
}

.userListBodyIcon {
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  cursor: pointer;
  color: #4d4d4d;
}

.userListBodyStatisticsCellContainer {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  background-color: #e6e6e6;
}

.userListBodyStatisticsCellBodyPart {
  position: relative;
  float: left;
  width: 50%;
  display: block;
}

.userListBodyStatisticsCellBodyPart.second {
  border-left: 1px solid white;
}

.userListBodyStatisticsCellBodyBlock {
  position: relative;
  float: left;
  width: 50%;
  height: 50%;
  min-height: 175px;
  display: block;
  padding: 26px 0;
}

.userListBodyStatisticsCellBodyTitle {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 15px;
}

.ballStatistic {
  line-height: 65px;
  height: 75px;
  width: 75px;
  font-size: 25px;
  text-align: center;
  border-radius: 50%;
  border: 4px solid #a21d21;
  background-color: white;
  color: #4d4d4d;
  margin-left: auto;
  margin-right: auto;
}

.iconHover {
  color: #4d4d4d;
}

.iconHover.red {
  color: #a21d21;
}

.iconHover.orange {
  color: #EC8222;
}

.userListBodyStatisticsCellBodyGraph {
  position: relative;
  float: left;
  width: 100%;
  padding: 26px 8px 0;
  min-height: 350px;
}

/* Devices */
.devicesTableHeader {
  height: 40px;
  line-height: 40px;
  background-color: #a21d21;
  vertical-align: middle;
  padding: 0 16px;
  color: white;
}

.deviceCell {
  width: 75%;
}

.statusCell {
  width: 25%;
}

.devicesTableBody {
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  padding: 0 16px;
  font-size: 12px;
}

.deviceTableIcon {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  cursor: pointer;
}

.AlertContainerHeader {
  position: relative;
  float: left;
  width: 100%;
  background-color: #cf0a2c;
  color: white;
  height: 40px;
  padding: 0 12px;
}

.alertContainerRedLine {
  float: left;
  display: block;
  position: absolute;
  box-sizing: border-box;
  height: 100%;
  padding: 3px 0;
  width: 16px;
  margin-right: 12px;
}

.alertBlockRed {
  float: left;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #cf0a2c;
}

.alertText {
  float: left;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.alertText.time {
  float: left;
}

.AlertContainerText {
  font-size: 15px;
  height: 100%;
}

.AlertContainerBody {
  position: relative;
  float: left;
  width: 100%;
  min-height: 50px;
  padding: 0 12px;
  border-bottom: 1px solid #cccccc;
}

.AlertContainerBodyCell {
  position: relative;
  float: left;
  display: block;
  font-size: 15px;
  padding-left: 28px;
  height: 50px;
}

.AlertBlockBodyCell {
  /*border-right:$border_width solid $border_color;*/
}

.AlertContainerBodyCell.device {
  width: 25%;
}

.AlertContainerBodyCell.time {
  width: 25%;
}

.AlertContainerBodyCell.description {
  width: 50%;
}

.showHideTable {
  height: 34px;
  color: #4d4d4d;
  cursor: pointer;
  float: left;
  line-height: 34px;
  font-size: 17px;
}

.showHideTableIcon {
  line-height: 34px;
  font-size: 14px;
  margin-left: 8px;
}

.tableStatisticsContainer {
  border-collapse: collapse;
  table-layout: fixed;
}

.tableStatisticsHeader {
  height: 34px;
}

.tableStatisticsHeader.redHeader {
  background-color: #cf0a2c;
}

.tableStatistics {
  text-align: center;
}

.tableStatistics.timesServiceHeader {
  text-align: center;
  color: white;
  height: 34px;
  border: 1px solid #cccccc;
}

.tableStatistics.timesThroughTimesHeader {
  text-align: center;
  color: white;
  width: 200px;
  height: 34px;
  border-right: 1px solid #cccccc;
}

.tableStatistics.timesServiceRow {
  text-align: center;
  color: #4d4d4d;
  height: 34px;
  border: 1px solid #cccccc;
}

.tableStatistics.timesThoughTimeRow {
  text-align: center;
  width: 200px;
  color: #4d4d4d;
  height: 34px;
  border: 1px solid #cccccc;
}

.tableStatistics {
  text-align: center;
  color: #4d4d4d;
}

.tableStatistics.rowPair {
  background-color: #e6e6e6;
}

.tableStatistics.rowUnPair {
  background-color: white;
}

.tableStatisticsAuxTable {
  border-collapse: collapse;
  margin: 0;
  border: 0;
  height: 35px;
  padding: 0;
  box-sizing: content-box;
  table-layout: fixed;
}

.sideRowColor {
  background-color: #E2544C;
}

.cellRowPair {
  background-color: #e6e6e6;
}

.cellRowUnPair {
  background-color: white;
}

.statisticHourCell {
  padding: 0 8px;
  width: 100px;
  text-align: left;
  float: left;
  position: relative;
  line-height: 34px;
  height: 34px;
}

.statisticHourCell.invisible {
  width: 99px;
  float: left;
  position: relative;
  line-height: 34px;
  height: 34px;
  background: white;
  border: 1px solid white;
  border-right: 0;
}

.statisticRowHeight {
  height: 34px;
  box-sizing: border-box;
}

.statisticServiceCell {
  padding: 0 8px;
  text-align: left;
  float: left;
  position: relative;
  line-height: 34px;
  height: 34px;
  box-sizing: border-box;
}

.timesThroughTimesCell {
  padding: 0 8px;
  text-align: center;
  float: left;
  position: relative;
  line-height: 34px;
  height: 34px;
}

.tableHeaderRowColor {
  padding: 0 8px;
  height: 34px;
  vertical-align: middle;
  background-color: #cf0a2c;
}

.tableHeaderRowColor.green {
  background-color: #049355;
}

.tablesideRowColor {
  padding: 0 8px;
  height: 34px;
  vertical-align: middle;
  background-color: #E2544C;
}

.tablecellRowPair {
  padding: 0 8px;
  height: 34px;
  vertical-align: middle;
  background-color: #e6e6e6;
}

.tablecellRowUnPair {
  padding: 0 8px;
  height: 34px;
  vertical-align: middle;
  background-color: white;
}

.notificationSettingContainter {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  border: 1px solid #cccccc;
  min-height: 40px;
  line-height: 40px;
  box-sizing: border-box;
}

.notificationSettingTitle {
  font-size: 14px;
  position: relative;
  padding: 0 16px;
  float: left;
  height: 38px;
}

.notificationTimeList {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.notificationTimeList.master {
  color: #049355;
}

.notificationTimeList.server {
  color: #EC8222;
}

.notificationSettingIcons {
  width: 40px;
  height: 38px;
  line-height: 40px;
  font-size: 19px;
  float: right;
  text-align: center;
  cursor: pointer;
}

.notificationSettingIcons.Arrow {
  color: #1875d1;
}

.notificationSettingIcons.Arrow:hover {
  color: #13599e;
  cursor: pointer;
}

.notificationSettingIcons.PowerOn {
  color: #049355;
}

.notificationSettingIcons.PowerOff:hover {
  color: #9b0821;
  cursor: pointer;
}

.notificationSettingIcons.PowerOff {
  color: #cf0a2c;
}

.notificationSettingIcons.PowerOn:hover {
  color: #036c41;
}

.notificationSettingsBody {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  min-height: 393px;
}

.notificationBodyThrough {
  height: 100%;
  background-color: #e6e6e6;
}

.menuNotificationWidgetContainer {
  position: absolute;
  right: 0;
  top: 39px;
}

.menuNotificationWidgetShell {
  position: relative;
  float: left;
  z-index: 99;
  background-color: white;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.menuNotificationWidgetShell {
  position: relative;
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.menuNotificationWidgetShell:after, .menuNotificationWidgetShell:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.menuNotificationWidgetShellNo {
  position: relative;
  float: left;
  z-index: 99;
  background-color: white;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.menuNotificationWidgetShellNo {
  position: relative;
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.menuNotificationWidgetShellNo:after, .menuNotificationWidgetShellNo:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.menuNotificationInercio {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 42px;
  height: 142px;
  margin-bottom: 12px;
  display: block;
  text-align: center;
}

.menuNotificationShh {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-top: 12px;
  color: #4d4d4d;
}

.menuNotificationNoNewNotification {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 26px;
  color: #999999;
}

.menuNotificationSetting {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 16px;
}

.menuNotificationWidgetShellNo:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: white;
  border-width: 5px;
  margin-left: 141px;
}

.menuNotificationWidgetShellNo:before {
  border-color: rgba(230, 230, 230, 0);
  border-bottom-color: #e6e6e6;
  border-width: 6px;
  margin-left: 140px;
}

.menuNotificationWidgetShell:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #e6e6e6;
  border-width: 5px;
  margin-left: 141px;
}

.menuNotificationWidgetShell:before {
  border-color: rgba(230, 230, 230, 0);
  border-bottom-color: #e6e6e6;
  border-width: 6px;
  margin-left: 140px;
}

.menuNotificationWidgetShell.withNotification {
  width: 327px;
  min-height: 300px;
}

.menuNotificationWidgetShell.withoutNotification {
  width: 327px;
  height: 460px;
}

.menuNotificationWidgetShellNo.withNotification {
  width: 327px;
  min-height: 300px;
}

.menuNotificationWidgetShellNo.withoutNotification {
  width: 327px;
  height: 460px;
}

.menuNotificationListHeader {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 34px;
  background-color: #e6e6e6;
}

.menuNotificationListHeaderTitle {
  position: relative;
  float: left;
  display: block;
  width: 50%;
  font-size: 13px;
  text-align: left;
  line-height: 34px;
  padding-left: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menuNotificationListHeaderTitle.master {
  color: #049355;
}

.menuNotificationListHeaderTitle.server {
  color: #EC8222;
}

.menuNotificationListHeaderResolved {
  position: relative;
  float: left;
  display: block;
  width: 50%;
  font-size: 11px;
  color: #36a8df;
  cursor: pointer;
  text-align: right;
  line-height: 34px;
  padding-right: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menuNotificationListContainer {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 350px;
  overflow-y: auto;
  cursor: default;
}

.menuNotificationListBlock {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  min-height: 64px;
}

.menuNotificationListBlock.resolved {
  background-color: white;
  cursor: default;
}

.menuNotificationListBlock.notresolvedMaster {
  background-color: #e6e6e6;
}

.menuNotificationListBlock.notSeenMaster {
  background-color: #c2e4d4;
}

.menuNotificationListBlock.notresolvedServer {
  background-color: #e6e6e6;
}

.menuNotificationListBlock.notSeenServer {
  background-color: #fae5d2;
}

.notificationViewInfo {
  position: relative;
  float: left;
  width: 90%;
  display: block;
  padding-top: 16px;
  padding-left: 12px;
  padding-bottom: 16px;
}

.notificationViewInfoText {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  color: #4d4d4d;
  font-size: 12px;
  margin-bottom: 8px;
  text-align: left;
}

.notificationViewInfoDate {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  color: #808080;
  font-size: 10px;
  font-style: italic;
  text-align: left;
}

.notificationViewIcon {
  position: relative;
  float: left;
  width: 10%;
  display: block;
  height: 64px;
  text-align: center;
  cursor: pointer;
}

.notificationViewIconHalf {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  height: 50%;
  text-align: center;
}

.notificationViewIconStyle {
  color: #808080;
  font-size: 11px;
}

.menuNotificationListFooter {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 34px;
  background-color: #e6e6e6;
}

.menuNotificationListFooterViewAll {
  position: relative;
  float: left;
  padding-left: 12px;
  font-size: 12px;
  line-height: 34px;
  text-transform: uppercase;
}

.menuNotificationListFooterViewAll.master {
  color: #049355;
}

.menuNotificationListFooterViewAll.server {
  color: #EC8222;
}

.menuNotificationListFooterSettingsBox {
  position: relative;
  float: right;
  width: 34px;
  text-align: center;
  font-size: 16px;
  color: white;
  cursor: pointer;
  height: 34px;
  line-height: 38px;
}

.menuNotificationListFooterSettingsBox.master {
  background-color: #049355;
}

.menuNotificationListFooterSettingsBox.server {
  background-color: #EC8222;
}

.responsiveHeightCell {
  height: 393px;
}

@media only screen and (max-width: 768px) {
  .notificationSettingTitle {
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .responsiveHeightCell {
    height: 100%;
  }
}
.mappingServerServiceBlock {
  height: 34px;
  line-height: 34px;
  padding: 0 16px;
  background-color: #e6e6e6;
  color: #4d4d4d;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

/* CSS FOR MOBILE MENU */
.showformobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .hideformobile {
    display: none;
  }
  .showformobile {
    display: block;
  }
}
.mobilemenu.blackback {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 99998;
  opacity: 0.5;
  display: none;
}

.mobilemenu.content {
  position: fixed;
  top: 0;
  left: -300px;
  width: 280px;
  height: 100%;
  background-color: #fff;
  z-index: 99999;
  box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: left 300ms cubic-bezier(0.215, 0.61, 0.355, 1); /* easeOutCubic */
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); /* easeOutCubic */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}

.mobilemenu.header {
  color: #FFF;
  /*padding: 16px;*/
  padding: 0px 8px;
  height: 76px;
  position: absolute;
  width: 100%;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.mobilemenu.body {
  position: absolute;
  top: 76px;
  bottom: 46px;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mobilemenu.submenu > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobilemenu.submenu > ul > li {
  position: relative;
  background-color: #e2e2e2;
  margin-bottom: 1px;
  padding: 10px 20px 10px 52px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.mobilemenu.submenu > ul > li.selected {
  /*font-weight: bold;*/
}

.mobilemenu.submenu > ul > li.selected:before {
  /*position: absolute;
  left:35px;
  content: 'A';
  top:50%;
  margin-top: -6px;
  content:'\e936';
  font-family: 'Bloom' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}

.mobilemenu.item {
  cursor: pointer;
  padding: 10px 50px 10px 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobilemenu.item > i {
  margin-right: 20px;
}

.mobilemenu.item > .mobileprofiletext {
  float: left;
  position: relative;
  top: 2px;
  left: 4px;
}

.mobilemenu.item > .mobileprofilediv {
  float: left;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  top: -5px;
}

.mobilemenu.item.submenudown:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  margin-right: 20px;
  font-size: 16px;
  content: "\e934";
  font-family: "Bloom" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mobilemenu.item.submenuup:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  margin-right: 20px;
  font-size: 16px;
  content: "\e988";
  font-family: "Bloom" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mobilemenu.footer {
  padding: 16px;
  cursor: pointer;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 46px;
  z-index: 2;
}

.mobilemenu.footer > .footertext {
  margin-left: 15px;
}

/* CSS FOR MOBILE MENU */
.iconListing {
  height: 40px;
  width: 40px;
  margin-right: 12px;
  float: left;
}

.titleListing {
  font-size: 18px;
  line-height: 40px;
  float: left;
}

.buttonAccess {
  cursor: pointer;
  width: calc(100% - 46px);
  height: 68px;
  padding: 12px;
  background-color: white;
  color: #EC8222;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.buttonAccess.selected {
  color: white !important;
  background-color: #EC8222;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.buttonTitleNumber {
  float: left;
  font-size: 17px;
  font-weight: bold;
  margin-right: 6px;
}

.buttonTitleText {
  float: left;
  font-size: 15px;
  position: relative;
  top: 1px;
  text-transform: uppercase;
}

.buttonDescription {
  float: left;
  font-size: 12px;
  color: #4d4d4d;
  overflow: hidden;
  text-overflow: ellipsis;
}

.buttonAccess.selected > .row > .buttonDescription {
  color: white;
}

.tableTranslation {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.tdIconTranslation {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  text-align: center;
}

.tdProgressBarTranslation {
  width: auto;
  height: 32px;
}

.ProgressBar {
  width: 100%;
  height: 32px;
  background-color: gray;
}

.Loading {
  width: 0%;
  height: 32px;
  background-color: green;
  transition: width 1.5s;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

.switchery {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;
}

.switchery > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}

.switchery-small {
  border-radius: 20px;
  height: 20px;
  width: 33px;
}

.switchery-small > small {
  height: 20px;
  width: 20px;
}

.switchery-large {
  border-radius: 40px;
  height: 40px;
  width: 66px;
}

.switchery-large > small {
  height: 40px;
  width: 40px;
}

* {
  font-family: "DejaVu Sans Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.helper {
  border: 1px dashed #f00;
}

pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

html {
  height: 100%;
}

body {
  font-size: 12px;
  margin: 0px;
  color: #4d4d4d;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

/**
Page Standarts
**/
.clickable {
  cursor: pointer;
}

.clickable.text_disabled {
  cursor: not-allowed;
}

.grayWideContainer {
  position: relative;
  width: 100%;
  float: left;
  display: block;
  background-color: #e6e6e6;
  margin-bottom: 26px;
  padding-bottom: 26px;
}

.title {
  color: #cf0a2c;
  font-size: 20px;
  margin-bottom: 26px;
  margin-top: 8px;
  width: 100%;
  text-transform: uppercase;
}

.subTitle {
  color: #4d4d4d;
  font-size: 17px;
  margin-bottom: 16px;
  min-height: 21px;
}

.subTitleDescription {
  color: #4d4d4d;
  font-size: 14px;
  margin-right: 8px;
}

.section {
  position: relative;
  float: left;
  border: 1px solid #cccccc;
  padding: 16px;
  margin-bottom: 16px;
  box-sizing: border-box;
}

.noInformation {
  font-size: 15px;
  color: #999999;
  margin-top: 16px;
  margin-bottom: 16px;
}

.sectionSpliter {
  border-bottom: 1px solid #cccccc;
  position: relative;
}

.section.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.sectionRow {
  width: 100%;
  margin-bottom: 16px;
}

.sectionTitle {
  color: #4d4d4d;
  font-size: 14px;
  text-transform: uppercase;
}

.sectionTitleDescription {
  color: #808080;
  font-size: 12px;
}

.text_disabled {
  color: #e6e6e6;
}

.scrollBox {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 250px;
  /*min-width:200px;*/
}

.displayTable {
  display: table;
}

.displayRow {
  display: table-row;
}

.displayCell {
  display: table-cell;
}

.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}

.vertical_align_top {
  vertical-align: top;
}

.vertical_align_center {
  vertical-align: middle;
}

.vertical_align_bottom {
  vertical-align: bottom;
}

.versionPanel {
  vertical-align: middle;
  height: 20px;
  font-size: 10px;
}

.backgroundDark {
  background-color: #e6e6e6;
}

.sortablePlaceholder {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.8;
  border: 1px dashed #75ADE4;
  background-color: #DAE9F8;
  height: 71px;
  margin-bottom: 15px;
  width: 50%;
}

.sortablePlaceholderItem {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.8;
  border: 1px dashed #75ADE4;
  background-color: #DAE9F8;
  height: 40px;
  margin-bottom: 15px;
  width: 100%;
}

.resourceCategory {
  cursor: pointer;
}

.resourceCategory:hover {
  color: #EC8222;
}

.resourceCategory.selected {
  cursor: pointer;
  background-color: #EC8222;
  color: #FFF;
}

.resourceCategory.selected:hover {
  background-color: #EC8222;
}

.settingsStaffTools {
  color: #EC8222;
  cursor: pointer;
}

.settingsStaffTools.selected {
  cursor: pointer;
  background-color: #EC8222;
  color: #FFF;
}

.settingsStaffTools.selected:hover {
  cursor: pointer;
  background-color: #ef7007;
  color: #FFF;
}

.settingsStaffTools:hover {
  background-color: #EC8222;
  color: #FFF;
}

.settingsTicketKiosks {
  color: #cf0a2c;
  cursor: pointer;
}

.settingsTicketKiosks.selected {
  cursor: pointer;
  background-color: #cf0a2c;
  color: #FFF;
}

.settingsTicketKiosks.selected:hover {
  cursor: pointer;
  background-color: #9b0821;
  color: #FFF;
}

.settingsTicketKiosks:hover {
  background-color: #cf0a2c;
  color: #FFF;
}

.floatactionmenu.active {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  min-height: 37px;
}

.floatactionmenugap.active {
  min-height: 30px;
}

.flowitem {
  cursor: pointer;
  background-color: #e6e6e6;
  color: #4d4d4d !important;
}

.flowitem:hover {
  background-color: #cf0a2c;
  color: #FFF !important;
}

.flowitem_nohover {
  cursor: pointer;
  background-color: #e6e6e6;
  color: #4d4d4d !important;
}

.devicesSettingsUnpair {
  min-height: 40px;
  line-height: 40px;
  background-color: #FFF;
  padding-top: 3px;
}

.devicesSettingsPair {
  min-height: 40px;
  line-height: 40px;
  background-color: #d3d3d3;
  padding-top: 3px;
}

.formSearchLeft {
  display: table-cell;
  width: 75%;
}

.formSearchRight {
  display: table-cell;
  width: 25%;
}

.messagecentreLeftColumn {
  display: table-cell;
  width: 70%;
  height: 100%;
  vertical-align: top;
  padding-top: 6px;
  padding-right: 16px;
  padding-left: 16px;
}

.messagecentreRightColumn {
  display: table-cell;
  width: 30%;
  height: 100%;
  background-color: #e6e6e6;
  vertical-align: top;
  padding: 16px;
}

.showOnSmallMessageCentre {
  display: none;
}

@media only screen and (max-width: 479px) {
  .showOnSmallMessageCentre {
    display: block;
  }
  .buttonMessageCentreBigonSmall {
    width: 100%;
  }
  .messagecentreLeftColumn {
    display: table-row;
    width: 100%;
  }
  .messagecentreLeftCell {
    display: table-cell;
    padding-top: 6px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .messagecentreRightCell {
    display: table-cell;
    padding: 16px;
  }
  .messagecentreRightColumn {
    display: table-row;
    width: 100%;
  }
  .formSearchLeft {
    display: none;
  }
  .displayBlockFullWidth {
    width: 100%;
    display: block;
  }
}