/*********************************************************/
/* Configurateur Be-Tailor                               */
/* CSS customisation du module                           */
/* Version : 1.0.0                                       */
/* Auteur : David Dimarco                                */
/* Idescap @ 2020                                        */
/*********************************************************/
.BeTailor_TabA {

  border: 1px solid #ccc;
  /* background-color: #f1f1f1; */

  /*height: 300px;*/
}

.BeTailor_TabA img {
    width: 64px;
    height: 64px;
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 25px;
    right: 25px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #CCC;
    color: #000;
}


.BeTailor_Tab {
  float: left;
  border: 1px solid #ccc;
  /* background-color: #f1f1f1; */
  width: 68px;
  /*height: 300px;*/
}

.BeTailor_Tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 0px 0px;
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
}

.BeTailor_Tab img {
    width: 64px;
    height: 64px;
}

.BeTailor_TabA button:hover {
    background-color: #ddd;
}

.BeTailor_TabA button.active {
    background-color: #ccc;
}

.BeTailor_Tab_Content {
    /* float: left; */
    /* padding: 12px 12px; */
    /* border: 1px solid #ccc; */
    /* width: calc(100% - 68px); */
    /* border-left: none; */
    /* min-height: 966px; */
    /* overflow: auto; */
}

.BeTailor_Tab_Content [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    background-color: #ffffff;
}

.Icons label{
    display: block;
    text-align: center;
}

.Icons [type=radio] + img {
    cursor: pointer;
    width: 128px;
    height: 128px;
}

.Icons [type=radio]:checked + img {
    /*background-color: #ccc;*/
    background-image: url(images/checked.png);
    background-size: 28px 28px;
    background-position: right top;
    background-repeat: no-repeat;

}

.Icons [type=radio]:hover + img {
    background-color: #ddd;
}

.Icons [type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    background-color: #ffffff;
}

.Icons [type=checkbox] + img {
    cursor: pointer;
    width: 128px;
    height: 128px;
}

.Icons [type=checkbox]:checked + img {
    /*background-color: #ccc;*/
    background-image: url(images/checked.png);
    background-size: 30px 30px;
    background-position: right top;
    background-repeat: no-repeat;
}

.Icons [type=checkbox]:hover + img {
    background-color: #ddd;
}

.Icons [type=radio]:hover + img {
    background-color: #ddd;
}

.Tissus label{
    text-align: center;
}

.Tissus p{
    margin-top: 6px;
}

.Tissus [type=radio] + img {
    cursor: pointer;
    width: 150px;
}

.Tissus [type=radio]:checked + img {
    outline: 3px solid red;
    outline-offset: 4px;
}

.Tissus [type=radio]:hover + img {
    outline: 2px solid #ccc;
    outline-offset: 4px;
}

.MonoCouleur label{
    display: block;
    text-align: center;
}

.MonoCouleur [type=radio] + img {
    cursor: pointer;
    width: 52px;
    height: 52px;
}

.MonoCouleur [type=radio]:checked + img {
    /*background-color: #ccc;*/
}

.MonoCouleur [type=radio]:hover + img {
    background-color: #ddd;
}

.BoutCoul label{
    display: block;
    text-align: center;
}

.BoutCoul [type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    background-color: #ffffff;
}

.BoutCoul [type=checkbox] + img {
    cursor: pointer;
    width: 52px;
    height: 52px;
}

.BoutCoul [type=checkbox]:checked + img {
    /*background-color: #ccc;*/
}

.BoutCoul [type=checkbox]:hover + img {
    background-color: #ddd;
}

.BoutCoul [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    background-color: #ffffff;
}

.BoutCoul [type=radio] + img {
    cursor: pointer;
    width: 52px;
    height: 52px;
}

.BoutCoul [type=radio]:checked + img {
    /*background-color: #ccc;*/
    background-image: url(images/vide.png);
    background-size: 30px 30px;
    background-position: right top;
    background-repeat: no-repeat;
}

.BoutCoul [type=radio]:hover + img {
    background-color: #ddd;
}

.BoutManchCoul label{
    display: block;
    text-align: center;
}

.BoutManchCoul [type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    background-color: #ffffff;
}

.BoutManchCoul [type=checkbox] + img {
    cursor: pointer;
    width: 52px;
    height: 52px;
}

.BoutManchCoul [type=checkbox]:checked + img {
    /*background-color: #ccc;*/
}

.BoutManchCoul [type=checkbox]:hover + img {
    background-color: #ddd;
}





#BeTailor_Div_TissuColManch {
    display: none;
}

#BeTailor_Div_TissuBout {
    display: none;
}

#BeTailor_Div_TissuPatchCoudes {
    display: none;
}

#BeTailor_Div_MonoDroitCouleur {
    display: none;
}

#BeTailor_Div_MonoLieCouleur {
    display: none;
}

#BeTailor_Div_MonoType {
    display: none;
}

#BeTailor_Div_MonoTexte {
    display: none;
}

#BeTailor_Div_SurpiCoul {
    display: none;
}

#BeTailor_Div_RevBoutCoul {
    display: none;
}

#BeTailor_Img_TissuColManch {
    display: none;
}

#BeTailor_Img_TissuBout {
    display: none;
}

#BeTailor_Img_TissuPatchCoudes {
    display: none;
}

#BeTailor_Img_BoutCoul {
    display: none;
}

#BeTailor_Img_BoutManchCoul {
    display: none;
}

#BeTailor_Div_MonoPoche {
    display: none;
}

#BeTailor_Div_TissuRevSat {
    display: none;
}

#BeTailor_Img_TissuRevSat {
    display: none;
}

#BeTailor_Img_SurpiCoul {
    display: none;
}

#BeTailor_Img_RevBoutCoul {
    display: none;
}

.BeTailor_PopUpTissu_Open {
    margin-top: 8px;
}

.BeTailor_PopUpTissu_Open img {
    width: 15px;
    cursor: pointer;
}

.BeTailor_PopupTissu_Close {
    position: absolute; top: 5px; right: 10px;
}

.BeTailor_PopupTissu_Close img{
    width: 20px;
    cursor: pointer;
}

.BeTailor_PopupTissu {
    display: none;
    border: 1px solid black;
    background-color: #ffffff;
    position: fixed;
    width: 80%;
    min-height: 600px;
    margin-top: -300px;
    margin-left: 10%;
    top: 50%;
    left: 0px;
    z-index: 2;
}

.BeTailor_Tab_Content.Mesures ul {
    list-style-type: circle;
}

.BeTailor_Tab_Content.Mesures li {
    margin-left: 25px;
}
.BeTailor_Tab_Content.Mesures h3 {
    
	margin-top: 10px;
}

.BeTailor_Tab_Content.Mesures a:link {
    color: #2fb5d2;
}

.BeTailor_Tab_Content.Mesures a a:visited {
    color: #2fb5d2;
}

.BeTailor_Tab_Content.Mesures [type=text] {
    margin-top: 5px;
    width: 70px;
}

.BeTailor_Tab_Content.Mesures img {
    width: 15px;
    cursor: pointer;
}

.BeTailor_PopupMeasure {
    display: none;
    border: 1px solid black;
    background-color: #ffffff;
    position: fixed;
    /* width:500px; */
    /* height: 626px; */


    overflow-y: scroll;
    overflow-x: hidden;
}

.BeTailor_PopupMeasure h3 {
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
}

.BeTailor_PopupMeasure p {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 17px;
}

.BeTailor_PopupMeasure img {
    width: 490px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.BeTailor_PopupMeasure_Close {
    position: absolute; top: 5px; right: 10px;
}

.BeTailor_PopupMeasure_Close img{
    width: 20px;
    cursor: pointer;
}

#BeTailor_AddCartButton {
    background-color: #ccc;
    width:200px;
    height:40px;
    margin-top:10px;
    margin-bottom:10px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

#BeTailor_AddCartButton:hover {
    background-color: #ddd;
}

#BeTailor_SaveMeasure {
    background-color: #ccc;
    width:200px;
    height:40px;
    margin-top:10px;
    margin-bottom:10px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

#BeTailor_SaveMeasure:hover {
    background-color: #ddd;
}

#BeTailor_Div_ManchMousqu {
    width: 50%;
    border: 1px solid black;
    background-color: #dff0d8;
    color: #3c763d;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_ManchMousqu_Img {
    width: 50%;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_AjusteGilet {
    /* width: 50%; */
    border: 1px solid black;
    background-color: #dff0d8;
    color: #3c763d;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_AjusteGilet_Img {
    /* width: 50%; */
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_InfoIntGilet {
    /* width: 50%; */
    border: 1px solid black;
    background-color: #dff0d8;
    color: #3c763d;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_InfoIntGilet_Img {
    /* width: 50%; */
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_FermetureEclair {
    width: 50%;
    border: 1px solid black;
    background-color: #dff0d8;
    color: #3c763d;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_FermetureEclair_Img {
    width: 50%;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_BoutInfo {
    width: 50%;
    border: 1px solid black;
    background-color: #ffffff;
    color: #000000;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_InfoCoul_Surpibout {
    width: 50%;
    border: 1px solid black;
    background-color: #ffffff;
    color: #000000;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_BoutInfInfo {
    width: 50%;
    border: 1px solid black;
    background-color: #dff0d8;
    color: #3c763d;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Div_LongColInfo {
    width: 50%;
    border: 1px solid black;
    background-color: #dff0d8;
    color: #3c763d;
    padding: 10px 10px 10px 10px;
}

#BeTailor_Quantite {
    width: 40px;
}

#BeTailor_QuantitePlus {
    cursor: pointer;
    width: 20px;
    height: 20px;
}

#BeTailor_QuantiteMoins {
    cursor: pointer;
    width: 20px;
    height: 20px;
}

#BeTailor_PrixTotal {
    /* position: absolute; */
    /* top: 30px; */
    /* right: 30px; */
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
    font-weight: bold;
    /* z-index: 1; */
}

.BeTailor_PrixAdd {
    position: relative;
    float: left;
    /* top: 30px; */
    /* left: 300px; */
    width:fit-content;
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
    font-weight: bold;
    z-index: 1;
}

/* .BeTailor_PrixAdd2 {
    position: relative;
    float: left;
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
    font-weight: bold;
    z-index: 1;
}

.BeTailor_PrixAdd3 {
    position: relative;
    float: left;
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
    font-weight: bold;
    z-index: 1;
} */

#BeTailor_Div_BoutManchCoul {
    display: none;
}

#BeTailor_Div_BoutManchCoul img {
    width: 50%;
}

#BeTailor_Div_BoutCoul {
    display: block;
}

#BeTailor_Div_BoutCoul img {
    width: 50%;
}