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], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] 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.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] 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.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #6999a8; border-color: #5b8d9d;} 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{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{background-image: none;} 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], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] 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.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] 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.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} 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{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{background-image: none;} 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], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] 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.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] 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.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #f0ad4e; border-color: #eea236;} 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{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{background-image: none;} 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], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] 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.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] 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.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} 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{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{background-image: none;} 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], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] 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.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] 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.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #e6586c; border-color: #e34258;} 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{color: #ffffff; background-color: #df2c45; border-color: #901527;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{background-image: none;} 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], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] 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.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] 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.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} 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{color: #ffffff; background-color: #df2c45; border-color: #901527;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-togglebody .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{background-image: none;} 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], fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] 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.disabled.focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] 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.disabled:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled.active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} body .modal.o_technical_modal .well{padding: 19px; margin-bottom: 20px; background-color: #fcfcfc; border: 1px solid #efefef; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;} body .modal.o_technical_modal .modal-content{border-radius: 0; background-color: #fcfcfc;} body .modal.o_technical_modal .modal-content .modal-body{background-color: white;} body .modal.o_technical_modal .modal-content .modal-footer{text-align: left;} body .modal.o_technical_modal .nav-tabs{border-bottom: 1px solid #eeeeee;} body .modal.o_technical_modal .nav-tabs > li > a{line-height: 1.42857143; color: #4e525b;} body .modal.o_technical_modal .nav-tabs > li > a:hover{border-color: #eeeeee;} body .modal.o_technical_modal .nav-tabs > li.active > a, body .modal.o_technical_modal .nav-tabs > li.active > a:hover, body .modal.o_technical_modal .nav-tabs > li.active > a:focus{color: #50545d; background-color: #fcfcfc; border-color: #eeeeee; border-bottom-color: transparent;} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close{color: transparent; position: relative; display: inline-block; opacity: 0.7; width: 12px; height: 12px; margin-right: -2px;} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:hover, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:focus{outline: none; opacity: 1;} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:hover::after, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:focus::after, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:hover::before, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:focus::before{background: #000000;} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:after, body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:before{content: ''; margin-top: -1px; background: #000000; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; bottom: auto; right: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} body .modal.o_technical_modal:not(.oe_mobile_preview) button.close:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} 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 .close{color: lightgray; opacity: 1; font-size: 25px; font-weight: normal;} 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 h4{color: lightgray; font-family: inherit; font-weight: normal;} 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: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; width: 335px; height: 530px; -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; 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; margin-left: -1px;} body .modal.oe_seo_configuration .table td{vertical-align: middle;} body .modal.oe_seo_configuration .table td:first-child{padding-right: 15px; border-width: 0; width: 35%;} body .modal.oe_seo_configuration .table td:last-child{visibility: hidden;} body .modal.oe_seo_configuration .table > tfoot{display: none;} body .modal.oe_seo_configuration .table.js_seo_has_content td:first-child{width: 55%; padding-right: 15px; border: 1px solid #d4d5d7; text-align: right; background-color: #fcfcfc;} @media screen and (min-width: 992px){body .modal.oe_seo_configuration .table.js_seo_has_content td:first-child{width: 38%;}} body .modal.oe_seo_configuration .table.js_seo_has_content td:last-child{border: none; visibility: visible; padding-left: 15px;} @media screen and (min-width: 992px){body .modal.oe_seo_configuration .table.js_seo_has_content td:last-child{padding-left: 50px;}} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td{padding: 5px; -webkit-transition: padding 0.3s ease 0s; -moz-transition: padding 0.3s ease 0s; -o-transition: padding 0.3s ease 0s; transition: padding 0.3s ease 0s;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child{border-width: 0 1px;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label{position: relative; display: inline-block; padding: 7px 35px; font-size: 16px; font-weight: normal;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove{color: transparent; position: relative; display: inline-block; opacity: 0.7; width: 10px; height: 10px; position: absolute; top: 5px; left: auto; bottom: auto; right: 5px;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:hover, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:focus{outline: none; opacity: 1;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:hover::after, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:focus::after, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:hover::before, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:focus::before{background: #e6586c;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:after, body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:before{content: ''; margin-top: -1px; background: #ffffff; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; bottom: auto; right: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:first-child .label .oe_remove:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:last-child .label{display: block; font-size: 12px; font-weight: normal; opacity: 0.8; cursor: pointer;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody td:last-child .label:hover{opacity: 1;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody tr{-webkit-animation: fadeInDownSmall 0.3s ease 0s 1 normal none running; -moz-animation: fadeInDownSmall 0.3s ease 0s 1 normal none running; -o-animation: fadeInDownSmall 0.3s ease 0s 1 normal none running; animation: fadeInDownSmall 0.3s ease 0s 1 normal none running;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody tr:first-child td:first-child{padding-top: 10px;} body .modal.oe_seo_configuration .table.js_seo_has_content tbody tr:last-child td:first-child{padding-bottom: 10px; border-bottom-width: 1px;} body .modal.oe_seo_configuration .table.js_seo_has_content > tfoot{display: table-footer-group;} body .modal.oe_seo_configuration .table.js_seo_has_content > tfoot hr{margin: 10px 0;} body .modal.oe_seo_configuration .table.js_seo_has_content > tfoot td, body .modal.oe_seo_configuration .table.js_seo_has_content > tfoot td:first-child{border: none; background: none;} body .modal.oe_seo_configuration li.oe_seo_preview_g{list-style: none; font-family: arial, sans-serif;} body .modal.oe_seo_configuration li.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 li.oe_seo_preview_g .s{font-size: 13px; line-height: 18px; color: #545454;} body .modal.oe_seo_configuration li.oe_seo_preview_g .s .kv{color: #006621; font-size: 14px; line-height: 18px;} body .modal.oe_seo_configuration li.oe_seo_preview_g .s .st{height: 50px;} #o_new_content_menu_choices{position: absolute; top: 34px; left: 0; bottom: 0; right: 0; position: fixed; display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} #o_new_content_menu_choices::before{content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; pointer-events: none; background-color: black; opacity: 0.8;} #o_new_content_menu_choices > ul{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -moz-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; width: auto; max-width: 60%; max-height: 100%; margin: 0; padding: 0; list-style: none;} #o_new_content_menu_choices > ul li{display: block; opacity: 0; -webkit-animation: fadeInDownSmall 1s forwards; -o-animation: fadeInDownSmall 1s forwards; animation: fadeInDownSmall 1s forwards; margin: 2em 32px; padding: 0 15px;} #o_new_content_menu_choices > ul li a{display: block; font-size: 34px; margin: auto; text-align: center;} #o_new_content_menu_choices > ul li a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;} #o_new_content_menu_choices > ul li a p{color: white; margin-top: 0.7em; font-size: 0.5em;} #o_new_content_menu_choices > ul li a:hover, #o_new_content_menu_choices > ul li a:focus{text-decoration: none;} #o_new_content_menu_choices > ul li a:hover i, #o_new_content_menu_choices > ul li 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;} #theme_error{background: #ffc;} #theme_customize_modal{overflow: visible; z-index: 1020; display: block;} #theme_customize_modal .modal-dialog{position: absolute; top: 44px; left: auto; bottom: auto; right: 10px; width: auto; margin: 0; font-family: Roboto;} #theme_customize_modal .loading_backdrop{display: none;} #theme_customize_modal.loading .loading_backdrop{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: black; opacity: 0.3; z-index: 1;} #theme_customize_modal label{display: block; text-align: center;} #theme_customize_modal label > div, #theme_customize_modal label > img{border: 1px solid #fff; line-height: 30px; font-size: 0.9em; margin: 2px 4px;} #theme_customize_modal label.checked > div, #theme_customize_modal label.checked > img{box-shadow: 2px 2px 3px #888; border: 1px solid #666;} #theme_customize_modal label img{width: 60px; height: 35px; margin: 2px; border: 1px solid rgba(136, 136, 136, 0.5);} #theme_customize_modal label input{display: none;} .o_ace_view_editor{font-family: Roboto, 'Montserrat', "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.42857143; color: #33363e; position: absolute; top: 34px; left: auto; bottom: 0; right: 0; position: fixed; z-index: 1001;} .o_ace_view_editor .text-muted{color: #999999;} .o_ace_view_editor .btn:not(.o_btn_preview){border-width: 1px; font-weight: normal; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #ffffff; background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #5f5e97; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: #ffffff; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #ffffff; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #515081; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #5f5e97; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: #ffffff; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #ffffff; background-color: #5f5e97; border-color: #515081;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{color: #ffffff; background-color: #515081; border-color: #373758;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.active{background-color: #7c7bad; border-color: #6c6ba3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary .badge{color: #7c7bad; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #50545d; background-color: #ffffff; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #e6e6e6; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #d4d4d4; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active{background-color: #ffffff; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default .badge{color: #ffffff; background-color: #50545d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #e6e6e6; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{color: #50545d; background-color: #e6e6e6; border-color: #b4b6ba;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus{color: #50545d; background-color: #d4d4d4; border-color: #92949a;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-default{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-default[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-default.active{background-color: #ffffff; border-color: #d4d5d7;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-default .badge{color: #ffffff; background-color: #50545d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{color: #7c7bad; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.active{background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link .badge{color: rgba(0, 0, 0, 0); background-color: #7c7bad;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #328851; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #ffffff; background-color: #328851; border-color: #296e41;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{color: #ffffff; background-color: #296e41; border-color: #173d25;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #ffffff; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: #ffffff; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #ffffff; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: #ffffff; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: #ffffff; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: #ffffff;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .form-control{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .has-error .form-control{border-color: #a94442;} .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: 7px;} .popover_dep{overflow-x: auto;} #edit_website_pages .fa-check{color: #00a09d;} #edit_website_pages .fa-eye-slash{color: #00a09d;} #edit_website_pages th{background-color: #7c7bad; color: white;} #edit_website_pages td a.fa{color: #7c7bad; margin-left: 5px;} #edit_website_pages td .text-muted{opacity: 0.5;} 

/* /website/static/src/less/website.snippets.less defined in bundle 'web.assets_frontend' */
 .carousel, .parallax, .blockquote{overflow: hidden;} @media (max-width: 400px){section, .parallax, .row, .hr, .blockquote{height: auto !important;}} .s_text_block_image_fw .container{padding: 0 30px;} .s_text_block_image_fw .container > .row > div{padding: 30px;} .table_desc{margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd;} .table_heading{background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px;} table.table_desc tr td{text-align: left; padding: 5px; font-size: 13px;} table.table_desc tr td:first-child{width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none;} table.table_desc tr td:last-child{border-bottom: 1px solid #c9c9c9;} .s_feature_grid p{overflow: auto;} .s_comparisons .panel .list-group-item:not(.active){color: #666;} .s_comparisons .panel small{color: inherit;} .s_comparisons .text-muted{color: #777777;} .s_faq_collapse .container .panel{background-color: inherit; border: 1px solid rgba(0, 0, 0, 0.15);} .s_faq_collapse .container .panel .panel-body{border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .s_references .img-thumbnail{border: none;} .o_image_floating{width: 40%; margin: 4px;} .o_image_floating div.o_container{position: relative;} .o_image_floating.o_margin_s{margin-bottom: 4px;} .o_image_floating.o_margin_s.pull-right{margin-left: 8px;} .o_image_floating.o_margin_s.pull-left{margin-right: 8px;} .o_image_floating.o_margin_m{margin-bottom: 8px;} .o_image_floating.o_margin_m.pull-right{margin-left: 12px;} .o_image_floating.o_margin_m.pull-left{margin-right: 12px;} .o_image_floating.o_margin_l{margin-bottom: 12px;} .o_image_floating.o_margin_l.pull-right{margin-left: 16px;} .o_image_floating.o_margin_l.pull-left{margin-right: 16px;} .o_image_floating.o_margin_xl{margin-bottom: 24px;} .o_image_floating.o_margin_xl.pull-right{margin-left: 32px;} .o_image_floating.o_margin_xl.pull-left{margin-right: 32px;} .carousel-inner{height: 100%;} .carousel-inner .item{height: 100%;} .carousel-inner .carousel-control{cursor: pointer;} .carousel-inner .carousel-control span{top: 50%; position: absolute; margin-top: -8px;} .carousel .carousel-control.left{left: -10px;} .carousel .carousel-control.left *{position: absolute; top: 50%; z-index: 5; right: 50%;} .carousel .carousel-control.right{right: -10px;} .carousel .carousel-control.right *{position: absolute; top: 50%; z-index: 5; left: 50%;} .quotecarousel{padding-bottom: 16px;} div.carousel .container > .carousel-caption{position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px;} div.carousel .container > .carousel-caption > div{position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;} div.carousel .container > .carousel-image{position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto;} div.carousel .container .item.text_image .container > .carousel-caption{left: 10%;} div.carousel .container .item.text_image .container > .carousel-caption > div{right: 50%; margin-right: -20%; max-width: 550px;} div.carousel .container .item.text_image .container > .carousel-image{right: 10%; left: 50%;} div.carousel .container .item.image_text .container > .carousel-caption{right: 10%;} div.carousel .container .item.image_text .container > .carousel-caption > div{left: 50%; margin-left: -20%; max-width: 550px;} div.carousel .container .item.image_text .container > .carousel-image{right: 50%; left: 10%;} div.carousel .container .item.text_only .container > .carousel-caption{left: 10%; right: 10%; top: 10%; bottom: auto;} div.carousel .container .item.text_only .container > .carousel-caption > div{text-align: center; background: transparent; bottom: auto; width: 100%;} div.carousel .container .item.text_only .container > .carousel-image{display: none !important;} .o_gallery.o_grid .img, .o_gallery.o_masonry .img{width: 100%;} .o_gallery.o_grid.o_spc-none div.row{margin: 0;} .o_gallery.o_grid.o_spc-none div.row > div{padding: 0;} .o_gallery.o_grid.o_spc-small div.row{margin: 5px 0;} .o_gallery.o_grid.o_spc-small div.row > div{padding: 0 5px;} .o_gallery.o_grid.o_spc-medium div.row{margin: 10px 0;} .o_gallery.o_grid.o_spc-medium div.row > div{padding: 0 10px;} .o_gallery.o_grid.o_spc-big div.row{margin: 15px 0;} .o_gallery.o_grid.o_spc-big div.row > div{padding: 0 15px;} .o_gallery.o_grid.size-auto .row{height: auto;} .o_gallery.o_grid.size-small .row{height: 100px;} .o_gallery.o_grid.size-medium .row{height: 250px;} .o_gallery.o_grid.size-big .row{height: 400px;} .o_gallery.o_grid.size-small img, .o_gallery.o_grid.size-medium img, .o_gallery.o_grid.size-big img{height: 100%;} .o_gallery.o_masonry.o_spc-none div.col{padding: 0;} .o_gallery.o_masonry.o_spc-none div.col > img{margin: 0 !important;} .o_gallery.o_masonry.o_spc-small div.col{padding: 0 5px;} .o_gallery.o_masonry.o_spc-small div.col > img{margin: 5px 0 !important;} .o_gallery.o_masonry.o_spc-medium div.col{padding: 0 10px;} .o_gallery.o_masonry.o_spc-medium div.col > img{margin: 10px 0 !important;} .o_gallery.o_masonry.o_spc-big div.col{padding: 0 15px;} .o_gallery.o_masonry.o_spc-big div.col > img{margin: 15px 0 !important;} .o_gallery.o_nomode.o_spc-none .img{padding: 0;} .o_gallery.o_nomode.o_spc-small .img{padding: 5px;} .o_gallery.o_nomode.o_spc-medium .img{padding: 10px;} .o_gallery.o_nomode.o_spc-big .img{padding: 15px;} .o_gallery.o_slideshow .carousel ul.carousel-indicators li{border: 1px solid #aaa;} .o_gallery.o_slideshow > .container{height: 100%;} .o_gallery .carousel-inner .item img{max-width: none;} .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel{height: 100%;} .o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item{padding-bottom: 64px;} .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img{max-height: 100%; max-width: 100%; margin: auto;} .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators{display: block; height: auto; padding: 0; border-width: 0; position: absolute; bottom: 0; width: 100%; margin-left: 0; left: 0%;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > *{list-style-image: none; display: inline-block; width: 40px; height: 40px; margin: 2.5px 2.5px 2.5px 2.5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; border-radius: 0; vertical-align: bottom;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active){opacity: 0.8; filter: grayscale(1);} .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.right, .o_gallery.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.left{background-image: none; background-color: transparent;} .o_gallery.o_slideshow .carousel .carousel-control.left *, .modal-body.o_slideshow .carousel .carousel-control.left *{right: 0%;} .o_gallery.o_slideshow .carousel .carousel-control.right *, .modal-body.o_slideshow .carousel .carousel-control.right *{left: 0%;} div.carousel .carousel-indicators li{box-shadow: 0 0 0 1px grey;} div.carousel .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.5);} div.carousel span.carousel-img img, div.carousel div.carousel-content{max-height: 95%; padding: 10px;} div.carousel .carousel-control{cursor: pointer;} .parallax{position: relative;} .parallax .oe_structure > :first-child{margin-top: 32px;} .parallax .oe_structure > :last-child{margin-bottom: 32px;} .parallax > *{position: relative;} .parallax > .s_parallax_bg{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-attachment: scroll; pointer-events: none;} .parallax.s_parallax_is_fixed > .s_parallax_bg{background-attachment: fixed;} .s_parallax{min-height: 200px;} @media (max-width: 991px){.s_company_team img{max-width: 50%;}} 

/* /website/static/src/less/website.zoomodoo.less 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;} .zoomodoo-hover .zoomodoo-flyout{top: 0; left: 0; width: 100%; height: 100%;} .zoomodoo-next .zoomodoo-flyout{top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px;} 

/* /qr_pettag/static/src/css/pettag.css defined in bundle 'web.assets_frontend' */
 .pet-page{--pet-rose: #e11d48; --pet-rose-dark: #be123c;} .pet-page h1, .pet-page h2, .pet-page h3{font-family: 'Baloo 2', -apple-system, "Segoe UI", Roboto, sans-serif;} .pet-page a:not(.btn){color: var(--pet-rose);} .pet-page a:not(.btn):hover{color: var(--pet-rose-dark);} .pet-page .btn-primary{background-color: var(--pet-rose); border-color: var(--pet-rose);} .pet-page .btn-primary:hover, .pet-page .btn-primary:focus, .pet-page .btn-primary:active{background-color: var(--pet-rose-dark) !important; border-color: var(--pet-rose-dark) !important; box-shadow: none;} .pet-page .btn-outline-primary{color: var(--pet-rose); border-color: var(--pet-rose);} .pet-page .btn-outline-primary:hover, .pet-page .btn-outline-primary:focus{background-color: var(--pet-rose); border-color: var(--pet-rose); color: #fff;} .pet-page .form-control:focus{border-color: #f3a7ba; box-shadow: 0 0 0 0.2rem rgba(225, 29, 72, 0.15);} .pet-page .pet-step-active{background: var(--pet-rose); color: #fff;} .pet-page .pet-step-idle{background: #e9ecef; color: #777;} .pet-page .pet-engrave{background: #fff1f4; border: 1px solid #f7b9c7; border-radius: 10px;} .pet-split{min-height: 100vh; display: flex;} .pet-split .pet-hero{flex: 1.1; background: linear-gradient(155deg, #e11d48 0%, #9f1239 100%); color: #fff; padding: 56px 48px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden;} .pet-split .pet-hero::after{content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; background: rgba(255,255,255,.08); right: -120px; bottom: -120px;} .pet-split .pet-hero h1{font-family: 'Baloo 2', sans-serif; font-weight: 800; font-size: 2.6rem; line-height: 1.08; margin: 18px 0 12px;} .pet-split .pet-hero p{font-size: 1.05rem; opacity: .92; max-width: 360px; line-height: 1.5;} .pet-steps{margin-top: 28px; display: flex; flex-direction: column; gap: 12px;} .pet-steps > div{display: flex; align-items: center; gap: 12px; font-weight: 500;} .pet-steps .num{width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; font-family: 'Baloo 2', sans-serif; font-weight: 700; font-size: .9rem; flex: 0 0 auto;} .pet-steps .num.done{background: #fff; color: #e11d48;} .pet-split .pet-panel{flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px 24px; background: #fafafa;} .pet-split .pet-form{width: 100%; max-width: 360px;} @media (max-width: 768px){.pet-split{flex-direction: column; min-height: 0;}.pet-split .pet-hero{padding: 32px 28px;}.pet-split .pet-hero h1{font-size: 1.9rem;}.pet-steps{margin-top: 16px;}.pet-split .pet-panel{padding: 28px 20px;}} .pet-page .pet-or{display: flex; align-items: center; gap: 10px; color: #c7ccd1; font-size: .85rem; margin: 14px 0;} .pet-page .pet-or::before, .pet-page .pet-or::after{content: ""; flex: 1; height: 1px; background: #e5e7eb;} .pet-page .gbox{width: 26px; height: 26px; background: #fff; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center;} .pet-page .gbox svg{width: 16px; height: 16px; display: block;} .pet-page .pet-card{background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 22px; box-shadow: 0 1px 4px rgba(0,0,0,.05); margin-bottom: 18px;} .pet-page .pet-card h3{margin: 0 0 4px; font-size: 1.2rem;} .pet-page .pet-danger{border-color: #f7b9c7; background: #fff7f9;} .pet-page .pet-head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px;} .pet-page .pet-head h2{margin:0;} .pet-page .pet-statuspill{font-weight:700; font-size:.8rem; padding:6px 14px; border-radius:999px;} .pet-page .pet-statuspill.on{background:#dcfce7; color:#15803d;} .pet-page .pet-statuspill.off{background:#f1f3f5; color:#868e96;} .pet-page .pet-keycard{background: linear-gradient(135deg,#fff1f4,#ffe4ea); border:1px solid #f7b9c7; border-radius:18px; padding:22px; display:flex; align-items:center; gap:20px; margin-bottom:24px;} .pet-page .pet-qr{width:84px; height:84px; border-radius:14px; background:#fff; border:2px solid #f3c1cd; flex:0 0 auto; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); gap:4px; padding:12px;} .pet-page .pet-qr i{background:#e11d48; border-radius:3px;} .pet-page .pet-qr i:nth-child(2),.pet-page .pet-qr i:nth-child(4), .pet-page .pet-qr i:nth-child(6),.pet-page .pet-qr i:nth-child(8){background:#f7b9c7;} .pet-page .pet-keycard .lbl{font-size:.8rem; font-weight:700; color:#be123c; text-transform:uppercase; letter-spacing:.05em;} .pet-page .pet-keycard .key{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:2rem; letter-spacing:2px; color:#1f2937; line-height:1.1; margin:2px 0 6px;} .pet-page .pet-keycard .hint{color:#9a6b76; font-size:.85rem;} .pet-page .pet-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:stretch;} .pet-page .pet-rightcol{display:flex; flex-direction:column;} .pet-page .pet-rightcol > .pet-fcard:first-child{flex:1 1 auto; display:flex; flex-direction:column;} .pet-page .pet-rightcol > .pet-fcard:first-child .form-group{flex:1; margin-bottom:0;} .pet-page .pet-notes-ta{height:100%; min-height:240px; resize:vertical;} .pet-page .pet-fcard{background:#fff; border:1px solid #eee; border-radius:16px; padding:22px; box-shadow:0 1px 4px rgba(0,0,0,.04); margin-bottom:20px;} .pet-page .pet-fcard h3{font-family:'Baloo 2',sans-serif; font-weight:700; font-size:1.1rem; margin:0 0 16px;} .pet-page .pet-avatar-row{display:flex; align-items:center; gap:16px; margin-bottom:14px;} .pet-page .pet-avatar{width:72px; height:72px; border-radius:16px; object-fit:cover; border:2px solid #f3c1cd;} .pet-page .pet-fcard input, .pet-page .pet-fcard select, .pet-page .pet-fcard textarea{border-radius:11px;} .pet-page .pet-tog{display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid #f3f4f6;} .pet-page .pet-tog:last-of-type{border-bottom:none;} .pet-page .pet-switch{position:relative; display:inline-block; width:44px; height:26px; flex:0 0 auto;} .pet-page .pet-switch input{opacity:0; width:0; height:0; position:absolute;} .pet-page .pet-slider{position:absolute; inset:0; background:#d1d5db; border-radius:999px; cursor:pointer; transition:.2s;} .pet-page .pet-slider::before{content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; transition:.2s;} .pet-page .pet-switch input:checked + .pet-slider{background:#e11d48;} .pet-page .pet-switch input:checked + .pet-slider::before{transform:translateX(18px);} .pet-page .pet-consent{display:flex; gap:10px; align-items:flex-start; margin-top:14px; background:#fff7f9; border:1px solid #f7b9c7; border-radius:12px; padding:12px;} @media (max-width:720px){.pet-page .pet-grid{grid-template-columns:1fr;}.pet-page .pet-keycard{flex-direction:column; text-align:center;}} .pet-page, .oe_website_login_container{font-family: 'Inter', -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 16px; line-height: 1.55; color:#1f2937;} .pet-page p, .pet-page li, .pet-page label, .pet-page .form-control, .pet-page .btn, .oe_website_login_container label, .oe_website_login_container .control-label, .oe_website_login_container .form-control, .oe_website_login_container .btn{font-size: 1rem;} .pet-page .btn{border-radius:11px; font-weight:600;} .pet-page .btn-lg{border-radius:13px;} .pet-page .form-control{border-radius:11px; border:1.5px solid #e5e7eb; padding:11px 13px;} .pet-page .pet-topbar{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px;} .pet-page .pet-topbar .links{font-size:.9rem; white-space:nowrap;} .pet-page .pet-topbar .links .sep{color:#ddd; margin:0 6px;} .pet-page .pet-centercard{background:#fff; border:1px solid #eee; border-radius:18px; padding:26px; box-shadow:0 8px 30px rgba(0,0,0,.06);} .pet-page .pet-centercard h2{font-family:'Baloo 2',sans-serif; font-weight:800;} .pet-page .pet-chip{display:inline-block; font-family:'Baloo 2',sans-serif; font-weight:700; letter-spacing:1px; background:#fdecf1; color:#be123c; border-radius:8px; padding:2px 10px; font-size:.95rem;} .pet-page .pet-petlist{display:flex; flex-direction:column; gap:16px; margin-top:16px;} .pet-page .pet-petcard{background:#fff; border:1px solid #f3dbe2; border-radius:18px; padding:18px 20px 14px; box-shadow:0 6px 18px rgba(225,29,72,.06);} .pet-page .pet-cardtop{display:flex; align-items:center; gap:14px;} .pet-page .pet-petcard .av{width:56px; height:56px; border-radius:14px; flex:0 0 auto; object-fit:cover; background:linear-gradient(135deg,#fff1f4,#ffe4ea); border:1px solid #f3c1cd; display:flex; align-items:center; justify-content:center; font-size:26px;} .pet-page .pet-petcard .meta{flex:1; min-width:0;} .pet-page .pet-petcard .name{font-family:'Baloo 2',sans-serif; font-weight:700; font-size:1.15rem;} .pet-page .pet-cardtags{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:4px;} .pet-page .pet-petcard .actions{display:flex; gap:8px; align-items:center; flex:0 0 auto;} .pet-page .pet-stats{display:flex; gap:10px; margin-top:14px;} .pet-page .pet-stat{flex:1; min-width:0; display:flex; align-items:center; gap:10px; text-decoration:none; background:#fff8fa; border:1px solid #fbe3ea; border-radius:12px; padding:10px 12px; transition:border-color .2s ease, background .2s ease;} .pet-page a.pet-stat:hover{border-color:#f7b9c7; background:#fff1f4;} .pet-page .pet-stat .ic{width:34px; height:34px; border-radius:10px; flex:0 0 auto; background:linear-gradient(135deg,#ffe1ea,#fbd0dd); color:#e11d48; display:flex; align-items:center; justify-content:center;} .pet-page .pet-stat .lab{font-size:.7rem; color:#9ca3af; text-transform:uppercase; letter-spacing:.04em; font-weight:600;} .pet-page .pet-stat .val{font-weight:700; font-size:.9rem; color:#1f2937;} @media (max-width:640px){.pet-page .pet-stats{flex-direction:column;}} .pet-page .pet-remlist{display:block; margin-top:10px; text-decoration:none; background:#fff8fa; border:1px solid #fbe3ea; border-radius:12px; padding:12px 14px 6px; transition:border-color .2s ease, background .2s ease;} .pet-page .pet-remlist .rl-row:last-of-type{padding-bottom:0;} .pet-page a.pet-remlist:hover{border-color:#f7b9c7; background:#fff1f4;} .pet-page .pet-remlist .rl-head{font-size:.7rem; color:#9ca3af; text-transform:uppercase; letter-spacing:.04em; font-weight:600; margin-bottom:8px;} .pet-page .pet-remlist .rl-head .fa{color:#e11d48; margin-right:5px;} .pet-page .pet-remlist .rl-row{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:6px 0; border-top:1px solid #f6e3ea;} .pet-page .pet-remlist .rl-row:first-of-type{border-top:none;} .pet-page .pet-remlist .rl-name{font-weight:700; font-size:.9rem; color:#1f2937; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pet-page .pet-remlist .rl-date{color:#6b7280; font-size:.82rem; white-space:nowrap; flex:0 0 auto;} .pet-page .pet-remlist .rl-empty{color:#9ca3af; font-size:.88rem;} .pet-page .pet-contact{list-style:none; padding:0; margin:0;} .pet-page .pet-contact li{display:flex; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid #f3f4f6; font-size:1.02rem;} .pet-page .pet-contact li:last-child{border-bottom:none;} .pet-page .pet-contact .ic{width:34px; height:34px; border-radius:10px; background:#fdecf1; color:#be123c; display:flex; align-items:center; justify-content:center; flex:0 0 auto; font-size:16px;} .pet-page .pet-contact .lab{color:#9ca3af; font-size:.78rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em;} .pet-page .pet-contact .val{font-weight:600;} .pet-page .pet-statuspill, .pet-page .pet-chip{white-space:nowrap;} @media (max-width:520px){.pet-page .pet-cardtop{flex-wrap:wrap;}.pet-page .pet-petcard .actions{margin-left:0; width:100%;}.pet-page .pet-petcard .actions .btn{flex:1;}} .pet-page .pet-home-hero{background: linear-gradient(155deg,#e11d48 0%,#9f1239 100%); color:#fff; text-align:center; padding:56px 20px 64px; position:relative; overflow:hidden;} .pet-page .pet-home-hero::after{content:""; position:absolute; width:460px; height:460px; border-radius:50%; background:rgba(255,255,255,.07); right:-160px; top:-160px;} .pet-page .pet-home-hero h1{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:2.6rem; line-height:1.08; margin:18px 0 12px;} .pet-page .pet-home-hero p{font-size:1.15rem; opacity:.95; max-width:520px; margin:0 auto 26px; line-height:1.5;} .pet-page .pet-cta{display:flex; gap:12px; justify-content:center; flex-wrap:wrap;} .pet-page .btn-white{background:#fff; color:#e11d48; border:none;} .pet-page .btn-white:hover{background:#fff1f4; color:#be123c;} .pet-page .btn-ghostw{background:transparent; color:#fff; border:2px solid rgba(255,255,255,.6);} .pet-page .btn-ghostw:hover{background:rgba(255,255,255,.12); color:#fff;} .pet-page .pet-steps3{max-width:900px; margin:48px auto; padding:0 16px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px;} .pet-page .pet-step3{background:linear-gradient(180deg,#ffffff,#fff8fa); border:1px solid #fbdfe7; border-radius:20px; padding:28px 22px; text-align:center; box-shadow:0 6px 20px rgba(225,29,72,.06); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;} .pet-page .pet-step3:hover{transform:translateY(-6px); box-shadow:0 16px 36px rgba(225,29,72,.16); border-color:#f7b9c7;} .pet-page .pet-step3 .n{width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,#e11d48,#9f1239); color:#fff; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:1.25rem; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; box-shadow:0 6px 16px rgba(225,29,72,.32);} .pet-page .pet-step3 h3{font-family:'Baloo 2',sans-serif; font-size:1.12rem; margin:0 0 6px;} .pet-page .pet-step3 p{color:#6b7280; font-size:.92rem; margin:0; line-height:1.5;} .pet-page .pet-foot{text-align:center; margin-top:64px; background:linear-gradient(180deg,#fff7f9,#ffeef2); border-top:1px solid #f7d6e0; padding:48px 20px 30px;} .pet-page .pet-foot-logo{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:1.5rem; color:#1f2937; text-decoration:none; display:inline-block;} .pet-page .pet-foot-logo:hover{color:#1f2937; text-decoration:none;} .pet-page .pet-foot-logo b{color:#e11d48;} .pet-page .pet-foot-tag{color:#9a6b76; font-size:.95rem; margin:8px 0 20px;} .pet-page .pet-foot-links{display:flex; gap:26px; justify-content:center; flex-wrap:wrap; margin-bottom:18px;} .pet-page .pet-foot-links a{color:#be123c; font-weight:600;} .pet-page .pet-foot-links a:hover{color:#e11d48;} .pet-page .pet-foot-copy{color:#c79aa6; font-size:.85rem;} .pet-page .pet-legal{max-width:720px; margin:0 auto; padding:24px 16px 50px;} .pet-page .pet-legal h2{font-family:'Baloo 2',sans-serif;} .pet-page .pet-legal h3{font-size:1.1rem; margin:22px 0 6px;} .pet-page .pet-legal p, .pet-page .pet-legal li{color:#4b5563; line-height:1.6;} @media (max-width:720px){.pet-page .pet-home-hero h1{font-size:2rem;}.pet-page .pet-steps3{grid-template-columns:1fr;}} @keyframes petBlobA{0%{transform:translate(0,0) scale(1);}50%{transform:translate(-26px,18px) scale(1.08);}100%{transform:translate(0,0) scale(1);}} @keyframes petBlobB{0%{transform:translate(0,0) scale(1);}50%{transform:translate(22px,-22px) scale(1.12);}100%{transform:translate(0,0) scale(1);}} @keyframes petBlobC{0%{transform:translate(0,0) scale(1);}50%{transform:translate(18px,26px) scale(1.06);}100%{transform:translate(0,0) scale(1);}} .pet-split .pet-hero > *, .pet-page .pet-home-hero > *{position:relative; z-index:1;} .pet-split .pet-hero::before, .pet-split .pet-hero::after, .pet-page .pet-home-hero::before, .pet-page .pet-home-hero::after{content:""; position:absolute; border-radius:50%; z-index:0; pointer-events:none; background:rgba(255,255,255,.08);} .pet-split .pet-hero::after{width:380px;height:380px; right:-120px; bottom:-120px; animation:petBlobA 24s ease-in-out infinite;} .pet-split .pet-hero::before{width:240px;height:240px; left:-90px; top:-70px; background:rgba(255,255,255,.06); animation:petBlobB 30s ease-in-out infinite;} .pet-page .pet-home-hero::after{width:460px;height:460px; right:-160px; top:-160px; animation:petBlobA 26s ease-in-out infinite;} .pet-page .pet-home-hero::before{width:300px;height:300px; left:-130px; bottom:-130px; background:rgba(255,255,255,.06); animation:petBlobC 32s ease-in-out infinite;} @media (prefers-reduced-motion: reduce){.pet-split .pet-hero::before, .pet-split .pet-hero::after, .pet-page .pet-home-hero::before, .pet-page .pet-home-hero::after{animation:none;}} .pet-page .pet-qrimg{width:96px; height:96px; border-radius:14px; background:#fff; border:2px solid #f3c1cd; padding:8px; flex:0 0 auto;} #wrapwrap > header, header#top, #top, #top_menu_container, .o_main_navbar, #wrapwrap > footer, footer, #footer, #footer_container, .o_footer, .o_footer_copyright, .o_footer_copyright_name{display: none !important;} .pet-authwrap{min-height: 100vh; width: 100vw; position: relative; left: 50%; margin-left: -50vw; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 16px; overflow: hidden; background: linear-gradient(160deg, #fff1f4 0%, #fef2f4 45%, #faf5ff 100%);} .pet-authwrap::before, .pet-authwrap::after{content: ""; position: absolute; border-radius: 50%; z-index: 0; pointer-events: none;} .pet-authwrap::before{width: 460px; height: 460px; background: rgba(225,29,72,.10); top: -160px; right: -120px; animation: petBlobA 20s ease-in-out infinite;} .pet-authwrap::after{width: 360px; height: 360px; background: rgba(159,18,57,.08); bottom: -140px; left: -110px; animation: petBlobB 28s ease-in-out infinite;} .pet-authcard{position: relative; z-index: 1; width: 100%; max-width: 420px; background: #fff; border-radius: 22px; padding: 38px 34px; box-shadow: 0 12px 44px rgba(225,29,72,.12), 0 2px 8px rgba(0,0,0,.04);} .pet-authlogo{display: block; margin: 0 auto 22px;} .pet-authfoot{position: relative; z-index: 1; margin: 18px 0 0; color: #9a6b76; font-size: .85rem; text-align: center;} .pet-authfoot a{color: #e11d48;} @media (max-width: 480px){.pet-authcard{padding: 30px 22px; border-radius: 18px;}} @media (prefers-reduced-motion: reduce){.pet-authwrap::before, .pet-authwrap::after{animation: none;}} .pet-authform .btn-primary, .pet-authform button[type="submit"]{background-color: #e11d48 !important; border-color: #e11d48 !important; border-radius: 12px; padding: 10px 16px; font-weight: 600;} .pet-authform .btn-primary:hover, .pet-authform button[type="submit"]:hover{background-color: #be123c !important; border-color: #be123c !important;} .pet-authform a{color: #e11d48;} .pet-authform a:hover{color: #be123c;} .pet-authform .form-control, .pet-authform input.form-control{border-radius: 12px; border: 1.5px solid #e5e7eb; padding: 11px 13px;} .pet-authform .form-control:focus{border-color: #e11d48; box-shadow: 0 0 0 3px rgba(225,29,72,.12);} .pet-authform label, .pet-authform .col-form-label{font-weight: 600; color: #6b7280;} .pet-authwrap .pet-authhead{text-align: center; margin-bottom: 24px;} .pet-authwrap .pet-authhead h2{font-family: 'Baloo 2', sans-serif; font-weight: 800; color: #1f2937; margin: 0 0 6px; font-size: 1.7rem;} .pet-authwrap .pet-authhead p{color: #9ca3af; font-size: .95rem; margin: 0;} .pet-authwrap .pet-or{display: flex; align-items: center; gap: 10px; color: #c7ccd1; font-size: .85rem; margin: 18px 0 12px;} .pet-authwrap .pet-or::before, .pet-authwrap .pet-or::after{content: ""; flex: 1; height: 1px; background: #e5e7eb;} .pet-authwrap .pet-oauthbtn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 11px 14px; background: #fff; color: #1f2937 !important; font-weight: 600; font-size: 1rem; border: 1.5px solid #e5e7eb; border-radius: 12px; text-decoration: none;} .pet-authwrap .pet-oauthbtn:hover{background: #f9fafb; border-color: #d1d5db;} .pet-authwrap .gbox{width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; background: transparent;} .pet-authwrap .gbox svg{width: 18px; height: 18px; display: block;} .o_database_list > .text-center, .o_database_list img.img-responsive, .o_database_list a[href*="odoo.com"]{display: none !important;} #wrapwrap{display: flex !important; flex-direction: column; position: relative; min-height: 100vh; overflow-x: hidden; background: linear-gradient(160deg, #fff1f4 0%, #fef2f4 45%, #faf5ff 100%);} #wrapwrap > header, header#top, #top, #top_menu_container, .o_main_navbar{display: none !important;} #wrapwrap > main, #wrapwrap > #wrap{flex: 1 0 auto; display: block;} #wrapwrap > #wrap, #wrapwrap main, #wrapwrap .oe_structure{background: transparent;} #wrapwrap::before, #wrapwrap::after{content: ""; position: fixed; border-radius: 50%; z-index: 0; pointer-events: none;} #wrapwrap::before{width: 520px; height: 520px; background: rgba(225,29,72,.08); top: -180px; right: -140px; animation: petBlobA 20s ease-in-out infinite;} #wrapwrap::after{width: 420px; height: 420px; background: rgba(159,18,57,.06); bottom: -160px; left: -130px; animation: petBlobB 28s ease-in-out infinite;} .pet-page{position: relative; z-index: 1;} .pet-page .pet-home-hero{background: transparent !important; color: #1f2937; padding: 52px 20px 12px;} .pet-page .pet-home-hero::before, .pet-page .pet-home-hero::after{display: none !important;} .pet-page .pet-home-hero p{color: #6b7280; opacity: 1;} @media (prefers-reduced-motion: reduce){#wrapwrap::before, #wrapwrap::after{animation: none;}} .oe_website_login_container{position: relative; z-index: 1; max-width: 420px; width: 100%; margin: 48px auto; background: #fff; border-radius: 22px; padding: 38px 34px 30px; box-shadow: 0 12px 44px rgba(225,29,72,.12), 0 2px 8px rgba(0,0,0,.04);} .oe_website_login_container .pet-authlogo{text-align: center; margin-bottom: 22px;} .oe_website_login_container .pet-authlogo svg{display: inline-block;} .oe_website_login_container label, .oe_website_login_container .control-label{font-weight: 600; color: #6b7280;} .oe_website_login_container .form-control{border-radius: 12px; border: 1.5px solid #e5e7eb; padding: 11px 13px;} .oe_website_login_container .form-control:focus{border-color: #e11d48; box-shadow: 0 0 0 3px rgba(225,29,72,.12);} .oe_website_login_container .btn-primary, .oe_website_login_container button[type="submit"]{background-color: #e11d48 !important; border-color: #e11d48 !important; border-radius: 12px; padding: 10px 18px; font-weight: 600;} .oe_website_login_container .btn-primary:hover, .oe_website_login_container button[type="submit"]:hover{background-color: #be123c !important; border-color: #be123c !important;} .oe_website_login_container a{color: #e11d48;} .oe_website_login_container a:hover{color: #be123c;} .oe_website_login_container .pet-authfoot{text-align: center; color: #9a6b76; font-size: .82rem; margin: 20px 0 0;} .oe_website_login_container .list-group-item, .oe_website_login_container .btn-link{border-radius: 10px;} html{font-size: 16px !important;} html{overflow-y: scroll;} body{overflow-x: hidden;} .oe_website_login_container .pet-authlogo{display: block; cursor: pointer;} .oe_website_login_container .pet-authback{display: inline-block; margin-bottom: 8px; font-weight: 600;} .oe_website_login_container .pet-authlogo{margin-bottom: 14px;} .oe_website_login_container .pet-authhead{text-align: center; margin-bottom: 24px;} .oe_website_login_container .pet-authhead h2{font-family: 'Baloo 2', sans-serif; font-weight: 700; font-size: 1.5rem; margin: 0 0 4px;} .oe_website_login_container .pet-authhead p{color: #9ca3af; font-size: .95rem; margin: 0;} .oe_website_login_container .oe_login_buttons{display: flex; flex-direction: column; gap: 8px; margin-top: 18px;} .oe_website_login_container .oe_login_buttons .btn-primary{order: -1; width: 100%; margin: 0 0 4px;} .oe_website_login_container .oe_login_buttons .pull-right, .oe_website_login_container .oe_login_buttons .btn-link{float: none !important; text-align: center; width: 100%; padding: 4px 0; margin: 0;} .oe_website_login_container .oe_login_buttons .pull-right:empty{display: none;} .oe_website_login_container .oe_login_buttons .btn-link{font-weight: 600;} .oe_website_login_container .oe_login_buttons + a, .oe_website_login_container > a.btn-link{display: block; text-align: center;} .oe_website_login_container .pet-oauthbtn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin: 12px 0 0; padding: 11px 14px; background: #fff; color: #1f2937 !important; font-weight: 600; font-size: 1rem; border: 1.5px solid #e5e7eb; border-radius: 12px; text-decoration: none;} .oe_website_login_container .pet-oauthbtn:hover{background: #f9fafb; border-color: #d1d5db;} .oe_website_login_container .pet-oauthbtn img{display: none;} .oe_website_login_container .pet-gbox{width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;} .oe_website_login_container .pet-gbox svg{width: 18px; height: 18px; display: block;} .pet-page .form-control, .pet-page select.form-control, .pet-page textarea.form-control, .pet-authform .form-control, .pet-authwrap .form-control, .oe_website_login_container .form-control{height: auto; min-height: 46px; padding: 11px 13px; line-height: 1.4; box-sizing: border-box; font-size: 1rem;} .pet-page textarea.form-control, .pet-authform textarea.form-control, .pet-authwrap textarea.form-control{min-height: 92px;} .pet-page .btn, .pet-authform .btn, .pet-authwrap .btn, .pet-authwrap .pet-oauthbtn, .oe_website_login_container .btn{min-height: 46px; padding: 10px 16px; line-height: 1.4; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px;} .pet-page .btn .fa, .pet-authform .btn .fa, .pet-authwrap .btn .fa{margin-right: 2px;} .pet-page .btn-block, .pet-authform .btn-block, .pet-authwrap .btn-block, .pet-authwrap .pet-oauthbtn, .oe_website_login_container .btn-block{display: flex; width: 100%;} .pet-page .pet-btn-del{display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #be123c; border: 1.5px solid #f3c1cd; border-radius: 10px; padding: 6px 9px; line-height: 1;} .pet-page .pet-btn-del svg{display: block;} .pet-page .pet-btn-del:hover{background: #fff1f4; border-color: #e11d48; color: #be123c;} .pet-page .btn-outline-danger{background: #fff; color: #be123c; border: 1.5px solid #e11d48; border-radius: 11px; font-weight: 600;} .pet-page .btn-outline-danger:hover{background: #e11d48; color: #fff; border-color: #e11d48;} .pet-page .pet-petcard .actions{align-items: center;} .pet-page .pet-petcard .actions form{display: inline-flex; margin: 0;} .pet-page .pet-petcard .actions .btn{display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 16px; font-size: .9rem; line-height: 1; border-radius: 10px;} .pet-page .pet-petcard .actions .pet-btn-del{padding: 0 11px;} .pet-page .pet-btn-del .fa{font-size: 15px; line-height: 1;} .pet-cropmodal{display: none; position: fixed; inset: 0; z-index: 1050; background: rgba(31,41,55,.55); align-items: center; justify-content: center; padding: 16px;} .pet-cropmodal .pet-cropbox{background: #fff; border-radius: 18px; padding: 22px; width: 100%; max-width: 420px; box-shadow: 0 18px 50px rgba(0,0,0,.25);} .pet-cropmodal .pet-cropstage{width: 100%; height: 320px; background: #f3f4f6; border-radius: 12px; overflow: hidden;} .pet-cropmodal .pet-cropstage img{display: block; max-width: 100%;} .pet-cropmodal .pet-cropbtns{display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px;} .pet-backhome{display: block; text-align: center; margin: 18px 0 0; font-family: 'Inter', -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 15px !important; line-height: 1.4; font-weight: 600; color: #e11d48; text-decoration: none;} .pet-backhome::before{content: "\2190\00a0";} .pet-backlink::before{content: "\2190\00a0";} .pet-backhome:hover{color: #be123c; text-decoration: underline;} .oe_website_login_container + .pet-authfoot, .pet-authfoot{text-align: center; margin: 16px 0 0;} .pet-authfoot .pet-authsub{color: #9a6b76; font-size: .82rem; margin-top: 6px;} .pet-page .pet-chip.pet-copy-key{cursor: pointer; user-select: none;} .pet-page .pet-chip.pet-copy-key:hover{background: #fcd9e3;} .pet-page .pet-chip.pet-copy-key i.fa{margin-left: 5px; font-size: .85em; opacity: .75;} .pet-page .pet-chip.pet-copy-key i.fa.fa-check{color: #15803d; opacity: 1;} .pet-page .pet-tabs{display: flex; gap: 6px; border-bottom: 2px solid #f0e3e7; margin: 18px 0 20px; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; background: linear-gradient(to left, #fff7f9, rgba(255,247,249,0)) right top / 36px 100% no-repeat, radial-gradient(farthest-side at 100% 50%, rgba(225,29,72,.22), rgba(225,29,72,0)) right top / 18px 100% no-repeat; background-attachment: local, scroll;} .pet-page .pet-tabs::-webkit-scrollbar{display: none;} .pet-page .pet-tab{background: none; border: none; cursor: pointer; flex: 0 0 auto; white-space: nowrap; padding: 10px 16px; font-weight: 600; font-size: 1rem; color: #9a6b76; border-bottom: 3px solid transparent; margin-bottom: -2px; border-radius: 8px 8px 0 0; display: inline-flex; align-items: center; gap: 8px;} @media (max-width: 640px){.pet-page .pet-tab{padding: 10px 12px; font-size: .92rem; gap: 6px;}} .pet-page .pet-tab:hover{color: #be123c; background: #fff5f7;} .pet-page .pet-tab.active{color: #e11d48; border-bottom-color: #e11d48;} .pet-page .pet-tabcount{background: #f1f3f5; color: #868e96; border-radius: 999px; font-size: .78rem; font-weight: 700; padding: 1px 8px; min-width: 20px; text-align: center;} .pet-page .pet-tabcount.unread{background: #e11d48; color: #fff;} .pet-page .pet-msg-del{background: none; border: none; cursor: pointer; padding: 4px 6px; color: #c7ccd1; font-size: 15px; line-height: 1; border-radius: 8px;} .pet-page .pet-msg-del:hover{color: #be123c; background: #fff1f4;} .pet-page .pet-features{max-width: 900px; margin: 48px auto 0; padding: 0 16px;} .pet-page .pet-features h2{font-family: 'Baloo 2', sans-serif; font-weight: 800;} .pet-page .pet-featgrid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;} .pet-page .pet-feat{position: relative; overflow: hidden; background: linear-gradient(180deg,#ffffff,#fff8fa); border: 1px solid #fbdfe7; border-radius: 20px; padding: 24px; box-shadow: 0 6px 20px rgba(225,29,72,.06); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;} .pet-page .pet-feat::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg,#e11d48,#f7b9c7); transform: scaleX(0); transform-origin: left; transition: transform .3s ease;} .pet-page .pet-feat:hover{transform: translateY(-6px); box-shadow: 0 16px 38px rgba(225,29,72,.16); border-color: #f7b9c7;} .pet-page .pet-feat:hover::before{transform: scaleX(1);} .pet-page .pet-feat .ic{width: 52px; height: 52px; border-radius: 15px; background: linear-gradient(135deg,#ffe1ea,#fbd0dd); color: #e11d48; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px; box-shadow: 0 4px 12px rgba(225,29,72,.14); transition: transform .25s ease;} .pet-page .pet-feat:hover .ic{transform: scale(1.08) rotate(-4deg);} .pet-page .pet-feat h3{font-family: 'Baloo 2', sans-serif; font-size: 1.12rem; margin: 0 0 6px;} .pet-page .pet-feat p{color: #6b7280; font-size: .92rem; margin: 0; line-height: 1.5;} @media (max-width: 820px){.pet-page .pet-featgrid{grid-template-columns: 1fr 1fr;}} @media (max-width: 540px){.pet-page .pet-featgrid{grid-template-columns: 1fr;}} .pet-page .pet-step3, .pet-page .pet-feat{opacity: 0; transform: translateY(16px); animation: petReveal .55s ease forwards;} @keyframes petReveal{to{opacity: 1; transform: translateY(0);}} .pet-page .pet-steps3 .pet-step3:nth-child(1), .pet-page .pet-featgrid .pet-feat:nth-child(1){animation-delay:.05s;} .pet-page .pet-steps3 .pet-step3:nth-child(2), .pet-page .pet-featgrid .pet-feat:nth-child(2){animation-delay:.12s;} .pet-page .pet-steps3 .pet-step3:nth-child(3), .pet-page .pet-featgrid .pet-feat:nth-child(3){animation-delay:.19s;} .pet-page .pet-featgrid .pet-feat:nth-child(4){animation-delay:.26s;} .pet-page .pet-featgrid .pet-feat:nth-child(5){animation-delay:.33s;} .pet-page .pet-featgrid .pet-feat:nth-child(6){animation-delay:.40s;} @media (prefers-reduced-motion: reduce){.pet-page .pet-step3, .pet-page .pet-feat{opacity:1; transform:none; animation:none;}} .pet-page .pet-found{max-width: 480px; margin: 0 auto; padding: 8px 16px 48px;} .pet-page .pet-lostbanner{background: #e11d48; color: #fff; font-weight: 700; text-align: center; padding: 12px 16px; border-radius: 14px; margin-bottom: 14px; box-shadow: 0 4px 14px rgba(225,29,72,.3); animation: petLostPulse 1.8s ease-in-out infinite;} @keyframes petLostPulse{0%,100%{box-shadow: 0 4px 14px rgba(225,29,72,.3);}50%{box-shadow: 0 4px 22px rgba(225,29,72,.55);}} @media (prefers-reduced-motion: reduce){.pet-page .pet-lostbanner{animation: none;}} .pet-page .pet-lostbanner-lg{display: flex; align-items: center; gap: 14px; text-align: left; background: linear-gradient(135deg, #e11d48, #9f1239); padding: 16px 18px; border-radius: 16px; margin-bottom: 18px;} .pet-page .pet-lostbanner-lg .ll-ic{flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,.18); display: flex; align-items: center; justify-content: center; font-size: 1.4rem;} .pet-page .pet-lostbanner-lg .ll-tx{display: flex; flex-direction: column; line-height: 1.3;} .pet-page .pet-lostbanner-lg .ll-tx strong{font-family: 'Baloo 2', sans-serif; font-size: 1.15rem; letter-spacing: .5px;} .pet-page .pet-lostbanner-lg .ll-tx span{font-weight: 600; font-size: .9rem; opacity: .95;} .pet-page .pet-centercard.is-lost{border-color: #f7b9c7; box-shadow: 0 8px 30px rgba(225,29,72,.14);} .pet-page .pet-rem-form .form-group{margin-bottom: 14px;} .pet-page .pet-rem-form label{display: block; font-size: .82rem; color: #6b7280; font-weight: 600; margin: 0 0 6px;} .pet-page .pet-rem-form .form-control{height: 44px; padding: 10px 12px; box-sizing: border-box;} .pet-page .pet-rem-form textarea.form-control{height: auto;} .pet-page .pet-hero-img{display: block; width: 100%; max-width: 620px; height: auto; margin: 28px auto 0; border-radius: 22px; box-shadow: 0 14px 44px rgba(225,29,72,.16);} .pet-page .pet-homenav{max-width: 1080px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; flex-wrap: wrap;} .pet-page .pet-content{padding-top: 36px;} .pet-page .pet-homenav .pet-navlogo{display: inline-flex; text-decoration: none; flex: 0 0 auto;} .pet-page .pet-homenav .pet-navlogo svg{display: block;} .pet-page .pet-homenav .links{display: flex; align-items: center; gap: 18px; flex-wrap: wrap;} .pet-page .pet-homenav .links a{color: #e11d48; text-decoration: none; font-weight: 600; font-size: .95rem; white-space: nowrap;} .pet-page .pet-homenav .links a:hover{color: #be123c;} .pet-page .pet-navtoggle{display: none; background: none; border: none; cursor: pointer; color: #e11d48; font-size: 1.5rem; line-height: 1; padding: 6px 8px; border-radius: 10px;} .pet-page .pet-navtoggle:hover{background: #fff1f4;} @media (max-width: 820px){.pet-page .pet-homenav{padding: 10px 14px; flex-wrap: wrap;}.pet-page .pet-navtoggle{display: inline-flex; order: 3; margin-left: auto;}.pet-page .pet-homenav .pet-navlogo{order: 1;}.pet-page .pet-homenav .pet-navlogo svg{width: 132px; height: auto;}.pet-page .pet-homenav .links{order: 4; width: 100%; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 2px; overflow: hidden; max-height: 0; transition: max-height .25s ease;}.pet-page .pet-homenav.nav-open .links{max-height: 320px; margin-top: 6px;}.pet-page .pet-homenav .links a{padding: 12px 10px; border-top: 1px solid #f6e3ea; font-size: 1rem;}.pet-page .pet-homenav .links a:first-child{border-top: none;}.pet-page .pet-homenav .links .pet-nav-donate{border: none; border-radius: 0; padding: 12px 10px;}.pet-page .pet-homenav .links .pet-langdd{display: none;}.pet-page .pet-homenav.nav-open .links{max-height: 460px;}} .pet-page .pet-banner{width: 100%; background: linear-gradient(105deg,#ffe1ea 0%,#fde7ee 40%,#f3e8ff 100%); overflow: hidden;} .pet-page .pet-banner-inner{max-width: 1080px; margin: 0 auto; padding: 48px 20px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center;} .pet-page .pet-banner-text h1{font-family: 'Baloo 2', sans-serif; font-weight: 800; font-size: 3.1rem; line-height: 1.04; margin: 0 0 16px;} .pet-page .pet-banner-text h1 span{color: #e11d48;} .pet-page .pet-banner-text p{font-size: 1.12rem; color: #4b5563; max-width: 440px; margin: 0 0 24px; line-height: 1.55;} .pet-page .pet-banner-img{width: 100%; max-width: 560px; height: auto; border-radius: 24px; box-shadow: 0 20px 55px rgba(225,29,72,.22); justify-self: end;} .pet-page .pet-banner-text .pet-cta{justify-content: flex-start;} .pet-page .pet-strip{max-width: 980px; margin: 0 auto; padding: 26px 16px 6px; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap;} .pet-page .pet-strip span{display: inline-flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #fbdfe7; border-radius: 999px; padding: 9px 18px 9px 9px; font-weight: 600; color: #1f2937; font-size: .92rem; box-shadow: 0 4px 14px rgba(225,29,72,.08); transition: transform .2s ease, box-shadow .2s ease;} .pet-page .pet-strip span:hover{transform: translateY(-3px); box-shadow: 0 10px 24px rgba(225,29,72,.16);} .pet-page .pet-strip i{width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg,#ffe1ea,#fbd0dd); color: #e11d48; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;} @media (max-width: 820px){.pet-page .pet-banner-inner{grid-template-columns: 1fr; text-align: center;}.pet-page .pet-banner-text h1{font-size: 2.2rem;}.pet-page .pet-banner-text p{margin: 0 auto 22px;}.pet-page .pet-banner-img{justify-self: center; margin-top: 24px;}.pet-page .pet-banner-text .pet-cta{justify-content: center;}.pet-page .pet-strip{gap: 18px;}} .pet-page .pet-tagssec{max-width: 980px; margin: 56px auto 0; padding: 0 16px;} .pet-page .pet-tagscard{display: grid; grid-template-columns: 1.05fr 1fr; gap: 0; align-items: stretch; background: linear-gradient(135deg,#e11d48,#9f1239); border-radius: 26px; overflow: hidden; box-shadow: 0 16px 48px rgba(225,29,72,.28);} .pet-page .pet-tagscard-media{padding: 26px; display: flex; align-items: center; justify-content: center;} .pet-page .pet-tagscard-media img{width: 100%; border-radius: 16px; box-shadow: 0 12px 30px rgba(0,0,0,.28);} .pet-page .pet-collage{position: relative; min-height: 380px; padding: 34px;} .pet-page .pet-collage img{position: absolute; width: 58%; border-radius: 14px; border: 4px solid #fff; box-shadow: 0 16px 36px rgba(0,0,0,.30);} .pet-page .pet-collage .cg-back{top: 12%; left: 9%; transform: rotate(-5deg); z-index: 1;} .pet-page .pet-collage .cg-front{bottom: 12%; right: 9%; transform: rotate(4deg); z-index: 2;} .pet-page .pet-collage .cg-front:hover, .pet-page .pet-collage .cg-back:hover{z-index: 3;} .pet-page .pet-tagscard-body{padding: 34px 34px; display: flex; flex-direction: column; justify-content: center; color: #fff;} .pet-page .pet-eyebrow{display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; background: rgba(255,255,255,.18); color: #fff; font-weight: 700; font-size: .8rem; padding: 5px 12px; border-radius: 999px; margin-bottom: 12px;} .pet-page .pet-tagscard-body h2{font-family: 'Baloo 2', sans-serif; font-weight: 800; font-size: 1.9rem; margin: 0 0 8px; color: #fff;} .pet-page .pet-tagscard-body p{color: rgba(255,255,255,.9); font-size: 1.05rem; line-height: 1.55; margin: 0 0 18px;} .pet-page .pet-tagchips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px;} .pet-page .pet-tagchip{display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,.14); border: 1.5px solid rgba(255,255,255,.4); color: #fff; border-radius: 999px; padding: 7px 14px; font-weight: 600; font-size: .9rem;} .pet-page .pet-tagchip i{color: #fff;} .pet-page .pet-tagscard-body .btn{align-self: flex-start; background: #fff !important; color: #e11d48 !important; border: none !important;} .pet-page .pet-tagscard-body .btn:hover{background: #fff1f4 !important; color: #be123c !important;} @media (max-width: 820px){.pet-page .pet-tagscard{grid-template-columns: 1fr;}.pet-page .pet-tagscard-body{text-align: center; align-items: center; padding: 28px 22px;}.pet-page .pet-eyebrow, .pet-page .pet-tagscard-body .btn{align-self: center;}.pet-page .pet-tagchips{justify-content: center;}.pet-page .pet-collage{min-height: 0; display: flex; flex-direction: column; gap: 14px;}.pet-page .pet-collage img{position: static; width: 100%; transform: none;}} .pet-page .pet-share-btns{display: flex; gap: 8px; flex-wrap: wrap; justify-content: center;} .pet-page .pet-share-btns .pet-share-opt{flex: 1 1 0; min-width: 120px; text-align: center;} .pet-page .pet-notewarn{margin-top: 8px; padding: 8px 12px; border-radius: 10px; background: #fff7ed; border: 1px solid #fed7aa; color: #9a5b1e; font-size: .82rem; line-height: 1.4;} .pet-page .pet-notewarn i{color: #f59e0b; margin-right: 4px;} .pet-page .pet-notewarn a{color: #be123c; font-weight: 600;} .pet-page .pet-noteinfo{display: flex; gap: 8px; align-items: flex-start; margin-top: 8px; padding: 8px 12px; border-radius: 10px; background: #f8fafc; border: 1px solid #e5e7eb; color: #6b7280; font-size: .82rem; line-height: 1.45;} .pet-page .pet-noteinfo i{color: #9ca3af; margin-top: 2px; flex: none;} .pet-page .pet-noteinfo strong{color: #4b5563;} .pet-page .pet-cardinfo{margin-top: 8px; display: flex; flex-direction: column; gap: 3px;} .pet-page .pet-cardinfo span, .pet-page .pet-cardinfo a{font-size: .85rem; color: #6b7280;} .pet-page .pet-cardinfo a{color: #be123c; text-decoration: none;} .pet-page .pet-cardinfo a:hover{text-decoration: underline;} .pet-page .pet-cardinfo i{color: #f59e0b;} .pet-page .pet-acc-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;} .pet-page .pet-acc-grid .pet-card{margin-bottom: 0;} .pet-page .pet-acc-grid .pet-acc-full{grid-column: 1 / -1;} @media (max-width: 720px){.pet-page .pet-acc-grid{grid-template-columns: 1fr;}} .pet-toast{position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 16px); z-index: 2000; padding: 9px 18px; border-radius: 999px; font-weight: 600; font-size: .9rem; color: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.18); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;} .pet-toast.ok{background: #16a34a;} .pet-toast.err{background: #dc2626;} .pet-toast.show{opacity: 1; transform: translate(-50%, 0);} .pet-page .pet-faq{max-width: 720px; margin: 44px auto 0; padding: 0 16px;} .pet-page .pet-faq h2{font-family: 'Baloo 2', sans-serif; font-weight: 800; text-align: center; margin: 0 0 18px;} .pet-page .pet-faq-item{background: #fff; border: 1px solid #f3dbe2; border-radius: 14px; padding: 4px 18px; margin-bottom: 12px; box-shadow: 0 4px 14px rgba(225,29,72,.05);} .pet-page .pet-faq-item summary{list-style: none; cursor: pointer; font-weight: 700; color: #1f2937; padding: 14px 28px 14px 0; position: relative; outline: none;} .pet-page .pet-faq-item summary::-webkit-details-marker{display: none;} .pet-page .pet-faq-item summary::after{content: '+'; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: #e11d48; font-weight: 700; line-height: 1;} .pet-page .pet-faq-item[open] summary::after{content: '\2212';} .pet-page .pet-faq-item p{margin: 0 0 14px; color: #6b7280; line-height: 1.55;} .pet-page .pet-support{max-width: 560px; margin: 48px auto 0; padding: 28px 24px; text-align: center; background: linear-gradient(135deg, #fff1f4, #ffe4ea); border: 1px solid #f7b9c7; border-radius: 20px;} .pet-page .pet-support h3{font-family: 'Baloo 2', sans-serif; font-weight: 800; margin: 0 0 6px; font-size: 1.4rem;} .pet-page .pet-support p{color: #6b7280; margin: 0 auto 18px; max-width: 420px; line-height: 1.55;} .pet-page .pet-homenav .links .pet-nav-donate{color: #e11d48; font-weight: 700; border: 1.5px solid #f3c1cd; border-radius: 999px; padding: 6px 14px;} .pet-page .pet-homenav .links .pet-nav-donate:hover{background: #fff1f4; color: #be123c; border-color: #e11d48;} .pet-page .pet-homenav .links .pet-nav-donate .fa{margin-right: 4px;} @media (max-width: 600px){.pet-page .pet-homenav .links .pet-nav-donate{border: none; border-radius: 0; padding: 12px 10px;}.pet-page .pet-homenav .links .pet-nav-donate:hover{background: #fff1f4;}} .pet-page .pet-testimonials{max-width: 980px; margin: 56px auto 0; padding: 0 16px;} .pet-page .pet-testimonials h2{font-family: 'Baloo 2', sans-serif; font-weight: 800; text-align: center; margin: 0 0 26px;} .pet-page .pet-testi-grid{display: flex; flex-wrap: wrap; justify-content: center; gap: 18px;} .pet-page .pet-testi{flex: 1 1 280px; max-width: 320px; position: relative; background: #fff; border: 1px solid #f3dbe2; border-radius: 18px; padding: 32px 28px 28px; box-shadow: 0 8px 22px rgba(225,29,72,.07); display: flex; flex-direction: column; opacity: 0; transform: translateY(16px); animation: petReveal .6s ease forwards; transition: transform .25s ease, box-shadow .25s ease;} .pet-page .pet-testi:hover{transform: translateY(-4px); box-shadow: 0 14px 34px rgba(225,29,72,.14);} .pet-page .pet-testi::before{content: "\201C"; position: absolute; top: 14px; right: 24px; font-family: Georgia, serif; font-size: 3rem; line-height: 1; color: #fbd0dd;} .pet-page .pet-testi .stars{color: #f59e0b; margin-bottom: 10px; font-size: .95rem; letter-spacing: 1px;} .pet-page .pet-testi .body{color: #374151; line-height: 1.6; margin: 0 0 16px; flex: 1;} .pet-page .pet-testi .who{font-weight: 700; color: #1f2937;} .pet-page .pet-testi .who::before{content: "\2014\00A0"; color: #e11d48;} .pet-page .pet-testi:nth-child(2){animation-delay: .12s;} .pet-page .pet-testi:nth-child(3){animation-delay: .24s;} .pet-page .pet-testi:nth-child(4){animation-delay: .36s;} .pet-page .pet-testi:nth-child(5){animation-delay: .48s;} .pet-page .pet-testi:nth-child(6){animation-delay: .60s;} @media (prefers-reduced-motion: reduce){.pet-page .pet-testi{opacity: 1; transform: none; animation: none;}} .pet-page .pet-testi-status{font-weight: 600; margin: 0 0 14px;} .pet-page .pet-testi-status.published{color: #15803d;} .pet-page .pet-testi-status.pending{color: #b45309;} .pet-page .pet-care-hint{display: none; margin-top: 6px; font-size: .8rem; line-height: 1.4; color: #9a6b76; font-style: italic;} .pet-page .pet-lastseen{display: flex; align-items: center; gap: 10px; margin: 0 0 16px; background: #fff7f9; border: 1px solid #f7b9c7; border-radius: 12px; padding: 11px 14px; color: #1f2937; font-size: .95rem;} .pet-page .pet-lastseen .fa{color: #e11d48; flex: 0 0 auto;} .pet-page .pet-manage-form .form-control{height: 46px; padding: 10px 12px; box-sizing: border-box; font-size: .95rem;} .pet-page .pet-manage-form textarea.form-control{height: auto; min-height: 80px;} .pet-page .pet-actions{display: flex; flex-direction: column; gap: 10px; margin-top: 16px;} .pet-page .pet-act{display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; background: #fff; border: 1px solid #f3dbe2; border-radius: 14px; padding: 13px 14px; text-decoration: none; color: #1f2937; cursor: pointer; font-family: inherit; transition: border-color .2s ease, box-shadow .2s ease, transform .12s ease;} .pet-page .pet-act:hover{border-color: #f3a7ba; box-shadow: 0 8px 22px rgba(225,29,72,.10);} .pet-page .pet-act:active{transform: translateY(1px);} .pet-page .pet-act .ic{width: 40px; height: 40px; border-radius: 11px; flex: 0 0 auto; font-size: 1.1rem; background: linear-gradient(135deg,#ffe1ea,#fbd0dd); color: #e11d48; display: flex; align-items: center; justify-content: center;} .pet-page .pet-act .tx{flex: 1; min-width: 0; font-weight: 700; font-size: 1rem;} .pet-page .pet-act .tx small{display: block; font-weight: 500; color: #9ca3af; font-size: .8rem; margin-top: 1px;} .pet-page .pet-act .chev{color: #e11d48; font-size: 1.2rem; flex: 0 0 auto;} .pet-page .pet-act.prim{background: #e11d48; border-color: #e11d48; color: #fff;} .pet-page .pet-act.prim:hover{box-shadow: 0 10px 26px rgba(225,29,72,.30);} .pet-page .pet-act.prim .ic{background: rgba(255,255,255,.22); color: #fff;} .pet-page .pet-act.prim .tx small{color: rgba(255,255,255,.85);} .pet-page .pet-act.prim .chev{color: #fff;} .pet-page .btn{border-radius: 13px; font-weight: 700; letter-spacing: .1px; transition: transform .12s ease, box-shadow .2s ease, background-color .2s ease;} .pet-page .btn:active{transform: translateY(1px);} .pet-page .btn-lg{padding: 13px 26px;} .pet-page .btn-primary{box-shadow: 0 8px 22px rgba(225,29,72,.22);} .pet-page .btn-primary:hover{box-shadow: 0 12px 30px rgba(225,29,72,.32); transform: translateY(-1px);} .pet-page .btn-outline-primary:hover{transform: translateY(-1px);} .pet-page .btn-sm{border-radius: 10px;} @media (prefers-reduced-motion: reduce){.pet-page .btn:hover, .pet-page .btn:active{transform: none;}} .pet-page .btn.pet-btn-cancel{background: #fff; border: 1.5px solid #e5e7eb; color: #6b7280; box-shadow: none;} .pet-page .btn.pet-btn-cancel:hover, .pet-page .btn.pet-btn-cancel:focus{background: #f9fafb; border-color: #d1d5db; color: #4b5563; box-shadow: none;} .pet-page .pet-langdd{position: relative; display: inline-block;} .pet-page .pet-langdd .pet-langdd-btn{display: inline-flex; align-items: center; gap: 8px; cursor: pointer; background: #fff; border: 1.5px solid #f3c1cd; border-radius: 10px; padding: 6px 11px; font-weight: 700; font-size: .85rem; color: #1f2937; font-family: inherit; line-height: 1;} .pet-page .pet-langdd .pet-langdd-btn:hover{border-color: #e11d48;} .pet-page .pet-langdd .pet-langdd-btn .fi{width: 20px; height: 15px; border-radius: 3px;} .pet-page .pet-langdd .pet-langdd-btn .car{color: #e11d48; font-size: .8rem; transition: transform .2s;} .pet-page .pet-langdd.open .pet-langdd-btn .car{transform: rotate(180deg);} .pet-page .pet-langdd .pet-langdd-menu{display: none; position: absolute; top: calc(100% + 6px); right: 0; z-index: 100; background: #fff; border: 1px solid #f3dbe2; border-radius: 12px; padding: 6px; min-width: 180px; box-shadow: 0 12px 30px rgba(225,29,72,.16);} .pet-page .pet-langdd.open .pet-langdd-menu{display: block;} .pet-page .pet-langdd .pet-langdd-menu a{display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; text-decoration: none; color: #1f2937; font-weight: 600; font-size: .92rem;} .pet-page .pet-langdd .pet-langdd-menu a:hover{background: #fff1f4;} .pet-page .pet-langdd .pet-langdd-menu a.active{color: #e11d48;} .pet-page .pet-langdd .pet-langdd-menu .fi{width: 22px; height: 16px; border-radius: 3px; flex: 0 0 auto;} .pet-page .pet-foot .pet-langdd{display: inline-block;} .pet-page .pet-langdd-up .pet-langdd-menu{top: auto; bottom: calc(100% + 6px);} .pet-page .pet-langdd .pet-langdd-menu a{white-space: nowrap;} .pet-page .pet-found .pet-centercard{border: 1px solid #f0eef0; border-radius: 24px; padding: 36px 30px; box-shadow: 0 1px 2px rgba(17,12,15,.04), 0 22px 48px -22px rgba(120,80,95,.20); animation: petFoundIn .5s cubic-bezier(.22,.61,.36,1) both;} .pet-page .pet-found .pet-centercard.is-lost{border-color: #f1dfe4; box-shadow: 0 1px 2px rgba(17,12,15,.04), 0 22px 48px -22px rgba(190,60,90,.22);} @keyframes petFoundIn{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: none;}} @media (prefers-reduced-motion: reduce){.pet-page .pet-found .pet-centercard{animation: none;}} .pet-page .pet-found .pet-hero{text-align: center; margin-bottom: 18px;} .pet-page .pet-found .pet-hero-img{width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 0 0 1px #efe2e7, 0 14px 30px -12px rgba(120,40,60,.28);} .pet-page .pet-found .pet-hero-title{font-family: 'Baloo 2', sans-serif; font-weight: 800; color: #1f2937; font-size: 1.7rem; line-height: 1.2; letter-spacing: -.01em; text-align: center; margin: 0 0 8px;} .pet-page .pet-found .pet-hero-sub{text-align: center; color: #8a8f98; font-size: .96rem; line-height: 1.55; max-width: 32ch; margin: 0 auto 22px;} .pet-page .pet-found .pet-lastseen{background: transparent; border: none; border-radius: 0; border-top: 1px solid #f0eef0; border-bottom: 1px solid #f0eef0; justify-content: center; gap: 8px; padding: 13px 0; margin: 2px 0 16px; color: #4b5563; font-size: .92rem;} .pet-page .pet-found .pet-lastseen .fa{color: #c98a99;} .pet-page .pet-found .pet-facts{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; padding: 14px 0; margin: 0 0 20px; border-top: 1px solid #f0eef0; border-bottom: 1px solid #f0eef0;} .pet-page .pet-found .pet-fact{background: #f5f2f3; border-radius: 999px; padding: 5px 12px; font-weight: 600; font-size: .82rem; color: #6b7280; white-space: nowrap;} .pet-page .pet-found .pet-fact .fa{color: #9aa0a6; margin-right: 3px;} .pet-page .pet-found .pet-fact-ok{background: #e8f6ed; color: #15803d;} .pet-page .pet-found .pet-fact-ok .fa{color: #15803d;} .pet-page .pet-found .pet-contact .ic{background: #f6eef1; color: #b03a55;} .pet-page .pet-found .pet-contact li{border-color: #f0eef0;} .pet-page .pet-found .pet-actions{gap: 0; margin-top: 10px;} .pet-page .pet-found .pet-act{background: transparent; border: none; border-bottom: 1px solid #f0eef0; border-radius: 0; box-shadow: none; padding: 16px 4px;} .pet-page .pet-found .pet-act:hover{background: #faf7f8; box-shadow: none; border-color: #f0eef0; transform: none;} .pet-page .pet-found .pet-act .ic{background: #f6eef1; color: #b03a55;} .pet-page .pet-found .pet-act .tx{font-weight: 600;} .pet-page .pet-found .pet-act .chev{color: #c7b2ba;} .pet-page .pet-found .pet-act.prim{background: #e11d48; border: none; border-radius: 14px; margin: 4px 0 12px; padding: 15px 16px; box-shadow: 0 12px 26px -12px rgba(225,29,72,.55);} .pet-page .pet-found .pet-act.prim:hover{background: #c81a41; transform: translateY(-1px);} .pet-page .pet-found .pet-act.prim .ic{background: rgba(255,255,255,.2); color: #fff;} .pet-page .pet-found .pet-act.prim .tx{font-weight: 700;} .pet-page .pet-found .pet-act.prim .tx small{color: rgba(255,255,255,.85);} .pet-page .pet-found .pet-act.prim .chev{color: #fff;} .pet-page .pet-found .pet-act.sec{background: #fff; border: 1.5px solid #f4c4cf; border-radius: 14px; margin: 4px 0 10px; padding: 14px 16px; box-shadow: none;} .pet-page .pet-found .pet-act.sec:hover{border-color: #e11d48; background: #fff7f9; box-shadow: none;} .pet-page .pet-found .pet-act.sec .ic{background: #fdecf1; color: #e11d48;} .pet-page .pet-found .pet-act.sec .tx{color: #be123c; font-weight: 700;} .pet-page .pet-found .pet-act.sec .tx small{color: #d98ca0; font-weight: 500;} .pet-page .pet-found .pet-act.sec .chev{color: #e11d48;} .pet-page .pet-found .pf-qr img{width: 96px; height: 96px;} .pet-page .pet-found .pet-notes{margin-top: 22px; padding: 16px 18px; background: #faf8f9; border: 1px solid #f0eef0; border-radius: 14px;} .pet-page .pet-found .pet-notes-lab{color: #9ca3af; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;} .pet-page .pet-found .pet-lostbanner-lg{border-radius: 18px; box-shadow: 0 16px 36px -16px rgba(190,18,60,.5);} .pet-page .pet-found .pf-photo:empty{display: none;} .pet-page .pet-found .pf-qr{margin-top: 22px; padding-top: 18px; border-top: 1px solid #f0eef0; text-align: center;} @media (min-width: 768px){.pet-page .pet-found{max-width: 820px;}.pet-page .pet-found .pet-centercard{padding: 40px 44px;}.pet-page .pet-found .pf-hero{display: flex; align-items: center; gap: 32px; text-align: left; margin-bottom: 26px;}.pet-page .pet-found .pf-photo{flex: 0 0 auto;}.pet-page .pet-found .pf-photo .pet-hero{margin: 0;}.pet-page .pet-found .pf-photo .pet-hero-img{width: 168px; height: 168px;}.pet-page .pet-found .pf-head{flex: 1 1 auto; min-width: 0;}.pet-page .pet-found .pf-head .pet-hero-title{text-align: left; font-size: 1.95rem; margin-bottom: 10px;}.pet-page .pet-found .pf-head .pet-hero-sub{text-align: left; margin: 0 0 14px; max-width: 46ch;}.pet-page .pet-found .pf-head .pet-facts{justify-content: flex-start; border: none; padding: 0; margin: 0;}.pet-page .pet-found .pf-body{display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; border-top: 1px solid #f0eef0; padding-top: 26px;}.pet-page .pet-found .pf-info, .pet-page .pet-found .pf-act{min-width: 0;}.pet-page .pet-found .pf-info{background: #faf8f9; border: 1px solid #f0eef0; border-radius: 16px; padding: 20px 22px;}.pet-page .pet-found .pf-info .pet-lastseen{border: none; border-bottom: 1px solid #eee7ea; border-radius: 0; justify-content: flex-start; padding: 0 0 12px; margin: 0 0 12px;}.pet-page .pet-found .pf-info .pet-contact li:last-child{border-bottom: none;}.pet-page .pet-found .pf-info .pet-notes{background: transparent; border: none; border-top: 1px solid #eee7ea; border-radius: 0; padding: 14px 0 0; margin: 12px 0 0;}.pet-page .pet-found .pf-act .pet-actions{margin-top: 0;}.pet-page .pet-found .pf-qr{max-width: 360px; margin-left: auto; margin-right: auto;}} .pet-page .pet-found{--pa: #e11d48; --pa-dark: #be123c; --pa-ic-bg: #f6eef1; --pa-ic: #b03a55; --pa-soft: #fff7f9;} .pet-page .pet-found.sex-male{--pa: #2563eb; --pa-dark: #1d4ed8; --pa-ic-bg: #e7effe; --pa-ic: #2456c9; --pa-soft: #f1f6ff;} .pet-page .pet-found .pet-lostbanner-lg{background: linear-gradient(120deg, var(--pa), var(--pa-dark));} .pet-page .pet-found .pet-act.prim{background: var(--pa); box-shadow: 0 12px 26px -12px var(--pa);} .pet-page .pet-found .pet-act.prim:hover{background: var(--pa-dark);} .pet-page .pet-found .pet-act.sec{border-color: var(--pa);} .pet-page .pet-found .pet-act.sec .ic{background: var(--pa-ic-bg); color: var(--pa);} .pet-page .pet-found .pet-act.sec .tx, .pet-page .pet-found .pet-act.sec .chev{color: var(--pa);} .pet-page .pet-found .pet-act .ic, .pet-page .pet-found .pet-contact .ic{background: var(--pa-ic-bg); color: var(--pa-ic);} .pet-page .pet-found .pet-act .chev{color: var(--pa-ic);} .pet-page .pet-found .pet-lastseen .fa{width: 34px; height: 34px; border-radius: 10px; flex: 0 0 auto; font-size: .95rem; display: inline-flex; align-items: center; justify-content: center; background: var(--pa-ic-bg); color: var(--pa-ic);} .pet-page .pet-found.style-cute .pet-lastseen .fa{background: var(--pa); color: #fff; border-radius: 50%;} .pet-page .pet-found .pet-hero-img{box-shadow: 0 0 0 1px var(--pa-ic-bg), 0 14px 30px -12px var(--pa);} .pet-page .pet-found a:not(.btn):not(.pet-act), .pet-page .pet-found .pet-backhome{color: var(--pa);} .pet-page .pet-found .pet-notes-lab{color: var(--pa-ic);} .pet-page .pet-found.sex-male .pet-centercard{box-shadow: 0 1px 2px rgba(17,12,15,.04), 0 22px 48px -22px rgba(55,90,165,.22);} .pet-page .pet-found.sex-male .pet-centercard.is-lost{box-shadow: 0 1px 2px rgba(17,12,15,.04), 0 22px 48px -22px rgba(37,99,235,.26);} .pet-page .pet-found.sex-male .pet-lostbanner-lg{box-shadow: 0 16px 36px -16px rgba(37,99,235,.5);} @keyframes petLostPulseBlue{0%, 100%{box-shadow: 0 4px 14px rgba(37,99,235,.3);}50%{box-shadow: 0 4px 22px rgba(37,99,235,.55);}} .pet-page .pet-found.sex-male .pet-lostbanner{box-shadow: 0 4px 14px rgba(37,99,235,.3); animation-name: petLostPulseBlue;} .pet-page .pet-found.sex-male.style-cute .pet-centercard{box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 26px 60px -28px rgba(37,99,235,.45);} .pet-page .pet-found.style-cute .pet-centercard{border: none; border-radius: 30px; position: relative; overflow: hidden; background: radial-gradient(circle at 1.5px 1.5px, rgba(0,0,0,.035) 1.5px, transparent 0) 0 0/22px 22px, linear-gradient(180deg, #ffffff 0%, var(--pa-soft) 130%);} .pet-page .pet-found.style-cute .pet-centercard::after{content: "\1f43e"; position: absolute; right: -4px; bottom: -10px; font-size: 70px; opacity: .06; transform: rotate(-15deg); pointer-events: none;} .pet-page .pet-found.style-cute .pet-photo{position: relative; padding-top: 8px;} .pet-page .pet-found.style-cute .pet-hero-img{width: 168px; height: 168px; border-radius: 14px; border: 10px solid #fff; transform: rotate(-3deg); box-shadow: 0 14px 30px -10px rgba(40,20,30,.30);} .pet-page .pet-found.style-cute .pet-photo::before{content: ""; position: absolute; top: 0; left: 50%; z-index: 3; width: 80px; height: 26px; transform: translateX(-58%) rotate(-7deg); background: rgba(255,255,255,.6); box-shadow: inset 0 0 0 1px rgba(0,0,0,.05);} .pet-page .pet-found.style-cute .pet-hero-title{font-family: 'Baloo 2', sans-serif; font-weight: 800; color: var(--pa-ic); font-size: 1.85rem;} .pet-page .pet-found.style-cute .pet-facts{border: none; padding: 8px 0 0; gap: 9px;} .pet-page .pet-found.style-cute .pet-fact{background: var(--pa-ic-bg); color: var(--pa-ic); border-radius: 999px; padding: 7px 14px; font-weight: 800; box-shadow: 0 3px 0 rgba(40,20,30,.06);} .pet-page .pet-found.style-cute .pet-fact:nth-child(odd){transform: rotate(-1.6deg);} .pet-page .pet-found.style-cute .pet-fact:nth-child(even){transform: rotate(1.6deg);} .pet-page .pet-found.style-cute .pet-fact-ok{background: #dcf5e4; color: #15803d;} .pet-page .pet-found.style-cute .pet-contact .ic, .pet-page .pet-found.style-cute .pet-act .ic{background: var(--pa); color: #fff; border-radius: 50%;} .pet-page .pet-found.style-cute .pet-lastseen{border: none; background: transparent; border-radius: 0; padding: 0 0 12px; margin: 0 0 12px; justify-content: flex-start; border-bottom: 1px solid rgba(0,0,0,.06);} .pet-page .pet-found.style-cute .pf-body, .pet-page .pet-found.style-cute .pf-qr{border-top-color: rgba(0,0,0,.06);} .pet-page .pet-found.style-cute .pet-notes{background: var(--pa-soft); border: none; border-radius: 16px;} @media (min-width: 768px){.pet-page .pet-found.style-cute .pf-info{background: rgba(255,255,255,.66); border: none; border-radius: 22px; box-shadow: 0 6px 20px -10px var(--pa);}.pet-page .pet-found.style-cute .pf-info .pet-lastseen{background: transparent;}.pet-page .pet-found.style-cute .pf-info .pet-notes{background: transparent; box-shadow: none;}} .pet-page .pet-found.style-cute .pet-act{background: #fff; border: 2px solid var(--pa-ic-bg); border-radius: 20px; margin-bottom: 11px; padding: 14px 16px; box-shadow: 0 4px 0 var(--pa-ic-bg); transition: transform .12s ease, box-shadow .12s ease;} .pet-page .pet-found.style-cute .pet-act:hover{transform: translateY(-2px); box-shadow: 0 6px 0 var(--pa-ic-bg), 0 12px 22px -10px var(--pa);} .pet-page .pet-found.style-cute .pet-act:active{transform: translateY(2px); box-shadow: 0 1px 0 var(--pa-ic-bg);} .pet-page .pet-found.style-cute .pet-act.prim{background: var(--pa); border: none; box-shadow: 0 6px 0 var(--pa-dark);} .pet-page .pet-found.style-cute .pet-act.prim:hover{transform: translateY(-2px); box-shadow: 0 8px 0 var(--pa-dark), 0 14px 24px -10px var(--pa);} .pet-page .pet-found.style-cute .pet-act.prim .ic{background: rgba(255,255,255,.25);} .pet-page .pf-tabs{display: flex; gap: 6px; justify-content: center; margin: 0 auto 18px; padding: 5px; background: #f1f5f9; border-radius: 14px; width: fit-content;} .pet-page .pf-tab{display: inline-flex; align-items: center; gap: 7px; border: none; background: transparent; cursor: pointer; font: 600 .92rem/1 inherit; color: #64748b; padding: 9px 16px; border-radius: 10px; transition: all .15s;} .pet-page .pf-tab:hover{color: #1f2937;} .pet-page .pf-tab.is-active{background: #fff; color: #1f2937; box-shadow: 0 2px 6px -2px rgba(15,23,42,.18);} .pet-page .pf-tab .pf-tabn{font-size: .78rem; background: var(--pa, #6366f1); color: #fff; border-radius: 999px; padding: 1px 7px; min-width: 18px; text-align: center;} .pet-page .pf-tab{white-space: nowrap;} @media (max-width: 480px){.pet-page .pf-tabs{max-width: 100%; gap: 2px; padding: 4px; justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch;}.pet-page .pf-tab{padding: 8px 11px; font-size: .82rem; gap: 5px;}} .pet-page .pf-pane{animation: pfFade .25s ease;} @keyframes pfFade{from{opacity: 0; transform: translateY(4px);}to{opacity: 1; transform: none;}} .pet-page .pf-gallery{display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr);} .pet-page .pf-thumb{display: block; aspect-ratio: 1/1; overflow: hidden; border-radius: 14px; background: #f1f5f9; cursor: zoom-in; box-shadow: 0 2px 8px -4px rgba(15,23,42,.25); transition: transform .15s, box-shadow .15s;} .pet-page .pf-thumb:hover{transform: translateY(-2px); box-shadow: 0 8px 18px -8px rgba(15,23,42,.35);} .pet-page .pf-thumb img{width: 100%; height: 100%; object-fit: cover; display: block;} @media (max-width: 480px){.pet-page .pf-gallery{grid-template-columns: repeat(2, 1fr);}} .pf-lightbox{position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; background: rgba(8,12,22,.86); padding: 24px; opacity: 0; transition: opacity .2s;} .pf-lightbox.show{display: block; opacity: 1;} .pf-lightbox img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 92vw; max-height: 86vh; border-radius: 12px; box-shadow: 0 24px 60px -20px rgba(0,0,0,.7);} .pf-lb-close{position: absolute; top: 18px; right: 22px; width: 44px; height: 44px; border: none; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 1.7rem; line-height: 1; cursor: pointer; transition: background .15s;} .pf-lb-close:hover{background: rgba(255,255,255,.28);} .pet-galadd{display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 28px 0 26px;} .pet-galadd-btn{white-space: nowrap; height: 50px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;} .pet-page .pet-filebtn{margin: 0; cursor: pointer; white-space: nowrap; height: 50px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--pet-rose); background: #fff; border: 1.5px solid var(--pet-rose); border-radius: 11px; font-weight: 700;} .pet-page .pet-filebtn:hover{color: #fff; background: var(--pet-rose); border-color: var(--pet-rose);} .pet-page .pet-filebtn:focus-within{box-shadow: 0 0 0 3px rgba(225,29,72,.18);} .pet-file-input{position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; clip: rect(0 0 0 0);} .pet-page .pet-filepick-name{flex: 1; min-width: 0; height: 50px; display: flex; align-items: center; padding: 0 16px; color: #94a3b8; font-size: .92rem; background: #fff; border: 1.5px dashed var(--pet-rose); border-radius: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .pet-filepick-name.has-file{color: #334155; font-weight: 500;} .pet-gallery-grid{display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));} .pet-galitem{border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 2px 8px -5px rgba(15,23,42,.2);} .pet-galitem img{width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block;} .pet-galbar{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px;} .pet-galpub{display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-size: .82rem; color: #475569; margin: 0;} .pet-galpub input{width: 16px; height: 16px; cursor: pointer;} .pet-galdel{border: none; background: transparent; color: #ef4444; cursor: pointer; padding: 4px 6px; border-radius: 8px; font-size: .95rem; transition: background .15s;} .pet-galdel:hover{background: #fee2e2;} .pet-galempty{color: #9ca3af; font-style: italic; padding: 6px 0 4px; white-space: nowrap; grid-column: 1 / -1;} .pet-fcard .pet-fcard-t{margin: 0 0 10px;} .pet-fcard .pet-fcard-sub{margin: 0; line-height: 1.55;} body.pet-skin-male #wrapwrap{background: linear-gradient(160deg, #eef4ff 0%, #eff5ff 45%, #f2f1ff 100%) !important;} body.pet-skin-male #wrapwrap::before{background: rgba(37,99,235,.09) !important;} body.pet-skin-male #wrapwrap::after{background: rgba(29,78,216,.06) !important;} body.pet-skin-male .pet-foot{background: linear-gradient(180deg, #f3f7ff, #e9f0ff) !important; border-top-color: #dbe5ff !important;} body.pet-skin-male .pet-foot-logo b{color: #2563eb !important;} body.pet-skin-male .pet-foot-links a{color: #1d4ed8 !important;} body.pet-skin-male .pet-foot-tag{color: #7e88a6 !important;} body.pet-skin-male .pet-foot-copy{color: #9aa3c0 !important;} .pst-1{margin:4px 0 0;white-space:pre-line;} .pst-2{display:none;margin-top:10px;} .pst-3{font-size:.85rem;color:#6b7280;text-align:center;margin-bottom:8px;} .pst-4{margin-top:6px;} .pst-5{display:none;font-size:.85rem;color:#6b7280;margin-top:8px;text-align:center;} .pst-6{display:none;margin-top:12px;} .pst-7{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;} .pst-8{display:flex;gap:8px;} .pst-9{flex:1 1 0;} .pst-10{flex:0 0 auto;} .pst-11{border-radius:12px;border:2px solid var(--pa-ic-bg);padding:6px;background:#fff;} .pst-12{color:#9ca3af;font-size:.82rem;margin-top:6px;} .pst-13{display:none;} .pst-14{text-align:center;margin-bottom:16px;} .pst-15{display:inline-block;text-decoration:none;} .pst-16{margin:0 0 16px;} .pst-17{text-align:center;color:#6b7280;margin:18px 0 0;} .pst-18{max-width:480px;margin:0 auto;padding:32px 16px 40px;} .pst-19{text-align:center;} .pst-20{font-size:46px;line-height:1;} .pst-21{margin:10px 0 8px;} .pst-22{color:#6b7280;} .pst-23{color:#9ca3af;font-size:.85rem;margin-top:16px;} .pst-24{margin-top:16px;} .pst-25{margin:14px 0 0;} .pst-26{margin:18px 0;} .pst-27{margin-bottom:14px;font-weight:600;} .pst-28{max-width:880px;margin:0 auto;padding:36px 16px 40px;} .pst-29{margin:0;} .pst-30{text-align:center;margin-top:8px;} .pst-31{font-family:'Baloo 2',sans-serif;margin:10px 0 4px;} .pst-32{color:#6b7280;max-width:380px;margin:0 auto 18px;} .pst-33{background:#e11d48;color:#fff;} .pst-34{margin-top:24px;} .pst-35{color:#f59e0b;} .pst-36{color:#6b7280;margin:0 0 14px;} .pst-37{display:flex;gap:12px;flex-wrap:wrap;} .pst-38{flex:1 1 200px;margin-bottom:12px;} .pst-39{flex:0 0 120px;margin-bottom:12px;} .pst-40{margin-bottom:14px;} .pst-41{margin:0 0 12px;} .pst-42{flex:1;} .pst-43{display:flex;flex-direction:column;gap:8px;} .pst-45{border-bottom:none;padding:0;} .pst-46{color:#be123c;} .pst-47{color:#9ca3af;} .pst-48{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;} .pst-49{flex:2 1 240px;margin:0;} .pst-50{font-size:.82rem;color:#6b7280;font-weight:600;} .pst-51{flex:1 1 150px;margin:0;} .pst-52{color:#9ca3af;display:block;margin-top:8px;} .pst-53{color:#e11d48;cursor:pointer;font-weight:600;margin:0;} .pst-54{color:#9ca3af;font-size:.8rem;} .pst-55{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:.8rem;color:#6b7280;cursor:pointer;font-weight:500;} .pst-56{margin-left:6px;} .pst-57{margin-bottom:0;} .pst-58{max-width:280px;margin:4px auto 0;} .pst-59{margin-top:2px;} .pst-60{font-size:.9rem;color:#6b7280;} .pst-61{color:#1f2937;} .pst-62{padding-top:0;} .pst-63{margin-top:20px;} .pst-64{color:#9ca3af;margin:0;} .pst-65{border:1px solid #eee;border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#fafafa;} .pst-66{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;} .pst-67{color:#d1d5db;margin:0 6px;} .pst-68{font-size:.9rem;} .pst-69{display:flex;align-items:center;gap:10px;flex:0 0 auto;} .pst-70{color:#9ca3af;font-size:.8rem;white-space:nowrap;} .pst-71{margin:6px 0 0;white-space:pre-line;} .pst-72{color:#9ca3af;margin:0 0 4px;} .pst-74{vertical-align:middle;} .pst-75{margin-left:6px;font-size:.72rem;vertical-align:middle;} .pst-76{margin-left:6px;background:#e11d48;color:#fff;vertical-align:middle;} .pst-77{color:#6b7280;font-size:.85rem;margin-top:4px;} .pst-78{margin:6px 0 0;color:#6b7280;font-size:.85rem;white-space:pre-line;} .pst-79{color:#9ca3af;font-size:.78rem;margin-top:4px;} .pst-80{display:flex;align-items:center;gap:12px;flex:0 0 auto;} .pst-81{margin:0;display:flex;align-items:center;gap:8px;} .pst-82{font-size:.85rem;color:#6b7280;} .pst-83{font-weight:400;color:#9ca3af;} .pst-84{max-width:90px;} .pst-85{border:none;padding:0;justify-content:flex-start;gap:10px;} .pst-86{margin-top:12px;display:flex;gap:8px;} .pst-87{margin-top:12px;} .pst-88{font-family:'Baloo 2',sans-serif;margin:0 0 12px;} .pst-89{color:#9ca3af;font-size:.85rem;margin:10px 0 0;} .pst-90{text-align:center;margin:0 0 6px;} .pst-91{text-align:center;color:#6b7280;max-width:560px;margin:0 auto 24px;} .pst-92{text-align:center;max-width:620px;margin:36px auto 0;padding:0 16px;} .pst-93{text-align:center;padding:24px 16px 0;} .pst-94{color:#9ca3af;font-size:.9rem;} .pst-95{text-align:center;padding:48px 16px;} .pst-96{font-size:64px;line-height:1;margin-top:10px;} .pst-97{font-family:'Baloo 2',sans-serif;font-weight:800;margin:10px 0 6px;} .pst-98{margin-top:10px;} .pst-99{margin-bottom:16px;} .pst-100{color:#6b7280;margin:0;} .pst-101{margin-left:8px;} .pst-102{border-bottom:none;padding:6px 0 12px;} .pst-103{color:#6b7280;margin:-2px 0 14px;} .pst-104{margin-left:12px;} .pst-105{text-align:center;margin:18px 0 0;} .pst-106{text-align:center;color:#6b7280;margin:8px 0 0;} .pst-107{text-align:center;color:#6b7280;margin:14px 0 0;} .pet-page.pet-errpage{display: flex; flex-direction: column; min-height: 100vh;} .pet-page.pet-errpage .container{flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center;} .pet-page.pet-errpage .pet-foot{margin-top: 0;} .pet-page .pet-errcard{padding: 44px 36px; display: flex; flex-direction: column; align-items: center; gap: 18px;} .pet-page .pet-errcard .pst-20{margin: 0; color: #1f2937;} .pet-page .pet-errcard h2{margin: 0;} .pet-page .pet-errcard p{margin: 0; max-width: 340px; line-height: 1.55;} .pet-page .pet-errcard .pet-chip{margin-top: 4px;} .pet-page .pet-demolink{display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; font-weight: 600; font-size: .95rem; color: var(--pet-rose); text-decoration: none; transition: gap .15s, color .15s;} .pet-page .pet-demolink::after{content: "\2192"; transition: transform .15s;} .pet-page .pet-demolink:hover{color: var(--pet-rose-dark);} .pet-page .pet-demolink:hover::after{transform: translateX(3px);} .pet-page .pet-demosec{max-width: 1000px; margin: 8px auto 0; padding: 0 16px; display: flex; gap: 48px; align-items: center;} .pet-page .pet-demotext{flex: 1;} .pet-page .pet-demotext h2{font-family: 'Baloo 2', sans-serif; font-weight: 800; font-size: 1.9rem; margin: 0 0 12px; line-height: 1.15;} .pet-page .pet-demotext p{color: #6b7280; font-size: 1.05rem; line-height: 1.55; margin: 0 0 22px;} .pet-page .pet-demoshot{flex: none; display: block; width: 360px; max-width: 42%; border-radius: 22px; overflow: hidden; border: 6px solid #fff; box-shadow: 0 26px 55px -22px rgba(15,23,42,.45); transition: transform .2s, box-shadow .2s;} .pet-page .pet-demoshot:hover{transform: translateY(-4px); box-shadow: 0 34px 65px -22px rgba(15,23,42,.5);} .pet-page .pet-demoshot img{display: block; width: 100%; height: auto;} @media (max-width: 768px){.pet-page .pet-demosec{flex-direction: column; gap: 28px; text-align: center;}.pet-page .pet-demoshot{width: 300px; max-width: 80%;}} .pet-page .lost-wrap{max-width: 1040px; margin: 0 auto; padding: 24px 16px 8px;} .pet-page .lost-head{text-align: center; max-width: 620px; margin: 8px auto 30px;} .pet-page .lost-head h1{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:2.2rem; margin:0 0 10px;} .pet-page .lost-head p{color:#6b7280; font-size:1.05rem; line-height:1.55; margin:0;} .pet-page .lost-grid{display:grid; gap:18px; grid-template-columns:repeat(auto-fill,minmax(220px,1fr));} .pet-page .lost-card{display:block; text-decoration:none; color:inherit; background:#fff; border:none; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px -16px rgba(15,23,42,.22), 0 0 0 1px rgba(15,23,42,.04); transition:transform .18s ease, box-shadow .18s ease;} .pet-page .lost-card:hover{transform:translateY(-4px); box-shadow:0 22px 44px -18px rgba(225,29,72,.32);} .pet-page .lost-photo{position:relative; aspect-ratio:1/1; background:#fde7ee; display:flex; align-items:center; justify-content:center;} .pet-page .lost-photo img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease;} .pet-page .lost-card:hover .lost-photo img{transform:scale(1.04);} .pet-page .lost-nophoto{font-size:46px; color:#f3b6c7;} .pet-page .lost-badge{position:absolute; top:11px; left:11px; z-index:1; background:#e11d48; color:#fff; font-weight:700; font-size:.72rem; letter-spacing:.3px; padding:5px 10px; border-radius:999px; display:inline-flex; gap:5px; align-items:center; box-shadow:0 4px 12px -3px rgba(225,29,72,.55);} .pet-page .lost-body{padding:15px 16px 16px;} .pet-page .lost-toprow{display:flex; align-items:center; gap:8px; justify-content:space-between; margin:0 0 9px;} .pet-page .lost-toprow h3{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:1.18rem; margin:0; color:#1f2937; line-height:1.15; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pet-page .lost-chip{flex:none; font-size:.72rem; font-weight:700; color:#be123c; background:#fde7ee; padding:3px 9px; border-radius:999px; white-space:nowrap;} .pet-page .lost-seen{color:#6b7280; font-size:.9rem; margin:0; display:flex; gap:7px; align-items:flex-start; line-height:1.35;} .pet-page .lost-seen-txt{display:flex; flex-direction:column; gap:1px; min-width:0;} .pet-page .lost-date{font-size:.83rem; color:#9ca3af;} .pet-page .lost-seen .fa{color:#e11d48; margin-top:2px; flex:none;} .pet-page .lost-view{display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-weight:700; font-size:.85rem; color:#e11d48; opacity:.85; transition:gap .15s, opacity .15s;} .pet-page .lost-card:hover .lost-view{opacity:1; gap:9px;} .pet-page .lost-card.sex-male .lost-photo{background:#e6efff;} .pet-page .lost-card.sex-male .lost-nophoto{color:#aac6ff;} .pet-page .lost-card.sex-male .lost-badge{background:#2563eb; box-shadow:0 4px 12px -3px rgba(37,99,235,.55);} .pet-page .lost-card.sex-male .lost-chip{color:#1d4ed8; background:#e6efff;} .pet-page .lost-card.sex-male .lost-seen .fa{color:#2563eb;} .pet-page .lost-card.sex-male .lost-view{color:#2563eb;} .pet-page .lost-empty{text-align:center; padding:50px 16px; color:#9ca3af;} .pet-page .lost-empty-ic{font-size:46px; color:#f3b6c7; margin-bottom:10px;} .pet-page .lost-geo{display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; justify-content:center; margin:14px 0 34px;} .pet-page .lost-geo-lab{font-weight:700; color:#6b7280; font-size:.95rem; display:inline-flex; gap:7px; align-items:center;} .pet-page .lost-geo-lab .fa{color:#e11d48;} .pet-page .lost-geo-chips{display:flex; flex-wrap:wrap; gap:11px; align-items:center;} .pet-page .lost-geochip{font:inherit; font-size:.85rem; font-weight:700; color:#be123c; background:#fff; border:1.5px solid #f7b9c7; padding:9px 18px; border-radius:999px; cursor:pointer; text-decoration:none; line-height:1; transition:background .12s, border-color .12s, color .12s;} .pet-page .lost-geochip:hover{background:#fde7ee;} .pet-page .lost-geochip.is-active{background:#e11d48; border-color:#e11d48; color:#fff;} .pet-page .lost-geo-all{color:#6b7280; border-color:#e5e7eb;} .pet-page .lost-geo-all.is-active{background:#374151; border-color:#374151; color:#fff;} .pet-page .lost-geo-km{display:none; width:92px; font:inherit; font-size:.85rem; padding:7px 12px; border:1.5px solid #f7b9c7; border-radius:999px;} .pet-page .lost-geo-km.is-shown{display:inline-block;} .pet-page .lost-geo-state{text-align:center; color:#6b7280; font-size:.95rem; margin:-4px 0 18px;} .pet-page .lost-dist{position:absolute; top:11px; right:11px; z-index:1; background:rgba(31,41,55,.82); color:#fff; font-weight:700; font-size:.72rem; padding:5px 9px; border-radius:999px; display:inline-flex; gap:5px; align-items:center;} .pet-page .lost-nopin-head{margin:34px 0 16px; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:1.15rem; color:#6b7280; display:flex; gap:9px; align-items:center;} .pet-page .lost-nopin-head .fa{color:#9ca3af;} .pet-page .pet-lostcta{max-width: 1020px; margin: 44px auto; padding: 36px 40px; display: flex; gap: 44px; align-items: center; background: linear-gradient(160deg,#fff1f4,#ffe4ec); border:1px solid #f7d6e0; border-radius: 24px;} .pet-page .pet-lostcta-text{flex: 1;} .pet-page .pet-lostcta-ic{width: 56px; height: 56px; margin: 0 0 14px; border-radius: 50%; background: #fff; color: #e11d48; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: 0 6px 18px -8px rgba(225,29,72,.5);} .pet-page .pet-lostcta h2{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:1.7rem; margin:0 0 8px;} .pet-page .pet-lostcta p{color:#7a5560; font-size:1.02rem; line-height:1.55; margin:0 0 14px;} .pet-page .pet-lostcta-actions{display: flex; gap: 12px; flex-wrap: wrap; align-items: center;} .pet-page .pet-lostcta-how{background:#fff; border:1px solid #f7d6e0; border-radius:12px; padding:12px 14px; font-size:.95rem !important; color:#6b7280 !important; margin:0 0 20px !important;} .pet-page .pet-lostcta-shot{flex: none; width: 500px; max-width: 50%; height: auto; display: block; border-radius: 14px; border: 1px solid #f3dbe2; box-shadow: 0 18px 40px -20px rgba(15,23,42,.4);} @media (max-width: 820px){.pet-page .pet-lostcta{flex-direction: column; gap: 26px; padding: 32px 22px; text-align: center;}.pet-page .pet-lostcta-ic{margin-left: auto; margin-right: auto;}.pet-page .pet-lostcta-shot{width: 100%; max-width: 460px;}} .pet-page .lost-pager{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:28px 0 4px;} .pet-page .lost-pg{min-width:40px; height:40px; padding:0 10px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:.95rem; text-decoration:none; color:#6b7280; background:#fff; border:1px solid #f0e3e7; transition:all .15s;} .pet-page .lost-pg:hover{border-color:#f3b6c7; color:#e11d48;} .pet-page .lost-pg.is-active{background:#e11d48; border-color:#e11d48; color:#fff; box-shadow:0 6px 16px -7px rgba(225,29,72,.6);} .pet-page .lost-pg.is-disabled{opacity:.4; pointer-events:none;} .pet-page .pet-mapblock{margin-top: 16px;} .pet-page .pet-mapsearch{display: flex; gap: 8px; margin: 6px 0 8px;} .pet-page .pet-mapsearch .pet-map-search{flex: 1;} .pet-page .pet-map{height: 240px; border-radius: 12px; overflow: hidden; border: 1px solid #eee; position: relative; z-index: 0;} .pet-page .pet-maptools{display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap;} .pet-page .pet-map-geoloc, .pet-page .pet-map-clear, .pet-page .pet-map-searchbtn{font-size: .85rem; padding: 8px 14px;} .pet-page .pet-map-view{height: 200px; margin: 12px 0 4px;} .pet-page .pet-map-tab{height: 380px; margin: 4px 0 0;} .pet-page .pet-lastseen-tab{margin-bottom: 14px;} .pet-page .pet-seemap{font-weight: 600; white-space: nowrap;} .pet-page .leaflet-pane, .pet-page .leaflet-top, .pet-page .leaflet-bottom, .pet-page .leaflet-control{z-index: 1;} .pet-page .pet-lost-save{margin-top: 16px;} .pet-hidden{display: none !important;} .pet-page .pet-head{justify-content: flex-start;} .pet-page .pet-head .pet-statuspill{margin-left: auto;} .pet-page .pet-viewpage{font-weight: 700; font-size: .85rem; color: #e11d48; text-decoration: none; display: inline-flex; gap: 6px; align-items: center; padding: 6px 12px; border: 1.5px solid #f7b9c7; border-radius: 999px; transition: background .12s;} .pet-page .pet-viewpage:hover{background: #fde7ee;} .pet-page .pet-notpublic{display: flex; gap: 10px; align-items: flex-start; background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; border-radius: 12px; padding: 12px 14px;} .pet-page .pet-notpublic .fa{margin-top: 2px; color: #ea580c; flex: none;} .pet-page .pet-lostbox{margin-bottom: 20px;} .pet-page .pet-fcard.is-lost{border-color: #f7b9c7; background: #fff7f9;} .pet-page .pet-ltabs{display: flex; gap: 8px; margin: 0 0 16px; flex-wrap: wrap;} .pet-page .pet-ltab{font: inherit; font-size: .85rem; font-weight: 700; color: #6b7280; background: #f3f4f6; border: none; padding: 8px 16px; border-radius: 999px; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; transition: background .12s, color .12s;} .pet-page .pet-ltab:hover{background: #e5e7eb;} .pet-page .pet-ltab.is-active{background: #e11d48; color: #fff;} .pet-page .pet-why{max-width: 760px; margin: 30px auto 8px; padding: 30px 28px; text-align: center; background: #fff7f9; border: 1px solid #fce7ee; border-radius: 18px;} .pet-page .pet-why-ic{width: 46px; height: 46px; margin: 0 auto 14px; border-radius: 50%; background: #fde7ee; color: #e11d48; display: flex; align-items: center; justify-content: center; font-size: 1.25rem;} .pet-page .pet-why-title{font-family: 'Baloo 2', sans-serif; font-weight: 800; font-size: 1.9rem; color: #1f2937; margin: 0 0 14px; line-height: 1.15;} .pet-page .pet-why-text{color: #4b5563; font-size: 1.1rem; line-height: 1.75; margin: 0;} .pet-page .pet-why-tribute{font-style: italic; color: #9ca3af; font-size: 1rem; margin: 16px 0 0;} .pet-page .pf-print{display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: .85rem; font-weight: 700; color: #6b7280; text-decoration: none; border: 1.5px solid #e5e7eb; border-radius: 999px; padding: 6px 14px; transition: background .12s;} .pet-page .pf-print:hover{background: #f3f4f6; color: #374151;}