.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #ffb400; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #ffb400;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{font-size: 14px;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /sign/static/src/css/iframe.css defined in bundle 'web.assets_frontend' */
  .screen a{display: contents; text-decoration: none;} *{box-sizing: border-box;} #viewerContainer{visibility: hidden; opacity: 0.01;} #viewer{padding-top: 21px;} .page{position: relative;} .o_sign_sign_item{position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px dashed #A4498C; vertical-align: middle; display: inline-block; margin: 0; padding: 0; box-shadow: 0px 0px 3px 1px #A4498C; resize: none; background-color: rgba(255, 255, 255, 0.9); font-family: Helvetica; line-height: 1.25; z-index: 100; overflow: hidden; cursor: pointer;} textarea.o_sign_sign_item{white-space: pre;} .o_sign_sign_item_required{background-color: rgba(255, 235, 235, 0.9);} .o_sign_item_custom_popover .form-group{margin-bottom: 8px;} .o_sign_item_custom_popover label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; font-size: 1em;} .o_sign_item_custom_popover .o_input{padding: 5px;} .o_sign_item_custom_popover .o_sign_responsible_select{display: block; position: relative;} .o_sign_sign_item + .popover{position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto;} .o_sign_sign_item + .popover.top{margin-top: -10px;} .o_sign_sign_item + .popover.right{margin-left: 10px;} .o_sign_sign_item + .popover.bottom{margin-top: 10px;} .o_sign_sign_item + .popover.left{margin-left: -10px;} .o_sign_sign_item + .popover > .popover-header{padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;} .o_sign_sign_item + .popover > .popover-body{padding: 9px 14px;} .o_sign_sign_item + .popover > .arrow, .o_sign_sign_item + .popover > .arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;} .o_sign_sign_item + .popover > .arrow{border-width: 11px;} .o_sign_sign_item + .popover > .arrow:after{content: ""; border-width: 10px;} .o_sign_sign_item + .popover.top > .arrow{bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0;} .o_sign_sign_item + .popover.top > .arrow:after{bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0;} .o_sign_sign_item + .popover.right > .arrow{top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0;} .o_sign_sign_item + .popover.right > .arrow:after{bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0;} .o_sign_sign_item + .popover.bottom > .arrow{top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25);} .o_sign_sign_item + .popover.bottom > .arrow:after{top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff;} .o_sign_sign_item + .popover.left > .arrow{top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25);} .o_sign_sign_item + .popover.left > .arrow:after{right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff;} .o_sign_sign_item + .popover .o_sign_delete_field_button{float: right; margin-top: 8px; margin-bottom: 8px;} .o_sign_sign_item + .popover .o_sign_delete_field_button.fa-trash{cursor: pointer; opacity: 0.5; transition: opacity ease 250ms; margin-top: 8px;} .o_sign_sign_item + .popover .o_sign_delete_field_button.fa-trash:hover{opacity: 1.0;} .o_sign_sign_item + .popover .o_sign_validate_field_button{font-size: 13px; padding: 5px; cursor: pointer;} .o_sign_sign_item_pdfview{border: 1px dashed silver; box-shadow: 0px 0px 0px 0px white; overflow: visible; background: transparent; color: black; cursor: auto; white-space: pre;} .o_sign_sign_item .o_sign_helper{vertical-align: middle; height: 100%; display: inline-block;} .o_sign_sign_item img{width: 100%; height: 100%; vertical-align: middle; display: inline-block;} .o_sign_sign_item .o_sign_config_area{position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; white-space: nowrap; font-size: 10pt; text-align: left;} .o_sign_sign_item .o_sign_config_area .fa-arrows{display: block; float: left; margin-right: 5px;} .o_sign_sign_item .o_sign_config_area .o_sign_responsible_display{display: block; width: 100%; height: 100%;} .ui-selected, .ui-selecting{box-shadow: 0px 0px 5px 1px orange;} .ui-draggable .ui-draggable-handle, .o_sign_field_type_button.ui-draggable{cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;} .ui-draggable-dragging .ui-draggable-handle, .o_sign_sign_item_to_add.ui-draggable-dragging{cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;} .o_sign_sign_item_navigator{position: fixed; top: 15%; left: 0; background-color: transparent; background-image: url(/sign/static/src/css/../../img/navigator.png); background-size: 100% 100%; line-height: 50px; height: 50px; font-size: 1.4em; text-transform: uppercase; z-index: 90; padding: 0 20px 0 10px; color: white; cursor: pointer;} @media (max-width: 767px){.o_sign_sign_item_navigator{line-height: 25px; height: 25px; font-size: 0.8em;}} .o_sign_sign_item_navline{position: fixed; top: 15%; left: 1%; pointer-events: none; z-index: 80; width: 99%; height: 25px; border-bottom: 1px dashed silver; opacity: 0.5;} @media (max-width: 767px){.o_sign_sign_item_navline{line-height: 12.5px; height: 12.5px;}} .o_sign_field_type_toolbar{width: 100%; position: fixed; z-index: 105; background-color: #F8F8F8; border-bottom: 1px solid #E7E7E7; text-align: center; opacity: 0.0; transition: opacity ease 500ms;} #viewerContainer:hover .o_sign_field_type_toolbar{opacity: 1.0;} .o_sign_field_type_button{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; border-right: 1px solid #E7E7E7; background-color: #875a7b; color: white; height: 30px; padding: 0px 20px 0px 20px;} .o_sign_web{width: 80%; margin: auto;} .o_sign_web .header{background-color: #232323; height: 120px; position: relative; width: 100%;} .o_sign_web .logo-salary-masters{height: 40px; left: 51px; position: absolute; top: 36px; width: 241px;} .o_sign_web .footer{align-items: flex-start; background-color: #232323; display: flex; flex-direction: row; height: 120px; justify-content: flex-start; padding: 46px 155px; top: 119px; width: auto;} .o_sign_web .logo-salary-masters-footer{height: 23px; width: 138px;} .o_sign_web .frame-redirect{align-items: center; display: flex; gap: 5px; height: 14px; right: 80px; position: absolute; top: 49px; width: 109px;} .o_sign_web .back-to-website{color: var(--white); font-weight: 500; line-height: normal; margin-top: -1.00px; position: relative; white-space: nowrap; width: fit-content;} 

/* /hr_contract_salary/static/src/scss/hr_contract_salary.scss defined in bundle 'web.assets_frontend' */
 #hr_contract_salary{} #hr_contract_salary #hr_cs_form{font-family: "Roboto", Arial, sans-serif; font-size: 13px;} #hr_contract_salary #hr_cs_form section{padding-bottom: 45px;} #hr_contract_salary #hr_cs_form h1{margin: 45px 0 30px 0; font-weight: 400;} #hr_contract_salary #hr_cs_form h2{margin: 20px 0 15px 0; font-size: 18px; font-weight: 400;} #hr_contract_salary #hr_cs_form a{color: #ffb400;} #hr_contract_salary #hr_cs_form input:focus::-webkit-input-placeholder{color: transparent;} #hr_contract_salary #hr_cs_form input:focus::-moz-placeholder{color: transparent;} #hr_contract_salary #hr_cs_form input:focus:-ms-input-placeholder{color: transparent;} #hr_contract_salary #hr_cs_form .form-group{margin-bottom: 0; border-top: 1px solid #e9ecef;} #hr_contract_salary #hr_cs_form .form-text{display: inline-block; margin: 0; font-weight: 400;} #hr_contract_salary #hr_cs_form #hr_cs_configurator .form-group .col-form-label, #hr_contract_salary #hr_cs_form #hr_cs_sidebar .form-group .col-form-label{color: #ffb400; font-weight: 500;} #hr_contract_salary #hr_cs_form #hr_cs_configurator .form-control[disabled], #hr_contract_salary #hr_cs_form #hr_cs_sidebar .form-control[disabled], #hr_contract_salary #hr_cs_form #hr_cs_modal .form-control[disabled]{height: auto; padding: 0; border: 0; margin-bottom: 0; background-color: transparent; color: #000; box-shadow: none; cursor: default; text-align: right;} #hr_contract_salary #hr_cs_form #hr_cs_configurator .input-group .form-control[disabled] + .input-group-append .input-group-text, #hr_contract_salary #hr_cs_form #hr_cs_sidebar .input-group .form-control[disabled] + .input-group-append .input-group-text, #hr_contract_salary #hr_cs_form #hr_cs_modal .input-group .form-control[disabled] + .input-group-append .input-group-text{border: none; background-color: transparent;} #hr_contract_salary #hr_cs_form #hr_cs_configurator .form-group{padding: 20px 0;} #hr_contract_salary #hr_cs_form #hr_cs_configurator .form-group .col-form-label{padding-left: 55px;} #hr_contract_salary #hr_cs_form #hr_cs_configurator .form-group .col-form-label .fa{position: absolute; top: -20px; left: 15px; bottom: auto; right: auto; width: 30px; height: 45px; line-height: 58px; background-color: #ffb400; color: #fff;} #hr_contract_salary #hr_cs_form #hr_cs_configurator .form-group .col-form-label .fa.fa-lg{font-size: 1.5em; line-height: 55px;} #hr_contract_salary #hr_cs_form #hr_cs_sidebar .form-group{padding: 5px 0;} #hr_contract_salary #hr_cs_form #hr_cs_sidebar .form-group:last-child{border-bottom: 1px solid #e9ecef;} #hr_contract_salary #hr_cs_form #hr_cs_sidebar .form-group .form-control[disabled].o_outdated{color: #dc3545; text-decoration: line-through;} #hr_contract_salary #hr_cs_form #hr_cs_sidebar .form-group .col-form-label{margin-bottom: 0;} #hr_contract_salary #hr_cs_form #hr_cs_sidebar a{cursor: pointer;} #hr_contract_salary #hr_cs_form #hr_cs_personal_information{background-color: #e9ecef;} #hr_contract_salary #hr_cs_form #hr_cs_personal_information h2{padding-bottom: 10px; border-bottom: 1px solid #d8dbdd; color: #ffb400;} #hr_contract_salary #hr_cs_form #hr_cs_personal_information .form-group{border: 0; margin-bottom: 15px;} #hr_contract_salary #hr_cs_form #hr_cs_personal_information .form-group .form-control:hover, #hr_contract_salary #hr_cs_form #hr_cs_personal_information .form-group .form-control:focus{border-color: #ffb400; box-shadow: none;} #hr_contract_salary #hr_cs_form #hr_cs_personal_information .form-group .col-form-label{color: #000;} #hr_contract_salary #hr_cs_form #hr_cs_personal_information .form-group input.bg-danger{background-color: white !important; border-color: red !important; color: #495057 !important;} #hr_contract_salary #hr_cs_form #hr_cs_personal_information .form-group a.select2-choice.bg-danger{background-color: white !important; border-color: red !important; color: #495057 !important;} #hr_contract_salary #hr_cs_form .hr_cs_btn_submit{display: block; width: 100%; margin-top: 30px; background-color: #ffb400; color: #fff;} #hr_contract_salary #hr_cs_form .hr_cs_btn_submit a{color: #fff;} #hr_contract_salary #hr_cs_form #hr_cs_modal .modal-body :first-child{border-top: 0;} #hr_contract_salary #hr_cs_form #hr_cs_modal .form-group{padding: 6px 0 4px 0;} #hr_contract_salary #hr_cs_form #hr_cs_modal .form-group .fa-plus{color: #28a745;} #hr_contract_salary #hr_cs_form #hr_cs_modal .form-group .fa-minus{color: #dc3545;} #hr_contract_salary #hr_cs_form #hr_cs_modal .col-form-label{margin-bottom: 0;} #hr_contract_salary #hr_cs_form #hr_cs_modal .close{opacity: 1; background-color: white; border-color: white;} #hr_contract_salary #hr_cs_form .hr_cs_control{position: relative; display: inline-block; margin-right: 30px; padding-left: 30px; cursor: pointer; font-weight: 400;} #hr_contract_salary #hr_cs_form .hr_cs_control input{position: absolute; z-index: -1; opacity: 0;} #hr_contract_salary #hr_cs_form .hr_cs_control_indicator{position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 20px; height: 20px; background-color: #e9ecef; border: 1px solid #a1a8ae;} #hr_contract_salary #hr_cs_form .hr_cs_control_indicator.hr_cs_control_indicator_white{background-color: #fff;} #hr_contract_salary #hr_cs_form .hr_cs_control:hover input ~ .hr_cs_control_indicator{background-color: #a1a8ae; border-color: #a1a8ae;} #hr_contract_salary #hr_cs_form .hr_cs_control:hover input ~ .hr_cs_control_indicator:after{display: block;} #hr_contract_salary #hr_cs_form .hr_cs_control input:checked ~ .hr_cs_control_indicator{background-color: #ffb400; border-color: #ffb400;} #hr_contract_salary #hr_cs_form .hr_cs_control input:checked ~ .hr_cs_control_indicator.hr_cs_control_no{background-color: #E46F78; border-color: #E46F78;} #hr_contract_salary #hr_cs_form .hr_cs_control_indicator:after{content: ""; position: absolute; display: none;} #hr_contract_salary #hr_cs_form .hr_cs_control input:checked ~ .hr_cs_control_indicator:after{display: block;} #hr_contract_salary #hr_cs_form .hr_cs_control_checkbox .hr_cs_control_indicator:after{top: 2px; left: 6px; width: 6px; height: 12px; transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0;} #hr_contract_salary #hr_cs_form .hr_cs_control_radio .hr_cs_control_indicator{border-radius: 50%;} #hr_contract_salary #hr_cs_form .hr_cs_control_radio .hr_cs_control_indicator:after{top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #fff;} #hr_contract_salary #hr_cs_form .hr_cs_control_range{width: 82%; display: inline-block; vertical-align: middle; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none;} #hr_contract_salary #hr_cs_form .hr_cs_control_range:focus{outline: none;} #hr_contract_salary #hr_cs_form .hr_cs_control_range::-webkit-slider-runnable-track{height: 5px; background-color: #e9ecef; cursor: pointer;} #hr_contract_salary #hr_cs_form .hr_cs_control_range::-moz-range-track{height: 5px; background-color: #e9ecef; cursor: pointer;} #hr_contract_salary #hr_cs_form .hr_cs_control_range::-ms-track{height: 5px; background-color: #e9ecef; cursor: pointer;} #hr_contract_salary #hr_cs_form .hr_cs_control_range::-webkit-slider-thumb{width: 18px; height: 18px; border: 0; margin-top: -7px; background-color: #ffb400; border-radius: 50%; cursor: pointer; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none;} #hr_contract_salary #hr_cs_form .hr_cs_control_range::-moz-range-thumb{width: 18px; height: 18px; border: 0; margin-top: -7px; background-color: #ffb400; border-radius: 50%; cursor: pointer;} #hr_contract_salary #hr_cs_form .hr_cs_control_range::-ms-thumb{width: 18px; height: 18px; border: 0; margin-top: -7px; background-color: #ffb400; border-radius: 50%; cursor: pointer;} #hr_contract_salary #hr_cs_form .hr_cs_control_range::-moz-range-progress{height: 5px; background: #ffb400;} #hr_contract_salary #hr_cs_form .hr_cs_control_range::-ms-fill-lower{height: 5px; background: #ffb400;} #hr_contract_salary #hr_cs_form .select2-container{border: 0; box-shadow: none;} #hr_contract_salary #hr_cs_form .select2-container .select2-choice{background-color: #fff; color: #212529; background-image: none; height: 34px; line-height: 34px; border: 1px solid #ced4da; border-radius: 4px;} #hr_contract_salary #hr_cs_form .select2-container .select2-choice .select2-arrow{width: auto; padding: 0 8px 0 10px; border-left: 0; background-color: #fff; background-image: none; font-size: .9em; border-radius: 0;} #hr_contract_salary #hr_cs_form .select2-container .select2-choice .select2-arrow b{margin: 4px 10px;} #hr_contract_salary #hr_cs_form .select2-container.select2-container-active .select2-choice{border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-color: #ffb400; box-shadow: none;} #hr_contract_salary #hr_cs_form .select2-container:hover, #hr_contract_salary #hr_cs_form .select2-container:focus{box-shadow: none;} #hr_contract_salary #hr_cs_form .select2-container:hover .select2-choice, #hr_contract_salary #hr_cs_form .select2-container:focus .select2-choice{border-color: #ffb400;} #hr_contract_salary #hr_cs_form .select2-container.form-control-primary .select2-choice{border-color: #ffb400;} #hr_contract_salary #hr_cs_form .select2-container.form-control-primary .select2-choice .select2-arrow{background-color: #ffb400; color: #fff;} #hr_contract_salary .select2-drop{margin-top: 0; box-shadow: none;} #hr_contract_salary .select2-drop-active{border-color: #ffb400;} #hr_contract_salary .select2-results .select2-highlighted{background-color: #e9ecef; color: #212529;} .hr_cs_brand_optional{color: #ffb400;} 

/* /salary_portal/static/src/scss/main-theme.scss defined in bundle 'web.assets_frontend' */
 .o_loading{background-color: #ffb400;} .o_main_navbar{background-color: #ffb400;} .o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar > button:hover, .o_main_navbar > button:focus{background-color: #cc9000; color: inherit;} .o_main_navbar > ul > li > a:hover, .o_main_navbar > ul > li > label:hover{background-color: #cc9000;} .o_main_navbar .show .dropdown-toggle{background-color: #cc9000;} .o_control_panel .o_cp_sidebar .o_hidden_input_file .o_form_binary_form span{color: #666 !important;} #dashboard_page #dashboard_menu{color: #232323; background: #ffb400;} #dashboard_page #dashboard_menu .icon{fill: #232323;} #benifit_page #benifit_menu{color: #232323; background: #ffb400;} #benifit_page #benifit_menu .icon{fill: #232323;} #eclaims_page #eclaims_menu{color: #232323; background: #ffb400;} #eclaims_page #eclaims_menu .icon{fill: #232323;} #requests_page #requests_menu{color: #232323; background: #ffb400;} #requests_page #requests_menu .icon{fill: #232323;} #account_page #account_menu{color: #232323; background: #ffb400;} #account_page #account_menu .icon{fill: #232323;} .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn:disabled{color: #fff; background-color: #ffb400; border-color: #cc9000;} .o_control_panel .o_form_buttons_view > button:disabled{color: #fff; background-color: #ffb400; border-color: #cc9000;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled{color: #ffb400;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(.disabled):hover{color: #ffb400;} .o_list_view.table thead th{background-color: white; height: 35px; vertical-align: middle;} .o_list_view tbody:first-of-type > tr:first-child:not(.o_group_header){box-shadow: inset 0px 5px 10px -4px rgba(0, 0, 0, 0.1);} .o_dropdown_toggler_btn, .o_dropdown_toggler_btn:hover, .o_dropdown_toggler_btn:focus, .o_dropdown_toggler_btn:hover, .o_dropdown_toggler_btn:focus, .btn-icon, .o_graph_button{text-transform: none !important; color: #666 !important; background-color: transparent !important; border: none !important;} .btn-primary:disabled{color: #fff; background-color: #ffb400; border-color: #cc9000;} .dropdown-menu{border-radius: 0px;} oe_highlight{color: #ffffff !important; background-color: #232323 !important;} .o_external_button{color: #232323 !important; background: #ffffff;} .o_button_icon{color: #232323 !important;} .o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-active{background: none; background-color: #ffb400 !important; color: #ffffff !important;} .o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-default{color: #ffb400;} .datepicker .table-sm > thead{color: white; background-color: #ffb400;} .datepicker .table-sm > thead > tr:first-child th:hover{color: white; background-color: #cc9000;} .datepicker .table-sm > thead > tr:last-child{color: #8f8f8f; background-color: #dcdbdb;} .datepicker .table-sm > thead > tr > th{border-radius: 0;} .datepicker .table-sm > tbody > tr > td.active, .datepicker .table-sm > tbody > tr > td .active{background-color: #ffb400; border-radius: 100px;} .datepicker .table-sm > tbody > tr > td.today:before{border-bottom-color: #ffb400;} .datepicker .table-sm > tbody > tr > td.active, .datepicker .table-sm > tbody > tr > td .active{background-color: #ffb400; border-radius: 0;} .ui-datepicker-calendar{display: none;} .o_searchview .o_searchview_facet{background-color: #ffffff;} .o_searchview .o_searchview_facet .o_searchview_facet_label{background-color: #ffb400;} a{color: #232323; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects;} a:hover{color: #0a0a0a; text-decoration: none;} .o_control_panel{background-color: #ffffff;} .breadcrumb{background-color: inherit;} input[type="text"], input[type="password"], input[type="number"], textarea, select, .o_form_view.o_form_editable .o_form_field_many2manytags, .o_searchview{border: 1px solid #ccc;} input[type="date"]{border: 1px solid #ccc;} .o_web_client input:focus, .o_web_client textarea:focus, .o_web_client select:focus{outline: none; border-bottom: 2px solid #ffb400;} .o_input{border: 1px solid #ccc; border-top-style: none; border-right-style: none; border-left-style: none; color: #777;} .o_field_widget.o_field_many2one .o_external_button{color: #232323;} .o_required_modifier.o_input, .o_required_modifier .o_input{background-color: #ffe9b3 !important;} .input-group{min-height: 44px;} .o_list_view.table{border: none;} .o_list_view.table thead, .o_list_view.table tfoot, .o_list_view.table td, .o_list_view.table th{border: none;} .o_list_view.table thead{background-color: #f5f5f5;} .o_list_view.table thead > tr > th.o_column_sortable:hover{background-color: #D6D6D3;} .o_list_view.table tbody tr.o_group_header{background-color: #fbfbfb; background-image: none; border-top: 1px solid #91918f;} .table-striped > tbody > tr:nth-of-type(2n+1){background-color: #ffffff;} .o_list_view tfoot tr:nth-child(1) td{background-color: #ffb400 !important; color: #fff !important;} .ui-autocomplete .ui-menu-item.ui-state-focus{background-color: #dee2e6;} .ui-menu-item a:hover, .ui-menu-item a:focus{color: #666666 !important;} .ui-autocomplete .ui-menu-item.ui-state-focus a{color: #666666 !important;} .o_form_view .oe_button_box .oe_stat_button .o_stat_info .o_stat_value{color: #ffb400;} .o_form_view .o_horizontal_separator{color: #666666; font-weight: bold;} .o_form_view .o_form_sheet_bg{background: none !important; background-color: #F9F9F9 !important; padding: 0px;} .o_form_view .o_form_sheet_bg .o_form_sheet{border: 1px solid #d9d7d7; box-shadow: 0 5px 20px -15px black;} .o_form_view .o_form_statusbar .o_statusbar_status > .o_arrow_button{background: #ffffff;} .o_menu_apps .dropdown-menu.show{background-origin: border-box; background-size: cover; height: calc(100vh); max-height: calc(100vh); border-top: 46px solid transparent; top: 0 !important;} .o_main_navbar > ul.o_menu_systray{float: right; position: relative; z-index: 200;} .fa-th-large::before{content: "\f00a";} .o_menu_apps .full{width: 46px; font-size: 18px; text-align: center; position: relative; z-index: 200;} .o-app-name{color: #fff; font-size: 15px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);} .o_menu_apps .dropdown-menu.show .o-app-icon{padding: 20px 0 0;} .o_menu_apps .dropdown-menu.show .o-app-icon:hover{box-shadow: 0 8px 15px -10px black; transform: translateY(-1px);} .dropdown-item.o_app{background: transparent;} .o-menu-search-result{color: #fff;} .o_thread_window .o_thread_window_header{background-color: #ffb400;} .o_form_view .o_form_uri{display: inline-block; color: #777;} .o_form_view .o_form_uri:first-line{color: #875a7b;} .o_form_view .o_form_uri:hover{color: #593b51;} .o_form_view .o_form_uri:hover:first-line{color: #593b51;} .o_form_view .oe_avatar{float: right;} .o_form_view .oe_avatar > img{max-height: 90px; max-width: 90px; margin-bottom: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); border: none;} .o_form_view .oe_avatar + .oe_title{padding-right: 0px; padding-left: 0px;} .benefit-table{width: 100%;} .benefit-heading{font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 33px; padding: 20px 0px;} .benefit-title{font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 23px; align-items: center; padding: 10px 0px; flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid #E9E9E9;} .benefit-category{flex: 0 0 32%; max-width: 32%; height: 150px; border: 1px solid #E1E3E8; border-radius: 8px; display: inline-grid; word-break: break-all; overflow: hidden; margin-top: 32px;} .benefit-category:nth-child(3n+2){margin-left: 2%; margin-right: 2%;} .benefit-category:hover{border: 1px solid #E1E3E8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); border-radius: 8px;} .benefit-td{height: 100px;} .benefit-image{display: -webkit-box; display: -webkit-flex; display: flex;} .category-name{font-family: 'Roboto'; font-weight: 700; font-size: 16px; display: block;} .category-des{padding-left: 10%;} .benefit-apply{font-family: 'Roboto'; font-style: normal; font-weight: 550; font-size: 14px; margin-left: auto; margin-right: 0; visibility: hidden;} .benefit-category:hover .benefit-apply{visibility: visible;} .title-block{background-color: #ffb400; border: 1px solid #cc9000; height: 35px; color: white; text-align: center; font-weight: bold;} .summary{background-color: gray; height: 35px; color: white; text-align: center; font-weight: bold;} .title{background-color: lightgray; background-image: url("/salary_portal/static/src/img/lotus-texture-background.png"); text-align: center; font-weight: bold;} .oe-product-data span{color: #AEA79F;} .oe-product-data p{color: #AEA79F;} .o-vehicle-form{width: 100%;} .o-vehicle-form{width: 100%;} .o-table-item{text-align: center; margin-top: 15px;} .o-table-item img{width: 45px; height: 45px;} .o-table-item span{font-weight: bold;} .vehicle-table table td{text-align: left; line-height: 2;} .finance-table table td{text-align: left; line-height: 2;} #check-icon{text-align: center; font-size: 24px;} .fuel-card table td{text-align: left;} .form-control, .custom-select{display: block; min-height: 44px; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; color: #495057; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 8px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .custom-select:hover{border: 1px solid #A7A7A7; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);} .custom-select:focus{border: 1px solid #ffb400; box-shadow: 0px 0px 0px 4px rgba(255, 180, 0, 0.15);} .custom-select:filled{border: 1px solid #A7A7A7; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);} .form-select-sm{line-height: 1;} .form-field .form-title{width: 300px;} .insurance-tab{border-bottom: 1px solid #e9e9e9; padding-bottom: 2rem;} .insurance-table{border-bottom: 1px solid #e9e9e9; padding-bottom: 2rem; display: none;} .insurance-table h7, .form-field h7{margin-top: 3rem;} .step-account{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; position: relative; margin-bottom: 30px; max-width: 100%; border-radius: 12px; background: #f7f7f8; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);} .account-wrapper{height: 80px; width: 200px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; row-gap: 18px; align-items: center; justify-content: center; border: none; z-index: 2;} .account-empty{background: #f7f7f8; color: #4e4e4e; font-family: Roboto; font-size: 16px;} .account-selected{background: #FFFFFF; color: #232323; font-family: Roboto; font-weight: 600; font-size: 16px; border-radius: 8px; border: 1px solid #e9e9e9; padding: 10px; box-sizing: border-box;} .account-filled{background: #f7f7f8; color: #232323; font-family: Roboto; font-weight: 600; font-size: 16px;} .form-alert{height: 36px; width: 900px; margin-top: 24px; border-radius: 8px; background: rgba(47, 128, 237, 0.1);} .form-alert > span{height: 16px; margin-left: 8px; line-height: 38px; color: #2f80ed; font-family: Roboto; font-size: 14px;} .postal-address1, .postal-address2, .third-bank{display: none;} .new-bank-account{margin-top: 30px; width: 198px; height: 48px; border-radius: 8px; background: #f8f8f8; padding: 10px 30px;} .second-title{font-family: Roboto; font-weight: bold; font-size: 16px; text-decoration-line: underline;} .third-account{margin-top: 30px;} .account-btn-save{min-width: 140px; height: 44px; background: #ffb400; border-radius: 8px; color: #FFFFFF; cursor: pointer;} .deduction-choice-open{border-top-left-radius: 12px; border-top-right-radius: 12px; border: 1px solid #e9e9e9; border-bottom: none; box-sizing: border-box; background: #E9E9E9; padding: 10px;} .deduction-choice-close{border-radius: 12px; border: 1px solid #e9e9e9; box-sizing: border-box; background: #E9E9E9; padding: 10px;} .deduction-form{border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border: 1px solid #e9e9e9; border-top: none; box-sizing: border-box; background: #E9E9E9; padding: 10px;} .modal-content{border-radius: 16px;} #mortgage_cancel, #mortgage_file_cancel{width: 194px; height: 40px; border-radius: 8px; border: 1px solid #f2f2f2; background: #f2f2f2; color: #232323; font-size: 16px; font-weight: bold;} #mortgage_addnew, #mortgage_file_save{width: 194px; height: 40px; border-radius: 8px; border: 1px solid #ffb400; box-sizing: border-box; background: #ffb400; font-size: 16px; font-weight: bold;} .file-upload{width: 100%; margin: 0 auto; padding: 20px; line-height: 100px;} .file-upload-input{position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer;} .image-upload-wrap{border: 1px dashed #ffb400; position: relative; background: #fffcf5;} .image-title-wrap{padding: 0 15px 15px 15px; color: #222;} .drag-text{text-align: center; color: #ffb400;} .file-upload-image{max-height: 200px; max-width: 200px; margin: auto; padding: 20px;} #selected_files img{max-width: 30px; max-height: 30px; float: left; margin-bottom: 10px;} .upload-row{box-shadow: 1px 0px #e9e9e9 inset, -1px 0px #e9e9e9 inset, 0px -1px #e9e9e9 inset;} .upload-text{color: #bdbdbd; font-size: 16px; font-weight: 400; line-height: 24px;} .upload-th{color: #bdbdbd; font-size: 14px; font-weight: 500; line-height: 24px;} .upload-status{color: #eb5757; font-family: Roboto-SemiBold; line-height: 24px;} .upload-actions{color: #2f80ed; font-size: 12px; line-height: 24px; cursor: pointer;} .fa-trash-o{margin-left: 5px; font-size: 16px; cursor: pointer;} .ant-form input:-moz-read-only{background-color: #ccc;} .preview-upload-table{border-radius: 8px; border: 1px solid #e9e9e9; box-sizing: border-box;} .preview-upload-table tbody{border-bottom: 1px solid #e9e9e9;} .document-thead{border-bottom: 1px solid #e9e9e9; background-color: #e9e9e9;} input:required:focus, select:required:focus, textarea:required:focus{border-color: red; box-shadow: 0px 0px 0px 4px rgba(255, 180, 0, 0.15);} input:required:filled:focus, select:required:filled:focus, textarea:required:filled:focus{border: 1px solid #FFB400; box-sizing: border-box; box-shadow: 0px 0px 0px 4px rgba(255, 180, 0, 0.15);} .error-message, .error-message-number, .error-message-file{color: red;} .preview-title{margin-top: 44px;} .addnewaccount{display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 44px; align-items: center; text-align: center; color: #ffb400; font-weight: 500; font-size: 14px; float: right; cursor: pointer;} .dashboard-title{font-family: 'Roboto'; font-weight: 600; font-size: 24px; line-height: 20px;} .benefit-align{width: 100%; height: auto; height: 70px; padding: 15px; background: #F8F8F8; border-radius: 12px;} .benefit-bar{margin: 37px 0 0 37px; float: left; width: 160px;} .benefit-arrow{border: 1px #575757 dotted; margin-left: auto;} .bi-arrow-up-right{visibility: hidden;} .benefit-align:hover .bi-arrow-up-right{visibility: visible; border: 1px #575757 dotted;} @media only screen and (max-width: 1080px){.benefit-bar{width: 33.33333%; margin: 10px;}} @media only screen and (max-width: 360px){.benefit-bar{width: 50%; margin: 10px;}} .pa-benefit-text1{display: inline-block; color: rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 500; padding-left: 5px;} .pa-benefit-text2{display: inline-block; color: #1D2129; font-size: 16px; font-weight: 500; padding-left: 5px;} .pa-benefit-text3{display: inline-block; color: rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 500; margin-left: auto;} .nv-legendWrap{display: none;} .nv-series{display: none;} .sch-view-more{padding: 8px 12px; background: #F1F1F1; border-radius: 6px; border: none; font-weight: bold;} .collapse-text{text-align: center; color: #ffb400;} .collapse-text:after{content: "\002B"; color: #ffb400; font-weight: 900;} .cap_button:after{content: "\2212";} .page_number{background: #ffb400; padding: 5px 10px; border-radius: 6px;} .o_column_sortable{position: relative; user-select: none;} .o_column_sortable::after{font-family: FontAwesome; content: "\f0d8" !important; opacity: 0;} .o_column_sortable:not(:empty)::after{margin-left: 6px;} .o_column_sortable.o-sort-up{cursor: n-resize;} .o_column_sortable.o-sort-up::after{content: "\f0d8" !important;} .o_column_sortable.o-sort-down{cursor: s-resize;} .o_column_sortable.o-sort-down::after{content: "\f0d7" !important;} .o_column_sortable:hover::after{opacity: 0.3;} .o_column_sortable.o-sort-up, .o_column_sortable.o-sort-down{color: inherit;} .o_column_sortable.o-sort-up::after, .o_column_sortable.o-sort-down::after{opacity: 1;} .o_main_navbar .o_user_menu .oe_topbar_avatar{height: 30px; transform: translateY(-2px);} 

/* /salary_portal/static/src/css/main-portal-style.css defined in bundle 'web.assets_frontend' */
.main-content{background: #f9f9f9;} .page-main{min-width: 1440px; height: 100VH;} .page-main > .row{height: 100%; margin-right: 0; margin-left: 0;} .page-main > .row > .col-2, .col-10{padding-right: 0; padding-left: 0} .ant-logo{background: #000000; height: 72px; color: #FFFFFF; text-align: center; line-height: 72px;} .ant-logo img{height: 70px; width: auto; margin: auto;} .nav{height: 100%; min-width: 200px; padding: 0 16px;} .nav-btn-field{display: flex; flex-direction: column; margin-bottom: 50px;} .ant-btn{height: 44px; background: none; border: none; display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF; border-radius: 8px; cursor: pointer; margin: 20px 0 20px 0;} .ant-btn > span{text-align: left; min-width: 100px; margin-left: 12px;} .ant-btn > svg{fill: #FFFFFF;} .ant-btn:active{background: #ffb400; color: #000000;} .ant-btn:active > svg{fill: #000000;} .ant-btn:focus{outline: none} .ant-btn:hover{background: rgba(255,255,255,0.20);} .faq{min-width: 168px; min-height: 161px; background: #4d5154; border-radius: 12px; padding: 24px 13px 13px 13px; display: flex; flex-direction: column; row-gap: 24px;} .faq > .desc{text-align: center; vertical-align: middle; color: #FFFFFF;} .faq-btn{height: 32px; width: 100%; background: #ffffff; color: #000000; border-radius: 8px;} .button-field{flex-direction: row; justify-content: flex-end;} .btn-back{min-width: 66px; height: 44px; border: 1px solid #e9e9e9; border-radius: 8px; background: none; margin-right: 40px; cursor: pointer;} .btn-save{min-width: 140px; height: 44px; background: #212529; border-radius: 8px; color: #FFFFFF; cursor: pointer; font-family: Montserrat-SemiBold; font-size: 16px; line-height: 20px;} .btn-next, .btn-skip{min-width: 140px; height: 44px; background: #212529; border-radius: 8px; color: #FFFFFF; cursor: pointer; font-family: Montserrat-SemiBold; font-size: 16px; line-height: 20px;} .o-collapse{display: none;} 

/* /salary_portal/static/src/css/form.css defined in bundle 'web.assets_frontend' */
 .form-field{min-height: 685px; margin: 36px 108px 0 108px; background: #FFFFFF; border: 1px solid #e9e9e9; border-radius: 22px; box-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05); padding: 44px;} .form-title{border-left: solid 4px #FFB400; padding-left: 16px; width: 119px; height: 24px; font-size: 16px; text-align: left; color: #212529; font-weight: bold;} .form-desc{height: 20px; padding-left: 20px; margin-top: 14px; font-size: 14px; font-weight:bold; font-weight: 500; text-align: left; color: #a7a7a7; line-height: 20px; font-family: Roboto;} .ant-form{padding-top: 30px;} .ant-form table{width: 100%;} .ant-form table tr{height: 35px;} .form-row{margin-top: 12px;} .form-control{min-height: 44px; background: #ffffff; border: 1px solid #d3d3d3; border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);} .non-arrow{appearance: none;} .form-control:focus{border-color: #FFB400; box-shadow: 0px 0px 0px 4px rgba(255,180,0,0.15);} .form-check-input{height: 20px; width: 20px; position: relative; margin: 0; vertical-align: middle;} .form-check-label{font-size: 14px; display: block; margin-top: 40px;} .form-check-label span{margin-left: 8px;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{opacity: 1;} .col{padding-left: 0;} 

/* /salary_portal/static/src/css/header.css defined in bundle 'web.assets_frontend' */
 .header-container{display: flex; flex-direction: row; justify-content: space-between; background: #FFFFFF; width: 100%; padding: 11px 80px 13px 24px; height: 72px;} .back-btn{height: 40px; align-items: center; justify-content: center; display: inline-flex; background: none; outline: none;} .back-btn > span{min-width: 159px; height: 20px; font-size: 16px; font-family: Montserrat, Montserrat-Medium; font-weight: 500; text-align: left; color: #000000; margin-left: 12px;} .info-field{display: flex; flex-direction: row; align-items: center; column-gap: 48px; justify-content: space-between;} .notification > svg{cursor: pointer;} .profile{display: flex; flex-direction: row; align-items: center; justify-content: space-between; column-gap: 8px;} .profile > svg{display: block;} .profile-info{display: flex; flex-direction: column;} .profile-info > span{display: block;} .profile-info > .title{width: 150px; height: 19px; font-size: 16px; font-family: Inter, Inter-Semi Bold; font-weight: Semi Bold; text-align: left; color: #212529; background-color: transparent;} .profile-info > .email{width: 159px; height: 17px; font-size: 14px; font-family: Inter, Inter-Regular; font-weight: 400; text-align: left; color: #a7a7a7;} .avatar{vertical-align: middle; width: 40px; height: 40px; border-radius: 50%;} 

/* /salary_portal/static/src/css/stepper.css defined in bundle 'web.assets_frontend' */
 .stepper-container{background: #FFFFFF; border-top: solid 1px #E9E9E9; width: 100%; height: 107px; padding: 20px 146px;} .step-line{display: flex; justify-content: space-between; position: relative; margin-bottom: 30px; max-width: 100%;} .step-line::before{content: ''; border-top: dotted 4px #131111; position: absolute; top: 74%; left: 0; transform: translateY(-50%); height: 0px; width: 100%; z-index: 1;} .progress{background-color: #FFB400; position: absolute; top: 74%; left: 0; transform: translateY(-50%); height: 4px; width: 0%; z-index: 1; transition: 0.4s ease;} .step-wrapper{background-color: #fff; height: 80px; width: 80px; display: flex; flex-direction: column; row-gap: 18px; align-items: center; justify-content: center; border: none; z-index: 2;} .step-name{min-width: 150px; height: 17px; font-size: 14px; font-weight: bold; text-align: center; color: #232323;} .circle{display: flex; border-radius: 50%; height: 32px; width: 32px; align-items: center; justify-content: center;} .circle-filled{background: #FFB400 !important; border: 2px solid #FFB400 !important; color: #FFFFFF !important;} .circle-empty{border: 2px solid #bdbdbd; color: #bdbdbd;} .circle-selected{background: #212529; color: #FFFFFF;} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'web.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie path{fill-opacity: .7;} .nvd3.nv-pie .hover path{fill-opacity: 1;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} 

/* /mail/static/src/scss/abstract_thread_window.scss defined in bundle 'web.assets_frontend' */
 .o_thread_window{direction: ltr; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 325px; max-width: 100%; height: 400px; max-height: 100%; font-size: 12px; background-color: #FAFAFA; border-radius: 6px 6px 0 0; z-index: 1051; box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.18);} @media (max-width: 767.98px){.o_thread_window{width: 100%; height: 100% !important; box-shadow: none;}.o_thread_window.o_folded{display: none;}} @media print{.o_thread_window{display: none;}} .o_thread_window .o_thread_window_header{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: white; padding: 5px 10px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #dee2e6; background-color: #ffb400; padding: 8px;} @media (max-width: 767.98px){.o_thread_window .o_thread_window_header{height: 46px; padding-top: 12px; border-radius: 0px;}.o_thread_window .o_thread_window_header .o_thread_window_title{font-size: 16px; margin-left: 10px;}.o_thread_window .o_thread_window_header .o_thread_window_close{font-size: 17px; color: white;}} .o_thread_window .o_thread_window_header .o_thread_window_title{cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_thread_window .o_thread_window_header .o_thread_window_buttons{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand{color: white; padding: 3px; margin-left: 5px; opacity: 0.7;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close.focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand.focus{opacity: 1;} .o_thread_window .o_mail_thread{flex: 1 1 100%; overflow: auto; -webkit-overflow-scrolling: touch;} .o_thread_window .o_mail_thread .o_thread_typing_notification_bar{background-color: rgba(250, 250, 250, 0.75);} .o_thread_window .o_mail_thread .o_thread_date_separator{margin: 0px 0px 15px 0px;} .o_thread_window .o_mail_thread .o_thread_date_separator .o_thread_date{background-color: #FAFAFA;} .o_thread_window .o_mail_thread .o_thread_message{padding: 4px 5px;} .o_thread_window .o_mail_thread .o_thread_message .o_thread_message_sidebar{margin-right: 5px;} .o_thread_window .o_thread_composer input{width: 100%; outline: 0; height: 39px; padding: 10px; font-size: 13px; border: none; border-top: 1px solid #dee2e6;} .o_thread_window_dropdown{width: auto; height: 28px; color: white; background-color: #212529; cursor: pointer; box-shadow: none;} @media (max-width: 767.98px){.o_thread_window_dropdown{display: none;}} .o_thread_window_dropdown .o_thread_window_header{border-radius: 0;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler{padding: 5px;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler .o_total_unread_counter{position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #ffb400; padding: 0 2px; font-size: smaller;} .o_thread_window_dropdown.show .o_thread_window_dropdown_toggler .o_total_unread_counter, .o_thread_window_dropdown .o_thread_window_expand{display: none;} .o_thread_window_dropdown > ul{max-width: 325px; padding: 0;} .o_thread_window_dropdown > ul > li.o_thread_window_header{font-size: 12px; padding: 3px 5px;} .o_thread_window_dropdown > ul > li.o_thread_window_header ~ li.o_thread_window_header{border-top: 1px solid white;} .o_thread_window_dropdown > ul > li.o_thread_window_header:hover{background-color: #cc9000;} .o_ui_blocked .o_thread_window{z-index: 1101;} .o_no_thread_window .o_thread_window{display: none;} 

/* /mail/static/src/scss/thread.scss defined in bundle 'web.assets_frontend' */
 .o_mail_thread .o_thread_show_more, .o_mail_activity .o_thread_show_more{text-align: center;} .o_mail_thread .o_mail_thread_content, .o_mail_activity .o_mail_thread_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100%;} .o_mail_thread .o_thread_bottom_free_space, .o_mail_activity .o_thread_bottom_free_space{height: 15px;} .o_mail_thread .o_thread_typing_notification_free_space, .o_mail_activity .o_thread_typing_notification_free_space{flex-grow: 1;} .o_mail_thread .o_thread_typing_notification_bar, .o_mail_activity .o_thread_typing_notification_bar{flex: 0, 0, 20px; background-color: rgba(255, 255, 255, 0.75); padding: 5px; text-align: center; color: #6c757d;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_asc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_asc{position: -webkit-sticky; position: sticky; top: auto; left: auto; bottom: 0px; right: auto;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_desc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_desc{position: -webkit-sticky; position: sticky; top: 0px; left: auto; bottom: auto; right: auto;} .o_mail_thread .o_thread_tooltip_container, .o_mail_activity .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #ced4da; text-align: center;} @media (max-width: 767.98px){.o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 0px; margin-bottom: 15px;}} .o_mail_thread .o_thread_date_separator .o_thread_date, .o_mail_activity .o_thread_date_separator .o_thread_date{position: relative; top: 10px; margin: 0 auto; padding: 0 10px; font-weight: bold; background: white;} .o_mail_thread .o_thread_new_messages_separator, .o_mail_activity .o_thread_new_messages_separator{margin-bottom: 15px; border-bottom: solid #ffcb4d 1px; text-align: right;} .o_mail_thread .o_thread_new_messages_separator .o_thread_separator_label, .o_mail_activity .o_thread_new_messages_separator .o_thread_separator_label{position: relative; top: 8px; padding: 0 10px; background: white; color: #ffcb4d; font-size: smaller;} .o_mail_thread .o_thread_message, .o_mail_activity .o_thread_message{display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px;} .o_mail_thread .o_thread_message.o_mail_not_discussion, .o_mail_activity .o_thread_message.o_mail_not_discussion{background-color: rgba(222, 226, 230, 0.5); border-bottom: 1px solid #ced4da;} .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller;} @media (max-width: 767.98px){.o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{margin-top: 4px; font-size: x-small;}} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar{max-width: 36px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{margin-left: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_star{margin-right: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon, .o_mail_activity .o_thread_message .o_thread_icon{cursor: pointer; opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon.fa-star, .o_mail_activity .o_thread_message .o_thread_icon.fa-star{opacity: 0.6; color: gold;} .o_mail_thread .o_thread_message:hover .o_thread_message_side_date, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_message_side_date, .o_mail_activity .o_thread_message:hover .o_thread_message_side_date, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_message_side_date{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon, .o_mail_activity .o_thread_message:hover .o_thread_icon, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon:hover, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon:hover, .o_mail_activity .o_thread_message:hover .o_thread_icon:hover, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon:hover{opacity: 1;} .o_mail_thread .o_thread_message .o_mail_redirect, .o_mail_activity .o_thread_message .o_mail_redirect{cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core, .o_mail_activity .o_thread_message .o_thread_message_core{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 100%; word-wrap: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_content > pre, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_content > pre{white-space: pre-wrap; word-break: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_subject, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_subject{font-style: italic;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_notification{font-style: italic; color: gray;} .o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification], .o_mail_activity .o_thread_message .o_thread_message_core [summary~=o_mail_notification]{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core p, .o_mail_activity .o_thread_message .o_thread_message_core p{margin: 0 0 9px;} .o_mail_thread .o_thread_message .o_thread_message_core p:last-child, .o_mail_activity .o_thread_message .o_thread_message_core p:last-child{margin-bottom: 0;} .o_mail_thread .o_thread_message .o_thread_message_core a, .o_mail_activity .o_thread_message .o_thread_message_core a{display: inline-block; word-break: break-all;} .o_mail_thread .o_thread_message .o_thread_message_core :not(.o_image_box) > img, .o_mail_activity .o_thread_message .o_thread_message_core :not(.o_image_box) > img{max-width: 100%; height: auto;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_body_long, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_body_long{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info{margin-bottom: 2px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info strong, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info strong{color: inherit;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_email, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_email{padding: 4px;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready{color: grey;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1; cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_previews:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_previews:last-child{margin-bottom: 30px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_title, .o_mail_activity .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 125%;} .o_mail_thread .o_mail_no_content, .o_mail_activity .o_mail_no_content{position: absolute; top: 30%; left: 0; bottom: 0; right: 0; text-align: center; font-size: 115%;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_read_more{display: block;} .o_web_client .popover .o_thread_tooltip_icon{min-width: 1rem;} .o_web_client.o_touch_device .o_mail_thread .o_thread_icon{opacity: 0.6;} 

/* /im_livechat/static/src/scss/im_livechat.scss defined in bundle 'web.assets_frontend' */
 .o_livechat_button{position: fixed; bottom: 0px; right: 6px; min-width: 100px; cursor: pointer; white-space: nowrap; background-color: rgba(60, 60, 60, 0.6); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; color: white; text-shadow: #3b4c58 1px 1px 0px; border: 1px solid #505050; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 5;} .o_thread_window{z-index: 1002;} .o_thread_window .o_thread_date_separator{display: none;} .o_thread_window .o_livechat_rating{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px; font-size: 14px;} .o_thread_window .o_livechat_rating .o_livechat_no_feedback{text-decoration: underline; cursor: pointer;} .o_thread_window .o_livechat_rating .o_livechat_rating_feedback_text{margin-top: 65px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices{margin: 40px 0;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img{width: 65px; opacity: 0.60; cursor: pointer; margin: 10px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

/* /website_rating/static/src/scss/website_rating.scss defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #495057;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px; white-space: nowrap;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 0.75rem;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /salary_portal/static/src/css/signup-style.css defined in bundle 'web.assets_frontend' */
 .btn-primary{color: #fff; background-color: #ffb400; border-color: #d69c15;} .btn-primary:hover{color: #fff; background-color: #777777; border-color: #808080;} .btn-primary:focus, .btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);} .btn-primary.disabled, .btn-primary:disabled{color: #fff; background-color: #ffb400; border-color: darken(#ffb400, 10%);} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{color: #fff; background-color: #ffb400; border-color: darken(#ffb400, 10%);} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(168, 168, 168, 0.9);} .btn-link{font-weight: 400; color: #495057; background-color: transparent;} .alert-info{color: #495057; background-color: #e9ecef; border-color: #808080;} .o-row{display: flex; flex-wrap: nowrap;} .o-row button{height: calc(1.625rem + 2px); margin-left: 10px; padding: revert;} .o-collapse{display: none;} .oe_check_buttons{display: flex; flex-wrap: nowrap;} .force-full-width{width: 100% !important;} .invitation-sub{height: 30px; text-align:center; border: 1px solid #e3eaf1; border-radius: 0.2rem; background-color: #ced4da;} 

/* /auth_password_policy_signup/static/src/scss/signup_policy.scss defined in bundle 'web.assets_frontend' */
 .form-group.field-password{position: relative;} .form-group.field-password meter.o_password_meter{bottom: calc(calc(2.0625rem + 2px) / 2 - 7px);} 

/* /salary_portal/static/src/scss/main-theme.scss defined in bundle 'web.assets_frontend' */
 .o_loading{background-color: #ffb400;} .o_main_navbar{background-color: #ffb400;} .o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar > button:hover, .o_main_navbar > button:focus{background-color: #cc9000; color: inherit;} .o_main_navbar > ul > li > a:hover, .o_main_navbar > ul > li > label:hover{background-color: #cc9000;} .o_main_navbar .show .dropdown-toggle{background-color: #cc9000;} .o_control_panel .o_cp_sidebar .o_hidden_input_file .o_form_binary_form span{color: #666 !important;} #dashboard_page #dashboard_menu{color: #232323; background: #ffb400;} #dashboard_page #dashboard_menu .icon{fill: #232323;} #benifit_page #benifit_menu{color: #232323; background: #ffb400;} #benifit_page #benifit_menu .icon{fill: #232323;} #eclaims_page #eclaims_menu{color: #232323; background: #ffb400;} #eclaims_page #eclaims_menu .icon{fill: #232323;} #requests_page #requests_menu{color: #232323; background: #ffb400;} #requests_page #requests_menu .icon{fill: #232323;} #account_page #account_menu{color: #232323; background: #ffb400;} #account_page #account_menu .icon{fill: #232323;} .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn:disabled{color: #fff; background-color: #ffb400; border-color: #cc9000;} .o_control_panel .o_form_buttons_view > button:disabled{color: #fff; background-color: #ffb400; border-color: #cc9000;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled{color: #ffb400;} .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(.disabled):hover{color: #ffb400;} .o_list_view.table thead th{background-color: white; height: 35px; vertical-align: middle;} .o_list_view tbody:first-of-type > tr:first-child:not(.o_group_header){box-shadow: inset 0px 5px 10px -4px rgba(0, 0, 0, 0.1);} .o_dropdown_toggler_btn, .o_dropdown_toggler_btn:hover, .o_dropdown_toggler_btn:focus, .o_dropdown_toggler_btn:hover, .o_dropdown_toggler_btn:focus, .btn-icon, .o_graph_button{text-transform: none !important; color: #666 !important; background-color: transparent !important; border: none !important;} .btn-primary:disabled{color: #fff; background-color: #ffb400; border-color: #cc9000;} .dropdown-menu{border-radius: 0px;} oe_highlight{color: #ffffff !important; background-color: #232323 !important;} .o_external_button{color: #232323 !important; background: #ffffff;} .o_button_icon{color: #232323 !important;} .o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-active{background: none; background-color: #ffb400 !important; color: #ffffff !important;} .o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-default{color: #ffb400;} .datepicker .table-sm > thead{color: white; background-color: #ffb400;} .datepicker .table-sm > thead > tr:first-child th:hover{color: white; background-color: #cc9000;} .datepicker .table-sm > thead > tr:last-child{color: #8f8f8f; background-color: #dcdbdb;} .datepicker .table-sm > thead > tr > th{border-radius: 0;} .datepicker .table-sm > tbody > tr > td.active, .datepicker .table-sm > tbody > tr > td .active{background-color: #ffb400; border-radius: 100px;} .datepicker .table-sm > tbody > tr > td.today:before{border-bottom-color: #ffb400;} .datepicker .table-sm > tbody > tr > td.active, .datepicker .table-sm > tbody > tr > td .active{background-color: #ffb400; border-radius: 0;} .ui-datepicker-calendar{display: none;} .o_searchview .o_searchview_facet{background-color: #ffffff;} .o_searchview .o_searchview_facet .o_searchview_facet_label{background-color: #ffb400;} a{color: #232323; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects;} a:hover{color: #0a0a0a; text-decoration: none;} .o_control_panel{background-color: #ffffff;} .breadcrumb{background-color: inherit;} input[type="text"], input[type="password"], input[type="number"], textarea, select, .o_form_view.o_form_editable .o_form_field_many2manytags, .o_searchview{border: 1px solid #ccc;} input[type="date"]{border: 1px solid #ccc;} .o_web_client input:focus, .o_web_client textarea:focus, .o_web_client select:focus{outline: none; border-bottom: 2px solid #ffb400;} .o_input{border: 1px solid #ccc; border-top-style: none; border-right-style: none; border-left-style: none; color: #777;} .o_field_widget.o_field_many2one .o_external_button{color: #232323;} .o_required_modifier.o_input, .o_required_modifier .o_input{background-color: #ffe9b3 !important;} .input-group{min-height: 44px;} .o_list_view.table{border: none;} .o_list_view.table thead, .o_list_view.table tfoot, .o_list_view.table td, .o_list_view.table th{border: none;} .o_list_view.table thead{background-color: #f5f5f5;} .o_list_view.table thead > tr > th.o_column_sortable:hover{background-color: #D6D6D3;} .o_list_view.table tbody tr.o_group_header{background-color: #fbfbfb; background-image: none; border-top: 1px solid #91918f;} .table-striped > tbody > tr:nth-of-type(2n+1){background-color: #ffffff;} .o_list_view tfoot tr:nth-child(1) td{background-color: #ffb400 !important; color: #fff !important;} .ui-autocomplete .ui-menu-item.ui-state-focus{background-color: #dee2e6;} .ui-menu-item a:hover, .ui-menu-item a:focus{color: #666666 !important;} .ui-autocomplete .ui-menu-item.ui-state-focus a{color: #666666 !important;} .o_form_view .oe_button_box .oe_stat_button .o_stat_info .o_stat_value{color: #ffb400;} .o_form_view .o_horizontal_separator{color: #666666; font-weight: bold;} .o_form_view .o_form_sheet_bg{background: none !important; background-color: #F9F9F9 !important; padding: 0px;} .o_form_view .o_form_sheet_bg .o_form_sheet{border: 1px solid #d9d7d7; box-shadow: 0 5px 20px -15px black;} .o_form_view .o_form_statusbar .o_statusbar_status > .o_arrow_button{background: #ffffff;} .o_menu_apps .dropdown-menu.show{background-origin: border-box; background-size: cover; height: calc(100vh); max-height: calc(100vh); border-top: 46px solid transparent; top: 0 !important;} .o_main_navbar > ul.o_menu_systray{float: right; position: relative; z-index: 200;} .fa-th-large::before{content: "\f00a";} .o_menu_apps .full{width: 46px; font-size: 18px; text-align: center; position: relative; z-index: 200;} .o-app-name{color: #fff; font-size: 15px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);} .o_menu_apps .dropdown-menu.show .o-app-icon{padding: 20px 0 0;} .o_menu_apps .dropdown-menu.show .o-app-icon:hover{box-shadow: 0 8px 15px -10px black; transform: translateY(-1px);} .dropdown-item.o_app{background: transparent;} .o-menu-search-result{color: #fff;} .o_thread_window .o_thread_window_header{background-color: #ffb400;} .o_form_view .o_form_uri{display: inline-block; color: #777;} .o_form_view .o_form_uri:first-line{color: #875a7b;} .o_form_view .o_form_uri:hover{color: #593b51;} .o_form_view .o_form_uri:hover:first-line{color: #593b51;} .o_form_view .oe_avatar{float: right;} .o_form_view .oe_avatar > img{max-height: 90px; max-width: 90px; margin-bottom: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); border: none;} .o_form_view .oe_avatar + .oe_title{padding-right: 0px; padding-left: 0px;} .benefit-table{width: 100%;} .benefit-heading{font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 33px; padding: 20px 0px;} .benefit-title{font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 23px; align-items: center; padding: 10px 0px; flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid #E9E9E9;} .benefit-category{flex: 0 0 32%; max-width: 32%; height: 150px; border: 1px solid #E1E3E8; border-radius: 8px; display: inline-grid; word-break: break-all; overflow: hidden; margin-top: 32px;} .benefit-category:nth-child(3n+2){margin-left: 2%; margin-right: 2%;} .benefit-category:hover{border: 1px solid #E1E3E8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); border-radius: 8px;} .benefit-td{height: 100px;} .benefit-image{display: -webkit-box; display: -webkit-flex; display: flex;} .category-name{font-family: 'Roboto'; font-weight: 700; font-size: 16px; display: block;} .category-des{padding-left: 10%;} .benefit-apply{font-family: 'Roboto'; font-style: normal; font-weight: 550; font-size: 14px; margin-left: auto; margin-right: 0; visibility: hidden;} .benefit-category:hover .benefit-apply{visibility: visible;} .title-block{background-color: #ffb400; border: 1px solid #cc9000; height: 35px; color: white; text-align: center; font-weight: bold;} .summary{background-color: gray; height: 35px; color: white; text-align: center; font-weight: bold;} .title{background-color: lightgray; background-image: url("/salary_portal/static/src/img/lotus-texture-background.png"); text-align: center; font-weight: bold;} .oe-product-data span{color: #AEA79F;} .oe-product-data p{color: #AEA79F;} .o-vehicle-form{width: 100%;} .o-vehicle-form{width: 100%;} .o-table-item{text-align: center; margin-top: 15px;} .o-table-item img{width: 45px; height: 45px;} .o-table-item span{font-weight: bold;} .vehicle-table table td{text-align: left; line-height: 2;} .finance-table table td{text-align: left; line-height: 2;} #check-icon{text-align: center; font-size: 24px;} .fuel-card table td{text-align: left;} .form-control, .custom-select{display: block; min-height: 44px; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; color: #495057; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 8px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .custom-select:hover{border: 1px solid #A7A7A7; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);} .custom-select:focus{border: 1px solid #ffb400; box-shadow: 0px 0px 0px 4px rgba(255, 180, 0, 0.15);} .custom-select:filled{border: 1px solid #A7A7A7; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);} .form-select-sm{line-height: 1;} .form-field .form-title{width: 300px;} .insurance-tab{border-bottom: 1px solid #e9e9e9; padding-bottom: 2rem;} .insurance-table{border-bottom: 1px solid #e9e9e9; padding-bottom: 2rem; display: none;} .insurance-table h7, .form-field h7{margin-top: 3rem;} .step-account{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; position: relative; margin-bottom: 30px; max-width: 100%; border-radius: 12px; background: #f7f7f8; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);} .account-wrapper{height: 80px; width: 200px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; row-gap: 18px; align-items: center; justify-content: center; border: none; z-index: 2;} .account-empty{background: #f7f7f8; color: #4e4e4e; font-family: Roboto; font-size: 16px;} .account-selected{background: #FFFFFF; color: #232323; font-family: Roboto; font-weight: 600; font-size: 16px; border-radius: 8px; border: 1px solid #e9e9e9; padding: 10px; box-sizing: border-box;} .account-filled{background: #f7f7f8; color: #232323; font-family: Roboto; font-weight: 600; font-size: 16px;} .form-alert{height: 36px; width: 900px; margin-top: 24px; border-radius: 8px; background: rgba(47, 128, 237, 0.1);} .form-alert > span{height: 16px; margin-left: 8px; line-height: 38px; color: #2f80ed; font-family: Roboto; font-size: 14px;} .postal-address1, .postal-address2, .third-bank{display: none;} .new-bank-account{margin-top: 30px; width: 198px; height: 48px; border-radius: 8px; background: #f8f8f8; padding: 10px 30px;} .second-title{font-family: Roboto; font-weight: bold; font-size: 16px; text-decoration-line: underline;} .third-account{margin-top: 30px;} .account-btn-save{min-width: 140px; height: 44px; background: #ffb400; border-radius: 8px; color: #FFFFFF; cursor: pointer;} .deduction-choice-open{border-top-left-radius: 12px; border-top-right-radius: 12px; border: 1px solid #e9e9e9; border-bottom: none; box-sizing: border-box; background: #E9E9E9; padding: 10px;} .deduction-choice-close{border-radius: 12px; border: 1px solid #e9e9e9; box-sizing: border-box; background: #E9E9E9; padding: 10px;} .deduction-form{border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border: 1px solid #e9e9e9; border-top: none; box-sizing: border-box; background: #E9E9E9; padding: 10px;} .modal-content{border-radius: 16px;} #mortgage_cancel, #mortgage_file_cancel{width: 194px; height: 40px; border-radius: 8px; border: 1px solid #f2f2f2; background: #f2f2f2; color: #232323; font-size: 16px; font-weight: bold;} #mortgage_addnew, #mortgage_file_save{width: 194px; height: 40px; border-radius: 8px; border: 1px solid #ffb400; box-sizing: border-box; background: #ffb400; font-size: 16px; font-weight: bold;} .file-upload{width: 100%; margin: 0 auto; padding: 20px; line-height: 100px;} .file-upload-input{position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer;} .image-upload-wrap{border: 1px dashed #ffb400; position: relative; background: #fffcf5;} .image-title-wrap{padding: 0 15px 15px 15px; color: #222;} .drag-text{text-align: center; color: #ffb400;} .file-upload-image{max-height: 200px; max-width: 200px; margin: auto; padding: 20px;} #selected_files img{max-width: 30px; max-height: 30px; float: left; margin-bottom: 10px;} .upload-row{box-shadow: 1px 0px #e9e9e9 inset, -1px 0px #e9e9e9 inset, 0px -1px #e9e9e9 inset;} .upload-text{color: #bdbdbd; font-size: 16px; font-weight: 400; line-height: 24px;} .upload-th{color: #bdbdbd; font-size: 14px; font-weight: 500; line-height: 24px;} .upload-status{color: #eb5757; font-family: Roboto-SemiBold; line-height: 24px;} .upload-actions{color: #2f80ed; font-size: 12px; line-height: 24px; cursor: pointer;} .fa-trash-o{margin-left: 5px; font-size: 16px; cursor: pointer;} .ant-form input:-moz-read-only{background-color: #ccc;} .preview-upload-table{border-radius: 8px; border: 1px solid #e9e9e9; box-sizing: border-box;} .preview-upload-table tbody{border-bottom: 1px solid #e9e9e9;} .document-thead{border-bottom: 1px solid #e9e9e9; background-color: #e9e9e9;} input:required:focus, select:required:focus, textarea:required:focus{border-color: red; box-shadow: 0px 0px 0px 4px rgba(255, 180, 0, 0.15);} input:required:filled:focus, select:required:filled:focus, textarea:required:filled:focus{border: 1px solid #FFB400; box-sizing: border-box; box-shadow: 0px 0px 0px 4px rgba(255, 180, 0, 0.15);} .error-message, .error-message-number, .error-message-file{color: red;} .preview-title{margin-top: 44px;} .addnewaccount{display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 44px; align-items: center; text-align: center; color: #ffb400; font-weight: 500; font-size: 14px; float: right; cursor: pointer;} .dashboard-title{font-family: 'Roboto'; font-weight: 600; font-size: 24px; line-height: 20px;} .benefit-align{width: 100%; height: auto; height: 70px; padding: 15px; background: #F8F8F8; border-radius: 12px;} .benefit-bar{margin: 37px 0 0 37px; float: left; width: 160px;} .benefit-arrow{border: 1px #575757 dotted; margin-left: auto;} .bi-arrow-up-right{visibility: hidden;} .benefit-align:hover .bi-arrow-up-right{visibility: visible; border: 1px #575757 dotted;} @media only screen and (max-width: 1080px){.benefit-bar{width: 33.33333%; margin: 10px;}} @media only screen and (max-width: 360px){.benefit-bar{width: 50%; margin: 10px;}} .pa-benefit-text1{display: inline-block; color: rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 500; padding-left: 5px;} .pa-benefit-text2{display: inline-block; color: #1D2129; font-size: 16px; font-weight: 500; padding-left: 5px;} .pa-benefit-text3{display: inline-block; color: rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 500; margin-left: auto;} .nv-legendWrap{display: none;} .nv-series{display: none;} .sch-view-more{padding: 8px 12px; background: #F1F1F1; border-radius: 6px; border: none; font-weight: bold;} .collapse-text{text-align: center; color: #ffb400;} .collapse-text:after{content: "\002B"; color: #ffb400; font-weight: 900;} .cap_button:after{content: "\2212";} .page_number{background: #ffb400; padding: 5px 10px; border-radius: 6px;} .o_column_sortable{position: relative; user-select: none;} .o_column_sortable::after{font-family: FontAwesome; content: "\f0d8" !important; opacity: 0;} .o_column_sortable:not(:empty)::after{margin-left: 6px;} .o_column_sortable.o-sort-up{cursor: n-resize;} .o_column_sortable.o-sort-up::after{content: "\f0d8" !important;} .o_column_sortable.o-sort-down{cursor: s-resize;} .o_column_sortable.o-sort-down::after{content: "\f0d7" !important;} .o_column_sortable:hover::after{opacity: 0.3;} .o_column_sortable.o-sort-up, .o_column_sortable.o-sort-down{color: inherit;} .o_column_sortable.o-sort-up::after, .o_column_sortable.o-sort-down::after{opacity: 1;} .o_main_navbar .o_user_menu .oe_topbar_avatar{height: 30px; transform: translateY(-2px);} 

/* /salary_portal/static/src/css/default-style.css defined in bundle 'web.assets_frontend' */
 

/* <inline asset> defined in bundle 'web.assets_frontend' */
 text{font: 12px sans-serif;} svg{display: block; float: left;} #packaged_benefits_chart{height: 450px !important; width: 450px !important;} .nvd3.nv-pie.nv-chart-donut2 .nv-pie-title{fill: rgba(70, 107, 168, 0.78);} .nvd3.nv-pie.nv-chart-donut1 .nv-pie-title{opacity: 0.4; fill: rgba(224, 116, 76, 0.91);} table{overflow: hidden;} .toggle{display:none;} .toggle.active{display: table-row;} 

/* /onboarding_monarch/static/src/css/globals.css defined in bundle 'web.assets_frontend' */
  .screen a{display: contents; text-decoration: none;} *{box-sizing: border-box;} 

/* /onboarding_monarch/static/src/css/styleguide.css defined in bundle 'web.assets_frontend' */
:root{--black: #000000; --saffron: #f6b633; --white: #ffffff; --lightgray: #888888; --font-size-xs: 12px; --font-size-s: 14px; --font-size-m: 16px; --font-size-l: 18px; --font-size-xl: 20px; --font-size-xxl: 24px; --font-size-xxxl: 36px; --font-size-4xl: 60px; --font-family-rubik: "Rubik", Helvetica;} .headingsmall{font-family: var(--font-family-rubik); font-size: var(--font-size-s); font-style: normal; font-weight: 700; letter-spacing: 0;} .headingsm{font-family: var(--font-family-rubik); font-size: var(--font-size-m); font-style: normal; font-weight: 700; letter-spacing: 0;} .headingmd{font-family: var(--font-family-rubik); font-size: var(--font-size-xl); font-style: normal; font-weight: 700; letter-spacing: 0;} .headinglg{font-family: var(--font-family-rubik); font-size: var(--font-size-xxl); font-style: normal; font-weight: 700; letter-spacing: 0; background-color: var(--white);} .heading2xl{font-family: var(--font-family-rubik); font-size: var(--font-size-xxxl); font-style: normal; font-weight: 700; letter-spacing: 0; background-color: var(--white);} .textmediumxs{font-family: var(--font-family-rubik); font-size: var(--font-size-xs); font-style: normal; font-weight: 500; letter-spacing: 0;} .textmediumsm{font-family: var(--font-family-rubik); font-size: var(--font-size-s); font-style: normal; font-weight: 500; letter-spacing: 0;} .textmediummd{font-family: var(--font-family-rubik); font-size: var(--font-size-m); font-style: normal; font-weight: 500; letter-spacing: 0;} .textmediumlg{font-family: var(--font-family-rubik); font-size: var(--font-size-l); font-style: normal; font-weight: 500; letter-spacing: 0;} .textmediumxl{font-family: var(--font-family-rubik); font-size: var(--font-size-xl); font-style: normal; font-weight: 500; letter-spacing: 0;} .textmedium2xl{font-family: var(--font-family-rubik); font-size: var(--font-size-xxl); font-style: normal; font-weight: 500; letter-spacing: 0;} .textregularsm{font-family: var(--font-family-rubik); font-size: var(--font-size-s); font-weight: 400 !important; letter-spacing: 0;} .textregularmd{font-family: var(--font-family-rubik); font-size: var(--font-size-m); font-style: normal; font-weight: 400 !important; letter-spacing: 0;} .textregularlg{font-family: var(--font-family-rubik); font-size: var(--font-size-l); font-style: normal; font-weight: 400 !important; letter-spacing: 0;} .textregularxl{font-family: var(--font-family-rubik); font-size: var(--font-size-xl); font-style: normal; font-weight: 400 !important; letter-spacing: 0;} 

/* /onboarding_monarch/static/src/css/onboarding_monarch.css defined in bundle 'web.assets_frontend' */
 .onboarding_monarch{background-color: var(--white); border: 1px solid #ffffff1a; border-radius: 2px; display: inline-flex; flex-direction: column; gap: 50px; position: relative; box-sizing: border-box;} .onboarding_monarch .frame{align-items: center; align-self: stretch; background-color: var(--saffron); display: flex; flex: 0 0 auto; gap: 10px; justify-content: center; padding: 5px 10px; position: relative; max-width: 330px;} .onboarding_monarch .frame-content{display: flex; flex-wrap: wrap; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; position: relative; padding: 20px 125px 32px 125px; margin-bottom: -130px;} .onboarding_monarch .frame-form{display: flex; flex-direction: column; gap: 45px; width: 100%; position: relative;} .onboarding_monarch .frame-main{flex: 1 1 65%; min-width: 300px; display: flex; flex-direction: column; width: 100%; box-sizing: border-box; margin-bottom: 50px;} .onboarding_monarch .frame-title, .onboarding_monarch .success-title{align-items: flex-start; display: inline-flex; flex: 0 0 auto; flex-direction: column; gap: 20px; position: relative;} .onboarding_monarch .frame-details{align-items: flex-start; align-self: stretch; display: flex; flex: 0 0 auto; flex-direction: column; gap: 20px; position: relative; width: 100%;} .onboarding_monarch .frame-label{align-items: baseline; display: inline-flex; flex: 0 0 auto; gap: 8px; position: relative;} .onboarding_monarch .frame-side-content{flex: 1 1 35%; max-width: 360px; display: flex; align-self: flex-start; flex-direction: column; gap: 85px; align-items: center; padding-left: 55px;} .onboarding_monarch .frame-division{align-items: flex-start; display: inline-flex; flex-direction: column; gap: 25px; position: relative;} .onboarding_monarch .frame-side-field{align-items: center; display: inline-flex; flex: 0 0 auto; gap: 15px; position: relative;} .onboarding_monarch .frame-side-items{align-items: flex-start; display: inline-flex; flex: 0 0 auto; flex-direction: column; gap: 14px; position: relative;} .onboarding_monarch .frame-header, .onboarding_monarch .frame-footer{width: 100%; position: relative; max-width: 1280px; margin: 0 auto;} .onboarding_monarch .header{background-color: #232323; height: 120px; width: 100%; position: relative; padding: 16px 5vw; box-sizing: border-box;} .onboarding_monarch .logo-salary-masters{position: absolute; left: 51px; top: 36px; width: 241px; height: 40px;} .onboarding_monarch .frame-redirect{position: absolute; top: 50px; right: 95px;} .onboarding_monarch .footer-container{width: 100%; background-color: #232323; display: grid;} .onboarding_monarch .footer{background-color: #232323; width: 100%; padding: 16px 5vw; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; height: 120px; position: relative;} .onboarding_monarch .action-footer{display: grid; grid-template-columns: auto auto 1fr; gap: 16px; align-items: center; justify-content: center; background-color: #eee9e4; padding: 24px 32px 24px 132px; width: 100%; height: 120px; box-sizing: border-box;} .onboarding_monarch .logo-salary-masters-footer{height: auto; max-height: 30px; width: auto; max-width: 100%; margin-left: 80px;} .onboarding_monarch .frame-comments-dots{align-items: flex-start; display: inline-flex; flex: 0 0 auto; gap: 10px; position: relative;} .onboarding_monarch .frame-comments-details{color: var(--black); font-weight: 500; line-height: normal; position: relative; width: 245px; margin-top: 16px;} .onboarding_monarch .back-to-website{color: var(--white); font-weight: 500; line-height: normal; margin-top: 0; position: relative; white-space: nowrap; width: fit-content;} .onboarding_monarch .frame-nvbar{position: relative; width: 100%;} .onboarding_monarch .overlap-group{position: relative;} .onboarding_monarch .navbar{display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: 20px 8%; box-sizing: border-box; height: 80px; background-color: #eee9e4; flex-wrap: nowrap;} .onboarding_monarch .title{color: var(--black); font-weight: 700; line-height: normal; margin-top: -1.00px; position: relative; white-space: nowrap; width: fit-content;} .onboarding_monarch .short-intro{color: var(--black); line-height: normal; position: relative; max-width: 715px; width: 100%; word-wrap: break-word;} .onboarding_monarch .long-intro{color: var(--black); font-size: 30px; line-height: 35.55px; position: relative; width: 100%; word-wrap: break-word;} .onboarding_monarch .bullet-points{padding-left: 28px;} .onboarding_monarch .bullet-points li{position: relative; list-style-type: none;} .onboarding_monarch .bullet-points li span{margin-left: -2px;} .onboarding_monarch .bullet-points li::before{background: var(--black); content: ""; position: absolute; top: 9px; left: -20px; width: 4px; height: 4px; border-radius: 50%;} .onboarding_monarch .group-content{display: flex; flex-direction: row; align-items: flex-start; gap: 32px; height: auto; width: 100%; margin-top: 20px;} .onboarding_monarch .group-steps{width: 30px; position: relative;} .onboarding_monarch .step-line-vertical{position: absolute; left: 53%; top: 0; transform: translateX(-50%); width: 3px; height: 100%; background-color: var(--saffron);} .onboarding_monarch .step-line-horizontal{background-color: var(--saffron); height: 6px; left: 0; position: absolute; top: 79px;} .onboarding_monarch .x-details{color: var(--white); font-weight: 500; line-height: normal; margin-top: -1.00px; position: relative; width: fit-content;} .onboarding_monarch .input-lockup{align-items: flex-start; display: inline-flex; flex: 0 0 auto; flex-direction: column; gap: 6px; position: relative;} .onboarding_monarch .input-lockup-max{align-items: flex-start; align-self: stretch; display: flex; flex: 0 0 auto; flex-direction: column; gap: 6px; position: relative; width: 100%;} .onboarding_monarch .optional{color: var(--black); font-weight: 500; line-height: normal; position: relative; white-space: nowrap; width: fit-content;} .onboarding_monarch .input-form{align-items: center; display: flex; gap: 8px; height: 29px; justify-content: center; padding: 6px 0px; position: relative; max-width: 330px; border-bottom-style: solid; border-bottom-width: 1px; border-color: var(--black);} .onboarding_monarch .input-form.underlined-input{border-bottom: none;} .onboarding_monarch .input-form.underlined-input::after{content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: var(--black);} .onboarding_monarch .input-extra{max-width: 350px !important; height: 31px !important;} .onboarding_monarch .input-form-lookup{align-self: stretch; align-items: center; display: flex; border-bottom: 1px solid var(--black); gap: 8px; height: 29px; justify-content: center; padding: 6px 0px; position: relative; max-width: 330px;} .onboarding_monarch .input-field, .onboarding_monarch .explainer-field, .onboarding_monarch .button-field{color: var(--black); flex: 1; font-weight: 500; line-height: normal; position: relative; text-align: left; border: none; outline: none; padding: 0px; width: 100%;} .onboarding_monarch .explainer-field{max-width: 350px;} .onboarding_monarch .input-field{width: 163px;} .onboarding_monarch .input-field::placeholder{color: var(--lightgray); opacity: 1;} .onboarding_monarch input:focus::placeholder{color: transparent;} .onboarding_monarch input:disabled{color: #6b7c93; cursor: not-allowed; background-color: transparent;} .onboarding_monarch .select-option{color: var(--black); flex: 1; font-weight: 500; line-height: normal; position: relative; text-align: left; appearance: none; border: none; background-color: transparent; background: right 0px center no-repeat url('/onboarding_monarch/static/src/img/icons-12.svg'); padding: 0 20px 0 0; outline: none;} .onboarding_monarch .dropdown{display: inline-block; min-width: 153px; outline: none;} .onboarding_monarch .dropdown input{height: 29px;} .onboarding_monarch .dropdown .dropdown-menu{position: absolute; border-radius: 0 0 4px 4px; border-left: 1px solid var(--lightgray); border-right: 1px solid var(--lightgray); border-bottom: 1px solid var(--lightgray); display: none; overflow: hidden; width: 100%; left: 0; padding: 0; margin: 0; min-width: 153px; max-height: 200px; overflow-y: auto; list-style: none; z-index: 999;} .onboarding_monarch .dropdown .dropdown-menu li{padding: 8px 0px 7px 2px; cursor: pointer;} .onboarding_monarch .dropdown .dropdown-menu li.selected, .onboarding_monarch .dropdown .dropdown-block .dropdown-menu-extra li.selected{background-color: var(--saffron); white-space: nowrap;} .onboarding_monarch .dropdown .dropdown-block{display: none; position: absolute; margin-top: 5px; max-height: 240px; min-width: 163px; border-radius: 4px; padding: 5px 1px 5px 5px; background-color: var(--white); z-index: 999; border: 1px solid #b1b1b1; overflow-y: auto; overflow-x: auto; scrollbar-color: #b1b1b1 transparent; box-sizing: border-box;} .onboarding_monarch .dropdown .dropdown-block .dropdown-menu-extra{max-height: 100%; width: 100%; line-height: 25px;} .onboarding_monarch .dropdown .dropdown-block .dropdown-menu-extra ul{margin-bottom: 0;} .onboarding_monarch .dropdown .dropdown-block .dropdown-menu-extra li{cursor: pointer; padding: 1px 20px; white-space: nowrap; display: inline-block; width: auto; min-width: 100%;} .onboarding_monarch .dropdown .dropdown-block .dropdown-menu-extra li.ticked::before{content: '✔'; font-size: 16px; padding-right: 5px; margin-left: -18px; vertical-align: middle;} .onboarding_monarch .dropdown .dropdown-block .dropdown-menu-extra li::before{content: '';} .onboarding_monarch .icons-arrow{position: relative; width: 16px; height: 16px;} .onboarding_monarch .icons-lookup{height: 22px; margin-bottom: -2.50px; margin-top: -2.50px; position: relative; width: 22px;} .onboarding_monarch .icons-hook{height: 32px; position: relative; width: 32px; margin-top: -22px;} .onboarding_monarch .icons-link{height: 12px; position: relative; width: 12px;} .onboarding_monarch .icons-human{height: 72px; position: relative; width: 72px;} .onboarding_monarch .side-content-title{color: var(--black); font-weight: 700; line-height: normal; margin-top: -1.00px; position: relative; white-space: nowrap; width: fit-content;} .onboarding_monarch .side-line{background-color: var(--saffron); height: 5px; position: relative; width: 50px;} .onboarding_monarch .benefit-item{color: var(--black); font-weight: 500; line-height: normal; position: relative; width: fit-content;} .onboarding_monarch .button-group{position: relative; align-self: stretch; width: 100%; margin-bottom: 10px;} .onboarding_monarch .button{align-items: center; display: inline-flex; gap: 5px; justify-content: center; min-width: 150px; padding: 10px 10px 10px 12px; position: relative; background-color: var(--saffron); outline: none;} .onboarding_monarch .button-reference{border-radius: 4px;} .onboarding_monarch .button-learn-more{background-color: transparent; border: 1px solid var(--saffron); height: 44px; padding: 10px; z-index: 999;} .onboarding_monarch .button-bool{min-width: 163px; border: 1px solid var(--saffron); background-color: var(--white);} .onboarding_monarch .button-agree{border: 1px solid var(--saffron); background-color: var(--white); width: 100%; min-width: 330px;} .onboarding_monarch .button-multi{min-width: 200px; border: 1px solid var(--saffron); background-color: var(--white);} .onboarding_monarch .clicked{background-color: var(--black); color: var(--white); border: 1px solid var(--black);} .onboarding_monarch .button-multi.clicked .button-field, .onboarding_monarch .button-bool.clicked .button-field, .onboarding_monarch .button-agree.clicked .button-field{color: var(--white) !important;} .onboarding_monarch .button-agree.clicked .black-icon{display: none;} .onboarding_monarch .button-agree.clicked .white-icon{display: inline-block;} .onboarding_monarch .action-button{display: flex;} .onboarding_monarch .action-button-main{display: flex;} .onboarding_monarch .button-next{position: relative; left: 50px;} .onboarding_monarch .button-save{position: absolute; right: 34px; border: 1px solid var(--black); margin-right: 35px;} .onboarding_monarch .button-submit{margin-left: -45px;} .onboarding_monarch .button-get-cal{width: 207px; height: 74px; padding: 20px; z-index: 999;} .onboarding_monarch .button-thin{height: 37px !important; min-width: 169px;} .onboarding_monarch .button-upload{height: 37px !important; min-width: 150px; width: 150px; padding: 10px;} .onboarding_monarch .white-icon{display: none;} .onboarding_monarch .action-label{color: var(--black); flex: 1; font-weight: 500; line-height: normal; margin-top: -1.00px; position: relative;} .onboarding_monarch .carousel-dots{background-color: var(--white); border: 4px solid var(--saffron); border-radius: 10px; height: 20px; position: relative; width: 20px; outline: none;} .onboarding_monarch .carousel-dots.active{background-color: var(--saffron); border-radius: 10px; height: 20px; position: relative; width: 20px; border: 4px solid var(--saffron); z-index: 999;} .onboarding_monarch .carousel-dots-outside{border: 4px solid var(--saffron); z-index: 999;} .onboarding_monarch .carousel-dots-inside{background-color: var(--white); border-radius: 15px; height: 30px; position: absolute; width: 30px; z-index: 999;} .onboarding_monarch .title-of-question{color: var(--black); font-weight: 700; line-height: normal; margin-top: -1.00px; position: relative; white-space: nowrap; width: fit-content;} .onboarding_monarch .ui-datepicker-calendar{display: block !important;} .onboarding_monarch .ui-datepicker table{font-size: 1em !important; margin: 0 0 .4em 1.5em;} .onboarding_monarch .calculator-section{width: 900px; min-width: 150px; height: 245px; min-height: 80px; padding: 52px 12px 52px 12px; background-color:#fce9c2; border: 1px solid var(--black); display: grid; gap:28px; justify-items: center;} .onboarding_monarch .frame-extension{max-width: 350px; height: 27px;} .onboarding_monarch .info-panel{background-color: #daebff; padding: 30px; border-radius: 12px; height: auto; max-height: none;} .onboarding_monarch .info-panel-details{padding-left: 20px !important;} .onboarding_monarch .info-panel-details li::before{top: 6px !important; left: -15px !important;} .onboarding_monarch .message-section{max-width: 715px; line-height: 19px; border-radius: 10px; padding: 20px; display: grid; gap: 5px;} .onboarding_monarch .validation-message{min-height: 140px; background-color: #fb9999;} .onboarding_monarch .notification-message{min-height: 217px; background-color: #fce9c2;} .onboarding_monarch .verification-block{display: flex; gap: 20px; margin-top: -5px;} .onboarding_monarch .verification-content{display: flex; gap: 4px; flex-direction: column;} .onboarding_monarch .welcome-banner{width: 100%; height: 315px; object-fit: cover; display: block;} .onboarding_monarch .frame-label.input-error .title-of-question, .onboarding_monarch .frame-label.input-error .optional{color: red;} .onboarding_monarch .review-title{font-size: 48px;} .input-field.textregularmd[name="estimated_annual_travel"], .input-field.textregularmd[name="current_odometer_reading"]{width: 135px !important;} .onboarding_monarch .loader{border: 6px solid #f3f3f3; border-top: 6px solid #1b70f0; border-radius: 50%; width: 50px; height: 50px; animation: spin 0.8s linear infinite;} .onboarding_monarch .iti__selected-dial-code{font-family: var(--font-family-rubik); font-size: var(--font-size-m); font-style: normal; font-weight: 400 !important; letter-spacing: 0;} .onboarding_monarch .iti__arrow{display: none !important;} .onboarding_monarch .iti__dropdown-content{display: none !important;} .onboarding_monarch .pop-up-frame{border: 1px solid var(--lightgray); max-height: 372px; max-width: 480px; padding: 30px 30px 50px 30px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; align-content: flex-start; background-color: white;} .onboarding_monarch .pop-up-title{display: flex; justify-content: space-between; align-items: center; width: 100%;} .onboarding_monarch .button-close{cursor: pointer; font-size: 22px;} .onboarding_monarch .input-save-for-later{border: none; border-bottom: 1px solid black; padding: 8px 4px; width:260px !important; width: 100%;} .onboarding_monarch .button-cancel{background-color: transparent; border: 1px solid black; display: flex; align-items: center; gap: 6px; padding: 10px 20px;} .onboarding_monarch .button-save-send{display: flex; align-items: center; gap: 6px; padding: 10px 20px;} .onboarding_monarch .save-fullscreen-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; display: flex; align-items: center; justify-content: center;} @keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} @media (max-width: 1195px){.onboarding_monarch .frame-side-content{display: none;}} @media (max-width: 1050px){.onboarding_monarch .frame-main{flex: 1 1 100%;}.onboarding_monarch .action-footer{display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 16px 5vw;}.onboarding_monarch .action-footer > a{flex: 1; text-align: center;}.onboarding_monarch .action-footer .button{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}} @media (max-width: 768px){.onboarding_monarch .header{position: relative; display: flex; justify-content: space-between; align-items: center; padding: 16px 5%; gap: 8px; height: 60px;}.onboarding_monarch .logo-salary-masters, .onboarding_monarch .frame-redirect{position: static; width: auto; height: auto; flex-shrink: 1;}.onboarding_monarch .logo-salary-masters{max-width: 145px;}.onboarding_monarch .frame-redirect{margin-left: auto;}.onboarding_monarch .frame-footer{width: 100%; height: auto;}.onboarding_monarch .footer-container{flex-direction: column;}.onboarding_monarch .footer{flex-direction: column; padding: 20px 16px; height: auto;}.onboarding_monarch .logo-salary-masters-footer{max-height: 25px; margin-left: 0;}.onboarding_monarch .group-steps{display: none;}.onboarding_monarch .navbar{max-width: 100vw; overflow: hidden;}.onboarding_monarch .frame-content{padding:0 5vw 32px 5vw !important;}.onboarding_monarch .action-footer{display: flex; min-height: 160px; padding: 24px 5vw; white-space: nowrap; justify-content: center;}.onboarding_monarch .action-button-main{display: flex; justify-content: center; width: 100%; align-self: flex-end;}.onboarding_monarch .action-button-main:has(> a:first-child + a){justify-content: space-between;}.onboarding_monarch .action-footer:not(:has(.button-save)){height: auto;}.onboarding_monarch .button-save{align-self: flex-start; margin-right: auto; right: auto;}.onboarding_monarch .button-next{left: auto;}.onboarding_monarch .button-submit{margin: auto;}.onboarding_monarch a[data-hashtags="associate-lease/review-calculation"] .button{white-space: normal; padding: 6px 12px 6px 12px;}.onboarding_monarch .review-title{font-size: var(--font-size-xxxl);}.onboarding_monarch .long-intro{font-size: var(--font-size-xxl);}.onboarding_monarch .select-option{max-width: 300px;}.onboarding_monarch .pop-up-frame{width: 95%; max-width: none; padding: 16px 5vw;}} @media (max-width: 695px){.onboarding_monarch .button-group{height: auto;}} 

/* /onboarding_monarch/static/src/scss/onboarding_monarch.scss defined in bundle 'web.assets_frontend' */
 .o_onboarding{position: relative; overflow: hidden; background: white center top; background-size: cover; border-bottom: 1px solid #dee2e6;} .o_onboarding .o_onboarding_wrap{padding: 32px 16px;} .o_onboarding .o_onboarding_step_title, .o_onboarding a.o_onboarding_all_done{cursor: pointer;} .o_onboarding .o_onboarding_btn_close{position: absolute; top: auto; left: auto; bottom: 0; right: 0; padding: 6px 12px; cursor: pointer;} .o_onboarding .o_onboarding_btn_close{top: 0; bottom: auto;} .o_onboarding .o_onboarding_completed_message{position: absolute; top: auto; left: 0; bottom: 0; right: 0; box-shadow: 0 2px 10px; padding: 16px; background-color: white; color: #4c4c4c; opacity: 0; z-index: -1;} .o_onboarding .o_onboarding_completed_message.o_onboarding_steps_just_done{animation: o_onb_fadeIn 1.5s;} .o_onboarding .o_onboarding_completed_message.o_onboarding_steps_done{opacity: 1; z-index: auto;} .o_onboarding .o_onboarding_steps, .o_onboarding .o_onboarding_step{display: -webkit-box; display: -webkit-flex; display: flex;} .o_onboarding .o_onboarding_steps{-webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: initial;} @media (max-width: 767.98px){.o_onboarding .o_onboarding_steps{-webkit-flex-flow: column nowrap; flex-flow: column nowrap;}} .o_onboarding .o_onboarding_step{-webkit-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; align-items: center; text-align: center; position: relative; opacity: 0.6;} @media (max-width: 767.98px){.o_onboarding .o_onboarding_step{text-align: left; margin-bottom: 16px; align-items: baseline;}.o_onboarding .o_onboarding_step .o_onboarding_step_content{max-width: none;}} .o_onboarding .o_onboarding_step:first-of-type .o_onboarding_progress{display: none !important;} .o_onboarding .o_onboarding_step:first-of-type .o_onboarding_dot{transition-delay: 0s;} .o_onboarding .o_onboarding_step .o_onboarding_step_content{max-width: 230px; padding: 0 10px;} @media (min-width: 992px){.o_onboarding .o_onboarding_step .o_onboarding_step_content{min-width: 230px;}} .o_onboarding .o_onboarding_step .o_onboarding_step_content .o_onboarding_step_action{border: 1px solid #e9ecef; display: none;} .o_onboarding .o_onboarding_step .o_onboarding_step_content p{opacity: 0.8;} .o_onboarding .o_onboarding_step .o_onboarding_progress{position: absolute; top: 8px; left: auto; bottom: auto; right: calc(50% + 10px); width: calc(100% - 20px); height: 4px; background-color: #e9ecef;} .o_onboarding .o_onboarding_step .o_onboarding_progress .progress-bar{background-image: linear-gradient(90deg, #ffb400, #ffb400); transition: opacity 0.5s;} .o_onboarding .o_onboarding_step .o_onboarding_dot{width: 20px; height: 20px; color: transparent; padding-top: 5px; font-size: 11px; display: inline-block; border-radius: 100%; background-color: #e9ecef; position: relative; transition: background 0.5s ease 0.5s;} .o_onboarding .o_onboarding_step .o_onboarding_all_done{display: none;} .o_onboarding .o_onboarding_step.o_onboarding_current, .o_onboarding .o_onboarding_step.o_onboarding_done{opacity: 1;} .o_onboarding .o_onboarding_step.o_onboarding_current .o_onboarding_progress .progress-bar, .o_onboarding .o_onboarding_step.o_onboarding_done .o_onboarding_progress .progress-bar{width: 100%; box-shadow: none; transition: width 0.5s;} .o_onboarding .o_onboarding_step.o_onboarding_current .o_onboarding_step_action, .o_onboarding .o_onboarding_step.o_onboarding_current .o_onboarding_dot{animation: bounceIn 1s;} .o_onboarding .o_onboarding_step.o_onboarding_current .o_onboarding_step_action{display: inline-block;} .o_onboarding .o_onboarding_step.o_onboarding_current .o_onboarding_dot{background: #ffb400;} .o_onboarding .o_onboarding_step.o_onboarding_done .o_onboarding_dot{background: #ffb400; color: white;} .o_onboarding .o_onboarding_step.o_onboarding_done .o_onboarding_all_done{display: block;} .o_onboarding .o_onboarding_step.o_onboarding_done + .o_onboarding_done .o_onboarding_dot{transition-delay: 0s;} .o_onboarding .o_onboarding_step.o_onboarding_done + .o_onboarding_done .o_onboarding_progress{background: #ffb400;} .o_onboarding .o_onboarding_step.o_onboarding_done + .o_onboarding_done .progress-bar{opacity: 0;} .o_onboarding .o_onboarding_step.o_onboarding_just_done .o_onboarding_all_done{animation: bounceIn 1s; display: block;} .o_onboarding .o_onboarding_step.o_onboarding_just_done .o_onboarding_step_content_info{animation: o_onb_fadeIn 1.5s;} @keyframes o_onb_fadeIn{0%{opacity: 0;}33%{opacity: 0;}100%{opacity: 1;}} .o_onboarding.o_onboarding_blue, .o_onboarding.o_onboarding_blue .o_onboarding_step_title, .o_onboarding.o_onboarding_blue .o_onboarding_step_action, .o_onboarding.o_onboarding_blue a.o_onboarding_all_done, .o_onboarding.o_onboarding_blue .o_onboarding_all_done > .fa, .o_onboarding.o_onboarding_blue .o_onboarding_btn_close{color: white !important;} .o_onboarding.o_onboarding_blue .o_onboarding_wrap{background-color: rgba(73, 144, 179, 0.75); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 171, 195, 0.5)), to(#4187AE)); background-image: -webkit-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE); background-image: -moz-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE); background-image: -ms-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE); background-image: -o-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE); background-image: linear-gradient(to bottom, rgba(96, 171, 195, 0.5), #4187AE); box-shadow: inset 0 -7px 20px -5px rgba(0, 0, 0, 0.3);} .o_onboarding.o_onboarding_blue .o_onboarding_dot, .o_onboarding.o_onboarding_blue .o_onboarding_progress{background-color: rgba(255, 255, 255, 0.5);} .o_onboarding.o_onboarding_blue .o_onboarding_step_action{border-color: rgba(255, 255, 255, 0.5);} .o_onboarding.o_onboarding_blue .progress-bar{background-image: linear-gradient(90deg, #F39D9B, #FBEEC8);} .o_onboarding.o_onboarding_blue .o_onboarding_step.o_onboarding_done .o_onboarding_dot, .o_onboarding.o_onboarding_blue .o_onboarding_step.o_onboarding_done .o_onboarding_progress, .o_onboarding.o_onboarding_blue .o_onboarding_step .o_onboarding_done + .o_onboarding_done .o_onboarding_dot, .o_onboarding.o_onboarding_blue .o_onboarding_step .o_onboarding_done + .o_onboarding_done .o_onboarding_progress{background: #F39D9B;} .o_onboarding.o_onboarding_blue .o_onboarding_step.o_onboarding_current .o_onboarding_dot{background: #FBEEC8;} .o_onboarding.o_onboarding_orange, .o_onboarding.o_onboarding_orange .o_onboarding_step_title, .o_onboarding.o_onboarding_orange .o_onboarding_step_action, .o_onboarding.o_onboarding_orange a.o_onboarding_all_done, .o_onboarding.o_onboarding_orange .o_onboarding_all_done > .fa, .o_onboarding.o_onboarding_orange .o_onboarding_btn_close{color: white !important;} .o_onboarding.o_onboarding_orange .o_onboarding_wrap{background-color: rgba(193, 117, 89, 0.75); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(218, 157, 119, 0.5)), to(#B9684F)); background-image: -webkit-linear-gradient(top, rgba(218, 157, 119, 0.5), #B9684F); background-image: -moz-linear-gradient(top, rgba(218, 157, 119, 0.5), #B9684F); background-image: -ms-linear-gradient(top, rgba(218, 157, 119, 0.5), #B9684F); background-image: -o-linear-gradient(top, rgba(218, 157, 119, 0.5), #B9684F); background-image: linear-gradient(to bottom, rgba(218, 157, 119, 0.5), #B9684F); box-shadow: inset 0 -7px 20px -5px rgba(0, 0, 0, 0.3);} .o_onboarding.o_onboarding_orange .o_onboarding_dot, .o_onboarding.o_onboarding_orange .o_onboarding_progress{background-color: rgba(255, 255, 255, 0.5);} .o_onboarding.o_onboarding_orange .o_onboarding_step_action{border-color: rgba(255, 255, 255, 0.5);} .o_onboarding.o_onboarding_orange .progress-bar{background-image: linear-gradient(90deg, #599FF1, #68B3C9);} .o_onboarding.o_onboarding_orange .o_onboarding_step.o_onboarding_done .o_onboarding_dot, .o_onboarding.o_onboarding_orange .o_onboarding_step.o_onboarding_done .o_onboarding_progress, .o_onboarding.o_onboarding_orange .o_onboarding_step .o_onboarding_done + .o_onboarding_done .o_onboarding_dot, .o_onboarding.o_onboarding_orange .o_onboarding_step .o_onboarding_done + .o_onboarding_done .o_onboarding_progress{background: #599FF1;} .o_onboarding.o_onboarding_orange .o_onboarding_step.o_onboarding_current .o_onboarding_dot{background: #68B3C9;} .o_onboarding.o_onboarding_violet, .o_onboarding.o_onboarding_violet .o_onboarding_step_title, .o_onboarding.o_onboarding_violet .o_onboarding_step_action, .o_onboarding.o_onboarding_violet a.o_onboarding_all_done, .o_onboarding.o_onboarding_violet .o_onboarding_all_done > .fa, .o_onboarding.o_onboarding_violet .o_onboarding_btn_close{color: white !important;} .o_onboarding.o_onboarding_violet .o_onboarding_wrap{background-color: rgba(77, 98, 172, 0.75); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 112, 195, 0.5)), to(#475DA4)); background-image: -webkit-linear-gradient(top, rgba(96, 112, 195, 0.5), #475DA4); background-image: -moz-linear-gradient(top, rgba(96, 112, 195, 0.5), #475DA4); background-image: -ms-linear-gradient(top, rgba(96, 112, 195, 0.5), #475DA4); background-image: -o-linear-gradient(top, rgba(96, 112, 195, 0.5), #475DA4); background-image: linear-gradient(to bottom, rgba(96, 112, 195, 0.5), #475DA4); box-shadow: inset 0 -7px 20px -5px rgba(0, 0, 0, 0.3);} .o_onboarding.o_onboarding_violet .o_onboarding_dot, .o_onboarding.o_onboarding_violet .o_onboarding_progress{background-color: rgba(255, 255, 255, 0.5);} .o_onboarding.o_onboarding_violet .o_onboarding_step_action{border-color: rgba(255, 255, 255, 0.5);} .o_onboarding.o_onboarding_violet .progress-bar{background-image: linear-gradient(90deg, #F39D9B, #FBEEC8);} .o_onboarding.o_onboarding_violet .o_onboarding_step.o_onboarding_done .o_onboarding_dot, .o_onboarding.o_onboarding_violet .o_onboarding_step.o_onboarding_done .o_onboarding_progress, .o_onboarding.o_onboarding_violet .o_onboarding_step .o_onboarding_done + .o_onboarding_done .o_onboarding_dot, .o_onboarding.o_onboarding_violet .o_onboarding_step .o_onboarding_done + .o_onboarding_done .o_onboarding_progress{background: #F39D9B;} .o_onboarding.o_onboarding_violet .o_onboarding_step.o_onboarding_current .o_onboarding_dot{background: #FBEEC8;} .o_onboarding .o_onboarding_confetti{animation: cannon-explosion 1.5s ease-out 0s 1 normal both; position: absolute; top: 0; left: auto; bottom: 30px; right: 50%; transform-origin: 50% 100%; display: none; width: 1px;} @keyframes cannon-explosion{0%{transform: scale(0);}70%{opacity: 1;}100%{opacity: 0;}} .o_onboarding .o_onboarding_confetti > div{position: absolute; top: auto; left: 0; bottom: 5px; right: 0; transform-origin: 50% 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; justify-content: space-around; align-content: center; padding-bottom: 30%;} .o_onboarding .o_onboarding_confetti > div:nth-child(1), .o_onboarding .o_onboarding_confetti > div:nth-child(5){height: 90%; transform: rotate(-20deg);} .o_onboarding .o_onboarding_confetti > div:nth-child(2), .o_onboarding .o_onboarding_confetti > div:nth-child(4){height: 95%; transform: rotate(-10deg);} .o_onboarding .o_onboarding_confetti > div:nth-child(3){height: 100%;} .o_onboarding .o_onboarding_confetti > div:nth-child(4){transform: rotate(10deg);} .o_onboarding .o_onboarding_confetti > div:nth-child(5){transform: rotate(20deg);} .o_onboarding .o_onboarding_confetti > div > div{-webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; animation: confetti-rotate-l 1.5s ease-out 0s 1 normal both;} .o_onboarding .o_onboarding_confetti > div > div:nth-child(odd){animation: confetti-rotate-r 1.5s ease-out 0s 1 normal both;} @keyframes confetti-rotate-l{0%{transform: rotate(0) scaleY(1);}50%{transform: rotate(2turn) scaleY(1.5); opacity: 1;}100%{transform: rotate(2.05turn) scaleY(1); opacity: 0;}} @keyframes confetti-rotate-r{0%{transform: rotate(0) scaleY(1);}50%{transform: rotate(-2turn) scaleY(1.5); opacity: 1;}100%{transform: rotate(-2.05turn) scaleY(1); opacity: 0;}} .o_onboarding .o_onboarding_confetti > div > div.ribbon{width: .3em; height: .7em; border-radius: .1em;} .o_onboarding .o_onboarding_confetti > div > div.flake{width: .3em; height: .3em; border-radius: 50%;} .o_onboarding .o_onboarding_confetti > div > div.color-1{background-color: #feb535;} .o_onboarding .o_onboarding_confetti > div > div.color-2{background-color: #bea4ff;} .o_onboarding .o_onboarding_confetti > div > div.color-3{background-color: #ff6e83;} .o_onboarding .o_onboarding_confetti > div > div.color-4{background-color: #58cafe;} .o_onboarding .o_onboarding_just_done .o_onboarding_confetti{display: block;} 

/* /onboarding_monarch/static/src/scss/reimbursement_lodgement.scss defined in bundle 'web.assets_frontend' */
 .frame-content-reimbursement{min-height: 100vh; max-width: 100%; width: 100vw; overflow-x: hidden; position: relative;} .frame-content-reimbursement .frame-main-reimbursement{width: 100%; max-width: 100%; margin: 0; padding: 1rem; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; gap: 2rem;} @media (max-width: 1199.98px){.frame-content-reimbursement .frame-main-reimbursement{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 0.5rem;}} .frame-content-reimbursement .frame-main-reimbursement form{width: 100%; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100vh; overflow-x: hidden;} @media (max-width: 1199.98px){.frame-content-reimbursement .frame-main-reimbursement form{flex: 1;}} .frame-content-reimbursement .frame-main-reimbursement form .frame-main{flex: 1; width: 100%; max-width: 100%; overflow-x: hidden;} @media (max-width: 1199.98px){.frame-content-reimbursement .frame-main-reimbursement form .frame-main{margin-bottom: 2rem;}} .frame-content-reimbursement .frame-main-reimbursement form .frame-main .frame-form{width: 100%; max-width: 100%; overflow-x: hidden;} .frame-content-reimbursement .frame-main-reimbursement .frame-side-content{width: 300px; flex-shrink: 0;} @media (max-width: 1199.98px){.frame-content-reimbursement .frame-main-reimbursement .frame-side-content{width: 100%; margin-bottom: 4rem;}} @media (max-width: 1199.98px){.frame-content-reimbursement .frame-actions{position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background: white; padding: 1rem; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); z-index: 100;}.frame-content-reimbursement .frame-actions .button-reference{margin: 0; width: 100%; padding: 0.875rem; font-size: 1rem; border-radius: 4px; display: block;}} .frame-content-reimbursement .frame-details{width: 100%; max-width: 100%; background: white; border-radius: 8px; margin-bottom: 1rem;} @media (max-width: 991.98px){.frame-content-reimbursement .frame-details{padding: 1rem;}} .frame-content-reimbursement .frame-details .frame{width: 100%; max-width: 100%;} .frame-content-reimbursement .frame-details .input-lockup{width: 100%; max-width: 100%; margin-bottom: 1rem;} @media (max-width: 767.98px){.frame-content-reimbursement .frame-details .input-lockup{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 1.5rem;}.frame-content-reimbursement .frame-details .input-lockup .frame-label{width: 100%;}.frame-content-reimbursement .frame-details .input-lockup .input-form{width: 100%;}.frame-content-reimbursement .frame-details .input-lockup .input-form input, .frame-content-reimbursement .frame-details .input-lockup .input-form select, .frame-content-reimbursement .frame-details .input-lockup .input-form textarea{width: 100%; max-width: 100%;}} .frame-content-reimbursement .frame-details .form-grid{width: 100%; max-width: 100%;} .frame-content-reimbursement .frame-details .form-grid .form-grid-row{width: 100%; max-width: 330px; display: -webkit-box; display: -webkit-flex; display: flex; gap: 1rem;} @media (max-width: 767.98px){.frame-content-reimbursement .frame-details .form-grid .form-grid-row{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 1rem;}} .frame-content-reimbursement .frame-details .form-grid .form-grid-row .form-grid-cell{flex: 1; min-width: 0;} @media (max-width: 767.98px){.frame-content-reimbursement .frame-details .form-grid .form-grid-row .form-grid-cell{width: 100%;}} @media (max-width: 767.98px){.button-reference{width: 100%; text-align: center; padding: 0.75rem;}} 

/* /onboarding_monarch/static/src/css/reimbursement_lodgement.css defined in bundle 'web.assets_frontend' */
 :root{--black: #232323; --white: #ffffff; --saffron: #F5B544; --lightgray: #98A2B3; --error: #dc3545; --success: #12B76A; --border-color: #ddd;} .onboarding_monarch_reimbursement{display: flex; flex-direction: column; min-height: 100vh; width: 100%;} .onboarding_monarch_reimbursement .frame-header{width: 100%; background-color: var(--black); position: relative; min-height: 80px; max-width: 1280px; margin: 0 auto;} .onboarding_monarch_reimbursement .frame-header-wrapper{width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 0 40px; position: relative; min-height: 80px;} .onboarding_monarch_reimbursement .frame-header .logo-salary-masters{height: 30px; width: auto;} .onboarding_monarch_reimbursement .frame-header .frame-redirect{display: flex; align-items: center; margin-right: auto;} .onboarding_monarch_reimbursement .frame-header .back-to-website{color: var(--white); width: max-content; text-decoration: none; font-size: 14px; display: flex; align-items: center; gap: 8px;} .onboarding_monarch_reimbursement .frame-content.frame-content-reimbursement{flex: 1; width: 100%; max-width: 1280px; margin: 0 auto; padding: 40px 40px 80px; box-sizing: border-box; position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px;} .onboarding_monarch_reimbursement .frame-main.frame-main-reimbursement{display: grid; grid-template-columns: minmax(0, 460px) 280px; gap: 140px; width: 100%; max-width: 960px; align-items: start; margin: 50px auto 0px auto;} .onboarding_monarch_reimbursement .frame-form{flex: 1; min-width: 0; width: 100%; display: flex; flex-direction: column; gap: 20px;} .onboarding_monarch_reimbursement .input-lockup{display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px;} .onboarding_monarch_reimbursement .input-field, .onboarding_monarch_reimbursement .select-option{width: 100%; padding: 8px 12px; border: 1px solid var(--border-color); border-radius: 4px; font-size: 14px; background-color: var(--white); transition: all 0.3s ease;} .onboarding_monarch_reimbursement .input-field:focus, .onboarding_monarch_reimbursement .select-option:focus{border-color: var(--saffron); outline: none; box-shadow: 0 0 0 2px rgba(245, 181, 68, 0.25);} .onboarding_monarch_reimbursement .button{display: flex; width: 100%; padding: 20px 24px; background-color: var(--saffron); border: none; border-radius: 4px; margin-bottom: 16px; text-align: left; font-weight: 500; font-size: 15px; cursor: pointer; transition: all 0.3s ease; align-items: center; justify-content: space-between; text-decoration: none; color: var(--black);} .onboarding_monarch_reimbursement .button:hover{background-color: #e5a73e; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .onboarding_monarch_reimbursement .frame-side-content{width: 350px; display: flex; flex-direction: column; gap: 60px; padding: 1rem; background: white;} .onboarding_monarch_reimbursement .frame-side-items{display: flex; flex-direction: column; gap: 60px;} .onboarding_monarch_reimbursement .frame-side-field{display: flex; flex-direction: column; gap: 20px; position: relative; padding-left: 40px;} .onboarding_monarch_reimbursement .frame-side-field h3{font-size: 16px; font-weight: 600; color: var(--black); margin: 0; padding-bottom: 8px; border-bottom: 2px solid var(--saffron); width: fit-content;} .onboarding_monarch_reimbursement .frame-side-field p{font-size: 14px; color: #666; margin: 0; line-height: 1.5; padding-right: 20px;} .onboarding_monarch_reimbursement .frame-side-card{background: white; border-radius: 8px; padding: 24px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 20px;} @media (max-width: 991px){.onboarding_monarch_reimbursement .frame-side-content{width: 100%; max-width: 350px; margin: 0 auto;}} @media (max-width: 768px){.onboarding_monarch_reimbursement .frame-side-items{gap: 40px;}.onboarding_monarch_reimbursement .frame-side-field{padding-left: 32px;}} .onboarding_monarch_reimbursement .frame-footer{max-width: 1280px; margin: 0 auto; background-color: var(--black); box-sizing: border-box;} @media (max-width: 991px){.onboarding_monarch_reimbursement .frame-header{max-width: 100%;}.onboarding_monarch_reimbursement .frame-header-wrapper{padding: 25px 20px; min-height: 70px;}.onboarding_monarch_reimbursement .frame-content.frame-content-reimbursement{padding: 30px 20px; grid-template-columns: 1fr;}.onboarding_monarch_reimbursement .frame-main.frame-main-reimbursement{grid-template-columns: 1fr; gap: 40px;}.onboarding_monarch_reimbursement .frame-side-content{width: 100%; max-width: 460px; margin: 0 auto;}} @media (max-width: 768px){.onboarding_monarch_reimbursement .frame-header-wrapper{padding: 20px 15px; min-height: 60px;}.onboarding_monarch_reimbursement .frame-header .logo-salary-masters{height: 25px;}.onboarding_monarch_reimbursement .frame-content.frame-content-reimbursement{padding: 20px 15px;}.onboarding_monarch_reimbursement .button{padding: 16px 20px;}} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} @keyframes slideIn{from{transform: translateY(-100%); opacity: 0;}to{transform: translateY(0); opacity: 1;}} @keyframes shake{10%, 90%{transform: translate3d(-1px, 0, 0);}20%, 80%{transform: translate3d(2px, 0, 0);}30%, 50%, 70%{transform: translate3d(-4px, 0, 0);}40%, 60%{transform: translate3d(4px, 0, 0);}} .onboarding_monarch_reimbursement .error{color: var(--error);} .onboarding_monarch_reimbursement .success{color: var(--success);} .onboarding_monarch_reimbursement .hidden{display: none;} .onboarding_monarch_reimbursement .frame-label{align-items: baseline; display: inline-flex; flex: 0 0 auto; gap: 8px; position: relative;} .onboarding_monarch_reimbursement .frame-redirect{align-items: center; display: flex; gap: 5px; height: 14px; left: 1069px; position: absolute; top: 49px; width: 109px;} .onboarding_monarch_reimbursement .frame-header-wrapper{width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; position: relative; min-height: 80px;} .onboarding_monarch_reimbursement .frame-header .logo-salary-masters{height: 30px; width: auto;} .onboarding_monarch_reimbursement .frame-header .frame-redirect{display: flex; align-items: center;} .onboarding_monarch_reimbursement .frame-header .back-to-website{color: #fff; text-decoration: none; font-size: 14px; display: flex; align-items: center; gap: 8px;} .onboarding_monarch_reimbursement .frame-footer{max-width: 1280px; margin: 0 auto; background-color: #232323; box-sizing: border-box;} .onboarding_monarch_reimbursement .overlap-group{height: 98px; position: relative;} .onboarding_monarch_reimbursement .navbar{align-items: center; background-color: #eee9e4; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; height: auto; min-height: 80px; width: 100%; padding: 15px; position: relative; box-sizing: border-box;} .onboarding_monarch_reimbursement .navbar-link-step-1, .onboarding_monarch_reimbursement .navbar-link-step-2, .onboarding_monarch_reimbursement .navbar-link-step-3, .onboarding_monarch_reimbursement .navbar-link-step-4{color: var(--black); font-weight: 500; line-height: normal; padding: 8px 15px; white-space: nowrap; text-align: center;} .onboarding_monarch_reimbursement .title{color: var(--black); font-weight: 700; line-height: normal; margin-top: -1.00px; position: relative; white-space: nowrap; width: fit-content;} .onboarding_monarch_reimbursement .short-intro{color: var(--black); line-height: normal; position: relative; width: 715px;} .onboarding_monarch_reimbursement .long-intro{color: var(--black); font-size: 30px; line-height: normal; position: relative; width: 900px;} .onboarding_monarch_reimbursement .bullet-points{padding-left: 28px;} .onboarding_monarch_reimbursement .bullet-points li{position: relative; list-style-type: none;} .onboarding_monarch_reimbursement .bullet-points li span{margin-left: -2px;} .onboarding_monarch_reimbursement .bullet-points li::before{background: var(--black); content: ""; position: absolute; top: 9px; left: -20px; width: 4px; height: 4px; border-radius: 50%;} .onboarding_monarch_reimbursement .group-content{height: 975px; position: relative; width: 349px;} .onboarding_monarch_reimbursement .group-steps{align-items: flex-start; display: flex; flex-direction: column; left: 0; min-height: 830px; position: absolute; top: 0; width: 30px;} .onboarding_monarch_reimbursement .step-line-vertical{background-color: var(--saffron); height: 3px; margin-left: -379.0px; margin-top: 392px; transform: rotate(90.00deg); width: 788px;} .onboarding_monarch_reimbursement .step-line-horizontal{background-color: var(--saffron); height: 6px; left: 0; position: absolute; top: 79px;} .onboarding_monarch_reimbursement .step-line-1{width: 168px;} .onboarding_monarch_reimbursement .step-line-2{width: 465px;} .onboarding_monarch_reimbursement .step-line-3{width: 780px;} .onboarding_monarch_reimbursement .step-line-4{width: 1090px;} .onboarding_monarch_reimbursement .step-dot-1{left: 168px; top: 67px;} .onboarding_monarch_reimbursement .step-dot-2{left: 465px; top: 67px;} .onboarding_monarch_reimbursement .step-dot-3{left: 780px; top: 67px;} .onboarding_monarch_reimbursement .step-dot-4{left: 1090px; top: 67px;} .onboarding_monarch_reimbursement .x-details{color: var(--white); font-weight: 500; line-height: normal; margin-top: -1.00px; position: relative; width: fit-content;} .onboarding_monarch_reimbursement .input-lockup-max{align-items: flex-start; align-self: stretch; display: flex; flex: 0 0 auto; flex-direction: column; gap: 6px; position: relative; width: 100%;} .onboarding_monarch_reimbursement .optional{color: var(--black); font-weight: 500; line-height: normal; position: relative; white-space: nowrap; width: fit-content;} .onboarding_monarch_reimbursement .input-form{align-items: center; display: flex; gap: 8px; height: 29px; justify-content: center; padding: 6px 0px; position: relative; max-width: 330px;} .onboarding_monarch_reimbursement .input-form.underlined-input input{text-decoration: underline; text-decoration-color: var(--black); text-decoration-style: solid; text-decoration-thickness: 1px; text-underline-offset: 9px; line-height: 32px; width: 330px;} .onboarding_monarch_reimbursement .input-extra{max-width: 350px !important; height: 31px !important;} .onboarding_monarch_reimbursement .input-form-lookup{align-self: stretch; align-items: center; display: flex; border-bottom: 1px solid var(--black); gap: 8px; height: 29px; justify-content: center; padding: 6px 0px; position: relative; width: 330px;} .onboarding_monarch_reimbursement .input-field, .onboarding_monarch_reimbursement .explainer-field, .onboarding_monarch_reimbursement .button-field{color: var(--black); flex: 1; font-weight: 500; line-height: normal; position: relative; text-align: left; border: none; outline: none; padding: 0px; width: 100%;} .onboarding_monarch_reimbursement .input-field, .onboarding_monarch_reimbursement .select-option{min-width: 163px;} .onboarding_monarch_reimbursement .select-option::placeholder, .onboarding_monarch_reimbursement .input-field::placeholder{color: var(--lightgray); opacity: 1;} .onboarding_monarch_reimbursement input:focus::placeholder{color: transparent;} .onboarding_monarch_reimbursement .select-option{color: var(--black); flex: 1; font-weight: 500; line-height: normal; position: relative; text-align: left; appearance: none; border: none; background-color: transparent; background: right 0px center no-repeat url('/onboarding_monarch/static/src/img/icons-12.svg'); padding: 0px; outline: none;} .onboarding_monarch_reimbursement .dropdown{display: inline-block; min-width: 153px; outline: none;} .onboarding_monarch_reimbursement .dropdown input{height: 29px;} .onboarding_monarch_reimbursement .dropdown .dropdown-menu{position: absolute; border-radius: 0 0 4px 4px; border-left: 1px solid var(--lightgray); border-right: 1px solid var(--lightgray); border-bottom: 1px solid var(--lightgray); display: none; overflow: hidden; width: 100%; left: 0; padding: 0; margin: 0; min-width: 153px; max-height: 200px; overflow-y: auto; list-style: none; z-index: 999;} .onboarding_monarch_reimbursement .dropdown .dropdown-menu li{padding: 8px 0px 7px 2px; cursor: pointer;} .onboarding_monarch_reimbursement .dropdown .dropdown-menu li.selected, .onboarding_monarch_reimbursement .dropdown .dropdown-block .dropdown-menu-extra li.selected{background-color: var(--saffron);} .onboarding_monarch_reimbursement .dropdown .dropdown-block{display: none; position: absolute; margin-top: 5px; height: 142px; min-width: 163px; border-radius: 10px; padding: 5px 1px 5px 5px; background-color: var(--white); z-index: 999; border: 1px solid #b1b1b1;} .onboarding_monarch_reimbursement .dropdown .dropdown-block .dropdown-menu-extra{height: 100%; width: 100%; overflow: auto; line-height: 25px; scrollbar-color: #b1b1b1 transparent;} .onboarding_monarch_reimbursement .dropdown .dropdown-block .dropdown-menu-extra li{cursor: pointer; padding-left: 20px;} .onboarding_monarch_reimbursement .dropdown .dropdown-block .dropdown-menu-extra li.ticked::before{content: '✔'; font-size: 16px; padding-right: 5px; margin-left: -18px; vertical-align: middle;} .onboarding_monarch_reimbursement .dropdown .dropdown-block .dropdown-menu-extra li::before{content: '';} .onboarding_monarch_reimbursement .icons-arrow{position: relative; width: 16px; height: 16px;} .onboarding_monarch_reimbursement .icons-lookup{height: 22px; margin-bottom: -2.50px; margin-top: -2.50px; position: relative; width: 22px;} .onboarding_monarch_reimbursement .icons-hook{height: 32px; position: relative; width: 32px; margin-top: -22px;} .onboarding_monarch_reimbursement .icons-link{height: 12px; position: relative; width: 12px;} .onboarding_monarch_reimbursement .icons-human{height: 72px; position: relative; width: 72px;} .onboarding_monarch_reimbursement .side-content-title{font-size: 16px; font-weight: 600; color: #000; margin-bottom: 20px; position: relative; padding-bottom: 12px; border-bottom: 2px solid var(--saffron); width: fit-content;} .onboarding_monarch_reimbursement .side-line{width: 40px; height: 4px; background-color: var(--saffron); margin-bottom: 15px;} .onboarding_monarch_reimbursement .benefit-item{font-size: 13px; color: #444; line-height: 1.5;} .onboarding_monarch_reimbursement .footer-container{height: 239px; position: relative;} .onboarding_monarch_reimbursement .action-footer{align-items: center; background-color: #eee9e4; display: flex; height: 120px; left: 0; min-width: 1280px; padding: 0 132px; position: absolute; top: 0;} .onboarding_monarch_reimbursement .button-group{position: relative; align-self: stretch; width: 100%; height: 37px; margin-bottom: 10px;} .onboarding_monarch_reimbursement .button-reference{border-radius: 4px;} .onboarding_monarch_reimbursement .button-learn-more{background-color: transparent; border: 1px solid var(--saffron); height: 44px; padding: 10px; z-index: 999;} .onboarding_monarch_reimbursement .button-bool, .onboarding_monarch_reimbursement .button-agree{min-width: 163px; border: 1px solid var(--saffron); background-color: var(--white);} .onboarding_monarch_reimbursement .button-multi{min-width: 200px; border: 1px solid var(--saffron); background-color: var(--white);} .onboarding_monarch_reimbursement .clicked{background-color: var(--black); color: var(--white); border: 1px solid var(--black);} .onboarding_monarch_reimbursement .button-multi.clicked .button-field, .onboarding_monarch_reimbursement .button-bool.clicked .button-field, .onboarding_monarch_reimbursement .button-agree.clicked .button-field{color: var(--white) !important;} .onboarding_monarch_reimbursement .button-agree.clicked .black-icon{display: none;} .onboarding_monarch_reimbursement .button-agree.clicked .white-icon{display: inline-block;} .onboarding_monarch_reimbursement .action-button{display: flex;} .onboarding_monarch_reimbursement .button-next{position: relative; left: 50px;} .onboarding_monarch_reimbursement .button-save{position: absolute; right: 34px; border: 1px solid var(--black);} .onboarding_monarch_reimbursement .button-get-cal{width: 207px; height: 74px; padding-top: 20px; padding-bottom: 20px; z-index: 999;} .onboarding_monarch_reimbursement .button-thin{height: 37px !important; min-width: 169px;} .onboarding_monarch_reimbursement .button-upload{height: 37px !important; min-width: 150px; width: 150px; padding: 10px;} .onboarding_monarch_reimbursement .white-icon{display: none;} .onboarding_monarch_reimbursement .action-label{color: var(--black); flex: 1; font-weight: 500; line-height: normal; margin-top: -1.00px; position: relative;} .onboarding_monarch_reimbursement .footer{align-items: flex-start; background-color: #232323; display: flex; flex-direction: row; height: 120px; justify-content: flex-start; left: 0; min-width: 1280px; padding: 46px 155px; position: absolute; top: 119px; width: auto;} .onboarding_monarch_reimbursement .logo-salary-masters-footer{height: 23px; width: 138px;} .onboarding_monarch_reimbursement .carousel-dots{background-color: var(--white); border: 4px solid var(--saffron); border-radius: 10px; height: 20px; position: relative; width: 20px; outline: none;} .onboarding_monarch_reimbursement .carousel-dots.active{background-color: var(--saffron); border-radius: 10px; height: 20px; position: relative; width: 20px; border: 4px solid var(--saffron); z-index: 999;} .onboarding_monarch_reimbursement .carousel-dots-outside{border: 4px solid var(--saffron); z-index: 999;} .onboarding_monarch_reimbursement .carousel-dots-inside{background-color: var(--white); border-radius: 15px; height: 30px; position: absolute; width: 30px; z-index: 999;} .onboarding_monarch_reimbursement .title-of-question{width: 100%; max-width: 960px; margin: 0 auto 30px;} .onboarding_monarch_reimbursement .frame-title{width: 100%; max-width: 960px; margin: 0 auto 30px;} .onboarding_monarch_reimbursement .frame-title h1{font-size: 28px; font-weight: 700; margin: 0; color: #000;} .onboarding_monarch_reimbursement .frame-main-reimbursement .frame-form{flex: 1; min-width: 0; width: 100%;} .onboarding_monarch_reimbursement .frame-main-reimbursement .frame-side-content{width: 300px; background: white; display: flex; flex-direction: column; gap: 20px; align-self: flex-start; position: sticky; top: 20px;} .onboarding_monarch_reimbursement .frame-main-reimbursement .frame-division{width: 100%; background: white; padding: 20px; box-sizing: border-box; margin-bottom: 20px;} .onboarding_monarch_reimbursement .frame-side-items{display: flex; flex-direction: column; gap: 15px; width: 100%;} .onboarding_monarch_reimbursement .frame-side-field{display: flex; align-items: flex-start; gap: 15px; width: 100%; ul{padding-left: 0; list-style-image: url('/onboarding_monarch/static/src/img/icons-16.svg');}} @media (max-width: 991px){.onboarding_monarch_reimbursement .frame-header{max-width: 100%;}.onboarding_monarch_reimbursement .frame-header-wrapper{padding: 25px 20px; min-height: 70px;}.onboarding_monarch_reimbursement .frame-content.frame-content-reimbursement{padding: 20px;}.onboarding_monarch_reimbursement .frame-main.frame-main-reimbursement{grid-template-columns: 1fr; gap: 40px;}.onboarding_monarch_reimbursement .frame-header-content{padding: 0 20px;}.onboarding_monarch_reimbursement .frame-side-content{width: 100%; max-width: 460px; margin: 0 auto;}.onboarding_monarch_reimbursement .frame-division{padding: 20px;}} @media (max-width: 768px){.onboarding_monarch_reimbursement .frame-header-wrapper{padding: 20px 15px; min-height: 60px;}.onboarding_monarch_reimbursement .frame-header .logo-salary-masters{height: 25px;}.onboarding_monarch_reimbursement .frame-content.frame-content-reimbursement{padding: 15px;}.onboarding_monarch_reimbursement .frame-main.frame-main-reimbursement{padding-top: 20px;}.onboarding_monarch_reimbursement .button{padding: 16px 20px;}.onboarding_monarch_reimbursement .frame-title h1{font-size: 24px;}.onboarding_monarch_reimbursement .frame-header-content{padding: 0 15px;}.onboarding_monarch_reimbursement .frame-division{padding: 20px;}} @media (max-width: 480px){.onboarding_monarch_reimbursement .frame-header-wrapper{padding: 15px;}.onboarding_monarch_reimbursement .frame-header .logo-salary-masters{height: 20px;}} .onboarding_monarch_reimbursement .frame-main-reimbursement .frame-main{flex: 1; min-width: 0; width: 100%;} .onboarding_monarch_reimbursement .frame-main-reimbursement .frame-side-content{width: 300px; flex-shrink: 0; position: relative;} .onboarding_monarch .frame-content-reimbursement .frame-form{width: 100%; max-width: 100%;} .onboarding_monarch .frame-content-reimbursement .frame-details{width: 100%; max-width: 100%; background: white; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);} .onboarding_monarch .frame-content-reimbursement .current-transaction{width: 100%; max-width: 100%; position: relative; padding: 20px; background: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; margin-top: 20px; top: 0;} .onboarding_monarch .frame-content-reimbursement .form-grid{width: 100%; display: grid; gap: 24px;} .onboarding_monarch .frame-content-reimbursement .form-grid-row{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;} .onboarding_monarch .frame-content-reimbursement .input-lockup{width: 100%; margin-bottom: 20px;} .onboarding_monarch .frame-content-reimbursement .input-form{width: 100%; max-width: 100%; margin: 0;} .onboarding_monarch .frame-content-reimbursement .input-field, .onboarding_monarch .frame-content-reimbursement .select-option, .onboarding_monarch .frame-content-reimbursement textarea.input-field{width: 100%; max-width: 100%; background: #fafafa; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px;} .onboarding_monarch .frame-content-reimbursement .drag-drop-area{position: relative; width: 100%; min-height: 160px; border: 2px dashed var(--border-color); border-radius: 8px; background-color: #fafafa; transition: all 0.3s ease; cursor: pointer; margin-top: 8px;} .onboarding_monarch .frame-content-reimbursement .drag-drop-area:hover, .onboarding_monarch .frame-content-reimbursement .drag-drop-area.dragover{border-color: var(--saffron); background-color: rgba(245, 181, 68, 0.05);} .onboarding_monarch .frame-content-reimbursement .drag-drop-content{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 160px; padding: 24px; text-align: center; pointer-events: none;} .onboarding_monarch .frame-content-reimbursement .frame-header{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding: 16px; width: 100%;} .onboarding_monarch .frame-content-reimbursement .frame-header-actions{display: flex; align-items: center; gap: 16px; flex-wrap: wrap;} .onboarding_monarch .frame-content-reimbursement .button-reference{display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 4px; font-size: 14px; font-weight: 500; cursor: pointer; border: none; background-color: var(--saffron); color: white; width: auto; min-width: 150px;} .onboarding_monarch .frame-content-reimbursement .historical-transactions-container{width: 100%; margin-bottom: 20px;} .onboarding_monarch .frame-content-reimbursement .historical-transaction{width: 100%; margin-bottom: 16px;} @media (max-width: 991px){.onboarding_monarch .frame-content-reimbursement .form-grid-row{grid-template-columns: 1fr;}.onboarding_monarch .frame-content-reimbursement .frame-header{flex-direction: column; align-items: stretch;}.onboarding_monarch .frame-content-reimbursement .frame-header-actions{flex-direction: column;}.onboarding_monarch .frame-content-reimbursement .total-amount-wrapper{width: 100%;}.onboarding_monarch .frame-content-reimbursement .add-transaction-btn{width: 100%;}.onboarding_monarch .frame-content-reimbursement .frame-actions{position: fixed; bottom: 0; left: 0; right: 0; background: white; padding: 16px; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; width: 100%;}.onboarding_monarch .frame-content-reimbursement .button-reference{width: 100%; display: block; margin: 0; text-align: center;}.onboarding_monarch .frame-content-reimbursement .current-transaction{width: 100%; position: relative; top: 0; margin-top: 20px;}} .onboarding_monarch .frame-content-reimbursement .frame{align-items: center; align-self: stretch; background-color: var(--saffron); display: flex; flex: 0 0 auto; gap: 10px; justify-content: center; padding: 5px 10px; position: relative; width: 100%;} .onboarding_monarch .frame-content-reimbursement .frame-main{width: 100%; padding-bottom: 32px;} .onboarding_monarch .frame-content-reimbursement .frame-details{width: 100%; position: relative;} .onboarding_monarch .frame-content-reimbursement .frame-side-content{align-items: flex-start; display: flex; flex-direction: column; left: 668px; min-height: 684px; position: absolute; top: 90px; width: 450px; padding: 1rem;} .onboarding_monarch .benefit-items{display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 330px;} .onboarding_monarch .benefit-items .benefit-item{width: inherit; color: var(--black); padding: 16px; margin-bottom: 10px; background: var(--white); border: 1px solid #E9E9E9;} .onboarding_monarch .benefit-items .benefit-item.selected{background-color: var(--black); color: var(--white); border: 1px solid var(--black);} .onboarding_monarch .benefit-items .benefit-item-inner{display: flex; align-items: flex-start; gap: 20px;} .onboarding_monarch .benefit-items .benefit-icon{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #f8f9fa;} .onboarding_monarch .benefit-items .benefit-icon i{font-size: 24px; color: #FFFFFF;} .onboarding_monarch .benefit-items .benefit-content{flex: 1; display: flex; flex-direction: column; gap: 8px;} .onboarding_monarch .benefit-items .benefit-header{justify-content: space-between; align-items: center; margin-bottom: 12px; text-align:center;} .onboarding_monarch .benefit-items .benefit-title{font-size: 16px; font-weight: 600; margin: 0;} .onboarding_monarch .benefit-items .benefit-status{display: flex; align-items: center; gap: 6px; color: #4CAF50; font-size: 14px;} .onboarding_monarch .benefit-items .benefit-status i{font-size: 8px;} .onboarding_monarch .benefit-items .benefit-details{display: flex; flex-direction: column; gap: 8px;} .onboarding_monarch .benefit-items .benefit-property{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; width: 100%; padding-right: 16px; font-size: 14px;} .onboarding_monarch .benefit-items .benefit-property-row{display: flex; gap: 24px; width: 100%; padding-right: 16px;} .onboarding_monarch .benefit-items .benefit-property.inline{flex: 1; min-width: 0;} .onboarding_monarch .benefit-items .property-label{font-size: 14px; flex: 0 0 auto; min-width: 80px;} .onboarding_monarch .benefit-items .property-value{font-size: 14px; flex: 1; word-break: break-word; overflow-wrap: break-word; white-space: normal; min-width: 0; line-height: 1.4; max-width: calc(100% - 90px);} .onboarding_monarch .benefit-items .benefit-property.inline .property-value{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .onboarding_monarch .frame-content-reimbursement .input-lockup{width: 100%; margin-bottom: 24px;} .onboarding_monarch .frame-content-reimbursement .input-form{width: 100%; max-width: 100%; margin: 0;} .onboarding_monarch .frame-content-reimbursement .input-field, .onboarding_monarch .frame-content-reimbursement .select-option, .onboarding_monarch .frame-content-reimbursement textarea.input-field{width: 100%; max-width: 100%; background: #fafafa; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px;} .onboarding_monarch .frame-content-reimbursement .input-field:focus, .onboarding_monarch .frame-content-reimbursement .select-option:focus{border-color: #007bff; outline: none; box-shadow: 0 0 0 2px rgba(0,123,255,0.25);} .onboarding_monarch .frame-content-reimbursement .input-field.error, .onboarding_monarch .frame-content-reimbursement .select-option.error{border-color: #dc3545 !important; background-color: #fff8f8 !important;} .onboarding_monarch .frame-content-reimbursement .title-of-question.error{color: #dc3545 !important;} .onboarding_monarch .frame-content-reimbursement .benefit-vehicle{border-left: 4px solid #F5B544;} .onboarding_monarch .frame-content-reimbursement .benefit-health{border-left: 4px solid #12B76A;} .onboarding_monarch .frame-content-reimbursement .benefit-education{border-left: 4px solid #7F56D9;} .onboarding_monarch .frame-content-reimbursement .benefit-entertainment{border-left: 4px solid #F04438;} .onboarding_monarch .frame-content-reimbursement .benefit-default{border-left: 4px solid #344054;} .onboarding_monarch .frame-content-reimbursement .benefit-vehicle.selected{background-color: rgba(245, 181, 68, 0.1);} .onboarding_monarch .frame-content-reimbursement .benefit-health.selected{background-color: rgba(18, 183, 106, 0.1);} .onboarding_monarch .frame-content-reimbursement .benefit-education.selected{background-color: rgba(127, 86, 217, 0.1);} .onboarding_monarch .frame-content-reimbursement .benefit-entertainment.selected{background-color: rgba(240, 68, 56, 0.1);} .onboarding_monarch .frame-content-reimbursement .benefit-default.selected{background-color: rgba(52, 64, 84, 0.1);} @media (max-width: 768px){.onboarding_monarch .frame-content-reimbursement .benefit-item{flex-direction: column; align-items: flex-start;}.onboarding_monarch .frame-content-reimbursement .benefit-icon{width: 32px; height: 32px; font-size: 14px;}.onboarding_monarch .frame-content-reimbursement .benefit-content{width: 100%;}} .onboarding_monarch .frame-content-reimbursement .input-form{width: 100%; align-items: center; display: flex; gap: 8px; height: 29px; justify-content: center; padding: 6px 0px; position: relative; max-width: 330px; margin: 0 auto;} .onboarding_monarch .frame-content-reimbursement .input-form-group{display: flex; gap: 16px; align-items: flex-start; width: 100%;} .onboarding_monarch .verification-section input[type="email"]{width: 234px !important; max-width: 330px;} .onboarding_monarch .verification-section .input-phone-number{width: 234px !important; max-width: 330px;} .onboarding_monarch .frame-content-reimbursement .input-form-group .verification-button{flex-shrink: 0; margin-top: 0;} .onboarding_monarch .frame-content-reimbursement .input-form-group .button-reference{height: 40px; padding: 0 16px; display: flex; align-items: center; white-space: nowrap;} .onboarding_monarch .frame-content-reimbursement .frame-header{display: flex; justify-content: space-between; align-items: center; padding: 16px;} .onboarding_monarch .frame-content-reimbursement .frame-header-actions{display: inline-grid; align-items: center; gap: 16px;} .onboarding_monarch .frame-content-reimbursement .add-transaction-btn{display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; transition: all 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .add-transaction-btn i{font-size: 12px;} .onboarding_monarch .frame-content-reimbursement .total-amount-wrapper{display: flex; align-items: center; gap: 8px;} .onboarding_monarch .frame-content-reimbursement .total-amount-wrapper .title-of-question{color: #1D2939; font-size: 14px; font-weight: 600; white-space: nowrap;} .onboarding_monarch .frame-content-reimbursement .total-amount-wrapper .input-field{width: 120px; text-align: right;} .button{&:hover{background-color: darken(#F5B544, 5%); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1);}} }.onboarding_monarch .frame-content-reimbursement .title-of-question{transition: color 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .input-field, .onboarding_monarch .frame-content-reimbursement .select-option{transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .input-lockup{margin-bottom: 24px; transition: all 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .input-lockup:last-child{margin-bottom: 0;} .onboarding_monarch .frame-content-reimbursement .transaction-item{background-color: #fff; border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden; transition: all 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .transaction-header{background-color: #f8f9fa; padding: 16px; border-bottom: 1px solid #e5e5e5;} .onboarding_monarch .frame-content-reimbursement .transaction-form{padding: 24px; display: flex; flex-direction: column; gap: 24px;} .onboarding_monarch .frame-content-reimbursement .form-row{display: flex; gap: 24px; width: 100%;} .onboarding_monarch .frame-content-reimbursement .form-row .input-lockup{flex: 1; margin: 0;} .onboarding_monarch .frame-content-reimbursement .form-row.full-width{flex-direction: column;} .onboarding_monarch .frame-content-reimbursement .form-row.full-width .input-lockup{width: 100%;} .onboarding_monarch .frame-content-reimbursement .form-row textarea{width: 100%; min-height: 80px; resize: vertical;} .onboarding_monarch .frame-content-reimbursement .form-row input[type="file"]{width: 100%; padding: 8px; border: 1px dashed #ced4da; border-radius: 4px; background-color: #f8f9fa; transition: all 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .frame-actions{margin-top: 24px; display: flex; justify-content: flex-end;} .onboarding_monarch .frame-content-reimbursement .input-field, .onboarding_monarch .frame-content-reimbursement .select-option{width: 100%; padding: 8px 12px; border: 1px solid #ced4da; border-radius: 4px; background-color: #fff; transition: all 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .input-field:focus, .onboarding_monarch .frame-content-reimbursement .select-option:focus{border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} .onboarding_monarch .frame-content-reimbursement .input-field.error, .onboarding_monarch .frame-content-reimbursement .select-option.error{border-color: #dc3545; background-color: #fff8f8; animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;} @keyframes shake{10%, 90%{transform: translate3d(-1px, 0, 0);}20%, 80%{transform: translate3d(2px, 0, 0);}30%, 50%, 70%{transform: translate3d(-4px, 0, 0);}40%, 60%{transform: translate3d(4px, 0, 0);}} .onboarding_monarch .frame-content-reimbursement .title-of-question.error{color: #dc3545; animation: fadeIn 0.3s ease;} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .onboarding_monarch .frame-content-reimbursement .input-field.error:focus, .onboarding_monarch .frame-content-reimbursement .select-option.error:focus{box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);} .onboarding_monarch .frame-content-reimbursement .title-of-question{margin-bottom: 8px; color: #495057; transition: color 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .save-transaction-btn{padding: 8px 16px; font-size: 14px; line-height: 1.5; border-radius: 4px; transition: all 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .save-transaction-btn:hover{transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .onboarding_monarch .frame-content-reimbursement .save-transaction-btn:active{transform: translateY(0); box-shadow: none;} .onboarding_monarch .frame-content-reimbursement .button-check{min-width: 163px; border: 1px solid var(--saffron); background-color: var(--white);} .onboarding_monarch .frame-content-reimbursement .button-check.clicked{background-color: var(--black);} .onboarding_monarch .frame-content-reimbursement .button-check.clicked .button-field{color: var(--white) !important;} .onboarding_monarch .frame-content-reimbursement .button-check.clicked .black-icon{display: none;} .onboarding_monarch .frame-content-reimbursement .button-check.clicked .white-icon{display: inline-block;} .onboarding_monarch .frame-content-reimbursement .input-form.processing{position: relative; pointer-events: none; opacity: 0.7;} .onboarding_monarch .frame-content-reimbursement .input-form.processing::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; z-index: 1000;} .onboarding_monarch .frame-content-reimbursement .input-form.processing::before{content: 'Processing receipt...'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; color: #666; font-weight: 500;} .onboarding_monarch .frame-content-reimbursement .alert{margin-bottom: 1rem; padding: 0.75rem 1.25rem; border: 1px solid transparent; border-radius: 0.25rem; animation: slideIn 0.3s ease-out;} .onboarding_monarch .frame-content-reimbursement .alert-warning{color: #856404; background-color: #fff3cd; border-color: #ffeeba;} .onboarding_monarch .frame-content-reimbursement .alert-success{color: #155724; background-color: #d4edda; border-color: #c3e6cb;} @keyframes slideIn{from{transform: translateY(-100%); opacity: 0;}to{transform: translateY(0); opacity: 1;}} .onboarding_monarch .frame-content-reimbursement .form-grid{display: grid; gap: 20px; margin-bottom: 20px;} .onboarding_monarch .frame-content-reimbursement .form-grid-row{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;} .onboarding_monarch .frame-content-reimbursement .form-grid-cell{min-width: 0;} .onboarding_monarch .frame-content-reimbursement .form-grid-cell .input-lockup{margin-bottom: 0;} .onboarding_monarch .frame-content-reimbursement .input-lockup{display: flex; flex-direction: column; gap: 8px;} .onboarding_monarch .frame-content-reimbursement .input-field, .onboarding_monarch .frame-content-reimbursement .select-option{width: 100%; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px;} .onboarding_monarch .frame-content-reimbursement .input-field:focus, .onboarding_monarch .frame-content-reimbursement .select-option:focus{border-color: #007bff; outline: none; box-shadow: 0 0 0 2px rgba(0,123,255,0.25);} .onboarding_monarch .frame-content-reimbursement .input-field.error, .onboarding_monarch .frame-content-reimbursement .select-option.error{border-color: #dc3545;} .onboarding_monarch .frame-content-reimbursement .title-of-question.error{color: #dc3545;} @media (max-width: 768px){.onboarding_monarch .frame-content-reimbursement .form-grid-row{grid-template-columns: 1fr; gap: 16px;}} .onboarding_monarch .frame-content-reimbursement .drag-drop-area{position: relative; width: 100%; min-height: 200px; border: 2px dashed #ddd; border-radius: 8px; background-color: #fafafa; margin-top: 8px;} .onboarding_monarch .frame-content-reimbursement .drag-drop-area:hover, .onboarding_monarch .frame-content-reimbursement .drag-drop-area.dragover{border-color: var(--saffron); background-color: rgba(245, 181, 68, 0.05);} .onboarding_monarch .frame-content-reimbursement .drag-drop-area .file-input{position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer;} .onboarding_monarch .frame-content-reimbursement .drag-drop-content{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 200px; padding: 20px; text-align: center;} .onboarding_monarch .frame-content-reimbursement .upload-icon{width: 48px; height: 48px; margin-bottom: 16px; opacity: 0.6;} .onboarding_monarch .frame-content-reimbursement .drag-drop-text{display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px;} .onboarding_monarch .frame-content-reimbursement .drag-drop-text .primary-text{color: #1D2939; font-weight: 500;} .onboarding_monarch .frame-content-reimbursement .drag-drop-text .secondary-text{color: #667085;} .onboarding_monarch .frame-content-reimbursement .file-types{color: #98A2B3;} .onboarding_monarch .frame-content-reimbursement .drag-drop-area.has-files{border-style: solid; background-color: #fff;} .onboarding_monarch .frame-content-reimbursement .drag-drop-area.has-error{border-color: #dc3545; background-color: #fff8f8;} .onboarding_monarch .frame-content-reimbursement .transaction-form-container{top: 30px; background: #fff; border-radius: 8px;} .onboarding_monarch .frame-content-reimbursement .receipt-section{margin-bottom: 32px;} .onboarding_monarch .frame-content-reimbursement .drag-drop-area{position: relative; width: 100%; min-height: 160px; border: 2px dashed #ddd; border-radius: 8px; background-color: #fafafa; transition: all 0.3s ease; cursor: pointer; margin-top: 8px;} .onboarding_monarch .frame-content-reimbursement .drag-drop-content{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 160px; padding: 24px; text-align: center; pointer-events: none;} .onboarding_monarch .frame-content-reimbursement .upload-icon{width: 32px; height: 32px; margin-bottom: 12px; opacity: 0.6;} .onboarding_monarch .frame-content-reimbursement .drag-drop-text{display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px;} .onboarding_monarch .frame-content-reimbursement .drag-drop-text .primary-text{color: #1D2939; font-weight: 500; font-size: 14px;} .onboarding_monarch .frame-content-reimbursement .drag-drop-text .secondary-text{color: #667085; font-size: 14px;} .onboarding_monarch .frame-content-reimbursement .historical-transactions-container{width: 100%;} .onboarding_monarch .frame-content-reimbursement .historical-transaction{width: 100%;} .onboarding_monarch .frame-content-reimbursement .historical-transaction .transaction-details{width: 330px; border: 1px solid; padding: 5px; margin-bottom: 10px;} .onboarding_monarch .frame-content-reimbursement .remove-transaction-btn{float: right;} .onboarding_monarch .frame-content-reimbursement .file-types{color: #98A2B3; font-size: 12px;} .onboarding_monarch .frame-content-reimbursement .form-grid{display: grid; gap: 24px;} .onboarding_monarch .frame-content-reimbursement .form-grid-row{max-width: 330px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;} .onboarding_monarch .frame-content-reimbursement .form-grid-cell{min-width: 0;} .onboarding_monarch .frame-content-reimbursement .mt-4{margin-top: 24px;} .onboarding_monarch .frame-content-reimbursement .current-transaction{width: 330px; position: absolute; padding: 0px; background: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; z-index: 100; top: 150px; transition: all 0.3s ease;} .onboarding_monarch .frame-content-reimbursement .benefits-details{display: flex; flex-direction: column; gap: 10px;} .onboarding_monarch .frame-content-reimbursement .benefit-description{font-size: 14px; color: #667085; line-height: 1.5;} .onboarding_monarch .frame-content-reimbursement .benefit-key{color: #667085; font-weight: 500;} .onboarding_monarch .frame-content-reimbursement .benefit-value{color: #1D2939;} .onboarding_monarch .frame-content-reimbursement .benefit-vehicle{border-left: 4px solid #F5B544;} .onboarding_monarch .frame-content-reimbursement .benefit-health{border-left: 4px solid #12B76A;} .onboarding_monarch .frame-content-reimbursement .benefit-education{border-left: 4px solid #7F56D9;} .onboarding_monarch .frame-content-reimbursement .benefit-entertainment{border-left: 4px solid #F04438;} .onboarding_monarch .frame-content-reimbursement .benefit-default{border-left: 4px solid #344054;} .onboarding_monarch .frame-content-reimbursement .benefit-vehicle.selected{background-color: rgba(245, 181, 68, 0.1);} .onboarding_monarch .frame-content-reimbursement .benefit-health.selected{background-color: rgba(18, 183, 106, 0.1);} .onboarding_monarch .frame-content-reimbursement .benefit-education.selected{background-color: rgba(127, 86, 217, 0.1);} .onboarding_monarch .frame-content-reimbursement .benefit-entertainment.selected{background-color: rgba(240, 68, 56, 0.1);} .onboarding_monarch .frame-content-reimbursement .benefit-default.selected{background-color: rgba(52, 64, 84, 0.1);} @media (max-width: 768px){.onboarding_monarch .frame-content-reimbursement .benefit-item{flex-direction: column; align-items: flex-start;}.onboarding_monarch .frame-content-reimbursement .benefit-icon{width: 32px; height: 32px; font-size: 14px;}.onboarding_monarch .frame-content-reimbursement .benefit-content{width: 100%;}} @media (max-width: 768px){.onboarding_monarch_reimbursement .frame-form, .onboarding_monarch_reimbursement .frame-main{gap: 20px;}} @media (max-width: 991px){.onboarding_monarch_reimbursement .frame-side-content{max-width: 100%; margin-top: 30px;}} @media (max-width: 768px){.onboarding_monarch_reimbursement .header{padding: 10px; min-height: 60px;}.onboarding_monarch_reimbursement .navbar{padding: 10px; gap: 10px;}.onboarding_monarch_reimbursement .navbar-link-step-1, .onboarding_monarch_reimbursement .navbar-link-step-2, .onboarding_monarch_reimbursement .navbar-link-step-3, .onboarding_monarch_reimbursement .navbar-link-step-4{font-size: 14px; padding: 6px 10px; min-width: auto;}} @media (max-width: 480px){.onboarding_monarch_reimbursement .navbar{flex-direction: column; align-items: stretch;}.onboarding_monarch_reimbursement .navbar-link-step-1, .onboarding_monarch_reimbursement .navbar-link-step-2, .onboarding_monarch_reimbursement .navbar-link-step-3, .onboarding_monarch_reimbursement .navbar-link-step-4{width: 100%; text-align: center; padding: 10px;}} .onboarding_monarch_reimbursement .drag-drop-area{position: relative; width: 100%; min-height: 160px; border: 2px dashed var(--border-color); border-radius: 8px; background-color: #fafafa; transition: all 0.3s ease; cursor: pointer; margin-top: 8px;} .onboarding_monarch_reimbursement .drag-drop-area:hover, .onboarding_monarch_reimbursement .drag-drop-area.dragover{border-color: var(--saffron); background-color: rgba(245, 181, 68, 0.05);} .onboarding_monarch_reimbursement .drag-drop-content{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 160px; padding: 24px; text-align: center; pointer-events: none;} .onboarding_monarch_reimbursement .benefit-items{display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 330px;} .onboarding_monarch_reimbursement .benefit-item{width: inherit; color: var(--black); padding: 16px; margin-bottom: 10px; background: var(--white);} .onboarding_monarch_reimbursement .benefit-item.selected{background-color: var(--black); color: var(--white); border: 1px solid var(--black);} .onboarding_monarch_reimbursement .transaction-form{padding: 24px; display: flex; flex-direction: column; gap: 24px;} .onboarding_monarch_reimbursement .form-row{display: flex; gap: 24px; width: 100%;} .onboarding_monarch_reimbursement .form-row.full-width{flex-direction: column;} .onboarding_monarch_reimbursement .alert{margin-bottom: 1rem; padding: 0.75rem 1.25rem; border: 1px solid transparent; border-radius: 0.25rem; animation: slideIn 0.3s ease-out;} .onboarding_monarch_reimbursement .alert-warning{color: #856404; background-color: #fff3cd; border-color: #ffeeba;} .onboarding_monarch_reimbursement .alert-success{color: #155724; background-color: #d4edda; border-color: #c3e6cb;} .onboarding_monarch_reimbursement .processing{position: relative; pointer-events: none; opacity: 0.7;} .onboarding_monarch_reimbursement .processing::after{content: ''; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center;} .onboarding_monarch_reimbursement .mt-4{margin-top: 24px;} .onboarding_monarch_reimbursement .mb-4{margin-bottom: 24px;} .onboarding_monarch_reimbursement .flex{display: flex;} .onboarding_monarch_reimbursement .flex-col{flex-direction: column;} .onboarding_monarch_reimbursement .items-center{align-items: center;} .onboarding_monarch_reimbursement .justify-between{justify-content: space-between;} .onboarding_monarch_reimbursement .gap-4{gap: 24px;} .onboarding_monarch_reimbursement .w-full{width: 100%;} .onboarding_monarch_reimbursement .text-center{text-align: center;} .onboarding_monarch .verification-section .o_abs_get_code{position: static; background-color: #f0f0f0; border-radius: 5px; padding: 0 8px;} 

/* /salary_master/static/lib/formattedPhone/build/css/intlTelInput.min.css defined in bundle 'web.assets_frontend' */
.iti{position:relative;display:inline-block} .iti *{box-sizing:border-box} .iti__hide{display:none} .iti__v-hide{visibility:hidden} .iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0} .iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px} .iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px} .iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555} [dir=rtl] .iti__arrow{margin-right:6px;margin-left:0} .iti__arrow--up{border-top:none;border-bottom:4px solid #555} .iti__dropdown-content{position:absolute;z-index:2;margin-left:-1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch} .iti__dropdown-content--dropup{bottom:100%;margin-bottom:-1px} .iti__search-input{width:100%;border-width:0} .iti__country-list{list-style:none;padding:0;margin:0} .iti--flexible-dropdown-width .iti__country-list{white-space:nowrap} @media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}} .iti__flag-box{display:inline-block;width:20px} .iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc} .iti__country{display:flex;align-items:center;padding:5px 10px;outline:0} .iti__dial-code{color:#999} .iti__country.iti__highlight{background-color:rgba(0,0,0,.05)} .iti__country-name,.iti__flag-box{margin-right:6px} [dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:6px} .iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text],.iti--separate-dial-code input.iti__tel-input,.iti--separate-dial-code input.iti__tel-input[type=tel],.iti--separate-dial-code input.iti__tel-input[type=text]{padding-right:6px;padding-left:52px;margin-left:0} [dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],[dir=rtl] .iti--separate-dial-code input.iti__tel-input,[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel],[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text]{padding-right:52px;padding-left:6px;margin-right:0} .iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0} [dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto} .iti--allow-dropdown .iti__flag-container:hover{cursor:pointer} .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)} .iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover{cursor:default} .iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag{background-color:transparent} .iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)} .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px} [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px} .iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px} .iti--container:hover{cursor:pointer} .iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:30px;display:flex;flex-direction:column;justify-content:center} .iti--fullscreen-popup .iti__dropdown-content{max-height:100%;position:relative} .iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em} .iti__flag{width:20px} .iti__flag.iti__be{width:18px} .iti__flag.iti__ch{width:15px} .iti__flag.iti__mc{width:19px} .iti__flag.iti__ne{width:18px} .iti__flag.iti__np{width:13px} .iti__flag.iti__va{width:15px} @media (min-resolution:2x){.iti__flag{background-size:5762px 15px}} .iti__flag.iti__ac{height:10px;background-position:0 0} .iti__flag.iti__ad{height:14px;background-position:-22px 0} .iti__flag.iti__ae{height:10px;background-position:-44px 0} .iti__flag.iti__af{height:14px;background-position:-66px 0} .iti__flag.iti__ag{height:14px;background-position:-88px 0} .iti__flag.iti__ai{height:10px;background-position:-110px 0} .iti__flag.iti__al{height:15px;background-position:-132px 0} .iti__flag.iti__am{height:10px;background-position:-154px 0} .iti__flag.iti__ao{height:14px;background-position:-176px 0} .iti__flag.iti__aq{height:14px;background-position:-198px 0} .iti__flag.iti__ar{height:13px;background-position:-220px 0} .iti__flag.iti__as{height:10px;background-position:-242px 0} .iti__flag.iti__at{height:14px;background-position:-264px 0} .iti__flag.iti__au{height:10px;background-position:-286px 0} .iti__flag.iti__aw{height:14px;background-position:-308px 0} .iti__flag.iti__ax{height:13px;background-position:-330px 0} .iti__flag.iti__az{height:10px;background-position:-352px 0} .iti__flag.iti__ba{height:10px;background-position:-374px 0} .iti__flag.iti__bb{height:14px;background-position:-396px 0} .iti__flag.iti__bd{height:12px;background-position:-418px 0} .iti__flag.iti__be{height:15px;background-position:-440px 0} .iti__flag.iti__bf{height:14px;background-position:-460px 0} .iti__flag.iti__bg{height:12px;background-position:-482px 0} .iti__flag.iti__bh{height:12px;background-position:-504px 0} .iti__flag.iti__bi{height:12px;background-position:-526px 0} .iti__flag.iti__bj{height:14px;background-position:-548px 0} .iti__flag.iti__bl{height:14px;background-position:-570px 0} .iti__flag.iti__bm{height:10px;background-position:-592px 0} .iti__flag.iti__bn{height:10px;background-position:-614px 0} .iti__flag.iti__bo{height:14px;background-position:-636px 0} .iti__flag.iti__bq{height:14px;background-position:-658px 0} .iti__flag.iti__br{height:14px;background-position:-680px 0} .iti__flag.iti__bs{height:10px;background-position:-702px 0} .iti__flag.iti__bt{height:14px;background-position:-724px 0} .iti__flag.iti__bv{height:15px;background-position:-746px 0} .iti__flag.iti__bw{height:14px;background-position:-768px 0} .iti__flag.iti__by{height:10px;background-position:-790px 0} .iti__flag.iti__bz{height:12px;background-position:-812px 0} .iti__flag.iti__ca{height:10px;background-position:-834px 0} .iti__flag.iti__cc{height:10px;background-position:-856px 0} .iti__flag.iti__cd{height:15px;background-position:-878px 0} .iti__flag.iti__cf{height:14px;background-position:-900px 0} .iti__flag.iti__cg{height:14px;background-position:-922px 0} .iti__flag.iti__ch{height:15px;background-position:-944px 0} .iti__flag.iti__ci{height:14px;background-position:-961px 0} .iti__flag.iti__ck{height:10px;background-position:-983px 0} .iti__flag.iti__cl{height:14px;background-position:-1005px 0} .iti__flag.iti__cm{height:14px;background-position:-1027px 0} .iti__flag.iti__cn{height:14px;background-position:-1049px 0} .iti__flag.iti__co{height:14px;background-position:-1071px 0} .iti__flag.iti__cp{height:14px;background-position:-1093px 0} .iti__flag.iti__cq{height:12px;background-position:-1115px 0} .iti__flag.iti__cr{height:12px;background-position:-1137px 0} .iti__flag.iti__cu{height:10px;background-position:-1159px 0} .iti__flag.iti__cv{height:12px;background-position:-1181px 0} .iti__flag.iti__cw{height:14px;background-position:-1203px 0} .iti__flag.iti__cx{height:10px;background-position:-1225px 0} .iti__flag.iti__cy{height:14px;background-position:-1247px 0} .iti__flag.iti__cz{height:14px;background-position:-1269px 0} .iti__flag.iti__de{height:12px;background-position:-1291px 0} .iti__flag.iti__dg{height:10px;background-position:-1313px 0} .iti__flag.iti__dj{height:14px;background-position:-1335px 0} .iti__flag.iti__dk{height:15px;background-position:-1357px 0} .iti__flag.iti__dm{height:10px;background-position:-1379px 0} .iti__flag.iti__do{height:14px;background-position:-1401px 0} .iti__flag.iti__dz{height:14px;background-position:-1423px 0} .iti__flag.iti__ea{height:14px;background-position:-1445px 0} .iti__flag.iti__ec{height:14px;background-position:-1467px 0} .iti__flag.iti__ee{height:13px;background-position:-1489px 0} .iti__flag.iti__eg{height:14px;background-position:-1511px 0} .iti__flag.iti__eh{height:10px;background-position:-1533px 0} .iti__flag.iti__er{height:10px;background-position:-1555px 0} .iti__flag.iti__es{height:14px;background-position:-1577px 0} .iti__flag.iti__et{height:10px;background-position:-1599px 0} .iti__flag.iti__eu{height:14px;background-position:-1621px 0} .iti__flag.iti__ez{height:14px;background-position:-1643px 0} .iti__flag.iti__fi{height:12px;background-position:-1665px 0} .iti__flag.iti__fj{height:10px;background-position:-1687px 0} .iti__flag.iti__fk{height:10px;background-position:-1709px 0} .iti__flag.iti__fm{height:11px;background-position:-1731px 0} .iti__flag.iti__fo{height:15px;background-position:-1753px 0} .iti__flag.iti__fr{height:14px;background-position:-1775px 0} .iti__flag.iti__fx{height:14px;background-position:-1797px 0} .iti__flag.iti__ga{height:15px;background-position:-1819px 0} .iti__flag.iti__gb{height:10px;background-position:-1841px 0} .iti__flag.iti__gd{height:12px;background-position:-1863px 0} .iti__flag.iti__ge{height:14px;background-position:-1885px 0} .iti__flag.iti__gf{height:14px;background-position:-1907px 0} .iti__flag.iti__gg{height:14px;background-position:-1929px 0} .iti__flag.iti__gh{height:14px;background-position:-1951px 0} .iti__flag.iti__gi{height:10px;background-position:-1973px 0} .iti__flag.iti__gl{height:14px;background-position:-1995px 0} .iti__flag.iti__gm{height:14px;background-position:-2017px 0} .iti__flag.iti__gn{height:14px;background-position:-2039px 0} .iti__flag.iti__gp{height:14px;background-position:-2061px 0} .iti__flag.iti__gq{height:14px;background-position:-2083px 0} .iti__flag.iti__gr{height:14px;background-position:-2105px 0} .iti__flag.iti__gs{height:10px;background-position:-2127px 0} .iti__flag.iti__gt{height:13px;background-position:-2149px 0} .iti__flag.iti__gu{height:11px;background-position:-2171px 0} .iti__flag.iti__gw{height:10px;background-position:-2193px 0} .iti__flag.iti__gy{height:12px;background-position:-2215px 0} .iti__flag.iti__hk{height:14px;background-position:-2237px 0} .iti__flag.iti__hm{height:10px;background-position:-2259px 0} .iti__flag.iti__hn{height:10px;background-position:-2281px 0} .iti__flag.iti__hr{height:10px;background-position:-2303px 0} .iti__flag.iti__ht{height:12px;background-position:-2325px 0} .iti__flag.iti__hu{height:10px;background-position:-2347px 0} .iti__flag.iti__ic{height:14px;background-position:-2369px 0} .iti__flag.iti__id{height:14px;background-position:-2391px 0} .iti__flag.iti__ie{height:10px;background-position:-2413px 0} .iti__flag.iti__il{height:15px;background-position:-2435px 0} .iti__flag.iti__im{height:10px;background-position:-2457px 0} .iti__flag.iti__in{height:14px;background-position:-2479px 0} .iti__flag.iti__io{height:10px;background-position:-2501px 0} .iti__flag.iti__iq{height:14px;background-position:-2523px 0} .iti__flag.iti__ir{height:12px;background-position:-2545px 0} .iti__flag.iti__is{height:15px;background-position:-2567px 0} .iti__flag.iti__it{height:14px;background-position:-2589px 0} .iti__flag.iti__je{height:12px;background-position:-2611px 0} .iti__flag.iti__jm{height:10px;background-position:-2633px 0} .iti__flag.iti__jo{height:10px;background-position:-2655px 0} .iti__flag.iti__jp{height:14px;background-position:-2677px 0} .iti__flag.iti__ke{height:14px;background-position:-2699px 0} .iti__flag.iti__kg{height:12px;background-position:-2721px 0} .iti__flag.iti__kh{height:13px;background-position:-2743px 0} .iti__flag.iti__ki{height:10px;background-position:-2765px 0} .iti__flag.iti__km{height:12px;background-position:-2787px 0} .iti__flag.iti__kn{height:14px;background-position:-2809px 0} .iti__flag.iti__kp{height:10px;background-position:-2831px 0} .iti__flag.iti__kr{height:14px;background-position:-2853px 0} .iti__flag.iti__kw{height:10px;background-position:-2875px 0} .iti__flag.iti__ky{height:10px;background-position:-2897px 0} .iti__flag.iti__kz{height:10px;background-position:-2919px 0} .iti__flag.iti__la{height:14px;background-position:-2941px 0} .iti__flag.iti__lb{height:14px;background-position:-2963px 0} .iti__flag.iti__lc{height:10px;background-position:-2985px 0} .iti__flag.iti__li{height:12px;background-position:-3007px 0} .iti__flag.iti__lk{height:10px;background-position:-3029px 0} .iti__flag.iti__lr{height:11px;background-position:-3051px 0} .iti__flag.iti__ls{height:14px;background-position:-3073px 0} .iti__flag.iti__lt{height:12px;background-position:-3095px 0} .iti__flag.iti__lu{height:12px;background-position:-3117px 0} .iti__flag.iti__lv{height:10px;background-position:-3139px 0} .iti__flag.iti__ly{height:10px;background-position:-3161px 0} .iti__flag.iti__ma{height:14px;background-position:-3183px 0} .iti__flag.iti__mc{height:15px;background-position:-3205px 0} .iti__flag.iti__md{height:10px;background-position:-3226px 0} .iti__flag.iti__me{height:10px;background-position:-3248px 0} .iti__flag.iti__mf{height:14px;background-position:-3270px 0} .iti__flag.iti__mg{height:14px;background-position:-3292px 0} .iti__flag.iti__mh{height:11px;background-position:-3314px 0} .iti__flag.iti__mk{height:10px;background-position:-3336px 0} .iti__flag.iti__ml{height:14px;background-position:-3358px 0} .iti__flag.iti__mm{height:14px;background-position:-3380px 0} .iti__flag.iti__mn{height:10px;background-position:-3402px 0} .iti__flag.iti__mo{height:14px;background-position:-3424px 0} .iti__flag.iti__mp{height:10px;background-position:-3446px 0} .iti__flag.iti__mq{height:14px;background-position:-3468px 0} .iti__flag.iti__mr{height:14px;background-position:-3490px 0} .iti__flag.iti__ms{height:10px;background-position:-3512px 0} .iti__flag.iti__mt{height:14px;background-position:-3534px 0} .iti__flag.iti__mu{height:14px;background-position:-3556px 0} .iti__flag.iti__mv{height:14px;background-position:-3578px 0} .iti__flag.iti__mw{height:14px;background-position:-3600px 0} .iti__flag.iti__mx{height:12px;background-position:-3622px 0} .iti__flag.iti__my{height:10px;background-position:-3644px 0} .iti__flag.iti__mz{height:14px;background-position:-3666px 0} .iti__flag.iti__na{height:14px;background-position:-3688px 0} .iti__flag.iti__nc{height:10px;background-position:-3710px 0} .iti__flag.iti__ne{height:15px;background-position:-3732px 0} .iti__flag.iti__nf{height:10px;background-position:-3752px 0} .iti__flag.iti__ng{height:10px;background-position:-3774px 0} .iti__flag.iti__ni{height:12px;background-position:-3796px 0} .iti__flag.iti__nl{height:14px;background-position:-3818px 0} .iti__flag.iti__no{height:15px;background-position:-3840px 0} .iti__flag.iti__np{height:15px;background-position:-3862px 0} .iti__flag.iti__nr{height:10px;background-position:-3877px 0} .iti__flag.iti__nu{height:10px;background-position:-3899px 0} .iti__flag.iti__nz{height:10px;background-position:-3921px 0} .iti__flag.iti__om{height:10px;background-position:-3943px 0} .iti__flag.iti__pa{height:14px;background-position:-3965px 0} .iti__flag.iti__pe{height:14px;background-position:-3987px 0} .iti__flag.iti__pf{height:14px;background-position:-4009px 0} .iti__flag.iti__pg{height:15px;background-position:-4031px 0} .iti__flag.iti__ph{height:10px;background-position:-4053px 0} .iti__flag.iti__pk{height:14px;background-position:-4075px 0} .iti__flag.iti__pl{height:13px;background-position:-4097px 0} .iti__flag.iti__pm{height:14px;background-position:-4119px 0} .iti__flag.iti__pn{height:10px;background-position:-4141px 0} .iti__flag.iti__pr{height:14px;background-position:-4163px 0} .iti__flag.iti__ps{height:10px;background-position:-4185px 0} .iti__flag.iti__pt{height:14px;background-position:-4207px 0} .iti__flag.iti__pw{height:13px;background-position:-4229px 0} .iti__flag.iti__py{height:11px;background-position:-4251px 0} .iti__flag.iti__qa{height:8px;background-position:-4273px 0} .iti__flag.iti__re{height:14px;background-position:-4295px 0} .iti__flag.iti__ro{height:14px;background-position:-4317px 0} .iti__flag.iti__rs{height:14px;background-position:-4339px 0} .iti__flag.iti__ru{height:14px;background-position:-4361px 0} .iti__flag.iti__rw{height:14px;background-position:-4383px 0} .iti__flag.iti__sa{height:14px;background-position:-4405px 0} .iti__flag.iti__sb{height:10px;background-position:-4427px 0} .iti__flag.iti__sc{height:10px;background-position:-4449px 0} .iti__flag.iti__sd{height:10px;background-position:-4471px 0} .iti__flag.iti__se{height:13px;background-position:-4493px 0} .iti__flag.iti__sg{height:14px;background-position:-4515px 0} .iti__flag.iti__sh{height:10px;background-position:-4537px 0} .iti__flag.iti__si{height:10px;background-position:-4559px 0} .iti__flag.iti__sj{height:15px;background-position:-4581px 0} .iti__flag.iti__sk{height:14px;background-position:-4603px 0} .iti__flag.iti__sl{height:14px;background-position:-4625px 0} .iti__flag.iti__sm{height:15px;background-position:-4647px 0} .iti__flag.iti__sn{height:14px;background-position:-4669px 0} .iti__flag.iti__so{height:14px;background-position:-4691px 0} .iti__flag.iti__sr{height:14px;background-position:-4713px 0} .iti__flag.iti__ss{height:10px;background-position:-4735px 0} .iti__flag.iti__st{height:10px;background-position:-4757px 0} .iti__flag.iti__su{height:10px;background-position:-4779px 0} .iti__flag.iti__sv{height:12px;background-position:-4801px 0} .iti__flag.iti__sx{height:14px;background-position:-4823px 0} .iti__flag.iti__sy{height:14px;background-position:-4845px 0} .iti__flag.iti__sz{height:14px;background-position:-4867px 0} .iti__flag.iti__ta{height:10px;background-position:-4889px 0} .iti__flag.iti__tc{height:10px;background-position:-4911px 0} .iti__flag.iti__td{height:14px;background-position:-4933px 0} .iti__flag.iti__tf{height:14px;background-position:-4955px 0} .iti__flag.iti__tg{height:13px;background-position:-4977px 0} .iti__flag.iti__th{height:14px;background-position:-4999px 0} .iti__flag.iti__tj{height:10px;background-position:-5021px 0} .iti__flag.iti__tk{height:10px;background-position:-5043px 0} .iti__flag.iti__tl{height:10px;background-position:-5065px 0} .iti__flag.iti__tm{height:14px;background-position:-5087px 0} .iti__flag.iti__tn{height:14px;background-position:-5109px 0} .iti__flag.iti__to{height:10px;background-position:-5131px 0} .iti__flag.iti__tr{height:14px;background-position:-5153px 0} .iti__flag.iti__tt{height:12px;background-position:-5175px 0} .iti__flag.iti__tv{height:10px;background-position:-5197px 0} .iti__flag.iti__tw{height:14px;background-position:-5219px 0} .iti__flag.iti__tz{height:14px;background-position:-5241px 0} .iti__flag.iti__ua{height:14px;background-position:-5263px 0} .iti__flag.iti__ug{height:14px;background-position:-5285px 0} .iti__flag.iti__uk{height:10px;background-position:-5307px 0} .iti__flag.iti__um{height:11px;background-position:-5329px 0} .iti__flag.iti__un{height:14px;background-position:-5351px 0} .iti__flag.iti__us{height:11px;background-position:-5373px 0} .iti__flag.iti__uy{height:14px;background-position:-5395px 0} .iti__flag.iti__uz{height:10px;background-position:-5417px 0} .iti__flag.iti__va{height:15px;background-position:-5439px 0} .iti__flag.iti__vc{height:14px;background-position:-5456px 0} .iti__flag.iti__ve{height:14px;background-position:-5478px 0} .iti__flag.iti__vg{height:10px;background-position:-5500px 0} .iti__flag.iti__vi{height:14px;background-position:-5522px 0} .iti__flag.iti__vn{height:14px;background-position:-5544px 0} .iti__flag.iti__vu{height:12px;background-position:-5566px 0} .iti__flag.iti__wf{height:14px;background-position:-5588px 0} .iti__flag.iti__ws{height:10px;background-position:-5610px 0} .iti__flag.iti__xk{height:15px;background-position:-5632px 0} .iti__flag.iti__ye{height:14px;background-position:-5654px 0} .iti__flag.iti__yt{height:14px;background-position:-5676px 0} .iti__flag.iti__za{height:14px;background-position:-5698px 0} .iti__flag.iti__zm{height:14px;background-position:-5720px 0} .iti__flag.iti__zw{height:10px;background-position:-5742px 0} .iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/salary_master/static/lib/formattedPhone/build/img/flags.png?1);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0} @media (min-resolution:2x){.iti__flag{background-image:url(/salary_master/static/lib/formattedPhone/build/img/flags@2x.png?1)}} .iti__flag.iti__np{background-color:transparent} 

/* /web/static/lib/jquery.ui/jquery-ui.css defined in bundle 'web.assets_frontend' */
 .ui-helper-hidden{display: none;} .ui-helper-hidden-accessible{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .ui-helper-reset{margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:before, .ui-helper-clearfix:after{content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after{clear: both;} .ui-helper-clearfix{min-height: 0;} .ui-helper-zfix{width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);} .ui-front{z-index: 100;} .ui-state-disabled{cursor: default !important;} .ui-icon{display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;} .ui-widget-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%;} .ui-draggable-handle{-ms-touch-action: none; touch-action: none;} .ui-resizable{position: relative;} .ui-resizable-handle{position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle{display: none;} .ui-resizable-n{cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0;} .ui-resizable-s{cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0;} .ui-resizable-e{cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;} .ui-resizable-w{cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%;} .ui-resizable-se{cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;} .ui-resizable-sw{cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;} .ui-resizable-nw{cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px;} .ui-resizable-ne{cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable{-ms-touch-action: none; touch-action: none;} .ui-selectable-helper{position: absolute; z-index: 100; border: 1px dotted black;} .ui-sortable-handle{-ms-touch-action: none; touch-action: none;} .ui-autocomplete{position: absolute; top: 0; left: 0; cursor: default;} .ui-datepicker{width: 17em; padding: .2em .2em 0; display: none;} .ui-datepicker .ui-datepicker-header{position: relative; padding: .2em 0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position: absolute; top: 2px; width: 1.8em; height: 1.8em;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top: 1px;} .ui-datepicker .ui-datepicker-prev{left: 2px;} .ui-datepicker .ui-datepicker-next{right: 2px;} .ui-datepicker .ui-datepicker-prev-hover{left: 1px;} .ui-datepicker .ui-datepicker-next-hover{right: 1px;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;} .ui-datepicker .ui-datepicker-title{margin: 0 2.3em; line-height: 1.8em; text-align: center;} .ui-datepicker .ui-datepicker-title select{font-size: 1em; margin: 1px 0;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 45%;} .ui-datepicker table{width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em;} .ui-datepicker th{padding: .7em .3em; text-align: center; font-weight: bold; border: 0;} .ui-datepicker td{border: 0; padding: 1px;} .ui-datepicker td span, .ui-datepicker td a{display: block; padding: .2em; text-align: right; text-decoration: none;} .ui-datepicker .ui-datepicker-buttonpane{background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;} .ui-datepicker .ui-datepicker-buttonpane button{float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float: left;} .ui-datepicker.ui-datepicker-multi{width: auto;} .ui-datepicker-multi .ui-datepicker-group{float: left;} .ui-datepicker-multi .ui-datepicker-group table{width: 95%; margin: 0 auto .4em;} .ui-datepicker-multi-2 .ui-datepicker-group{width: 50%;} .ui-datepicker-multi-3 .ui-datepicker-group{width: 33.3%;} .ui-datepicker-multi-4 .ui-datepicker-group{width: 25%;} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width: 0;} .ui-datepicker-multi .ui-datepicker-buttonpane{clear: left;} .ui-datepicker-row-break{clear: both; width: 100%; font-size: 0;} .ui-datepicker-rtl{direction: rtl;} .ui-datepicker-rtl .ui-datepicker-prev{right: 2px; left: auto;} .ui-datepicker-rtl .ui-datepicker-next{left: 2px; right: auto;} .ui-datepicker-rtl .ui-datepicker-prev:hover{right: 1px; left: auto;} .ui-datepicker-rtl .ui-datepicker-next:hover{left: 1px; right: auto;} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear: right;} .ui-datepicker-rtl .ui-datepicker-buttonpane button{float: left;} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group{float: right;} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width: 0; border-left-width: 1px;} .ui-menu{list-style: none; padding: 0; margin: 0; display: block; outline: none;} .ui-menu .ui-menu{position: absolute;} .ui-menu .ui-menu-item{position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");} .ui-menu .ui-menu-divider{margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0;} .ui-menu .ui-state-focus, .ui-menu .ui-state-active{margin: -1px;} .ui-menu-icons{position: relative;} .ui-menu-icons .ui-menu-item{padding-left: 2em;} .ui-menu .ui-icon{position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0;} .ui-menu .ui-menu-icon{left: auto; right: 0;} .ui-tooltip{padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;} body .ui-tooltip{border-width: 2px;} .ui-widget{font-family: Arial,Helvetica,sans-serif; font-size: 1em;} .ui-widget .ui-widget{font-size: 1em;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family: Arial,Helvetica,sans-serif; font-size: 1em;} .ui-widget-content{border: 1px solid #dddddd; background: #ffffff; color: #333333;} .ui-widget-content a{color: #333333;} .ui-widget-header{border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold;} .ui-widget-header a{color: #333333;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: #454545; text-decoration: none;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b;} .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited{color: #2b2b2b; text-decoration: none;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color: #ffffff; text-decoration: none;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border: 1px solid #dad55e; background: #fffa90; color: #777620;} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{color: #777620;} .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f;} .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color: #5f3f3f;} .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color: #5f3f3f;} .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight: bold;} .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity: .7; filter:Alpha(Opacity=70); font-weight: normal;} .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: .35; filter:Alpha(Opacity=35); background-image: none;} .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35);} .ui-icon{width: 16px; height: 16px;} .ui-icon, .ui-widget-content .ui-icon{background-image: url("/web/static/lib/jquery.ui/images/ui-icons_444444_256x240.png");} .ui-widget-header .ui-icon{background-image: url("/web/static/lib/jquery.ui/images/ui-icons_444444_256x240.png");} .ui-state-default .ui-icon{background-image: url("/web/static/lib/jquery.ui/images/ui-icons_777777_256x240.png");} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image: url("/web/static/lib/jquery.ui/images/ui-icons_555555_256x240.png");} .ui-state-active .ui-icon{background-image: url("/web/static/lib/jquery.ui/images/ui-icons_ffffff_256x240.png");} .ui-state-highlight .ui-icon{background-image: url("/web/static/lib/jquery.ui/images/ui-icons_777620_256x240.png");} .ui-state-error .ui-icon, .ui-state-error-text .ui-icon{background-image: url("/web/static/lib/jquery.ui/images/ui-icons_cc0000_256x240.png");} .ui-icon-blank{background-position: 16px 16px;} .ui-icon-carat-1-n{background-position: 0 0;} .ui-icon-carat-1-ne{background-position: -16px 0;} .ui-icon-carat-1-e{background-position: -32px 0;} .ui-icon-carat-1-se{background-position: -48px 0;} .ui-icon-carat-1-s{background-position: -64px 0;} .ui-icon-carat-1-sw{background-position: -80px 0;} .ui-icon-carat-1-w{background-position: -96px 0;} .ui-icon-carat-1-nw{background-position: -112px 0;} .ui-icon-carat-2-n-s{background-position: -128px 0;} .ui-icon-carat-2-e-w{background-position: -144px 0;} .ui-icon-triangle-1-n{background-position: 0 -16px;} .ui-icon-triangle-1-ne{background-position: -16px -16px;} .ui-icon-triangle-1-e{background-position: -32px -16px;} .ui-icon-triangle-1-se{background-position: -48px -16px;} .ui-icon-triangle-1-s{background-position: -64px -16px;} .ui-icon-triangle-1-sw{background-position: -80px -16px;} .ui-icon-triangle-1-w{background-position: -96px -16px;} .ui-icon-triangle-1-nw{background-position: -112px -16px;} .ui-icon-triangle-2-n-s{background-position: -128px -16px;} .ui-icon-triangle-2-e-w{background-position: -144px -16px;} .ui-icon-arrow-1-n{background-position: 0 -32px;} .ui-icon-arrow-1-ne{background-position: -16px -32px;} .ui-icon-arrow-1-e{background-position: -32px -32px;} .ui-icon-arrow-1-se{background-position: -48px -32px;} .ui-icon-arrow-1-s{background-position: -64px -32px;} .ui-icon-arrow-1-sw{background-position: -80px -32px;} .ui-icon-arrow-1-w{background-position: -96px -32px;} .ui-icon-arrow-1-nw{background-position: -112px -32px;} .ui-icon-arrow-2-n-s{background-position: -128px -32px;} .ui-icon-arrow-2-ne-sw{background-position: -144px -32px;} .ui-icon-arrow-2-e-w{background-position: -160px -32px;} .ui-icon-arrow-2-se-nw{background-position: -176px -32px;} .ui-icon-arrowstop-1-n{background-position: -192px -32px;} .ui-icon-arrowstop-1-e{background-position: -208px -32px;} .ui-icon-arrowstop-1-s{background-position: -224px -32px;} .ui-icon-arrowstop-1-w{background-position: -240px -32px;} .ui-icon-arrowthick-1-n{background-position: 0 -48px;} .ui-icon-arrowthick-1-ne{background-position: -16px -48px;} .ui-icon-arrowthick-1-e{background-position: -32px -48px;} .ui-icon-arrowthick-1-se{background-position: -48px -48px;} .ui-icon-arrowthick-1-s{background-position: -64px -48px;} .ui-icon-arrowthick-1-sw{background-position: -80px -48px;} .ui-icon-arrowthick-1-w{background-position: -96px -48px;} .ui-icon-arrowthick-1-nw{background-position: -112px -48px;} .ui-icon-arrowthick-2-n-s{background-position: -128px -48px;} .ui-icon-arrowthick-2-ne-sw{background-position: -144px -48px;} .ui-icon-arrowthick-2-e-w{background-position: -160px -48px;} .ui-icon-arrowthick-2-se-nw{background-position: -176px -48px;} .ui-icon-arrowthickstop-1-n{background-position: -192px -48px;} .ui-icon-arrowthickstop-1-e{background-position: -208px -48px;} .ui-icon-arrowthickstop-1-s{background-position: -224px -48px;} .ui-icon-arrowthickstop-1-w{background-position: -240px -48px;} .ui-icon-arrowreturnthick-1-w{background-position: 0 -64px;} .ui-icon-arrowreturnthick-1-n{background-position: -16px -64px;} .ui-icon-arrowreturnthick-1-e{background-position: -32px -64px;} .ui-icon-arrowreturnthick-1-s{background-position: -48px -64px;} .ui-icon-arrowreturn-1-w{background-position: -64px -64px;} .ui-icon-arrowreturn-1-n{background-position: -80px -64px;} .ui-icon-arrowreturn-1-e{background-position: -96px -64px;} .ui-icon-arrowreturn-1-s{background-position: -112px -64px;} .ui-icon-arrowrefresh-1-w{background-position: -128px -64px;} .ui-icon-arrowrefresh-1-n{background-position: -144px -64px;} .ui-icon-arrowrefresh-1-e{background-position: -160px -64px;} .ui-icon-arrowrefresh-1-s{background-position: -176px -64px;} .ui-icon-arrow-4{background-position: 0 -80px;} .ui-icon-arrow-4-diag{background-position: -16px -80px;} .ui-icon-extlink{background-position: -32px -80px;} .ui-icon-newwin{background-position: -48px -80px;} .ui-icon-refresh{background-position: -64px -80px;} .ui-icon-shuffle{background-position: -80px -80px;} .ui-icon-transfer-e-w{background-position: -96px -80px;} .ui-icon-transferthick-e-w{background-position: -112px -80px;} .ui-icon-folder-collapsed{background-position: 0 -96px;} .ui-icon-folder-open{background-position: -16px -96px;} .ui-icon-document{background-position: -32px -96px;} .ui-icon-document-b{background-position: -48px -96px;} .ui-icon-note{background-position: -64px -96px;} .ui-icon-mail-closed{background-position: -80px -96px;} .ui-icon-mail-open{background-position: -96px -96px;} .ui-icon-suitcase{background-position: -112px -96px;} .ui-icon-comment{background-position: -128px -96px;} .ui-icon-person{background-position: -144px -96px;} .ui-icon-print{background-position: -160px -96px;} .ui-icon-trash{background-position: -176px -96px;} .ui-icon-locked{background-position: -192px -96px;} .ui-icon-unlocked{background-position: -208px -96px;} .ui-icon-bookmark{background-position: -224px -96px;} .ui-icon-tag{background-position: -240px -96px;} .ui-icon-home{background-position: 0 -112px;} .ui-icon-flag{background-position: -16px -112px;} .ui-icon-calendar{background-position: -32px -112px;} .ui-icon-cart{background-position: -48px -112px;} .ui-icon-pencil{background-position: -64px -112px;} .ui-icon-clock{background-position: -80px -112px;} .ui-icon-disk{background-position: -96px -112px;} .ui-icon-calculator{background-position: -112px -112px;} .ui-icon-zoomin{background-position: -128px -112px;} .ui-icon-zoomout{background-position: -144px -112px;} .ui-icon-search{background-position: -160px -112px;} .ui-icon-wrench{background-position: -176px -112px;} .ui-icon-gear{background-position: -192px -112px;} .ui-icon-heart{background-position: -208px -112px;} .ui-icon-star{background-position: -224px -112px;} .ui-icon-link{background-position: -240px -112px;} .ui-icon-cancel{background-position: 0 -128px;} .ui-icon-plus{background-position: -16px -128px;} .ui-icon-plusthick{background-position: -32px -128px;} .ui-icon-minus{background-position: -48px -128px;} .ui-icon-minusthick{background-position: -64px -128px;} .ui-icon-close{background-position: -80px -128px;} .ui-icon-closethick{background-position: -96px -128px;} .ui-icon-key{background-position: -112px -128px;} .ui-icon-lightbulb{background-position: -128px -128px;} .ui-icon-scissors{background-position: -144px -128px;} .ui-icon-clipboard{background-position: -160px -128px;} .ui-icon-copy{background-position: -176px -128px;} .ui-icon-contact{background-position: -192px -128px;} .ui-icon-image{background-position: -208px -128px;} .ui-icon-video{background-position: -224px -128px;} .ui-icon-script{background-position: -240px -128px;} .ui-icon-alert{background-position: 0 -144px;} .ui-icon-info{background-position: -16px -144px;} .ui-icon-notice{background-position: -32px -144px;} .ui-icon-help{background-position: -48px -144px;} .ui-icon-check{background-position: -64px -144px;} .ui-icon-bullet{background-position: -80px -144px;} .ui-icon-radio-on{background-position: -96px -144px;} .ui-icon-radio-off{background-position: -112px -144px;} .ui-icon-pin-w{background-position: -128px -144px;} .ui-icon-pin-s{background-position: -144px -144px;} .ui-icon-play{background-position: 0 -160px;} .ui-icon-pause{background-position: -16px -160px;} .ui-icon-seek-next{background-position: -32px -160px;} .ui-icon-seek-prev{background-position: -48px -160px;} .ui-icon-seek-end{background-position: -64px -160px;} .ui-icon-seek-start{background-position: -80px -160px;} .ui-icon-seek-first{background-position: -80px -160px;} .ui-icon-stop{background-position: -96px -160px;} .ui-icon-eject{background-position: -112px -160px;} .ui-icon-volume-off{background-position: -128px -160px;} .ui-icon-volume-on{background-position: -144px -160px;} .ui-icon-power{background-position: 0 -176px;} .ui-icon-signal-diag{background-position: -16px -176px;} .ui-icon-signal{background-position: -32px -176px;} .ui-icon-battery-0{background-position: -48px -176px;} .ui-icon-battery-1{background-position: -64px -176px;} .ui-icon-battery-2{background-position: -80px -176px;} .ui-icon-battery-3{background-position: -96px -176px;} .ui-icon-circle-plus{background-position: 0 -192px;} .ui-icon-circle-minus{background-position: -16px -192px;} .ui-icon-circle-close{background-position: -32px -192px;} .ui-icon-circle-triangle-e{background-position: -48px -192px;} .ui-icon-circle-triangle-s{background-position: -64px -192px;} .ui-icon-circle-triangle-w{background-position: -80px -192px;} .ui-icon-circle-triangle-n{background-position: -96px -192px;} .ui-icon-circle-arrow-e{background-position: -112px -192px;} .ui-icon-circle-arrow-s{background-position: -128px -192px;} .ui-icon-circle-arrow-w{background-position: -144px -192px;} .ui-icon-circle-arrow-n{background-position: -160px -192px;} .ui-icon-circle-zoomin{background-position: -176px -192px;} .ui-icon-circle-zoomout{background-position: -192px -192px;} .ui-icon-circle-check{background-position: -208px -192px;} .ui-icon-circlesmall-plus{background-position: 0 -208px;} .ui-icon-circlesmall-minus{background-position: -16px -208px;} .ui-icon-circlesmall-close{background-position: -32px -208px;} .ui-icon-squaresmall-plus{background-position: -48px -208px;} .ui-icon-squaresmall-minus{background-position: -64px -208px;} .ui-icon-squaresmall-close{background-position: -80px -208px;} .ui-icon-grip-dotted-vertical{background-position: 0 -224px;} .ui-icon-grip-dotted-horizontal{background-position: -16px -224px;} .ui-icon-grip-solid-vertical{background-position: -32px -224px;} .ui-icon-grip-solid-horizontal{background-position: -48px -224px;} .ui-icon-gripsmall-diagonal-se{background-position: -64px -224px;} .ui-icon-grip-diagonal-se{background-position: -80px -224px;} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius: 3px;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius: 3px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius: 3px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius: 3px;} .ui-widget-overlay{background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30);} .ui-widget-shadow{margin: 0px 0 0 0px; padding: 5px; background: #666666; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px;} 

/* /fleet_management/static/src/css/lease_calculator.css defined in bundle 'web.assets_frontend' */
.calculator-container{margin: 10px 0; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .calculator-container h1{font-size: 24px; margin-bottom: 20px; text-align: center;} .calculator-container h2{font-size: 18px; margin-top: 20px; margin-bottom: 10px;} .calculator-container h3{background-color: #ffb400; margin: 20px 0; padding: 5px 0 5px 0 !important; line-height: 1.3em; font-style: normal; font-size: 17px; text-align: center;} .calculator-container .disclaimer{font-size: 12px; color: #666; margin-bottom: 20px;} .calculator-container .form-group{margin-bottom: 15px; display: flex;} .calculator-container .form-group label{display: block; font-size: 14px; margin-bottom: 5px; width: 50%; margin: auto;} .calculator-container .form-group input, .form-group select{width: 50%; padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px;} .calculator-container .form-actions{display: flex; justify-content: space-between; margin-top: 20px;} .calculator-container .calculate-btn, .reset-btn{width: 49% !important; padding: 0 4px 0 0; border-width: 2px !important; border-color: #ffb400; border-radius: 0px; letter-spacing: 4px; font-size: 14px; color: #ffffff !important; font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; background-color: #ffb400; height: 50px;} .calculator-container .calculate-btn{float: left;} .calculator-container .reset-btn{float: right;} .calculator-container .calculate-btn:hover{border: 2px solid transparent; padding: .3em 2em .3em .7em;} .calculator-container .reset-btn:hover{border: 2px solid transparent; padding: .3em 2em .3em .7em;} .calculator-container .calculate-btn:after{transition: all 300ms ease 0ms;} .calculator-container .reset-btn:after{transition: all 300ms ease 0ms;} .calculator-container .eligibility-section{margin-top: 20px; padding: 15px; background-color: #f9f9f9; border-radius: 4px;} .calculator-container .eligibility-section h2{font-size: 16px; margin-bottom: 10px;} .calculator-container .eligibility-section p{font-size: 14px; color: #333;} .calculator-container .results-section .data_breakdown{display: flex; flex-direction: column; align-items: center; justify-content: center;} .calculator-container .results-section .vehicle-image{width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .calculator-container .results-section .results-content{overflow: hidden;} .calculator-container .results-section .results_item{margin: 0px; padding: 10px 5px; background-color: #ffffff; clear: both; border-bottom: 1px solid #fff8e9; overflow: hidden;} .calculator-container .results-section .results_item_subtotal{margin: 0px; padding: 10px 5px; background-color: #ffedce; clear: both; text-transform: uppercase; overflow: hidden; font-weight: bold} .calculator-container .results-section .results_item_estimated{margin: 0px; padding: 10px 5px; clear: both; overflow: hidden; font-weight: bold; border-bottom: none;} .first-estimated{margin-top: 30px !important; border-bottom: 2px solid #616161 !important;} .calculator-container .results-section .data_breakdown_value{float: right;} .calculator-container .results-section h2{font-size: 24px; color: #0056b3; margin-bottom: 10px;} .calculator-container .results-section p{font-size: 16px; color: #333; margin: 5px 0;} .calculator-container .results-section .disclaimer-text{font-size: 12px; color: #666; margin-top: 15px;} .calculator-container .navigation-links{margin-top: 20px; text-align: center;} .calculator-container .navigation-links a{font-size: 14px; color: #0056b3; text-decoration: none; margin: 0 5px;} .calculator-container .navigation-links a:hover{text-decoration: underline;} .calculator-container_container{padding: 20px; margin: 20px 0; border: 1px solid #ddd; border-radius: 4px;} .calculator-container_form .form-group{margin-bottom: 15px;} @media (max-width: 768px){.calculator-container .results-section .results-content{flex-direction: column;}.calculator-container .results-section .vehicle-image-container, .calculator-container .results-section .savings-info{max-width: 100%;}} .calculator-container .details-sections{display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 24px;} .calculator-container .details-card{background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 24px 20px; flex: 1 1 320px; min-width: 300px;} .calculator-container .details-title{color: var(--white); font-weight: 500; text-transform: uppercase; margin-bottom: 18px;} .calculator-container .details-grid{display: grid; grid-template-columns: 30% 70%; row-gap: 12px; column-gap: 16px;} .calculator-container .details-label{font-weight: 500; color: #555; text-align: right; padding-right: 8px;} .calculator-container .details-value{font-weight: 600; color: #222; text-align: left;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /fleet_management/static/src/css/lease_calculator.css defined in bundle 'web.assets_frontend' */
.calculator-container{margin: 10px 0; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .calculator-container h1{font-size: 24px; margin-bottom: 20px; text-align: center;} .calculator-container h2{font-size: 18px; margin-top: 20px; margin-bottom: 10px;} .calculator-container h3{background-color: #ffb400; margin: 20px 0; padding: 5px 0 5px 0 !important; line-height: 1.3em; font-style: normal; font-size: 17px; text-align: center;} .calculator-container .disclaimer{font-size: 12px; color: #666; margin-bottom: 20px;} .calculator-container .form-group{margin-bottom: 15px; display: flex;} .calculator-container .form-group label{display: block; font-size: 14px; margin-bottom: 5px; width: 50%; margin: auto;} .calculator-container .form-group input, .form-group select{width: 50%; padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px;} .calculator-container .form-actions{display: flex; justify-content: space-between; margin-top: 20px;} .calculator-container .calculate-btn, .reset-btn{width: 49% !important; padding: 0 4px 0 0; border-width: 2px !important; border-color: #ffb400; border-radius: 0px; letter-spacing: 4px; font-size: 14px; color: #ffffff !important; font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; background-color: #ffb400; height: 50px;} .calculator-container .calculate-btn{float: left;} .calculator-container .reset-btn{float: right;} .calculator-container .calculate-btn:hover{border: 2px solid transparent; padding: .3em 2em .3em .7em;} .calculator-container .reset-btn:hover{border: 2px solid transparent; padding: .3em 2em .3em .7em;} .calculator-container .calculate-btn:after{transition: all 300ms ease 0ms;} .calculator-container .reset-btn:after{transition: all 300ms ease 0ms;} .calculator-container .eligibility-section{margin-top: 20px; padding: 15px; background-color: #f9f9f9; border-radius: 4px;} .calculator-container .eligibility-section h2{font-size: 16px; margin-bottom: 10px;} .calculator-container .eligibility-section p{font-size: 14px; color: #333;} .calculator-container .results-section .data_breakdown{display: flex; flex-direction: column; align-items: center; justify-content: center;} .calculator-container .results-section .vehicle-image{width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .calculator-container .results-section .results-content{overflow: hidden;} .calculator-container .results-section .results_item{margin: 0px; padding: 10px 5px; background-color: #ffffff; clear: both; border-bottom: 1px solid #fff8e9; overflow: hidden;} .calculator-container .results-section .results_item_subtotal{margin: 0px; padding: 10px 5px; background-color: #ffedce; clear: both; text-transform: uppercase; overflow: hidden; font-weight: bold} .calculator-container .results-section .results_item_estimated{margin: 0px; padding: 10px 5px; clear: both; overflow: hidden; font-weight: bold; border-bottom: none;} .first-estimated{margin-top: 30px !important; border-bottom: 2px solid #616161 !important;} .calculator-container .results-section .data_breakdown_value{float: right;} .calculator-container .results-section h2{font-size: 24px; color: #0056b3; margin-bottom: 10px;} .calculator-container .results-section p{font-size: 16px; color: #333; margin: 5px 0;} .calculator-container .results-section .disclaimer-text{font-size: 12px; color: #666; margin-top: 15px;} .calculator-container .navigation-links{margin-top: 20px; text-align: center;} .calculator-container .navigation-links a{font-size: 14px; color: #0056b3; text-decoration: none; margin: 0 5px;} .calculator-container .navigation-links a:hover{text-decoration: underline;} .calculator-container_container{padding: 20px; margin: 20px 0; border: 1px solid #ddd; border-radius: 4px;} .calculator-container_form .form-group{margin-bottom: 15px;} @media (max-width: 768px){.calculator-container .results-section .results-content{flex-direction: column;}.calculator-container .results-section .vehicle-image-container, .calculator-container .results-section .savings-info{max-width: 100%;}} .calculator-container .details-sections{display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 24px;} .calculator-container .details-card{background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 24px 20px; flex: 1 1 320px; min-width: 300px;} .calculator-container .details-title{color: var(--white); font-weight: 500; text-transform: uppercase; margin-bottom: 18px;} .calculator-container .details-grid{display: grid; grid-template-columns: 30% 70%; row-gap: 12px; column-gap: 16px;} .calculator-container .details-label{font-weight: 500; color: #555; text-align: right; padding-right: 8px;} .calculator-container .details-value{font-weight: 600; color: #222; text-align: left;}