.navbar-light .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-link.show > .arrow, .navbar-light .nav-navbar > .nav-link:hover > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link.show > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link:hover > .arrow{border-top-color: inherit} .navbar-light .nav-navbar > .nav-item.active > .nav-link, .navbar-light .nav-navbar > .nav-item > .nav-link.active, .navbar-light .nav-navbar > .nav-link.active, .navbar-stick-light.stick .nav-navbar > .nav-item.active > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link.active, .navbar-stick-light.stick .nav-navbar > .nav-link.active{color: #fff} .navbar-light .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-light .nav-navbar > .nav-link.active > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link.active > .arrow{border-top-color: inherit} .navbar-dark .logo-dark, .navbar-stick-dark.stick .logo-dark{display: inline-block; object-fit: contain; width: auto; height: 3rem;} .navbar-dark .logo-light, .navbar-stick-dark.stick .logo-light{display: none} .navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler{color: rgba(117, 117, 117, 0.8)} .navbar-dark .navbar-toggler:hover, .navbar-stick-dark.stick .navbar-toggler:hover{color: #555} .navbar-dark .navbar-divider, .navbar-stick-dark.stick .navbar-divider{background-color: rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item > .nav-link, .navbar-dark .nav-navbar > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-link{color: rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link > .arrow{border-top: 3px solid rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item.show > .nav-link, .navbar-dark .nav-navbar > .nav-item:hover > .nav-link, .navbar-dark .nav-navbar > .nav-link.show, .navbar-dark .nav-navbar > .nav-link:hover, .navbar-stick-dark.stick .nav-navbar > .nav-item.show > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item:hover > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-link.show, .navbar-stick-dark.stick .nav-navbar > .nav-link:hover{color: #555} .navbar-dark .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-link.show > .arrow, .navbar-dark .nav-navbar > .nav-link:hover > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link.show > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link:hover > .arrow{border-top-color: inherit} .navbar-dark .nav-navbar > .nav-item.active > .nav-link, .navbar-dark .nav-navbar > .nav-item > .nav-link.active, .navbar-dark .nav-navbar > .nav-link.active, .navbar-stick-dark.stick .nav-navbar > .nav-item.active > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link.active, .navbar-stick-dark.stick .nav-navbar > .nav-link.active{color: #323d47} .navbar-dark .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-dark .nav-navbar > .nav-link.active > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link.active > .arrow{border-top-color: inherit} .offcanvas{position: relative; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 24px; padding: 1.5rem; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); z-index: 1010; visibility: hidden} .offcanvas > .container, .offcanvas > .container-fluid{position: relative; height: 100%} .offcanvas[data-animation]{-webkit-transition: 0.4s ease-out; transition: 0.4s ease-out} .offcanvas[data-animation="fade"]{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .offcanvas[data-animation="slide-up"]{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 100%); transform: translate(0, 100%)} .offcanvas[data-animation="slide-down"]{-webkit-transform: translate(0, -100%); transform: translate(0, -100%)} .offcanvas[data-animation="slide-left"]{left: auto; right: 0; -webkit-transform: translate(100%, 0); transform: translate(100%, 0)} .offcanvas[data-animation="slide-right"]{-webkit-transform: translate(-100%, 0); transform: translate(-100%, 0)} .offcanvas.show{visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 0); transform: translate(0, 0)} .offcanvas .close{float: none; padding: 12px 16px; padding: 0.75rem 1rem; font-weight: 100; font-size: 40px; font-size: 2.5rem; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out} .offcanvas .close:not(.position-static){position: absolute; top: 0; right: 0} .offcanvas.bg-img{position: fixed} .backdrop-offcanvas{z-index: 1009} .popup{position: fixed; right: 32px; right: 2rem; bottom: 32px; bottom: 2rem; padding: 24px; padding: 1.5rem; background-color: #fff; border: 1px solid #f1f2f3; border-radius: 0.25rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; z-index: 1010; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .popup.show{visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important} .popup.show[data-position$="-center"]{-webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important} .popup[data-position="top-left"]{right: auto; bottom: auto; top: 32px; top: 2rem; left: 32px; left: 2rem} .popup[data-position="top-right"]{bottom: auto; top: 32px; top: 2rem} .popup[data-position="bottom-left"]{right: auto; left: 32px; left: 2rem} .popup[data-position="top-center"]{right: auto; bottom: auto; top: 32px; top: 2rem; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%)} .popup[data-position="bottom-center"]{right: auto; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%)} .popup[data-animation="slide-up"]{-webkit-transform: translate(0, 100%); transform: translate(0, 100%)} .popup[data-animation="slide-up"][data-position$="-center"]{-webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%)} .popup[data-animation="slide-down"]{-webkit-transform: translate(0, -100%); transform: translate(0, -100%)} .popup[data-animation="slide-down"][data-position$="-center"]{-webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%)} .popup[data-animation="slide-left"]{-webkit-transform: translate(100%, 0); transform: translate(100%, 0)} .popup[data-animation="slide-right"]{-webkit-transform: translate(-100%, 0); transform: translate(-100%, 0)} .popup .close{position: absolute; top: 0; right: 0; padding: 12px 16px; padding: 0.75rem 1rem; font-weight: 100; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out} .header{position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 146px; padding-bottom: 90px} .header > .container, .header > .container-fluid{position: relative; height: 100%} .header.h-fullscreen{padding-top: 90px} .section{position: relative; border-bottom: none; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 64px; padding-top: 4rem; padding-bottom: 64px; padding-bottom: 4rem} .section > .container, .section > .container-fluid, .section > .container-wide{position: relative; height: 100%} @media (max-width: 991.98px){.section{padding-top: 5rem; padding-bottom: 5rem}} .section-header{text-align: center; max-width: 70%; margin: 0 auto 70px} .section-header small{display: inline-block; font-size: 11px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.75px; margin-bottom: 24px; margin-bottom: 1.5rem; word-spacing: 2px; color: rgba(153, 153, 153, 0.6)} .section-header hr{width: 50px; margin-top: 40px; margin-top: 2.5rem; margin-bottom: 24px; margin-bottom: 1.5rem} .section-header p{font-size: 17px; font-size: 1.0625rem} .section-header p.lead, .section-header .pricing-4 .plan-price p, .pricing-4 .plan-price .section-header p{font-size: 18px; font-size: 1.125rem} @media (max-width: 991.98px){.section-header{max-width: 90%}} .section-video{overflow: hidden; padding-top: 0; padding-bottom: 0} .section-video > .container, .section-video > .container-fluid, .section-video > .container-wide{padding-top: 90px; padding-bottom: 90px} .section-dialog{background-color: #fff; padding: 16px; padding: 1rem; border-radius: 4px} @media (min-width: 768px){.section-dialog{padding: 20px 24px}} @media (min-width: 992px){.section-dialog{padding: 30px 32px}} .sidebar{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 112px; padding-top: 7rem; padding-bottom: 112px; padding-bottom: 7rem} .sidebar hr{margin-top: 30px; margin-bottom: 30px; border-top-style: solid} .sidebar .nav-sidebar{height: 100%} @media (max-width: 991.98px){.sidebar{padding-top: 5rem; padding-bottom: 5rem}} .sidebar-fixed{position: fixed; top: 0; left: -240px; bottom: 0; width: 240px; background-color: #fff; border-right: 1px solid #f1f2f3; z-index: 1000; -webkit-transition: left 0.3s ease-out; transition: left 0.3s ease-out} .sidebar-open .sidebar-fixed{left: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05)} .sidebar-sticky.stick:not(.is-mobile-wide){position: fixed; top: 0} .sidebar-sticky.is-mobile-wide{padding-bottom: 0 !important} .sidebar-header{text-align: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f1f2f3} .sidebar-title{font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-size: .85em; margin-bottom: 16px; margin-bottom: 1rem} .sidebar-body{position: relative; padding-right: 20px} .sidebar-footer{text-align: center; padding: 20px 0; margin-top: 30px; border-top: 1px solid #f1f2f3} .sidebar-toggler{padding: 4px 12px; padding: .25rem .75rem; font-size: 20px; font-size: 1.25rem; line-height: 1; cursor: pointer; background: 0 0; border: none; border-radius: .25rem; margin-right: 8px; margin-right: 0.5rem; margin-bottom: -1px} .backdrop-sidebar{z-index: 999} @media (min-width: 576px){.sidebar-fixed.sidebar-expand-sm{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-sm ~ .main-content{margin-left: 240px}} @media (min-width: 768px){.sidebar-fixed.sidebar-expand-md{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-md ~ .main-content{margin-left: 240px}} @media (min-width: 992px){.sidebar-fixed.sidebar-expand-lg{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-lg ~ .main-content{margin-left: 240px}} @media (min-width: 1200px){.sidebar-fixed.sidebar-expand-xl{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-xl ~ .main-content{margin-left: 240px}} .sidebar-fixed.sidebar-expand{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)} .sidebar-fixed.sidebar-expand ~ .main-content{margin-left: 240px} [data-sticky="true"].stick:not(.navbar){position: fixed; top: 0} .bt-1, .border-top-1{border-top: 1px solid #f1f2f3} .bl-1, .border-left-1{border-left: 1px solid #f1f2f3} .br-1, .border-right-1{border-right: 1px solid #f1f2f3} .bb-1, .border-bottom-1{border-bottom: 1px solid #f1f2f3} .bt-2, .border-top-2{border-top: 2px solid #f1f2f3} .bl-2, .border-left-2{border-left: 2px solid #f1f2f3} .br-2, .border-right-2{border-right: 2px solid #f1f2f3} .bb-2, .border-bottom-2{border-bottom: 2px solid #f1f2f3} .bt-3, .border-top-3{border-top: 3px solid #f1f2f3} .bl-3, .border-left-3{border-left: 3px solid #f1f2f3} .br-3, .border-right-3{border-right: 3px solid #f1f2f3} .bb-3, .border-bottom-3{border-bottom: 3px solid #f1f2f3} .bt-0, .border-top-0{border-top-width: 0} .bl-0, .border-left-0{border-left-width: 0} .br-0, .border-right-0{border-right-width: 0} .bb-0, .border-bottom-0{border-bottom-width: 0} .b-1{border: 1px solid #f1f2f3} .b-2{border: 2px solid #f1f2f3} .b-3{border: 3px solid #f1f2f3} .b-0{border-width: 0} .rounded-md{border-radius: 0.5rem !important} .rounded-lg{border-radius: 0.75rem !important} .rounded-xl{border-radius: 1rem !important} .border-glass, .border-glass-1{border-color: rgba(255, 255, 255, 0.35) !important} .border-glass-2{border-color: rgba(255, 255, 255, 0.25) !important} .border-glass-3{border-color: rgba(255, 255, 255, 0.15) !important} .bg-gray{background-color: #fafbfb} .bg-pale-primary{background-color: #eef4fc !important} .bg-pale-secondary{background-color: #f0f4f7 !important} .bg-pale-success{background-color: #eefcf0 !important} .bg-pale-danger{background-color: #fceeef !important} .bg-pale-warning{background-color: #fcf8ee !important} .bg-pale-info{background-color: #f2eefc !important} .bg-pale-light{background-color: #fff !important} .bg-pale-dark{background-color: #e5e5e5 !important} .bg-gradient-primary{background-image: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important; background-image: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important} .bg-gradient-secondary{background-image: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important; background-image: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important} .bg-gradient-success{background-image: -webkit-linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important; background-image: linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important} .bg-gradient-danger{background-image: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important; background-image: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important} .bg-gradient-warning{background-image: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important; background-image: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important} .bg-gradient-info{background-image: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important; background-image: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important} .bg-gradient-dark{background-image: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important; background-image: linear-gradient(45deg, #191919 0%, #636363 100%) !important} .text-default{color: #757575 !important} a.text-default:hover, a.text-default:focus{color: #4f4f4f !important} .text-light{color: #999 !important} a.text-light:hover, a.text-light:focus{color: #737373 !important} .text-lighter{color: #bfc5ca !important} a.text-lighter:hover, a.text-lighter:focus{color: #959fa7 !important} .text-lightest{color: #d3d3d3 !important} a.text-lightest:hover, a.text-lightest:focus{color: #adadad !important} .text-inherit{color: inherit} .bg-img{background-position: center; background-size: cover; background-repeat: no-repeat} .bg-fixed{background-attachment: fixed} @media (max-width: 640px){.bg-fixed{background-attachment: initial}} .bg-repeat{background-repeat: repeat; background-size: auto} .bg-img-left{background-position: left center} .bg-img-right{background-position: right center} .bg-img-top{background-position: center top} .bg-img-bottom{background-position: center bottom} .bg-size-contain{background-size: contain} .opacity-0{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .opacity-5{opacity: .05 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"} .opacity-10{opacity: .1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"} .opacity-15{opacity: .15 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"} .opacity-20{opacity: .2 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"} .opacity-25{opacity: .25 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"} .opacity-30{opacity: .3 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"} .opacity-35{opacity: .35 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"} .opacity-40{opacity: .4 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"} .opacity-45{opacity: .45 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"} .opacity-50{opacity: .5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .opacity-55{opacity: .55 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"} .opacity-60{opacity: .6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"} .opacity-65{opacity: .65 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"} .opacity-70{opacity: .7 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"} .opacity-75{opacity: .75 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"} .opacity-80{opacity: .8 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"} .opacity-85{opacity: .85 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"} .opacity-90{opacity: .9 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"} .opacity-95{opacity: .95 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"} .opacity-100{opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .shadow-0, .hover-shadow-0:hover{box-shadow: none} .shadow-1, .product-3, .hover-shadow-1:hover{box-shadow: 0 0 4px rgba(0, 0, 0, 0.06)} .shadow-2, .portfolio-2 img, .hover-shadow-2:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.06)} .shadow-3, .hover-shadow-3:hover{box-shadow: 0 0 12px rgba(0, 0, 0, 0.06)} .shadow-4, .hover-shadow-4:hover{box-shadow: 0 0 18px rgba(0, 0, 0, 0.06)} .shadow-5, .hover-shadow-5:hover, .portfolio-2 img:hover{box-shadow: 0 0 26px rgba(0, 0, 0, 0.06)} .shadow-6, .hover-shadow-6:hover, .product-3:hover{box-shadow: 0 0 36px rgba(0, 0, 0, 0.06)} .shadow-7, .hover-shadow-7:hover{box-shadow: 0 0 48px rgba(0, 0, 0, 0.06)} .shadow-8, .hover-shadow-8:hover{box-shadow: 0 0 60px rgba(0, 0, 0, 0.06)} .shadow-9, .hover-shadow-9:hover{box-shadow: 0 0 74px rgba(0, 0, 0, 0.06)} .overflow-hidden{overflow: hidden} .transition{-webkit-transition: 0.3s ease-out; transition: 0.3s ease-out} .cursor-pointer{cursor: pointer} .hover-move-up{display: block; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out} .hover-move-up:hover{-webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem)} .fit-cover{-o-object-fit: cover; object-fit: cover} .fill-parent{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%} .text-hue-rotate{color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue-rotate 60s infinite linear} .bg-hue-rotate{-webkit-animation: hue-rotate 30s linear infinite} @-webkit-keyframes hue{from{-webkit-filter: hue-rotate(0deg)}to{-webkit-filter: hue-rotate(-360deg)}} .flex-grow-0{-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0} .w-125{width: 125px !important} .h-125{height: 125px !important} .mw-125{min-width: 125px !important} .mh-125{min-height: 125px !important} .w-150{width: 150px !important} .h-150{height: 150px !important} .mw-150{min-width: 150px !important} .mh-150{min-height: 150px !important} .w-175{width: 175px !important} .h-175{height: 175px !important} .mw-175{min-width: 175px !important} .mh-175{min-height: 175px !important} .w-200{width: 200px !important} .h-200{height: 200px !important} .mw-200{min-width: 200px !important} .mh-200{min-height: 200px !important} .w-250{width: 250px !important} .h-250{height: 250px !important} .mw-250{min-width: 250px !important} .mh-250{min-height: 250px !important} .w-300{width: 300px !important} .h-300{height: 300px !important} .mw-300{min-width: 300px !important} .mh-300{min-height: 300px !important} .w-350{width: 350px !important} .h-350{height: 350px !important} .mw-350{min-width: 350px !important} .mh-350{min-height: 350px !important} .w-400{width: 400px !important} .h-400{height: 400px !important} .mw-400{min-width: 400px !important} .mh-400{min-height: 400px !important} .w-500{width: 500px !important} .h-500{height: 500px !important} .mw-500{min-width: 500px !important} .mh-500{min-height: 500px !important} .w-600{width: 600px !important} .h-600{height: 600px !important} .mw-600{min-width: 600px !important} .mh-600{min-height: 600px !important} .w-700{width: 700px !important} .h-700{height: 700px !important} .mw-700{min-width: 700px !important} .mh-700{min-height: 700px !important} .w-800{width: 800px !important} .h-800{height: 800px !important} .mw-800{min-width: 800px !important} .mh-800{min-height: 800px !important} .w-900{width: 900px !important} .h-900{height: 900px !important} .mw-900{min-width: 900px !important} .mh-900{min-height: 900px !important} .w-5px{width: 5px !important} .h-5px{height: 5px !important} .w-10px{width: 10px !important} .h-10px{height: 10px !important} .w-15px{width: 15px !important} .h-15px{height: 15px !important} .w-20px{width: 20px !important} .h-20px{height: 20px !important} .w-25px{width: 25px !important} .h-25px{height: 25px !important} .w-30px{width: 30px !important} .h-30px{height: 30px !important} .w-35px{width: 35px !important} .h-35px{height: 35px !important} .w-40px{width: 40px !important} .h-40px{height: 40px !important} .w-45px{width: 45px !important} .h-45px{height: 45px !important} .w-50px{width: 50px !important} .h-50px{height: 50px !important} .w-55px{width: 55px !important} .h-55px{height: 55px !important} .w-60px{width: 60px !important} .h-60px{height: 60px !important} .w-65px{width: 65px !important} .h-65px{height: 65px !important} .w-70px{width: 70px !important} .h-70px{height: 70px !important} .w-75px{width: 75px !important} .h-75px{height: 75px !important} .w-80px{width: 80px !important} .h-80px{height: 80px !important} .w-85px{width: 85px !important} .h-85px{height: 85px !important} .w-90px{width: 90px !important} .h-90px{height: 90px !important} .w-95px{width: 95px !important} .h-95px{height: 95px !important} .w-100px{width: 100px !important} .h-100px{height: 100px !important} .h-auto{height: auto} .w-auto{width: auto} .w-fullscreen, .w-100vw{width: 100vw !important} .h-fullscreen, .h-100vh{height: 100vh !important} .mw-fullscreen, .mw-100vw{min-width: 100vw !important} .mh-fullscreen, .mh-100vh{min-height: 100vh !important} @media (max-height: 640px){.h-fullscreen{height: auto !important}} .gap-x-1 > *{display: inline-block; margin-left: 2px; margin-right: 2px} .gap-x-1 > *:first-child{margin-left: 0} .gap-x-1 > *:last-child{margin-right: 0} .gap-x-2 > *{display: inline-block; margin-left: 4px; margin-right: 4px} .gap-x-2 > *:first-child{margin-left: 0} .gap-x-2 > *:last-child{margin-right: 0} .gap-x > *, .gap-x-3 > *{display: inline-block; margin-left: 8px; margin-right: 8px} .gap-x > *:first-child, .gap-x-3 > *:first-child{margin-left: 0} .gap-x > *:last-child, .gap-x-3 > *:last-child{margin-right: 0} .gap-x-4 > *{display: inline-block; margin-left: 12px; margin-right: 12px} .gap-x-4 > *:first-child{margin-left: 0} .gap-x-4 > *:last-child{margin-right: 0} .gap-x-5 > *{display: inline-block; margin-left: 16px; margin-right: 16px} .gap-x-5 > *:first-child{margin-left: 0} .gap-x-5 > *:last-child{margin-right: 0} .gap-x-6 > *{display: inline-block; margin-left: 24px; margin-right: 24px} .gap-x-6 > *:first-child{margin-left: 0} .gap-x-6 > *:last-child{margin-right: 0} .gap-x-7 > *{display: inline-block; margin-left: 32px; margin-right: 32px} .gap-x-7 > *:first-child{margin-left: 0} .gap-x-7 > *:last-child{margin-right: 0} .gap-xy-1{margin: -2px} .gap-xy-1 > *{display: inline-block; margin: 2px} .gap-xy-2{margin: -4px} .gap-xy-2 > *{display: inline-block; margin: 4px} .gap-xy, .gap-xy-3{margin: -8px} .gap-xy > *, .gap-xy-3 > *{display: inline-block; margin: 8px} .gap-xy-4{margin: -12px} .gap-xy-4 > *{display: inline-block; margin: 12px} .gap-xy-5{margin: -16px} .gap-xy-5 > *{display: inline-block; margin: 16px} .gap-xy-6{margin: -24px} .gap-xy-6 > *{display: inline-block; margin: 24px} .gap-xy-7{margin: -32px} .gap-xy-7 > *{display: inline-block; margin: 32px} .font-body{font-family: "Open Sans", sans-serif} .font-title{font-family: Dosis, sans-serif} .fs-6, .font-size-6{font-size: 6px} .fs-7, .font-size-7{font-size: 7px} .fs-8, .font-size-8{font-size: 8px} .fs-9, .font-size-9{font-size: 9px} .fs-10, .font-size-10{font-size: 10px} .fs-11, .font-size-11{font-size: 11px} .fs-12, .font-size-12{font-size: 12px} .fs-13, .font-size-13{font-size: 13px} .fs-14, .font-size-14{font-size: 14px} .fs-15, .font-size-15{font-size: 15px} .fs-16, .font-size-16{font-size: 16px} .fs-17, .font-size-17{font-size: 17px} .fs-18, .font-size-18{font-size: 18px} .fs-19, .font-size-19{font-size: 19px} .fs-20, .font-size-20{font-size: 20px} .lead-1{font-size: 16.875px; font-size: 1.05469rem} .lead-2{font-size: 18.75px; font-size: 1.17188rem} .lead-3{font-size: 22.5px; font-size: 1.40625rem} .lead-4{font-size: 26.249px; font-size: 1.64062rem} .lead-5{font-size: 30px; font-size: 1.875rem} .lead-6{font-size: 37.5px; font-size: 2.34375rem} .lead-7{font-size: 48.75px; font-size: 3.04688rem} .lead-8{font-size: 60px; font-size: 3.75rem} .lead-9{font-size: 75px; font-size: 4.6875rem} .small-1{font-size: 14.062px; font-size: .87891rem} .small-2{font-size: 13.124px; font-size: .82031rem} .small-3{font-size: 12.187px; font-size: .76172rem} .small-4{font-size: 11.249px; font-size: .70312rem} .small-5{font-size: 10.312px; font-size: .64453rem} .small-6{font-size: 9.375px; font-size: .58594rem} .small-7{font-size: 8.437px; font-size: .52734rem} .small-8{font-size: 7.5px; font-size: .46875rem} .small-9{font-size: 6.562px; font-size: .41016rem} .fw-100, .font-weight-100{font-weight: 100} .fw-200, .font-weight-200{font-weight: 200} .fw-300, .font-weight-300{font-weight: 300} .fw-400, .font-weight-400{font-weight: 400} .fw-500, .font-weight-500{font-weight: 500} .fw-600, .font-weight-600{font-weight: 600} .fw-700, .font-weight-700{font-weight: 700} .fw-800, .font-weight-800{font-weight: 800} .fw-900, .font-weight-900{font-weight: 900} .lh-1, .line-height-1{line-height: 1} .lh-2, .line-height-2{line-height: 1.3} .lh-3, .line-height-3{line-height: 1.45} .lh-4, .line-height-4{line-height: 1.6} .lh-5, .line-height-5{line-height: 1.75} .lh-6, .line-height-6{line-height: 1.9} .lh-7, .line-height-7{line-height: 2.05} .lh-8, .line-height-8{line-height: 2.2} .lh-9, .line-height-9{line-height: 2.35} .ls-0, .letter-spacing-0{letter-spacing: 0px} .ls-1, .letter-spacing-1{letter-spacing: 1px} .ls-2, .letter-spacing-2{letter-spacing: 2px} .ls-3, .letter-spacing-3{letter-spacing: 3px} .ls-4, .letter-spacing-4{letter-spacing: 4px} .ls-5, .letter-spacing-5{letter-spacing: 5px} .text-truncate{width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .card-outline{background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.3)} .card-hover-inverse:hover{background-color: #191919; border-color: #191919} .text-white{color: rgba(255, 255, 255, 0.85) !important} .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6{color: #fff} .text-white a:not(.btn):not(.dropdown-item){color: rgba(255, 255, 255, 0.8)} .text-white hr{border-top-color: rgba(255, 255, 255, 0.15)} .text-white p{color: rgba(255, 255, 255, 0.85)} .text-white code{background-color: rgba(255, 255, 255, 0.1); color: #eee} .text-white small, .text-white .small{color: rgba(255, 255, 255, 0.8)} .text-white .divider{color: rgba(255, 255, 255, 0.5)} .text-white .divider:before, .text-white .divider:after{border-top-color: rgba(255, 255, 255, 0.15)} .text-white .section-header small{color: rgba(255, 255, 255, 0.6)} .text-white .rating label.empty{color: rgba(255, 255, 255, 0.3)} .text-white .card-inverse{background-color: rgba(255, 255, 255, 0.1)} .text-white .btn-outline-light{color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.3)} .text-white .btn-outline-light:hover{color: #757575} .text-white .close{color: rgba(255, 255, 255, 0.85)} .btn-custom{color: #fff; background-color: #00aced; background-image: conic-gradient( violet, indigo, blue, green, yellow, orange, red);} div.o_colorpicker_section button.bg-custom{background-color: unset; background: linear-gradient(in hsl longer hue 45deg, red 0 0);} 

/* /theme_cloudoffix_clients/static/src/assets/css/style.css defined in bundle 'web.assets_frontend' */
 html{font-size: initial;} .nav > li > a:hover, .nav > li > a:focus{text-decoration: none; background-color: transparent;} .iconbox-outline > *{color: #f1f2f3;} .bg-gray.footer{color: #757575;} nav.navbar.navbar-expand-lg.navbar-light.navbar-stick-dark.stick .text-dark * , .navbar-open nav.navbar.navbar-expand-lg.navbar-light .text-dark *{color: #191919 !important;} nav.navbar.navbar-expand-lg.navbar-light.navbar-stick-dark.stick .iconbox-outline , .navbar-open nav.navbar.navbar-expand-lg.navbar-light .iconbox-outline{border: 1px solid rgba(117, 117, 117, 0.8);} #oe_snippets .o_panel_header{background: #3c96ff;} .form-horizontal .form-group{margin-left: 0; margin-right: 0;} .form-control{-webkit-box-shadow: none; box-shadow: none;} .bg-login{background-image: url(/theme_cloudoffix_clients/static/src/assets/css/../../assets/img/bg/4.jpg);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 100%; position: relative; margin: 0;} .layout-centered .main-content{display: -webkit-box !important; display: flex !important; -webkit-box-align: center; align-items: center; justify-content: space-around;} button.bg-gradient-primary{background: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important; background: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important;} button.bg-gradient-secondary{background: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important; background: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important;} button.bg-gradient-success{background: -webkit-linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important; background: linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important;} button.bg-gradient-danger{background: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important; background: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important;} button.bg-gradient-warning{background: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important; background: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important;} button.bg-gradient-info{background: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important; background: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important;} button.bg-gradient-dark{background: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important; background: linear-gradient(45deg, #191919 0%, #636363 100%) !important;} .nav-link, .nav-link span{cursor: pointer!important;} .panel-body .row{display:block} button#change_domain{margin-bottom: 32px;} .no-before-container:before{display: none!important;} .navbar-dark .dropdown *{color: #323D47; border-color: #323D47;} #wrapwrap > header.header{display: block;} .js_subscribe .form-control:disabled, .form-control[readonly]{background-color: transparent; opacity: 1;} .row:before, .row:after{display: inline-block;} .card-footer .custom-control-label:before{margin-right:0;} .card-footer .custom-checkbox .custom-control-label:after{left: 10px;} 

/* /theme_cloudoffix_clients/static/src/assets/less/colors.less defined in bundle 'web.assets_frontend' */
 .bg-success{background-color: #5cb85c !important; color: #000000;} .bg-primary{background-color: #337ab7 !important; color: #ffffff;} .bg-info{background-color: #5bc0de !important; color: #000000;} .bg-danger{background-color: #d9534f !important; color: #ffffff;} .bg-warning{background-color: #f0ad4e !important; color: #000000;} .color-black{color: #000000;} .color-white{color: #ffffff;} .color-gray-lighter{color: #eeeeee;} .color-gray-light-light{color: #d1d1d1;} .color-gray-light{color: #a7a7a7;} .color-gray-light-dark{color: #808080;} .color-gray{color: #555555;} .color-gray-dark-light{color: #404040;} .color-gray-dark{color: #383838;} .color-gray-dark-dark{color: #303030;} .color-gray-darker{color: #292929;} .color-gray-darkest{color: #212121;} .bg-white{background-color: #ffffff !important; color: #555555;} .bg-black{background-color: #000000 !important; color: #ffffff;} .bg-gray-lighter{background-color: #eeeeee !important; color: #000000;} .bg-gray-light-light{background-color: #d1d1d1 !important; color: #000000;} .bg-gray-light{background-color: #a7a7a7 !important; color: #000000;} .bg-gray-light-dark{background-color: #808080 !important; color: #ffffff;} .bg-gray-dark-light{background-color: #404040 !important; color: #ffffff;} .bg-gray-dark{background-color: #383838 !important; color: #ffffff;} .bg-gray-dark-dark{background-color: #303030 !important; color: #ffffff;} .bg-gray-darker{background-color: #292929 !important; color: #ffffff;} .bg-gray-darkest{background-color: #212121 !important; color: #ffffff;} .color-alpha{color: #5a9bfb;} .color-beta{color: #8645b4;} .color-gamma{color: #7add1d;} .color-delta{color: #ff9428;} .color-epsilon{color: #6e6e6e;} .color-white{color: #ffffff;} .bg-alpha{background-color: #5a9bfb !important; color: #ffffff;} .bg-beta{background-color: #8645b4 !important; color: #ffffff;} .bg-gamma{background-color: #7add1d !important; color: #000000;} .bg-delta{background-color: #ff9428 !important; color: #000000;} .bg-epsilon{background-color: #6e6e6e !important; color: #ffffff;} .bg-alpha-lighter{background-color: #8cb9fc !important; color: #000000;} .bg-beta-lighter{background-color: #9e67c5 !important; color: #ffffff;} .bg-gamma-lighter{background-color: #94e746 !important; color: #000000;} .bg-delta-lighter{background-color: #ffad5b !important; color: #000000;} .bg-epsilon-lighter{background-color: #888888 !important; color: #ffffff;} .bg-alpha-light{background-color: #73aafc !important; color: #000000;} .bg-beta-light{background-color: #9255be !important; color: #ffffff;} .bg-gamma-light{background-color: #87e430 !important; color: #000000;} .bg-delta-light{background-color: #ffa142 !important; color: #000000;} .bg-epsilon-light{background-color: #7b7b7b !important; color: #ffffff;} .bg-alpha-dark{background-color: #418cfa !important; color: #ffffff;} .bg-beta-dark{background-color: #783ea2 !important; color: #ffffff;} .bg-gamma-dark{background-color: #6ec61a !important; color: #000000;} .bg-delta-dark{background-color: #ff870e !important; color: #ffffff;} .bg-epsilon-dark{background-color: #616161 !important; color: #ffffff;} .bg-alpha-darker{background-color: #287dfa !important; color: #ffffff;} .bg-beta-darker{background-color: #6b378f !important; color: #ffffff;} .bg-gamma-darker{background-color: #61b017 !important; color: #ffffff;} .bg-delta-darker{background-color: #f47b00 !important; color: #ffffff;} .bg-epsilon-darker{background-color: #555555 !important; color: #ffffff;} 

/* /theme_cloudoffix_clients/static/src/assets/css/responsive.css defined in bundle 'web.assets_frontend' */
@media (min-width: 768px){.homepage .lead.w-100{width: 80% !important}} @media (max-width: 991px){.navbar-mobile .dropdown-menu.dropdown-menu-right{right: auto; left: 0;}.navbar-expand-lg .navbar-mobile .nav{display: block;}} 

/* /theme_cloudoffix_clients/static/src/assets/css/portal.css defined in bundle 'web.assets_frontend' */
div.portal-header{height: 200px; background: #F5F5F5; margin-top: 59px; padding: 70px 0px 0px 70px;} div.portal-header svg{display: inline-block; vertical-align: middle;} div.portal-header h1{display: inline-block; vertical-align: bottom; padding: 0; margin: 0; line-height: initial; margin-left: 20px;} .o_portal_my_home{padding: 10px; width: 339px; top: 270px; box-shadow: 4px 60px 20px rgba(52, 74, 90, 0.2); position: fixed; left: 0; padding-left: 70px; overflow: auto; border-bottom: 53px solid white; bottom: 0;} html[data-editable] .o_portal_my_home, html[data-translatable] .o_portal_my_home{top: 315px;} .ox_my_home .navbar-light .nav-navbar > .nav-item > .nav-link, .ox_my_home .navbar-light .nav-navbar > .nav-link, .ox_my_home .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link, .ox_my_home .navbar-stick-light.stick .nav-navbar > .nav-link{color: #344A5A; text-transform: none;} .ox_my_home .navbar-brand >img{max-height: 32px;} .ox_my_home .navbar-brand{min-height: 60px;} .ox_my_home .navbar-light .navbar-toggler, .ox_my_home .navbar-stick-light.stick .navbar-toggler{color: #344A5A;} .ox_my_home .ml-auto, .ox_my_home .mx-auto{margin-left: 0 !important; margin-right: auto;} .ox_my_home .navbar-mobile div.dropdown{color: black;} .ox_my_home .navbar-mobile div.dropdown .iconbox-outline{color: black;} .ox_my_home .navbar-mobile div.dropdown .iconbox-outline *{color: black;} .ox_my_home .o_portal{display: none;} .ox_my_home .navbar > .container,.ox_my_home .navbar > .container-fluid{max-width: initial;} .ox_my_home .o_portal_wrap > div.container{max-width: initial; margin-bottom: 0px !important;} .ox_my_home .o_portal_wrap > div.container div.row{margin: 0;} .ox_my_home #wrapwrap footer{display: none;} .ox_my_home .page-header span{font-size: 14px;} .ox_my_home .page-header{padding-bottom: 0px;margin-bottom: 5px;padding-top: 0px;margin-top: 0px;} .ox_my_home .o_portal_docs .list-group-item{padding: 0; border: none; font-size: 14px; padding-right: 20px; padding-left: 28px; margin-bottom: 5px;} .ox_my_home .o_portal_docs .list-group-item a{color: #344A5A;} :root{--doc-badge-color-1: #864EBA; --doc-badge-color-2: #F96139; --doc-badge-color-3: #5ADE77; --doc-badge-color-4: #1977EF;} .ox_my_home .o_portal_docs .list-group-item .badge{border-radius: 5px;} .ox_my_home .o_portal_docs .list-group-item:nth-child(1n) .badge{background: var(--doc-badge-color-1);} .ox_my_home .o_portal_docs .list-group-item:nth-child(2n) .badge{background: var(--doc-badge-color-2);} .ox_my_home .o_portal_docs .list-group-item:nth-child(3n) .badge{background: var(--doc-badge-color-3);} .ox_my_home .o_portal_docs .list-group-item:nth-child(4n) .badge{background: var(--doc-badge-color-4);} .portal-account-details a{text-transform: initial; color: #344A5A; margin-top: 5px; display: inline-block;} .portal-account-details a span{margin-left: 10px;} .portal-account-details__user >img{display: inline-block; border-radius: 50%; max-height: 35px; margin-right: 10px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));} .portal-account-details__user{display: flex; margin-bottom: 20px; margin-top: 20px; font-weight: bold; color: #344A5A;} .logout-link{position: fixed; bottom: 0; display: inline-block; border-top: 1px solid #F5F5F5; width: 264px; padding-left: 10px; padding-top: 5px; background: white; padding-bottom: 20px;} .logout-link span{color: #344A5A;} .ox_my_home .o_portal_docs .list-group-item.selected a{color: #22BF8E;} #o_my_sidebar{display: none;} .portal-breadcrumb{margin-left: 400px; margin-top: 39px; font-size: 16px; font-weight: bold; white-space: nowrap;} @media (max-width: 767px){.o_portal_my_home{width: 100%;}#o_portal_order_actions{width: 100% !important;}.jSignature{width: 100% !important;}} @media (max-width: 480px){div.portal-header{padding: 23px 0px 0px 70px;}div.portal-header{height: 80px;}div.portal-header h1{font-size: 1.563rem;}div.portal-header svg{width: 35px; height: 35px;}html[data-editable] .o_portal_my_home{top: 200px;}.o_portal_my_home{top: 150px;}} .portal-empty-welcome{text-align: center; margin-top: 30px; position: fixed; bottom: 40px; overflow: auto; top: 261px; left: 400px; right: 40px; background-image: url("/theme_cloudoffix_clients/static/src/assets/img/welcome.svg"); background-repeat: no-repeat; background-size: cover; padding-top: 244px;} .portal-empty-welcome h5{font-size: 30px;} .portal-empty-welcome h6{font-size: 20px;} 

/* /theme_cloudoffix_clients/static/src/assets/less/custom.less defined in bundle 'web.assets_frontend' */
 #theme_customize_modal .modal-dialog{width: 310px;} #theme_customize_modal .modal-content{background: #0C2B54; border-radius: 0;} #theme_customize_modal .modal-content .modal-header{background: rgba(0, 0, 0, 0.38); border: none;} #theme_customize_modal .modal-content .modal-header .close{color: #fff;} #theme_customize_modal .modal-content .modal-header .modal-title{color: #fff; font-size: 14px; font-weight: 600;} #theme_customize_modal .modal-content .modal-body label{color: #fff; cursor: pointer;} #theme_customize_modal .modal-content .modal-body .checked{position: relative; box-shadow: none !important;} #theme_customize_modal .modal-content .modal-body .checked > div{box-shadow: none;} #theme_customize_modal .modal-content .modal-body .checked img{box-shadow: none;} #theme_customize_modal .modal-content .modal-body .checked:after{content: "\f058"; font-family: FontAwesome; position: absolute; top: 0; left: 0; color: #000; background: #fff; width: 20px; height: 20px; border-radius: 50%;} #theme_customize_modal .modal-content .modal-body h5{margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100%; text-align: center; color: #fff; font-weight: 300; display: inline-block; vertical-align: top; background: none;} #theme_customize_modal .modal-content .modal-body table{margin-bottom: 18px;} #theme_customize_modal .modal-content .modal-body table[name="color"] label img{height: 60px;} #theme_customize_modal .modal-content .modal-body table[name="layout"] div{background: transparent;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] td{padding: 5px;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label{width: 100%; height: 50px; float: left; border: 2px solid #fff; margin: 0;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label span{width: 100%; display: inline-block; height: 47px; vertical-align: top;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color1{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color2{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern2.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color3{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern3.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color4{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern4.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color5{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern5.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color6{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern6.png");} 

/* /website_blog/static/src/less/website_blog.less defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .has-error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto!important; height: 250px!important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} 

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

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

/* /co_appbuilder/static/lib/cdoc.css defined in bundle 'web.assets_frontend' */
.cdoc-container{margin-top: 10px; position: fixed; bottom: 40px; overflow: auto; top: 370px; left: 400px; right: 0px;} html[data-editable] .cdoc-container, html[data-translatable] .cdoc-container{top: 370px;} .portal-breadcrumb div.record_pager{position: fixed; right: 45px;} .cdoc-container .fd-arch-tree{margin-right: 100px;} .cdoc-container .fd-arch-tree .fd-arch-tree-table{min-width: 100%;} .ox_custom_doc .portal-empty-welcome{display: none;} .ox_custom_doc .portal-breadcrumb{margin-left: 370px;} @media (max-width: 767px){.ox_custom_doc .o_portal_my_home{display: none;}.cdoc-container{left: 10px;}.ox_custom_doc .portal-breadcrumb{margin-left: -8px;}.ox_custom_doc .logout-link{display: none;}} @media (max-width: 480px){html[data-editable] .cdoc-container{top: 240px;}.cdoc-container{top: 220px;}} 

/* /website_hr_recruitment/static/src/less/s_hr_rating.less defined in bundle 'web.assets_frontend' */
 .s_hr_rating.s_hr_rating_stars .fa:before{content: "\f006";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_5 .fa:nth-of-type( -n + 5):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_4 .fa:nth-of-type( -n + 4):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_3 .fa:nth-of-type( -n + 3):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_2 .fa:nth-of-type( -n + 2):before{content: "\f005";} .s_hr_rating.s_hr_rating_stars.s_hr_rating_1 .fa:nth-of-type( -n + 1):before{content: "\f005";} .s_hr_rating.s_hr_rating_bolts .fa:before{content: "_";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_5 .fa:nth-of-type( -n + 5):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_4 .fa:nth-of-type( -n + 4):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_3 .fa:nth-of-type( -n + 3):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_2 .fa:nth-of-type( -n + 2):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_bolts.s_hr_rating_1 .fa:nth-of-type( -n + 1):before{content: "\f0e7";} .s_hr_rating.s_hr_rating_hearts .fa:before{content: "\f08a";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_5 .fa:nth-of-type( -n + 5):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_4 .fa:nth-of-type( -n + 4):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_3 .fa:nth-of-type( -n + 3):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_2 .fa:nth-of-type( -n + 2):before{content: "\f004";} .s_hr_rating.s_hr_rating_hearts.s_hr_rating_1 .fa:nth-of-type( -n + 1):before{content: "\f004";} .s_hr_rating.s_hr_rating_bar .fa{display: none;} .s_hr_rating.s_hr_rating_bar .s_hr_rating_bar{height: 15px; padding: 1px; background-color: #eeeeee; border-radius: 2px;} .s_hr_rating.s_hr_rating_bar .s_hr_rating_bar:before{content: ""; border-radius: 2px; background-color: #337ab7; display: block; width: 0; height: 100%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_5 .s_hr_rating_bar:before{width: 100%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_4 .s_hr_rating_bar:before{width: 80%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_3 .s_hr_rating_bar:before{width: 60%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_2 .s_hr_rating_bar:before{width: 40%;} .s_hr_rating.s_hr_rating_bar.s_hr_rating_1 .s_hr_rating_bar:before{width: 20%;} 

/* /survey/static/src/css/survey_print.css defined in bundle 'web.assets_frontend' */
@media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /survey/static/src/css/survey_render.css defined in bundle 'web.assets_frontend' */
@media (min-width: 992px){.large-tooltip{max-width: 400px !important;}} 

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

/* /survey/static/src/css/survey_result.css defined in bundle 'web.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /360degree/static/src/css/portal.css defined in bundle 'web.assets_frontend' */
 .edit-control{width: 70% !important; text-align:right; height: 38px !important;} .custom-td-element{padding:0 8px 8px 8px !important; line-height: 0 !important;} 

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

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

/* /website_event/static/src/css/website_event.css defined in bundle 'web.assets_frontend' */
.website_registration_table td{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .attendee_input{width: -webkit-fill-available;} 

/* /co_website_profile/static/src/css/co_website_profile.css defined in bundle 'web.assets_frontend' */
 .o_wprofile_body{background-color: #f7f7fa;} .o_wprofile_gradient{background-image: linear-gradient(120deg, #875A7B, #68465f);} .o_wprofile_pict{width: 100%; height: 100%; padding-top: 30%; background-size: cover; background-position: center;} @media (min-width: 768px){.o_wprofile_pict{padding-top: 70%; border: 1px solid #68465f; border-bottom-width: 0;}} @media (min-width: 768px){.o_wprofile_header:before{content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.3125rem; background: rgba(0, 0, 0, 0.2);}} .o_wprofile_sidebar{border: 1px solid #dee2e6;} @media (min-width: 768px){.o_wprofile_sidebar{border-top-width: 0;}} @media (min-width: 768px){.o_wprofile_nav_tabs{margin-top: -2.3125rem; border-bottom: 0;}.o_wprofile_nav_tabs .nav-link{border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8);}.o_wprofile_nav_tabs .nav-link:hover, .o_wprofile_nav_tabs .nav-link:focus, .o_wprofile_nav_tabs .nav-link.focus{color: white;}.o_wprofile_nav_tabs .nav-link, .o_wprofile_nav_tabs .nav-link:hover{border-color: #875A7B; background: transparent;}.o_wprofile_nav_tabs .nav-link.active{color: #212529; background: #f7f7fa; border-color: #f7f7fa;}} @media (max-width: 575.98px){.o_wprofile_nav_tabs{overflow-x: auto; overflow-y: hidden;}.o_wprofile_nav_tabs li{white-space: nowrap;}} @media (max-width: 767.98px){.o_wprofile_tabs_content{background-color: white; padding: 0 15px;}} @media (max-width: 575.98px){.o_wprofile_tabs_content{margin: 0 -15px;}} .o_wprofile_progress_circle{position: relative;} .o_wprofile_progress_circle svg.o_pc_circular_chart{display: block; max-width: 100%;} .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle_bg, .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle{fill: none; stroke-width: 1.5px; stroke-linecap: round;} .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle_bg{stroke: rgba(0, 0, 0, 0.1);} .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle{animation: progress 1s ease-out forwards;} .o_wprofile_progress_circle svg.o_pc_circular_chart #gradient{--o-pc-color-stop-1: lighten(theme-color('primary'), 10%); --o-pc-color-stop-2: theme-color('primary');} .o_wprofile_progress_circle .o_pc_overlay{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} @keyframes progress{0%{stroke-dasharray: 0 100;}} .o_wprofile_all_users_nav{border-width: 1px 0;} .o_wprofile_all_users_nav, .o_wprofile_all_users_nav .o_wprofile_course_nav_search, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn{background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); border-style: solid;} .o_wprofile_all_users_nav .o_wprofile_course_nav_search, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn{border-width: 0 1px;} @media (min-width: 768px){.o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn{color: white; margin-top: -1px; border-radius: 0; min-height: 35px;}.o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:hover, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:focus, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn.focus{color: #343a40;}.o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:hover{background-color: white;}} @media (max-width: 767.98px){.o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container ~ .o_wprofile_user_profile_sub_nav_mobile_col{padding-left: 0;}.o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn{color: white; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.25);}.o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn:hover, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn:focus, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn.focus{color: white;}} .o_wprofile_all_users_nav .breadcrumb-item.active a, .o_wprofile_all_users_nav .breadcrumb-item a:hover{color: white;} .o_wprofile_all_users_nav .breadcrumb-item a, .o_wprofile_all_users_nav .breadcrumb-item + .breadcrumb-item::before, .o_wprofile_all_users_nav .o_wprofile_course_nav_search input::placeholder{color: rgba(255, 255, 255, 0.8);} .o_wprofile_top3_card_footer div{border-color: #dee2e6; border-style: solid; border-width: 1px 0; margin-top: -1px;} .o_wprofile_top3_card_footer div + div{border-left-width: 1px; margin-left: -1px;} .o_wprofile_pager li.page-item a.page-link{background-color: transparent; border: 0; color: #6c757d; transition-duration: .3s;} .o_wprofile_pager li.page-item a.page-link:hover{color: #00A09D;} .o_wprofile_pager li.page-item.active a.page-link{color: #FFFFFF;} .o_wprofile_pager li.page-item.o_wprofile_pager_arrow a{color: #00A09D;} .o_wprofile_pager li.page-item.o_wprofile_pager_arrow a:hover{transform: scaleX(1.5) scaleY(1.5);} .o_wprofile_pager li.page-item.o_wprofile_pager_arrow.disabled a{color: #6c757d;} .o_wprofile_pager li.page-item .page-link:focus{box-shadow: 0 0 0 0;} .country_flag{display: inline-block; margin-left: 2px; max-height: 13px; width: auto !important;} .o_wprofile_pointer{cursor: pointer;} 

/* /co_website_slide/static/src/scss/co_website_slide.scss.css defined in bundle 'web.assets_frontend' */
.embed-responsive{height: initial;} .o_wslides_fs_pdf_viewer{background: #404040;} .pdf-toolbar{background: #3c3c3c; border-bottom: 1px solid #1a1a1a; height: 48px; flex-shrink: 0; gap: 4px; color: #e0e0e0; font-size: 13px; user-select: none; -webkit-user-select: none; z-index: 10;} .pdf-toolbar-section{display: flex; align-items: center; gap: 2px;} .pdf-toolbar-center{flex: 1; justify-content: center;} .pdf-toolbar-right{margin-left: auto;} .pdf-toolbar-btn{background: transparent; border: none; color: #e0e0e0; width: 32px; height: 32px; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: background 0.15s ease; padding: 0; text-decoration: none;} .pdf-toolbar-btn:hover{background: rgba(255, 255, 255, 0.15); color: #fff;} .pdf-toolbar-btn:active{background: rgba(255, 255, 255, 0.25);} .pdf-toolbar-btn.disabled, .pdf-toolbar-btn:disabled{opacity: 0.35; cursor: not-allowed;} .pdf-zoom-label{width: auto; min-width: 56px; padding: 0 8px; font-size: 13px; font-weight: 500; letter-spacing: 0.3px;} .pdf-page-input-group{color: #e0e0e0; font-size: 13px;} .pdf-page-input{background: #525252; border: 1px solid #686868; border-radius: 3px; color: #fff; font-size: 13px; text-align: center; width: 44px; height: 28px; padding: 2px 4px; outline: none; -moz-appearance: textfield;} .pdf-page-input::-webkit-outer-spin-button, .pdf-page-input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} .pdf-page-input:focus{border-color: #80bdff; background: #404040;} .pdf-page-sep{color: #aaa;} .pdf-page-total{color: #ccc; min-width: 24px;} .pdf-scroll-container{overflow-y: auto; overflow-x: auto; background: #404040; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; scroll-behavior: smooth;} .pdf-page-wrapper{width: 100%; display: flex; justify-content: center; margin-bottom: 16px;} .pdf-page-canvas{display: block; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6); background: #fff; max-width: 100%;} .pdf-loader{display: flex; align-items: center; justify-content: center; padding: 48px 16px; color: #ccc; font-size: 15px;} .pdf-loader-inner{display: flex; align-items: center; gap: 10px;} .pdf-scroll-container::-webkit-scrollbar{width: 10px; height: 10px;} .pdf-scroll-container::-webkit-scrollbar-track{background: #2b2b2b;} .pdf-scroll-container::-webkit-scrollbar-thumb{background: #686868; border-radius: 5px;} .pdf-scroll-container::-webkit-scrollbar-thumb:hover{background: #888;} .pdf-progress-wrap{gap: 6px;} .pdf-progress-bar-track{width: 120px; height: 6px; background: rgba(255, 255, 255, 0.15); border-radius: 3px; overflow: hidden; flex-shrink: 0;} .pdf-progress-bar-fill{height: 100%; background: linear-gradient(90deg, #00A09D, #00c8c4); border-radius: 3px; transition: width 0.4s ease;} .pdf-progress-label{font-size: 12px; color: #b0b0b0; min-width: 34px; text-align: right;} .pdf-completed-badge{font-size: 12px; font-weight: 600; color: #00c8a0; display: flex; align-items: center; gap: 4px; white-space: nowrap;} .pdf-completed-badge .fa{font-size: 14px;} .o_wslides_gradient{background-image: linear-gradient(120deg, #7244bd, #d0a3c4);} .o_wslides_course_pict{width: 100%; height: 100%; object-fit: cover;} @media (min-width: 768px){.o_wslides_course_pict{border: 1px solid #68465f; border-bottom-width: 0;}} .o_wslides_body{background-color: #f7f7fa;} .o_wslides_body .o_wslides_home_nav{top: -40px; display: none;} @media (min-width: 992px){.o_wslides_body .o_wslides_home_nav{font-size: 1rem;}.o_wslides_body .o_wslides_home_nav .o_wslides_nav_navbar_right{padding-left: 1rem; margin-left: auto; border-left: 1px solid #dee2e6;}} .o_wslides_body .o_wslides_js_slide_like_up:not(.disabled), .o_wslides_body .o_wslides_js_slide_like_down:not(.disabled){cursor: pointer; color: #00A09D;} .o_wslides_body .o_wslides_js_lesson_quiz_question .list-group-item{font-size: 1rem;} .o_wslides_body .o_wslides_js_lesson_quiz_question .list-group-item input:checked + i.fa-circle{color: #00A09D !important;} .o_wslides_body .o_wslides_js_lesson_quiz_question.disabled{opacity: 0.5; pointer-events: none;} .o_wslides_body .o_wslides_js_lesson_quiz_question.completed-disabled{pointer-events: none;} .o_wslides_body .text_small_caps{font-variant: small-caps;} .o_wslides_body .o_wslides_entry_muted{opacity: 0.5;} .o_wslides_body hr{min-height: 1px;} .o_wslides_body .o_wslides_desc_truncate_2{max-height: 3.8em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .o_wslides_body .o_wslides_desc_truncate_3{max-height: 3.9em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .o_wslides_body .o_wslides_desc_truncate_10{max-height: 13em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10;} @media (min-width: 992px){.o_wslides_home_main .o_wslides_home_aside_loggedin{background: none; border: none;}} .o_wslides_home_main .o_wprofile_progress_circle{margin-left: auto; margin-right: auto; max-width: 200px;} .o_wslides_course_card.o_wslides_course_unpublished{opacity: 0.5;} .o_wslides_course_sidebar{border: 1px solid #dee2e6;} @media (min-width: 768px){.o_wslides_course_sidebar{border-top-width: 0;}} .o_wslides_course_nav{top: 0; left: 0; bottom: auto; right: 0; border-width: 1px 0;} .o_wslides_course_nav, .o_wslides_course_nav .o_wslides_course_nav_search{background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); border-style: solid;} .o_wslides_course_nav .o_wslides_course_nav_search{border-width: 0 1px;} .o_wslides_course_nav .breadcrumb-item.active a, .o_wslides_course_nav .breadcrumb-item a:hover{color: white;} .o_wslides_course_nav .breadcrumb-item a, .o_wslides_course_nav .breadcrumb-item + .breadcrumb-item::before, .o_wslides_course_nav .o_wslides_course_nav_search input::placeholder{color: rgba(255, 255, 255, 0.8);} @media (min-width: 768px){.o_wslides_course_header:before{content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.3125rem; background: rgba(0, 0, 0, 0.2);}} .o_wslides_course_doc_header:before{content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.3125rem; background: rgba(0, 0, 0, 0.2);} @media (min-width: 768px){.o_wslides_course_main .o_wslides_nav_tabs{margin-top: -2.2625rem; border-bottom: 0;}.o_wslides_course_main .o_wslides_nav_tabs .nav-link{border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8);}.o_wslides_course_main .o_wslides_nav_tabs .nav-link:hover, .o_wslides_course_main .o_wslides_nav_tabs .nav-link:focus, .o_wslides_course_main .o_wslides_nav_tabs .nav-link.focus{color: white;}.o_wslides_course_main .o_wslides_nav_tabs .nav-link, .o_wslides_course_main .o_wslides_nav_tabs .nav-link:hover{border-color: #875A7B; background: transparent;}.o_wslides_course_main .o_wslides_nav_tabs .nav-link.active{color: #212529; background: #f7f7fa !important; border-color: #f7f7fa;}o_wslides_course_main .o_wslides_nav_tabs .nav-item.active{color: #212529; background: #f7f7fa !important; border-color: #f7f7fa;}} @media (max-width: 575.98px){.o_wslides_course_main .o_wslides_nav_tabs{overflow-x: auto; overflow-y: hidden; line-height: 1.51;}.o_wslides_course_main .o_wslides_nav_tabs li{white-space: nowrap;}} .o_wslides_course_main .o_wslides_doc_nav_tabs{margin-top: -2.2625rem; border-bottom: 0;} .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link{border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8);} .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:hover, .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:focus, .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link.focus{color: white;} .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link, .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:hover{border-color: #875A7B; background: transparent;} .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link.active{color: #212529; background: #f8f9fa; border-color: #f8f9fa;} .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-item.active{color: #212529; background: #f8f9fa; border-color: #f8f9fa;} @media (max-width: 767.98px){.o_wslides_course_main .o_wslides_tabs_content{background-color: white; padding: 0 15px;}} @media (max-width: 575.98px){.o_wslides_course_main .o_wslides_tabs_content{margin: 0 -15px;}} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header{z-index: 1;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header + ul{z-index: 0;} .o_wslides_course_main .o_wslides_slides_list .o_text_link{text-decoration: none !important;} .o_wslides_course_main .o_wslides_slides_list .o_text_link > *{text-decoration: none !important; color: #6c757d;} .o_wslides_course_main .o_wslides_slides_list .o_text_link:hover > *{color: inherit;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag{cursor: pointer;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag i{opacity: 0.4;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag:hover i{opacity: 1;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header, .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide{border: 1px solid #dee2e6;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide a{text-decoration: none;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide .badge-hide{display: none;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide:hover .badge-hide{display: block;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight{background-color: #1252F3; height: 1px; z-index: 3;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:before, .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:after{content: ""; width: 6px; height: 6px; display: block; border-radius: 100%; background-color: inherit; position: absolute; top: -2px; left: auto; bottom: auto; right: -2px;} .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:after{right: auto; left: -2px;} .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_collapse.collapsed{transform: rotate(90deg);} @media (min-width: 992px){.o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list{top: -58px;}} .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link{color: #6c757d;} .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link .o_wslides_lesson_link_name{line-height: 1.2;} .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link.active{box-shadow: inset 2px 0 #00A09D;} .o_wslides_lesson_main .o_wslides_lesson_content .o_wslides_lesson_nav .nav-link{background-color: transparent; border: 0; border-bottom: 1px solid #dee2e6; color: #6c757d;} .o_wslides_lesson_main .o_wslides_lesson_content .o_wslides_lesson_nav .nav-link.active{border-bottom: 1px solid #28a745; color: #343a40;} .o_wslides_lesson_main .o_wslides_lesson_content .o_wslides_lesson_nav .nav-item.active{border-bottom: 1px solid #28a745; color: #343a40;} @media (min-width: 576px){.o_wslides_quiz_modal .modal-body{overflow: visible !important;}.o_wslides_quiz_modal .modal-content{height: 461px;}.o_wslides_quiz_modal .modal-content .o_wslides_quiz_modal_hero{margin-left: -30px; position: absolute; margin-top: -45px;}} #PDFViewer.o_wslides_fs_pdf_viewer{background-image: linear-gradient(120deg, #1f262d, #101216);} #PDFViewer.o_wslides_fs_pdf_viewer #PDFViewerNav{background-image: linear-gradient(120deg, #47525f, #1f262d);} #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a{color: rgba(255, 255, 255, 0.7);} #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.focus{color: white;} #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled{color: rgba(255, 255, 255, 0.2); cursor: default;} #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled.focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled.focus{color: rgba(255, 255, 255, 0.2);} #PDFViewer.o_wslides_fs_pdf_viewer .oe_slide_embed_option{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .oe_slides_share_bar{padding: 10px 0;} .oe_show_footer{z-index: 2147483647;} .o_wslides_course_header{padding-top: 110px;padding-bottom: 0;} .o_wslides_content_actions{display: none;} .o_wslides_js_course_join button{width: 100%; background: #f7f7f7;} .o_wslides_lesson_header{padding-top: 110px; padding-bottom: 0px;} .o_wslides_public_header{color: white;} .o_wslides_public_header *{color: white;} .o_wslides_quiz_answer .fa-circle:before{content: "\f10c";} .o_wslides_quiz_answer input:checked + i.fa-circle:before{content: "\f111";} .o_wslides_lesson_header_sub{min-height: 100px;} .all_courses_header{padding-bottom: 0;} .o_wslides_wrap_all .o_wslides_home_main{margin-top: 10px;} .o_wslides_wrap_all .header h1{color:white;} .elearning-navbar{position: static;} .o_wslides_channel_tag.o_tag_color_0, .o_wslides_channel_tag.o_tag_color_0::after{color: black; background-color: white; box-shadow: inset 0 0 0 1px #777777;} .o_wslides_channel_tag.o_tag_color_1, .o_wslides_channel_tag.o_tag_color_1::after{background-color: #F06050;} .o_wslides_channel_tag.o_tag_color_2, .o_wslides_channel_tag.o_tag_color_2::after{background-color: #F4A460;} .o_wslides_channel_tag.o_tag_color_3, .o_wslides_channel_tag.o_tag_color_3::after{background-color: #F7CD1F;} .o_wslides_channel_tag.o_tag_color_4, .o_wslides_channel_tag.o_tag_color_4::after{background-color: #6cc1ed;} .o_wslides_channel_tag.o_tag_color_5, .o_wslides_channel_tag.o_tag_color_5::after{background-color: #814968;} .o_wslides_channel_tag.o_tag_color_6, .o_wslides_channel_tag.o_tag_color_6::after{background-color: #EB7E7F;} .o_wslides_channel_tag.o_tag_color_7, .o_wslides_channel_tag.o_tag_color_7::after{background-color: #2C8397;} .o_wslides_channel_tag.o_tag_color_8, .o_wslides_channel_tag.o_tag_color_8::after{background-color: #475577;} .o_wslides_channel_tag.o_tag_color_9, .o_wslides_channel_tag.o_tag_color_9::after{background-color: #D6145F;} .o_wslides_channel_tag.o_tag_color_10, .o_wslides_channel_tag.o_tag_color_10::after{background-color: #30C381;} .o_wslides_channel_tag.o_tag_color_11, .o_wslides_channel_tag.o_tag_color_11::after{background-color: #9365B8;} 

/* /co_website_slide/static/src/scss/website_slides_profile.scss.css defined in bundle 'web.assets_frontend' */
 .o_wprofile_slides_course_card_body{cursor: pointer;} 

/* /co_website_slide/static/src/scss/slides_slide_fullscreen.scss.css defined in bundle 'web.assets_frontend' */
 .o_wslides_fs_main{position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1030; background-image: linear-gradient(120deg, #1f262d, #101216);} .o_wslides_fs_main .o_wslides_slide_fs_header{background-image: linear-gradient(-6deg, #47525f, #1f262d); height: 50px;} .o_wslides_fs_main .o_wslides_slide_fs_header > div > a{background-color: rgba(16, 18, 22, 0.5); color: rgba(255, 255, 255, 0.8); text-decoration: none !important;} .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:hover, .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:focus, .o_wslides_fs_main .o_wslides_slide_fs_header > div > a.focus{color: white;} .o_wslides_fs_main .o_wslides_slide_fs_header > div > a + a{margin-left: 1px;} .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:hover{background-color: rgba(16, 18, 22, 0.2);} .o_wslides_fs_main .o_wslides_slide_fs_header > div > a.active{background-color: #47525f; color: #fff;} .o_wslides_fs_main .o_wslides_fs_player, .o_wslides_fs_main .o_wslides_fs_sidebar, .o_wslides_fs_main .o_wslides_fs_sidebar_content{transition: all .2s ease-in;} .o_wslides_fs_main .o_wslides_fs_sidebar{background-image: linear-gradient(160deg, #47525f, #1f262d); position: relative; z-index: 1030;} .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_content{min-width: 300px;} .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_toggle_sidebar{position: absolute; top: 0; left: 100%; bottom: 0; right: auto; width: 700px; background: rgba(0, 0, 0, 0.2);} @media (max-width: 991.98px){.o_wslides_fs_main .o_wslides_fs_sidebar{position: absolute; top: 0; left: 0; bottom: 0; right: auto; box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);}.o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden{display: none;}} @media (min-width: 768px){.o_wslides_fs_main .o_wslides_fs_sidebar{width: 300px;}.o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden{width: 0;}.o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden .o_wslides_fs_sidebar_content{transform: translateX(-100%);}} .o_wslides_fs_main .o_wslides_fs_sidebar a{text-decoration: none !important; color: rgba(255, 255, 255, 0.8);} .o_wslides_fs_main .o_wslides_fs_sidebar a:hover, .o_wslides_fs_main .o_wslides_fs_sidebar a:focus, .o_wslides_fs_main .o_wslides_fs_sidebar a.focus{color: white;} .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section{background-color: rgba(16, 18, 22, 0.3); margin-bottom: 1px;} .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li{color: rgba(255, 255, 255, 0.8); line-height: 1.3;} .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active{box-shadow: inset 2px 0 0 #00A09D; background-color: rgba(16, 18, 22, 0.5);} .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active, .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active a{color: white;} .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_fs_slide_name{line-height: 1;} .o_wslides_fs_main .o_wslides_js_lesson_quiz_question .list-group-item{font-size: 1rem;} .o_wslides_fs_main .o_wslides_js_lesson_quiz_question .list-group-item input:checked + i.fa-circle{color: #00A09D !important;} .o_wslides_fs_main .o_wslides_js_lesson_quiz_question.disabled{opacity: 0.5; pointer-events: none;} .o_wslides_fs_main .o_wslides_js_lesson_quiz_question.completed-disabled{pointer-events: none;} .modal-open > .modal-backdrop{z-index: 999;} 

/* /co_base_customizations2/static/src/css/attachment_share.css defined in bundle 'web.assets_frontend' */
.fancy-download-btn{position: absolute; top: 0px; right: 0px; background: transparent; color: #fff; border: none; text-decoration: none; box-shadow: none; transition: all 0.3s ease; text-align: center; display: inline-block; cursor: pointer; width: auto; height: auto;} .fancy-download-btn:hover{transform: scale(1.1);} .fancy-download-btn i{font-size: 20px;} .mfp-content video{width: 100%; max-width: 85%; max-height: 85%; border: none;} .mfp-content{text-align:center !important;} .mfp-iframe-scaler{width: 98% !important; overflow: hidden; padding-top: 48% !important; position: fixed; top: 1%; left: 1%; z-index: 9999; overflow: hidden; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); border-radius: 10px; background: white;} .mfp-iframe{width: 100%; height: 100%; border: none;} 

/* /co_calendar_appointment_schedule/static/src/css/meeting_schedule_type.css defined in bundle 'web.assets_frontend' */
.meeting-schedule:hover{box-shadow: 1px 1px 3px #808080; transition-duration: .1s;} .tag-container{border: 1px solid #ebeff4; border-radius: 5px; padding: 5px; min-height: 85px; font-size: 16px; line-height: 20px; overflow: hidden; white-space: normal;} .tag-container input{border: none; outline: none; width: 100%; font-size: 16px; line-height: 20px;} .tag{display: inline-block; background-color: #eee; color: #333; padding: 5px 25px 5px 5px; border-radius: 5px; margin-right: 5px; margin-bottom: 5px; font-size: 16px; position: relative;} .tag .tag-close-btn{position: absolute; top: 7px; right: 6px; cursor: pointer;} .tag.invalid{background-color: #f8d7da; color: #721c24;} .tag.invalid .tag-close-btn{display: none;} .guest_email_btn{border-color: var(--primary-color,rgb(0,105,255)); color: var(--primary-color,rgb(0,105,255)) !important; border-radius: 25px; padding: 3px 13px 1px !important;} 

/* /co_calendar_appointment_schedule/static/src/css/website_calendar.css defined in bundle 'web.assets_frontend' */
.o_calendar_days{font-size: 16px; height: 40px;} .navbar-dark .nav-navbar > .nav-item > .nav-link, .navbar-dark .nav-navbar > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-link{color: rgba(117, 117, 117, 0.8)} .o_day > div{cursor: pointer; position: relative; display: block; width: 44px; height: 44px; margin-right: auto; margin-left: auto; padding: 1px 0 0; border: 1px solid transparent; border-radius: 50%; color: rgba(26, 26, 26, 0.61); font-size: 16px; text-align: center; background-color: rgba(193, 233, 255, 0.5); font-weight: 600;} .o_mute_day{opacity: 0.5} .selected-day > div{background-color: #2196F3; color: white !important;} .o_day:not(.selected-day) > div:hover{background-color: rgba(193, 233, 255);} .selected-slot{color: white !important;} td > div{padding-top: inherit !important;} .o_today > div{width: 44px; height: 44px; margin-right: auto; margin-left: auto; position: relative;} .o_today > div:after{content: ''; position: absolute; top: calc(50% + 0.6em); left: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: #6691CC;} .disabled-cal *{cursor: not-allowed; opacity: 0.85; -webkit-box-shadow: none; pointer-events: none;} .disabled-cal *:after{cursor: not-allowed; opacity: 0.85; -webkit-box-shadow: none; pointer-events: none;} #co_calendar_meeting_types{} #co_calendar_meeting_types #slot_table{} @media (max-width: 767px){#co_calendar_meeting_types #slot_table{width: 100% !important; max-width: 100%; min-width: unset !important; table-layout: fixed; border-collapse: collapse; margin: 0;}#co_calendar_meeting_types #slot_table td, #co_calendar_meeting_types #slot_table th{padding: 6px 2px !important; text-align: center; vertical-align: middle; box-sizing: border-box;}#co_calendar_meeting_types #slot_table .month_name{font-size: clamp(14px, 4vw, 18px) !important; font-weight: 600; padding: 8px !important;}#co_calendar_meeting_types #slot_table #prev_month, #co_calendar_meeting_types #slot_table #next_month{padding: 4px 8px !important; font-size: clamp(12px, 3vw, 14px) !important; width: 31px !important;; height: 31px !important;;}#co_calendar_meeting_types #slot_table .active th{font-size: clamp(10px, 2.5vw, 12px) !important; font-weight: 600; padding: 6px 2px !important; background-color: #f8f9fa;}#co_calendar_meeting_types #slot_table td{height: 35px !important; width: 14.28% !important; position: relative; text-align: center !important; vertical-align: middle !important;}#co_calendar_meeting_types #slot_table td *{text-align: center !important;}#co_calendar_meeting_types #slot_table #day_container{height: 35px !important; width: 100% !important; display: table-cell !important; vertical-align: middle !important; text-align: center !important; padding: 0 !important; margin: 0 !important;}#co_calendar_meeting_types #slot_table #day_container div{font-size: clamp(11px, 2.8vw, 14px) !important; line-height: 1.2; margin: 0 !important; padding: 0 !important; display: inline-block !important; width: auto !important; height: auto !important; text-align: center;}#co_calendar_meeting_types #slot_table .o_day div strong span{font-size: clamp(12px, 3vw, 15px) !important; font-weight: 600; display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; text-align: center !important;}#co_calendar_meeting_types #slot_table .o_day div{font-size: clamp(12px, 3vw, 15px) !important; font-weight: 600; display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; text-align: center !important; padding-bottom: 5px;}#co_calendar_meeting_types #slot_table .o_mute_day{color: #6c757d !important; font-size: clamp(10px, 2.5vw, 12px) !important;}#co_calendar_meeting_types #slot_table .o_today div strong span{color: white !important;}#co_calendar_meeting_types #slot_table .o_calendar_days{height: 35px !important;}#co_calendar_meeting_types #slot_table tr{display: table-row !important;}#co_calendar_meeting_types #slot_table tbody tr td{display: table-cell !important; vertical-align: middle !important;}#co_calendar_meeting_types #slot_table thead th{text-align: center !important; padding: 8px 2px !important; font-weight: 600 !important;}} #co_calendar_meeting_types #slot_table #next_month{background: #e0f4ff; border: none; border-radius: 50%; width: 36px; height: 36px; color: #2196F3;} #co_calendar_meeting_types #slot_table #next_month:hover{background: #2196F3; color: #fff;} #co_calendar_meeting_types #slot_table #prev_month{background: #e0f4ff; border: none; border-radius: 50%; width: 36px; height: 36px; color: #2196F3;} #co_calendar_meeting_types #slot_table #prev_month:hover{background: #2196F3; color: #fff;} #co_calendar_meeting_types{padding-top: 80px; margin: 0 auto; width: 100%; display: flex; justify-content: center;} #slot_container >a.available-slot span{width: 100%; border: 1px solid #2197f4; border-radius: 5px; text-align: center; font-weight: bold; color: #2197f4; cursor: pointer; display: inline-block; height: 100%; padding-top: 6px; transition: width 0.2s ease-in-out;} #slot_container{width: 250px; margin-left: 20px; overflow: auto; height: 100%; display: inline-block; vertical-align: top; padding-right: 20px; max-height: 475px;} #slot_container >a.available-slot{height: 44px; display: flex; margin-bottom: 10px; justify-content: space-between;} #slot_container >a.available-slot button{width: 0px; border: none; padding: 0; overflow: hidden; background: #2197f4; border-radius: 5px; font-weight: bold; transition: width 0.2s ease-in-out;} #slot_container >a.available-slot span:hover{background: #2197f4; color: #fff;} #slot_container >a.available-slot.selected-slot span{background: #757575; color: #fff; border: 1px solid #757575; width: calc(50% - 2px);} #slot_container >a.available-slot.selected-slot button{width: calc(50% - 2px);} .timezone-control >label{color: black;} .co_calendar_meeting_widget{box-shadow: 0px 0px 4px 1px #00000024; background: white; position: relative; overflow: hidden; transition: all 1s; width: 100%; max-width: max-content;} .co_calendar_meeting_widget_content{justify-content: space-between; padding: 20px; position: relative; height: 100%; overflow: hidden;} .timezone-control{bottom: 40px; left: 40px; width: 300px; display: inline-block;} .appointment-info{padding-top: 20px; padding-left: 20px; width: 300px; display: inline-block; vertical-align: top;} .appointment-info h3{font-size: 16px; font-weight: bold;} .timezone-control a{background-image: none !important;} .timezone-control .form-control.select2-container{border: none;} .timezone-control a.select2-choice > span.select2-arrow{display: none;} .timezone-control .form-control .select2-choice{padding-left: 0px; width: auto; display: inline-block;} .timezone-control .select2-container .select2-choice > .select2-chosen{display: inline-block;} .timezone-control .select2-container .select2-choice > .select2-chosen:after{content: "\203A"; font-size: 14px; font-weight: bold; transform: rotate(90deg); display: inline-block; margin-left: 7px;} .appointment-info h6 i{margin-right: 10px;} .appointment-cal{display: inline-block; vertical-align: top;} .appointment .logo-img{margin-bottom: 0; max-height: 100px;} .appointment .iconbox-outline{border: 1px solid #757575;} .appointment .iconbox-outline > *{color: #757575;} @media (min-width: 1200px){.appointment .container{max-width: 1440px;}} @media (max-width: 992px){.appointment-info{display: block; padding-top: 0; padding-left: 0; width: 100%; margin-bottom: 20px;}.co_calendar_meeting_widget{overflow-x: auto; overflow-y: hidden; width: 100%; padding-bottom: 10px;}.calendar-app-form-container{flex-direction: column; width: 100% !important; overflow: visible; padding: 15px;}.calendar-app-form-container form{width: 100%; padding-right: 0; margin-bottom: 20px;}.tag-container{width: 100% !important; max-width: 100%; box-sizing: border-box;}.co_calendar_meeting_widget::-webkit-scrollbar{height: 6px;}.co_calendar_meeting_widget::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 3px;}.co_calendar_meeting_widget::-webkit-scrollbar-thumb{background: #c1c1c1; border-radius: 3px;}.co_calendar_meeting_widget::-webkit-scrollbar-thumb:hover{background: #a1a1a1;}.calendar-app-form-container input, .calendar-app-form-container textarea, .calendar-app-form-container select, .calendar-app-form-container .form-control{width: 100% !important; max-width: 100%; box-sizing: border-box;}} @media (max-width: 767px){.appointment-cal{display: block;}.appointment-info{padding-left: 0; padding-right: 0;}.co_calendar_meeting_widget{overflow-x: auto; overflow-y: hidden; width: 100%; padding-bottom: 10px; margin: 0; padding: 0;}.calendar-app-form-container{flex-direction: column; width: 100% !important; overflow: visible; padding: 10px;}.calendar-app-form-container form{width: 100%; padding-right: 0;}.calendar-app-form-container .form-group{margin-bottom: 15px;}.calendar-app-form-container .form-group label{font-size: 14px; margin-bottom: 5px;}.tag-container{width: 100% !important; max-width: 100%; box-sizing: border-box;}#slot_container{width: 100%; margin: 0; padding: 0;}.co_calendar_meeting_widget::-webkit-scrollbar{height: 6px;}.co_calendar_meeting_widget::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 3px;}.co_calendar_meeting_widget::-webkit-scrollbar-thumb{background: #c1c1c1; border-radius: 3px;}.co_calendar_meeting_widget::-webkit-scrollbar-thumb:hover{background: #a1a1a1;}.calendar-app-form-container input, .calendar-app-form-container textarea, .calendar-app-form-container select, .calendar-app-form-container .form-control{width: 100% !important; max-width: 100% !important; min-height: 44px; padding: 10px 12px; font-size: 16px; box-sizing: border-box; border-radius: 5px;}.tag-container input{width: 100% !important; max-width: 100% !important;}.co_calendar_meeting_widget_content{padding: 10px;}} @media (max-width: 375px){.calendar-app-form-container{padding: 8px;}.co_calendar_meeting_widget{margin: 0; padding: 0;}.calendar-app-form-container form{padding-right: 0;}.appointment-info h3{font-size: 18px;}.appointment-info h6{font-size: 14px;}} #co_calendar_meeting_types_form{padding-top: 80px; margin: 0 auto; width: 100%; max-width: 100%; display: flex; justify-content: center; padding-left: 15px; padding-right: 15px;} .calendar-app-form-container{display: flex; justify-content: center; padding: 20px; position: relative; height: 100%; overflow: hidden; width: 100%; max-width: 1036px; margin: 0 auto;} .calendar-app-form-container form{width: 100%; max-width: 650px; padding-right: 20px; display: block;} .calendar-app-form-container form .form-group input{border-radius: 5px;} .calendar-app-form-container form .form-group input.invalid{color: red;} .format-container{display: inline-block;} format-container > *{vertical-align: middle;} .toggle-switch{position: relative; display: inline-block; width: 35px; height: 34px;} .toggle-switch input[type="checkbox"]{display: none;} .slider{position: absolute; top: 15px; left: 0px; right: 0px; bottom: 0; background-color: #ccc; border-radius: 34px; transition: 0.4s;} .slider:before{position: absolute; content: ""; height: 15px; width: 15px; left: 2px; bottom: 2px; background-color: white; border-radius: 50%; transition: 0.4s;} input[type="checkbox"]:checked + .slider{background-color: #ccc;} input[type="checkbox"]:checked + .slider:before{transform: translateX(16px);} .format-label{font-size: 14px; color: #444;} input[type="checkbox"]:checked ~ #format-label{color: #2ecc71;} 

/* /saas_tools_backend/static/src/css/_cw.css defined in bundle 'web.assets_frontend' */
nav#oe_main_menu_navbar{background: #F8F8F8; color:black;} .o_main_navbar > ul > li > a{color: #344A5A;} .fa-app-drawer:before{content: "\f34e";} #oe_main_menu_navbar{font-family: sans-serif;} #oe_main_menu_navbar i.fa.fa-app-drawer{font-size: 21px; margin-right: 10px;} #web_editor-top-edit form.navbar-form .btn.btn-primary{background-color: transparent !important;} #web_editor-top-edit a.note-custom-color-picker{display: inline-block; border-radius: 5px; padding: 0; cursor: pointer; font-size: 22px;} body .modal.o_technical_modal .note-color-picker-dlg input.form-control{height: 40px;} .note-color-picker-dlg.modal-body input{width: 100%; border: 0px; font-size: 20px; font-family: monospace; border: 1px solid silver; margin-bottom: 10px;} .note-color-recent{padding: 9px 0px; width: 165px; white-space: normal;} .note-color-recent>button{border: 1px solid black !important;} .note-custom-colors{margin-top: 10px;} div.note-color .btn-group.open .btn-group{vertical-align: top !important;} .note-color-recent>button{} span.oe_surve_html_choice>p, th.oe_surve_html_choice>span{display: inline; word-break: break-word;} h5.oe_survey_question{display: flex;} div.js_question-wrapper input[type="radio"],div.js_question-wrapper input[type="checkbox"]{width: 16px; height: 16px; position: relative; top: 2px;} .js_surveyresult2{padding-top: 150px;} .js_surveyresult2 .only_left_radius, .js_surveyresult2 .only_right_radius, .js_surveyresult2 .no_radius{display: inline-block; vertical-align: middle; max-width: 250px; overflow: hidden; text-overflow: ellipsis;} .js_surveyresult2 .label-survey{color: black; font-weight: 200; font-size: 14px;} .js_surveyresult2 span.survey-filter-group{white-space: nowrap; display: inline-block;} span.survey-question{font-size: 15px;} h4.survey-page{background: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; padding: 3px 10px;} .js_surveyresult2 .pagination li:first-child a, .js_surveyresult2 .pagination li:last-child a{background: transparent !important;} span.survey-question-index{font-size: 15px;} span.survey-question-index:after{content: ".";} .js_surveyresult2 .panel-body{overflow: hidden;} .survey-number-summary{text-align: right;} span.clear_survey_filter{margin-left: 10px; position: relative;} body#web_editor_inside_iframe #web_editor-top-edit *{color: #344a5a;} body#web_editor_inside_iframe #web_editor-top-edit{background-color: #f8f8f8;} body#web_editor_inside_iframe .note-popover .popover{background-color: #f8f8f8;} body#web_editor_inside_iframe .note-popover .popover .popover-content .btn > .fa{color: #344a5a;} body#web_editor_inside_iframe .note-popover .popover .popover-content .btn{background-color: #f8f8f8; color: #344a5a;} body#web_editor_inside_iframe .note-popover .popover .popover-content .btn.active{box-shadow: none;} body#web_editor_inside_iframe .note-popover .popover .popover-content .dropdown-menu{background-color: #f8f8f8;} body#web_editor_inside_iframe .note-popover .popover .popover-content .dropdown-menu > li > a:hover{background-color: #f8f8f8;} body#web_editor_inside_iframe .dropdown-menu > .active > a, body#web_editor_inside_iframe .dropdown-menu > .active > a:hover, body#web_editor_inside_iframe .dropdown-menu > .active > a:focus{background-color: #f8f8f8; font-weight: bold;} 

/* /co_website_survey/static/src/css/co_website_survey.css defined in bundle 'web.assets_frontend' */
.survey_label_description{height: 150px; overflow: hidden; padding: 5px;} .col-md-12 .survey_label_description{height: auto; overflow: auto; padding: 5px;} 

/* /co_website_survey/static/src/css/survey_countdown_timer.css defined in bundle 'web.assets_frontend' */
.page-header{padding-bottom: 9px; margin: 80px 0 40px; border-bottom: 0;} .survey-timer-style{width: 100%; font-family: sans-serif; font-weight: bold; border-style: groove;} .survey-timer-colorDefinition{background: whitesmoke; color: red; border-color: silver;} .survey-timer-size{font-size:40px; border-width: 1px; border-radius: 10px;} 

/* /co_recruitment_agency/static/src/css/agency_website.css defined in bundle 'web.assets_frontend' */
 :root{--ra-ink: #172331; --ra-muted: #5a6a7d; --ra-line: #dce5ea; --ra-paper: #f5f8f7; --ra-white: #ffffff; --ra-primary: #0f8b8d; --ra-primary-dark: #0a6f72; --ra-primary-light: #7fd1d2; --ra-primary-rgb: 15, 139, 141; --ra-warm: #d48b3a; --ra-green: #2f9e6d; --ra-shadow: 0 18px 45px rgba(23, 35, 49, 0.14);} .o_agency_site{color: var(--ra-ink); background: var(--ra-paper); font-size: 16px; line-height: 1.55;} .o_agency_site *{box-sizing: border-box;} .ra-container{width: min(1160px, calc(100% - 40px)); margin: 0 auto;} .ra-hero{position: relative; min-height: 690px; display: flex; align-items: stretch; overflow: hidden; background-color: #172331; background-position: center right; background-size: cover; background-repeat: no-repeat;} .ra-hero::after{content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(23, 35, 49, 0.94) 0%, rgba(23, 35, 49, 0.82) 38%, rgba(23, 35, 49, 0.32) 72%, rgba(23, 35, 49, 0.18) 100%);} .ra-hero-inner{position: relative; z-index: 1; display: flex; align-items: center; padding: 92px 0 128px;} .ra-hero-copy{max-width: 650px; color: #ffffff;} .ra-eyebrow{display: inline-flex; align-items: center; gap: 9px; margin: 0 0 18px; color: #8ee2d4; font-weight: 700; font-size: 13px; letter-spacing: 0; text-transform: uppercase;} .ra-eyebrow:before{content: ""; width: 34px; height: 2px; background: #8ee2d4;} .ra-hero h1{margin: 0; max-width: 650px; color: #ffffff; font-size: clamp(42px, 5vw, 72px); line-height: 1.02; letter-spacing: 0; font-weight: 800;} .ra-hero-lead{margin: 24px 0 0; max-width: 610px; color: rgba(255, 255, 255, 0.86); font-size: 20px; line-height: 1.62;} .ra-audience-cards{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 34px;} .ra-audience-card{display: flex; min-height: 250px; flex-direction: column; align-items: flex-start; padding: 24px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; background: rgba(255, 255, 255, 0.12); box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18); backdrop-filter: blur(10px);} .ra-audience-card-employer{background: rgba(var(--ra-primary-rgb), 0.24);} .ra-audience-kicker{color: #8ee2d4; font-size: 12px; font-weight: 800; letter-spacing: 0; text-transform: uppercase;} .ra-audience-card h2{margin: 10px 0 0; color: #ffffff; font-size: 29px; line-height: 1.16; font-weight: 800;} .ra-audience-card p{flex: 1 1 auto; margin: 12px 0 22px; color: rgba(255, 255, 255, 0.78);} .ra-actions{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px;} .ra-button{display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 22px; border-radius: 999px; border: 1px solid transparent; font-weight: 700; text-decoration: none; transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;} .ra-button:hover{transform: translateY(-1px); text-decoration: none;} .ra-button-primary{color: #ffffff; background: var(--ra-primary);} .ra-button-primary:hover{color: #ffffff; background: var(--ra-primary-dark);} .ra-button-outline{color: var(--ra-ink); border-color: var(--ra-line); background: var(--ra-white);} .ra-button-outline:hover{color: var(--ra-primary); border-color: var(--ra-primary); background: var(--ra-white);} .ra-hero .ra-button-outline, .ra-cta .ra-button-outline, .ra-block-cta .ra-button-outline, .ra-audience-card .ra-button-outline, .ra-page-hero .ra-button-outline{color: #ffffff; border-color: rgba(255, 255, 255, 0.42); background: rgba(255, 255, 255, 0.08);} .ra-hero .ra-button-outline:hover, .ra-cta .ra-button-outline:hover, .ra-block-cta .ra-button-outline:hover, .ra-audience-card .ra-button-outline:hover, .ra-page-hero .ra-button-outline:hover{color: #ffffff; border-color: rgba(255, 255, 255, 0.72); background: rgba(255, 255, 255, 0.14);} .ra-hero-proof{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: -88px; position: relative; z-index: 2; background: rgba(255, 255, 255, 0.28); border: 1px solid rgba(255, 255, 255, 0.34); box-shadow: var(--ra-shadow);} .ra-proof-item{min-height: 134px; padding: 26px; background: var(--ra-white);} .ra-proof-value{display: block; color: var(--ra-primary); font-size: 34px; line-height: 1; font-weight: 800;} .ra-proof-label{display: block; margin-top: 10px; color: var(--ra-muted); font-weight: 600;} .ra-section{padding: 86px 0;} .ra-section-white{background: var(--ra-white);} .ra-section-head{max-width: 760px; margin-bottom: 38px;} .ra-section-head h2{margin: 0; color: var(--ra-ink); font-size: 42px; line-height: 1.12; letter-spacing: 0; font-weight: 800;} .ra-section-head p{margin: 16px 0 0; color: var(--ra-muted); font-size: 18px;} .ra-grid-3{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px;} .ra-card{min-height: 245px; padding: 28px; border: 1px solid var(--ra-line); border-radius: 8px; background: var(--ra-white); box-shadow: 0 10px 28px rgba(23, 35, 49, 0.06);} .ra-icon{width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; color: #ffffff; background: var(--ra-primary); font-size: 21px;} .ra-card:nth-child(2) .ra-icon{background: var(--ra-warm);} .ra-card:nth-child(3) .ra-icon{background: var(--ra-green);} .ra-card h3{margin: 22px 0 10px; font-size: 22px; line-height: 1.22; font-weight: 800;} .ra-card p{margin: 0; color: var(--ra-muted);} .ra-card-link{display: inline-flex; align-items: center; margin-top: 18px; color: var(--ra-primary-dark); font-weight: 800; text-decoration: none;} .ra-card-link:after{content: "\f105"; margin-left: 8px; font-family: FontAwesome; font-weight: normal;} .ra-card-link:hover{color: var(--ra-primary); text-decoration: none;} .ra-solution-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;} .ra-solution-card{min-height: 282px; padding: 26px; border: 1px solid var(--ra-line); border-radius: 8px; background: var(--ra-paper);} .ra-solution-card:nth-child(2) .ra-icon{background: var(--ra-green);} .ra-solution-card:nth-child(3) .ra-icon{background: var(--ra-warm);} .ra-solution-card:nth-child(4) .ra-icon{background: var(--ra-ink);} .ra-solution-card h3{margin: 22px 0 10px; font-size: 21px; line-height: 1.22; font-weight: 800;} .ra-solution-card p{margin: 0; color: var(--ra-muted);} .ra-flow{display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 42px; align-items: center;} .ra-flow-panel{border-radius: 8px; background: var(--ra-ink); color: #ffffff; padding: 34px; box-shadow: var(--ra-shadow);} .ra-flow-panel h2{margin: 0; color: #ffffff; font-size: 38px; line-height: 1.14; font-weight: 800;} .ra-flow-panel p{margin: 16px 0 0; color: rgba(255, 255, 255, 0.74);} .ra-flow-list{display: grid; gap: 16px;} .ra-flow-step{display: grid; grid-template-columns: 54px 1fr; gap: 18px; align-items: start; padding: 20px; border: 1px solid var(--ra-line); border-radius: 8px; background: var(--ra-white);} .ra-step-number{width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #e6f4f2; color: var(--ra-primary-dark); font-weight: 800;} .ra-flow-step h3{margin: 0 0 6px; font-size: 20px; font-weight: 800;} .ra-flow-step p{margin: 0; color: var(--ra-muted);} .ra-split{display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 52px; align-items: start;} .ra-list{display: grid; gap: 16px; margin-top: 26px;} .ra-list-item{display: grid; grid-template-columns: 28px 1fr; gap: 14px; color: var(--ra-muted);} .ra-list-item i{color: var(--ra-green); margin-top: 4px;} .ra-specialty-list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;} .ra-specialty-list a{display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; border: 1px solid var(--ra-line); border-radius: 8px; color: var(--ra-ink); background: var(--ra-white); font-weight: 800; text-decoration: none;} .ra-specialty-list a:after{content: "\f105"; color: var(--ra-primary); font-family: FontAwesome; font-weight: normal;} .ra-specialty-list a:hover{border-color: #b6d8d2; color: var(--ra-primary-dark); text-decoration: none;} .ra-metric-card{padding: 30px; border-radius: 8px; background: #edf6f4; border: 1px solid #cde5df;} .ra-metric-card h3{margin: 0 0 20px; font-size: 22px; font-weight: 800;} .ra-metric-row{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 0; border-top: 1px solid #cde5df;} .ra-metric-row strong{color: var(--ra-ink); font-size: 26px;} .ra-metric-row span{color: var(--ra-muted); font-weight: 700;} .ra-cta{color: #ffffff; background: var(--ra-ink);} .ra-cta-inner{display: grid; grid-template-columns: 1fr auto; gap: 34px; align-items: center;} .ra-cta h2{margin: 0; color: #ffffff; font-size: 38px; line-height: 1.15;} .ra-cta p{margin: 14px 0 0; max-width: 720px; color: rgba(255, 255, 255, 0.75);} .ra-cta .ra-button-outline{border-color: rgba(255, 255, 255, 0.58);} @media (max-width: 900px){.ra-hero{min-height: 620px;}.ra-hero::after{background: rgba(23, 35, 49, 0.78);}.ra-hero-inner{padding: 72px 0 116px;}.ra-hero h1{font-size: 44px;}.ra-hero-proof, .ra-audience-cards, .ra-grid-3, .ra-solution-grid, .ra-flow, .ra-split, .ra-cta-inner{grid-template-columns: 1fr;}.ra-split{gap: 30px;}} @media (max-width: 560px){.ra-container{width: min(100% - 28px, 1160px);}.ra-section{padding: 64px 0;}.ra-hero h1{font-size: 38px;}.ra-hero-lead, .ra-section-head p{font-size: 17px;}.ra-section-head h2, .ra-flow-panel h2, .ra-cta h2{font-size: 31px;}.ra-actions{display: grid;}.ra-audience-card{min-height: 0;}.ra-specialty-list{grid-template-columns: 1fr;}.ra-button{width: 100%;}} .ra-site-header{position: sticky; top: 0; z-index: 1030; background: #ffffff; box-shadow: 0 1px 0 #dce5ea;} #oe_main_menu_navbar{z-index: 1040;} body.o_connected_user .ra-site-header{top: 46px;} .ra-topbar{background: #172331;} .ra-topbar-inner{max-width: 1180px; margin: 0 auto; padding: 0 24px; display: flex; align-items: stretch; justify-content: space-between; gap: 16px;} .ra-audience-switch{display: flex; align-items: stretch;} .ra-switch{display: inline-flex; align-items: center; padding: 10px 20px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #c7d2dc; text-decoration: none; border-bottom: 3px solid transparent; transition: color .12s ease, background-color .12s ease;} .ra-switch:hover, .ra-switch:focus{color: #ffffff; text-decoration: none;} .ra-switch.is-active{background: #ffffff; color: #172331; border-bottom-color: var(--ra-primary);} .ra-topbar-account{display: flex; align-items: center; gap: 18px;} .ra-topbar-link{font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #c7d2dc; text-decoration: none;} .ra-topbar-link:hover, .ra-topbar-link:focus{color: #ffffff; text-decoration: none;} .ra-mainbar-inner{max-width: 1180px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; gap: 24px;} .ra-brand{display: inline-flex; align-items: center; flex: 0 0 auto; text-decoration: none;} .ra-brand img{max-height: 40px; width: auto; display: block;} .ra-brand-text{font-size: 20px; font-weight: 700; color: #172331;} .ra-site-nav{display: flex; align-items: center; gap: 20px; margin-left: auto; flex-wrap: wrap;} .ra-menu{display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap;} .ra-menu-item{position: relative;} .ra-menu-link{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 14px; font-weight: 600; color: #172331; text-decoration: none; border-radius: 8px; transition: background-color .12s ease, color .12s ease;} .ra-menu-link:hover, .ra-menu-link:focus{background: #f5f8f7; color: var(--ra-primary); text-decoration: none;} .ra-menu-link.is-active{color: var(--ra-primary);} .ra-menu-caret{width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; opacity: .7;} .ra-submenu{position: absolute; top: 100%; left: 0; min-width: 260px; margin: 0; padding: 8px; list-style: none; background: #ffffff; border: 1px solid #dce5ea; border-radius: 12px; box-shadow: 0 12px 28px rgba(23, 35, 49, .12); opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .12s ease, transform .12s ease, visibility .12s; max-height: calc(100vh - 96px); overflow-y: auto; overscroll-behavior: contain;} .ra-menu-item:hover > .ra-submenu, .ra-menu-item:focus-within > .ra-submenu{opacity: 1; visibility: visible; transform: translateY(0);} .ra-submenu-link{display: block; padding: 8px 10px; border-radius: 8px; color: #172331; text-decoration: none;} .ra-submenu-link:hover, .ra-submenu-link:focus{background: #f5f8f7; text-decoration: none;} .ra-submenu-desc{display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: #5a6a7d;} .ra-header-cta{display: inline-flex; align-items: center; padding: 10px 20px; border-radius: 999px; border: 2px solid transparent; background: var(--ra-primary); color: #ffffff; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background-color .12s ease, color .12s ease;} .ra-header-cta:hover, .ra-header-cta:focus{color: #ffffff; text-decoration: none;} .ra-header-cta-teal{background: var(--ra-primary); border-color: var(--ra-primary);} .ra-header-cta-teal:hover, .ra-header-cta-teal:focus{background: var(--ra-primary-dark); border-color: var(--ra-primary-dark);} .ra-header-cta-orange{background: #d48b3a; border-color: #d48b3a;} .ra-header-cta-orange:hover, .ra-header-cta-orange:focus{background: #b5732c; border-color: #b5732c;} .ra-header-cta-navy{background: #172331; border-color: #172331;} .ra-header-cta-navy:hover, .ra-header-cta-navy:focus{background: #0d1620; border-color: #0d1620;} .ra-header-cta.ra-header-cta-outline{background: transparent; color: #172331;} .ra-header-cta-outline.ra-header-cta-teal{color: var(--ra-primary);} .ra-header-cta-outline.ra-header-cta-orange{color: #d48b3a;} .ra-header-cta.ra-header-cta-outline:hover, .ra-header-cta.ra-header-cta-outline:focus{background: rgba(23, 35, 49, .06);} .ra-nav-toggle{display: none;} @media (max-width: 991px){.ra-mainbar-inner{flex-wrap: wrap; gap: 12px;}.ra-site-nav{width: 100%; margin-left: 0; justify-content: space-between;}.ra-topbar-inner{padding: 0 16px;}.ra-switch{padding: 10px 14px; letter-spacing: 0.04em;}} @media (max-width: 575px){.ra-menu{gap: 0;}.ra-menu-link{padding: 8px 10px; font-size: 13px;}.ra-header-cta{width: 100%; justify-content: center;}} .ra-site-footer{background: #172331; color: #c7d2dc;} .ra-footer-inner{max-width: 1180px; margin: 0 auto; padding: 56px 24px 40px; display: grid; grid-template-columns: 1.2fr 2fr; gap: 48px; align-items: start;} .ra-footer-logo{display: inline-block; margin-bottom: 12px; color: #ffffff; font-size: 20px; text-decoration: none;} .ra-footer-logo:hover, .ra-footer-logo:focus{color: #ffffff; text-decoration: none;} .ra-footer-tagline{margin: 0 0 18px; max-width: 34ch; font-size: 14px; line-height: 1.6; color: #93a3b3;} .ra-footer-social{display: flex; gap: 10px;} .ra-footer-social a{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .08); color: #ffffff; text-decoration: none; transition: background-color .12s ease;} .ra-footer-social a:hover, .ra-footer-social a:focus{background: var(--ra-primary); color: #ffffff; text-decoration: none;} .ra-footer-nav{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 32px;} .ra-footer-col h4{margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #ffffff;} .ra-footer-col a{display: block; margin-bottom: 9px; font-size: 14px; color: #c7d2dc; text-decoration: none;} .ra-footer-col a:hover, .ra-footer-col a:focus{color: #ffffff; text-decoration: none;} .ra-footer-address{margin: 0 0 10px; font-size: 14px; line-height: 1.7; color: #c7d2dc;} .ra-footer-address span{display: block;} .ra-footer-base{border-top: 1px solid rgba(255, 255, 255, .10);} .ra-footer-base span{display: block; max-width: 1180px; margin: 0 auto; padding: 18px 24px; font-size: 13px; color: #7f8f9f;} @media (max-width: 900px){.ra-footer-inner{grid-template-columns: 1fr; gap: 36px; padding: 40px 20px 32px;}} html button.scroll-top.btn-primary{background-color: var(--ra-primary) !important; border-color: var(--ra-primary) !important; color: #ffffff !important;} html button.scroll-top.btn-primary:hover, html button.scroll-top.btn-primary:focus{background-color: var(--ra-primary-dark) !important; border-color: var(--ra-primary-dark) !important;} html .o_livechat_button, html .cloudoffix_livechat_frontend_button{background-color: var(--ra-primary) !important; border-color: var(--ra-primary) !important;} html .o_livechat_button:hover, html .cloudoffix_livechat_frontend_button:hover{background-color: var(--ra-primary-dark) !important; border-color: var(--ra-primary-dark) !important;} html .o_livechat_button .cloudoffix-button-text, html .cloudoffix_livechat_frontend_button .cloudoffix-button-text{color: #ffffff !important;} 

/* /co_recruitment_agency/static/src/css/agency_pages.css defined in bundle 'web.assets_frontend' */
 .ra-page-hero{position: relative; overflow: hidden; background: #172331; color: #ffffff; padding: 76px 0 68px;} .ra-page-hero::after{content: ""; position: absolute; top: -40%; right: -10%; width: 60%; height: 180%; background: radial-gradient(closest-side, rgba(var(--ra-primary-rgb), 0.55), rgba(var(--ra-primary-rgb), 0)); pointer-events: none;} .ra-page-hero-inner{position: relative; z-index: 1; max-width: 1160px; margin: 0 auto; padding: 0 24px;} .ra-page-hero .ra-page-eyebrow{margin: 0 0 12px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #5ec4b6;} .ra-page-hero h1{margin: 0; font-size: 2.6rem; line-height: 1.15; font-weight: 700; color: #ffffff;} .ra-page-hero .ra-page-lead{margin: 16px 0 0; max-width: 62ch; font-size: 1.08rem; line-height: 1.6; color: #c7d2dc;} @media (max-width: 767px){.ra-page-hero{padding: 52px 0 46px;}.ra-page-hero h1{font-size: 1.9rem;}} .ra-subpage{background: #f5f8f7;} #wrap .oe_website_jobs .media, #wrap .oe_website_jobs li{list-style: none;} #wrap .oe_website_jobs a{color: #172331;} #wrap .oe_website_jobs a:hover{color: var(--ra-primary);} #wrap .media-list .media-body h4 a, #wrap .media-list .media-body h5 a{color: #172331; font-weight: 600;} #wrap .media-list .media-body a:hover{color: var(--ra-primary);} #wrap .o_wblog_post_title, #wrap .website_blog h2 a, #wrap .website_blog h3 a{color: #172331;} #wrap .website_blog h2 a:hover, #wrap .website_blog h3 a:hover{color: var(--ra-primary);} #wrap .website_blog .bg-gray{background: #f5f8f7 !important;} #wrap .o_wslides_home_content_section_title{color: #172331; font-weight: 700;} #wrap .btn-primary, #wrap .btn-success{background-color: var(--ra-primary); border-color: var(--ra-primary); color: #ffffff;} #wrap .btn-primary:hover, #wrap .btn-success:hover{background-color: #0b6f70; border-color: #0b6f70;} #wrap .btn-outline-primary{color: var(--ra-primary); border-color: var(--ra-primary);} #wrap .btn-outline-primary:hover{background-color: var(--ra-primary); color: #ffffff;} #wrap .s_website_form .form-control:focus{border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.14);} .ra-page-hero .ra-page-cta{display: inline-block; margin-top: 24px; padding: 12px 26px; border-radius: 4px; background: var(--ra-primary); color: #ffffff; font-weight: 600; text-decoration: none; transition: background 0.15s ease;} .ra-page-hero .ra-page-cta:hover, .ra-page-hero .ra-page-cta:focus{background: #12a3a5; color: #ffffff; text-decoration: none;} .ra-jobs{background: #ffffff; padding: 56px 0 72px;} .ra-jobs-inner{max-width: 1160px; margin: 0 auto; padding: 0 24px;} .ra-jobs-head{max-width: 62ch; margin: 0 0 28px;} .ra-jobs-head h2{margin: 0 0 10px; color: #172331; font-weight: 700;} .ra-jobs-head p{margin: 0; color: #5a6a7d; line-height: 1.6;} .ra-jobs-filter{display: grid; grid-template-columns: 2fr 1.4fr 1.4fr auto; gap: 16px; align-items: end; padding: 20px; border: 1px solid #dce5ea; border-radius: 8px; background: #f5f8f7;} .ra-filter-field label{display: block; margin: 0 0 6px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #5a6a7d;} .ra-jobs-filter input, .ra-jobs-filter select{width: 100%; height: 44px; padding: 0 12px; border: 1px solid #dce5ea; border-radius: 4px; background: #ffffff; color: #172331; font-size: 0.95rem;} .ra-jobs-filter input:focus, .ra-jobs-filter select:focus{outline: none; border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.14);} .ra-filter-clear{height: 44px; padding: 0 18px; border: 1px solid #dce5ea; border-radius: 4px; background: #ffffff; color: #5a6a7d; font-weight: 600; cursor: pointer;} .ra-filter-clear:hover{border-color: var(--ra-primary); color: var(--ra-primary);} .ra-jobs-count{margin: 20px 0 20px; color: #5a6a7d; font-size: 0.92rem;} .ra-job-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 20px;} .ra-job-card{display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #dce5ea; border-radius: 8px; background: #ffffff; padding: 22px 22px 18px; transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;} .ra-job-card:hover{border-color: var(--ra-primary); box-shadow: 0 10px 24px rgba(23, 35, 49, 0.09); transform: translateY(-2px);} .ra-job-featured{display: inline-block; margin: 0 0 10px; padding: 3px 10px; border-radius: 999px; background: #fbeed9; color: #8a5a1c; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;} .ra-job-title{margin: 0 0 12px; font-size: 1.12rem; line-height: 1.35; font-weight: 700;} .ra-job-title a{color: #172331; text-decoration: none;} .ra-job-title a:hover{color: var(--ra-primary); text-decoration: none;} .ra-job-sector{display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: #5a6a7d; font-size: 0.9rem; font-weight: 600;} .ra-job-sector i{color: var(--ra-primary);} .ra-job-salary{display: inline-block; margin: 0 0 14px; padding: 5px 12px; border: 1px solid #dce5ea; border-radius: 4px; color: #172331; font-size: 0.88rem; font-weight: 600;} .ra-job-meta{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px;} .ra-job-meta li{display: flex; align-items: center; gap: 6px; color: #5a6a7d; font-size: 0.86rem;} .ra-job-meta i{color: #8c9aa8;} .ra-job-card-foot{margin-top: 20px; padding-top: 16px; border-top: 1px solid #dce5ea; display: flex; align-items: center; justify-content: space-between; gap: 12px;} .ra-job-age{color: #8c9aa8; font-size: 0.8rem;} .ra-job-view{padding: 9px 18px; border-radius: 4px; background: #172331; color: #ffffff; font-size: 0.85rem; font-weight: 600; text-decoration: none; white-space: nowrap;} .ra-job-view:hover{background: var(--ra-primary); color: #ffffff; text-decoration: none;} .ra-jobs-empty, .ra-jobs-noresult{padding: 40px 0; text-align: center; color: #5a6a7d;} .ra-jobs-empty h3{color: #172331; font-weight: 700;} .ra-jobs-noresult .ra-filter-clear{margin-left: 8px;} @media (max-width: 900px){.ra-jobs-filter{grid-template-columns: 1fr 1fr;}.ra-filter-clear{grid-column: 1 / -1;}} @media (max-width: 560px){.ra-jobs-filter{grid-template-columns: 1fr;}} .ra-jobs-why{background: #f5f8f7; border-top: 1px solid #dce5ea; padding: 64px 0;} .ra-jobs-why-inner{max-width: 1160px; margin: 0 auto; padding: 0 24px;} .ra-jobs-why-inner > h2{margin: 0 0 32px; color: #172331; font-weight: 700;} .ra-jobs-why-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 28px;} .ra-jobs-why-grid h3{margin: 0 0 8px; font-size: 1.05rem; font-weight: 700; color: var(--ra-primary);} .ra-jobs-why-grid p{margin: 0; color: #5a6a7d; line-height: 1.6;} .ra-events-page{padding-bottom: 96px;} .ra-events-hero, .ra-event-paths, .ra-events-listing{width: min(1120px, calc(100% - 40px)); margin-right: auto; margin-left: auto;} .ra-events-hero{display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: stretch; padding: 86px 0 24px;} .ra-events-hero > div, .ra-events-feature, .ra-event-paths article, .ra-events-listing, .ra-event-card, .ra-events-empty{background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px; box-shadow: 0 12px 36px rgba(23, 35, 49, 0.08);} .ra-events-hero > div{padding: clamp(34px, 5vw, 60px);} .ra-events-hero h1, .ra-events-toolbar h2, .ra-events-empty h2{margin: 0; letter-spacing: 0; line-height: 1.04;} .ra-events-hero h1{max-width: 780px; font-size: clamp(36px, 5vw, 62px);} .ra-events-hero p{max-width: 760px; margin: 18px 0 0; color: var(--ra-muted); font-size: 18px;} .ra-events-hero .ra-actions{margin-top: 26px;} .ra-events-feature{display: flex; flex-direction: column; justify-content: space-between; padding: 28px; background: linear-gradient(145deg, rgba(23, 35, 49, 0.08), rgba(var(--ra-primary-rgb), 0.10)), var(--ra-white);} .ra-events-feature span, .ra-event-paths span{color: var(--ra-warm); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;} .ra-events-feature strong{display: block; margin-top: 18px; font-size: 28px; line-height: 1.12;} .ra-events-feature p{margin: 18px 0 0; color: var(--ra-muted);} .ra-event-paths{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 24px;} .ra-event-paths article{min-height: 150px; padding: 22px;} .ra-event-paths strong{display: block; margin-top: 10px; color: var(--ra-ink); font-size: 19px;} .ra-event-paths p{margin: 8px 0 0; color: var(--ra-muted);} .ra-events-listing{padding: clamp(22px, 4vw, 34px);} .ra-events-toolbar{display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 20px;} .ra-events-toolbar h2{font-size: clamp(30px, 4vw, 46px);} .ra-events-filters{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px;} .ra-events-filters span, .ra-events-filters a{display: inline-flex; align-items: center; min-height: 34px; padding: 0 10px; background: var(--ra-paper); border: 1px solid var(--ra-line); border-radius: 6px; color: var(--ra-muted); font-size: 13px; font-weight: 700;} .ra-events-filters a{color: var(--ra-primary); background: var(--ra-white);} .ra-events-date-tabs{display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 22px;} .ra-events-date-tabs a{display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 12px; color: var(--ra-ink); background: var(--ra-paper); border: 1px solid var(--ra-line); border-radius: 6px; font-size: 13px; font-weight: 800; text-decoration: none;} .ra-events-date-tabs a:hover, .ra-events-date-tabs a:focus{color: var(--ra-primary); border-color: rgba(var(--ra-primary-rgb), 0.35); text-decoration: none;} .ra-events-date-tabs a.active{color: var(--ra-white); background: var(--ra-ink); border-color: var(--ra-ink);} .ra-events-date-tabs small{display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; color: var(--ra-muted); background: var(--ra-white); border-radius: 999px; font-size: 11px; font-weight: 800;} .ra-events-date-tabs a.active small{color: var(--ra-ink);} .ra-event-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;} .ra-event-card{display: grid; grid-template-columns: 76px 1fr; gap: 18px; min-height: 260px; padding: 22px;} .ra-event-date{display: flex; align-items: center; flex-direction: column; justify-content: center; width: 76px; height: 86px; color: var(--ra-white); background: var(--ra-ink); border-radius: 8px;} .ra-event-date span{font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;} .ra-event-date strong{display: block; font-size: 32px; line-height: 1;} .ra-event-content{min-width: 0;} .ra-event-tags{display: flex; flex-wrap: wrap; gap: 6px; min-height: 28px;} .ra-event-tags span, .ra-events-empty .ra-tag{display: inline-flex; align-items: center; min-height: 26px; padding: 0 8px; color: var(--ra-ink); background: #e8f2f1; border-radius: 999px; font-size: 12px; font-weight: 800;} .ra-event-card h3{margin: 12px 0 10px; font-size: 24px; line-height: 1.15; letter-spacing: 0;} .ra-event-card h3 a{color: var(--ra-ink);} .ra-event-card h3 a:hover, .ra-event-card h3 a:focus, .ra-event-link:hover, .ra-event-link:focus, .ra-events-filters a:hover, .ra-events-filters a:focus{color: var(--ra-primary); text-decoration: none;} .ra-event-meta, .ra-event-location, .ra-event-organizer{margin: 8px 0 0; color: var(--ra-muted);} .ra-event-location .adr{display: inline;} .ra-event-link{display: inline-flex; margin-top: 16px; color: var(--ra-primary); font-weight: 800;} .ra-events-empty{padding: clamp(28px, 5vw, 48px);} .ra-events-empty h2{margin-top: 18px; font-size: clamp(30px, 4vw, 46px);} .ra-events-empty p{max-width: 720px; color: var(--ra-muted);} .ra-events-pager{display: flex; justify-content: center; margin-top: 24px;} @media (max-width: 991px){.ra-events-hero, .ra-event-paths, .ra-event-grid{grid-template-columns: 1fr;}.ra-events-toolbar{align-items: flex-start; flex-direction: column;}} @media (max-width: 575px){.ra-event-card{grid-template-columns: 1fr;}} .ra-event-detail-page{padding-bottom: 96px;} .ra-event-detail-page > .s_header, .ra-event-detail-page header.header.s_header{display: none;} .ra-event-detail-page > .container:first-child{display: none;} .ra-event-detail-shell{width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 0;} .ra-event-detail-hero, .ra-event-detail-body{background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px; box-shadow: 0 12px 36px rgba(23, 35, 49, 0.08);} .ra-event-detail-hero{display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: stretch; padding: clamp(28px, 5vw, 56px);} .ra-event-detail-copy{min-width: 0;} .ra-event-detail-copy .ra-event-tags{margin-bottom: 20px;} .ra-event-detail-copy h1{max-width: 780px; margin: 0; color: var(--ra-ink); font-size: clamp(38px, 5vw, 64px); line-height: 1.03; letter-spacing: 0;} .ra-event-detail-intro{max-width: 720px; margin: 18px 0 0; color: var(--ra-muted); font-size: 18px;} .ra-event-detail-summary{display: flex; flex-direction: column; gap: 22px; padding: 24px; background: linear-gradient(145deg, rgba(23, 35, 49, 0.06), rgba(var(--ra-primary-rgb), 0.08)), var(--ra-paper); border-left: 4px solid var(--ra-warm); border-radius: 8px;} .ra-event-date-large{width: 94px; height: 104px;} .ra-event-detail-summary dl{margin: 0;} .ra-event-detail-summary dt{margin-top: 14px; color: var(--ra-muted); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;} .ra-event-detail-summary dt:first-child{margin-top: 0;} .ra-event-detail-summary dd{margin: 4px 0 0; color: var(--ra-ink); font-size: 15px; font-weight: 700;} .ra-event-detail-summary .adr{display: inline;} .ra-event-detail-body{display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 28px; margin-top: 24px; padding: clamp(22px, 4vw, 34px);} .ra-event-main{min-width: 0;} .ra-event-main > hr, .ra-event-main #comment{display: none;} .ra-event-main > .alert{margin: 0 0 18px; padding: 14px 16px; color: var(--ra-ink); background: #eef7f6; border: 1px solid #cce3df; border-radius: 8px;} .ra-event-description{margin-top: 22px; color: var(--ra-muted); font-size: 16px; line-height: 1.7;} .ra-event-description p{margin: 0 0 14px;} .ra-event-description ul, .ra-event-description ol{margin: 16px 0 0; padding-left: 22px;} .ra-event-description li{margin: 8px 0;} .ra-event-sidebar{display: flex; flex-direction: column; gap: 14px; min-width: 0;} .ra-event-side-card{padding: 20px; background: var(--ra-paper); border: 1px solid var(--ra-line); border-radius: 8px;} .ra-event-side-card h2{margin: 0 0 12px; color: var(--ra-ink); font-size: 18px; line-height: 1.2;} .ra-event-side-card p{display: grid; grid-template-columns: 56px 1fr; gap: 10px; margin: 10px 0 0; color: var(--ra-muted);} .ra-event-side-card p strong{color: var(--ra-ink);} .ra-event-side-card .adr{margin: 0; color: var(--ra-muted);} .ra-event-side-card .ra-button{margin-top: 8px;} .ra-event-registration{margin: 0; overflow: hidden; background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px; box-shadow: none;} .ra-event-registration-head, .ra-event-registration-foot{padding: 16px 18px; background: var(--ra-paper); border: 0;} .ra-event-registration-head h5{margin: 0; color: var(--ra-muted); font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;} .ra-event-registration .panel-body{padding: 18px; border-top: 1px solid var(--ra-line);} .ra-event-registration .panel-body .row{display: flex; align-items: center;} .ra-event-registration .panel-body [itemprop="name"], .ra-event-registration .panel-body [itemprop="price"]{color: var(--ra-ink); font-weight: 800;} .ra-event-registration .form-control{min-height: 42px; border: 1px solid var(--ra-line); border-radius: 6px; box-shadow: none;} .ra-event-registration .form-control:focus{border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.12);} .ra-event-registration-foot{border-top: 1px solid var(--ra-line);} .ra-event-registration-foot .row{display: flex; justify-content: flex-end;} .ra-event-registration-foot [class*="col-"]{width: auto; margin-left: 0; float: none;} .ra-event-complete-page{width: min(980px, calc(100% - 40px)); margin: 56px auto 96px; padding: clamp(28px, 5vw, 44px); background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px; box-shadow: 0 12px 36px rgba(23, 35, 49, 0.08);} .ra-event-complete-page h3, .ra-event-complete-page h2, .ra-event-complete-page h4{color: var(--ra-ink); letter-spacing: 0;} .ra-event-complete-page table{width: 100% !important;} @media (max-width: 991px){.ra-event-detail-hero{grid-template-columns: minmax(0, 1fr) 300px;}.ra-event-detail-body{grid-template-columns: minmax(0, 1fr) 280px;}} @media (max-width: 767px){.ra-event-detail-hero, .ra-event-detail-body{grid-template-columns: 1fr;}.ra-event-detail-shell{width: min(100% - 28px, 1120px); padding-top: 36px;}.ra-event-detail-summary{border-top: 4px solid var(--ra-warm); border-left: 0;}.ra-event-registration .panel-body .row, .ra-event-registration-foot .row{display: block;}.ra-event-registration .panel-body [class*="col-"], .ra-event-registration-foot [class*="col-"]{float: none; width: 100%; margin-left: 0;}.ra-event-registration .panel-body [class*="col-"]{margin-top: 10px;}} .ra-contact-page{padding-bottom: 0;} .ra-block{padding: 72px 0; background: var(--ra-white);} .ra-block-soft{background: var(--ra-paper); border-top: 1px solid var(--ra-line); border-bottom: 1px solid var(--ra-line);} .ra-block-container{width: min(1120px, calc(100% - 40px)); margin: 0 auto;} .ra-block-header{padding-top: 86px;} .ra-block-header h1{max-width: 800px; margin: 0; font-size: clamp(36px, 5vw, 58px); line-height: 1.06; color: var(--ra-ink);} .ra-block-lead{max-width: 720px; margin: 18px 0 0; color: var(--ra-muted); font-size: 18px; line-height: 1.6;} .ra-block-header .ra-actions{margin-top: 26px;} .ra-block-head{margin-bottom: 28px;} .ra-block-head h2{margin: 0; color: var(--ra-ink); font-size: clamp(28px, 4vw, 42px); line-height: 1.1;} .ra-route-grid, .ra-step-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;} .ra-route, .ra-step{padding: 24px; background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px; box-shadow: 0 12px 36px rgba(23, 35, 49, 0.06);} .ra-route > span, .ra-step > span{color: var(--ra-warm); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;} .ra-route h3, .ra-step h3{margin: 10px 0 8px; color: var(--ra-ink); font-size: 19px; line-height: 1.25;} .ra-route p, .ra-step p{margin: 0; color: var(--ra-muted); line-height: 1.6;} .ra-route h3 a{color: var(--ra-ink);} .ra-route h3 a:hover{color: var(--ra-primary); text-decoration: none;} .ra-form-shell{padding: clamp(24px, 4vw, 40px); background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px; box-shadow: 0 12px 36px rgba(23, 35, 49, 0.08);} .ra-form-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px;} .ra-form-field{display: block; margin: 0;} .ra-form-wide{grid-column: 1 / -1;} .ra-form-field > span{display: block; margin: 0 0 6px; color: var(--ra-muted); font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;} .ra-form-field .form-control{width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--ra-line); border-radius: 6px; background: var(--ra-white); color: var(--ra-ink); box-shadow: none;} .ra-form-field .form-control:focus{border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.12); outline: none;} .ra-form-field textarea.form-control{min-height: 140px; resize: vertical;} .ra-form-field.o_website_form_required_custom > span::after{content: " *"; color: var(--ra-warm);} .ra-form-actions{display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 24px;} .ra-form-actions .o_website_form_send{cursor: pointer;} .ra-block-confirmation{padding-top: 86px;} .ra-confirmation-inner{padding: clamp(28px, 5vw, 52px); background: linear-gradient(145deg, rgba(23, 35, 49, 0.06), rgba(var(--ra-primary-rgb), 0.08)), var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px; box-shadow: 0 12px 36px rgba(23, 35, 49, 0.08);} .ra-mark{display: inline-grid; place-items: center; width: 46px; height: 46px; margin-bottom: 18px; border-radius: 50%; background: var(--ra-green); color: var(--ra-white); font-size: 13px; font-weight: 800; letter-spacing: 0.04em;} .ra-confirmation-inner h1{max-width: 760px; margin: 0; color: var(--ra-ink); font-size: clamp(32px, 4.4vw, 52px); line-height: 1.06;} .ra-confirmation-inner .ra-actions{margin-top: 26px;} @media (max-width: 991px){.ra-route-grid, .ra-step-grid, .ra-form-grid{grid-template-columns: 1fr;}} .ra-academy{background: var(--ra-paper);} .ra-academy .bg-900, .ra-academy .all_courses_header{background: var(--ra-ink) !important; background-image: none !important;} .ra-academy .bg-900, .ra-academy .bg-900 h1, .ra-academy .bg-900 h2, .ra-academy .all_courses_header, .ra-academy .all_courses_header h1, .ra-academy .all_courses_header h2, .ra-academy .all_courses_header p{color: #ffffff;} .ra-academy .btn-primary, .ra-academy a.btn-primary{background: var(--ra-primary) !important; border-color: var(--ra-primary) !important; color: #ffffff !important; border-radius: 8px; font-weight: 700;} .ra-academy .btn-primary:hover, .ra-academy .btn-primary:focus{background: var(--ra-primary-dark) !important; border-color: var(--ra-primary-dark) !important;} .ra-academy .o_wslides_course_card{border: 1px solid var(--ra-line); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 34px rgba(23, 35, 49, 0.08); transition: transform 160ms ease, box-shadow 160ms ease;} .ra-academy .o_wslides_course_card:hover{transform: translateY(-3px); box-shadow: var(--ra-shadow);} .ra-academy .o_wslides_course_card .card-title{color: var(--ra-ink);} .ra-academy .badge-pill.badge-success{background: var(--ra-primary);} .ra-academy .o_wslides_channel_tag{background: #e8f2f1; color: var(--ra-primary);} .ra-academy .o_wslides_home_nav .form-control{border-radius: 10px 0 0 10px; border-color: var(--ra-line);} .ra-academy .oe_search_button{border-radius: 0 10px 10px 0; background: var(--ra-primary); color: #ffffff; border-color: var(--ra-primary);} .ra-academy a:not(.btn):not(.ra-button):not(.ra-page-cta){color: var(--ra-primary);} .ra-academy .text-primary{color: var(--ra-primary) !important;} .ra-academy .o_wslides_gradient, .ra-academy .o_wslides_course_header{background: linear-gradient(135deg, #172331 0%, var(--ra-primary) 140%) !important; background-image: linear-gradient(135deg, #172331 0%, var(--ra-primary) 140%) !important;} .ra-academy .o_wslides_course_main .o_wslides_nav_tabs .nav-link, .ra-academy .o_wslides_course_main .o_wslides_nav_tabs .nav-link:hover, .ra-academy .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link, .ra-academy .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:hover{border-color: var(--ra-primary) !important;} .ra-academy .o_wslides_course_main .o_wslides_nav_tabs .nav-link.active, .ra-academy .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link.active{color: var(--ra-primary) !important;} .ra-academy .o_wprofile_gradient{background-image: linear-gradient(135deg, #172331 0%, var(--ra-primary) 140%) !important;} .ra-academy .o_wprofile_nav_tabs .nav-link, .ra-academy .o_wprofile_nav_tabs .nav-link:hover{border-color: var(--ra-primary) !important;} .ra-academy .o_wslides_course_header .breadcrumb{background: transparent;} .ra-academy .o_wslides_course_header .breadcrumb a, .ra-academy .o_wslides_course_header .breadcrumb-item{color: rgba(255, 255, 255, 0.85);} .ra-academy .card, .ra-academy .o_wslides_enroll_card{border: 1px solid var(--ra-line); border-radius: 14px; overflow: hidden;} .ra-academy .badge-info{background: var(--ra-ink);} .ra-academy .badge-success{background: var(--ra-primary);} .ra-academy .o_wslides_slides_list_slide, .ra-academy .o_wslides_lesson_row{background: #ffffff; border: 1px solid var(--ra-line); border-radius: 10px; margin-bottom: 8px; transition: border-color 140ms ease, box-shadow 140ms ease;} .ra-academy .o_wslides_slides_list_slide:hover{border-color: var(--ra-primary); box-shadow: 0 8px 22px rgba(23, 35, 49, 0.08);} .ra-academy .o_wslides_slides_list_slide a{color: var(--ra-ink); font-weight: 600;} .ra-academy .o_wslides_slides_list_slide a:hover{color: var(--ra-primary);} .ra-academy .o_wslides_lesson_content, .ra-academy .o_wslide_html_content{max-width: 760px; line-height: 1.65; color: var(--ra-ink); font-size: 17px;} .ra-academy .o_wslide_html_content h2, .ra-academy .o_wslides_lesson_content h2{color: var(--ra-ink); margin: 0 0 14px;} .ra-academy .o_wslide_html_content h3, .ra-academy .o_wslides_lesson_content h3{color: var(--ra-ink); margin: 22px 0 10px; font-size: 1.15rem;} .ra-academy .o_wslide_html_content li{margin-bottom: 6px;} .ra-academy .btn-light.border{background: #ffffff; border: 1px solid var(--ra-line) !important; border-radius: 8px; color: var(--ra-ink); font-weight: 700;} .ra-academy .btn-light.border:hover:not(.disabled){border-color: var(--ra-primary) !important; color: var(--ra-primary);} .ra-academy .embed-responsive{background: #ffffff; border: 1px solid var(--ra-line); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 34px rgba(23, 35, 49, 0.08);} .ra-academy .o_wslides_js_lesson_quiz .list-group-item, .ra-academy .o_wslides_quiz_answer{border: 1px solid var(--ra-line); border-radius: 10px !important; margin-bottom: 8px; cursor: pointer;} .ra-academy .o_wslides_js_lesson_quiz .list-group-item:hover, .ra-academy .o_wslides_quiz_answer:hover{border-color: var(--ra-primary); background: #e8f2f1;} .ra-academy .o_wslides_js_lesson_quiz .list-group-item.active{background: #e8f2f1; border-color: var(--ra-primary); color: var(--ra-ink);} .ra-academy .text-success, .ra-academy .alert-success{color: var(--ra-primary-dark) !important;} .ra-academy .alert-success{background: #e8f2f1; border-color: var(--ra-primary);} .ra-academy .alert-danger{background: #fdf1f0; border-color: #c0563f; color: #c0563f;} .ra-academy .progress-bar{background-color: var(--ra-primary);} .ra-academy .o_wslides_lesson_header .container{margin-top: 12px !important; padding-bottom: 4px;} .ra-academy .o_wslides_lesson_header .o_wslides_lesson_header_sub{padding-bottom: 10px;} .ra-academy .row.align-items-center.my-3 > .col-12.col-md.order-2{flex: 1 1 auto; min-width: 0;} .ra-academy .row.align-items-center.my-3 > .col-12.col-md.order-2 > .d-flex{flex: 1 1 auto; min-width: 0;} .ra-academy .row.align-items-center.my-3 h1.h4{font-size: 1.45rem; line-height: 1.3; color: var(--ra-ink); white-space: normal;} .ra-academy .header.o_wslides_gradient{padding-top: 8px !important;} .ra-academy .o_wslides_lesson_header .progress{background: rgba(255, 255, 255, 0.22) !important; border-radius: 999px; height: 8px !important; margin-bottom: 0 !important;} .ra-academy .o_wslides_lesson_header .progress-bar{background-color: var(--ra-warm); border-radius: 999px;} .ra-academy .o_wslides_lesson_header .fa-trophy{color: var(--ra-warm) !important; font-size: 15px; line-height: 1; align-self: center;} .ra-academy .o_wslides_lesson_header .fa-trophy + small{color: #ffffff !important; font-size: 14px; font-weight: 700; align-self: center; white-space: nowrap;} .ra-academy .o_wslides_lesson_nav, .ra-academy .tab-content > #about{display: none !important;} .ra-academy .row.align-items-center.my-3{margin-top: 26px !important; margin-bottom: 6px !important; row-gap: 12px;} .ra-academy .row.align-items-center.my-3 h1.h4{margin-bottom: 6px !important;} .ra-academy .o_wslides_lesson_main .btn-group{gap: 10px;} .ra-academy .o_wslides_lesson_main .btn-group .btn, .ra-academy .o_wslides_lesson_main .btn.btn-light.border{border-radius: 999px !important; padding: 9px 20px; font-weight: 700; font-size: 13px; letter-spacing: 0.04em; box-shadow: none;} .ra-academy .o_wslides_lesson_main .btn-group .btn-light{background: #ffffff; border: 1px solid var(--ra-line) !important; color: var(--ra-ink);} .ra-academy .o_wslides_lesson_main .btn-group .btn-light:hover:not(.disabled){border-color: var(--ra-primary) !important; color: var(--ra-primary);} .ra-academy .o_wslides_lesson_main .btn-group .btn-primary{background: var(--ra-primary) !important; border: 1px solid var(--ra-primary) !important;} .ra-academy .o_wslides_lesson_main .btn-group .btn-primary.disabled{background: #9ec9c9 !important; border-color: #9ec9c9 !important;} .ra-academy .o_wslides_lesson_main .embed-responsive{margin-top: 18px;} .ra-industry-grid{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));} .ra-industry-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;} .ra-industry-stats .ra-proof-item{padding: 24px; background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px; text-align: left;} .ra-industry-stats .ra-proof-value{display: block; color: var(--ra-primary); font-size: 2rem; font-weight: 800; line-height: 1.1;} .ra-industry-stats .ra-proof-label{display: block; margin-top: 8px; color: var(--ra-muted); line-height: 1.5;} .ra-block-cta{background: var(--ra-ink);} .ra-block-cta h2{margin: 0 0 8px; color: #ffffff; font-size: clamp(26px, 3.4vw, 38px); line-height: 1.1;} .ra-block-cta p{margin: 0; color: #c7d2dc;} .ra-block-cta .ra-cta-inner{display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;} @media (max-width: 991px){.ra-industry-stats{grid-template-columns: 1fr;}} .ra-blog-nav{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px;} .ra-blog-pill{display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--ra-line); border-radius: 999px; background: var(--ra-white); color: var(--ra-ink); font-size: 13px; font-weight: 700; text-decoration: none;} .ra-blog-pill:hover, .ra-blog-pill:focus{border-color: var(--ra-primary); color: var(--ra-primary); text-decoration: none;} .ra-blog-pill.is-active{background: var(--ra-ink); border-color: var(--ra-ink); color: var(--ra-white);} .ra-blog-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px;} .ra-blog-card{display: flex; flex-direction: column; overflow: hidden; background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 10px; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;} .ra-blog-card:hover{transform: translateY(-2px); border-color: var(--ra-primary); box-shadow: 0 12px 30px rgba(23, 35, 49, 0.10);} .ra-blog-card-cover{display: block; aspect-ratio: 16 / 7; background-color: var(--ra-ink); background-position: center; background-size: cover; background-repeat: no-repeat;} .ra-blog-card-cover-fallback{display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #172331 0%, var(--ra-primary) 140%);} .ra-blog-card-body{display: flex; flex-direction: column; flex: 1 1 auto; padding: 20px;} .ra-blog-card-meta{display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: var(--ra-muted); font-size: 13px;} .ra-blog-card h3{margin: 0 0 8px; font-size: 1.1rem; line-height: 1.35;} .ra-blog-card h3 a{color: var(--ra-ink); text-decoration: none;} .ra-blog-card h3 a:hover{color: var(--ra-primary); text-decoration: none;} .ra-blog-card-teaser{margin: 0 0 14px; color: var(--ra-muted); line-height: 1.6;} .ra-blog-card .ra-card-link{margin-top: auto;} .ra-blog-empty{padding: clamp(28px, 5vw, 48px); background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 8px;} .ra-blog-empty h2{margin: 0 0 8px; color: var(--ra-ink);} .ra-blog-empty p{margin: 0; color: var(--ra-muted);} .ra-tiptap-bar{max-width: 1080px; margin: 8px auto 0; display: flex; justify-content: flex-end;} .ra-tiptap-panel{max-width: 1080px; margin: 16px auto 32px; background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 14px; padding: 22px 24px; box-shadow: 0 14px 40px rgba(23, 35, 49, 0.10);} .ra-tiptap-panel .form-field{display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; font-weight: 400; width: 100%;} .ra-tiptap-panel .form-field > span{font-weight: 700; color: var(--ra-ink); font-size: 0.9rem;} .ra-tiptap-panel .co-tiptap{background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 10px; min-height: 560px;} .ra-tiptap-panel .co-tiptap .ProseMirror{min-height: 500px; font-size: 17px; padding: 14px 16px; color: var(--ra-ink); line-height: 1.65;} .ra-tiptap-note{color: var(--ra-muted); font-size: 0.82rem; margin: 10px 0 0;} .ra-cover-field{display: flex; align-items: center; gap: 16px; flex-wrap: wrap;} .ra-cover-preview{width: 224px; height: 98px; border-radius: 10px; border: 1px solid var(--ra-line); background-size: cover; background-position: center; background-color: var(--ra-ink); flex-shrink: 0;} .ra-cover-preview.is-none{background: linear-gradient(135deg, #172331 0%, var(--ra-primary) 140%);} .ra-cover-actions{display: flex; flex-direction: column; align-items: flex-start; gap: 8px;} .ra-cover-actions .ra-tiptap-note{margin: 0;} .ra-cover-upload{margin-bottom: 0; cursor: pointer;} .ra-tiptap-status{align-self: center; color: var(--ra-muted); font-size: 0.85rem;} body.editor_enable .ra-tiptap-bar, body.editor_enable .ra-tiptap-panel{display: none !important;} .ra-blog .o_blog_post_content, .ra-blog .blog_content section, .ra-blog .blog_content{color: var(--ra-ink);} .ra-blog .blog_content > .container, .ra-blog .o_blog_post_content > .container{max-width: 820px;} .ra-blog .blog_content p, .ra-blog .o_blog_post_content p{font-size: 17px; line-height: 1.7;} .ra-blog .blog_content h2, .ra-blog .blog_content h3{color: var(--ra-ink); margin-top: 28px;} .ra-blog .o_website_comment, .ra-blog .o_portal_chatter, .ra-blog .js_follow{background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 14px; padding: 16px 18px;} .ra-blog .btn-primary{background: var(--ra-primary) !important; border-color: var(--ra-primary) !important; border-radius: 999px;} .ra-blog #blog_right_column a:not(.btn):not(.ra-button){color: var(--ra-primary) !important;} .ra-blog #blog_right_column .sidebar-title{color: var(--ra-ink); letter-spacing: 0.06em;} .ra-blog .blog_header{max-width: 1080px; margin: 18px auto 0; padding: 0 24px !important;} .ra-blog .blog_header .o_blog_cover_container{border-radius: 14px; overflow: hidden; padding: 0 !important; background-color: var(--ra-ink);} .ra-blog .blog_header .o_blog_cover_image{position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 300px; padding: 36px 48px !important; background-size: cover; background-position: center; background-color: var(--ra-ink);} @supports (aspect-ratio: 16 / 7){.ra-blog .blog_header .o_blog_cover_image{aspect-ratio: 16 / 7; min-height: auto;}} .ra-blog .blog_header .o_blog_cover_filter{position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1 !important; background: linear-gradient(180deg, rgba(23, 35, 49, 0.35) 0%, rgba(23, 35, 49, 0.5) 55%, rgba(23, 35, 49, 0.82) 100%) !important;} .ra-blog .blog_header .cover-none .o_blog_cover_filter{background: linear-gradient(135deg, #172331 0%, var(--ra-primary) 140%) !important;} .ra-blog .blog_header .blog_title{position: relative; padding: 0;} .ra-blog .blog_header .blog_title h1{font-weight: 800; letter-spacing: -0.01em; font-size: clamp(1.7rem, 3.4vw, 2.7rem); margin: 0 !important;} .ra-blog .blog_header .blog_title h2{color: rgba(255, 255, 255, 0.88); font-size: 1.12rem; font-weight: 400; line-height: 1.5; margin: 12px 0 0 !important;} .ra-blog-hero-meta{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 0.9rem;} .ra-blog-hero-meta a{color: #ffffff !important; font-weight: 700; text-decoration: none;} .ra-blog-hero-meta a:hover{text-decoration: underline;} .ra-blog-hero-meta .ra-dot{opacity: 0.6;} .ra-blog .blog_header .scroll-down-1, .ra-blog .blog_header p[name='blog_post_data']:empty{display: none;} @media (max-width: 767px){.ra-blog .blog_header{padding: 0 16px !important; margin-top: 12px;}.ra-blog .blog_header .o_blog_cover_image{padding: 28px 20px !important;}} .ra-job-crumb-row{background: var(--ra-white); border-bottom: 1px solid var(--ra-line);} .ra-job-crumb-row .container{max-width: 1160px; margin: 0 auto; padding: 0 24px;} .ra-job-crumbs{list-style: none; display: flex; align-items: center; margin: 0; padding: 12px 0; font-size: 0.85rem;} .ra-job-crumbs li{display: inline-flex; align-items: center;} .ra-job-crumbs li + li::before{content: "\203A"; color: var(--ra-line); margin: 0 10px; font-size: 1rem;} .ra-job-crumbs a{color: var(--ra-muted); text-decoration: none; font-weight: 600;} .ra-job-crumbs a:hover{color: var(--ra-primary); text-decoration: none;} .ra-job-crumbs li:last-child span{color: var(--ra-ink); font-weight: 600;} .ra-job-hero{padding: 60px 0 52px;} .ra-job-hero h1{margin-bottom: 6px;} .ra-job-hero-meta{list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0;} .ra-job-hero-meta li{display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.18); color: #fff; font-size: 0.9rem; font-weight: 600;} .ra-job-hero-meta li .fa{color: var(--ra-primary-light);} .ra-job-hero-actions{display: flex; align-items: center; gap: 18px; margin-top: 26px; flex-wrap: wrap;} .ra-job-hero-back{color: rgba(255, 255, 255, 0.75); font-weight: 600; text-decoration: none;} .ra-job-hero-back::before{content: "← ";} .ra-job-hero-back:hover{color: #fff; text-decoration: none;} .ra-job-detail-body{background: var(--ra-paper); padding: 48px 24px 64px;} .ra-job-detail-shell{max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; align-items: start;} @media (max-width: 991px){.ra-job-detail-shell{grid-template-columns: 1fr;}} .ra-job-brief{background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 14px; padding: 36px 40px; color: var(--ra-ink);} .ra-job-brief section{padding: 0 0 8px; background: transparent !important;} .ra-job-brief .container{max-width: 100%; padding: 0;} .ra-job-brief h1, .ra-job-brief h2, .ra-job-brief h3{color: var(--ra-ink);} .ra-job-side{position: sticky; top: 90px; display: grid; gap: 18px;} .ra-job-side-card{background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 14px; padding: 24px;} .ra-job-side-card h3{margin: 0 0 14px; font-size: 1.02rem; color: var(--ra-ink);} .ra-job-facts{margin: 0 0 18px;} .ra-job-facts dt{font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ra-muted); margin-top: 10px;} .ra-job-facts dd{margin: 2px 0 0; color: var(--ra-ink); font-weight: 600;} .ra-job-side-apply, .ra-job-apply .ra-page-cta{display: inline-block; background: var(--ra-primary); color: #ffffff !important; font-weight: 700; padding: 12px 28px; border-radius: 999px; border: 0; text-align: center; text-decoration: none !important; cursor: pointer; transition: background 0.15s ease, transform 0.1s ease;} .ra-job-side-apply:hover, .ra-job-apply .ra-page-cta:hover{background: var(--ra-primary-dark); transform: translateY(-1px);} .ra-job-side-apply{display: block;} .ra-job-side-note{background: rgba(var(--ra-primary-rgb), 0.07); border-left: 3px solid var(--ra-primary); border-radius: 0 10px 10px 0; padding: 14px 16px; color: var(--ra-muted); font-size: 0.92rem;} .ra-job-side-note p{margin: 0;} .ra-job-apply{background: var(--ra-white); padding: 56px 24px 72px; border-top: 1px solid var(--ra-line);} .ra-job-apply-inner{max-width: 760px; margin: 0 auto;} .ra-job-apply-head{margin-bottom: 26px;} .ra-job-apply-head .ra-page-eyebrow{color: var(--ra-primary);} .ra-job-apply-head h2{color: var(--ra-ink); margin: 4px 0 8px;} .ra-job-apply-head p{color: var(--ra-muted);} .ra-job-apply-form .ra-form-field-wide{grid-column: 1 / -1;} .ra-job-apply-actions{display: flex; align-items: center; gap: 16px; margin-top: 10px;} .ra-form-field input[type="file"].form-control{height: auto; padding: 9px 12px; background: var(--ra-white); line-height: 1.4; cursor: pointer;} .ra-form-field input[type="file"]::-webkit-file-upload-button, .ra-form-field input[type="file"]::file-selector-button{border: 1px solid var(--ra-primary); background: rgba(var(--ra-primary-rgb), 0.08); color: var(--ra-primary); padding: 6px 16px; border-radius: 999px; font-weight: 600; margin-right: 12px; cursor: pointer;} .ra-form-field input[type="file"]:hover::-webkit-file-upload-button, .ra-form-field input[type="file"]:hover::file-selector-button{background: rgba(var(--ra-primary-rgb), 0.16);} .ra-job-teaser{margin: 8px 0 10px; color: var(--ra-muted); font-size: 0.92rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .ra-apply-known{background: var(--ra-paper); border: 1px solid var(--ra-line); border-radius: 12px; padding: 24px 26px;} .ra-apply-known-lead{margin: 0 0 6px; font-size: 1.05rem; color: var(--ra-ink);} .ra-apply-known-lead .fa{color: var(--ra-primary); margin-right: 8px;} .ra-apply-known-meta{display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 20px; color: var(--ra-muted); font-size: 0.9rem;} .ra-apply-known-meta .fa{margin-right: 6px;} .ra-apply-cv{padding: 16px 0; border-top: 1px solid var(--ra-line); border-bottom: 1px solid var(--ra-line);} .ra-apply-cv-current{margin: 0 0 12px; color: var(--ra-ink);} .ra-apply-cv-current .fa{margin-right: 8px; color: var(--ra-muted);} .ra-apply-cv-swap span, .ra-apply-note span{display: block; margin: 0 0 6px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ra-muted);} .ra-apply-cv-swap{display: block; margin: 0 0 10px;} .ra-apply-note{display: block; margin: 18px 0 0;} .ra-apply-note textarea{width: 100%; padding: 12px; border: 1px solid var(--ra-line); border-radius: 6px; background: var(--ra-white); color: var(--ra-ink); font-size: 0.95rem; line-height: 1.55; resize: vertical;} .ra-apply-note textarea:focus{outline: none; border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.14);} .ra-apply-done p{color: var(--ra-muted);} .ra-apply-done .ra-page-cta{margin-top: 12px;} .ra-apply-signin{margin: 0 0 20px; color: var(--ra-muted); font-size: 0.92rem;} 

/* /co_recruitment_agency/static/src/css/agency_portal.css defined in bundle 'web.assets_frontend' */
 .ox_my_home{--ra-portal-sidebar-width: clamp(276px, 23vw, 339px); --ra-portal-sidebar-left-pad: clamp(28px, 3.4vw, 56px); --ra-portal-shell-top: 118px; background: var(--ra-paper);} .ox_my_home div.portal-header{height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important;} .ox_my_home .o_portal_my_home{display: none;} .ox_my_home .o_portal_wrap > div.container{max-width: none; width: auto; margin: 0 0 0 var(--ra-portal-sidebar-width); padding: clamp(20px, 2vw, 24px) clamp(24px, 3vw, 40px) 80px clamp(28px, 3.4vw, 52px); color: var(--ra-ink);} .ox_my_home .o_portal_wrap > div.container .container{width: auto; max-width: none; margin: 0; padding: 0;} .ox_my_home .o_portal_wrap > div.container > div.row > [class*="col-"]{float: none; flex: 0 0 100%; width: 100%; max-width: none; padding-right: 0; padding-left: 0;} .ox_my_home .ra-portal-side-nav{position: fixed; top: var(--ra-portal-shell-top); bottom: 0; left: 0; z-index: 5; width: var(--ra-portal-sidebar-width); padding: 26px clamp(20px, 2.5vw, 30px) 70px var(--ra-portal-sidebar-left-pad); overflow: auto; background: var(--ra-white); border-right: 1px solid var(--ra-line);} .ox_my_home .ra-side-nav-toggle{display: none;} .ox_my_home .ra-side-user{display: flex; align-items: center; gap: 10px; margin-bottom: 26px; color: var(--ra-ink); font-weight: 700;} .ox_my_home .ra-side-user img{width: 36px; height: 36px; border-radius: 50%; object-fit: cover;} .ox_my_home .ra-portal-side-nav nav{display: grid; gap: 2px;} .ox_my_home .ra-portal-side-nav nav a, .ox_my_home .ra-side-logout{display: flex; align-items: center; gap: 11px; min-height: 38px; padding: 0 10px; border-radius: 8px; color: var(--ra-muted); font-weight: 600; text-decoration: none;} .ox_my_home .ra-portal-side-nav nav a i, .ox_my_home .ra-side-logout i{width: 16px; text-align: center;} .ox_my_home .ra-portal-side-nav nav a:hover, .ox_my_home .ra-side-logout:hover{background: var(--ra-paper); color: var(--ra-ink); text-decoration: none;} .ox_my_home .ra-portal-side-nav nav a.active{background: rgba(var(--ra-primary-rgb), 0.1); color: var(--ra-primary);} .ox_my_home .ra-portal-side-nav nav a span{margin-left: auto; min-width: 20px; padding: 2px 6px; border-radius: 999px; background: var(--ra-primary); color: var(--ra-white); font-size: 11px; font-weight: 700; text-align: center;} .ox_my_home .ra-side-logout{position: absolute; right: clamp(20px, 2.5vw, 30px); bottom: 18px; left: var(--ra-portal-sidebar-left-pad); padding-top: 14px; border-top: 1px solid var(--ra-line); border-radius: 0;} .ra-portal-welcome{padding: 36px 40px; background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 14px;} .ra-portal-welcome h2{margin: 6px 0 0; font-size: 2rem; font-weight: 700; color: var(--ra-ink);} .ra-portal-welcome .ra-portal-lead{margin: 14px 0 0; max-width: 60ch; font-size: 1.05rem; line-height: 1.6; color: var(--ra-muted);} .ra-portal-actions{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px;} .ra-application-foot{margin-top: 14px; padding-top: 12px; border-top: 1px solid #f0f1f3; text-align: right;} .ra-withdraw-link{font-size: 13px; font-weight: 600; color: #9aa1ab; text-decoration: none;} .ra-withdraw-link:hover{color: #ef4444; text-decoration: underline;} .ra-withdraw-form{margin-top: 22px; max-width: 560px; display: flex; flex-direction: column; gap: 18px;} .ra-withdraw-field{display: flex; flex-direction: column; gap: 7px;} .ra-withdraw-field label{margin: 0; font-weight: 600; font-size: 14px; color: #111827;} .ra-withdraw-field .ra-opt{font-weight: 400; color: #9aa1ab;} .ra-withdraw-field select, .ra-withdraw-field textarea{width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; font-size: 14px; color: #111827;} .ra-withdraw-field textarea{resize: vertical; min-height: 96px;} .ra-withdraw-field select:focus, .ra-withdraw-field textarea:focus{outline: none; border-color: var(--ra-primary, #0f8b8d); box-shadow: 0 0 0 3px var(--ra-primary-light, rgba(15, 139, 141, 0.15));} .ra-withdraw-actions{display: flex; align-items: center; gap: 12px; margin-top: 6px;} .ra-button-danger{background: #ef4444; border: 1px solid #ef4444; color: #fff;} .ra-button-danger:hover{background: #dc2626; border-color: #dc2626; color: #fff;} .ra-availability-card{margin-top: 28px; padding: 20px 22px; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04); max-width: 560px;} .ra-availability-head{display: flex; align-items: center; justify-content: space-between; gap: 12px;} .ra-availability-title{font-weight: 700; font-size: 15px; color: #111827; letter-spacing: -0.01em;} .ra-availability-badge{display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; font-size: 12px; font-weight: 600; color: var(--ra-primary-dark, #0b6d6f); background: var(--ra-primary-light, #e6f4f4); border-radius: 999px;} .ra-availability-hint{margin: 6px 0 16px; font-size: 13px; color: #6b7280;} .ra-availability-options{display: flex; flex-wrap: wrap; gap: 10px;} .ra-availability-pill{display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; font-size: 14px; font-weight: 600; color: #374151; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 999px; cursor: pointer; transition: all 0.15s ease;} .ra-availability-pill:hover{border-color: var(--ra-primary, #0f8b8d); color: var(--ra-primary-dark, #0b6d6f); background: #fff;} .ra-availability-pill.is-active{color: #fff; background: var(--ra-primary, #0f8b8d); border-color: var(--ra-primary, #0f8b8d); box-shadow: 0 2px 6px rgba(15, 139, 141, 0.28);} .ra-avail-dot{width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: 0 0 auto;} .ra-avail-dot--available{background: #16a34a;} .ra-avail-dot--busy{background: #f59e0b;} .ra-avail-dot--stop{background: #ef4444;} .ra-availability-pill.is-active .ra-avail-dot{background: #fff;} .ra-portal-page-head{margin: 0 0 22px;} .ra-portal-page-head h1{margin: 6px 0 0; font-size: 1.9rem; font-weight: 700; color: var(--ra-ink);} .ra-portal-card{margin: 0 0 18px; padding: 26px 28px; background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 14px;} .ra-portal-card h2{margin: 0 0 18px; font-size: 1.05rem; font-weight: 700; color: var(--ra-ink);} .ra-form-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px 22px;} .ra-portal-form label{display: block; margin: 0;} .ra-portal-form label > span{display: block; margin: 0 0 6px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ra-muted);} .ra-portal-form input[type="text"], .ra-portal-form input[type="email"], .ra-portal-form input[type="url"], .ra-portal-form input[type="number"], .ra-portal-form input[type="date"], .ra-portal-form select{width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--ra-line); border-radius: 6px; background: var(--ra-white); color: var(--ra-ink); font-size: 0.95rem;} .ra-portal-form input:focus, .ra-portal-form select:focus{outline: none; border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.14);} .ra-portal-form input:disabled{background: var(--ra-paper); color: var(--ra-muted);} .ra-portal-form small{display: block; margin-top: 6px; color: var(--ra-muted); font-size: 0.8rem;} .ra-field-wide{grid-column: 1 / -1;} .ra-card-head{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px;} .ra-card-head h2{margin: 0;} .ra-card-head .ra-button{min-height: 36px; padding: 6px 14px; font-size: 0.85rem;} .ra-repeat-row{position: relative; padding: 18px 18px 14px; margin: 0 0 14px; border: 1px solid var(--ra-line); border-radius: 10px; background: var(--ra-paper);} .ra-repeat-row .ra-form-grid{gap: 14px 18px;} .ra-row-remove{margin-top: 12px; padding: 4px 10px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--ra-muted); font-size: 0.82rem; font-weight: 600; cursor: pointer;} .ra-row-remove:hover{border-color: var(--ra-line); color: #b03a3a; background: var(--ra-white);} .ra-check{display: flex; align-items: center; gap: 8px; align-self: end; padding-bottom: 10px;} .ra-check span{margin: 0; font-size: 0.9rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ra-ink);} .ra-check input[type="checkbox"]{width: 16px; height: 16px; margin: 0;} .ra-years{display: block; max-width: 260px; margin-top: 4px;} .ra-my-month{min-width: 110px;} .ra-my-year{max-width: 130px;} .ra-my-month select, .ra-my-year input{width: 100%; height: 44px; padding: 0 10px; border: 1px solid var(--ra-line); border-radius: 6px; background: var(--ra-white); color: var(--ra-ink); font-size: 0.95rem;} .ra-my-month select:focus, .ra-my-year input:focus{outline: none; border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.14);} .ra-field-label{display: block; margin: 0 0 8px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ra-muted);} .ra-checks{display: flex; flex-wrap: wrap; gap: 10px;} .ra-check-chip{display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 9px 14px; border: 1px solid var(--ra-line); border-radius: 999px; background: var(--ra-white); cursor: pointer;} .ra-check-chip:hover{border-color: var(--ra-primary);} .ra-check-chip input{width: 15px; height: 15px; margin: 0;} .ra-check-chip span{margin: 0; font-size: 0.92rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ra-ink);} .ra-check-chip input:checked + span{color: var(--ra-primary);} .ra-tag-picker{display: flex; gap: 10px; align-items: stretch;} .ra-tag-source{flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--ra-line); border-radius: 6px; background: var(--ra-white); color: var(--ra-ink); font-size: 0.95rem;} .ra-tag-source:focus{outline: none; border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.14);} .ra-tag-picker .ra-button{flex: 0 0 auto; min-height: 44px; padding: 0 18px;} .ra-tags{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;} .ra-tag{display: inline-flex; align-items: center; gap: 8px; padding: 6px 8px 6px 14px; border-radius: 999px; background: rgba(var(--ra-primary-rgb), 0.1); color: var(--ra-primary); font-size: 0.9rem; font-weight: 600;} .ra-tag-remove{padding: 0; width: 20px; height: 20px; border: 0; border-radius: 50%; background: rgba(var(--ra-primary-rgb), 0.16); color: var(--ra-primary); font-size: 15px; line-height: 1; cursor: pointer;} .ra-tag-remove:hover{background: var(--ra-primary); color: var(--ra-white);} .ra-tags-empty{display: block; margin-top: 10px; color: var(--ra-muted); font-size: 0.8rem;} .ra-cv-overlay{display: none; position: fixed; inset: 0; z-index: 50; align-items: center; justify-content: center; background: rgba(23, 35, 49, 0.55);} .ra-cv-overlay.is-shown{display: flex;} .ra-cv-overlay-box{max-width: 380px; padding: 36px 32px; text-align: center; background: var(--ra-white); border-radius: 14px; box-shadow: 0 24px 60px rgba(23, 35, 49, 0.3);} .ra-cv-overlay-box h3{margin: 18px 0 8px; color: var(--ra-ink);} .ra-cv-overlay-box p{margin: 0; color: var(--ra-muted); line-height: 1.55;} .ra-spinner{width: 40px; height: 40px; margin: 0 auto; border: 4px solid var(--ra-line); border-top-color: var(--ra-primary); border-radius: 50%; animation: ra-spin 0.8s linear infinite;} @keyframes ra-spin{to{transform: rotate(360deg);}} .ra-client-hub{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; margin-top: 24px;} .ra-hub-tile{display: flex; flex-direction: column; gap: 6px; padding: 22px 20px; background: var(--ra-white); border: 1px solid var(--ra-line); border-radius: 12px; color: var(--ra-ink); text-decoration: none; transition: border-color .12s ease, box-shadow .12s ease;} a.ra-hub-tile:hover{border-color: var(--ra-primary); box-shadow: 0 10px 24px rgba(23, 35, 49, .08); text-decoration: none;} .ra-hub-num{font-size: 1.9rem; font-weight: 700; color: var(--ra-ink); line-height: 1;} .ra-hub-label{font-size: 0.88rem; color: var(--ra-muted);} .ra-hub-tile-static{opacity: 0.85;} .ra-hub-cta{justify-content: center; align-items: center; text-align: center; background: rgba(var(--ra-primary-rgb), 0.07); border-color: rgba(var(--ra-primary-rgb), 0.28); color: var(--ra-primary);} .ra-hub-cta i{font-size: 1.6rem;} .ra-role-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;} .ra-role-card h2{margin: 0; font-size: 1.12rem;} .ra-role-meta{margin: 8px 0 0; display: flex; flex-wrap: wrap; gap: 16px; color: var(--ra-muted); font-size: 0.9rem;} .ra-role-meta i{margin-right: 4px;} .ra-role-state{flex: 0 0 auto; padding: 5px 12px; border-radius: 999px; background: var(--ra-paper); color: var(--ra-muted); font-size: 0.78rem; font-weight: 700; text-transform: capitalize; white-space: nowrap;} .ra-role-state-open{background: rgba(var(--ra-primary-rgb), 0.1); color: var(--ra-primary);} .ra-role-state-on_hold, .ra-role-state-waiting_approval, .ra-role-state-sent, .ra-role-state-revision_needed{background: rgba(212, 139, 58, 0.16); color: #8a5a1c;} .ra-role-state-cancelled{background: var(--ra-paper); color: #9aa1ab; text-decoration: line-through;} .ra-role-foot{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--ra-line); color: var(--ra-muted); font-size: 0.9rem;} .ra-role-count strong{color: var(--ra-ink);} .ra-cand-tabs{display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 16px; border-bottom: 2px solid var(--ra-line);} .ra-cand-tab{display: inline-flex; align-items: center; gap: 7px; padding: 10px 16px; margin-bottom: -2px; border-bottom: 2px solid transparent; color: var(--ra-muted); text-decoration: none; font-weight: 600; font-size: 0.92rem; white-space: nowrap;} .ra-cand-tab:hover{color: var(--ra-ink);} .ra-cand-tab-on{color: var(--ra-primary); border-bottom-color: var(--ra-primary);} .ra-cand-toolbar{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px;} .ra-cand-toolbar .ra-cand-filters{margin-bottom: 0;} .ra-cand-search{position: relative; display: inline-flex; align-items: center; flex: 0 0 auto;} .ra-cand-search > .fa-search{position: absolute; left: 12px; color: var(--ra-muted); font-size: 0.85rem; pointer-events: none;} .ra-cand-search input[type="text"]{padding: 8px 30px 8px 32px; border: 1px solid var(--ra-line); border-radius: 999px; font-size: 0.9rem; min-width: 220px; background: var(--ra-surface, #fff); color: var(--ra-ink);} .ra-cand-search input[type="text"]:focus{outline: none; border-color: var(--ra-primary);} .ra-cand-search-clear{position: absolute; right: 12px; color: var(--ra-muted); text-decoration: none; font-size: 1.1rem; line-height: 1;} .ra-cand-search-clear:hover{color: var(--ra-ink);} .ra-back-link{display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; color: var(--ra-muted); text-decoration: none; font-weight: 600; font-size: 0.9rem;} .ra-back-link:hover{color: var(--ra-primary);} .ra-cand-filters{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px;} .ra-cand-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border: 1px solid var(--ra-line); border-radius: 999px; background: var(--ra-surface, #fff); color: var(--ra-ink); text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: all 0.15s ease;} .ra-cand-chip:hover{border-color: var(--ra-primary); color: var(--ra-primary);} .ra-cand-chip-on{background: var(--ra-primary); border-color: var(--ra-primary); color: #fff;} .ra-cand-chip-n{display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: rgba(15, 23, 42, 0.08); font-size: 0.78rem; font-weight: 700;} .ra-cand-chip-on .ra-cand-chip-n{background: rgba(255, 255, 255, 0.25);} .ra-cand-list{padding: 0; overflow: hidden;} .ra-cand-row{display: flex; align-items: stretch; border-bottom: 1px solid var(--ra-line); transition: background 0.12s ease;} .ra-cand-row:last-child{border-bottom: 0;} .ra-cand-row:hover{background: rgba(var(--ra-primary-rgb), 0.05);} .ra-cand-row-link{flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 16px 12px 16px 20px; text-decoration: none; color: var(--ra-ink);} .ra-cand-row-main{display: flex; flex-direction: column; gap: 2px; min-width: 0;} .ra-cand-row-name{font-weight: 700; font-size: 1.02rem;} .ra-cand-row-role{color: var(--ra-muted); font-size: 0.88rem;} .ra-cand-row-meta{display: flex; align-items: center; gap: 14px; flex: 0 0 auto;} .ra-cand-row-docs{color: var(--ra-muted); font-size: 0.88rem; white-space: nowrap;} .ra-cand-row-fbmark{font-size: 1rem; line-height: 1;} .ra-cand-row-fbmark .fa-check-circle{color: #0f8b5f;} .ra-cand-row-fbmark .fa-times-circle{color: #b83c3c;} .ra-cand-stage{display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; font-size: 0.8rem; font-weight: 700; white-space: nowrap; background: rgba(var(--ra-primary-rgb), 0.12); color: var(--ra-primary);} .ra-cand-stage-na{background: rgba(15, 23, 42, 0.06); color: var(--ra-muted);} .ra-portal-page-head .ra-cand-stage{margin-top: 10px;} .ra-cand-filterform{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;} .ra-cand-stagesel{padding: 8px 12px; border: 1px solid var(--ra-line); border-radius: 999px; background: var(--ra-surface, #fff); color: var(--ra-ink); font-size: 0.9rem; font-weight: 600; cursor: pointer;} .ra-cand-stagesel:focus{outline: none; border-color: var(--ra-primary);} .ra-cand-scope{flex: 1 1 auto;} .ra-cand-scope-tag{display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(var(--ra-primary-rgb), 0.08); color: var(--ra-primary); font-weight: 600; font-size: 0.88rem;} .ra-cand-scope-clear{color: var(--ra-primary); text-decoration: none; font-size: 1.05rem; line-height: 1;} .ra-cand-scope-clear:hover{color: var(--ra-ink);} .ra-role-candlink{text-decoration: none; color: var(--ra-ink);} .ra-role-candlink:hover .ra-role-candlink-cta{text-decoration: underline;} .ra-role-candlink-cta{color: var(--ra-primary); font-weight: 700;} .ra-cand-pager{margin-top: 20px; display: flex; justify-content: center;} .ra-cand-fb-new{background: rgba(15, 23, 42, 0.06); color: var(--ra-muted);} .ra-cand-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 8px;} .ra-cand-fb{flex: 0 0 auto; display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; font-size: 0.8rem; font-weight: 700; white-space: nowrap;} .ra-cand-fb-interested{background: rgba(16, 133, 101, 0.12); color: #0f8b5f;} .ra-cand-fb-interview{background: rgba(var(--ra-primary-rgb), 0.12); color: var(--ra-primary);} .ra-cand-fb-rejected{background: rgba(190, 60, 60, 0.10); color: #b83c3c;} .ra-cand-actions{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--ra-line);} .ra-fb-btn{display: inline-flex; align-items: center; gap: 9px; padding: 11px 22px; border-radius: 999px; border: 1.5px solid var(--ra-line); background: transparent; color: var(--ra-ink); font-weight: 700; font-size: 0.98rem; cursor: pointer; transition: all 0.15s ease;} .ra-fb-btn .fa{font-size: 0.95rem;} .ra-fb-btn-yes{border-color: var(--ra-primary); color: var(--ra-primary);} .ra-fb-btn-yes:hover{background: rgba(var(--ra-primary-rgb), 0.10);} .ra-fb-btn-yes.ra-fb-btn-on{background: var(--ra-primary); border-color: var(--ra-primary); color: #fff;} .ra-fb-btn-no{border-color: var(--ra-line); color: var(--ra-muted);} .ra-fb-btn-no:hover{border-color: #b83c3c; color: #b83c3c; background: rgba(184, 60, 60, 0.06);} .ra-fb-btn-no.ra-fb-btn-on{background: #b83c3c; border-color: #b83c3c; color: #fff;} .ra-fb-hint{margin: 12px 0 0; color: var(--ra-muted); font-size: 0.85rem;} .ra-cand-decide-q{margin: 20px 0 10px; padding-top: 18px; border-top: 1px solid var(--ra-line); font-weight: 700; color: var(--ra-ink);} .ra-cand-decide-q + .ra-cand-actions{margin-top: 0; padding-top: 0; border-top: 0;} .ra-cand-note{margin: 4px 0 16px; padding: 14px 16px; background: rgba(var(--ra-primary-rgb), 0.06); border-left: 3px solid var(--ra-primary); border-radius: 0 8px 8px 0; color: var(--ra-ink); line-height: 1.55; white-space: pre-line;} .ra-cand-doc{margin: 0 0 16px; border: 1px solid var(--ra-line); border-radius: 10px; overflow: hidden;} .ra-cand-doc-head{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; background: var(--ra-paper); font-weight: 600; color: var(--ra-ink);} .ra-doc-download{flex: 0 0 auto; font-size: 0.85rem; color: var(--ra-primary); text-decoration: none; font-weight: 700;} .ra-doc-download:hover{text-decoration: underline;} .ra-doc-preview{display: block; width: 100%; height: 520px; border: 0;} .ra-doc-noprev{margin: 0; padding: 14px; color: var(--ra-muted); font-size: 0.9rem;} .ra-iv-card{display: flex; gap: 20px; align-items: baseline;} .ra-iv-when{flex: 0 0 auto; min-width: 150px; font-weight: 700; color: var(--ra-primary);} .ra-iv-what h2{margin: 0; font-size: 1.05rem;} .ra-iv-past .ra-iv-when{color: var(--ra-muted);} .ra-iv-attendees{display: flex; align-items: baseline; gap: 8px; margin: 6px 0 0; color: var(--ra-muted); font-size: 0.9rem;} .ra-iv-join{display: inline-flex; align-items: center; gap: 8px; margin-top: 12px;} .ra-portal-table{width: 100%; border-collapse: collapse;} .ra-portal-table th, .ra-portal-table td{padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--ra-line); font-size: 0.92rem;} .ra-portal-table th{color: var(--ra-muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em;} .ra-inv-state{padding: 3px 10px; border-radius: 999px; font-size: 0.76rem; font-weight: 700;} .ra-inv-paid{background: rgba(47, 158, 109, 0.14); color: #1f6f4c;} .ra-inv-open{background: rgba(212, 139, 58, 0.16); color: #8a5a1c;} .ra-inv-draft{background: var(--ra-paper); color: var(--ra-muted);} .ra-contract-signed{background: rgba(47, 158, 109, 0.14); color: #1f6f4c;} .ra-contract-sent{background: rgba(212, 139, 58, 0.16); color: #8a5a1c;} .ra-contract-draft, .ra-contract-suspended, .ra-contract-expired, .ra-contract-terminated{background: var(--ra-paper); color: var(--ra-muted);} .ra-pl-row{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--ra-line);} .ra-pl-meta{color: var(--ra-muted); font-size: 0.88rem;} .ra-cv-card{background: rgba(var(--ra-primary-rgb), 0.05); border-color: rgba(var(--ra-primary-rgb), 0.28);} .ra-cv-intro{margin: 0 0 18px; max-width: 64ch; color: var(--ra-muted); line-height: 1.6;} .ra-cv-row{display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start;} .ra-cv-current{display: flex; align-items: center; gap: 8px; min-width: 220px; margin: 0; color: var(--ra-ink); font-weight: 600;} .ra-cv-none{color: var(--ra-muted); font-weight: 400;} .ra-cv-upload{flex: 1 1 260px;} .ra-portal-form-actions{display: flex; gap: 12px; margin-top: 22px;} .ra-portal-flash{margin: 0 0 18px; padding: 12px 16px; border-radius: 8px; font-weight: 600;} .ra-portal-flash-ok{background: rgba(47, 158, 109, 0.12); color: #1f6f4c;} .ra-portal-flash-error{background: rgba(212, 139, 58, 0.14); color: #8a5a1c;} .ra-application-head{display: flex; justify-content: space-between; align-items: flex-start; gap: 18px;} .ra-application h2{margin: 0; font-size: 1.12rem;} .ra-application h2 a{color: var(--ra-ink); text-decoration: none;} .ra-application h2 a:hover{color: var(--ra-primary); text-decoration: none;} .ra-application-meta{margin: 6px 0 0; color: var(--ra-muted); font-size: 0.88rem;} .ra-application-note{margin: 14px 0 0; color: var(--ra-muted); font-size: 0.88rem;} .ra-status{flex: 0 0 auto; padding: 5px 12px; border-radius: 999px; background: var(--ra-paper); color: var(--ra-muted); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.03em; white-space: nowrap;} .ra-status-received, .ra-status-under_review{background: rgba(var(--ra-primary-rgb), 0.1); color: var(--ra-primary);} .ra-status-in_conversation, .ra-status-shared_with_employer, .ra-status-interviewing{background: rgba(212, 139, 58, 0.16); color: #8a5a1c;} .ra-status-offer, .ra-status-placed{background: rgba(47, 158, 109, 0.14); color: #1f6f4c;} .ra-status-closed{background: var(--ra-paper); color: var(--ra-muted);} .ra-progress{display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 5px; margin-top: 18px;} .ra-progress-step{height: 5px; border-radius: 999px; background: var(--ra-line);} .ra-progress-step.is-done{background: var(--ra-primary);} .ra-portal-empty{text-align: center; padding: 44px 28px;} .ra-portal-empty p{margin: 8px 0 20px; color: var(--ra-muted);} @media (max-width: 992px){.ox_my_home .o_portal_wrap > div.container{margin-left: 0;}.ox_my_home .ra-portal-side-nav{position: static; width: auto; margin: 16px 16px 0; padding: 14px 18px; border: 1px solid var(--ra-line); border-radius: 10px;}.ox_my_home .ra-side-logout{position: static; margin-top: 10px;}.ra-portal-welcome{padding: 24px 20px;}} .ra-portal-form textarea{width: 100%; padding: 12px; border: 1px solid var(--ra-line); border-radius: 6px; background: var(--ra-white); color: var(--ra-ink); font-size: 0.95rem; line-height: 1.55; resize: vertical;} .ra-portal-form textarea:focus{outline: none; border-color: var(--ra-primary); box-shadow: 0 0 0 3px rgba(var(--ra-primary-rgb), 0.14);} .ra-agreement-line{display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin: 0; font-size: 1rem;} .ra-agreement-terms{color: var(--ra-muted); font-size: 0.9rem;} .ra-portal-flash .fa{margin-right: 8px;} .ra-roles-actions{margin-top: 0; margin-bottom: 18px;} .ra-role-withdraw{margin: 10px 0 0; text-align: right;} .ra-role-withdraw .ra-withdraw-link{border: 0; padding: 0; background: none; cursor: pointer;} 

/* <inline asset> defined in bundle 'web.assets_frontend' */
 html:root{--ra-ink: #1c1240; --ra-muted: #5e5d6b; --ra-line: #e4e1ef; --ra-paper: #f7f6fb; --ra-white: #ffffff; --ra-primary: #2e166d; --ra-primary-dark: #22104f; --ra-primary-light: #92db48; --ra-primary-rgb: 46, 22, 109; --ra-warm: #f09843; --ra-green: #4f9d23; --ra-blue: #6999f5; --ra-shadow: 0 18px 45px rgba(28, 18, 64, 0.14);} .ra-hero{background-color: #1c1240;} .ra-hero::after{background: linear-gradient(90deg, rgba(28, 18, 64, 0.94) 0%, rgba(28, 18, 64, 0.82) 38%, rgba(28, 18, 64, 0.32) 72%, rgba(28, 18, 64, 0.18) 100%);} .ra-eyebrow{color: #92db48;} .ra-eyebrow:before{background: #92db48;} .ra-audience-kicker{color: #92db48;} .ra-card{box-shadow: 0 10px 28px rgba(28, 18, 64, 0.06);} .ra-step-number{background: #ebe7f6;} .ra-specialty-list a:hover{border-color: #c9d8fb;} .ra-metric-card{background: #f2effa; border: 1px solid #dfe8fd;} .ra-metric-row{border-top: 1px solid #dfe8fd;} @media (max-width: 900px){.ra-hero::after{background: rgba(28, 18, 64, 0.78);}} .ra-site-header{box-shadow: 0 1px 0 #e4e1ef;} .ra-topbar{background: #1c1240;} .ra-switch{color: #d3cde6;} .ra-switch.is-active{color: #1c1240;} .ra-topbar-link{color: #d3cde6;} .ra-brand-text{color: #1c1240;} .ra-menu-link{color: #1c1240;} .ra-menu-link:hover, .ra-menu-link:focus{background: #f7f6fb;} .ra-submenu{border: 1px solid #e4e1ef; box-shadow: 0 12px 28px rgba(28, 18, 64, .12);} .ra-submenu-link{color: #1c1240;} .ra-submenu-link:hover, .ra-submenu-link:focus{background: #f7f6fb;} .ra-submenu-desc{color: #5e5d6b;} .ra-header-cta-orange{background: #f09843; border-color: #f09843;} .ra-header-cta-orange:hover, .ra-header-cta-orange:focus{background: #d47a2a; border-color: #d47a2a;} .ra-header-cta-navy{background: #1c1240; border-color: #1c1240;} .ra-header-cta-navy:hover, .ra-header-cta-navy:focus{background: #120a2c; border-color: #120a2c;} .ra-header-cta.ra-header-cta-outline{color: #1c1240;} .ra-header-cta-outline.ra-header-cta-orange{color: #f09843;} .ra-header-cta.ra-header-cta-outline:hover, .ra-header-cta.ra-header-cta-outline:focus{background: rgba(28, 18, 64, .06);} .ra-site-footer{background: #1c1240; color: #d3cde6;} .ra-footer-tagline{color: #a39fb8;} .ra-footer-col a{color: #d3cde6;} .ra-footer-address{color: #d3cde6;} .ra-footer-base span{color: #7c7a89;} .ra-page-hero{background: #1c1240;} .ra-page-hero .ra-page-eyebrow{color: #92db48;} .ra-page-hero .ra-page-lead{color: #d3cde6;} .ra-subpage{background: #f7f6fb;} #wrap .oe_website_jobs a{color: #1c1240;} #wrap .media-list .media-body h4 a, #wrap .media-list .media-body h5 a{color: #1c1240;} #wrap .o_wblog_post_title, #wrap .website_blog h2 a, #wrap .website_blog h3 a{color: #1c1240;} #wrap .website_blog .bg-gray{background: #f7f6fb !important;} #wrap .o_wslides_home_content_section_title{color: #1c1240;} #wrap .btn-primary:hover, #wrap .btn-success:hover{background-color: #22104f; border-color: #22104f;} .ra-page-hero .ra-page-cta:hover, .ra-page-hero .ra-page-cta:focus{background: #4a2c99;} .ra-jobs-head h2{color: #1c1240;} .ra-jobs-head p{color: #5e5d6b;} .ra-jobs-filter{border: 1px solid #e4e1ef; background: #f7f6fb;} .ra-filter-field label{color: #5e5d6b;} .ra-jobs-filter input, .ra-jobs-filter select{border: 1px solid #e4e1ef; color: #1c1240;} .ra-filter-clear{border: 1px solid #e4e1ef; color: #5e5d6b;} .ra-jobs-count{color: #5e5d6b;} .ra-job-card{border: 1px solid #e4e1ef;} .ra-job-card:hover{box-shadow: 0 10px 24px rgba(28, 18, 64, 0.09);} .ra-job-title a{color: #1c1240;} .ra-job-sector{color: #5e5d6b;} .ra-job-salary{border: 1px solid #e4e1ef; color: #1c1240;} .ra-job-meta li{color: #5e5d6b;} .ra-job-meta i{color: #8b899a;} .ra-job-card-foot{border-top: 1px solid #e4e1ef;} .ra-job-age{color: #8b899a;} .ra-job-view{background: #1c1240;} .ra-jobs-empty, .ra-jobs-noresult{color: #5e5d6b;} .ra-jobs-empty h3{color: #1c1240;} .ra-jobs-why{background: #f7f6fb; border-top: 1px solid #e4e1ef;} .ra-jobs-why-inner > h2{color: #1c1240;} .ra-jobs-why-grid p{color: #5e5d6b;} .ra-events-hero > div, .ra-events-feature, .ra-event-paths article, .ra-events-listing, .ra-event-card, .ra-events-empty{box-shadow: 0 12px 36px rgba(28, 18, 64, 0.08);} .ra-events-feature{background: linear-gradient(145deg, rgba(28, 18, 64, 0.08), rgba(var(--ra-primary-rgb), 0.10)), var(--ra-white);} .ra-event-tags span, .ra-events-empty .ra-tag{background: #eeeaf7;} .ra-event-detail-hero, .ra-event-detail-body{box-shadow: 0 12px 36px rgba(28, 18, 64, 0.08);} .ra-event-detail-summary{background: linear-gradient(145deg, rgba(28, 18, 64, 0.06), rgba(var(--ra-primary-rgb), 0.08)), var(--ra-paper);} .ra-event-main > .alert{background: #f2effa; border: 1px solid #d8e3fc;} .ra-event-complete-page{box-shadow: 0 12px 36px rgba(28, 18, 64, 0.08);} .ra-route, .ra-step{box-shadow: 0 12px 36px rgba(28, 18, 64, 0.06);} .ra-form-shell{box-shadow: 0 12px 36px rgba(28, 18, 64, 0.08);} .ra-confirmation-inner{background: linear-gradient(145deg, rgba(28, 18, 64, 0.06), rgba(var(--ra-primary-rgb), 0.08)), var(--ra-white); box-shadow: 0 12px 36px rgba(28, 18, 64, 0.08);} .ra-academy .o_wslides_course_card{box-shadow: 0 12px 34px rgba(28, 18, 64, 0.08);} .ra-academy .o_wslides_channel_tag{background: #eeeaf7;} .ra-academy .o_wslides_gradient, .ra-academy .o_wslides_course_header{background: linear-gradient(135deg, #1c1240 0%, var(--ra-primary) 140%) !important; background-image: linear-gradient(135deg, #1c1240 0%, var(--ra-primary) 140%) !important;} .ra-academy .o_wprofile_gradient{background-image: linear-gradient(135deg, #1c1240 0%, var(--ra-primary) 140%) !important;} .ra-academy .o_wslides_slides_list_slide:hover{box-shadow: 0 8px 22px rgba(28, 18, 64, 0.08);} .ra-academy .embed-responsive{box-shadow: 0 12px 34px rgba(28, 18, 64, 0.08);} .ra-academy .o_wslides_js_lesson_quiz .list-group-item:hover, .ra-academy .o_wslides_quiz_answer:hover{background: #eeeaf7;} .ra-academy .o_wslides_js_lesson_quiz .list-group-item.active{background: #eeeaf7;} .ra-academy .alert-success{background: #eeeaf7;} .ra-academy .o_wslides_lesson_main .btn-group .btn-primary.disabled{background: #b4c9f9 !important; border-color: #b4c9f9 !important;} .ra-block-cta p{color: #d3cde6;} .ra-blog-card:hover{box-shadow: 0 12px 30px rgba(28, 18, 64, 0.10);} .ra-blog-card-cover-fallback{background: linear-gradient(135deg, #1c1240 0%, var(--ra-primary) 140%);} .ra-tiptap-panel{box-shadow: 0 14px 40px rgba(28, 18, 64, 0.10);} .ra-cover-preview.is-none{background: linear-gradient(135deg, #1c1240 0%, var(--ra-primary) 140%);} .ra-blog .blog_header .o_blog_cover_filter{background: linear-gradient(180deg, rgba(28, 18, 64, 0.35) 0%, rgba(28, 18, 64, 0.5) 55%, rgba(28, 18, 64, 0.82) 100%) !important;} .ra-blog .blog_header .cover-none .o_blog_cover_filter{background: linear-gradient(135deg, #1c1240 0%, var(--ra-primary) 140%) !important;} .ra-withdraw-field select:focus, .ra-withdraw-field textarea:focus{border-color: var(--ra-primary, #2e166d); box-shadow: 0 0 0 3px var(--ra-primary-light, rgba(46, 22, 109, 0.15));} .ra-availability-badge{color: var(--ra-primary-dark, #22104f); background: var(--ra-primary-light, #ebe7f6);} .ra-availability-pill:hover{border-color: var(--ra-primary, #2e166d); color: var(--ra-primary-dark, #22104f);} .ra-availability-pill.is-active{background: var(--ra-primary, #2e166d); border-color: var(--ra-primary, #2e166d); box-shadow: 0 2px 6px rgba(46, 22, 109, 0.28);} .ra-cv-overlay{background: rgba(28, 18, 64, 0.55);} .ra-cv-overlay-box{box-shadow: 0 24px 60px rgba(28, 18, 64, 0.3);} a.ra-hub-tile:hover{box-shadow: 0 10px 24px rgba(28, 18, 64, .08);} .ra-role-state-on_hold, .ra-role-state-waiting_approval, .ra-role-state-sent, .ra-role-state-revision_needed{background: rgba(240, 152, 67, 0.16);} .ra-cand-fb-interested{background: rgba(46, 22, 109, 0.12);} .ra-inv-paid{background: rgba(79, 157, 35, 0.14);} .ra-inv-open{background: rgba(240, 152, 67, 0.16);} .ra-contract-signed{background: rgba(79, 157, 35, 0.14);} .ra-contract-sent{background: rgba(240, 152, 67, 0.16);} .ra-portal-flash-ok{background: rgba(79, 157, 35, 0.12);} .ra-portal-flash-error{background: rgba(240, 152, 67, 0.14);} .ra-status-in_conversation, .ra-status-shared_with_employer, .ra-status-interviewing{background: rgba(240, 152, 67, 0.16);} .ra-status-offer, .ra-status-placed{background: rgba(79, 157, 35, 0.14);} #wrapwrap > footer{position: relative; background: #120a2c;} #wrapwrap > footer > .scroll-top{position: absolute; left: 24px; bottom: 12px; margin: 0; z-index: 2;} .ra-credit-bar{border-top: 1px solid rgba(255, 255, 255, 0.08); background: #120a2c; color: #a39fb8; padding: 18px 72px; text-align: center; font-size: 13px; line-height: 1.5;} .ra-credit-bar a{color: #ffffff; font-weight: 700; text-decoration: none;} .ra-credit-bar a:hover, .ra-credit-bar a:focus{color: #92db48; text-decoration: none;} .ra-credit-bar .ra-credit-icon{width: 20px; height: 20px; vertical-align: -5px; margin-right: 10px;} .ra-credit-bar .ra-credit-logo img{height: 15px; width: auto; vertical-align: -2px; margin-left: 6px; filter: brightness(0) invert(1);} .ra-credit-bar .ra-credit-logo:hover img, .ra-credit-bar .ra-credit-logo:focus img{opacity: .85;} .ra-footer-base .ra-footer-copy span{display: inline; max-width: none; margin: 0; padding: 0; font-size: inherit; color: inherit;} .ra-footer-base .ra-footer-copy .ra-footer-legal{margin-left: 18px; white-space: nowrap;} .ra-footer-base .ra-footer-copy .ra-footer-sep{margin: 0 8px; opacity: .6;} .ra-footer-base .ra-footer-copy a{color: inherit;} .ra-footer-base .ra-footer-copy a:hover, .ra-footer-base .ra-footer-copy a:focus{color: #ffffff;} .ra-block:not(.ra-block-cta) .ra-eyebrow, .ra-events-listing .ra-eyebrow{color: var(--ra-primary);} @media (max-width: 600px){.ra-topbar-inner{padding: 0 10px; gap: 6px; align-items: center;}.ra-audience-switch{min-width: 0;}.ra-switch{padding: 11px 7px; font-size: 10.5px; letter-spacing: 0.01em; white-space: nowrap;}.ra-topbar-lang{gap: 5px !important;}.ra-topbar-account{gap: 8px;}.ra-topbar-link{font-size: 10.5px; letter-spacing: 0.01em; white-space: nowrap;}.ra-topbar-account .ra-topbar-link span{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}.ra-topbar-account .ra-topbar-link:before{content: "\f007"; font-family: FontAwesome; font-size: 15px; line-height: 1;}} @media (max-width: 360px){.ra-switch{padding: 11px 5px; font-size: 9.5px;}.ra-topbar-link{font-size: 9.5px;}} body.bg-login{background-color: #1c1240 !important; background-image: radial-gradient(circle at 12% 18%, rgba(105, 153, 245, 0.28), transparent 42%), radial-gradient(circle at 88% 82%, rgba(146, 219, 72, 0.20), transparent 40%), radial-gradient(circle at 80% 10%, rgba(240, 152, 67, 0.16), transparent 35%), linear-gradient(160deg, #2e166d 0%, #1c1240 55%, #120a2c 100%) !important; background-attachment: fixed; min-height: 100vh;} body.bg-login .card.card-shadowed, body.bg-login .oe_website_login_container > .rounded{position: relative; overflow: hidden; border: 0; border-radius: 20px; box-shadow: 0 30px 80px rgba(8, 4, 24, 0.45); padding: 46px 44px 30px !important; max-width: 660px; margin-left: auto !important; margin-right: auto !important;} body.bg-login .card.card-shadowed:before, body.bg-login .oe_website_login_container > .rounded:before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #2e166d 0 25%, #6999f5 25% 50%, #92db48 50% 75%, #f09843 75% 100%);} body.bg-login .logo-img{max-height: 46px; width: auto; margin: 0 auto;} body.bg-login .ra-auth-title{margin: 22px 0 6px; font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; color: var(--ra-ink);} body.bg-login .ra-auth-sub{margin: 0 0 26px; font-size: 15px; color: var(--ra-muted);} body.bg-login .form-group{margin-bottom: 14px;} body.bg-login .form-control{height: 50px; padding: 12px 15px; font-size: 15px; color: var(--ra-ink) !important; background: #ffffff; border: 1px solid #ddd8ea !important; border-radius: 10px !important; box-shadow: none !important;} body.bg-login .form-control::placeholder{color: #8b899a;} body.bg-login .form-control:focus{border-color: var(--ra-primary) !important; box-shadow: 0 0 0 3px rgba(46, 22, 109, 0.14) !important; outline: 0;} body.bg-login select.form-control{color: #5e5d6b !important;} body.bg-login .btn-primary, body.bg-login .o_signup_btn{height: 52px; border: 0 !important; border-radius: 999px !important; background: var(--ra-primary) !important; color: #ffffff !important; font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none; box-shadow: 0 10px 24px rgba(46, 22, 109, 0.28);} body.bg-login .btn-primary:hover, body.bg-login .o_signup_btn:hover{background: var(--ra-primary-dark) !important;} body.bg-login .ra-auth-consent{margin: 4px 0 18px; font-size: 13px; line-height: 1.6; color: var(--ra-muted); text-align: center;} body.bg-login .ra-auth-consent a, body.bg-login .card a{color: var(--ra-primary); font-weight: 600;} body.bg-login .card hr{border-color: var(--ra-line);} @media (max-width: 600px){body.bg-login .card.card-shadowed, body.bg-login .oe_website_login_container > .rounded{padding: 36px 20px 24px !important; border-radius: 16px;}body.bg-login .ra-auth-title{font-size: 24px;}} body.bg-login .oe_website_login_container > .rounded{width: 100%; max-width: 480px; background: #ffffff;} body.bg-login .ra-auth-logo img{height: 40px; width: auto; display: inline-block;} body.bg-login .oe_login_buttons .clearfix{display: flex; flex-direction: column; gap: 10px;} body.bg-login .oe_login_buttons .btn-primary{float: none !important; width: 100%;} body.bg-login .oe_login_buttons .btn-link{float: none !important; text-align: center; text-transform: none; letter-spacing: 0; font-size: 14px; color: var(--ra-primary) !important;} .ra-drawer-top{display: none;} @media (max-width: 991px){.ra-topbar{display: none !important;}.ra-mainbar{position: relative; z-index: 1001; background: #ffffff;}.ra-mainbar-inner{flex-wrap: nowrap !important; align-items: center; justify-content: space-between; padding-top: 12px; padding-bottom: 12px;}.ra-brand img{height: 36px !important;}.ra-nav-toggle{display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 46px; height: 46px; margin-left: auto; padding: 0 12px; background: #f2effa; border: 0; border-radius: 12px; cursor: pointer;}.ra-nav-toggle-bar{display: block; height: 2px; width: 100%; background: var(--ra-primary); border-radius: 2px; transition: transform .2s ease, opacity .2s ease;}body.ra-nav-open .ra-nav-toggle-bar:nth-child(1){transform: translateY(7px) rotate(45deg);}body.ra-nav-open .ra-nav-toggle-bar:nth-child(2){opacity: 0;}body.ra-nav-open .ra-nav-toggle-bar:nth-child(3){transform: translateY(-7px) rotate(-45deg);}body.ra-nav-open{overflow: hidden;}.ra-site-nav{display: none !important; position: fixed; top: 70px; left: 0; right: 0; bottom: 0; z-index: 1000; width: auto !important; margin: 0 !important; padding: 18px 16px 32px; flex-direction: column; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 12px; background: #ebe7f6; overflow-y: auto; overscroll-behavior: contain;}body.ra-nav-open .ra-site-nav{display: flex !important;}.ra-drawer-top, .ra-site-nav > .ra-menu, .ra-site-nav > .ra-header-cta{flex-shrink: 0;}.ra-drawer-top{display: block;}.ra-drawer-switch{display: flex !important; padding: 4px; margin-bottom: 14px; background: #ffffff; border-radius: 999px;}.ra-drawer-switch .ra-switch{flex: 1 1 50%; justify-content: center; padding: 11px 8px !important; font-size: 13px !important; letter-spacing: 0 !important; text-transform: none; white-space: nowrap; color: var(--ra-ink) !important; border: 0 !important; border-radius: 999px; background: transparent !important;}.ra-drawer-switch .ra-switch.is-active{background: var(--ra-primary) !important; color: #ffffff !important;}.ra-drawer-utils{display: flex; align-items: center; justify-content: center; gap: 22px; margin-bottom: 6px;}.ra-drawer-utils .ra-topbar-lang, .ra-drawer-utils .ra-topbar-account{display: flex; align-items: center; gap: 10px; margin: 0 !important;}.ra-drawer-utils .ra-topbar-link{color: var(--ra-ink) !important; font-size: 14px !important; font-weight: 700;}.ra-drawer-utils .ra-topbar-account .ra-topbar-link span{position: static; width: auto; height: auto; overflow: visible; clip: auto;}.ra-drawer-utils .ra-topbar-account .ra-topbar-link:before{content: "\f007"; font-family: FontAwesome; margin-right: 8px; font-size: 16px;}.ra-menu{flex-direction: column; align-items: stretch !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100%;}.ra-menu-item{background: #ffffff; border-radius: 16px;}.ra-menu-link{display: flex !important; justify-content: space-between; align-items: center; width: 100%; padding: 16px 18px !important; font-size: 16px !important; color: var(--ra-ink) !important;}.ra-menu-item:not(.ra-has-children) > .ra-menu-link:after{content: "\203A"; font-size: 24px; line-height: 1; color: var(--ra-primary);}.ra-submenu, .ra-menu-item:hover > .ra-submenu, .ra-menu-item:focus-within > .ra-submenu{display: none; position: static; min-width: 0; max-height: none; margin: 0; padding: 0 10px 12px; opacity: 1; visibility: visible; transform: none; border: 0; border-radius: 0; box-shadow: none; background: transparent;}.ra-menu-item.is-open > .ra-submenu{display: block;}.ra-menu-item.is-open > .ra-menu-link .ra-menu-caret{transform: rotate(180deg);}.ra-submenu-link{padding: 10px 8px; border-top: 1px solid #f2effa; border-radius: 0;}.ra-header-cta{width: 100%; justify-content: center; margin-top: 8px;}}