
/* /inherit_membership/static/src/css/registration.less defined in bundle 'inherit_membership.registration_src' */
 *{padding: 0; margin: 0;} .user_register_currency{margin-bottom: 20px; display: flex; align-items: center; justify-content: center; margin-top: 20px;} .user_register_currency .select_currency{margin-left: 16%;} .user_register_currency .select_currency .labbel_item{font-size: 20px; margin-right: 10px;} .registration-container{background-image: url(/cs_web_purchasing_system/static/img/background-desert.jpg); background-size: 100% 100%;} .registration-container h3{width: 287px; font-weight: 700;} .registration-container .disabled{pointer-events: none; cursor: not-allowed; opacity: 0.6;} .registration-container .page_switching{display: flex; padding-top: 30px; margin: 0 auto; align-items: center; justify-content: center;} .registration-container .page_switching > div{text-align: center; font-size: 20px; height: 50px; line-height: 50px; padding: 0 60px; border-radius: 50px; background-color: #fff; border: 1px solid #f2f2f2; margin: 0 25px; cursor: pointer;} .registration-container .page_switching > div:nth-child(1).active{background-color: #7030a0; color: #e5ae30;} .registration-container .page_switching > div:nth-child(2).active{background-color: #65121c; color: #e5ae30;} .registration-container .page_switching > div:nth-child(3).active{background-color: #000; color: #e5ae30;} .registration-container .registration_wrapper{display: none; flex-direction: row; justify-content: space-between; width: 90%;} .registration-container .registration_wrapper .left{display: flex; flex-direction: column; width: 60%;} .registration-container .registration_wrapper .left .membership_description_title{background-color: #c72514; box-shadow: 0px 0px 20px 0px rgb(199 37 1%); font-size: 18px; font-weight: bold; color: #ffffff; display: flex; padding: 20px; justify-content: space-around; align-items: center; border-top-left-radius: 20px; border-top-right-radius: 20px;} .registration-container .registration_wrapper .left .membership_description_title .d_left{display: flex; align-items: center;} .registration-container .registration_wrapper .left .membership_description_title .t_text{margin-left: 20px;} .registration-container .registration_wrapper .left .membership_description_data > tr:nth-of-type(odd){background-color: #f9f9f9; padding: 15px 0;} .registration-container .registration_wrapper .left .membership_description_data > tr:nth-of-type(even){background-color: #f9bebc; padding: 15px 0;} .registration-container .registration_wrapper .left .membership_description_td{display: flex; align-items: center; justify-content: space-between;} .registration-container .registration_wrapper .left .membership_description_td > div{display: flex; align-items: center;} .registration-container .registration_wrapper .left .membership_description_td > div img{margin: 20px;} .registration-container .registration_wrapper .right{width: 36%; padding: 0 20px; background-color: #f4f4f4; margin: 20px;} .registration-container .registration_wrapper .right .not_vaild{display: none; color: red;} .registration-container .registration_wrapper .right .register_title{display: flex; flex-direction: column; margin-top: 20px; cursor: default;} .registration-container .registration_wrapper .right .register_title span:nth-child(1){font-size: 16px; font-weight: bold; margin-bottom: 10px;} .registration-container .registration_wrapper .right label{visibility: hidden; margin-top: 5px; transition: all 0.2s ease;} .registration-container .registration_wrapper .right label::before{content: "*"; width: 5px; color: red; text-align: center;} .registration-container .registration_wrapper .right .abbreviation_label::before{content: "";} .registration-container .registration_wrapper .right .register-confirm{width: 100%; padding: 12px 24px; font-size: 14px; color: #fff; background-color: #65121c; text-transform: uppercase; transition: background-color 0.3s ease; line-height: 100%; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; margin: 20px 0; text-align: center; cursor: pointer;} .registration-container .registration_wrapper .right .verifocation_box{display: flex; align-items: center;} .registration-container .registration_wrapper .right .verifocation_box .form-control{width: 70%; margin-right: 10px;} .registration-container .registration_wrapper .right .verifocation_box div{padding: 8px 24px; font-size: 14px; color: #fff; background-color: #65121c; text-transform: uppercase; transition: background-color 0.3s ease; line-height: 100%; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; text-align: center; cursor: pointer;} .registration-container .registration_wrapper .right .resiter_counter{width: 100% !important;} .registration-container .registration_wrapper .right .country_select{width: 100%; height: 34px;} .registration-container .registration_wrapper .info{vertical-align: middle;} .registration-container .important{color: #a30014; font-weight: 700;} .swiper-container{width: 100%; height: 100%;} .register_show{display: flex !important;} .register_none{display: none !important;} .p_show{display: inline-block;} .registration-container .essentials_con .left .down .box .one span:nth-child(1), .registration-container .essentials_con .right .register-confirm, .registration-container .essentials_con .right .verifocation_box div{background-color: #61812c;} .registration-container .essentialsY_con .left .down .box .one span:nth-child(1), .registration-container .essentialsY_con .right .register-confirm, .registration-container .essentialsY_con .right .verifocation_box div{background-color: #7030a0;} .registration-container .MULTINATIONAL .left .down .box .one span:nth-child(1), .registration-container .MULTINATIONAL .right .register-confirm, .registration-container .MULTINATIONAL .right .verifocation_box div{background-color: #000;} .swiper-container{width: 100%; height: 100%;} .d_o_price{text-decoration: line-through;} .abbreviation_label ::before{content: "" !important;} 

/* /inherit_membership/static/src/css/registration_mt.less defined in bundle 'inherit_membership.registration_src' */
 @media (min-width: 1200px){.registration-container .registration_wrapper{width: 95%;}.registration-container .page_switching > div{text-align: center; font-size: 19px; height: 49px; line-height: 49px; padding: 0 39px; margin: 0 25px;}.registration-container .registration_wrapper .left .up{margin-bottom: 15px;}} @media (max-width: 1025px){.registration-container .registration_wrapper{display: none; flex-direction: row; justify-content: space-between; width: 100%;}.registration-container .page_switching{display: flex; padding: 30px 0px; justify-content: center; overflow: hidden;}.registration-container .page_switching > div{font-size: 17px; height: 46px; line-height: 46px; padding: 0px 15px; border-radius: 50px; margin: 0 25px;}.registration-container h3{width: 240px; font-weight: 700; font-size: 20px;}.registration-container .registration_wrapper .left .down .box .one span:nth-child(1){border-radius: 50%; width: 25px; height: 25px; line-height: 25px; text-align: center;}.registration-container .registration_wrapper .left .down .box .one{font-size: 14px;}.registration-container .registration_wrapper .left .up .img{width: 450px;}.registration-container .registration_wrapper .left .up .p{width: 442px;}.registration-container .registration_wrapper .left .bingo{font-size: 18px;}.registration-container .registration_wrapper .left .up{margin-bottom: 36px;}} @media (max-width: 767px){.user_register_currency .select_currency{margin-left: 6%;}.user_register_currency .select_currency .labbel_item{font-size: 14px;}.registration-container .registration_wrapper{width: 95%;}.user_register_currency{margin-top: 20px;}.registration-container .page_switching{display: flex; flex-wrap: wrap; padding: 0; margin: 0 auto;}.registration-container{background-image: url(/cs_web_purchasing_system/static/img/background-desert.jpg); background-size: 100% 100%; overflow: hidden;}.registration-container .registration_wrapper{display: none; flex-direction: column; justify-content: space-between; width: 98%;}.registration-container .page_switching > div{font-size: 12px; padding: 0 5px; border-radius: 50px; margin: 5px 10px; width: 26%;}.registration-container .registration_wrapper .left .membership_description_title{font-size: 12px;}.registration-container .registration_wrapper .left .membership_description_td{font-size: 12px;}.registration-container .registration_wrapper .left{display: flex; flex-direction: column; width: 100%; overflow-x: scroll;}.registration-container .registration_wrapper .left .up{display: flex; align-items: center; width: 290px; margin-bottom: 15px;}.registration-container .registration_wrapper .left .up .img{width: 313px; border-radius: 100px;}.registration-container .registration_wrapper .left .up .p{width: 195px;}.registration-container h3{width: 201px; font-weight: 700; font-size: 14px;}.p h6{font-size: 11px;}.registration-container .registration_wrapper .left .bingo{font-size: 12px; width: 32px !important; text-align: right;}.registration-container .registration_wrapper .left .down .box .one{margin: 7px 0; position: relative; display: flex; flex-direction: row; width: 100%; font-size: 11px; align-items: center;}.registration-container .registration_wrapper .left .down .box .one span:nth-child(1){border-radius: 50%; width: 25px; height: 25px; line-height: 25px;}.registration-container .registration_wrapper .left .down .box .one span:nth-child(2){width: 75%; margin-left: 5px;}.registration-container .registration_wrapper .right{width: 100%; padding: 0 13px; margin-left: 0; margin-bottom: 15px;}.registration-container .registration_wrapper .right .verifocation_box div{padding: 10px 24px; font-size: 12px;}.registration-container .registration_wrapper .right .register-confirm{padding: 9px 24px;}.registration-container .registration_wrapper .left .down .box .p{display: none; position: absolute; background-color: #fcfff4; padding: 10px; box-shadow: 3px 3px 7px #999999; z-index: 999; text-align: left; left: -10%; width: 120%; font-size: 13px; bottom: 100%;}}