/* Tweaks */
.gs_clear       { clear: both; }
.gs_inlineblk   { display: inline-block !important; position: relative !important; }

/* Panel */
.gs_title       { text-decoration: underline; margin-bottom: 13px; font-weight: bold; }
.gs_content     { font-weight: normal; }
.gs_content > div { margin: 12px 0 12px 0; }

/* Styles */
.gs_Super       { vertical-align: super; font-size: 75%; }
.gs_Strong      { font-weight: bold; }

/* Text Colors */
.gs_Blue        { color: #0024ff; }
.gs_Green       { color: #0ca500; }
.gs_Red         { color: #dd0000; }
.gs_Orange      { color: #e58700; }
.gs_Beige       { color: #7e907e; }
.gs_Black       { color: #FFFFFF; background-color: #000; }
.gs_Blue, .gs_Green, .gs_Red, .gs_Black, .gs_Beige , .gs_Orange   {
    display: inline-block;
    margin-top: -10px;
}
    /* Border colors */
.gs_bdBlue      { border-color: #0024ff; }
.gs_bdGreen     { border-color: #0ca500; }
.gs_bdRed       { border:1px solid red; }
.gs_bdOrange    { border-color: #e58700; }
.gs_bdBeige     { border-color: #7e907e; }

/* Module Containers */
.rs_guidesizing {

    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;


}

.rs_guide_wrapper {

    margin-bottom: 20px;
    text-align: left;

}
.rs_guidesizing .descriptif {

    display: block;
    margin: 0 0 25px 0;
    text-align: left;
    color:#000;
    font-weight: bold;

}
.rs_guidesizing .schema_wrapper {

    position: relative;
    margin: 0 0 15px 0;

    z-index: 10;

}
.rs_guidesizing .schema_wrapper:before {

    content: "";
    position:absolute;
    z-index: -1;
    width:96%;
    bottom: 0;
    height: 10px;
    left: 2%;


}
.rs_guidesizing .schema_wrapper_inner {

    padding: 12px;
    padding-top:0px;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/


}
.rs_guidesizing .sizetable_wrapper {

    position: relative;
    display: inline-block;
    margin: 0 0 20px 0;
    border: 1px solid #d9d9d9;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    z-index: 10;
    max-width: 100%;

}
.rs_guidesizing .sizetable_wrapper:before {

    content: "";
    position:absolute;
    z-index: -1;
    width:96%;
    bottom: 0;
    height: 10px;
    left: 2%;


}
.rs_guidesizing .sizetable_wrapper_inner {

    padding: 10px 10px 10px 10px;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
    background: #FFFFFF;
    position: relative;

}

/* Schema description */
.schema_description {

    color: black;
    text-align: left;
    margin-top:15px;

}
.schema_wrapper_inner img {

    margin-right: 10px;

}

/* Bubbles */
.bubble {

    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    border: 1px solid black;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;

}
.bubble > span {

    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;

}

/* Guide table */
.gs_leftColumn {

    float: left;
    width: 195px;

}
.gs_leftColumn div {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.gs_leftColumnCell {

    float: left;
    clear: left;
    padding: 4px 6px 4px 4px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;

}
.gs_leftColumnCell > div.legend {

    display: inline-block;
    padding-top: 2px;

}
.gs_leftColumn > div.gs_leftColumnCell:last-of-type {

    border-bottom: none !important;

}
.gs_rightColumn {

    position: relative;
    white-space: nowrap;
    margin-left: 195px;
    overflow-y: hidden;
    overflow-x: auto;

}
.gs_rightColumn div {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.gs_rightColumnRow {


    white-space: nowrap;
    height: 30px;

}
.gs_rightColumnCell {

    display: inline-block;
    padding: 5px 6px 4px 4px;
    width: 100px;
    height: 30px;
    text-align: center;
    overflow: hidden;

}
.gs_CellActive {

    background-color: rgba(217, 217, 217, 0.8)!important;

}
.gs_CellActiveLight {

    background-color: rgba(217, 217, 217, 0.35);

}

/* Desktop only */

/* Mobile only */
.hintScroller {

    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    color: black;
    opacity: 0.75;
    top: 30px;

}
.hintScroller img {

    position: absolute;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    bottom: 0px;
    opacity: 0.6;

}
.gs_mobile .gs_title { text-align: center; }
.gs_mobile .schema_wrapper { margin: 0 0 15px 0; max-width: none; }
.gs_mobile .gs_leftColumn { width: 130px; }
.gs_mobile .gs_rightColumn { margin-left: 130px; }

.table-guide {
    margin-top:20px;
}
.table-guide td,
.table-guide th {
    padding-left:8px !important;
}
.table-guide thead th {
    color:#FFF !important;
    background-color:#202020 !important;
    font-weight:400 !important;
    font-size:0.9rem;
}
.table-guide tbody th {
    font-size:0.9rem;
    font-weight:400 !important;
}
.table-guide tbody td {
    font-size:1rem;
}
.gs_content strong {
    font-weight: 600;
}
#sf_GuideSizingBlock {
    clear:both;
}