:root {
	--red-checkbox: #EF3340;
	--grey-checkbox: #DEDEDE;
	--col-lightgrey: #F0F0F0;
	--green-checkbox: #00A82D;
	--active-button-color: #303AB2;
	--inactive-button-color: #DEDEDE;
	--quit-button-color: #E690D0;
	--bg-pink: #EC86D0;
	--bg-ocre: #D29F13;
	--active-button-color2:#00A82D;
	--bg-color: #F6F1EA;
	--bg-grey: #DEDEDE;
	--bg-red: #DE0000;
	--bg-darkgrey: #828282;
	--darkgrey-color: #707070;
	--font-family: Athletics, Arial Narrow, Helvetica, Verdana, Sans-serif;
	}


@font-face {
    font-family: Athletics;
    src: url("fonts/Athletics Regular.otf") format("opentype");
}

@font-face {
    font-family: Athletics;
    font-weight: bold;
    src: url("fonts/Athletics-Bold.otf") format("opentype");
}

@font-face {
    font-family: Athletics;
    font-style: italic;
    src: url("fonts/Athletics Regular Italic.otf") format("opentype");
}

@font-face {
    font-family: Athletics;
    font-style: italic;
	font-weight: bold;
    src: url("fonts/Athletics Bold Italic.otf") format("opentype");
}

* {  
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html
{
    -ms-content-zooming: none; /* Disables zooming */ 
}

body {
/*	background: url('images/bg.png') white repeat-x;*/
    font-family: var(--font-family);
	padding:0px; 
	margin:10px 0 0 0 ;
	font-size:14pt;
	-ms-touch-action: pan-y !important; /* DISABLE DOUBLE-TAP-ZOOM */ 
	min-height:100%;
	background-color:var(--bg-color);
	}


input, textarea {
	font-family: var(--font-family);
	}
	
.normal {
font-family: var(--font-family);
	font-size:12pt;
	color:black;
	font-weight:normal;
}
body.noborder {
	padding:0; 
	border:0;
}

h1 {
text-align:center;
margin:0;
padding:0;
}

#top {
display: flex;
align-items: center;
justify-content: space-between;
}

#top h1 {
margin: 0px;
font-size:20pt;
padding:2px;
font-weight:bolder;
color:#e56c0e;

}

/*
#top h1 {
position: relative;
display: block;
width: 561px;
height: 155px;
margin: 10px auto 0 auto;
background: url('images/logo-transparent.png');
}
*/

.loginbox {
background-color:white;
border:1px solid black;
text-align:center;
padding:10px; 
width:300px;
margin: 10px auto 0 auto;
}

.roundedborder {
padding:10px; 
border:1px solid grey;
}


textarea {
border:1px solid grey;
}

.fk-button.fk-move {
	font-weight:bold;
	font-size:1.4rem;
	border-radius:15px;
	background-color:var(--active-button-color);
	display:inline-block;
	text-decoration:none;
	padding:2px 13px;
	color:white;
	}

.fk-button.fk-selected {	
	background-color:var(--red-checkbox) !important;
	}
	
.fkbutton {
border:0px;
padding:3px 20px 5px 20px;
margin:10px;
background-color: var(--bg-ocre);
color:black;
font-weight:bold;
text-decoration:none;
font-size:16pt;
vertical-align:middle;
}

.fkbutton:disabled, .fkbutton:disabled:hover  {
background-color:lightgrey;
color:white;
}

.fkbutton.selected {
background-color:#FF2500;
}

.fkbutton.selected:hover {
background-color:#FF4444;
}

.fkbutton.creerBordereaux, .fkbutton.modifRepr, .fkbutton.purgeRepr {
	color:white;
	}

.fkbutton.creerBordereaux:hover, .fkbutton.modifRepr:hover, .fkbutton.purgeRepr:hover {
	color:white;
	}
	
.fkbutton:hover {
filter: brightness(85%);
cursor:pointer;
}

.fksmallbutton {
border:0px;
padding:3px 10px 5px 10px;
margin:2px 10px;
background-color:#FFA500;
color:white;
font-weight:bold;
text-decoration:none;
font-size:14pt;
display:inline-block;
}

.fksmallbutton2 {
border:0px;
padding:3px 5px 5px 5px;
margin:2px 5px;
background-color:#FFA500;
color:white;
font-weight:bold;
text-decoration:none;
font-size:14pt;
display:inline-block;
}
.small {
font-size:0.8em;
}

.fkbigbutton {
border:0px;
padding:14px 30px 14px 30px;
margin:3px;
background-color:#FFA500;
color:white;
font-weight:bold;
text-decoration:none;
font-size:20pt;
display:block;
text-align:center;
}

.fkmidbutton {
border:0px;
padding:10px 20px 10px 20px;
margin:3px;
background-color:#FFA500;
color:white;
font-weight:bold;
text-decoration:none;
font-size:18pt;
display:block;
text-align:center;
}
 

.fkbigbuttonred {
border:0px;
padding:14px 30px 14px 30px;
margin:3px;
background-color:#EE0000;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:20pt;
display:block;
text-align:center;
}

.fkbigbuttonorange {
border:0px;
padding:20px 30px 20px 30px;
margin:3px;
background-color:#FFA500;
color:white;
font-weight:bold;
text-decoration:none;
font-size:20pt;
display:block;
text-align:center;
}

.fk-button {
border:0px;
padding:13px 30px 13px 30px;
margin:0px;
font-weight:bold;
text-decoration:none;
font-size:20pt;
display:block;
text-align:center;
cursor:pointer;
}

.fk-button.fk-disabled {
	background-color:var(--inactive-button-color);
	color:white;
	cursor:default;
	}
	
.fk-button.fk-disabled:hover {
	filter: none;
	}
	
.fk-blue, .fk-button.fk-blue {
	background-color:var(--active-button-color);
	color:white;
	}

.fk-red, .fk-button.fk-red {
	background-color:var(--bg-red);
	color:black;
	}
	
.fk-pink, .fk-button.fk-pink {
	background-color:var(--quit-button-color);
	color:black;
	}
.fk-moyenpai, .fk-button.fk-moyenpai {
	background-color:var(--bg-ocre);
	color:black;
	width:280px;
	height:auto;
	margin:0px 5px 5px 5px;
	padding: 10px 10px;
	}
.fk-button.fk-green {
	background-color: var(--active-button-color2);
	color:white;
	}
	
.fk-button.fk-grey {
	background-color:var(--grey-checkbox);
	color:black;
	}
	
.fk-addsup {
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	font-weight:bold;
	font-size:1.3rem;
	}

.fk-addsup-s {
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:30px;
	margin:0px 6px;
	font-weight:normal;
	font-style:italic;
	font-size:1.1rem;
	color:grey !important;
	}

.ventes .nbbv {
	min-width:32px;
	margin:0px 3px;
	text-align:center;
	}
	
.fk-button:hover {
	filter: brightness(85%);
	}


.fk-button.fk-image-back, .fk-image-back {
		padding:10px 30px 10px 60px;
		background-repeat: no-repeat;
		background-size: 35px 35px;
		background-position:20px center;
		font-size:1.4rem;
		margin-bottom:10px;
	}
	
.fkbigbuttongreen {
border:0px;
padding:20px 30px 20px 30px;
margin:3px;
background-color:#19893A;
color:white;
font-weight:bold;
text-decoration:none;
font-size:20pt;
display:block;
text-align:center;
}

.w200 {
display:block;
width:200px;
text-align:center;
}

.w300 {
display:block;
width:300px;
text-align:center;
}

.w100p {
display:block;
width:100%;
text-align:center;
}

#table_categs .fkbigbutton:hover {
	filter: brightness(85%);
	cursor:pointer;
	}
	
.fksmallbutton:hover,.fksmallbutton2:hover, .fkbutton:hover, .fkbigbutton:hover, .fkmidbutton:hover {
background-color:#e56c0e;
color:black;
}

.fkbigbuttonred:hover {
background-color:#A10000;
color:#FFFFFF;
}

.fkbigbuttonorange:hover {
background-color:#EE7001;
color:white;
}
.fkbigbuttongreen:hover {
background-color:#005500;
color:#FFFFFF;
}

.fkinactif {
border:0px;
padding:4px;
margin:2px;
background-color:grey;
color:white;
font-weight:bold;
text-decoration:none;
}

.fkinactif:hover {
background-color:darkgrey;
color:black;
}

#menu {
  font-family: var(--font-family);
  list-style-type:none;
  position:relative;
  font-size:13pt;
  letter-spacing:2px;
  margin-bottom:3px;
  margin-top:5px;
  display: inline-flex;
}


#menu li a, #menu li div.label {
  display:inline-block;
  height:fit-content;
  margin:1px 8px;
  padding:12px 20px;
  text-transform:uppercase;
  background-color:var(--active-button-color);
  color:white;
  text-transform:capitalize;
}

#menu li div.label.disabled {
	opacity:0.4;
	}

#menu li a {
  color:white;
  text-decoration:none;

}
#menu li a.active { color:black; }
#menu li a:hover { color:lightgrey;background-color:#005500; }

#menu li.selected div.label {
background-color:var(--red-checkbox);
}

#menu li.pink  a {
background-color:var(--quit-button-color);
color:black;
}


#menu li.aide {
	background-color:white;
	border: 2px solid darkgreen;
	padding:8px 15px;
}

#menu li.aide a {
	color:darkgreen;
}

a.aide {
	font-size:1.5em;
	margin:20px 0px;
	background-color:white;
	display:inline-block;
	color:darkgreen;
	text-decoration:none;
	padding:8px 15px;
	}
.error {
color:red;
}

input.error {
border:1px solid red;
color:black;
}

.inputError, input.inputError {
border:1px solid red !important;
}

th {text-align:right;vertical-align:top;}
td,th {padding:4px;}

.utilisateurs, .representations, .tarifs, .ventes {
	border-spacing:0 8px;
    border-collapse:separate;
	}

.representations td, .utilisateurs td {
	vertical-align:middle;
	background-color:white;
	}

.utilisateurs td {
	text-align: center;
	}
	
tr.representation.archive {
	/*
	font-style:italic;
	background-color:#E0E0E0;
	*/
	}

.representations tr.scanned td{
	color:white;
	background-color:var(--red-checkbox);
	}

#tbl_tickets td {
	padding:3px 5px;
	
	}

.utilisateurs td, .representations td, .tarifs td ,.utilisateurs th, .representations th, .tarifs th,.ventes td,.ventes th {
padding:2px;
}
.utilisateurs tr, .representations tr, .tarifs tr {border: 1px solid lightgrey; }

.ventes tr {border-bottom: 1px solid lightgrey;padding-bottom:15px; }
.ventes td,.ventes th {padding-bottom:8px; }

.utilisateurs th {text-align:center;}
.tarifs td {text-align:left;vertical-align:top;}
.tarifs th {text-align:center;vertical-align:top;}
.utilisateurs tr.user:hover, .representations tr.representation:hover, .tarifs tr.tarif:hover {background-color:lightgrey;}


.enregistre {
    background: white;
    color: red;
    padding: 20px;
    width: 700px;
    display: none;
    text-align: center;
    font-size: 1.2rem;
	font-weight:bold;
    border: 0;
	border-radius:20px;
}

.normaldialog {
    background: white;
    padding: 20px;
    margin: 17px;
	width:800px;
    display: none;
    font-size: 12pt;
}

.ticketsdialog {
    background: white;
    padding: 20px;
    margin: 17px;
	width:1100px;
    display: none;
    font-size: 12pt;
    border: solid 4px #FFA500;
	overflow:auto;
	max-height:95%;
	min-height:95%;
}

.selrepr tr:hover {background:lightgrey;}

#alert, #confirm, #wait, #alert2, #confirm2, #confirm0 {
    background: white;
    color: black;
    padding: 40px;
    width: 850px;
	min-height:170px;
    display: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
    border: 0;
	border-radius:20px;
}

#help {
    background: white;
    color: black;
    padding: 15px;
	min-width: 450px;
    max-width: 95%;
	height:90%;
	display: none;
    font-size: 12pt;
    border: solid 1px black;
}

#help h1, #alert h1, #confirm h1 {
    color: black;
    text-align: center;
    font-size: 14pt;
    margin: 0 0 10px 0;
}

 a.small-button {
	padding:7px 30px;
    border: solid 1px #FFA500;
    margin: 10px auto;
    display: inline-block;
    color: white;
    background: #666666;
    text-decoration: none;
    font-size: 20pt;
}

a.small-button:hover {
    background: white;
    color:#666;
}

 a.small-choice {
	padding:4px 5px;
    border: solid 1px #FFA500;
    margin: 6px auto;
    display: inline-block;
    color: black;
    background: white;
    text-decoration: none;
	width:95%;
    font-size: 13pt;
}

a.small-choice:hover {
    background: lightgrey;
}

#simplemodal-overlay {background-color:#000;}

#tr_moduser  {
border: 1px solid grey;
background-color:lightgrey;
}

.representationButton {
display:inline-block;
width: calc(25vw - 5px);
height:110px;
margin:0px 2px;
padding:2px 5px;
border: 0;
background-color:var(--bg-darkgrey);
color:white;
cursor:pointer;
font-size:14pt;
overflow:hidden;

}

.representationButton:hover {
	opacity:0.7;
}

.representationButton.selected {
background-color:var(--active-button-color);
cursor:pointer;
color:white;
}

.tarifButton {
float:left;
width: calc(25vw - 5px);
padding:3px 6px;
margin:2px;
font-size:1rem;
background-color:#385542;
cursor:pointer;
color:white;
overflow:hidden;
}

img.eyeButton {
	cursor:pointer;
	}

img.eyeButton:hover {
	opacity:0.7;
	}

.tarifButton:hover {
	opacity:0.7;
	}

.representationButton .reste {
	font-weight:bold;
	}

.tarifButton .nom {
	color:white;
	}

input, textarea, select {font-size:12pt;}

#FTAR select,#FTAR input,#FTAR textarea {
	font-size:1.1rem;
	}

.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.conditions {
font-size:0.8em;
max-height:60px;
overflow:auto;
display:none;
}

.money {
text-align:right;
}

.money-tab {
	border-radius:10px;
	border: 0;
	background-color:var(--col-lightgrey);
	font-size:1.5rem;
	text-align:center;
	}
	
.ventes .money-v {

font-size:1rem;
}


.w75 {width:75px;}

table.ventes {width:100%;}
table.ventes tr td {vertical-align:middle;}

.pad {
float:left;
text-align:center;
font-size:24pt;
font-weight:bold;
margin:2px;
padding-top:15px;
padding-bottom:15px;
width:70px;
height:70px;
background-color:var(--active-button-color);
color:white;

-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;
}

.pad:hover {
background-color:#255525;
color:#FFFFFF;
}

.caisseh.texte {font-size:16pt;font-weight:bold;color:#CD2525;}

.ouvertvente, .ouvertcontrol {
	border:0px;	
	margin:1px 3px;
	background-color:#D29F13;
	color:black;
	font-weight:bold;
	text-decoration:none;
	font-size:12pt;
	display:inline-block;
	width:110px;
	padding:2px 10px 2px 10px;
	text-align: center;
	/*background-image:url(/images/check.png);
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position:88px center;*/
	}

table div.nb {
	margin:0px 10px;
	font-weight:bold;
	}

#placements2 .places div.place, #placements2 .places div.nondispo {
	width:140px;
	background-color:white;
	color:black;
	margin:5px;
	padding : 13px;
	float:left;
	cursor: pointer;
	}
#placements2 .places div.nondispo {
	background:lightgrey;
	font-style:italic;
	}

#placements2 .places div.place:hover {
	/*background-color:lightgrey;*/
	}

#placements2 .places .place.selected {
	background-color:var(--bg-ocre);
	color:black;
	}

#placements2 .places .place.selected:hover {
/*	background-color:#a67d1f;*/
	}


#placements2 .places .place>div.num,#placements2 .places .nondispo>div.num {
	margin-bottom: -20px;
	margin-right: -3px;
	color:darkblue;
	padding: 0pt;
	display: inline-block;
	float:right;
	line-height: 5px;
	}

#placements2 .places div.sepa {
	clear:both;
	border-bottom:1px solid red;
	}

#placements2 .places div.separ {
	float:left;
	display:block;
	width:1px;
	height:45px;
	margin:5px 1px 5px 1px;
	border-left:1px solid red;
	}

.hint {
	font-size:1.1rem;
	font-style:italic;
	color:grey;
	}

#calculcaisse tr span {
	font-size:14pt;
	margin-left:7px;
	}

#calculcaisse th,#calculcaisse td {
	text-align:left;
	}
#calculcaisse span[id^=tot] {
	font-size:0.9rem;
	}	
.bottom_aligner {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width: 0px;
}

#menu li.stretch, #repres .stretch, .stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
	line-height:0;
	padding:0;
	margin:0;
}

#repres {
	text-align:justify;
	margin-bottom:-20px;
	}

#menuventes {text-align:right;width:310px;float:right;}

.tip {
	font-style:italic;
	font-size:0.8em;
	color:#DD0000;
	}


table.tbljauge {
	border-collapse:collapse;
	}

table.tbljauge th, table.tbljauge td {
	padding:5px 6px;
	vertical-align:middle;
	}

table.tbljauge th {
	text-align:left;
	font-weight:normal;	
	}

table.tbljauge td.centered {
	text-aligned:center;
	}

td.rightborder {
	border-right:1px solid darkgrey;
	}

td.leftborder {
	border-left:1px solid darkgrey;
	}

td.topborder {
	border-top:1px solid darkgrey;
	}

td.bigr {
	text-align:right;
	font-weight:bold;
	font-size:1.1em;
	}

td.bigl {
	text-align:left;
	font-weight:bold;
	font-size:1.1em;
	}

td.bottomborder, td.underlined {
	border-bottom:1px solid darkgrey;
	}


table.tbljauge td.rightborder {
	text-align:right;
	}

table.tbljauge td.leftborder {
	text-align:right;
	}


table.noborder {
	border-collapse:collapse;
	border:0px;
	}

table.noborder tr {
	border:0px;
	}

table.noborder td {
	border:0px;
	margin:0;
	padding:0;
	}

a.help {
	font-family: var(--font-family);
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
	color:red;
}
a.help:hover {
	color:grey;
}

table.bordered {
	border-collapse:collapse;
	}

table.bordered td,table.bordered th {
	border: 1px solid lightgrey;
	padding:5px 10px;
	vertical-align:middle;
	}

table.tdright tr td {
	text-align:right;
	}	
	
.detailcontroles {
	font-size:0.8rem;
	}
.scanned .detailcontroles {
	color:var(--col-lightgrey);
	font-size:0.8rem;
	}
	
.unscanned .detailcontroles {
	color:black;
	font-size:0.8rem;
	}
#lst_audit td {
	font-size:15px;
	}

div.repres {
	text-align:left;
	padding-bottom:5px;
	border-bottom: 1px solid grey;
	width:80%;
	}
	
div.repres select {
	width:200px;
	margin-right:10px;
	}
	
	
.cbflex {
	padding:0px;
	display:flex;
	align-items:center;
	}
	
input[type="checkbox"] {
  width: 52px;
  height: 26px;
  margin:0px 7px 0px 0px;
  cursor: pointer; 
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-content: center;
  justify-content: left;
  border: 0;
  border-radius: 21px;
  opacity: 1;
  background: var(--grey-checkbox);
}

input[type="checkbox"]::before {
  content: "";
  width: 26px;
  height: 26px;
  clip-path: circle(10px);
  transform: scale(1);
  background-color: var(--red-checkbox);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
  background-color: var(--grey-checkbox);
}

input[type="checkbox"]:checked {
  background: var(--green-checkbox);
  justify-content: right;
}

input[type="checkbox"]:hover {
  opacity:0.8;
}


select {
    background-image:
      linear-gradient(65deg, transparent 50%, darkgrey 50%),
      linear-gradient(115deg, darkgrey 50%, transparent 50%),
	  linear-gradient(to right, #ccc, #ccc);
	background-position:
	  calc(100% - 14px) calc(1em - 10px),
      calc(100% - 6px) calc(1em - 10px),
      calc(100% - 2.5em) 0.5em;
	background-size:
      8px 16px,
      8px 16px,
      1px 1.5em;
	background-repeat: no-repeat;
}

  select:focus {
     background-image:
      linear-gradient(65deg, transparent 50%, black 50%),
      linear-gradient(115deg, black 50%, transparent 50%),
	  linear-gradient(to right, #ccc, #ccc);
  }
  


input:not([type=checkbox]):not([type=button]), textarea {
  padding: 5px 4px 5px 15px;
  -webkit-appearance:none;
  font-size:1.1rem;
  background-color: var(--grey-checkbox);
  border-radius:10px;
  border:0;
}
	
select {
  padding: 5px 28px 5px 5px;
  -webkit-appearance:none;
  font-size:1.3rem;
  background-color: var(--grey-checkbox);
  border-radius:10px;
  border:0;
}

.scrollbar1 {
	overflow:auto;
	}
	
.scrollbar1::-webkit-scrollbar {
            width: 10px;
			height:10px;
        }
        
.scrollbar1::-webkit-scrollbar-track {
            border-radius: 6px;
            background-color: var(--grey-checkbox);
            border: 1px solid #cacaca;
        }
        
.scrollbar1::-webkit-scrollbar-thumb {
            border-radius: 6px;
            background-color: var(--red-checkbox);
        }
		
#codecaisse  {
	font-size:1.4rem;
	}
	
a.codebarre img {
	border: 1px solid transparent;
	}

a.codebarre img:hover {
	border: 1px solid black;
	}
	
a.codebarre {
	color:var(--active-button-color);
	text-decoration:none;
	}
	
table.accueil td:nth-child(1) {
	width:440px;
	}
	
table.accueil td:nth-child(2) {
	padding-left:30px;
	}
	
.cercle-quitter {
	width:45px;
	height:45px;
	}
	
.cercle-quitter:hover {
	filter: brightness(85%);
	}
	
#time_section {
	font-family: Arial Narrow, Helvetica, Verdana, Sans-serif;
	}

.spect-item {	
	display:flex;
	align-items:center;
	padding-bottom:8px;
	color:var(--darkgrey-color);
}

#tuto {
	cursor:pointer;
	}
	
.nomtarif {
	margin:4px;
	padding:0px 5px;
	text-align:center;
	font-size:1.1rem;
	color:white;
	}

div.btn-color {
	width:30px;
	height:30px;
	background-color:#385542;
	float:left;
	margin:5px;
	border:1px solid white;
	outline: 3px solid transparent;
	cursor:pointer;
	}
	
div.btn-color.selected {
	outline:3px solid red;
	}

.spectacle {
	display:inline-flex;
	align-items:center;
	justify-content: center;
	width: calc(25vw - 5px);
	margin:2px;
	padding:2px 5px;
	height: 55px;
	background-color:var(--bg-grey);
	text-align:center;
	vertical-align:middle;
	white-space:wrap;
	overflow:hidden;
	font-size:1.1rem;
	color:black;
	cursor:pointer;
	}
	
.spectacle:not(.selected):hover {
	opacity:0.7;
	}
	
.spectacle.selected {
	background-color:var(--bg-pink);
	color:black;
	cursor:default;
	}
	
.representationButton .spenom {
	display:none;
	}
.representationButton .repnom {
	font-size:1.1rem;
	height:65px;
	overflow:hidden;
	white-space:wrap;
	display:inline-flex;
}

.representationButton .repventes {
	font-size:0.9rem;
}


.representationButton .repdate {
	font-size:0.9rem;
	margin-top:4px;
	float:right;
}

.ventes .spenom {
	font-size:1.1rem;
	font-weight:bold;
	}
	
.ventes .repnom, .ventes .tarnom {
	font-size:0.9rem;
	font-weight:normal;
	font-style:italic;
	color:grey;
	}
	
table.encaisse th,#encaisseespeces th {
	text-align:left;
	width:250px;
	font-weight:bold;
	font-size:1.2rem;
	}

.fk-small, .fk-button.fk-small {
	font-size:1.3rem;
	padding:6px 26px;
	margin:2px 10px;
	}
	
	
.right380 {
	display:inline-block;
	margin:0 0 0 10px;
	background-color:white;
	width: calc(100% - 380px);
	}
	
@media (max-width: 800px) {
  .right380 {
    width: auto;
  }
}

#divcoms .fk-moyenpai.selected, #all-dates .fk-button.selected {
	background-color: var(--red-checkbox);
	}
	
input[type="search"]::-webkit-search-cancel-button {

  /* Remove default */
  -webkit-appearance: none;

  /* Now your own custom styles */
  height: 26px !important;
  width: 26px  !important;
  background-image:url(/images/cross.png) !important;
  background-size: 26px 26px !important;
  /* Will place small red box on the right of input (positioning carries over) */

}

::placeholder {
	font-style: italic;
	}
	

@media only screen and (max-width: 1024px) {
 #contain-selspe {
		border:1px solid black;
		display:none;
		}
	}