/* /web/static/lib/bootstrap/scss/_functions.scss */
 

/* /web/static/lib/bootstrap/scss/_mixins.scss */
 

/* /web/static/src/scss/functions.scss */
 

/* /web/static/src/scss/mixins_forwardport.scss */
 

/* /web/static/src/scss/bs_mixins_overrides.scss */
 

/* /web/static/src/scss/utils.scss */
 

/* /web/static/src/scss/primary_variables.scss */
 

/* /web/static/src/core/avatar/avatar.variables.scss */
 

/* /web/static/src/core/notifications/notification.variables.scss */
 

/* /web/static/src/search/control_panel/control_panel.variables.scss */
 

/* /web/static/src/search/search_panel/search_panel.variables.scss */
 

/* /web/static/src/views/fields/statusbar/statusbar_field.variables.scss */
 

/* /web/static/src/views/form/form.variables.scss */
 

/* /web/static/src/views/kanban/kanban.variables.scss */
 

/* /web/static/src/webclient/burger_menu/burger_menu.variables.scss */
 

/* /web/static/src/webclient/navbar/navbar.variables.scss */
 

/* /onboarding/static/src/scss/onboarding.variables.scss */
 

/* /mail/static/src/core/common/primary_variables.scss */
 

/* /mail/static/src/discuss/typing/common/primary_variables.scss */
 

/* /mail/static/src/scss/variables/primary_variables.scss */
 

/* /web_editor/static/src/scss/web_editor.variables.scss */
 

/* /web_editor/static/src/scss/wysiwyg.variables.scss */
 

/* /portal/static/src/scss/primary_variables.scss */
 

/* /account/static/src/scss/variables.scss */
 @keyframes animate-red{0%{color: red;}100%{color: inherit;}}.animate{animation: animate-red 1s ease;}

/* /website/static/src/scss/primary_variables.scss */
 

/* /_custom/web.assets_frontend/website/static/src/scss/options/user_values.scss */
 

/* /website/static/src/scss/options/colors/user_color_palette.scss */
 

/* /website/static/src/scss/options/colors/user_gray_color_palette.scss */
 

/* /website/static/src/scss/options/colors/user_theme_color_palette.scss */
 

/* /website_sale/static/src/scss/primary_variables.scss */
 

/* /im_livechat/static/src/primary_variables.scss */
 

/* /web_responsive/static/src/legacy/scss/primary_variable.scss */
 

/* /web_responsive/static/src/legacy/scss/form_variable.scss */
 

/* /hr_org_chart/static/src/scss/variables.scss */
 

/* /website/static/src/snippets/s_badge/000_variables.scss */
 

/* /website/static/src/snippets/s_product_list/000_variables.scss */
 

/* /website/static/src/scss/secondary_variables.scss */
 

/* /web/static/src/scss/secondary_variables.scss */
 

/* /web_editor/static/src/scss/secondary_variables.scss */
 

/* /website/static/src/scss/user_custom_bootstrap_overridden.scss */
 

/* /website/static/src/scss/bootstrap_overridden.scss */
 

/* /portal/static/src/scss/bootstrap_overridden.scss */
 

/* /web_editor/static/src/scss/bootstrap_overridden.scss */
 

/* /web/static/src/scss/bootstrap_overridden_frontend.scss */
 

/* /web/static/src/scss/pre_variables.scss */
 

/* /web/static/lib/bootstrap/scss/_variables.scss */


/* /msr_membership/static/src/css/main.css */
 *{font-family: "Roboto", sans-serif;}body{background: linear-gradient(90deg, #5197d3 0%, #843991 100%); background-size: cover; background-attachment: fixed;}.membership-header{width: 100%; margin: 40px auto; display: flex; justify-content: center; align-items: center; text-transform: uppercase;}.main-text{border-radius: 12px; width: 80%; padding: 10px 0px; text-align: center; color:#FBFBFC;}.main-text #title, .main-text > p{font-size: 1.5rem; text-align: center; color:#FBFBFC;}.msr-membership-main .container{position: relative; width: 100%; border-radius: 6px; padding: 30px; margin: 0 15px; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1); margin: auto;}.msr-membership-main .container .title{position: relative; font-size: 20px; text-transform: uppercase; font-weight: 600; color: #843991;}.msr-membership-main .container .title::before{content: ""; position: absolute; left: 0; bottom: -2px; height: 3px; width: 27px; border-radius: 8px; background-color: #843991;}.msr-membership-main .container form{position: relative; margin-top: 16px; min-height: 490px; background-color: #fff;}.msr-membership-main .container form .form{background-color: #fff; transition: 0.3 ease;}.msr-membership-main .container form .title{display: block; margin-bottom: 8px; font-size: 16px; font-weight: 500; margin: 1rem 0; color: #333;}.msr-membership-main .container form .sub-heading{text-align: center; outline: none; font-size: 16px; font-weight: 600; color: #333; border-radius: 8px; padding: 0 15px; height: 42px; margin: 8px 0; background: #e3e0e0; overflow: hidden; margin-top: 30px; line-height: 2.5rem;}.msr-membership-main .container form .fields{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}form .fields .input-field3{display: flex; width: calc(100% / 3 - 15px); flex-direction: column; margin: 4px 0;}form .fields .input-field4{display: flex; width: calc(100% / 2 - 15px); flex-direction: column; margin: 4px 0;}form .fields .input-field2{display: flex; width: calc(100% / 2 - 15px); flex-direction: column; margin: 4px 0;}form .fields .input-field{display: flex; width: calc(100%); flex-direction: column; margin: 4px 0;}.input-field label, .input-field3 label, .input-field4 label, .input-field2 label{font-size: 16px; font-weight: 500; color: #843991;}.input-field3 input, .input-field3 select, .input-field4 input, .input-field4 select, .input-field input, .input-field select, .input-field2 input, .input-field2 select{outline: none; font-size: 14px; font-weight: 400; color: #333; border-radius: 8px; padding: 0 15px; height: 42px; margin: 8px 0; background: rgba(255, 255, 255, 0.5); border: 1px solid #d7d2d2; overflow: hidden;}.input-field input:is(:focus), .input-field3 input:is(:focus), .input-field4 input:is(:focus), .input-field2 input:is(:focus), .input-field select:is(:focus), .input-field3 select:is(:focus), .input-field4 select:is(:focus), .input-field2 select:is(:focus){box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);}.input-field input[type="date"], .input-field3 input[type="date"], .input-field4 input[type="date"], .input-field2 input[type="date"]{color: #707070;}.input-field input[type="date"]:valid, .input-field3 input[type="date"]:valid, .input-field4 input[type="date"]:valid, .input-field2 input[type="date"]:valid{color: #333;}.input-field3 input[type="file"], .input-field4 input[type="file"], .input-field2 input[type="file"], .input-field input[type="file"]{padding: 0.5rem;}.msr-membership-main .container form .btn_add, .msr-membership-main .container form .btn_submit, .msr-membership-main .container form .btn_remove{font-weight: 700; width: 100%; max-width: 200px; text-align: center; padding: 8px 0; border: 2px solid #843991; border-radius: 10px; color: #843991; cursor: pointer; transition: all 0.3s linear; text-transform: uppercase; letter-spacing: 1px; margin-bottom:1rem;}.msr-membership-main .container form .btn_submit{margin-left: auto; margin-right: auto; margin-top: 2rem;}.msr-membership-main .container form .btn_add:hover, .msr-membership-main .container form .btn_submit:hover, .msr-membership-main .container form .btn_remove:hover{background-color: #843991; border-color: #843991; color: #FBFBFC;}.msr-membership-main .container form button,{font-size: 14px; font-weight: 400;}form .buttons{display: flex; align-items: center;}.form-group{padding: 0px; display: block; margin-bottom: 15px; width: 100%; display: flex; gap: 2rem; align-items: flex-start; flex-wrap: wrap; align-content: space-between;}.form-group input{padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}.form-group label{position: relative; cursor: pointer; font-size: 14px; flex-basis: calc(25% - 2rem); max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.form-group label:before{content: ''; -webkit-appearance: none; background-color: transparent; border: 1.5px solid #a1a1a1; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 15px; border-radius: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px;}.form-group input:checked + label:after{content: ''; display: block; position: absolute; top: 6px; left: 13px; width: 9px; height: 20px; border: solid #085004; border-width: 0px 3px 3px 0px; transform: rotate(45deg);}#bks_submit[disabled]{opacity: 0.5; cursor: not-allowed;}@media (max-width: 750px){.msr-membership-main .container form{overflow-y: scroll;}#wrap.o_portal_wrap h3.my-3{font-size: 5px !important;}.msr-membership-main .container form .form{background-color: #d5d0d01c;}.msr-membership-main .container form::-webkit-scrollbar{display: none;}form .fields .input-field, form .fields .input-field2, form .fields .input-field3, form .fields .input-field4,{width: calc(100% - 15px);}.msr-membership-main .container form .sub-heading{margin-top: 0px;}.form-group label{flex-basis: calc(100% - 1rem); max-width: calc(100% - 1rem); display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; text-align: justify;}.form-group{gap: 1rem;}.form-group label input[type="checkbox"]{margin-right: 0.5rem; align-self: flex-start;}}@media (max-width: 768px){.msr-membership-main .container form{overflow-y: scroll; background-color: #d5d0d01c !important;}#wrap.o_portal_wrap h3.my-3{font-size: 5px !important;}.msr-membership-main .container form .form{background-color: #d5d0d01c;}.msr-membership-main .container form::-webkit-scrollbar{display: none;}form .fields .input-field, form .fields .input-field2, form .fields .input-field3, form .fields .input-field4{width: calc(100% - 15px);}.msr-membership-main .container form .sub-heading{margin-top: 0px;}.form-group label{flex-basis: calc(30% - 1rem); max-width: calc(30% - 1rem); display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; text-align: justify;}.form-group{gap: 1rem;}.form-group label input[type="checkbox"]{margin-right: 0.5rem; align-self: flex-start;}}@media (max-width: 550px){form .fields .input-field, form .fields .input-field2, form .fields .input-field3, form .fields .input-field4{width: calc(100% - 15px);}.msr-membership-main .container form .sub-heading{margin-top: 0px;}.form-group label{flex-basis: calc(100% - 1rem); max-width: calc(100% - 1rem); display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; text-align: justify;}.form-group label input[type="checkbox"]{margin-right: 0.5rem; align-self: flex-start;}.form-group{gap: 1rem;}}#deletePhoto{opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s;}.member_photo_div:hover #deletePhoto{opacity: 1; visibility: visible;}@media only screen and (max-width: 767px){.membership-header-content{display: none !important;}}