/*.ms_info {
    .lib-tooltip(right);
}*/
.old-price{
    display:none;
}
.ms_title{
    font-size:20px;margin-left: 9px;
    cursor:pointer;
}
.ms_result{
    clear:both;
    margin-top: 10px;
    font-weight: bold;
    color: #c8181a;
    font-size: 20px;
}
.ms_result > img {
    max-width: 400px;
}
.redtext{

    font-weight: bold;
    color: #c8181a;
    font-size: 20px;
    
}
.title{
    font-weight: bold;
    font-size: 18px;
}

.upload-files-block{ 
  background: white;
  margin-top: 30px;
  border-radius: 5px;
  padding: 25px;
  }
.upload-files-block .btn{
border-radius: 5px !important;
}
.upload-file >  .form-control{

margin-left: 10px;height: 40px;
}
.upload-files-block .upload-files{
    margin:8px 0px;
}
.upload-files-block .panel-heading{
  color: #000;
}

.upload-files-block .upload-title h1{
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: none;
    background: white !important;
    width: 100%;
    /*padding: 15px 15px;*/
    margin-top: 0!important;
    margin-bottom: 5%!important;
}
.upload-files-block .panel-default>.panel-heading+.panel-collapse>.panel-body,
.upload-files-block .panel-default>.panel-heading{
	background-color: #f2f2f2;	
}
.upload-files-block .panel-default>.panel-heading{
	text-align:center;
}
.upload-files-block .upload-header{
    margin-bottom: 10px;
}
.upload-files-block .upload-check{
    margin: 20px 0px;
}
.upload-files-block .upload-file-wrapper{
    padding: 25px 15px;
    background-color: white;
    margin: 15px 0px;
    text-align: left !important;
    box-shadow: none;
}
.upload-files-block .upload-file-wrapper label{
    font-size: 1.5rem;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.upload-files-block .acc-upload:not(.collapsed):after {content: '\2212';color: #5f5f5f;font-weight: bold;float: right;margin-left: 5px;}
.upload-files-block .collapsed.acc-upload:after {content: "\002B";color: #5f5f5f;font-weight: bold;float: right;margin-left: 5px;}

.upload-files-block .btn-primary-upload{background:#d9355c!important;color:white!important;border-color: #d9355c !important;}
.upload-files-block .btn-primary-upload:hover{background:#d9355c!important;color:white!important;text-decoration:underline!important;border-color: #d9355c !important;}

.upload-files-block .confirm-order{padding:15px 15px; color:black;text-align:center!important; background:#f2f2f2;margin-bottom:5%;border:none!important; border-radius:0px!important;}
.upload-files-block .confirm-order:hover{text-decoration:underline!important}

#upload_files_wrapper .panel.panel-default{max-height: inherit;background-color: #fff !important;color: #494949;}

.column-resume {
  background-color: white !important;
  margin-top: 30px;
  border-radius: 5px;
  padding: 25px;
}
.column-resume >.detail-commande { background-color: white !important;}
.btn-resume-pink {
  background-color: #d9355c !important;
  margin: 10px 0px auto !important;
  color: white !important;
  font-weight: bold;
  padding: 5px 15px !important;
  border-radius: 4px;
}
 button.bouton-panier {
    background: #87c29d !important;
    color: white;
    text-transform: uppercase;
    border-radius: 5px;
  }
.full-bg{
background-color:#f6f7fa;
}



.matrix_layoutMain .matrix_packingPreview,.matrix_layoutMain .matrix_packingPhotoPreview{ /*background-color:#e8e8e8;*/margin-bottom: 20px;}

.matrix_layoutMain .matrix_packingPreviewActionsContainer button.btn.btn-primary.matrix_packingPreviewButton{
	background: #d4d8e6;
    margin-right: -2px;
    line-height: 1.42857143;
    position: relative;
    display: block;
    padding: 10px 15px;
    border: none;
    border-radius: 5px !important;    
    color: #5d5f65;
}
.matrix_layoutMain .matrix_packingPreviewActionsContainer button.btn.btn-primary.matrix_packingPreviewButton.visible{
    background-color: #d9355c;
    color: white;
}



.matrix_layoutMain .matrix_packingPreviewPreviewContainer{padding:0px !important; height: auto !important;}

.matrix_layoutMain .matrix_previewButton {padding-top: 15px;clear: both;}

.matrix_layoutMain .col-md-3 {padding-left:15px !important;padding-right:15px !important;}

.hidecol{visibility:hidden !important;}

@media screen and (max-width: 992px){
	#pricecalculatorsection .panel-body{
		border: 1px solid #ddd;
	}
	#pricecalculatorsection .panel{
     margin-top: 8px;
     overflow: visible !important;
 }
 .col-sm-6 .hide-sim-content-small, .col-sm-2 .hide-sim-content-small, .col-info-format .hide-sim-content-small {position:absolute; width:250px!important;background:url('../images/info-sim-arrow_10.png') no-repeat left 20px; top:-17px; left:57px; padding-left:20px;}
 .col-sm-6 .hide-sim-content-small-2, .col-sm-2 .hide-sim-content-small-2, .col-info-format .hide-sim-content-small-2 {position:absolute; width:250px!important;background:url('../images/info-sim-arrow_10.png') no-repeat left 20px; top:-17px; left:37px; padding-left:20px;}
 .col-sm-6 .hide-sim-content-small-left, .col-sm-2 .hide-sim-content-small-left, .col-info-format .hide-sim-content-small-left {position:absolute; width:250px!important;background:url('../images/info-sim-arrow_left_10.png') no-repeat right 20px; top:-17px; left:-237px; padding-right:20px;}
 .col-sm-6 .hide-sim-content-small-left-2, .col-sm-2 .hide-sim-content-small-left-2, .col-info-format .hide-sim-content-small-left-2 {position:absolute; width:250px!important;background:url('../images/info-sim-arrow_left_10.png') no-repeat right 20px; top:-17px; left:-257px; padding-right:20px;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
	.matrix_layoutMain #pricecalculatorsection .col-md-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}


.upload-header-files{margin-bottom: 15px;}
.matrix_layoutMain .matrix_packingOptions.info-container{ padding-right: 15px !important;padding-left: 15px !important;}
/*.info-container{display: contents;}*/
.description-mobile div.product.attribute.description div.value{    max-height: fit-content;}
.description-mobile {margin-bottom: 15px; }
#pricecalculatorsection{ display: inline-block;width:100%;}
.matrix_layoutMain .matrix_packingOptions.info-container-img{padding: 15px 0px;}

.ms-loader {
  width:50px;
  height:24px;
  background: 
  radial-gradient(circle closest-side,#fff 90%,#0000) 0%   50%,
  radial-gradient(circle closest-side,#fff 90%,#0000) 50%  50%,
  radial-gradient(circle closest-side,#fff 90%,#0000) 100% 50%;
  background-size: calc(100%/3) 9px;
  background-repeat: no-repeat;
  animation: d3 1s infinite linear;
  display: inline-block;
}
@keyframes d3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}