@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri.eot'); /* IE9 Compat Modes */
  src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/calibri.woff2') format('woff2'), /* Modern Browsers */
       url('../fonts/calibri.woff') format('woff'), /* Modern Browsers */
       url('../fonts/calibri.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/calibri.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body {-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;}
body.with-panel-left-reveal .panel-overlay {
    -webkit-transform: translate3d(50vw,0,0);
    transform: translate3d(50vw,0,0);
}
body.with-panel-left-reveal .views {
    -webkit-transform: translate3d(50vw,0,0);
    transform: translate3d(50vw,0,0);
}
.visibleDesktop {display:none;}
.navbar a.link {padding-right:5px;}

.cr1  {color:#ffc801;}
.cr2  {color:#8daf30;}
.cr3  {color:#ea7101;}
.cr4  {color:#bebebe;}
.cr5  {color:#5cb2e3;}
.cr6  {color:#a28b83;}
.cr7  {color:#7f9eb0;}
.cr8  {color:#f39100;}
.cr9  {color:#8ab46a;}
.cr10 {color:#b8c633;}
.cr11 {color:#6a84c5;}


.bg1  {background:#ffc801 !important;}
.bg2  {background:#8daf30 !important;}
.bg3  {background:#ea7101 !important;}
.bg4  {background:#bebebe !important;}
.bg5  {background:#5cb2e3 !important;}
.bg6  {background:#a28b83 !important;}
.bg7  {background:#7f9eb0 !important;}
.bg8  {background:#f39100 !important;}
.bg9  {background:#8ab46a !important;}
.bg10 {background:#b8c633 !important;}
.bg11 {background:#6a84c5 !important;}

.list-block.inputs-list .align-top .item-media {
	align-self: flex-start;padding-top: 36px
}

div .theme-orange .navbar {
	background:white;border-bottom:none;color:black;
}
.homeAr .row {
    margin-bottom: 9px;
}
.homeAr .row.rlast {
    margin-bottom: 0;
}
.homeAr .row .col-50 {
	position: relative;
}
body .navbar.theme-orange {background:white;}
body .page[data-page=home] .content-block {
    margin: 5px 0 0px 0;
    padding: 0 9px;
}
body .page {
    background:  #eaeaea;
}

body .page[data-page="home"],
body .page[data-page="chargementOld"],
body .page[data-page="chargement"] {
    background: url(../img/bghome.jpg) center 25px no-repeat #eaeaea;
    background-size: cover;
}
body .page[data-page="chargementOld"] .qrCode,
body .page[data-page="chargement"] .qrCode {
    display:none;
}
body .page[data-page="home"] .row .col-50 {
    width: 50%;
    width: -webkit-calc((100% - 9px*1)/ 2);
    width: calc((100% - 9px*1)/ 2);
}
body .navbar .homeIcon:first-child {
    margin-right:0px;
    padding-right:0;
    margin-left:0;
}
body .navbar .homeIcon {
	color:black;
    padding-right: 0;
    padding-left:0px;
    font-size:29px;
    min-width: 38px
}
body .navbar .badge {
    margin-top: 10px;
    margin-left: -17px;
    margin-right:5px;
    z-index: 9;
    height:17px;
    color:white;
    line-height: 16px;
}
.theme-orange .homeCard.button.button-fill {border-radius: 10px;border:none;background:none;height:auto;background:none;padding:0;text-transform: inherit;font-size:13px;line-height:17px;font-weight: bold;padding-top:9px;color:black;}
.theme-orange .homeCard.button.button-fill.li1 {line-height:28px;}
.theme-orange .homeCard.button.button-fill span {display:block;height:1px;font-size:1px;}
.theme-orange .homeCard.button.button-fill img {height:40px;}
.theme-orange .homeAr .badge {position: absolute;right:-8px;margin-top:-4px;    z-index: 10;background-color: #f61403}

.addRetour {margin:0 auto 15px auto;border-radius: 10px}
.card-footer {padding:4px;}



.facebook-user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background: #eee no-repeat center;
    background-size: cover;
}
.facebook-card .card-footer a {text-transform: initial;overflow:unset !important;}
/*
|------------------------------------------------------------------------------
| Navbar
|------------------------------------------------------------------------------
*/
.navbar .brand-logo.primary {height:45px;width:56px;}
.navbar .brand-logo.secondary {height:70px;width:117px;}
.navbar .center, .subnavbar .center {font-size: 17px}
.navbar .right img {padding-right:5px}
.miniTitle {font-size:12px;margin:0}
.jFiler input[name*='photos'] {top: 0 !important;left: 0 !important;opacity: 0 !important;display: block;height:100%;width:100%;cursor:pointer;z-index:99999 !important}
.panel {width:50vw}
.list-block .item-media {min-width: 24px}
.list-block .item-media+.item-inner {margin-left:15px;}
.list-block .item-link .item-inner, .list-block .list-button .item-inner {padding-right:5px;}
.pac-container {top: inherit !important;bottom:48px;left:0 !important;width:100% !important;z-index:20000;}
body[page-loaded='demande-editEmplacement'] .pac-container {bottom:calc(48px + 48px);}
body[page-loaded='chargementAlerte'] .pac-container {bottom:calc(48px + 48px + 48px);}
body[page-loaded='demande-editAlerte'] .pac-container {bottom:calc(48px + 48px + 48px);}
.pac-logo:after {display:none !important}
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
.modal-in input[type="search"]::-webkit-search-decoration,
.modal-in input[type="search"]::-webkit-search-cancel-button,
.modal-in input[type="search"]::-webkit-search-results-button,
.modal-in input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.modal-in .searchList {margin-top:0;margin-bottom:5px;position:fixed;background:white;}
.modal-in .searchB {margin-bottom:50px;z-index:9;position:relative;background:white;display:block;}
.modal-in .noDest {font-size:12px;font-style: italic;}

.autocomplete-suggestions  {z-index:14000;}
.modal-in .chip {height:25px;line-height:25px;border-radius: 10px;padding:0 12px 0 4px;}
.modal-in .chip-label {font-size:11px;margin-left:0;}
.modal-in .chip-label+.chip-delete {margin-left:0px;width: 21px;height: 21px;}
.qteMat .list-block {margin:0}
.qteMat .list-block.inputs-list .item-inner {margin-bottom:0;padding-top:0}
.right {float:right}
.right .close-modal .material-icons {font-size:20px;}
.page[data-page=home] .button.button-big {
	border-radius: 15px;
}
.page[data-page=demande-ok] > .container {align-items: center;box-sizing: border-box;display: flex;flex-direction: column;height: 100%;justify-content: center;left: 0;overflow: hidden;padding: 16px;position: absolute;text-align: center;top: 0;width: 100%;
}

.navbar a.homeIcon.homePage  {
	margin-left:5px;
}
.navbar a.homeIcon  {
    line-height: 35px;
    height: 35px;
}

.popover-fab2 .item-inner div {font-size:12px}

.page[data-page=chargement] #tab-emplacement .embed {padding-bottom:calc(100vh - 56px - 48px)}
.page[data-page=chargementOld] #tab-emplacementOld .embed {padding-bottom:calc(100vh - 56px - 48px)}
.page[data-page=chargement] #tab-emplacement #valideLoc {display: none;	bottom: 16px ;left:16px;position: absolute;}
.page[data-page=chargementOld] #tab-emplacementOld #valideLoc {display: none;	bottom: 16px ;left:16px;position: absolute;}
.page[data-page=chargement] #tab-emplacement #searchBar input {padding: 0 24px 0 24px;font-size:13px}
.page[data-page=chargementOld] #tab-emplacementOld #searchBar input {padding: 0 24px 0 24px;font-size:13px}
.page[data-page=chargement] #tab-emplacement .floating-button {bottom:calc(16px + 56px)}
.page[data-page=chargementOld] #tab-emplacementOld .floating-button {bottom:calc(16px + 56px)}
.page[data-page=chargement] #tab-emplacement .floating-button#back  {bottom:calc(16px + 120px)}
.page[data-page=chargementOld] #tab-emplacementOld .floating-button#back  {bottom:calc(16px + 120px)}

.page[data-page=addLivraison] .embed {padding-bottom:calc(100vh - 56px - 48px)}
.page[data-page=addLivraison] #valideLoc {display: none;	bottom: 16px ;left:16px;position: absolute;}
.page[data-page=addLivraison] #searchBar input {padding: 0 24px 0 24px;font-size:13px}
.page[data-page=addLivraison] .floating-button {bottom:calc(16px + 56px)}

.modal .button.chooseControle {color:black;}

.page[data-page=chargement] #tab-validation {padding-bottom:48px;}
.page[data-page=chargementOld] #tab-validation {padding-bottom:48px;}
.page[data-page=chargement] #tab-validation .card {margin:8px}
.page[data-page=chargementOld] #tab-validation .card {margin:8px}
.page[data-page=chargement] #tab-validation .card .card-content-inner {padding:11px}
.page[data-page=chargementOld] #tab-validation .card .card-content-inner {padding:11px}


.list-block .notEmptyFile .floating-label {
	color: rgba(0,0,0,.65);
	-webkit-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}
.page .jList.row [class*='col-'] {
	margin-bottom: 8px;
	margin-top: 8px;
}
.page .jList.row [class*='tablet-'] {
	margin-bottom: 8px;
	margin-top: 8px;
}
.page .jList .product-wrapper {
	background-color: #F1F2F1;
	box-sizing: border-box;
	padding: 16px;
}
.layout-dark .page .jList .product-wrapper {
	background-color: #333333;
}
.page .jList .product-label {
	text-align: left;
}
.page .jList .product-label .veg {
	color: #27AE60;
}
.page .jList .product-label .non-veg {
	color: #C0392B;
}
.page .jList .product-pack {
	text-align: right;
}
.page .jList .product-image {
	margin-bottom: 8px;
	margin-top: 8px;
	height: 80px;
}
.page .jList .product-image img {
	display: block;
	max-height: 80px;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}
.page .jList .product-name {
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 8px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}
.page .jList .product-price {
	margin-top: 8px;
	text-align: center;
}
.page .jList .product-price .original-price {
	margin-right: 8px;
	text-decoration: line-through;
}
.page .jList .product-actions {
	margin-top: 5px;
}
.page .jList .product-actions button{
	margin-top: 5px;
	text-transform: unset;
	line-height:22px;
	z-index:9999999;
}

/*
|------------------------------------------------------------------------------
| Error
|------------------------------------------------------------------------------
*/
.page[data-page=error] .error-container {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	padding: 16px;
	text-align: center;
}
.page[data-page=error] .error-media img {
	height: auto;
	width: 128px;
}
.page[data-page=error] .error-media i {
	font-size: 128px;
}
.page[data-page=error] .error-code {
	font-size: 64px;
  font-weight: bold;
  letter-spacing: 2px;
}
.page[data-page=error] .error-message {
  font-size: 17px;
  line-height: 23px;
	margin-bottom: 16px;
}
.page[data-page=error] .error-actions {
	font-size: 13px;
	margin-bottom: 16px;
	margin-top: 16px;
}
.page[data-page=error] .error-actions a.error-action {
	border-bottom: 1px dotted;
}

/*
|------------------------------------------------------------------------------
| Home
|------------------------------------------------------------------------------
*/
.page[data-page=home] .slider-hero .swiper-slide {
	background-color: #F1F2F1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 320px;
	height: 50vh;
	position: relative;
}
.page[data-page=home] .slider-hero .swiper-slide:before {
	background-color: rgba(128, 128, 128, 0.5);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.page[data-page=home] .slider-hero .slide-content {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding: 16px;
	position: relative;
	text-align: center;
}
.page[data-page=home] .slider-hero .slide-title {
	color: #FFFFFF;
	font-family: 'Roboto Slab';
	font-size: 20px;
}
.page[data-page=home] .slider-hero .slide-text {
	color: rgba(255, 255, 255, 0.87);
}
.page[data-page=home] .slider-hero .slide-actions {
	margin-bottom: 16px;
	margin-top: 16px;
}
.page[data-page=home] .slider-hero .slide-actions .button {
	text-transform: capitalize;
}
.page[data-page=home] .slider-hero .swiper-pagination-bullet {
  background-color: #000000;
}
.page[data-page=home] .slider-hero .swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}
.page[data-page=home] .section-features .content-block-title {
	font-family: 'Roboto Slab';
	font-size: 20px;
	overflow: hidden;
}
.page[data-page=home] .section-features .features-list .item-title {
	font-family: 'Roboto Slab';
}
.page[data-page=home] .section-features .features-list .item-text {
	font-size: 13px;
	-webkit-line-clamp: 5;
	max-height: initial;
}
.page[data-page=home] .section-features .features-list .item-media i {
	color: #F7A800;
	font-size: 48px;
}
.text-red {color:red;}
.theme-red .page[data-page=home] .section-features .features-list .item-media i {	color: #F44336; }
.theme-pink .page[data-page=home] .section-features .features-list .item-media i {	color: #E91E63; }
.theme-purple .page[data-page=home] .section-features .features-list .item-media i {	color: #9C27B0; }
.theme-deeppurple .page[data-page=home] .section-features .features-list .item-media i {	color: #673AB7; }
.theme-indigo .page[data-page=home] .section-features .features-list .item-media i {	color: #3F51B5; }
.theme-blue .page[data-page=home] .section-features .features-list .item-media i {	color: #F7A800; }
.theme-lightblue .page[data-page=home] .section-features .features-list .item-media i {	color: #03A9F4; }
.theme-cyan .page[data-page=home] .section-features .features-list .item-media i {	color: #00BCD4; }
.theme-teal .page[data-page=home] .section-features .features-list .item-media i {	color: #009688; }
.theme-green .page[data-page=home] .section-features .features-list .item-media i {	color: #4CAF50; }
.theme-lightgreen .page[data-page=home] .section-features .features-list .item-media i {	color: #8BC34A; }
.theme-lime .page[data-page=home] .section-features .features-list .item-media i {	color: #CDDC39; }
.theme-yellow .page[data-page=home] .section-features .features-list .item-media i {	color: #FFEB3B; }
.theme-amber .page[data-page=home] .section-features .features-list .item-media i {	color: #FFC107; }
.theme-orange .page[data-page=home] .section-features .features-list .item-media i {	color: #F7A800; }
.theme-deeporange .page[data-page=home] .section-features .features-list .item-media i {	color: #FF5722; }
.theme-brown .page[data-page=home] .section-features .features-list .item-media i {	color: #795548; }
.theme-gray .page[data-page=home] .section-features .features-list .item-media i {	color: #9E9E9E; }
.theme-bluegray .page[data-page=home] .section-features .features-list .item-media i {	color: #607D8B; }
.theme-white .page[data-page=home] .section-features .features-list .item-media i {	color: #FFFFFF; }
.theme-black .page[data-page=home] .section-features .features-list .item-media i {	color: #000000; }
.layout-dark .page[data-page=home] .section-features .features-list .item-media i {
	color: rgba(255, 255, 255, 0.87);
}

/*
|------------------------------------------------------------------------------
| Log In
|------------------------------------------------------------------------------
*/
.page[data-page=login] .page-content {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	overflow-y: auto;
}
.page[data-page=login] .page-content > :first-child {
	margin-top: auto !important;
	padding-top: 32px;
}
.page[data-page=login] .logo {
	display: block;
	height: 144px;
	margin: 0 auto;
	width: auto;
}
.page[data-page=login] input[name=password] {
	padding-right: 42px;
}
.page[data-page=login] .item-after.show-hide-password {
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 12px;
}
.page[data-page=login] a[href='/login/password'] {
	display: inline-block;
  float: right;
  margin: 0 16px 32px;
}

/*
|------------------------------------------------------------------------------
| HOME
|------------------------------------------------------------------------------
*/
.page[data-page=home] .article-header {
	background-color: #bd4d7e;
	background-position: center center;
	background-repeat: no-repeat;
}
.page[data-page=home] .article-header .alert-text {
	width:100%;
	text-align:center;
	padding: 5px;
}
.page[data-page=home] .article-header .alert-text strong {
	color:#ffeb3b;
}
.page[data-page=home] .article-header .alert.alert-reminder {
	background-color: rgba(127, 140, 141, 0.8);
}
.page[data-page=home] .article-header {
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.87);
	display: flex;
	flex-direction: column;
	height: 112px;
	padding: 0 16px;
}
.page[data-page=home] .list-block .item-media {
	min-width: auto;
}
.page[data-page=home] .page-content .button.button-big {
	height:calc(37.5vh - 86.5px);
	line-height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page[data-page=home] .page-content .button.button-big span {
	color:#333;
	font-size:17px;
	text-transform: uppercase;
}
.page[data-page=home] .page-content .button.button-big .material-icons {
	color:#333;
	font-size:24px;
}
.page[data-page=home] .left-button {
	left:16px;
	right:inherit;
	height:50px;
	border:none;
	border-radius: 0;
	background:none;
	width:auto;
	box-shadow: inherit;
	bottom:8px;
}
.page[data-page=home] .button span {
	text-transform: none;
}
.page[data-page=home] .article-header .article-title {
	font-size: 14px;
	text-align:center;
}
.page[data-page=home] .article-header .article-categories {
	margin-top: 8px;
}
.page[data-page=home] .article-content {
	padding: 16px;
}
.page[data-page=home] .comments-list .item-media img {
	width: 40px;
}
.page[data-page=home] .comments-list .item-title {
	font-size: 14px;
}
.page[data-page=home] .comments-list .item-subtitle {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-size: 12px;
	font-style: italic;
	-webkit-line-clamp: 2;
	line-height: 17px;
	white-space: normal;
}
.page[data-page=home] .comments-list .item-text {
	font-size: 11px;
}

/*
|------------------------------------------------------------------------------
| Side Panel
|------------------------------------------------------------------------------
*/
.panel-left .list-block .item-link .item-inner {
	background-image: none;
}
.panel .panel-header {
	background-color: #F7A800;
	color: rgba(255, 255, 255, 0.87);
	padding: 16px;
}
.theme-red .panel .panel-header {
	background-color: #F44336;
}
.theme-pink .panel .panel-header {
	background-color: #E91E63;
}
.theme-purple .panel .panel-header {
	background-color: #9C27B0;
}
.theme-deeppurple .panel .panel-header {
	background-color: #673AB7;
}
.theme-indigo .panel .panel-header {
	background-color: #3F51B5;
}
.theme-blue .panel .panel-header {
	background-color: #F7A800;
}
.theme-lightblue .panel .panel-header {
	background-color: #03A9F4;
}
.theme-cyan .panel .panel-header {
	background-color: #00BCD4;
}
.theme-teal .panel .panel-header {
	background-color: #009688;
}
.theme-green .panel .panel-header {
	background-color: #4CAF50;
}
.theme-lightgreen .panel .panel-header {
	background-color: #8BC34A;
}
.theme-lime .panel .panel-header {
	background-color: #CDDC39;
}
.theme-yellow .panel .panel-header {
	background-color: #FFEB3B;
}
.theme-amber .panel .panel-header {
	background-color: #FFC107;
}
.theme-orange .panel .panel-header {
	background-color: #F7A800;
}
.theme-deeporange .panel .panel-header {
	background-color: #FF5722;
}
.theme-brown .panel .panel-header {
	background-color: #795548;
}
.theme-gray .panel .panel-header {
	background-color: #9E9E9E;
}
.theme-bluegray .panel .panel-header {
	background-color: #607D8B;
}
.theme-white .panel .panel-header {
	background-color: #FFFFFF;
}
.theme-black .panel .panel-header {
	background-color: #000000;
}
.panel .user-info {
	text-align: center;
}
.panel .user-info .user-photo {
	border: 2px solid #FFFFFF;
}
.panel .user-info .user-name {
	font-size: 12px;
	text-transform: uppercase;
}
.panel .user-info .user-location {
	font-size: 10px;
	text-transform: uppercase;
}

/*
|------------------------------------------------------------------------------
| Splash Screen
|------------------------------------------------------------------------------
*/
.page[data-page=splash-screen] .splash {
	align-items: center;
	background-color: #323232;
	background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255, 255, 255, 0.40) 0%, rgba(0, 0, 0, 0.25) 200%);
	background-blend-mode: multiply;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-around;
	overflow: hidden;
	padding: 0;
	text-align: center;
}
.page[data-page=splash-screen] .splash .splash-media {
	margin: 0 0;
	padding: 0 0px;

}
.page[data-page=splash-screen] .splash .splash-media img {
	max-width: 102%;

}
.page[data-page=splash-screen] .splash-media .logo {
	height: 40px;
	width: auto;
}
.page[data-page=splash-screen] .splash-media .logo * {
	fill-opacity: 0;
	opacity: 0;
	stroke-width: 10px;
  transition: fill-opacity 1s;
}
.page[data-page=splash-screen] .splash-media .logo.animation-begin * {
	opacity: 1;
}
.page[data-page=splash-screen] .splash-media .logo.animation-finish * {
  fill-opacity: 1;
	stroke-width: 1px;
}
.page[data-page=splash-screen] .splash .splash-preloader {
	margin: 32px 0;
	opacity: 0;
	position: absolute;
	z-index: 9999;
	padding: 0 16px;
	transition: opacity 1s;
}
.page[data-page=splash-screen] .splash-preloader .preloader {
	height: 32px;
	width: 32px;
}


body .page>.toolbar.toolbar-bottom.homePage {background:none;border:none;}
body .page>.toolbar.toolbar-bottom {background:black;}
body .page>.toolbar.toolbar-bottom .toolbar-inner {padding:0 10px;}
body .page>.toolbar.toolbar-bottom .toolbar-inner .color-bluegray,body .page>.toolbar.toolbar-bottom .toolbar-inner .color-black {background:#ffeb3b !important;color:#000000;font-weight:bold; }


body .page[data-page="chargement"]>.toolbar.toolbar-bottom.validateForm {color:white !important;background:#4caf50;color:white;font-weight: bold}
body .page[data-page="chargementOld"]>.toolbar.toolbar-bottom.validateForm {color:white !important;background:#4caf50;color:white;font-weight: bold}
/*
|------------------------------------------------------------------------------
| choix
|------------------------------------------------------------------------------
*/

.page[data-page=choix] .switch {
	height: 100%;
}

.page[data-page=choix] .switch-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
	text-align: center;
}

.page[data-page=choix] .choix-slide {
	box-sizing: border-box;
	padding: 16px;
}

.page[data-page=choix] .choix-slide .slide-title {
	font-family: 'Roboto Slab';
	font-size: 20px;
	margin: 8px 0;
	padding: 0 16px;
}

.page[data-page=choix] .choix-slide .slide-media {
	margin: 16px 0;
	padding: 0 16px;
}

.page[data-page=choix] .choix-slide .slide-media img {
	display: inline-block;
	height: 144px;
	width: auto;
}

.page[data-page=choix] .choix-slide .slide-text {
	font-size: 14px;
	margin: 8px 0;
	padding: 0 16px;
}

.page[data-page=choix] .choix-slide .slide-actions {
	margin: 16px 0;
	padding: 0 16px;
}

.page[data-page=choix] .switch-actions {
	bottom: 0;
	box-sizing: border-box;
	left: 0;
	margin: 16px 0;
	padding: 0 16px;
	position: absolute;
	width: 100%;
	z-index: 50;
}

.page[data-page=choix] .switch-pagination {
	bottom: 80px;
}

.page[data-page=livraison] .page-content > .content-block {
	margin: 8px 0;
}

.page[data-page=livraison] .row [class*='col-'] {
	margin-bottom: 8px;
	margin-top: 8px;
}

.page[data-page=livraison] .row [class*='tablet-'] {
	margin-bottom: 8px;
	margin-top: 8px;
}

.page[data-page=livraison] .bloc-wrapper {
	background-color: #fffc05;
	box-sizing: border-box;
	padding: 8px;
}

.layout-dark .page[data-page=livraison] .bloc-wrapper {
	background-color: #fffc05;
	color:black;
}

.page[data-page=livraison].theme-orange a .bloc-wrapper {
	color:black;
}

.page[data-page=livraison] .bloc-date {
	font-size: 12px;
	margin-bottom: 8px;
	margin-top: 0;
	text-align: right;
}

.page[data-page=livraison] .bloc-name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: center;
}

.page[data-page=livraison] .bloc-details {
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 8px;
	text-align: left;
}


.page[data-page=planning] .page-content > .content-block {
	margin: 8px 0;
}

.page[data-page=planning] .row [class*='col-'] {
	margin-bottom: 8px;
	margin-top: 8px;
}

.page[data-page=planning] .row [class*='tablet-'] {
	margin-bottom: 8px;
	margin-top: 8px;
}

.page[data-page=planning] .bloc-wrapper {
	background-color: #ffffd8;
	box-sizing: border-box;
	padding: 8px;
}

.page[data-page=planning] .bloc-wrapper.blocColorbad {
	background-color: #ff4141;
}
.page[data-page=planning] .bloc-wrapper.blocColorgood {
	background-color: #97e076;
}

.page[data-page=planning] .bloc-wrapper.blocColormiddle {
	background-color: #ec9440;
}

.page[data-page=planning] .attenteLivraison .bloc-wrapper {
	background-color:#e09791;
}

.layout-dark .page[data-page=planning] .bloc-wrapper {
	background-color: #ffffd8;
	color:black;
}

.page[data-page=planning].theme-orange a .bloc-wrapper {
	color:black;
}

.page[data-page=planning] .bloc-date {
	font-size: 12px;
	margin-bottom: 8px;
	margin-top: 0;
	text-align: right;
}

.page[data-page=planning] .bloc-name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: center;
}

.page[data-page=planning] .bloc-details {
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 8px;
	text-align: left;
}


.btnColas {color:black;max-width: 100%;text-align:center;display: flex;justify-content: center;align-items: center;cursor: pointer}
.btnColas.duoLine {line-height:30px;}
.btnColas.duoLine span {margin-top:10px;margin-bottom:5px;}
.btnColas.duoLine.chooseLieu span {font-size:16px;line-height:17px}
.views img {max-width: 100%;}
.btnColas span {color:black;font-family: 'Calibri';font-weight: bold;font-size:22px;position: absolute;}
.btnColas.chooseElBloc span {font-size:20px}

#topBar .pageTitle {color:black;font-size:14px;}


.speciale {background:#FFF;border:1px solid black;padding:3px;margin:3px 0;color:black;text-align:center;}
.metal {background:#FFF;border:1px solid black;padding:3px;margin:3px 0;color:black;text-align:center;}
.beton {background:#FFF;border:1px solid black;padding:3px;margin:3px 0;color:black;text-align:center;}
.mixte {background:#FFF;border:1px solid black;padding:3px;margin:3px 0;color:black;text-align:center;}

.metal a {background:white;display:none;}
.beton a {background:white;display:none;}
.mixte a {background:white;display:none;}
.speciale a {background:white;display:none;}
.blocChargement {display: block}
a.chooseBloc {text-transform: initial;}

.picker-keypad-type-numpad.picker-modal .toolbar a.link {
	border:4px solid #F7A800;
	background: black;
	color:#ffeb3b;
	font-weight: bold;
}

.page .tab-link .badge {    position: absolute;
    right: 1px;
    margin-top: -13px;
    z-index: 10;
    padding: 1px 4px;
    border-radius: 2px;
    font-size: 9px;}

a.button.addLivraisonTard {
	text-transform: initial;

}
form#addLettre {
	padding: 15px;
	background:#F7A800;
}

form#addLettre h2 {
	margin-top:0;
}
.fa-qrcode {font-size:36px;}