.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: #ffffff;} .bg-primary{background-color: #337ab7 !important; color: #ffffff;} .bg-info{background-color: #5bc0de !important; color: #ffffff;} .bg-danger{background-color: #d9534f !important; color: #ffffff;} .bg-warning{background-color: #f0ad4e !important; color: #ffffff;} .color-black{color: #000;} .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: #000 !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: #ffffff;} .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: #ffffff;} .bg-delta{background-color: #FF9428 !important; color: #ffffff;} .bg-epsilon{background-color: #6E6E6E !important; color: #ffffff;} .bg-alpha-lighter{background-color: #8cb9fc !important; color: #ffffff;} .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: #ffffff;} .bg-epsilon-lighter{background-color: #888888 !important; color: #ffffff;} .bg-alpha-light{background-color: #73aafc !important; color: #ffffff;} .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: #ffffff;} .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: #ffffff;} .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;} 

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

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

/* /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{} #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: 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;}.co_calendar_meeting_widget{}} @media (max-width: 767px){.appointment-cal{display: block;}.co_calendar_meeting_widget{}#slot_container{width: 100%; margin: 0; padding: 0;}} #co_calendar_meeting_types_form{padding-top: 80px; margin: 0 auto; width: 100%; display: flex; justify-content: center;} .calendar-app-form-container{display: flex; justify-content: center; padding: 20px; position: relative; height: 100%; overflow: hidden; width: 1036px;} .calendar-app-form-container form{width: 650px; padding-right: 20px; display: inline-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;} 

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

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

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

/* /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_website_slide/static/src/scss/co_website_slide.scss.css defined in bundle 'web.assets_frontend' */
.embed-responsive{height: initial;} .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;} 

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

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

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

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