/* NEW Pagination */
/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

[type="checkbox"], [type="radio"] {
border: solid 1px gray !important;
}


#option-popup .box{
overflow-y: auto !important;
}

#option-popup .box__item{
padding-top: 1.6rem !important;
padding-bottom: 1rem !important;
}

#option-popup .box__item:last-child{
padding-top: 1.6rem !important;
padding-bottom: 0 !important;
//margin-bottom: 10px;
}

#option-popup .option-desc p{
line-height: 30px !important;
}

.box__item .option-desc li{
margin-top:1.2rem !important;
}


.product-s-2__main img{
width: auto;
max-width: 100%;
}



.lightbox [type="checkbox"]:checked, .lightbox [type="radio"]:checked {
    border: 1px solid #ffffff !important;
}

.kns-theme a, .kns-theme span {
	float: left;
	color: black;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	/*background: #efefef; /* Old browsers */
	/*background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	/*background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	/*background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #ec0928;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
font-size: 11px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ec0928  transparent;
}



.kns-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.kns-theme .current {
    background-color: #ec0928;
    color: white;
	border-color: #ec0928;
	/*box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;*/
	cursor: default;
}

.kns-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

.simple-pagination {
    padding: 10px 5px 5px 0 !important;
    position: relative !important;
}

.kns-theme .current {
    background-color: white !important;
    color: #bbbbbb !important;
    border-color: #fff !important;
}

.kns-theme a, .kns-theme span {
    border-radius: 50%  !important;
    color: #bbbbbb !important;
}

.simple-pagination ul > li {
    float: left;
}

.product-single__register-btn {
    margin-top: 50px;
}

.register__message, .login__message {
    color: red;
    display: none;
}

.row-items {
    display: none;
}

.piwik-message {
    padding-left: 40px;
    /*padding-right: 40px;*/
}

.piwik__action {
    margin: auto;
}

.piwik__disagree {
    margin-right: 5px;
}

.piwik__agree {
    margin-left: 5px;
}

.piwik-popup__content .box {
    overflow-y: hidden; 
}

.login {
    height: 36rem;
}

label[id$="KnSSiteCustomLogonForm_Login1_lblUserName"]{
    padding-bottom: 32px;
}

label[id$="KnSSiteCustomLogonForm_Login1_lblPassword"]{
    padding-bottom: 28px;
}


label[id$="KnSSiteCustomLogonForm_lblPasswdRetrieval"] {
    padding-bottom: 40px;
}

.cp-customer-name label {
    padding-bottom: 28px !important;
}

.text-captcha {
border: solid 1px #eaeaea;
padding: 5px;
}

.text-captcha table{
    border: 0;
}

.text-captcha td {
padding: 0;
border: 0;
}

.text-captcha input, .text-captcha label {
width: 30px;
margin: 2px;
display: inline;
border-radius: 0;
}





/*Supplier Portal Page */

.supplier_portal_popup .box{
overflow-y: hidden !important;
    min-height: 500px;
}
.supplier-portal_content {
    width: calc(100% - 4.5rem);
    float: left;
    margin-left: 2.25rem;
    margin-bottom: 4.5rem;
    padding-top: 2rem;
}



.supplier-portal_image {
    width: 75%;
display: inline-block;

}

.supplier-portal_image img{
max-width: 100% !important;
}

.RightButtonContent {
    width: 25%;
    float: right;
    text-align: center;
    background-color: #f7f7f7;
    height: 334px;
    max-height: 100%;
    padding-top: 13%;
    clear: left;
    margin-top: 2.7rem;
}

.RightButtonContent a.button.button--popup {
    margin-right: 15px;
}


-------------------------------------------------

.login__main {
 display: inline-block;
}


/* Supplier Portal Registration */

.login__main.login_supplier-portal_left {
    width: 50%;
    float: left;
       min-height: 500px;
    margin: 0;
display: inline-block !important;
}


.login_supplier-portal_right {
    width: 50%;
    position: relative;
    float: right;
    
text-align:center;
}


.contact-1__form__group__title h2 {
    font-family: "PT Sans", sans-serif, 宋体, SimSun, 华文细黑, STXihei;
    font-size: 0.9375rem;
    line-height: 1.7;
    letter-spacing: 0.09375rem;
    color: #333333;
    margin-bottom: 0;
}

#p_lt_ctl04_pageplaceholder_p_lt_ctl01_On_lineForm_viewBiz_pnlForm .contact-1__form__col--full.contact-1__form__col--center {
    margin-bottom: 10%;
}

#login-popup .box__close{
text-align: right;
margin: 10px 10px 0 0;
padding-bottom: 50px;
display: inline-block;
float: right;
}

.RightContentZone {
    text-align: center;
    margin-top: 40%;
}


.box__close.top{
display:none !important;
}

/**CR Fixed**/

.lightbox__close {

    padding-left: 5px;
    padding-right: 5px;
    background-color:red;
    padding-top: 2px;

    position: fixed;
    top: 30px !important;
    right: 50px !important;

}

.container--popup > .popup__close {

    padding-left: 5px;
    padding-right: 5px;
    background-color:red;
    padding-top: 5px;

    position: fixed;
    top: 30px;
    right: 50px;

}

.lightbox__close svg g, .container--popup > .popup__close svg g {
    fill:#ffffff !important;
  }

.box {

  overflow-y: hidden; 
  max-height: none;
}

.box__body{
  max-height: 37.375rem;
  max-width: 62.5rem;
  margin: 0 auto;
  background: #ffffff;
  color: #6c6c6c;
  text-align: left;
  overflow-y:auto;
}

/* overwrite the class from app.css*/
.location__title {
  margin-left: 1.4rem;
}

/**CR Fixed End**/

@media (max-width: 992px) {

    .supplier_portal_popup .box {
        overflow-y: hidden !important;
        min-height: 300px;
    }

    .box__close.top {
        display: block !important;
        position: absolute;
        right: 10px;
    }


    .supplier-portal_content {
        margin: 0 30px 100px 30px;
        padding-top: 20px !important;
        text-align: center;
    }

    .supplier-portal_image {
        max-width: 100% !important;
        display: inline-block;
    }

        .supplier-portal_image img {
            max-width: 100% !important;
            display: inline-block;
            margin: 0 auto;
        }

        .supplier-portal_image h3 {
            text-align: center;
        }

    .RightButtonContent {
        width: 100%;
        float: left;
        text-align: center;
        background-color: transparent;
        height: 0;
        max-height: 0;
        padding-top: 0;
        /* clear: left; */
        // margin-top: 1.7rem;
        // margin-bottom: .7rem;
    }




    .login_supplier-portal_left {
        width: 100% !important;
        float: left;
        min-height: unset !important;
        margin: 0 0 2rem 0;
    }

    .login__main {
        display: block;
    }

    .login_supplier-portal_right {
        width: 100% !important;
        text-align: center !important;
        padding-bottom: 20px;
    }




    #login-popup .box {
        max-height: 100%;
    }


    .RightContentZone {
        text-align: center;
        display: block;
        margin-top: 10px;
    }

    #login-popup .box__close {
        display: none;
    }
}