:root
{
    --event-main-color: #2C5364;
    --event-admin-title-color: #2C5364;
    --event-table-header-bg: #2C5364;
    --event-table-header-color: white;
    --event-table-row-even-bg: #EFEDED;
    --event-table-text-color: #575757;
    --event-table-row-border-color: #C1C1C1;
}

#toasts-container {width: 500px; margin-left: -250px; text-align: center; position: fixed; z-index: 100000; left: 50%; top: 50px;}
#toasts-container .message {color: white; border-radius: 5px; padding: 15px 30px; font-size: 14px; margin-bottom: 5px; position: relative;}
#toasts-container .message.success  {background-color: #639329;}
#toasts-container .message.error    {background-color: #f85a40;}
#toasts-container .message.warning  {background-color: #ffbf00;}
#toasts-container .message.info     {background-color: #0A76B7;}
#toasts-container .message .close {position: absolute; top: 25%; right: 15px;}
#toasts-container .message .close:hover {cursor: pointer;}
#toasts-container .message .close::before {font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f00d"; color: #efefef; font-size: 20px;}
#toasts-container .message.autoclose {animation: hideAnimation 5s 2s; animation-fill-mode: forwards;}
@keyframes hideAnimation {
    from {opacity: 1;}
    to {opacity: 0; position: absolute; right: -2000px;}
}

.contact-button {
    bottom: 100px;
    animation: cssAnimation 0s 10s forwards;
    opacity: 0; 
  }
  
  @keyframes cssAnimation {
  to   { opacity: 1; }
  }

.owl-nav.disabled{display: none;}
.content_connexion{width:100%; margin:auto; text-align:left}
/******************************************************/
/***********        PAGE B_login.PHP      *************/
/******************************************************/
.form-connect{width:50%; margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#F2F2F2;padding:15px;float: left; height:270px;}
.form-connect-input{width:70%;height:34px; border-radius:4px;box-sizing: border-box;border: 1px solid #CCC;padding: 6px 30px; margin-left:15%; margin-top:10px;}
.form-connect-input_submit{width:70%;height:34px; border-radius:4px;box-sizing: border-box; margin-left:15%; margin-top:10px;cursor:pointer; color:#FFF; background-color:#463D6B; border:none;font-size: 15px;}
.form-connect-label{clear:both; display:inline-block; margin-top:10px; font-size:12px; margin-left:15%}
.form-sign{width:50%; margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#F2F2F2; padding:15px; float:left;border-left: 1px dotted #BCBCBC; height:270px; position:relative}
.form-sign p{padding-left:25px}
.form-sign ul{padding-left:50px;list-style-type: disc;}
.btn_sign{margin-top: 20px; text-align:right; border-radius:4px; position:absolute; top: 194px; right:50px}
.form-titre{margin-bottom:15px;}
.content_connexion h2{font-weight:bold; font-size:20px; padding-left:25px}
.content_connexion h3{font-weight:bold; font-size:16px; padding-left:25px;margin-bottom: 16px;margin-top: 16px}
.title_ins{clear: both;background-color:#F2F2F2;border-top-left-radius:4px;border-top-right-radius:4px; font-size: 20px; color: #333; font-style: normal; line-height: 20px; text-align: left; padding: 10px; padding-left:20px; margin-bottom:0px; font-weight:bold}
.bottom_connexion{clear: both;display:block;border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; height:20px; width:100%; background-color:#F2F2F2; margin-bottom:25px}
.form-mail{clear: both; padding:15px; background-color:#F2F2F2; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-left:25px; text-align:left}
.ico_date{width: 30px;height: 30px;padding-top: 10px;margin: 0px 10px;float: left;}
.contener-form-input{width:70%; margin-left:15%}
.form-arobase2{background: url(/images/form-arobase.png) no-repeat scroll 50% 8px; background-color:white; width:9%; border:1px solid #CCC;height:34px; margin-top:10px; float:left;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.form-pass2{background: url(/images/form-pass.png) no-repeat scroll 50% 8px; background-color:white; width:9%; border:1px solid #CCC;height:34px; margin-top:10px; float:left;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.form-connect-input2{width:90%;height:34px;border-top-right-radius:4px;border-bottom-right-radius:4px; box-sizing: border-box;border-top: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-left: 0px solid #CCC;padding: 6px 6px; margin-top:10px;}
.rotate {-webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.rotate:hover {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
.form-error{color: #c00; font-style: italic;}
.red-ksdj{color: #c00;}


.bg-navbar-mobile{background-image: url(/images/logos/logo@250.png) !important;  background-size: 30px 30px !important; background-position: right 2% bottom 50% !important; background-repeat: no-repeat !important;}

.c1{color: #00a0e0}
.bc1{background-color: #00a0e0}
.bouton_envoi{color: white; padding: 8px; margin: 0px; margin-top: 0px;border: none;cursor: pointer;font-size: 15px;text-decoration: none;text-align: center;font-weight: normal;letter-spacing: normal;text-transform: none;border-radius: 4px;}
.btn_sign{margin-top: 20px;text-align: right;border-radius: 4px;position: absolute;top: 194px;right: 50px;}

/* planning escda */
div.escda-planning {margin-bottom: 20px;}
.escda-planning .label {display: inline-block; width: 280px; font-weight: bold;}
.escda-planning p {padding: 0; margin: 0;}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li + li, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li + li, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li + li {
    margin-left: 25px;
}

.new-tooltip { position: relative; display: inline-block;}
.new-tooltip.icon { font-size: 15px; color:#00A0E0; line-height: 1;}
.new-tooltip.icon:hover { font-size: 15px; color:#c00; line-height: 1;}
.new-tooltip.icon::after {font-family: "Font Awesome 5 Pro"; font-weight: 300; padding-left: 5px; content: "\f059";}

.new-tooltiptext {font-size: 11.5px!important; text-align: left!important; display: none; width: 250px; background: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 8px; position: absolute; z-index: 1;}
.new-tooltiptext::after { content: ""; position: absolute; border-width: 5px; border-style: solid;}
.new-tooltip:hover .new-tooltiptext {display: block;}

.new-tooltiptext.top { bottom: 150%; left:-112px;}
.new-tooltiptext.top::after {top: 100%; left: 50%; margin-left: -5px; border-color: black transparent transparent transparent;}
.new-tooltiptext.bottom { top: 150%; left:-112px;}
.new-tooltiptext.bottom::after {bottom: 100%; left: 50%; margin-left: -5px; border-color: transparent transparent black transparent;}
.new-tooltiptext.right { top: -5px; left: 20px;}
.new-tooltiptext.right::after {top: 15px; right: 100%; margin-top: -5px; border-color: transparent black transparent transparent;}
.new-tooltiptext.left { top: -5px; right: 110%;}
.new-tooltiptext.left::after {top: 15px; left: 100%; margin-top: -5px; border-color: transparent transparent transparent black;}


.gridWrapper{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(100px, auto);
}

.gridIndex1 {
  grid-column: 1;
  grid-row: 1;
}
.gridIndex2 { 
  grid-column: 3;
  grid-row: 1 ;
}
.gridIndex3 {
  grid-column: 1;
  grid-row: 2;
}
.gridIndex4 {
  grid-column: 3;
  grid-row: 2;
}
.gridImageIndex {
  grid-column: 2;
  grid-row: 1 / 3;
}


/**
* form participation
**/

.simple-array > .form-group {display: flex; flex-direction: row;flex-wrap: nowrap;	justify-content: flex-start;	align-items: baseline;	align-content: space-around;border-bottom: solid 1px #CCC; padding-bottom: 10px;}
.simple-array > .form-group > label{display: none !important}
.collection-array > .form-group{border-bottom: solid 1px #CCC}
.collection-array > .form-group > div > .form-group { margin-right: 10px; width: 100%}
.collection-array > .form-group > div{display: flex; flex-direction: row;flex-wrap: nowrap;	justify-content: flex-start;	align-items: baseline;	align-content: space-around;}
.collection-array > .form-group > label{display: none !important}
.pointer{cursor: pointer;}
.add-another-collection-widget{margin-bottom: 10px !important}
.form--help{margin-bottom: 10px;}
.collection-array{margin-bottom: 10px;}
.array-collection-container > .form-group > label {line-height: 1.25;font-size: 24px;}


.collection-opening-hours > .form-group > label{display: none !important}

.collection-opening-hours > div > div{
  display: grid;
  grid-template-columns: 20rem 1fr 1fr 1fr 1fr 1fr;
  grid-gap: .5rem;
}
.collection-opening-hours-long > div > div :nth-child(1){
  grid-column: span 4;
}
.collection-opening-hours-long > div > div :nth-child(2){
  grid-column: span 1;
}
.collection-opening-hours-long > div > div :nth-child(3){
  grid-column: span 5;
}
.collection-opening-hours-short > div > div :nth-child(1){
  grid-column: span 5;
}
.collection-opening-hours-short > div > div :nth-child(2){
  grid-column: span 5;
}
.openingHoursInput{
  width:65px;
}

.opening-hours-table th:nth-child(n+2), .table td:nth-child(n+2){
  padding-left: 0px;
} 
.opening-hours-table td{
  padding: 5px;
}


.rd-navbar{z-index: 500 !important;}

/*
* Form commitment
*/
.form-commitment .form-group-toggle-switch {display: flex; flex-direction: row-reverse}
.form-commitment .form-group-toggle-switch .label-toggle-switch {margin: 10px}


/* Toggle switch */
.toggle-switch {position: relative; display: inline-block; width: 30px; height: 17px!important; padding: 0!important; top:15px}
.toggle-switch input { opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: .2s; }
.slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; transition: .2s;}
input:checked + .slider:before { transform: translateX(13px);}
.slider.round {border-radius: 17px; }
.slider.round:before { border-radius: 50%;}
.label-toggle-switch{display: inline-block; width: 100%}
@media (min-width: 600px) {	
	.form-group-content-choices-toggle-switch{display: flex; flex-direction: row}
	.form-group-content-choices-toggle-switch > .form-group-toggle-switch{width: 100%}
	.form-group-content-choices-toggle-switch > .form-group-toggle-switch .toggle-switch{width: 39px}
}

.switch_inline_content .label-toggle-switch{
  width: auto;
  margin: 0px;
}
.switch_inline_content  .form-group{
  margin: 0px !important;
}
.switch_inline_content .toggle-switch{
  top: 5px;
}



input:checked + .slider.on-blue { background-color: #00a0e0 ; }
input:focus + .slider.on-blue { box-shadow: 0 0 1px #00a0e0 ; }
input:checked + .slider.on-red { background-color: #c00 ; }
input:focus + .slider.on-red { box-shadow: 0 0 1px #c00 ; }
.slider.off-red { background-color: #c00 ;}
.slider.off-gray { background-color: #aaa;}
.slider.off-blue { background-color: #00a0e0;}
.btn-submit-participation{position: fixed;bottom: 20px;right: 100px;z-index: 90000;}



.laureate_category{border-bottom: 50px solid #00a0e0;border-left: 50px solid transparent;border-right: 50px solid transparent;float: right;	color: white;height: 0;padding: 0 100px;}
.laureate_category span{position: relative;	top: 16px;}
.og-title h3{color: #df1520;font-family: 'Raleway';font-weight: 400;font-size: 26px;display: inline-block;	position: relative;	margin: 0;	padding-top: 20px; line-height: 1.15;}


.laureate{cursor:pointer}
.laureate > div{border: solid 1px #00A0E0 ; border-radius: 20px; padding-top: 0px}
.laureate:hover > div{border: solid 1px #00A0E0;}
.laureate-category{background-color: #00A0E0; color: white; border-radius: 18px 18px 0px 0px; min-height: 25px; margin-bottom: 0px;}
.laureate-campany{min-height: 50px; color: #00A0E0}


.img_laureat{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto !important;max-width: 90%;max-height: 90%;}
.div_img_laureat{text-align: center;min-height: 90px;height: 250px;position: relative;margin-top: 10px !important;}

/******************************************************/
/**************      IPHONE    ************************/
/******************************************************/
@media (max-width: 600px) {
	.og-title h3{width: 100%;text-align: center;}
	.laureate_category{width: 100%;	padding: 0;	float: none;text-align: center;}
  	.escda-planning .label{width: auto}
	.contentHalfDFullM{width: 100%; float: left}
	.btn_api_renvoi{height:60px; padding:10px; width:200px; text-align:center; color:white; border-radius:4px; background-color:#DBEAF9}
	.btn_api_renvoi_checked{height:60px; padding:10px; width:200px; text-align:center; color:white; border-radius:4px; background-color:#2ecc71}
	.carte_pro{margin-top:10px; height:340px;}
	.fiche_pro_info{width: 100%; height:450px}
	.content_carte{float:none;clear:both; margin-top:50px; margin-top:300px; padding-bottom:300px}
	.texte_date_login{float: left; width:auto; margin-top:20px}
	.prix_inscription_login{float:left; margin-left:0px; margin-top:20px; width:100%}
	.size_input_name_vin{width:200px;}
	.espace_boutons {width: auto;padding-left:0px}
	.bouton_vert_230{margin:0px 0px 10px}
	.bouton_violet_230{margin:0px auto 10px;}
	.bouton_gris_230{margin:0px auto 10px;}
	.sstitre_coul{padding: 4px 0px 4px 0px;}
	.download_info_degust{padding-right:0px;}
	.input_degust{width:150px}
	.message_ok{height: auto; width:auto; margin:auto; padding:0px;background-image:none}
	.message_erreur{height: auto;width:auto; margin:auto;padding:0px;background-image:none}
	.message_info{height: auto; width:auto; margin:auto;padding:0px;background-image:none}
	.date_candidature{width:auto;}
	.action_candidature{width:auto;}
	.action_candidature > form > a{margin-left:25%}
	.action_candidature > form > a > button{margin-bottom:10px}
	.cadre_info_pro{background-color:#F2F2F2; padding:10px 0px; margin-top:10px; width:100%}

	.commander_plaque_ligne{float: left; width:100%; margin-right:10%; height:205px}
	.commander_plaque_courrier{float:left; width:100%; height:205px}

	.form-connect{width:100%;border-radius:4px}
	.form-sign{clear:both; border:none; width:100%;border-radius:4px}
	.label_form{width:100px}
	.iphone_display{display:block !important}
	.desktop_display{display:none !important}

	.contener-form-input{width:70%; margin-left:15%}
	.form-arobase2{background: url(/images/form-arobase.png) no-repeat scroll 50% 8px; background-color:white; width:15%; border:1px solid #CCC;height:32px; margin-top:10px; float:left;border-top-left-radius:4px;border-bottom-left-radius:4px;}
	.form-pass2{background: url(/images/form-pass.png) no-repeat scroll 50% 8px; background-color:white; width:15%; border:1px solid #CCC;height:32px; margin-top:10px; float:left;border-top-left-radius:4px;border-bottom-left-radius:4px;}
	.form-connect-input2{width:83%;height:34px;border-top-right-radius:4px;border-bottom-right-radius:4px; box-sizing: border-box;border-top: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-left: 0px solid #CCC;padding: 6px 6px; margin-top:10px;}
	.contentMap{width:100%; float:left; box-sizing:border-box}
	.contentInfoConcours{width:98%; float:left; margin:1%; box-sizing:border-box}
	.contentInputContact{ width:98%; margin:1%; float:left; clear:both}
	.contentTexteareaContact{width:98%; margin:1%; float:left; clear:both}	
	.content_contact_pro_tel{width:100%}
	.block_order_medalle{width:100%; float: left; margin-right:0px}	
	/******************************************************/
	/*************** PAGE B_VADS_PAYMENT::  	; ***********/
	/******************************************************/
	.divInfoTransaction{width: 100%; float: left; margin: 0px}
	.iframeTransaction{width: 100%;}
	.infoTransactionTable{width: 100%;}
  .table_striped{display: block;overflow-x: auto;white-space: nowrap;}
  


  .gridWrapper{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: minmax(100px, auto);
  }
  
  .gridIndex1 {
    grid-column: 1;
    grid-row: 1;
  }
  .gridIndex2 { 
    grid-column: 1;
    grid-row: 2 ;
  }
  .gridIndex3 {
    grid-column: 1;
    grid-row: 3;
  }
  .gridIndex4 {
    grid-column: 1;
    grid-row: 4;
  }
  .gridImageIndex {
    display: none;
  }



  
}