@font-face {
    font-family: 'cakefont';
    src: url('../../font/cakedingbats-webfont.eot');
    src: url('../../font/cakedingbats-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/cakedingbats-webfont.woff2') format('woff2'),
    url('../../font/cakedingbats-webfont.woff') format('woff'),
    url('../../font/cakedingbats-webfont.ttf') format('truetype'),
    url('../../font/cakedingbats-webfont.svg#cake_dingbatsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#main-container {padding-top:1em; padding-bottom:1em; min-width:320px;}

body {font-weight:400 !important;}
h1, h2, h3, h4, h5 {font-weight:400 !important;}
b,strong {font-weight: 700 !important;}

.page-header {padding:1.5em; background-color:#f7f7f7; color:#34373a;min-width:320px;    padding-bottom: 1em;}
.page-sub-header { padding-bottom:0.5em; background-color:#49484a; color:#fff;min-width:320px;}
/*.page-sub-header .img-zoom {display:inline-block;}*/

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {/*background-color:#113a5d; border-color:#113a5d;*/background-color:#676767; color:#fff;cursor:pointer;}
.btn.btn-primary {/*background-color:#65829a; border-color:#65829a;*/ background-color:#49484a;border-color:#676767;}
.color-btn { color:#676767; }

#topbar h1 {font-size:2.2rem;}
#topbar h2 {font-size:1.75rem;}
#topbar a, #topbar-menu a {color:#292b2c;}
#topbar a:hover, #topbar a:active, #topbar a:visited, #topbar a:focus {color:#34373a;text-decoration:none;}
#topbar-menu a:hover {color:#fff; background-color: #83a7c5;}

#sidebar {border-right:thin solid #efefef;}


.img-produit-wrapper.landscape img {transform:rotate(90deg);}

#elevebar .img-fluid {max-height:140px;}
#elevebar .img-fluid.img-zoom {cursor:zoom-in; transition: all 0.3s ease-in-out;}
#elevebar .img-fluid.img-zoom:hover {filter: brightness(0.8);transform: none;}
#elevebar .img-produit-wrapper {display:inline-block; margin:0.25em 0px;}
#elevebar .img-produit-wrapper.landscape {margin: 0.25em -22px; padding: 22px 0px;}
#elevebar .img-produit-wrapper.landscape img {max-height:93px; }
#elevebar .img-produit-wrapper.landscape.notopbar { display: none; }

.zoom-zone-container .row { /*height:1px; overflow:visible;*/ }
/*.zoom-zone-container .zoom-zone < div { height:140px;display:block; }*/

.zoom-zone-container .zoom-zone {overflow:hidden;}
.zoom-zone-container .zoom-zone .drift-zoom-pane {height:0px; transition: height 0.3s ease;}
.zoom-zone-container .zoom-zone .drift-zoom-pane.drift-closing { overflow: hidden;}
.zoom-zone-container .zoom-zone .drift-zoom-pane.drift-opening {}
.zoom-zone-container .zoom-zone .drift-zoom-pane.drift-open { animation: expandZoomPane 0.3s; height:400px; }

@keyframes expandZoomPane {
    0% { height:0px; }
    100% { height:200px; }
}

/* Commander */
.list-group-flush:first-child .list-group-item:first-child {border-top: 1px solid rgba(0,0,0,.125);}

.pack-produit-row h5 {margin:0;}
.pack-produit-row .img-produit { border: thin solid #ddd;}

.pack-row .img-produit-wrapper.landscape {margin:0px -12px; padding:7px 0px;}
.pack-row img.img-produit {max-height: 55px; max-width:100%;}
.pack-row .img-produit-wrapper.landscape img.img-produit {max-height:39px;}

.produit-row .img-produit-wrapper.landscape {margin:0px -17px; padding:11px 0px;}
.produit-row img.img-produit {max-height:80px; max-width:100%;}
.produit-row .img-produit-wrapper.landscape img.img-produit {max-height:56px;}


.pack-produit-row .img-produit-wrapper {display:inline-block;}
.pack-produit-row .col-imgs {text-align:center;}
.pack-produit-row .col-imgs span.plus-pack:last-child {display:none;}
.pack-produit-row .list-group-item.inactive {opacity: 0.5;}

.pack-produit-form-item .form-group {margin:0;}
.pack-produit-form-item input.form-control  {padding-left:1px; padding-right:1px;text-align:center;}
.pack-produit-form-item .input-group input.form-control {width:40px; background-color:#fff;}
.pack-produit-form-item label.custom-control.custom-checkbox {margin:0;top:-3px;min-height:1rem;}
.pack-produit-form-item label.custom-control.custom-radio {margin-bottom:0px;}
.commande-adjust-qty {padding-top:0; padding-bottom:0; font-size: 1.5rem;}
.commande-adjust-qty.disabled {opacity: 0.25; cursor:not-allowed;}
.before-col-imgs {border-top:thin solid rgba(0,0,0,.125);padding-top:0.5em;}


.card {border-radius: 0px !important;}
.card .card-header {border-radius:0px;border-bottom:0px;}

.card.card-vip { border-radius:0px; }
.card.card-vip .card-header {background-color:#dcdbdc; color:#334a56;}
.card.card-vip .card-header h2 {font-size:1.5em; color:#34373a}
.card .card-footer {padding:0.5rem; background-color:#dcdbdc;border-top:none; border-radius:unset;}

.card .card-block .form-group label { margin-bottom:0px; }

#pretirage .card-header, #pretirage .card-block, #tirage .card-header {background-color:#fff;}

#tirage .card {border-top:none;}
#tirage .pack-produit-row.unorderableTirage .card .row { opacity : 0.2; }
#tirage .pack-produit-row.unorderableTirage .pack-produit-form-item .form-group {display:none;}

#card-total .form-text {display:inline-block;}

/* Eleve */
.card-photo.landscape {flex-direction:row;}
.card-photo.landscape img.card-img-top { height:190px;}
.card-photo.landscape .card-block {width:60%;}

.card-photo.portrait img.card-img-top {width:280px; margin:auto;}

#photoViewModal .modal-lg {  max-width: 98%; text-align:center;}
#photoViewModal .modal-content {display: inline-block;}

/* Index */
#logEleve .container-code1 div.input-group, #logResponsable .container-code1 div.input-group {border-top-right-radius: 0; border-bottom-right-radius: 0;}
#logEleve #code1 {width:90px;border-top-right-radius: 0; border-bottom-right-radius: 0;border-right:none;}
#logResponsable #code1 {width:150px; border-top-right-radius: 0; border-bottom-right-radius: 0;border-right:none;}
#logEleve .container-code2 div.input-group, #logResponsable .container-code2 div.input-group {border-top-left-radius: 0; border-bottom-left-radius: 0;}
#logEleve #code2 {width:90px;}
#logResponsable #code2 {width:150px;}
#logEleve .container-code2 div.input-group .input-group-text, #logResponsable .container-code2 div.input-group .input-group-text {border-top-left-radius: 0; border-bottom-left-radius: 0;}
#logEleve .input-group-text, #logResponsable .input-group-text {font-size:1.4em; font-weight:bolder; padding: 0 15px;}



table thead.thead-light, table tfoot.tfoot-light { background:#eee; }
table thead.thead-light th, table tfoot.tfoot-light td { border-color:#ccc; }
table thead.thead-big-border th,  table tfoot.tfoot-big-border td { border-bottom-width: 5px; border-top-width: 5px; }
table th.va-middle {vertical-align: middle;}


.font-weight-bolder {font-weight: bold;}
.font-weight-bolder {font-weight: bolder;}
/* Commandes Recap */
h5.title-recap {background-color:#eee;}


/* Pagination */
.page-item .page-link {}

/* Form */
label.form-check-label input.form-check-input { margin-right:0.5rem;}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
}


@media (max-width: 575px) {
}

@media (max-width: 767px) {
	#sidebar {border:none;}
}

@media (max-width: 991px) {
}

@media (max-width: 1199px) {
	.page-header > .container {width:100%;}
	#main-container {width:100%;}
}


@media (min-width: 576px) and (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}