#oe_main_menu_navbar .o_menu_systray > li > a > .fa-plus, #oe_main_menu_navbar .o_menu_systray > li > a > .fa-pencil{margin-right: 7.5px;} #oe_main_menu_navbar .o_menu_systray .o_mobile_preview a{text-align: center; font-size: 20px;} @media (max-width: 767.98px){#oe_main_menu_navbar #oe_applications{position: inherit; z-index: 1002;}} body .modal.o_technical_modal{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; background: 0;} body .modal.o_technical_modal .text-muted{color: #999999 !important;} body .modal.o_technical_modal .dropdown-menu{background-color: white;} body .modal.o_technical_modal .dropdown-item{color: #212529;} body .modal.o_technical_modal .dropdown-item:hover, body .modal.o_technical_modal .dropdown-item:focus{color: #16181b;} body .modal.o_technical_modal .dropdown-item.active, body .modal.o_technical_modal .dropdown-item:active{color: white; background-color: #7C7BAD;} body .modal.o_technical_modal h1, body .modal.o_technical_modal h2, body .modal.o_technical_modal h3, body .modal.o_technical_modal h4, body .modal.o_technical_modal h5, body .modal.o_technical_modal h6, body .modal.o_technical_modal .h1, body .modal.o_technical_modal .h2, body .modal.o_technical_modal .h3, body .modal.o_technical_modal .h4, body .modal.o_technical_modal .h5, body .modal.o_technical_modal .h6{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #2c2c36; font-weight: bold;} body .modal.o_technical_modal :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} body .modal.o_technical_modal .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} body .modal.o_technical_modal .form-control.is-invalid{border-color: #dc3545;} body .modal.o_technical_modal .input-group .form-control{height: auto;} body .modal.o_technical_modal .input-group-text{background-color: #e9ecef;} body .modal.o_technical_modal .was-validated .form-control:invalid{border-color: #dc3545;} body .modal.o_technical_modal 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;} body .modal.o_technical_modal a:not(.o_btn_preview){color: #7C7BAD;} body .modal.o_technical_modal a:not(.o_btn_preview):focus, body .modal.o_technical_modal a:not(.o_btn_preview):active, body .modal.o_technical_modal a:not(.o_btn_preview):focus:active{outline: none !important;} body .modal.o_technical_modal .badge:hover a, body .modal.o_technical_modal .badge a{color: #fff;} body .modal.o_technical_modal .btn:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:hover{color: #FFFFFF; background-color: #65639e; border-color: #5f5e97;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:disabled{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.dropdown-toggle{color: #FFFFFF; background-color: #5f5e97; border-color: #5a598f;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} body .modal.o_technical_modal .card{padding: 19px; margin-bottom: 20px; background-color: #fcfcfc; border: 1px solid #efefef; border-radius: 0; box-shadow: none;} body .modal.o_technical_modal .modal-content{border-radius: 0; background-color: #fcfcfc;} body .modal.o_technical_modal .modal-content .modal-header{border-bottom-color: #e9ecef;} body .modal.o_technical_modal .modal-content .modal-body{background-color: white;} body .modal.o_technical_modal .modal-content .modal-footer{border-top-color: #e9ecef; text-align: left;} body .modal.o_technical_modal .nav-tabs{border-bottom: 1px solid #e9ecef;} body .modal.o_technical_modal .nav-tabs > li > a{line-height: 1.5; color: #4e525b;} body .modal.o_technical_modal .nav-tabs > li > a:hover{border-color: #dee2e6;} body .modal.o_technical_modal .nav-tabs > li > a.active, body .modal.o_technical_modal .nav-tabs > li > a.active:hover, body .modal.o_technical_modal .nav-tabs > li > a.active:focus{color: #50545d; background-color: #fcfcfc; border-color: #dee2e6 #dee2e6 #FFFFFF;} body .modal.oe_mobile_preview{text-align: center;} body .modal.oe_mobile_preview .modal-dialog{display: inline-block; width: auto;} body .modal.oe_mobile_preview .modal-dialog .modal-content{background-color: black !important; border: 3px outset gray; border-radius: 20px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header{border: none; cursor: pointer; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header, body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header .close{color: white;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4{font-family: inherit; font-weight: normal; color: inherit;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4 .fa{margin-left: 15px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body{background-color: inherit !important; border-radius: 20px; padding: 15px; display: -webkit-box; display: -webkit-flex; display: flex; width: 335px; height: 530px; transition: all 400ms ease 0s;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body.o_invert_orientation{width: 545px; height: 320px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body > iframe{display: block; width: 100%; border: none;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-footer{display: none;} body .modal .oe_menu_editor ul{padding-left: 37px;} body .modal .oe_menu_editor li{margin-top: -1px;} body .modal .oe_menu_editor li .input-group-addon{border-radius: 0;} body .modal.oe_seo_configuration #language-box{padding-right: 25px; background-color: white;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img{position: relative; transition: border-color 200ms; display: inline-block; border: 2px solid #ced4da;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img > img{width: 70px; height: 70px; object-fit: cover; cursor: pointer;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img:hover{border-color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image{border-color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:before{position: absolute; top: auto; left: auto; bottom: auto; right: 0; content: ''; border: 16px solid rgba(124, 123, 173, 0.8); border-left-color: transparent; border-bottom-color: transparent;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:after{position: absolute; top: 2px; left: auto; bottom: auto; right: 3px; display: inline-block; content: "\f00c"; font-family: FontAwesome; color: white; font-size: 12px;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img .o-custom-label{position: absolute; top: auto; left: auto; bottom: 0px; right: auto; background: rgba(52, 58, 64, 0.6); font-size: 12px;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload{transition: 200ms; display: inline-block; padding: 23px 27px; border: 2px dashed #bcc1c6; vertical-align: top; cursor: pointer; color: #bcc1c6;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload:hover{border-color: #7C7BAD; color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_active_img{height: 240px; object-fit: cover;} body .modal.oe_seo_configuration div.oe_seo_preview_g{list-style: none; font-family: arial, sans-serif;} body .modal.oe_seo_configuration div.oe_seo_preview_g .r{cursor: pointer; color: #1a0dab; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;} body .modal.oe_seo_configuration div.oe_seo_preview_g .s{font-size: 13px; line-height: 18px; color: #545454;} body .modal.oe_seo_configuration div.oe_seo_preview_g .s .kv{color: #006621; font-size: 14px; line-height: 18px;} .o_new_content_open{overflow: hidden;} #o_new_content_menu_choices{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; left: 0; bottom: 0; right: 0; position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; overflow: auto; background-color: rgba(0, 0, 0, 0.8); font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} #o_new_content_menu_choices .text-muted{color: #999999 !important;} #o_new_content_menu_choices::before{content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; pointer-events: none;} #o_new_content_menu_choices .container{max-width: 720px; margin: auto;} #o_new_content_menu_choices .o_new_content_element{opacity: 0; animation: fadeInDownSmall 1s forwards;} #o_new_content_menu_choices .o_new_content_element a{display: block; font-size: 34px; text-align: center;} #o_new_content_menu_choices .o_new_content_element a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;} #o_new_content_menu_choices .o_new_content_element a p{color: white; margin-top: 0.7em; font-size: 0.5em;} #o_new_content_menu_choices .o_new_content_element a:hover, #o_new_content_menu_choices .o_new_content_element a:focus{text-decoration: none; outline: none;} #o_new_content_menu_choices .o_new_content_element a:hover i, #o_new_content_menu_choices .o_new_content_element a:focus i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;} .o_ace_view_editor{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; left: auto; bottom: 0; right: 0; position: fixed; z-index: 1050;} .o_ace_view_editor .text-muted{color: #999999 !important;} .o_ace_view_editor .btn:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: #FFFFFF; background-color: #65639e; border-color: #5f5e97;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:disabled{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle{color: #FFFFFF; background-color: #5f5e97; border-color: #5a598f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .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: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #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_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;} 

/* /website_blog/static/src/scss/website_blog.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .o_has_error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto !important; height: 250px !important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767.98px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} .website_blog .blog_post_year_collapse{cursor: pointer;} .website_blog .blog_post_year_collapse > i{color: #001a86;} .website_blog section.blog_tags ul.nav-pills li a{padding: 2px 15px;} .s_latest_posts .media > a{width: 100%; height: 200px;} @media (min-width: 768px){.s_latest_posts .media > a{width: 100px; height: 100px;}} .s_latest_posts .media > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post{position: relative; height: 250px; background: #FFFFFF; text-align: center; cursor: pointer; transition: all 300ms;} .s_latest_posts_big_picture .s_latest_posts_post.js-loading{background: #e9ecef !important;} .s_latest_posts_big_picture .s_latest_posts_post .thumb{position: relative; display: block; width: 100%; height: 100%; padding: 0; opacity: 0.8;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post > div, .s_latest_posts_big_picture .s_latest_posts_post > div > a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div::after, .s_latest_posts_big_picture .s_latest_posts_post > div::before, .s_latest_posts_big_picture .s_latest_posts_post > div > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div > a, .s_latest_posts_big_picture .s_latest_posts_post > div > a > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .s_latest_posts_big_picture .s_latest_posts_post > div h2, .s_latest_posts_big_picture .s_latest_posts_post > div > a h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div h2 span, .s_latest_posts_big_picture .s_latest_posts_post > div > a h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div p, .s_latest_posts_big_picture .s_latest_posts_post > div > a p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts .js_get_posts, .s_latest_posts_big_picture .js_get_posts{position: relative; min-height: 100px;} .s_latest_posts .progress.js-loading, .s_latest_posts_big_picture .progress.js-loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0;} .s_latest_posts .progress.js-loading .progress-bar, .s_latest_posts_big_picture .progress.js-loading .progress-bar{position: absolute; top: 45%; left: 10%; bottom: auto; right: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: none;} .card-box .card .category h4{float: left;} .card-box .card h1, .card-box .card .h1, .card-box .card h2, .card-box .card .h2, .card-box .card h3, .card-box .card .h3, .card-box .card h4, .card-box .card .h4, .card-box .card h5, .card-box .card .h5, .card-box .card h6, .card-box .card .h6, .card-box .card p, .card-box .card .navbar, .card-box .card .brand, .card-box .card .btn, .card-box .card a, .card-box .card .td-name, .card-box .card td{-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "Playfair Display","Raleway","Helvetica Neue",Arial,sans-serif;} .card-box .card h1, .card-box .card .h1, .card-box .card h2, .card-box .card .h2, .card-box .card h3, .card-box .card .h3, .card-box .card h4, .card-box .card .h4{font-weight: 400; margin: 30px 0 15px;} .card-box .card h1, .card-box .card .h1{font-size: 52px;} .card-box .card h2, .card-box .card .h2{font-size: 36px;} .card-box .card h3, .card-box .card .h3{font-size: 28px; margin: 20px 0 10px;} .card-box .card h4, .card-box .card .h4{font-size: 24px; line-height: 30px;} .card-box .card h5, .card-box .card .h5{font-size: 18px; margin-bottom: 15px;} .card-box .card h6, .card-box .card .h6{font-size: 14px; font-weight: 600; text-transform: uppercase;} .card-box .card p{font-size: 16px; line-height: 1.3; font-family: "Raleway","Helvetica","Arial", sans-serif;} .card-box .card .category, .card-box .card .label, .card-box .card .title-modern, .card-box .card .btn-modern, .card-box .card .price h4{font-family: "Raleway","Helvetica","Arial", sans-serif;} .card-box .card h1 small, .card-box .card h2 small, .card-box .card h3 small, .card-box .card h4 small, .card-box .card h5 small, .card-box .card h6 small, .card-box .card .h1 small, .card-box .card .h2 small, .card-box .card .h3 small, .card-box .card .h4 small, .card-box .card .h5 small, .card-box .card .h6 small, .card-box .card h1 .small, .card-box .card h2 .small, .card-box .card h3 .small, .card-box .card h4 .small, .card-box .card h5 .small, .card-box .card h6 .small, .card-box .card .h1 .small, .card-box .card .h2 .small, .card-box .card .h3 .small, .card-box .card .h4 .small, .card-box .card .h5 .small, .card-box .card .h6 .small{color: #9A9A9A; font-weight: 300; line-height: 1.3;} .card-box a{color: #2CA8FF;} .card-box a:hover, .card-box a:focus{color: #109CFF; text-decoration: none;} .card-box a:focus, .card-box a:active, .card-box button::-moz-focus-inner, .card-box input[type="reset"]::-moz-focus-inner, .card-box input[type="button"]::-moz-focus-inner, .card-box input[type="submit"]::-moz-focus-inner, .card-box select::-moz-focus-inner, .card-box input[type="file"] > input[type="button"]::-moz-focus-inner{outline: 0;} .card-box .card{border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23); background-color: #FFFFFF; margin-bottom: 20px; position: relative; max-width: 320px; margin-left: auto; margin-right: auto;} .card-box .card .title, .card-box .card .stats, .card-box .card .category, .card-box .card .description, .card-box .card .social-line, .card-box .card .actions, .card-box .card .content, .card-box .card .footer, .card-box .card small, .card-box .card a{position: relative; z-index: 3;} .card-box .card a{color: #ffffff;} .card-box .card a:hover, .card-box .card a:focus{color: #ffffff;} .card-box .card[data-radius="none"]{border-radius: 0px;} .card-box .card[data-radius="none"] .header{border-radius: 0px 0px 0 0;} .card-box .card[data-radius="none"] .header img{border-radius: 0px 0px 0 0;} .card-box .card .title-uppercase{text-transform: uppercase;} .card-box .card .header{position: relative; border-radius: 6px 6px 0 0; height: 200px; z-index: 3;} .card-box .card .header img{opacity: 0; filter: alpha(opacity=0); display: none;} .card-box .card .header .category{padding: 15px;} .card-box .card .filter, .card-box .card .header .actions{position: absolute; z-index: 2; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; width: 100%; height: 100%; text-align: center; opacity: 0.6; filter: alpha(opacity=60);} .card-box .card:hover .filter{opacity: 0.9; filter: alpha(opacity=90);} .card-box .card .category, .card-box .card .label{font-size: 14px; margin-bottom: 0px;} .card-box .card .category i, .card-box .card .label i{font-size: 16px;} .card-box .card .category{color: #9A9A9A;} .card-box .card .label{text-shadow: none;} .card-box .card .title{color: #333333;} .card-box .card > .title{margin: 0; padding: 30px 0 0;} .card-box .card .content{padding: 15px 15px 5px 15px;} .card-box .card .content .title{margin: 10px 0 20px 0;} .card-box .card .content .category ~ .title{margin-top: 0px;} .card-box .card .content .description ~ .title{margin-top: -10px;} .card-box .card .description{font-size: 16px; color: #9A9A9A;} .card-box .card h6{font-size: 12px; margin: 0;} .card-box time{font-family: "Helvetica Neue Bold", arial, helvetica, sans-serif; font-size: 100%; margin: 5px; position: relative; color: #333; background-color: #cecece; z-index: 3;} .card-box time.icon{font-size: 0.9em; display: inline-block; position: relative; width: 6em; height: 6em; background-color: #fff; margin: 1em auto; border-radius: 0.6em; box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd; overflow: hidden; margin: 15px;} .card-box time.icon *{display: block; width: 100%; font-size: 1em; font-weight: bold; font-style: normal; text-align: center;} .card-box time.icon strong{position: absolute; top: 0; padding: 0.4em 0; color: #fff; background-color: #6374bc; border-bottom: 1px dashed #c09402; box-shadow: 0 1px 0 #6374bc;} .card-box time.icon em{position: absolute; bottom: 2.2em; color: #6374bc;} .card-box time.icon span{width: 100%; font-size: 2.8em; letter-spacing: -0.05em; padding-top: 0.95em; color: #2f2f2f;} 

/* /website_animate/static/src/scss/o_animate_frontend.scss defined in bundle 'web.assets_frontend' */
 .o_animate{animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0, 0, 0); backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{animation-duration: 500ms;} .o_anim_dur1500{animation-duration: 1500ms;} .o_anim_dur2000{animation-duration: 2000ms;} .o_anim_dur2500{animation-duration: 2500ms;} .o_anim_dur3000{animation-duration: 3000ms;} .o_anim_del500{animation-delay: 500ms;} .o_anim_del1000{animation-delay: 1000ms;} .o_anim_del1500{animation-delay: 1500ms;} .o_anim_del2000{animation-delay: 2000ms;} .o_anim_del2500{animation-delay: 2500ms;} @-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} .o_anim_bounce_in{animation-name: o_anim_bounce_in;} @-moz-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_down{animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_left{animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_right{animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_down{animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_left{animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_right{animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_up{animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{opacity: 0; transform-origin: center; transform: rotate(-200deg);}100%{opacity: 1; transform-origin: center; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} @keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} .o_anim_rotate_in{animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} .o_anim_rotate_in_down_left{animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} .o_anim_rotate_in_down_right{animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} .o_anim_zoom_in{animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_down{animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_left{animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_right{animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @-webkit-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} .o_anim_pulse{animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} .o_anim_shake{animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} .o_anim_tada{animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_x{backface-visibility: visible; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_y{backface-visibility: visible; animation-name: o_anim_flip_in_y;} 

/* /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_form/static/src/scss/website_form.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991.98px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767.98px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .col-form-label:after, .o_website_form_required_custom .col-form-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /website_form_builder/static/src/css/website_form_builder.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_builder .o_required > label::after{content: '*'; color: #dc3545;} .o_website_form_builder .form-field.css_non_editable_mode_hidden{opacity: 0.6;} body .modal.o_website_modal textarea.form-control, body .modal.o_website_modal select[multiple].form-control{height: auto;} 

/* /odoo_web_login/static/src/css/web_login_style.css defined in bundle 'web.assets_frontend' */
  body.login_body{font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0; padding: 0; height: 100%;} .body_login{display: inline-block; text-align: center; white-space: nowrap; width: 100%; height: 100%; position: relative;} .body_login:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;} .o_database_list{display: inline-block; vertical-align: middle; padding: 50px; border: 1px solid #DDD; border-radius: 5px; float: none; background-color: #FFF; opacity: 0.9;} #background-wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-filter: blur(0px); z-index: -1;} .o_database_list input, .o_database_list select{background-color: transparent !important; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #CCC; border-radius: 0px; color: #de3907; font-size: 18px; font-weight: 300; transition: border-color 0.7s ease; box-shadow: none!important; text-align: center;} .o_database_list select option{background-color: #95A5A6;} .o_database_list input:focus, .o_database_list select:focus{border-bottom: 1px solid #e0953e; outline: 0 none;} a.btn-select{background-color: #BBB; border-radius: 5px !important; color: #EEE;} .o_database_list .btn-primary{color: #FFF; background-color: #BBB; border: 1px solid #CCC; text-transform: uppercase; transition: background-color 0.5s ease;} .o_database_list .btn-primary:hover, a.btn-select:hover{background-color: #f05a24; color: #FFF;} .form-control{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);} .o_database_list .company_logo{margin-bottom: 50px; max-width: 100%; height: auto;} .oe_login_buttons{margin-top: 30px; margin-bottom: 10px;} 

/* /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;} 

/* /website_kemet_portal/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);} 

/* /ow_portal/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 .o_portal_docs.list-group.ow_portal{width: 100%; display: inline-block;} .text-responsive{font-size: calc(0% + 0.6vw + 0.6vh);} .ow_portal{width: 100%; display: inline-block;} .ow_portal .badge-pill{font-size: 32px;} .ow_portal .badge-secondary{background-color: transparent;} .ow_portal .list-group-item{float: left; margin: 10px; padding: 14px 18px; min-height: 130px; width: 30%; border-radius: 10px; font-size: 20px; transition: all .2s ease-in-out;} @media (max-width: 767px){.ow_portal .list-group-item{width: 100%;}} .ow_portal .list-group-item:active{transform: scale(1.1); transition: .1s;} .ow_portal [href="/my/quotes"]{background-color: #001a86; color: #fff !important;} .ow_portal [href="/my/orders"]{background-color: #6374bc; color: #fff !important;} .ow_portal [href="/my/invoices"]{background-color: rgba(74, 7, 127, 0.49); color: #fff !important;} .ow_portal [href="/my/projects"]{background-color: #7f6807; color: #fff !important;} .ow_portal [href="/my/tasks"]{background-color: #07797f; color: #fff !important;} .ow_portal [href="/my/my_attachments"]{background-color: #001a86; color: #fff !important;} .ow_portal [href="/my/my_invoices"]{background-color: #B52D12; color: #fff !important;} .ow_portal [href="/my/my_invoices_paid"]{background-color: #6374bc; color: #fff !important;} .ow_portal [href="/my/my_banks"]{background-color: #04484C; color: #fff !important;} .ow_portal [href="/my/my_products"]{background-color: rgba(74, 7, 127, 0.49); color: #fff !important;} .ow_portal [href="/my/my_requests"]{background-color: #12B52D; color: #fff !important;} .ow_portal [href="/my/my_cards"]{background-color: #71C5CC; color: #fff !important;} .ow_portal [href="/my/my_bookings"]{background-color: #89130D; color: #fff !important;} .ow_portal [href="/my/noticeboard"]{background-color: #0f95e7; color: #fff !important;} 

/* /website_kemet_portal/static/src/scss/noticeboard.scss defined in bundle 'web.assets_frontend' */
 .noticeboard{} .noticeboard .document-list{list-style: none; padding: 0; margin: 0;} .noticeboard .document-link{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-decoration: none; color: #333; padding: 10px; border-bottom: 1px solid #eee;} .noticeboard .document-link:hover{background-color: #f5f5f5;} .noticeboard .document-icon{display: inline-block; width: 32px; height: 32px; margin-right: 10px;} .noticeboard .document-info{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .noticeboard .document-name{margin: 0; font-size: 18px;} .noticeboard .document-desc{margin: 0; font-size: 14px; color: #666;} .noticeboard .document-icon.fa.fa-file-pdf-o{color: #e74c3c;} .noticeboard .document-icon.fa.fa-file-word-o{color: #3498db;} .noticeboard .document-icon.fa.fa-file-image-o{color: #12c921;} .noticeboard .document-icon.fa.fa-file-o{color: #8f12c9;} 

/* /website_kemet_booking/static/src/scss/main.scss defined in bundle 'web.assets_frontend' */
 .message_fadeOut{opacity: 1; transition: opacity 3s ease-in-out;} .message_fadeOut.hide{opacity: 0;} .hint-to-display{display: block; font-size: 0.85em; white-space: nowrap; padding-left: 0.2em; top: 50%; left: 0%; border: 1px solid #3c8fdd; border-left: 2px solid #3c8fdd; background-color: #eee; z-index: 10;} 

/* /website_kemet_employee_portal/static/src/css/employee_portal.css defined in bundle 'web.assets_frontend' */
 .emp-portal-container{background-color: #f8f9fa; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 15px; margin-bottom: 30px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} .emp-portal-header{background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%); color: white; padding: 2rem 2.5rem; margin-bottom: 2.5rem; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; transition: all 0.5s ease;} .emp-portal-header:hover{transform: translateY(-3px); box-shadow: 0 7px 25px rgba(0, 0, 0, 0.15);} .emp-portal-header::before{content: ""; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; background: rgba(255, 255, 255, 0.1); border-radius: 50%;} .emp-portal-header::after{content: ""; position: absolute; bottom: -80px; right: -30px; width: 300px; height: 300px; background: rgba(255, 255, 255, 0.05); border-radius: 50%;} .emp-portal-header h1{font-size: 2.2rem; font-weight: 700; margin-bottom: 0.5rem; position: relative; z-index: 2;} .emp-portal-header .header-subtitle{font-size: 1.1rem; opacity: 0.9; font-weight: 300; position: relative; z-index: 2;} .emp-portal-header .header-breadcrumb{display: flex; align-items: center; margin-top: 1rem; position: relative; z-index: 2;} .emp-portal-header .header-breadcrumb a{color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: all 0.3s ease; display: flex; align-items: center;} .emp-portal-header .header-breadcrumb a:hover{color: white; transform: translateX(3px);} .emp-portal-header .header-breadcrumb i{margin: 0 8px; font-size: 0.8rem; opacity: 0.6;} .emp-portal-header.alt-style{background: url('/website_kemet_employee_portal/static/src/img/header-bg.jpg') center/cover no-repeat; background-blend-mode: overlay; background-color: rgba(58, 123, 213, 0.9);} @media (max-width: 768px){.emp-portal-header{padding: 1.5rem; text-align: center;}.emp-portal-header h1{font-size: 1.8rem;}.emp-portal-header .header-breadcrumb{justify-content: center;}} .emp-portal-card{background: white; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0.1); margin-bottom: 20px; transition: all 0.3s ease;} .emp-portal-card:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.1); transform: translateY(-3px);} .emp-portal-card-header{background-color: #f1f8ff; border-bottom: 1px solid #dee2e6; padding: 12px 15px; border-radius: 6px 6px 0 0;} .emp-portal-card-body{padding: 10px;} .emp-nav-item{margin: 5px 0;} .emp-nav-link{display: flex; align-items: center; padding: 12px 15px; color: #495057; border-radius: 4px; transition: all 0.2s;} .emp-nav-link:hover{background-color: #e9ecef; text-decoration: none; color: #0056b3;} .emp-nav-link i{margin-right: 10px; font-size: 1.2em; color: #6c757d;} .emp-badge{font-size: 0.85em; padding: 4px 8px;} .payslip-table th{background-color: #f8f9fa; font-weight: 600;} .payslip-total{font-size: 1.2em; font-weight: 600; color: #28a745;} .emp-sidebar{background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 20px;} .emp-sidebar-title{font-size: 1.2em; font-weight: 600; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee;} .emp-menu-item{padding: 10px 0; border-bottom: 1px solid #f5f5f5;} .emp-menu-item:last-child{border-bottom: none;} @media (max-width: 768px){.emp-portal-container{padding: 15px;}.emp-portal-card-body{padding: 15px;}} .emp-profile{.emp-profile-portal-header{background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%); color: white; padding: 2rem 2.5rem; margin-bottom: 2.5rem; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; transition: all 0.5s ease;}.emp-profile-card{border-radius: 15px; overflow: hidden; border: none; margin: 0 auto; max-width: 100%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #ffffff;}.emp-profile-card-header{background-color: #007bff !important;}.employee-photo-container{width: 100%; padding: 10px 0; text-align: center;}} .credential-card{border-radius: 15px; overflow: hidden; border: none; max-width: 400px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #ffffff;} .credential-card-header{background-color: #007bff !important;} .employee-photo-container{width: 100%; padding: 10px 0; text-align: center;} .employee-photo{width: 90px; height: 90px; object-fit: cover; border: 3px solid #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 50%; margin: 0 auto 15px auto;} .no-photo i{color: #adb5bd; font-size: 90px; margin: 15px 0;} .qr-container{width: 100%; padding: 12px; background: #f1f3f5; border-radius: 10px; text-align: center; margin-top: 20px;} .qr-code{max-width: 180px; height: auto; display: inline-block;} .employee-info{padding: 0 20px; text-align: center;} .employee-name{font-weight: bold; font-size: 1.3rem; color: #212529; margin-bottom: 5px;} .employee-position, .employee-department{font-size: 0.9rem; color: #6c757d; margin: 2px 0;} .credential-footer{text-align: center; margin-top: 15px; font-size: 0.8rem; color: #6c757d;} @media (max-width: 576px){.credential-card{max-width: 95%; border-radius: 8px;}.employee-photo{width: 100px; height: 100px;}.qr-code{max-width: 130px;}}