.o_planner_dialog > .modal-dialog > .modal-content > .modal-header > .modal-title > .progress > .progress-bar{background-color: #5cb85c; box-shadow: none;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-footer{padding-left: 25%;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-footer > :first-child{margin-left: 25px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 0;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_menu{float: left; width: 25%; height: 100%; overflow: auto; border-right: 1px solid #e6e6e6; margin: 0; padding-top: 10px; padding-left: 18px; padding-right: 18px; list-style-type: none; line-height: 1.6;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_menu > li{text-indent: -18px; padding-left: 18px; position: relative;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_menu > li > a{color: #666666; padding-left: 18px; font-weight: 600; font-size: 14px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_menu > li > a:hover{color: #7c7bad;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_menu > li > a > .fa{position: absolute; top: 4px; left: 1px; bottom: auto; right: auto;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_menu > li.active > a{color: #7c7bad;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_menu > h4{padding-left: 27px; font-size: 12px; color: #a8a8a8; border-top: 1px solid #e6e6e6; margin-left: -15px; margin-bottom: 15px; padding-top: 20px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_menu > h4 > i.fa{margin-right: 10px; font-size: 14px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page{display: none; height: 100%; overflow: auto; margin-left: 25%; padding: 0 25px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page > h1{font-size: 2.5em; font-weight: 300;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_intro{font-size: 120%;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .label > a{color: inherit;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .well, .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .panel, .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .alert{box-shadow: none; border-radius: 0;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .well{padding: 30px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .well .label{font-size: 12px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .alert{padding: 30px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .fa-lightbulb-o{padding-top: 5px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .fa-lightbulb-o:before{float: left; font-size: 20px; padding-right: 10px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page.marked:after{position: absolute; top: 0; left: 360px; bottom: auto; right: auto; font-size: 300px; font-family: "FontAwesome"; content: "\f00c"; color: #5cb85c; -ms-transform-origin: 50% 50% 0; -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-animation: markAnim 1s ease-in-out 0s 1 normal forwards running; -moz-animation: markAnim 1s ease-in-out 0s 1 normal forwards running; -o-animation: markAnim 1s ease-in-out 0s 1 normal forwards running; animation: markAnim 1s ease-in-out 0s 1 normal forwards running;} @media (max-width: 991px){.o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page.marked:after{left: 40%; font-size: 30vw;}} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container{margin: 20px 0;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook{color: #555; padding: 0 !important; font-family: courier, monospace; border: 1px solid #faebcc; color: #8a6d3b; position: relative; background-color: #fcf8e3;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook textarea, .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook input[type="text"]{background: #fcf8e3; border: none; width: 100%; max-width: 100%;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook input[type="radio"], .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook input[type="checkbox"]{margin-right: 5px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook > li{list-style: none; border-bottom: 1px dashed #C1D6DA; padding: 10px 10px 5px 55px; text-transform: capitalize; margin: 0;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook > li .indented{padding-left: 32px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook > li span{position: absolute; left: 9px; color: #c7b492; font-size: 20px; font-weight: bold;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook > li.row span{left: -50px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook > li:last-child{border-bottom: 0;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook .o_planner_notebook_header div.dropdown{display: inline; float: right;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook .o_planner_notebook_header a{color: #C4A87A; position: absolute; top: 13px; right: 13px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook .o_planner_notebook_header a:hover{text-decoration: none; color: #9C855D;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook .o_planner_notebook_header select{margin-bottom: 10px; font-family: sans-serif; font-size: 16px; border: none; background: #F5E7CF; padding: 3px; width: auto;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook > li:not(.o_planner_notebook_header):hover{background-color: #F5EFD0;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_notebook_container .o_planner_notebook .o_planner_notebook_line_separator{border-left: 1px solid #ffaa9f; border-right: 1px solid #ffaa9f; background: transparent; position: absolute; width: 3px; height: 100%; top: 0; left: 42px; border-bottom: 0; border-top: 0;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_white_box .panel{height: 200px; width: 100%; font-size: 1.1em; padding-top: 40px;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_white_box .panel a:hover{text-decoration: none;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_trophy{font-size: 11em; color: #875A7B; margin-top: .5em; -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 1.75s; animation-duration: 1.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .info_icon{position: relative; padding-left: 5em; min-height: 6em;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .info_icon .fa{position: absolute; font-size: 5em; left: 0.2em; opacity: 0.6;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .odoo_purple, .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page a.btn.odoo_purple, .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .btn.odoo_purple:hover{background-color: #875A7B; color: white;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_paragraphs .icon{text-align: center; font-size: 2em; color: #21b799;} .o_planner_dialog > .modal-dialog > .modal-content > .modal-body > .o_planner_page .o_planner_row_apps .col-md-4{margin-top: 20px;} 

/* /web_tour/static/src/less/tip.less defined in bundle 'web.assets_common' */
 .o_tooltip_parent{position: relative!important; opacity: 0.999;} .o_tooltip{box-sizing: content-box; position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; opacity: 0; width: 24px; height: 24px; border: 2px solid #7c7bad; border-radius: 50%; padding: 0; z-index: 1051; background-color: #7c7bad; box-shadow: 0 2px 2px 1px rgba(150, 150, 150, 0.3); transition: width 133ms ease 0ms, height 133ms ease 0ms, margin 133ms ease 0ms, border-radius 133ms ease 66ms;} .o_tooltip.o_animated{-webkit-animation: move-bottom-top 500ms ease-in 0ms infinite alternate none running; -moz-animation: move-bottom-top 500ms ease-in 0ms infinite alternate none running; -o-animation: move-bottom-top 500ms ease-in 0ms infinite alternate none running; animation: move-bottom-top 500ms ease-in 0ms infinite alternate none running;} .o_tooltip.o_animated.right, .o_tooltip.o_animated.left{-webkit-animation-name: move-left-right; animation-name: move-left-right;} .o_tooltip::before{content: ""; border: 0 solid rgba(0, 0, 0, 0); transition: all 100ms ease 100ms;} .o_tooltip.right::before{position: absolute; top: 2px; left: -8px; bottom: auto; right: auto; border-width: 10px 10px 10px 0; border-right-color: #7c7bad;} .o_tooltip.top::before{position: absolute; top: auto; left: 2px; bottom: -8px; right: auto; border-width: 10px 10px 0 10px; border-top-color: #7c7bad;} .o_tooltip.left::before{position: absolute; top: 2px; left: auto; bottom: auto; right: -8px; border-width: 10px 0 10px 10px; border-left-color: #7c7bad;} .o_tooltip.bottom::before{position: absolute; top: -8px; left: 2px; bottom: auto; right: auto; border-width: 0 10px 10px 10px; border-bottom-color: #7c7bad;} .o_tooltip::after{content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-color: #7c7bad; border-radius: 50%; transition: margin 133ms ease 0ms, border-radius 200ms linear 0s; background: radial-gradient(#9291bb, #7c7bad);} .o_tooltip > .o_tooltip_overlay{display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: -2px; z-index: -1;} .o_tooltip > .o_tooltip_content{overflow: hidden; padding: 6px 12px; visibility: hidden; transition: visibility 0s ease 0s; color: black; line-height: 1.42857143; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;} .o_tooltip > .o_tooltip_content .o_skip_tour{display: inline-block; margin-top: 4px; cursor: pointer; color: gray;} .o_tooltip > .o_tooltip_content .o_skip_tour:hover{color: #4d4d4d;} .o_tooltip > .o_tooltip_content > p:last-child{margin-bottom: 0;} .o_tooltip.active{border-radius: 0; background-color: white; transition: width 225ms ease 75ms, height 225ms ease 75ms, margin 225ms ease 75ms, border-radius 150ms ease 0ms, background-color 300ms ease 0ms;} .o_tooltip.active::before{transition: all 150ms ease 0ms;} .o_tooltip.active::after{border: 0 solid rgba(0, 0, 0, 0); border-radius: 0;} .o_tooltip.active > .o_tooltip_overlay{display: block;} .o_tooltip.active > .o_tooltip_content{visibility: visible; transition: visibility 0s ease 300ms;} .o_tooltip.active.right::before{left: -10px; border-right-color: #7c7bad;} .o_tooltip.active.right::after{position: absolute; top: 2px; left: -6px; bottom: auto; right: auto; border-width: 10px 10px 10px 0; border-right-color: white; transition: border-right-color 300ms ease 0ms;} .o_tooltip.active.top::before{bottom: -10px; border-top-color: #7c7bad;} .o_tooltip.active.top::after{position: absolute; top: auto; left: 2px; bottom: -6px; right: auto; border-width: 10px 10px 0 10px; border-top-color: white; transition: border-top-color 300ms ease 0ms;} .o_tooltip.active.left::before{right: -10px; border-left-color: #7c7bad;} .o_tooltip.active.left::after{position: absolute; top: 2px; left: auto; bottom: auto; right: -6px; border-width: 10px 0 10px 10px; border-left-color: white; transition: border-left-color 300ms ease 0ms;} .o_tooltip.active.bottom::before{top: -10px; border-bottom-color: #7c7bad;} .o_tooltip.active.bottom::after{position: absolute; top: -6px; left: 2px; bottom: auto; right: auto; border-width: 0 10px 10px 10px; border-bottom-color: white; transition: border-bottom-color 300ms ease 0ms;} .o_tooltip.inverse.left::before, .o_tooltip.inverse.right::before, .o_tooltip.inverse.left.active::after, .o_tooltip.inverse.right.active::after{top: auto; bottom: 2px;} .o_tooltip.inverse.top::before, .o_tooltip.inverse.bottom::before, .o_tooltip.inverse.top.active::after, .o_tooltip.inverse.bottom.active::after{left: auto; right: 2px;} @media print{.o_tooltip{display: none;}} 

/* /web_tour/static/src/less/keyframes.less defined in bundle 'web.assets_common' */
 @-webkit-keyframes move-left-right{0%{-webkit-transform: translate(-3px, 0); -ms-transform: translate(-3px, 0); -o-transform: translate(-3px, 0); transform: translate(-3px, 0);}100%{-webkit-transform: translate(3px, 0); -ms-transform: translate(3px, 0); -o-transform: translate(3px, 0); transform: translate(3px, 0);}} @-moz-keyframes move-left-right{0%{-webkit-transform: translate(-3px, 0); -ms-transform: translate(-3px, 0); -o-transform: translate(-3px, 0); transform: translate(-3px, 0);}100%{-webkit-transform: translate(3px, 0); -ms-transform: translate(3px, 0); -o-transform: translate(3px, 0); transform: translate(3px, 0);}} @keyframes move-left-right{0%{-webkit-transform: translate(-3px, 0); -ms-transform: translate(-3px, 0); -o-transform: translate(-3px, 0); transform: translate(-3px, 0);}100%{-webkit-transform: translate(3px, 0); -ms-transform: translate(3px, 0); -o-transform: translate(3px, 0); transform: translate(3px, 0);}} @-webkit-keyframes move-bottom-top{0%{-webkit-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -o-transform: translate(0, -3px); transform: translate(0, -3px);}100%{-webkit-transform: translate(0, 3px); -ms-transform: translate(0, 3px); -o-transform: translate(0, 3px); transform: translate(0, 3px);}} @-moz-keyframes move-bottom-top{0%{-webkit-transform: translate(0px, -3px); -ms-transform: translate(0px, -3px); -o-transform: translate(0px, -3px); transform: translate(0px, -3px);}100%{-webkit-transform: translate(0, 3px); -ms-transform: translate(0, 3px); -o-transform: translate(0, 3px); transform: translate(0, 3px);}} @keyframes move-bottom-top{0%{-webkit-transform: translate(0px, -3px); -ms-transform: translate(0px, -3px); -o-transform: translate(0px, -3px); transform: translate(0px, -3px);}100%{-webkit-transform: translate(0, 3px); -ms-transform: translate(0, 3px); -o-transform: translate(0, 3px); transform: translate(0, 3px);}}