/* Component containers
/*----------------------------------*/

#touchslider .ui-slider {
    background-color: #e6e6e6;
    border: 0 none;
    border-bottom: 0;
    color: #222222;
    width: 600px;
}

#touchslider .ui-slider a { color: #222222; }

#touchslider .ui-slider .ui-widget-header {
    background: #6e6e6e;
    border: 0 none;
    color: #222222;
    font-weight: bold;
}

#touchslider .ui-slider .ui-widget-header a { color: #222222; }

.ui-dialog #touchslider .ui-slider {
    background: #ffffff;
    color: #222222;
}

.ui-slider-horizontal .ui-slider-handle {
    background: transparent url("https://www.yoox.com/media/yoox14/spriteSliderPrice.png") no-repeat 0 -22px;
    border: none;
    cursor: w-resize;
    height: 22px;
    top: -6px;
    width: 21px;
}

.ui-slider-horizontal .ui-slider-handle:last-child { background-position: -21px -22px; }

.ui-slider-horizontal .custom-position-1 { background-position: -21px 0; }

.ui-slider-horizontal a.ui-slider-handle:hover { background-position: 0 0; }

.ui-slider-horizontal a.custom-position-1:hover { background-position: -21px 0; }

.ui-slider-horizontal a.custom-position-1 { margin-left: -0.9em; }

#size-profiles-table tbody tr,
#size-profiles-table tbody tr td {
    border-width: 0;
    height: 32px;
    padding: 0;
}

#size-profiles-table tbody tr.grey-line td { border-top: 1px solid #e1e1e1 }

#size-profiles-table tbody tr.separator,
#size-profiles-table tbody tr.separator td { height: 8px; }

/*-------------- SR TELEYOOX--------------------*/

#teleyoox #mySizesBox .smallheader {
    font-weight: bold;
}
#teleyoox #mySizesBox .smallheader,
#teleyoox #mySizesBox .introMySizes {
    color: #A9A9A9;
    display: block;
    font-size: 9px;
    font-weight: 500;
    line-height: 11px;
}

#teleyoox #mySizesBox .introMySizes a.createlink {
    background: #a7a7a7;
    color: #ffffff;
    display: block;
    font-weight: bold;
    margin-top: 5px;
    padding: 10px;
    text-align: center;
}

#teleyoox #mySizesBox .introMySizes a.createlink:hover { background-color: #000000; }

#teleyoox #mySizesBox #listofprofile {
    font-size: 10px;
    padding: 2px 4px 0 6px;
}

#mySizesBox #listofprofile .radio {
    float: left;
    margin-right: 3px;
}

#teleyoox #mySizesBox #listofprofile .smallheader {
    border: none;
    color: #797979;
    font-size: 10px;
    font-weight: bold;
    overflow: hidden;
    padding: 0 0 5px 0;
    text-align: left;
}

#teleyoox #mySizesBox #listofprofile .partoflist {
    color: #646464;
    overflow: hidden;
    padding: 0;
}

#teleyoox #mySizesBox #listofprofile .partoflist .mySizeRadio {
    clear: none;
    color: #646464;
    float: left;
    margin-right: 4px;
    vertical-align: middle;
}

#teleyoox #mySizesBox #listofprofile .partoflist label {
    clear: none;
    color: #646464;
    display: block;
    float: left;
    *line-height: 20px;
}

#teleyoox #mySizesBox #listofprofile .partoflist label.noProfile { width: 180px; }

#teleyoox #mySizesBox #listofprofile .partoflist.disabledProfile label {
    color: #AAA;
}

#teleyoox #mySizesBox #listofprofile .partoflist a.modify {
    clear: none;
    color: #646464;
    display: block;
    float: right;
    *line-height: 20px;
    margin-right: 5px;
    text-decoration: underline;
}

/*-------------- TOOL TIP--------------------*/

#tooltip_mysize .closeTooltip {
    color: #3d3c3a;
    cursor: pointer;
    font-weight: bold;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}

#tooltip_mysize.tooltip .tlptext {
    border-top: 1px dashed #3d3c3a;
    margin-top: 25px;
}

/*----------------------------------*/

#dlg-size {
    background-color: #FFF;
    width: 900px;
}

#dlg-size #create_layer { padding: 0; }


#dlg-size .page-header { display: none; }

#teleyoox #mysizes .radio label {
    font-size: 11px;
    font-family: Montserrat;
    font-style: normal;
}

/*----------------------------------*/

#create_layer {
    margin: 0 auto;
    position: relative;
    text-decoration: none;
}

#create_layer {
    margin-top: 20px;
}

.ui-dialog #create_layer { margin-top: 0; }

#create_layer h2 {
    color: #6e6e6e;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

#create_layer #tabs { margin-top: 80px; }

#create_layer .radio input[type=radio]:not(old) + label {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
}

/*** FORM ***/

.infotab { padding: 10px 0; }

.submitHidden {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

#profileInfo {
    background-color: #a7a7a7;
    color: #ffffff;
    padding: 20px;
}

#touchslider {
    border: none;
    position: relative;
}

#touchslider .ui-tabs {
    background-color: transparent;
    border: 0;
}

#touchslider .ui-tabs-panel {
    border-bottom: 0;
    border-top: none;
    border-top: 0;
    padding: 0 20px 10px;
}

#touchslider .ui-tabs-panel {
    padding: 0;
    width: 100%;
}

.submitProfile { overflow: hidden; }

.tab_footer {
    border: 0 none;
    margin-right: 0;
    overflow: hidden;
    padding: 0 20px;
}

.ui-tabs .ui-tabs-panel {
    padding-left: 0;
    padding-right: 0;
}

.ui-tabs .ui-tabs-panel p {
    color: #6e6e6e;
    font-size: 0.85em;
    margin: 10px 0;
    min-height: 13px;
    text-align: center;
}

.intotherange {
    background: #fff;
    margin: 0 auto;
    padding-bottom: 8px;
    width: 725px;
}

#frm_edit { border: 2px solid #a7a7a7; }

#frm_edit > div {
    display: block;
    float: none;
}

#frm_edit .ui-tabs {
    border-bottom: 0;
    overflow: hidden;
    padding: 0;
}

#Profiles-error { margin-right: 30px; }

#error_existing,
#limitedreached { display: none; }

#frm_edit .ui-tabs {
    border-bottom: 0;
    overflow: hidden;
    padding: 0;
}

.Myoox .ui-tabs .ui-tabs-nav {
    padding: 0;
    width: 100%;
}

.ui-tabs .ui-tabs-nav .tab_selected span {
    color: #333;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 38px;
    width: 100%;
}

.ui-tabs .ui-tabs-nav li {
    background: none;
    border: 0 none;
    border-left: 1px solid #ffffff;
    clear: none;
    margin: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
    top: 0;
    width: 110px;
    width: 121px;
}

.ui-tabs .ui-tabs-nav li.first {
    border-left: 0;
    width: 124px;
}

.ui-tabs .ui-tabs-nav li.last { width: 124px; }

.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li a span { display: block; }

.ui-tabs .ui-tabs-nav li a {
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a .tab_category,
.ui-tabs .ui-tabs-nav li.ui-state-hover a .tab_category {
    background: #6e6e6e;
    color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected span,
.ui-tabs .ui-tabs-nav li.ui-state-hover span { color: #fff; }

.ui-tabs .ui-tabs-nav li a .tab_category {
    background-color: #e6e6e6;
    color: #2e2e2e;
    font-size: 0.8em;
    font-weight: bold;
    height: 48px;
    line-height: 1em;
    padding: 12px 0 0;
    white-space: normal;
    width: 90px;
}

.ui-tabs .ui-tabs-nav li a .tab_category {
    text-align: center;
    width: 117px;
}

.ui-tabs .ui-tabs-nav li {
    float: left;
    width: 126px;
}

.ui-tabs-panel {
    float: left;
}

.tab_selected {
    color: #333;
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.taglie_etichette {
    background-color: #FFFFFF;
    border-top: 1px solid #a7a7a7;
    float: left;
    height: 128px;
    margin: 0;
    padding: 0;
    width: 120px;
}

.taglie_etichette { height: auto; }

.taglie_etichette_fascia {
    border-bottom: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    height: 14px;
    padding: 22px 0;
    width: auto;
}

.taglie_etichette_fascia {
    padding: 18px 0;
}

.CN .taglie_item .size { font-size: 0.8em; }

.taglie_etichette .taglie_etichette_fascia {
    border-left: 1px solid #a7a7a7;
    color: #6e6e6e;
    padding-left: 6px;
}

.taglie_range {
    background: #fff;
    float: right;
    height: 119px;
    width: 600px;
}

.taglie_range {
    background: #fff;
    float: right;
    height: 119px;
    width: 605px;
}

.taglie_item {
    border-top: 1px solid #a7a7a7;
    cursor: pointer;
    float: left;
    height: 118px;
    text-align: center;
    width: 72px;
}

.taglie_item {
    height: auto;
    width: 75px;
}

.taglie_range .taglie_item.selected { background-color: #FFFe94; }

#Profiles {
    float: right;
    margin: 0 20px 0 0;
    position: absolute;
    visibility: hidden;
}

/**********TOOLTIP ***********/

#mainContent { position: relative; }

.tooltip {
    background-color: #FFFFFF;
    border: 1px solid #686868;
    display: none;
    height: 204px;
    height: auto !important;
    padding: 10px;
    position: absolute;
    width: 240px;
    z-index: 1002;
}

.tooltipArrow {
    background: url('https://www.yoox.com/media/yoox90/layout/arrows/mysizes_tooltip_arrow.png') no-repeat left center;
    height: 24px;
    left: -12px;
    position: absolute;
    top: 99px;
    width: 12px;
}

.tooltip .tlptext p {
    color: #333333;
    display: block;
    padding: 15px 0;
    text-align: center;
}

.tootlipTitle {
    color: #333333;
    font-weight: bold;
    text-align: center;
}

#tooltip_delete_mysize {
    left: 300px;
    text-align: center;
    top: 100px;
}

#tooltip_login_mysize {
    position: relative;
    width: 300px;
}

#tooltip_login_mysize .tootlipTitle,
#tooltip_login_mysize p { text-align: left; }

#tooltip_login_mysize .tooltipArrow {
    background: transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #3D3C3A;
    border-right: 0px solid transparent;
    border-top: 10px solid transparent;
    height: 0;
    left: 320px;
    position: absolute;
    top: 10px;
    width: 0;
}

#tooltip_FirstCreate p {
    padding: 15px 0;
    margin: 16px 0;
}

/* MYSIZE LIST */
.mysize-line { width: 100%; }

.mysize-recap {
    background-color: #f3f3f3;
    border: 0;
}

.mysize-recap span {
    line-height: 32px;
    margin-left: 15px;
}

.lang-JP .mysizeheader .radio input[type=radio]:not(old) + label,
.lang-JP .mysizeheader .checkbox input[type=checkbox] + label { font-size: 12px; }