html {
  height:100%;
}

body {
	
  min-width:100%;
  min-height:100%;
  position: relative;
  padding-top: 80px;
  /*padding-bottom: 20px;*/
  background-color : #F8F8F8;
  /*
  background: url('pict/bg-clouds.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */ 
}

#header {
  position: relative;
}

#main {
  position: relative;
  /*padding-bottom: 300px;*/
}

.footer {
	width : 100%;
  margin-top: 80px;
}

.dropdown, .dropdown-menu {
  z-index:99999;
}

.logo_tunn3l {
  margin-top : 5px;
  margin-bottom : 5px;
  width : 100px;
}

.version {
  color : #AAA;
}

.tunn3l_facebook {
  text-decoration : none;
  color : #888;
  display: block;
  margin: 0 auto;
  width: 120px;
}

.tunn3l_facebook:hover, .tunn3l_facebook:active, .tunn3l_facebook:visited {
  text-decoration : none;
  color : #888;
}

@media (min-width: 1220px) {
  .modal-lg {
    width: 1350px;
  }
}

.site-logo {
  height : 40px;
  margin-top : -10px;
}

@media (max-width: 768px) {
  .navbar-right {
    float: right!important;
    margin-right: -15px;
  }
  
  .navbar-header {
    float: left!important;
  }
  
  .navbar-nav>li {
    float: left!important;
  }
}

@media (max-width: 600px) {
  .tab_toggle_text {
    display: none;
  }
  
  #bloc_media_modal img {
  	max-width: 350px !important;
  	max-height: 350px !important;
  }
}

@media (max-width: 991px) {
	.hide_responsive
	{
		display: none !important;
	}
	
	.media_container_responsive
	{
		min-width: 100%;
		max-width: 100%;
	}
	
	.media_container_responsive_title
	{
		max-width: calc(100% - 40px);
	}
}

@media (min-width: 992px) {
	.show_responsive
	{
		display: none !important;
	}
}

#voucher_num
{
	text-transform: uppercase;
}

/* staff schedule */

.staff-schedule-container {
  white-space : nowrap !important;
  display: flex;
  display:-webkit-flex;
  margin : 20px auto 0px auto;
  border : solid 1px #DDD;
  border-radius : 3px;
  text-align : center;
  width : 287px;
}

.staff-schedule-day {
  display : inline-block;
  vertical-align: top;
  margin : 0px;
  padding : 0px;
}

.staff-schedule-day-date {
  text-align : center;
  margin : 0px;
  padding : 0px;
  height : 40px;
  width : 35px;
  font-weight : bold;
}

.staff-schedule-day-container {
  margin-bottom : 5px;
  width : 35px;
}

div.staff-schedule-col-hours {
  display : inline-block;
  vertical-align: top;
  margin : 0px;
  padding : 0px;
}

div.staff-schedule-hours {
  width : 35px;
  height : 48px;
  line-height : 48px;
  text-align : center;
  margin : 0px;
  padding : 0px;
  border-top : solid 1px #555;
  position : relative;
}

div.staff-schedule-hours-blank {
  width : 35px;
  height : 40px;
  margin : 0px;
  padding : 0px;
  position : relative;
}








.staff-schedule-stats {
  white-space : nowrap !important;
  display: flex;
  display:-webkit-flex;
  border : solid 1px #BBB;
  border-radius : 3px;
}

.staff-schedule-stats-col {
  display : inline-block;
  vertical-align: top;
  margin : 0px;
  padding : 0px;
}

.staff-schedule-stats-staff-name {
  width : 35px;
  height : 16px;
  line-height : 16px;
  font-size : 13px;
  font-weight : bold;
  text-align : center;
}

.staff-schedule-stats-nb-hours {
  width : 35px;
  height : 16px;
  line-height : 16px;
  font-size : 12px;
  font-weight : normal;
  text-align : center;
}

div.staff-schedule-col-staff {
  border-left : solid 1px #DDD;
  display : inline-block;
  vertical-align: top;
  margin : 0px;
  padding : 0px;
}

div.staff-schedule-staff-nb-hours {
  width : 25px;
  height : 20px;
  line-height : 20px;
  margin : 0px;
  padding : 0px;
  border-top : solid 1px #DDD;
  text-align : center;
  font-size : 12px;
  font-weight : normal;
  position : relative;
}

div.staff-schedule-staff-name {
  width : 25px;
  height : 20px;
  line-height : 20px;
  margin : 0px;
  padding : 0px;
  border-top : solid 1px #DDD;
  text-align : center;
  font-size : 12px;
  font-weight : bold;
  position : relative;
}

div.staff-schedule-staff-hour-class {
  width : 35px;
  height : 12px;
  line-height : 12px;
  text-align : center;
  font-size : 10px;
  border-top : solid 1px #DDD;
  border-left : solid 1px #DDD;
  position : relative;
  margin : 0px;
  padding : 0px;
}

div.staff-schedule-staff-hour-0 {
  border-top : solid 1px #555 !important;
}

/* analytics drive */

table.analytics_drive {
  margin : 0px auto;
}

table.analytics_drive td {
  padding : 3px 10px;
}

/* number */

.numberCircle {
   color:  #43c7f2; /*var(--color-success); */
    font: 25px Arial,sans-serif;
    height: 55px;
    margin-left: 21px;
/*    padding: 8px;*/
    text-align: center;
    width: 55px;
}

/*  alerts  */

div.alerts-container {
  position : fixed;
  top : 0px;
  left : 0px;
  width : 100%;
  height : 0px;
  padding : 10px 10px 0px 10px;
  color : #FEFEFE;
  text-shadow: none;
  font-size : 16px;
  background-color : rgba(0, 0, 0, 1);
  z-index : 99999;
  display : block;
  margin-left : auto;
  margin-right : auto;
}

div.alert-msg {
  margin-left : auto;
  margin-right : auto;
}

/*  generic  */

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

a.deconnexion {
  font-size : 10px;
}

span.no-data {
  color : #CCC;
  text-align : center;
}

a.action-link {
  font-size : 12px;
  color : #CCC !important;
}

a.hard-delete {
  color : #D55 !important;
  text-decoration : none;
}

span.required {
  color : #D55 !important;
}

tr.tr_th {
  background-color : #DDD !important;
}

td.td_th {
  font-weight : bold !important;
}

/*  back  */

.voucher_date_valid_center {
	display: inline-block; 
	margin: 0 auto;
}

.form-control-margin {
	margin-top: 10px;
}

.panel-info .panel-heading:hover {
	cursor: pointer;
}

.panel-info .panel-body-hidden {
	display: none;
}

form.auth {
  margin-top : 50px;
}

.back-auth-input {
  text-align : center;
  width : 100%;
}

.td-sortable {

}

.td-sortable:hover {
  cursor : grab;
}

.tr-link {

}

.tr-link:hover {
  cursor : pointer;
}

.td-link {

}

.td-link:hover {
  cursor : pointer;
}

.link {

}

.link:hover {
  cursor : pointer;
}

.customer_note {
  width : 90%;
  height : 100px;
  padding : 5px;
  resize: none;
  background-color : #FFF;
  border : solid 1px #EEE;
}

div.user-info {
  margin-top : 5px !important;
}

.btn-toggle-user-type {
  margin-top : -5px !important; 
  width : 70px;
}

.order-items {
  width : 100% !important;
}

.order-items-qte {
  text-align : center;
}

.order-items-note {
  text-align : left;
}

.order-items-price {
  text-align : right;
}

/*  front  */

.nav-username {
  color : #CCC !important;
  font-weight : normal !important;
  margin-left : 15px !important;
}

.panel-green {
  border-color: #32c211;
}

.panel-green > .panel-heading {
  color: #fff;
  background-color: #32c211;
  border-color: #32c211;
}

.panel-proflyer {
  border-color: #4ae05b;
}

.panel-proflyer > .panel-heading {
  color: #fff;
  background-color: #4ae05b;
  border-color: #4ae05b;
}

span.form-label-note {
    font-size : 8px !important;
    color : #888 !important;
}

.heading-catalog { 
  min-height : 60px !important; 
}

.company_toggle {
  display : none;
}

/*  lang  */

.lang-selector {
  background-color : transparent;
  border : solid 1px #43c7f2;
  color : #43c7f2;
  border-radius : 3px;
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none; 
  /*width : 40px;*/
  padding : 3px 5px;
  background-image : url('pict/arrow_down.png');
  background-position: 90% 50%;
  background-repeat: no-repeat;
}

/*  glyph  */

.customer_edit {
  background-color : #FFF;
  text-align : center;
  border : solid 1px #BBB;
  border-radius : 3px;
}

.glyph-edit {
  color : #BBB;
  margin-left : 20px;
}

.glyph-edit:hover {
  color : #333;
  cursor : pointer;
}

.glyph-cancel {
  color : #F88;
  margin-left : 10px;
}

.glyph-cancel:hover {
  color : #F00;
  cursor : pointer;
}

.glyph-ok {
  color : #8F8;
  margin-left : 10px;
}

.glyph-ok:hover {
  color : #0F0;
  cursor : pointer;
}

.glyph-green {
  color : #0F0;
}

.glyph-red {
  color : #F00;
}

/*  responsive table  */

@media (max-width: 1100px) {
	.responsive-table-line table, 
	.responsive-table-line thead, 
	.responsive-table-line tbody, 
	.responsive-table-line th, 
	.responsive-table-line td, 
	.responsive-table-line tr { 
	  display: block; 
	}
	 
	.responsive-table-line thead tr { 
	  display:none;
	}
	
	.responsive-table-line td { 
  	position: relative;
  	border: 0px solid transparent;
  	white-space: normal;
  	text-align:left; 
	}
}

/*  autocomplete  */

.custom-combobox-input {
  width : 100%;
  padding : 5px 10px;
}

/*  filters  */

.date-button {
  width : 80px !important;
  margin : 0px !important;
  padding : 0px !important;
  font-weight : bold !important;
  text-align : center !important;
  border : 0px !important;
}

/*  staff time  */

input.staff_time_input {
  border : solid 1px #BBB !important;
  margin : 0px !important; 
  padding : 0px !important; 
  width : 60px !important;
  text-align : center !important;
}

/*  timeslots  */

.timeslots-container {
  background-color : #FFF;
  padding : 0px;
  margin : 0px auto;
}

.timeslots-col {
  padding : 0px;
  margin : 0px;
  display : inline-block;
  vertical-align: bottom;
}

.timeslots-col-title {
  text-align : center;
}

.timeslots-slot {
  width : 100px;
  height : 20px;
  margin : 1px;
  overflow : hidden;
  color : #555;
  position : relative;
}

.timeslots-slot:hover {
  cursor : pointer;
}

.timeslots-patern-hour {
  width : 100px;
  height : 20px;
  margin : 1px;
  overflow : hidden;
  color : #333;
  text-align : right;
  position : relative;
}

.timeslots-slot-selectable {
  
}

.timeslots-slot-past {
  background-color : #AAA !important;
}

.timeslots-closed {
  background-color : #EEE;
}

.slot-time {
  position : absolute;
  left : 0px;
  top : 0px;
}

.slot-charge {
  height : 20px;
  margin : 0px;
  display : inline-block;
  padding : 0px;
  position : absolute;
  left : 0px;
  top : 0px;
  background-color : rgba(0,0,0,0.2);
}

.timeslots-fun {
  background-color : #AADDAA;
}

.timeslots-pro {
  background-color : #8aa7ff;
}

.timeslots-profun {
  background-color : #8aa7ff;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #AADDAA 10px, #AADDAA 20px);
}

.timeslots-note {
  background-color : #8888DD;
}

.timeslots-reserved {
  background-color : rgb(221, 170, 170);
}

.btn-fun { 
  color: #ffffff; 
  background-color: #7AD97A; 
  border-color: #63C263; 
} 
 
.btn-fun:hover, 
.btn-fun:focus, 
.btn-fun:active, 
.btn-fun.active, 
.open .dropdown-toggle.btn-fun { 
  color: #ffffff; 
  background-color: #55C255; 
  border-color: #63C263; 
} 
 
.btn-fun:active, 
.btn-fun.active, 
.open .dropdown-toggle.btn-fun { 
  background-image: none; 
} 
 
.btn-fun.disabled, 
.btn-fun[disabled], 
fieldset[disabled] .btn-fun, 
.btn-fun.disabled:hover, 
.btn-fun[disabled]:hover, 
fieldset[disabled] .btn-fun:hover, 
.btn-fun.disabled:focus, 
.btn-fun[disabled]:focus, 
fieldset[disabled] .btn-fun:focus, 
.btn-fun.disabled:active, 
.btn-fun[disabled]:active, 
fieldset[disabled] .btn-fun:active, 
.btn-fun.disabled.active, 
.btn-fun[disabled].active, 
fieldset[disabled] .btn-fun.active { 
  background-color: #7AD97A; 
  border-color: #63C263; 
} 
 
.btn-fun .badge { 
  color: #7AD97A; 
  background-color: #ffffff; 
}

.btn-funpro { 
  color: #ffffff; 
  background-color: #E09D3E; 
  border-color: #B87E2C; 
} 
 
.btn-funpro:hover, 
.btn-funpro:focus, 
.btn-funpro:active, 
.btn-funpro.active, 
.open .dropdown-toggle.btn-funpro { 
  color: #ffffff; 
  background-color: #D6820D; 
  border-color: #B87E2C; 
} 
 
.btn-funpro:active, 
.btn-funpro.active, 
.open .dropdown-toggle.btn-funpro { 
  background-image: none; 
} 
 
.btn-funpro.disabled, 
.btn-funpro[disabled], 
fieldset[disabled] .btn-funpro, 
.btn-funpro.disabled:hover, 
.btn-funpro[disabled]:hover, 
fieldset[disabled] .btn-funpro:hover, 
.btn-funpro.disabled:focus, 
.btn-funpro[disabled]:focus, 
fieldset[disabled] .btn-funpro:focus, 
.btn-funpro.disabled:active, 
.btn-funpro[disabled]:active, 
fieldset[disabled] .btn-funpro:active, 
.btn-funpro.disabled.active, 
.btn-funpro[disabled].active, 
fieldset[disabled] .btn-funpro.active { 
  background-color: #E09D3E; 
  border-color: #B87E2C; 
} 
 
.btn-funpro .badge { 
  color: #E09D3E; 
  background-color: #ffffff; 
}

.btn-note { 
  color: #ffffff; 
  background-color: #5F5FD9; 
  border-color: #4040BD; 
} 
 
.btn-note:hover, 
.btn-note:focus, 
.btn-note:active, 
.btn-note.active, 
.open .dropdown-toggle.btn-note { 
  color: #ffffff; 
  background-color: #3232CF; 
  border-color: #4040BD; 
} 
 
.btn-note:active, 
.btn-note.active, 
.open .dropdown-toggle.btn-note { 
  background-image: none; 
} 
 
.btn-note.disabled, 
.btn-note[disabled], 
fieldset[disabled] .btn-note, 
.btn-note.disabled:hover, 
.btn-note[disabled]:hover, 
fieldset[disabled] .btn-note:hover, 
.btn-note.disabled:focus, 
.btn-note[disabled]:focus, 
fieldset[disabled] .btn-note:focus, 
.btn-note.disabled:active, 
.btn-note[disabled]:active, 
fieldset[disabled] .btn-note:active, 
.btn-note.disabled.active, 
.btn-note[disabled].active, 
fieldset[disabled] .btn-note.active { 
  background-color: #5F5FD9; 
  border-color: #4040BD; 
} 
 
.btn-note .badge { 
  color: #5F5FD9; 
  background-color: #ffffff; 
}

.btn-pro { 
  color: #ffffff; 
  background-color: #DD8888; 
  border-color: #D46F6F; 
} 
 
.btn-pro:hover, 
.btn-pro:focus, 
.btn-pro:active, 
.btn-pro.active, 
.open .dropdown-toggle.btn-pro { 
  color: #ffffff; 
  background-color: #DE6868; 
  border-color: #D46F6F; 
} 
 
.btn-pro:active, 
.btn-pro.active, 
.open .dropdown-toggle.btn-pro { 
  background-image: none; 
} 
 
.btn-pro.disabled, 
.btn-pro[disabled], 
fieldset[disabled] .btn-pro, 
.btn-pro.disabled:hover, 
.btn-pro[disabled]:hover, 
fieldset[disabled] .btn-pro:hover, 
.btn-pro.disabled:focus, 
.btn-pro[disabled]:focus, 
fieldset[disabled] .btn-pro:focus, 
.btn-pro.disabled:active, 
.btn-pro[disabled]:active, 
fieldset[disabled] .btn-pro:active, 
.btn-pro.disabled.active, 
.btn-pro[disabled].active, 
fieldset[disabled] .btn-pro.active { 
  background-color: #DD8888; 
  border-color: #D46F6F; 
} 
 
.btn-pro .badge { 
  color: #DD8888; 
  background-color: #ffffff; 
}

.btn-primary { 
  color: #ffffff; 
  background-color: #43c7f2; 
  border-color: #46AACC; 
} 
 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  color: #ffffff; 
  background-color: #33A0C4; 
  border-color: #46AACC; 
} 
 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  background-image: none; 
} 
 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #43c7f2; /*var(--color-success); */
  border-color: #46AACC; 
} 
 
.btn-primary .badge { 
  color:  var(--color-success); /*#43c7f2;*/
  background-color: #ffffff; 
}

.btn-primary, .btn-success  { 
  color:  #ffffff;
}

#timeslots-container .ui-selecting { background: #FECA40; }
#timeslots-container .ui-selected { background: #F39814; color: white; }

/*  BOOKING  */

.checkin-row {
  white-space : nowrap !important;
  display: flex;
  display:-webkit-flex;
  width : 20000px;
}

.checkin-block {
  display : inline-block;
  width : 300px !important;
  margin-right : 3px;
}

.checkin-block-heading {
  padding : 3px 5px;
  border-top-left-radius : 5px;
  border-top-right-radius : 5px;
  width : 290px !important;
}

.checkin-heading-component {
  padding : 0px;
  display : inline-block;
  margin : 0px;
  border : 0px;
}

.checkin-block-container {
  background-color : #FFF; 
  border-bottom-left-radius : 5px;
  border-bottom-right-radius : 5px;
  padding : 5px 5px;
  width : 290px !important;
  vertical-align : top;
}

.booking-block-container {
  margin-bottom : 1px;
  padding : 1px 5px;
  border-radius : 1px;
}

.bookable-vouchers-list {
  
}

.bookable-voucher {
  padding : 3px 5px;
  border-radius : 3px;
  border : solid 1px #EEE;
  margin-bottom : 1px;
}

.bookable-voucher:hover {
  cursor : pointer;
  background-color : #DDD;
  border : solid 1px #DDD;
}

.selected-voucher { 
  color: #FFF; 
  background-color:  #43c7f2; /*var(--color-success); */
  border : solid 1px  #43c7f2; /*var(--color-success); */
} 

.unselected-voucher { 
  color: #333333; 
  background-color: #EEE; 
  border : solid 1px #EEE;
} 

.booking-timeslot {
  padding : 5px;
  width : 60px;
  text-align : center;
  font-weight : bold;
  border-radius : 3px;
  white-space : nowrap;
  display : inline-block;
  margin : 3px;
}

.booking-timeslot:hover {
  cursor : pointer;
  background-color : #DDD;
}

.booking-timeslot-unselected {
  color: #333333; 
  background-color: #EEE; 
}

.booking-timeslot-selected {
  color: #FFF; 
  background-color: #43c7f2; /*var(--color-success); */
}

/*  items  */

ul.liItems {
  margin : 0px 0px;
  padding : 0px 0px 0px 15px;
}

/*  shift  */

.shift_stat_min {
  color : #0C0;
  font-weight : bold;
  border-color : #333;
}

.shift_stat_max {
  color : #D00;
  font-weight : bold;
  border-color : #333;
}

.shift-date {
  text-align : center;
  font-weight : bold;
  padding : 10px;
}

table.shift-container {
  margin : 0px auto;
  border-collapse: collapse;
  background-color : #FFF;
}

table.shift-container th {
  padding : 5px 5px;
  text-align : center;
  border : solid 1px #888;
}

table.shift-container td {
  padding : 5px 5px;
  border : solid 1px #888;
}

/*  booking agenda  */

p.popover-agenda {
  margin : 0px;
}

.agenda-hover {
  border-color : #555 !important;
}

#agenda-booking-customer-items {
  display : none;
  margin-top : 20px;
}

.booking-date {
  text-align : center;
  font-weight : bold;
  padding : 10px;
}

div.booking-agenda-container {
	
  
}

table.booking-agenda-container {
  margin : 0px auto;
  border-collapse: separate;
  border-spacing: 0;
}

table.booking-agenda-container td {
  padding : 2px 3px;
  height: 26px;
}

td.booking-agenda-info {
  border : solid 1px transparent;
  height: 26px;
}

td.booking-agenda-not-clickable {
  border : solid 1px #DDD;
}

td.booking-agenda-not-clickable-alpha {
  border : solid 1px rgba(221,221,221,0.5);
}

td.booking-agenda-border-day {
	border-left : solid 1px #888 !important;
	border-right : solid 1px #888 !important;
}

td.booking-agenda-border-hour {
	border-top : solid 1px #888 !important;
	border-bottom : solid 1px #888 !important;
}

td.booking-agenda-clickable {
  border : solid 1px #FFF;
}

td.booking-agenda-clickable:hover {
  cursor : pointer;
  border : solid 1px #888;
}

td.booking-agenda-day {
  display : inline-block;
  width : 50px;
  border : solid 1px #333;
  margin-right : 1px;
  margin-top : 3px;
}

.booking-agenda-timeslot {
  padding : 0px;
  margin-top : 1px;
  background-color : #FFF;
  text-align : center;
}

td.agenda-today {
  border-left : solid 1px #000;
  border-right : solid 1px #000;
}

td.agenda-today-head {
  border-left : solid 1px #000;
  border-right : solid 1px #000;
  border-top : solid 1px #000;
}

td.agenda-today-foot {
  border-left : solid 1px #000;
  border-right : solid 1px #000;
  border-bottom : solid 1px #000;
}

td.agenda-today-bottom {
  border-left : solid 1px #000;
  border-right : solid 1px #000;
  border-bottom : solid 1px #000;
}

/*  booking  */

.cal-booking-month {
  display : inline-block;
  border : solid 1px #CCC;
  margin : 0px 0px 20px 0px;
  padding : 1px;
  width : 354px;
  border-radius : 3px;
}

.cal-booking-month-title {
  font-weight : bold;
}

.cal-booking-row {
  margin : 0px;
  padding : 0px;
  white-space : nowrap;
  text-align : left;
}

.cal-booking-day {
  display : inline-block;
  margin : 0px 0px 0px 0px;
  padding : 10px 0px;
  width : 50px;
  text-align : center;
  font-weight : bold;
}

.cal-booking-week-day {
  font-weight : normal;
  color : #888;
}

.cal-booking-day-available {
  background-color : #DDE;
  color : #333;
}

.cal-booking-day-available:hover {
  background-color : #AEA;
  color : #333;
  cursor : pointer;
}

.cal-booking-day-unavailable {
  background-color : #FEFEFE;
  color : #DDD;
}

/*  counter  */

.counter-digit {
  position : relative;
  display : inline-block;
  background-color : transparent;
  font-weight : bold;
  border-radius : 5px;
  text-align : center;
  padding : 5px 0px;
  margin-left : 3px;
  width : 20px;
  height : 30px;
}

.counter-name {
  line-height : 30px;
}

.counter-unit-container {
  position : relative;
  display : inline-block;
  padding : 5px 0px;
  margin-left : 10px;
  height : 30px;
  width : 60px;
}

.counter-unit {
  position : absolute;
  top : 0px;
  left : 0px;
  height : 30px;
  line-height : 30px;
}

.counter-digit-value {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 20px;
  height : 30px;
  z-index : 3;
  color : #FFF;
  line-height : 30px;
}

.counter-digit-units {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 20px;
  height : 30px;
  z-index : 3;
  color : #333;
  line-height : 30px;
}

.counter-digit-overlay-top {
  position : absolute;
  top : 0px;
  left : 0px;
  height : 15px;
  width : 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color : #666;
  z-index : 2;
}

.counter-digit-overlay-bottom {
  bottom : 0px;
  left : 0px;
  height : 15px;
  width : 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position : absolute;
  background-color : #333;
  z-index : 1;
}

.counter-digit-value-alert {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 20px;
  height : 30px;
  z-index : 3;
  color : #FFF;
  line-height : 30px;
}

.counter-digit-units-alert {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 20px;
  height : 30px;
  z-index : 3;
  color : #F33;
  line-height : 30px;
}

.counter-digit-overlay-top-alert {
  position : absolute;
  top : 0px;
  left : 0px;
  height : 15px;
  width : 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color : #F66;
  z-index : 2;
}

.counter-digit-overlay-bottom-alert {
  bottom : 0px;
  left : 0px;
  height : 15px;
  width : 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position : absolute;
  background-color : #F33;
  z-index : 1;
}

/*  btn  */

.btn-green { 
  color: #ffffff; 
  background-color: #32C211; 
  border-color: #35B019; 
} 
 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  color: #ffffff; 
  background-color: #32C211; 
  border-color: #35B019; 
} 
 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  background-image: none; 
} 
 
.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 
fieldset[disabled] .btn-green.active { 
  background-color: #32C211; 
  border-color: #35B019; 
} 
 
.btn-green .badge { 
  color: #32C211; 
  background-color: #ffffff; 
}

.label-ok {
  color: #ffffff; 
  background-color: #32C211;
}

/*  notice  */

textarea.notice {
  width : 100%;
  height : 200px;
  padding : 5px;
  resize: none;
  background-color : #FFF;
  border : solid 1px #EEE;
}

/* timeslot */

.timeslot-content {
  border : solid 1px #BBB;
  border-radius : 3px;
  padding : 5px;
  margin : 5px;
  display : inline-block;
  width : 300px;
}

.timeslot-content-container {
  background-color : #EEE;
  border-radius : 3px;
  padding : 5px;
  margin-top : 5px;
}

#ui-id-1 {
  z-index : 99999999;
}

.ui-autocomplete { position: absolute; cursor: default;z-index:9999999 !important;}  

/*  dataTables  */

p.table_note {
  margin : 0px;
}

table#customers-table {
  
}

table#customers-table td {
  white-space : nowrap;
}

td.products-stock {
  text-align : right;
  white-space : nowrap;
}

td.products-price {
  text-align : right;
  white-space : nowrap;
}

td.payments-amount {
  text-align : right;
  white-space : nowrap;
}

td.payments-method {
  text-align : center;
  white-space : nowrap;
}

td.invoices-status {
  text-align : center;
  white-space : nowrap;
}

td.invoices-origin {
  text-align : center;
  white-space : nowrap;
}

td.invoices-num {
  text-align : center;
  white-space : nowrap;
}

td.invoices-date_create {
  text-align : center;
  white-space : nowrap;
}

td.invoices-items {
  text-align : left;
}

td.invoices-total_ttc {
  text-align : right;
  white-space : nowrap;
}

td.invoices-paid_ttc {
  text-align : right;
  white-space : nowrap;
}

td.invoices-payment_method {
  text-align : center;
  white-space : nowrap;
}

td.invoices-customer_name {
  text-align : left;
  white-space : nowrap;
}

td.invoices-buttons {
  text-align : center;
  white-space : nowrap;
}

td.vouchers-code {
  text-align : center;
  white-space : nowrap;
  font-weight : bold;
}

td.vouchers-title {
  text-align : left;
}

td.vouchers-date_create {
  text-align : center;
  white-space : nowrap;
}

td.vouchers-booked {
  text-align : center;
  white-space : nowrap;
}

td.vouchers-price_ttc {
  text-align : right;
  white-space : nowrap;
}

td.vouchers-customer {
  text-align : left;
  white-space : nowrap;
}

td.vouchers-buttons {
  text-align : center;
  white-space : nowrap;
}

td.orders-status {
  text-align : center;
  white-space : nowrap;
}

td.orders-origin {
  text-align : center;
  white-space : nowrap;
}

td.orders-num {
  text-align : center;
  white-space : nowrap;
}

td.orders-date_create {
  text-align : center;
  white-space : nowrap;
}

td.orders-items {
  text-align : left;
}

td.orders-total_ttc {
  text-align : right;
  white-space : nowrap;
}

td.orders-customer_name {
  text-align : left;
  white-space : nowrap;
}

td.orders-buttons {
  text-align : center;
  white-space : nowrap;
}

td.quotations-status {
  text-align : center;
  white-space : nowrap;
}

td.quotations-origin {
  text-align : center;
  white-space : nowrap;
}

td.quotations-num {
  text-align : center;
  white-space : nowrap;
}

td.quotations-date_create {
  text-align : center;
  white-space : nowrap;
}

td.quotations-items {
  text-align : left;
}

td.quotations-total_ttc {
  text-align : right;
  white-space : nowrap;
}

td.quotations-customer_name {
  text-align : left;
  white-space : nowrap;
}

td.quotations-buttons {
  text-align : center;
  white-space : nowrap;
}

td.invoicescompta-status {
  text-align : center;
  white-space : nowrap;
}

td.invoicescompta-origin {
  text-align : center;
  white-space : nowrap;
}

td.invoicescompta-num {
  text-align : center;
  white-space : nowrap;
  font-weight : bold;
}

td.invoicescompta-date_create {
  text-align : center;
  white-space : nowrap;
  font-weight : bold;
}

td.invoicescompta-items {
  text-align : left;
}

td.invoicescompta-total_ht {
  text-align : right;
  white-space : nowrap;
}

td.invoicescompta-total_tva {
  text-align : right;
  white-space : nowrap;
}

td.invoicescompta-total_ttc {
  text-align : right;
  white-space : nowrap;
}

td.invoicescompta-paid_ttc {
  text-align : right;
  white-space : nowrap;
}

td.invoicescompta-payment_methods {
  text-align : center;
  white-space : nowrap;
}

td.invoicescompta-customer {
  text-align : left;
  white-space : nowrap;
}

td.invoicescompta-download {
  text-align : center;
  white-space : nowrap;
}

td.invoicescompta-button {
  text-align : center;
  white-space : nowrap;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #eee;
  border: 0px solid #ccc;
  border-radius: 5px;
}

.nav-justified > li > a {
    background-color: #000;
    background-image: linear-gradient(to bottom, #555 0%, #000 100%);
    background-repeat: repeat-x;
    border-bottom: 1px solid #d5d5d5;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color:  #43c7f2; /*var(--color-success);*/
  color: #FFF;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

/* gift_cart_info */

table.gift_cart_info td {
  padding : 2px;
  color : #888;
}

table.gift_cart_info td textarea {
  resize : none;
  width : 300px;
  height : 50px;
  padding : 3px;
  border : solid 1px #888;
}

/*  WAIVER  */

.waiver_scrolling {
  height : 450px !important;
  overflow-y : auto;
}

table.waiver-confirm-table {
  
}

table.waiver-confirm-table td {
  padding : 10px;
}

.waiver-confirm {
  font-weight : bold;
}

/*  MANIFEST  */

#canvas_container {
	margin-top: 20px;
	height: 95px;
	width: 100%;
	overflow: auto;
}

.dynamr_canvas:hover, .dynamr_modal_canvas:hover {
	cursor: pointer;
}

div.manifest-chrono {
  border : solid 1px #BBB;
  border-radius : 3px;
  margin : 0px auto;
  height : 800px;
  background-color : #EEE;
}

div#chrono-container {
  margin : 10px auto 10px auto;
  text-align : center;
}

div.chrono-control {
  font-size : 50px;
  line-height : 100px;
  text-align : center;
  width : 100px;
  height : 100px;
  font-weight : normal;
  border-radius : 10px;
  border : solid 1px #CCC;
  margin : 0px auto;
  display : inline-block;
  background-color : #FFF;
  vertical-align : middle;
}

div.chrono-control:hover {
  cursor : pointer;
}

div.chrono-control:active {
  cursor : pointer;
  background-color : #333;
  color : #FFF;
}

.helmet-input {
  text-align : center;
  font-weight : bold;
}

div.button-refresh {
  font-size : 28px;
  line-height : 80px;
  text-align : center;
  width : 200px;
  height : 80px;
  font-weight : bold;
  border-radius : 10px;
  margin : 5px auto;
  background-color : #AAF;
  color : #FFF;
}

div.button-refresh {
  cursor : pointer;
}

div#chrono {
  font-size : 80px;
  line-height : 120px;
  text-align : center;
  width : 255px;
  height : 120px;
  font-weight : bold;
  border-radius : 10px;
  border : solid 1px #DDD;
  background-color : #DDD;
  margin : 10px auto;
  display : inline-block;
  vertical-align : middle;
}

div.info-container {
  text-align : center;
  border-radius : 5px;
  border : solid 0px #DDD;
  margin : 20px auto 0;
  width : 200px;
}

div.start-container {
  text-align : center;
  border-radius : 5px;
  border : solid 0px #DDD;
  margin : 20px auto 0;
  width : 200px;
}

div.start-button {
  font-size : 28px;
  line-height : 80px;
  text-align : center;
  width : 200px;
  height : 80px;
  font-weight : bold;
  border-radius : 10px;
  /*margin : 5px 0px 40px 0px;*/
  border : solid 1px transparent;
}

div.start-button:hover {
  cursor : pointer;
}

div.start-button:active {
  cursor : pointer;
  background-color : #FFF;
  color : #333;
  border : solid 1px #333;
}

div.button-start {
  background-color : #0D0;
  color : #FFF;
}

div.button-stop {
  background-color : #D00;
  color : #FFF;
  margin: 40px 0;
}

div.button-pause {
  background-color : #888;
  color : #FFF;
}

div.button-next-session {
  background-color : #0D0;
  color : #FFF;
  height : 105px;
  line-height : 40px;
  padding : 10px 0px;
}

div.next-session-button-disabled {
  background-color : #BBB;
  color : #FFF;
  height : 105px;
  line-height : 40px;
  padding : 10px 0px;
}

div.button-next {
  background-color : #ff8c00;
  color : #FFF;
}

div.button-power {

  background-color : #0040ff;
  color : #FFF;
}

div.button-refly {
  background-color : #d400f5;
  color : #FFF;
  margin: 40px 0;
}

div.start-button-disabled {
  background-color : #BBB;
  color : #FFF;
}

div#time-container {
  text-align : center;
  border-radius : 10px;
  border : solid 1px #DDD;
  margin : 5px auto 0px auto;
  width : 200px;
  background-color : #FFF;
}

div.time-manifest {
  font-size : 30px;
  line-height : 30px;
  text-align : center;
  font-weight : normal;
  margin : 0px auto 10px auto;
}

div.manifest-container {
  border : solid 1px #BBB;
  border-radius : 3px;
  margin : 0px auto;
  min-height : 800px;
}

div.manifest-fly {
  border-radius : 3px;
  margin : 3px 1px;
  padding : 0px;
  white-space : nowrap;
  position : relative;
  min-width : 700px;
}

div.manifest-data {
  display : inline-block;
  font-size : 30px;
  line-height : 50px;
  height : 50px;
  padding : 0px;
  margin : 0px;
  vertical-align: bottom;
}

div.manifest-data:hover {
  cursor : pointer;
}


div.manifest-move {
  width : 50px;
  text-align : center;
  font-size : 20px;
  border-right : solid 0px #888;
}

.btn-manifest {
  width : 100px;
  margin-top : 5px;
}

div.manifest-minutes {
  width : 80px !important; 
  text-align : center;
  font-weight : bold;
  border-right : solid 1px #888;
  border-left : solid 1px #888;
}

div.manifest-helmet {
  text-align : center; 
  width : 70px;
  border-right : solid 1px #888;
}

div.manifest-power {
  text-align : center; 
  width : 75px;
  border-right : solid 1px #888;
}

div.manifest-customer {
  text-align : left; 
  margin : 0px 10px;
  text-overflow : ellipsis;
  overflow-x : hidden;
  width : 320px;
}

div.manifest-customer:hover {
  cursor : normal !important;
}

div.manifest-go {
  text-align : left; 
  margin : 0px 0px;
  padding : 0px 10px;
  border-left : solid 1px #888;
  right : 0px;
  position : absolute;
}


div.manifest-go-waiting-voucher {
  background-color : #AADDAA;
  color : #333;
}

div.manifest-go-waiting-flytime {
  background-color : #8aa7ff;
  color : #333;
}

div.manifest-go-waiting-stafftime {
  background-color : #DDAAAA;
  color : #333;
}

div.manifest-go-waiting-voucher-company {
  background-color : #f5e296;
  color : #333;
}

div.manifest-go-waiting-blank {
  background-color : #EEEEEE;
  color : #333;
}

div.manifest-go-flyed {
  background-color : #BBBBBB !important;
  color : #333 !important;
}

div.manifest-go-flying {
  background-color : #0D0 !important;
  color : #FFF !important;
}

table.manifest-pad {
  margin : 10px auto;
  border-collapse: collapse;
}

td.manifest-pad-erase {
  border : solid 1px #555;
  font-size : 30px;
  line-height : 30px;
  padding : 20px 30px;
}

td.manifest-pad-erase:hover {
  cursor : pointer;
  background-color : #CCC;
}

td.manifest-pad-num {
  border : solid 1px #555;
  font-size : 40px;
  line-height : 40px;
  padding : 20px 30px;
}

td.manifest-pad-num:hover {
  cursor : pointer;
  background-color : #CCC;
}

@media(max-width:480px) {

	.btn-group-lg > .btn, .btn-lg {
	
		font-size : 12px;	
	}
	
	.site-logo {
		
		height : 30px;
		margin-top : -4px;
	}
	
	.panel-catalog .panel-footer a {
	
		margin-bottom : 5px;	
	}
	
	.cal-booking-month {
		
	    display: inline-block;
	    border: solid 1px #CCC;
	    margin: 0px 0px 20px 0px;
	    padding: 1px;
	    width: 231px;
	    border-radius: 3px;
	}
	
	.cal-booking-day {
	    
	    display: inline-block;
	    margin: 0px 0px 0px 0px;
	    padding: 10px 0px;
	    width: 31px;
	    text-align: center;
	}
	
	.panel-administration {
	
		width : 100%;	
	}
	
	.panel-administration .btn, .panel-administration .btn-group {
		
		width : 100%;
	}
}


@media(max-width:1024px){
	
	.nav-justified > li {
		
		display : block !important;
		width : 100% !important;
	}
	
	.nav-justified {
		
		max-height : 100%;
	}
}

#img-bank {

	width:100%;
}

@media (min-width:480px) and (max-width:1280px) {
	
	#img-bank {

		width:50%;
	}
} 
.menu-shop a {
	
	font-size: 12px;
}

.control-label {
	
	text-align:right;
	padding-top: 7px;
}

.shop-btn {
  background-color: #43c7f2 !important;
  border-color: #43c7f2 !important;
  color: #ffffff !important;
}

.panel-title {
  font-size: 14px;
}

.shop-panel-body {
  color: #000;
  background-color: #fff;
}

.voucher-popular{
	padding: 5px 50px; 
	/*background-color: rgba(45, 228, 99, 0.87); */
	/*background-color: rgba(21, 119, 234, 0.87); */
	background-color: rgba(234, 21, 220, 0.87); 
	color: white; 
	position: absolute; 
	z-index: 1; 
	top: 80px; 
	left: -40px; 
	transform: rotate(-45deg); 
	box-shadow: 0px 0px 5px 0px #656565; 
	text-align: center;
	font-weight: bold;
}

.voucher-popular span{
	margin-right: 5px;
	margin-left: -15px;
}

.proflyer-pack-booking-selected
{
	background-color: #00F !important;
	color: #FFF !important;
	opacity: 1 !important;
}

.shop-panel
{
	border-color: #43c7f2;
}

.shop-panel-heading {
  background-color: #43c7f2 !important;
  color: #ffffff !important;
  border-color: #43c7f2 !important;
}

/* loader */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #31708f;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #31708f transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.iti__flag {background-image: url("pict/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("pict/flags@2x.png");}
}

.gift_textarea{
  resize: none;
}
.charNum{
  position: absolute;
  bottom: 0;
  right: 30px;
}

.valign{
  display: flex;
  align-items: center;
}
.valign-top{
  display: flex;
  align-items: top ;
}

#voucher-check {
  max-width: 540px;
  background: #fff;
  box-shadow: 0 1em 5em rgba(0,0,0,.2);
  border-radius: 4px;
  border: 0;
  margin:auto;
  margin-top: 50px;
  padding: 30px;
  padding-bottom: 20px;
  position: relative;

}

#voucher-check input, #voucher-check button, #voucher-check select{
  border-radius: unset;
  height: 55px;
  font-size: 18px;

}
#voucher-check .btn-primary{
  width: 100%;
}

.title-big-margin{
  padding-bottom:20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F5F5F5;
}

.voucher-check-title{
  font-size:22px;
  font-weight:600;
}

#mediakiosk-catalog-buy-link{
  font-weight:bold;
}

.panel-success>.panel-heading {
  color: white;
  border-color:  #999;
  background:#999;
}

.panel-success {
  border-color:  #999;
}

.dropdown-lang button {
  background: none;
}

.dropdown-lang .dropdown-menu{
  min-width: 0;
  background: none;
  right: 15px;
  left: auto;
  width: 50px;
}

.dropdown-lang .dropdown-menu .dropdown-item{
  
  text-align: center;
  display: block;
}