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

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

/* /openeducat_core/static/src/scss/main.scss defined in bundle 'web.assets_frontend' */
 .highlight{background-color: #AEAEAE;} .offwhite{background-color: #c8c8c8;} @media (max-width: 410px){.nav-logo{width: 70%;}.navbar-toggle{position: relative; float: right; padding: 9px 10px; margin: 24px 20px 24px 0; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;}} @media (max-width: 320px){.nav-logo{width: 78%;}.navbar-toggle{position: relative; float: right; padding: 9px 10px; margin: 17px 20px 17px 0; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;}} @media (max-width: 1199px){.nav-logo{width: 78%;}.navbar-toggle{position: relative; float: right; padding: 9px 10px; margin: 17px 20px 17px 0; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;}} .mb50{margin-bottom: 50px;} .mrgtop64{margin-top: 64px;} .font-white{color: #333; padding-top: 100px;} .font-invert{color: #969494; padding-top: 100px;} .inver-box{background-color: white; height: 300px;} .x-inver-box{background-color: #c8c8c8; height: 300px;} @media (max-width: 768px){.x-inver-box{top: 0px;}.font-white{padding-top: 95px;}.font-invert{padding-top: 95px;}.inver-box{top: 0px;}.mrgtop64{marigin-top: 16px;}} @media (max-width: 992px){.x-inver-box{top: 0px;}.font-white{padding-top: 95px;}.font-invert{padding-top: 95px;}.inver-box{top: 0px;}.mrgtop64{margin-top: 16px;}} @media (max-width: 768px){h1{font-size: 1.8em;}h2{font-size: 1.8em;}} a:focus, a:hover{text-decoration: none;} .hvr-grow{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;} .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active{-webkit-transform: scale(1.3); transform: scale(1.3);} a{color: #333; text-decoration: none;} .d-link:hover{color: #2a6496 !important;} @-webkit-keyframes hvr-pulse-grow{to{-webkit-transform: scale(1.1); transform: scale(1.1);}} @keyframes hvr-pulse-grow{to{-webkit-transform: scale(1.1); transform: scale(1.1);}} .hvr-pulse-grow{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;} .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active{-webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;} 

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

/* /web_openeducat/static/src/scss/homepage.scss defined in bundle 'web.assets_frontend' */
 #header .footer-social a{display: inline-block; width: 25px; height: 25px; background-color: #fff; border-radius: 100%; text-align: center; line-height: 28px; font-size: 12px; margin-left: 6px;} #header .footer-social a.facebook{color: #0054a6;} #header .footer-social a.facebook:hover{background-color: #0054a6; color: #fff;} #header .footer-social a.youtube{color: #c4302b;} #header .footer-social a.youtube:hover{background-color: #c4302b; color: #fff;} #header .footer-social a.twitter{color: #38a1f3;} #header .footer-social a.twitter:hover{background-color: #38a1f3; color: #fff;} #header .footer-social a.google-plus{color: #cc3333;} #header .footer-social a.google-plus:hover{background-color: #cc3333; color: #fff;} @media only screen and (max-width: 767px){#header .header-contact{text-align: center;}#header .footer-social{text-align: center; padding-top: 8px;}#header .contact-details{display: block;}} #home-page .text_style{font-size: 18px;} #home-page .btn_style{border-radius: 50px; padding: 21px 40px 21px; font-size: 16px; display: inline-block;} #home-page .background_style{min-height: 97vh !important;} #home-page .paragraph{top: -105px; z-index: 9; position: relative;} #home-page .icon_style{width: 34px;} @media only screen and (max-width: 767px){#home-page .image_style{display: none;}} @media only screen and (max-width: 767px){#home-page .btn_style{padding: 12px 16px 12px; font-size: 14px; margin-right: 10px;}} @media only screen and (max-width: 767px){#home-page h1{font-size: 28px;}} @media only screen and (max-width: 767px){#home-page .background_style{min-height: 75vh !important;}} @media only screen and (min-width: 768px) and (max-width: 991px){#home-page .background_style{min-height: 30vh !important;}} #about .text_format{font-size: 48px;} #about .default-btn{display: inline-block; font-size: 16px; font-weight: bold; padding: 18px 35px 16px; border-radius: 50px;} #about .video-btn{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);} #ourcourse .bg-img{background-size: cover; background-position: center;} #ourcourse .text_format{font-size: 48px;} #ourcourse .default-btn{display: inline-block; font-size: 16px; font-weight: bold; padding: 18px 35px 16px; border-radius: 50px; margin-top: 110px;} #ourcourse .heading{position: absolute; top: 0; left: 0; background-color: #00A09D; color: #fff; font-size: 13px; display: inline-block; line-height: 1; padding: 6px 16px 8px;} #ourcourse .hovereffect{overflow: hidden; position: relative; cursor: default;} #ourcourse .hovereffect img{position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; width: 100%;} #ourcourse .hovereffect:hover img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} #ourcourse .icon_block{padding: 0px 7px 20px;} #ourcourse .icon_text{font-size: 12px;} #ourcourse .icon_style{display: inline-block; width: 25px; height: 25px; background-color: #dddddd; line-height: 25px; font-size: 12px; text-align: center; border-radius: 100%;} #ourcourse .icon_btn{border-radius: 0 50px 51px 0; font-size: 14px; padding: 19px 40px; background-color: greeen;} #ourcourse .overlay{visibility: hidden; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} #ourcourse .coursedetails:hover .overlay{visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #ourcourse .blog-content a{text-decoration: none; color: black;} #ourcourse .blog-content a:hover{color: #875A7B;} #achieve .text_format{font-size: 48px;} #achieve .single-count:before{right: 7px; position: absolute; top: 8px; background-color: #e1dddd; content: ""; width: 3px; height: 50px;} #achieve .bg-img{background-image: url("/web_openeducat/static/src/img/testi.png");} #achieve .default-overlay:before{background-color: #00A09D; opacity: 0.95; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; right: 0; bottom: 0;} #achieve .textlayout{position: relative;} @media only screen and (max-width: 767px){#achieve .single-count:before{right: 7px; position: absolute; top: 8px; background-color: #e1dddd; content: ""; width: 0px; height: 50px;}} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){#achieve div.single-count:nth-child(2):before{background-color: #fff;}} #teacher{} #teacher .text_format{font-size: 48px;} #teacher .single-teacher{position: relative;} #teacher .single-teacher .teacher-content-wrap .teacher-content{padding: 42px 33px;} #teacher .single-teacher .teacher-content-wrap .teacher-content .teacher-social{margin: 43px 0 0;} #teacher .single-teacher .teacher-content-wrap{position: absolute; top: 0; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; z-index: 99;} #teacher .single-teacher:hover .teacher-content-wrap, #teacher .single-teacher:hover:before, #teacher .single-teacher:hover:after{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} #teacher .single-teacher .teacher-content-wrap .teacher-content h4{color: #fff; font-size: 18px; font-weight: bold; margin: 0 0 6px;} #teacher .single-teacher .teacher-content-visible h4{color: #00A09D; font-size: 18px; font-weight: bold; margin: 0 0 6px;} #teacher .single-teacher .teacher-content-wrap .teacher-content h5{color: #fff; font-size: 16px; font-weight: bold; margin: 0 0 10px;} #teacher .single-teacher .teacher-content-wrap .teacher-content p{color: #fff; line-height: 25px; margin: 0;} #teacher .single-teacher .teacher-content-wrap .teacher-content .teacher-social ul{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} #teacher ul{list-style: outside none none; margin: 0; padding: 0;} #teacher .single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li{margin: 0 6px 0 0;} #teacher .teacher-social ul li a.facebook{color: #0054a6;} #teacher .teacher-social ul li a.youtube-play{color: #c4302b;} #teacher .teacher-social ul li a.twitter{color: #38a1f3;} #teacher .teacher-social ul li a.google-plus{color: #cc3333;} #teacher .single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.facebook:hover{background-color: #0054a6; color: #fff;} #teacher .single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.youtube-play:hover{background-color: #c4302b; color: #fff;} #teacher .single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.twitter:hover{background-color: #38a1f3; color: #fff;} #teacher .single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.google-plus:hover{background-color: #cc3333; color: #fff;} #teacher .single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a{width: 28px; height: 28px; border-radius: 100%; text-align: center; line-height: 28px; font-size: 12px; background-color: #fff; display: inline-block;} #teacher .single-teacher:hover .teacher-content-visible{-webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);} #teacher .single-teacher .teacher-content-visible{position: absolute; right: 0; bottom: 0; background-color: #fff; text-align: right; padding: 20px 31px 20px 37px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;} #teacher .single-teacher:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #00A09D; opacity: .9; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;} #teacher .single-teacher:after{border: 1px solid #875A7B; left: 12px; top: 15px; right: 12px; bottom: 15px; position: absolute; content: ""; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;} #teacher *, #teacher *::after, #teacher *::before{-webkit-box-sizing: border-box; box-sizing: border-box;} #teacher *, #teacher ::after, #teacher ::before{box-sizing: border-box;} #teacher .custom-col-5{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-right: 21px; padding-left: 21px; position: relative; width: 100%; min-height: 1px;} #teacher .single-teacher .teacher-img img{width: 100%;} @media only screen and (max-width: 1365px) and (min-width: 1200px){#teacher .custom-col-5{padding-right: 15px; padding-left: 15px;}} @media only screen and (max-width: 991px) and (min-width: 768px){#teacher .custom-col-5{padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}} @media only screen and (max-width: 767px){#teacher .custom-col-5{padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}} #newsfeed .text_format{font-size: 48px;} #newsfeed .hovereffect{overflow: hidden; position: relative; cursor: default;} #newsfeed .hovereffect img{position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; width: 100%;} #newsfeed .hovereffect:hover img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} #newsfeed .blog-title{position: relative; top: -13px; left: 20px; background-color: #00A09D; color: #fff; display: inline-block; line-height: 1; padding: 6px 10px;} #newsfeed .blog-content{padding: 7px 20px 2px;} #newsfeed .blog-content h6{min-height: 40px;} #newsfeed .blog-content a{text-decoration: none; color: black;} #newsfeed .blog-content a:hover{color: #875A7B;} #newsfeed .blog-date{padding: 4px 20px 4px;} #newsfeed .blog-date a:hover{text-decoration: none;} #event .text_format{font-size: 48px;} #event .event-content a{text-decoration: none; color: #444;} #event .event-content a:hover{text-decoration: none; color: #875A7B;} #event .event-img{overflow: hidden; position: relative; cursor: default;} #event .event-img img{position: relative; -webkit-transition: all .4s linear; transition: all .4s linear;} #event .event-img:hover img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} #event .single-event .event-img .event-date-wrap{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; background-color: #00A09D; padding: 12px 20px 12px;} #event .single-event .event-content{padding: 24px 30px 30px;} #event .single-event .event-img .event-date-wrap span{color: #fff; font-size: 18px; font-weight: bold; display: block; line-height: 1;} #event .single-event .event-content .event-meta-wrap .event-meta i{width: 25px; height: 25px; border-radius: 100%; color: #fff; background-color: #00A09D; font-size: 12px; text-align: center; line-height: 25px; margin: 0 8px 0 0;} #event .single-event .event-content .event-meta-wrap .event-meta span{color: #00A09D;} #event .single-event .event-content .event-meta-wrap{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} @media only screen and (max-width: 768px){#event .single-event .event-content .event-meta-wrap{display: block;}} #contact .default-overlay:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; right: 0; bottom: 0; background-color: #003502; opacity: .89;} #contact .border-style{border-bottom: 3px solid #875A7B; width: 45px;} #contact .footer-link a{text-decoration: none; color: white;} #contact .footer-gallery ul{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0;} #contact .footer-gallery ul li{-webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; margin: 0 10px 10px 0;} #contact .footer-gallery ul li a img{width: 100%;} #contact .formemail{height: 43px; padding: 2px 20px;} #footer .footer-link a{text-decoration: none; color: white;} #footer .footer-social ul li{margin-left: 6px;} #footer .footer-social ul li a{display: inline-block; width: 25px; height: 25px; background-color: #fff; border-radius: 100%; text-align: center; line-height: 28px; font-size: 12px;} #footer .footer-social ul li a.facebook{color: #0054a6;} #footer .footer-social ul li a.facebook:hover{background-color: #0054a6; color: #fff;} #footer .footer-social ul li a.youtube{color: #c4302b;} #footer .footer-social ul li a.youtube:hover{background-color: #c4302b; color: #fff;} #footer .footer-social ul li a.twitter{color: #38a1f3;} #footer .footer-social ul li a.twitter:hover{background-color: #38a1f3; color: #fff;} #footer .footer-social ul li a.google-plus{color: #cc3333;} #footer .footer-social ul li a.google-plus:hover{background-color: #cc3333; color: #fff;} #footer-copy-rights .js_language_selector{margin-left: 32px;} 

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

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

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

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