forked from magento/devdocs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.css
1 lines (1 loc) · 45.2 KB
/
app.css
1
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}img,embed,object,video{max-width:100%}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.85714%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.btn{display:inline-block;margin:0;background-repeat:repeat-x;border:none;border-radius:2px;cursor:pointer;color:#333;font-weight:semibold;line-height:1em;text-align:center;vertical-align:middle;transition:.3s}.btn:visited{color:#333}.btn:hover,.btn:active{color:#333;text-decoration:none}.btn.disabled,.btn[disabled]{cursor:not-allowed;opacity:0.65}.btn{padding:14px 30px 16px 30px;font-size:15px;line-height:1;font-weight:600}.btn-large{padding:19px 35px 20px;font-size:20px;font-weight:400}.btn-small{padding:8px 20px;font-size:13px}.btn-primary{color:#fff;background-color:#F26322}.btn-primary:visited{color:#fff;background-color:#F26322}.btn-primary:hover,.btn-primary:active{color:#fff;background-color:#d54b0d}.btn-primary[disabled]{opacity:.4}.btn-secondary{color:#F26322;background-color:#fff;box-shadow:inset 0 0 0 1px #F26322}.btn-secondary:visited{color:#F26322;background-color:#fff}.btn-secondary:hover,.btn-secondary:active{color:#fff;background-color:#d54b0d}.btn-link{color:#1572D0;background:transparent}.btn-link:visited{color:#1572D0}.btn-link:hover,.btn-link:visited:hover{color:#c00;background:#EBEBEA}.bs-callout{position:relative;margin:20px 0 20px 0;padding:15px;background:#e4f0f5}.bs-callout:before{display:block;position:absolute;content:'';width:30px;height:30px;top:12px;left:15px;background-repeat:no-repeat}.bs-callout-info{padding-left:60px}.bs-callout-info:before{background-image:url(../i/icons/info.svg)}.bs-callout-warning{padding-left:60px;background:#fcebce}.bs-callout-warning:before{background-image:url(../i/icons/warning.svg)}.bs-callout-tip{padding-left:60px;background:#e7eecd}.bs-callout-tip:before{background-image:url(../i/icons/tip.svg)}code,pre{background-color:#F1F1F1;font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:14px}code{padding:2px 4px;margin:0;border-radius:3px;word-wrap:break-word}pre{display:block;padding:6px 10px;margin:0 0 10px;line-height:19px;word-break:break-all;word-wrap:break-word;white-space:pre;overflow:auto}pre code{padding:0;color:inherit;white-space:pre;word-wrap:normal;background-color:transparent;border:none}a code{color:inherit;font-size:.9em}.pre-scrollable{max-height:340px;overflow-y:scroll}.pre-wrap{position:relative}.pre-wrap:hover .btn-copy,.pre-wrap:hover .btn-no-copy{visibility:visible;opacity:1}.pre-wrap .btn-copy,.pre-wrap .btn-no-copy{visibility:hidden;opacity:0;transition:.3s;font-family:"Open Sans","Helvetica","Arial",sans-serif;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;right:0;border-top-left-radius:0;border-bottom-right-radius:0;padding:10px 20px}.pre-wrap .btn-copy{color:#fff;background:#F26322}.pre-wrap .btn-copy:hover{color:#fff;background:#d54b0d}.pre-wrap .btn-copy:active{color:#fff;background:#a43a0a}.pre-wrap .btn-no-copy{cursor:default;outline:none;background:#e4e4e4}.pre-wrap .btn-no-copy:active,.pre-wrap .btn-no-copy:hover{background:#e4e4e4}h1 code,h2 code,h3 code,h4 code,h5 code{padding:2px 4px;color:#333;background-color:transparent;border:0px solid transparent;white-space:nowrap;font-size:1em}.highlight{position:relative;border-radius:3px;margin:0 0 20px}.collapsible .collapsible-title{cursor:pointer;display:block;background-repeat:no-repeat;background-position:0 center;padding-left:15px;margin:0}.collapsible .collapsible-title:focus{outline:none}.collapsible:hover .anchor{display:none}.collapsible .ui-accordion-header{background-image:url("../../common/css/caret_right.png")}.collapsible .ui-accordion-header-active{background-image:url("../../common/css/caret_down.png")}.collapsible-h2{margin:15px 0 10px 0}.collapsible-h3{margin:15px 0 10px 0}.dropdown{position:relative}.dropdown .dropdown-toggle{padding-right:3px}.dropdown .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-right:.25rem;margin-left:.25rem;margin-top:-1px;vertical-align:middle;content:"";border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;transition:transform .3s}.dropdown .dropdown-menu{position:absolute;top:100%;left:0;z-index:9999;display:none;float:left;min-width:140px;padding:5px 0;margin:1px 0 0 0;font-size:1rem;color:#333;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border-radius:2px;box-shadow:0 3px 6px rgba(0,0,0,0.1)}.dropdown .dropdown-menu li{margin:0}.dropdown-menu .dropdown-item{display:block;padding:10px 30px;margin:0;clear:both;font-size:1rem;line-height:1.3;color:#333;text-align:inherit;white-space:nowrap;background:none;border:0;text-decoration:none}.dropdown-menu .dropdown-item:hover{background:#DFF6FF;color:#262626}.open>.dropdown-menu{display:block}.open .dropdown-toggle:after{-ms-transform:rotate(180deg);transform:rotate(180deg)}.open>a{outline:0}.dropdown-menu.dropdown-menu-right{right:0;left:auto}.dropdown-menu.dropdown-menu-left{left:0;right:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:.8rem;line-height:1.3;color:#ccc;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9989}.pull-right>.dropdown-menu{right:0;left:auto}#footer{background:#31302B;color:#A6ABB0;padding:20px 0;font-size:13px}#footer a{color:#D8D9DA}#footer a:hover{color:#f2f3f3}#footer .copyright-links{text-align:center;padding:0 0 10px 0}#footer .nav{margin:0;padding:0}#footer li{display:inline-block;margin:0 20px 0 0}#footer .copyright-date{text-align:center}@media (max-width: 768px){#footer{margin:0;padding:10px 0}#footer .copyright-date{text-align:left}#footer .copyright-links{text-align:left}#footer li{display:block;margin:10px 0}}form{margin:0 0 20px}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333333;border:0;border-bottom:1px solid #e5e5e5}legend small{font-size:15px;color:#999999}label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}label{display:block;margin-bottom:5px}input,textarea,keygen,select,button{font-family:"Open Sans","Helvetica","Arial",sans-serif}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:2}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.highlight{background-color:#F1F1F1;color:#586e75}.highlight .c{color:#93a1a1}.highlight .err{color:#586e75}.highlight .g{color:#586e75}.highlight .k{color:#859900}.highlight .l{color:#586e75}.highlight .n{color:#586e75}.highlight .o{color:#859900}.highlight .x{color:#cb4b16}.highlight .p{color:#586e75}.highlight .cm{color:#93a1a1}.highlight .cp{color:#859900}.highlight .c1{color:#93a1a1}.highlight .cs{color:#859900}.highlight .gd{color:#2aa198}.highlight .ge{color:#586e75;font-style:italic}.highlight .gr{color:#dc322f}.highlight .gh{color:#cb4b16}.highlight .gi{color:#859900}.highlight .go{color:#586e75}.highlight .gp{color:#586e75}.highlight .gs{color:#586e75;font-weight:bold}.highlight .gu{color:#cb4b16}.highlight .gt{color:#586e75}.highlight .kc{color:#cb4b16}.highlight .kd{color:#268bd2}.highlight .kn{color:#859900}.highlight .kp{color:#859900}.highlight .kr{color:#268bd2}.highlight .kt{color:#dc322f}.highlight .ld{color:#586e75}.highlight .m{color:#2aa198}.highlight .s{color:#2aa198}.highlight .na{color:#586e75}.highlight .nb{color:#B58900}.highlight .nc{color:#268bd2}.highlight .no{color:#cb4b16}.highlight .nd{color:#268bd2}.highlight .ni{color:#cb4b16}.highlight .ne{color:#cb4b16}.highlight .nf{color:#268bd2}.highlight .nl{color:#586e75}.highlight .nn{color:#586e75}.highlight .nx{color:#586e75}.highlight .py{color:#586e75}.highlight .nt{color:#268bd2}.highlight .nv{color:#268bd2}.highlight .ow{color:#859900}.highlight .w{color:#586e75}.highlight .mf{color:#2aa198}.highlight .mh{color:#2aa198}.highlight .mi{color:#2aa198}.highlight .mo{color:#2aa198}.highlight .sb{color:#93a1a1}.highlight .sc{color:#2aa198}.highlight .sd{color:#586e75}.highlight .s2{color:#2aa198}.highlight .se{color:#cb4b16}.highlight .sh{color:#586e75}.highlight .si{color:#2aa198}.highlight .sx{color:#2aa198}.highlight .sr{color:#dc322f}.highlight .s1{color:#2aa198}.highlight .ss{color:#2aa198}.highlight .bp{color:#268bd2}.highlight .vc{color:#268bd2}.highlight .vg{color:#268bd2}.highlight .vi{color:#268bd2}.highlight .il{color:#2aa198}.home-intro{padding:30px 0 20px 0;text-align:center;background:#F1F1F1;border-bottom:1px solid #CAC3B4}.home-intro .search-form{margin-top:20px}.home-intro .search-form .input-group{width:100%}.home-features{text-align:center;max-width:1300px;margin:0 auto}.home-features .feature{vertical-align:top;display:inline-block;width:32%;padding:20px 0 0}.home-features .title{font-size:18px;line-height:1.2;font-weight:600;text-align:center;margin:0;padding:0 0 10px 0}.home-features ul,.home-features li{list-style:none;margin:0 0 5px 0;padding:0}@media (max-width: 768px){.home-features .feature{width:100%}}.home-contributors{padding:70px 0 0;text-align:center}.home-contributors .intro{margin:0 auto;max-width:50em}.home-contributors .contributor{display:inline-block;vertical-align:top;padding:20px 10px;max-width:210px;min-width:180px;width:33%}.home-contributors .avatar{display:inline-block;max-width:80px;border-radius:50%;overflow:hidden}.home-contributors .name{font-size:16px;line-height:1.4em;font-weight:bold;margin:10px 0 0 0}.home-contributors .role{font-size:14px}.home-videos{padding:70px 0 0;text-align:center}.home-videos .intro{margin:0 auto;max-width:50em}html,body{width:100%;height:100%;margin:0;padding:0;background:#F1F1F1}body{min-height:100%;height:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#gl-wrapper{-ms-flex:1;flex:1;background:#fff}.main-container{padding:0 0 50px 0;min-height:100%;clear:both}.main-container>.container{padding-top:20px}.content{position:relative;float:right;width:80%}.container{padding-left:10px;padding-right:10px}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}.full-width-content{width:90%}.content-wrap{padding:0 40px 0 40px;margin-right:200px}.content-wrap #markdown-toc{display:none}@media (min-width: 1500px){.container{padding-left:66px;padding-right:66px;max-width:1600px;margin:0 auto}}@media (max-width: 1023px){.content-wrap{margin-right:0}.container{padding-left:10px;padding-right:10px}.main-container{padding-bottom:20px}.main-container>.container{padding:0}.pane-content .container{padding:0}.container,.page-intro .container,.home-section .container{padding:0 20px}.main-container{width:100%;overflow-x:auto}.content{float:none;width:auto;padding:10px 20px}.content .content-wrap{padding:0}}.affix{position:fixed}.message-banner{width:100%;text-align:center;background-color:#E4F0F8;color:#346E92;border:solid 1px #346E92;padding:10px 0px;margin-bottom:20px;font-size:13px}.message-banner.index{font-size:100%}.modal-backdrop{background-color:#FFFFFF}.modal{left:55%;top:40%}.modal.fade.in{top:40%}#mage-modal{background-color:#f7f3eb;border:0 none;border-radius:0 0 0 0;padding:18px 40px 35px;width:380px}#mage-modal #mage-modal-label{font-size:21px;color:#ef672f;text-transform:uppercase}#mage-modal button{margin-right:20px}#mage-modal p{display:block;margin:0 0 24px;width:340px}#mage-modal a{cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;border-radius:6px;box-shadow:0 3px 7px rgba(0,0,0,0.3);background-clip:padding-box;outline:none}.modal.fade{transition:opacity 0.3s linear, top 0.3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;border-radius:0 0 6px 6px;box-shadow:inset 0 1px 0 #ffffff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.nav-main{float:left;z-index:9;position:relative;margin-top:8px}.nav-main ul{margin:0;list-style:none}.nav-main ul li:hover>ul{visibility:visible;opacity:1;left:auto}.nav-main ul ul{background:#fff;position:absolute;left:-9999px;top:38px;width:280px;visibility:hidden;opacity:0;background-clip:padding-box;padding:5px 0;border:1px solid #ccc;box-shadow:0 3px 6px rgba(0,0,0,0.1);z-index:1}.nav-main ul ul a{font-size:14px;padding:8px 14px;font-weight:normal;line-height:1.4;border:none}.nav-main ul ul a:hover{background:#DFF6FF}.nav-main ul ul li{width:100%}.nav-main li{float:left;position:relative;line-height:1;margin:0;padding:0}.nav-main a{position:relative;font-size:14px;background-clip:padding-box;font-weight:600;padding:12px 12px;outline:0;display:block;border:1px solid transparent;z-index:2}.nav-main li.has-children>a{position:relative;z-index:2;border-bottom:none;cursor:default}.nav-main a,.nav-main a:visited{color:#333}.nav-main a:hover{color:#333;text-decoration:none}.nav-main li:hover>a{background:#fff;border-color:#ccc}@media (min-width: 1500px){.nav-main a{padding-left:18px;padding-right:18px}}.nav-main-mobile{display:none}.nav-close{display:none}.nav-close:active,.nav-close:focus{text-decoration:none;border:none}.nav-main #subnav::after{clear:both;display:block;content:''}.nav-main #subnav>ul{float:left}.nav-main .divider{width:auto;clear:both;border-top:1px solid #676056;margin:10px 40px}.nav-main ul::after{display:block;clear:both;content:''}.nav-main ul ul.wide li{width:33%;height:50px}.nav-main ul ul.wide{width:600px}.nav-main .children-toggle{display:none}.sticky-nav-main{position:fixed;top:0;width:100%}body.offcanvas-active{overflow:hidden}@media (max-width: 1023px){.nav-main{position:fixed;transition:all .2s;margin:0;top:0;right:0;height:auto;max-height:100%;width:100%;max-width:400px;z-index:3000;-webkit-overflow-scrolling:touch;background:#fff;overflow:auto;display:none}.offcanvas-active .nav-main.nav-main-mobile{display:block}.nav-main li{width:100%;border:none;border-bottom:1px solid #F1F1F1}.nav-main li a{display:block;font-size:16px;padding:20px 56px 20px 20px}.nav-main li a,.nav-main li a:hover{background:none;border:none}.nav-main ul{padding-top:56px}.nav-main ul ul{visibility:visible;position:relative;left:0;top:0;opacity:1;width:100%;max-height:0;padding:0;margin:0;border:none;overflow:hidden;transition:max-height 0.2s;box-shadow:none}.nav-main ul ul li a{font-size:14px;padding-left:20px}.nav-main .expanded ul{max-height:999px}.nav-main .children-toggle{position:absolute;display:block;width:56px;height:57px;border:none;background:none;top:0;right:0;z-index:1}.nav-main .children-toggle:after{width:0;height:0;margin:0 auto;position:relative;top:22px;border-style:solid;border-width:8px 6px 0 6px;border-color:#333 transparent transparent transparent;display:block;content:'';transition:all .2s}.nav-main .expanded .children-toggle:after{-ms-transform:rotate(180deg);transform:rotate(180deg)}}.nav-main-fader{background:transparent;position:fixed;visibility:hidden;top:0;left:0;width:100%;height:100%;z-index:2000;transition:all .2s}.offcanvas-active .nav-main-fader,.search-active .nav-main-fader{background:rgba(0,0,0,0.2);visibility:visible}.page-info{font-size:12px;position:absolute;top:0;right:0;width:200px;margin-left:-200px}.page-info #markdown-toc{display:block}.page-contributor{position:relative;padding:5px 5px 5px 25px;margin:0 0 10px 0;background:#fdf4e1}.page-contributor a{color:#95360B}.page-contributor a:hover{color:#c00}.page-contributor:after{display:block;content:'';background:url(../i/icons/star.svg) center center no-repeat;position:absolute;width:16px;height:17px;top:5px;left:4px}.new-issue{margin:0 0 5px 0}.github-link{margin:0 0 5px 0}@media (max-width: 1023px){.page-info{border-top:1px solid #F1F1F1;margin:20px 0 0 0;width:auto;position:relative;padding:15px 0 0 0;font-size:14px}}.page-tags{margin:0 0 30px 0}input[type=search]{-webkit-appearance:none}.search-form{position:relative;max-width:590px;margin:0 auto}.search-form .search-icon{width:50px;height:47px;pointer-events:none;position:absolute;top:0;left:0;display:block;background-repeat:no-repeat;background-position:center;background-image:url("../i/icons/search.svg");z-index:3}.search-form .search-field{border-top-right-radius:0;border-bottom-right-radius:0;line-height:22px}.search-form .search-submit{height:49px;font-size:16px;padding-top:0;padding-bottom:0;border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width: 768px){.search-form .search-field{border-radius:3px}.search-form .input-group-btn{display:none}}.search-field,.gsc-input input.gsc-input{font-family:"Open Sans","Helvetica","Arial",sans-serif;font-size:16px;display:block;width:100%;border-radius:3px;padding:12px 20px 13px 50px;line-height:1em;border:1px solid #ccc;display:block;margin:0;transition:all .3s}.search-field:focus,.gsc-input input.gsc-input:focus{outline:none;border-color:#1572D0}.gsc-input{position:relative}.gsc-input::after{display:block;content:'';width:50px;height:47px;pointer-events:none;position:absolute;top:0;left:0;display:block;background-repeat:no-repeat;background-position:center;background-image:url("../i/icons/search.svg");z-index:3}.gsc-results-wrapper-nooverlay{min-height:400px}#search-results{min-height:400px;font-family:"Open Sans","Helvetica","Arial",sans-serif;background:#fff}#search-results .loading{background:url(../i/loader.svg) no-repeat center center;height:40px}#search-results table,#search-results tr,#search-results td{border:none;margin:0;padding:0}.cse .gsc-results,.gsc-results{max-width:650px}div.gsc-control-wrapper-cse tr:nth-child(odd) td{background:transparent}div.gsc-control-cse{min-height:100%;border:none;padding:0}.gsc-control-cse .gsc-wrapper{padding:0 20px}.gsc-control-cse .gsc-wrapper .gsc-table-result{font-family:"Open Sans","Helvetica","Arial",sans-serif;margin:0}.gsc-result-info-container{padding:0 0 0 20px}.gsc-tabsArea{border-color:transparent !important;padding:0 10px 0 0 !important}div .gsc-tabsArea:after{display:block;clear:both;content:''}.cse .gsc-tabHeader,.gsc-tabHeader{margin:0 -1px 0 0 !important;padding:5px 10px !important;font-size:13px !important;font-weight:400 !important;display:block !important;float:left !important;position:relative !important}.cse .gsc-tabHeader:active,.cse .gsc-tabHeader:hover,.gsc-tabHeader:active,.gsc-tabHeader:hover{outline:none;border-color:#999 !important}.gsc-tabHeader.gsc-tabhInactive{border-color:transparent;color:#1572D0 !important;background:#fff !important;border:1px solid #F1F1F1 !important;z-index:1}.gsc-tabHeader.gsc-tabhInactive:hover{color:#c00 !important}.gsc-tabHeader.gsc-tabhActive{border:1px solid #ccc !important;background:#fff !important;color:#333 !important;z-index:2}.gsc-results .gsc-webResult.gsc-result,.gsc-results .gsc-imageResult{border-color:transparent;background-color:#fff;padding:0 0 30px 0;margin:0}.gsc-webResult.gsc-result:hover,.gsc-imageResult:hover{border-color:transparent;background-color:#fff !important}.gsc-webResult.gsc-result.gsc-promotion:hover{border-color:transparent;background-color:#fff}.gs-webResult.gs-result a.gs-title:link,.gs-webResult.gs-result a.gs-title:link b,.gs-imageResult a.gs-title:link,.gs-imageResult a.gs-title:link b{color:#1572D0 !important;text-decoration:none}.gs-webResult.gs-result a.gs-title:visited,.gs-webResult.gs-result a.gs-title:visited b,.gs-imageResult a.gs-title:visited,.gs-imageResult a.gs-title:visited b{color:#609 !important}.gs-webResult.gs-result a.gs-title:hover,.gs-webResult.gs-result a.gs-title:hover b,.gs-imageResult a.gs-title:hover,.gs-imageResult a.gs-title:hover b{color:#c00 !important;text-decoration:underline}.gs-webResult.gs-result a.gs-title:active,.gs-webResult.gs-result a.gs-title:active b,.gs-imageResult a.gs-title:active,.gs-imageResult a.gs-title:active b{color:#0000FF}.gsc-cursor-page{color:#0000FF}a.gsc-trailing-more-results:link{color:#0000FF}.gs-webResult .gs-snippet,.gs-imageResult .gs-snippet,.gs-fileFormatType{color:#000000}.gs-webResult div.gs-visibleUrl,.gs-imageResult div.gs-visibleUrl{color:#006621 !important;font-size:12px;font-weight:400}.gs-webResult div.gs-visibleUrl-short{color:#000000}.gs-webResult div.gs-visibleUrl-short{display:none}.gs-webResult div.gs-visibleUrl-long{display:block}.gs-promotion div.gs-visibleUrl-short{display:none}.gs-promotion div.gs-visibleUrl-long{display:block}.gsc-results .gsc-cursor-box{border-color:#fff}.gsc-results .gsc-cursor-box .gsc-cursor-page{border-color:transparent;background-color:#fff;color:#1572D0 !important;text-decoration:none !important;padding:10px 10px;margin:0 !important}.gsc-results .gsc-cursor-box .gsc-cursor-page:hover{color:#c00 !important;text-decoration:underline !important}.gsc-results .gsc-cursor-box div.gsc-cursor-current-page,.gsc-results .gsc-cursor-box div.gsc-cursor-current-page:hover{padding:10px 10px;margin:0 !important;border:none;text-shadow:none;background:#fff !important;color:#333 !important;text-decoration:none !important}.gsc-webResult.gsc-result.gsc-promotion{border-color:#336699;background-color:#fff}.gsc-completion-title{color:#0000FF}.gsc-completion-snippet{color:#000}.gsc-control-cse .gs-spelling,.gsc-control-cse .gs-result .gs-title,.gsc-control-cse .gs-result .gs-title *,.gsc-control-cse .gs-result .gs-title{font-size:18px !important;text-decoration:none}.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link{color:#0000FF}.gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited{color:#663399}.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover{color:#444444}.gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active{color:#00CC00}.gs-promotion .gs-snippet,.gs-promotion .gs-title .gs-promotion-title-right,.gs-promotion .gs-title .gs-promotion-title-right *{color:#333333}.gsc-selected-option-container{font-size:12px !important;max-width:100% !important}.gs-result .gs-title,.gs-result .gs-title{text-decoration:none;text-transform:capitalize;font-size:1.5rem;height:1.5rem}.gsc-search-button{display:none}.gsc-clear-button{display:none}.gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box{margin:0;padding:0}.gsc-above-wrapper-area{padding:0 0 0 0}.gsc-above-wrapper-area .gsc-result-info{padding:0}.gsc-control-wrapper-cse{width:85%;margin:0 auto}.gs-image-box{display:none}.gs-no-results-result .gs-snippet,.gs-error-result .gs-snippet{font-size:2em;padding:5px;margin:5px;border:0px solid transparent;background-color:transparent}td.gcsc-branding-text{white-space:nowrap;width:46%}.gcsc-branding-text-name{width:30%}.gsc-result .gs-title{white-space:nowrap}.gcsc-branding{display:none}.quick-search{display:none;margin:0;padding:0;width:100%;position:absolute;height:56px;top:0;right:0;z-index:10;padding-left:260px;padding-right:80px}@media (max-width: 1200px){.quick-search{padding-left:174px}}@media (min-width: 1500px){.quick-search{padding-left:320px}}@media (max-width: 768px){.quick-search{padding-left:20px;z-index:12}}.quick-search input{display:block;background:#fff;padding:0 20px;width:100%;height:100%;border:none;font-size:16px;border-radius:0}.quick-search input:focus{outline:none}.search-active .quick-search{display:block}.quick-search .quick-search-close{display:block;position:absolute;text-align:center;top:0;right:0;width:80px;height:56px;background:#F1F1F1;color:#333;text-decoration:none;font-size:32px;line-height:56px}.search-active .site-header .menu-btn{z-index:1}.sidebar{float:left;width:20%;padding:0 0 40px 0}.sidebar .sidebar-wrapper{background:#F1F1F1;padding:10px 0 20px}.sidebar a:hover{text-decoration:none}.sidebar ul{list-style:none;margin:0}.sidebar ul li{position:relative;list-style:none;margin:0;font-size:14px;line-height:1.3em}.sidebar ul a,.sidebar ul span{color:#333;display:block;padding:6px 12px;font-size:14px;line-height:1.3em;font-weight:normal}.sidebar h4{color:#7b756b}.sidebar .has-children{margin-top:1em}.sidebar .level-2.tutorial a{position:relative;padding-left:40px}.sidebar .level-2.tutorial a:before{position:absolute;top:10px;left:15px;display:inline-block;content:'';width:16px;height:14px;vertical-align:middle;background:url(../i/icons/tutorial.svg) no-repeat center;margin:-1px 5px 0 0}.toc-toggler{display:none}.sidebar ul span{color:#7b756b}.sidebar ul a:hover{background:#DFF6FF}.sidebar ul .nav-header{text-transform:uppercase;font-weight:700;letter-spacing:0.06em;margin-top:12px}.sidebar ul .nav-header>a,.sidebar ul .nav-header span{font-weight:700;padding-top:10px}.sidebar ul .active>a{color:#333;background:#c6efff}.sidebar ul .level-2 a,.sidebar ul .level-2 span{padding-left:18px}.sidebar .sidebar-wrapper h4{margin:10px 10px 5px 14px;text-transform:capitalize}.sidebar ul li.level3Child{display:none}.sidebar ul li.level3Child a{padding-left:42px}.sidebar ul li.level3Parent{background-image:url("../../common/css/caret_right.png");text-decoration:none;background-repeat:no-repeat;background-position:18px 10px;margin:0 0 0 0;padding:0 0 0 20px}.sidebar ul li.caretDown{background-image:url("../../common/css/caret_down.png");background-position:17px 12px}.sidebar ul li.caretRight{background-image:url("../../common/css/caret_right.png");background-position:18px 10px}.sidebar ul li.level3Parent a:hover{background:none}.sidebar ul li.level3Parent a{text-decoration:none}@media (max-width: 1023px){.sidebar{width:100%;padding:0;float:none}.sidebar .sidebar-wrapper{max-height:0;overflow:hidden;transition:all .2s;padding:0}.sidebar ul a,.sidebar ul span{padding:10px 20px}.sidebar-wrapper ul{margin-bottom:20px}.expanded .sidebar-wrapper{max-height:9999px}.toc-toggler{position:relative;display:block;background:#F1F1F1;padding:12px 20px}.toc-toggler,.toc-toggler:visited{color:#333}.toc-toggler:active,.toc-toggler:hover{text-decoration:none}.toc-toggler::after{display:block;content:'';position:absolute;top:18px;right:18px;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#333 transparent transparent transparent;transition:all .2s}.expanded .toc-toggler::after{-ms-transform:rotate(180deg);transform:rotate(180deg)}}.main-site-name{float:left}#global-nav{position:fixed;top:0;width:100%;height:56px;background:#F1F1F1;transition:box-shadow .1s;box-shadow:0 1px 2px transparent;transform:translateZ(0);z-index:9999}#global-nav:after{content:'';display:block;clear:both}#global-nav.sticky-nav-main{position:fixed;box-shadow:0 1px 2px rgba(0,0,0,0.2);transition:box-shadow 1s}.site-header{padding-top:56px}.site-header .container{position:relative}.site-header .logo{position:relative;z-index:11;width:auto;height:40px;float:left;margin-top:7px;margin-right:10px}.site-header .devdocs-logo{width:113px}.site-header .menu-btn{width:56px;height:56px;position:absolute;top:0;right:0;overflow:hidden;display:none;z-index:50;border-left:1px solid #CAC3B4}.site-header .menu-icon{display:block;width:100%;height:100%;background:url(../i/icons/menu.svg) center center no-repeat;background-size:50%;transition:background-color 0.2s linear}.site-header .menu-icon:hover{background-color:#fff;transition:background-color 0.2s linear}.site-header .search-btn{width:56px;height:56px;position:absolute;top:0;right:5px;z-index:3}.site-header .search-btn .search-icon{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center;background-image:url("../i/icons/search.svg")}@media (max-width: 1200px){.site-header .magento-logo{display:none}}@media (max-width: 1023px){.site-header #global-nav{outline:1px solid #CAC3B4}.site-header .menu-btn{display:block}.site-header .logo{margin-top:10px}.site-header .search-btn{margin:0;position:absolute;top:0;right:56px}}@media (min-width: 1500px){.site-header .logo{margin-right:20px}}table{table-layout:fixed;max-width:99%;width:99%;background-color:transparent;border-collapse:collapse;border-spacing:0;margin:2em 0 2em 0}th{font-size:14px;background:#F1F1F1;text-align:left;padding:10px 14px;vertical-align:bottom;font-weight:bold;border-bottom:2px solid #ccc}tr td{font-size:14px;padding:10px 14px;vertical-align:top;border-bottom:1px solid #ccc;word-wrap:break-word;vertical-align:initial}td code,td pre{font-size:14px}.table-condensed th,.table-condensed td{padding:4px 5px}.table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;border-radius:4px}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd}.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{border-top-left-radius:4px}.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{border-top-right-radius:4px}.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{border-bottom-left-radius:4px}.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{border-bottom-right-radius:4px}.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{border-bottom-left-radius:0}.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{border-bottom-right-radius:0}.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{border-top-left-radius:4px}.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{border-top-right-radius:4px}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5}.table tbody tr.success>td{background-color:#dff0d8}.table tbody tr.error>td{background-color:#f2dede}.table tbody tr.warning>td{background-color:#fcf8e3}.table tbody tr.info>td{background-color:#d9edf7}.table-hover tbody tr.success:hover>td{background-color:#d0e9c6}.table-hover tbody tr.error:hover>td{background-color:#ebcccc}.table-hover tbody tr.warning:hover>td{background-color:#faf2cc}.table-hover tbody tr.info:hover>td{background-color:#c4e3f3}body{color:#333;font-family:"Open Sans","Helvetica","Arial",sans-serif;line-height:1.4}h1{font-size:38px;line-height:1.3;margin:0 0 20px 0;font-weight:normal}h1.page-subtitle{font-size:22px;color:#6E6E70;margin:8px 0 0 0}h2{font-size:26px;line-height:1.3;font-weight:normal;letter-spacing:0;margin:1.3em 0 0.5em 0;padding:0}h3{font-size:22px;line-height:1.3;font-weight:700;letter-spacing:0;margin:1.5em 0 0.5em 0;padding:0}h4{font-size:16px;line-height:1.3;font-weight:bold;margin:1.5em 0 0.5em 0}h5,.h5{font-size:16px}h6{font-size:14px;font-weight:bold;letter-spacing:0.04em;margin:0;text-transform:uppercase}h1 small{font-size:24.5px}h2 small{font-size:17.5px}h3 small{font-size:14px}h4 small{font-size:14px}p{line-height:1.4;margin:0 0 15px}a{color:#1572D0;text-decoration:none}a:visited{color:#609}a:hover{color:#c00;text-decoration:underline}a:active{color:#EC632E;text-decoration:none}.content-wrap a[href^='http://']:not([href*='magento.com']):after,.content-wrap a[href^='https://']:not([href*='magento.com']):after{content:'';margin:-10px 0 0 -1px;display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../i/icons/external-link.png) no-repeat center}.content-wrap a[href^='http://']:not([href*='magento.com']):hover:after,.content-wrap a[href^='https://']:not([href*='magento.com']):hover:after{-webkit-filter:hue-rotate(160deg);filter:hue-rotate(160deg)}.content-wrap a[href^='http://']:not([href*='magento.com']).avatar:after,.content-wrap a[href^='https://']:not([href*='magento.com']).avatar:after{display:none}.main-container h2:first-child{margin-top:0}.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px}small{font-size:85%}strong,.bold{font-weight:bold}em{font-style:italic}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999999}ul,ol{padding:0;margin:0 0 10px 25px}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}li{margin-bottom:10px}ul.unstyled,ol.unstyled{margin-left:0;list-style:none}ul.inline,ol.inline{margin-left:0;list-style:none}ul.inline>li,ol.inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-bottom:20px}dt{font-weight:bold}dd{margin-left:10px}hr{margin:20px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote cite{display:block;font-style:italic;margin:0.5em 0 0 0}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eeeeee;margin:2em 0 1em 0}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:1.3}blockquote small{display:block;color:#999999}blockquote small:before{content:'\2014 \00A0'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal}dl{font-size:16px}dl dt{font-weight:700;margin:1em 0 0.5em 0}dl dd{margin:0}p.q{font-size:15px;color:red}@media (max-width: 768px){h1{font-size:30px}h2{font-size:24px}}.status{padding:2px}.status.red{color:#ffffff;background-color:#d04437}.status.yellow{background-color:#f6c342}.status.green{background-color:#14892c;color:#ffffff}.version-switcher{position:relative;z-index:2;float:left;margin-top:12px;margin-right:10px}.version-switcher .btn{background:transparent;border:1px solid #cbcbcb}.version-switcher.version-switcher-mobile{display:none}@media (max-width: 1023px){.version-switcher{display:none;float:none;margin:20px}.version-switcher.version-switcher-mobile{display:block}.version-switcher .dropdown-menu{max-width:100%;min-width:100%;position:relative;box-shadow:none;border:none;left:0;right:auto;background:transparent}.version-switcher .dropdown-menu .dropdown-item{font-size:14px;background:transparent}.version-switcher .dropdown-menu li{background:none;margin:0;padding:0}}@media (min-width: 1500px){.version-switcher{margin-right:20px}}.tabs-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #ccc}.tabs-container .tab{margin:0 -1px -1px 0;min-width:100px;text-align:center;border:1px solid #ccc;border-bottom:none}.tabs-container .tab:hover{background-color:#DFF6FF}.tabs-container a{text-decoration:none;display:block;line-height:38px;color:#1572D0}.tabs-container a:hover{color:#c00}.tabs-container .current-tab{background:#fff;cursor:default}.tabs-container .current-tab:hover{background:#fff}.tabs-container .current-tab a{color:#333;cursor:default}.breadcrumbs{font-size:13px;padding-bottom:5px}.breadcrumbs ol{display:inline-block;margin:0;padding:0}.breadcrumbs li.breadcrumb-item{list-style:none;display:inline-block;margin:0;padding:0}.breadcrumbs a,.breadcrumbs span{font-size:13px;display:inline}.breadcrumbs a{color:#1572D0;display:inline-block;text-decoration:none}.breadcrumbs a:hover{opacity:1;text-decoration:underline}.breadcrumbs a:after{display:inline-block;content:' › ';padding:0 5px}.breadcrumbs .active{color:#999}.page-toc{background:#F1F1F1;padding:10px 0;margin:20px 0 0 0;font-size:12px}.page-toc.affix{width:200px;top:56px}.page-toc:before{display:block;content:"On this page";text-transform:uppercase;letter-spacing:.05em;color:#7b756b;font-weight:bold;padding:0 10px 5px 10px}.page-toc ul{margin:0}.page-toc li{font-size:12px;line-height:1.4;list-style:none;margin:0;padding:0}.page-toc .active>a{background:#DFF6FF;border-left:2px solid #79d9ff}.page-toc a{color:#333;font-size:12px;display:block;padding:5px 10px;border-left:2px solid transparent}.page-toc a:hover{text-decoration:none;background:#DFF6FF}.page-toc .h3 a{padding-left:16px}@media (max-width: 1023px){.page-toc{display:none}}h2,h3,h4,h5,h6{position:relative}.anchor{width:40px;height:100%;background:url("../i/icons/link.svg") center center no-repeat;background-size:20px;display:none;position:absolute;left:-36px;opacity:.5}h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{display:block}.ee-only{display:inline-block;font-size:.8rem;font-weight:700;padding:5px 10px;border:1px solid #fac49f;letter-spacing:.04em}.ee-only:before{display:inline-block;width:14px;height:14px;line-height:1;content:'';background:url(../i/icons/ee-only.svg) no-repeat center;margin:0 7px 0 0;vertical-align:top}.page-intro .ee-only{margin:10px 0 0 0}.tutorial-before:before{display:inline-block;float:left;content:'';width:23px;height:23px;background:url(../i/icons/clock.svg) no-repeat center;margin:5px 10px 0 0}.horisontal-nav{margin:30px 0 20px 0}.horisontal-nav .btn{margin-right:5px}.sidebar .back-link{color:#fff;margin-top:-10px;margin-bottom:5px;position:relative}.sidebar .back-link .back-link-arrow{display:block;position:absolute;top:13px;left:5px;width:0;height:0;border-style:solid;border-width:4px 5px 4px 0;border-color:transparent #fff transparent transparent}.sidebar .back-link .back-link-subtitle{display:none}.sidebar .back-link a{background:#7b756f;display:block;color:#fff;padding:8px 10px 10px 15px;font-size:13px}.sidebar .back-link a:hover{background:#605c57}.videos{clear:both;padding:10px 0}.videos:after{display:block;content:'';clear:both}.videos .video{display:inline-block;vertical-align:top;position:relative;text-align:left;max-width:300px;margin:0 20px 40px 0}.videos .video .title{display:block;font-weight:600}.videos .video a{color:#1572D0}.videos .video a:hover .thumbnail-wrap:after{opacity:.9}.videos .video .thumbnail-wrap{position:relative;display:block}.videos .video .duration{position:absolute;bottom:0;right:0;background:rgba(0,0,0,0.7);color:#fff;opacity:.8;font-size:11px;font-weight:600;padding:3px 5px}.videos .video .thumbnail{display:block;margin:0 0 10px 0}@media (min-width: 1500px){.videos .video{max-width:320px}}.home-videos .videos{padding-top:30px}.item-count{font-size:11px;font-style:normal;white-space:nowrap;color:#888;display:block}.videos-list .content-wrap{margin-right:0}.video-page .sidebar ul li .video-duration{position:absolute;top:0;right:0;font-size:12px;color:#888;line-height:1.5}.video-page .sidebar ul li a{padding-right:45px}.video-page .sidebar ul .playlist-name{padding:0;display:block}.video-player-wrap{margin:0 0 1em 0}.video-player.affix{position:fixed;top:80px;left:20px;width:20%;z-index:9999;box-shadow:0 5px 16px rgba(0,0,0,0.4)}.adjaced-pages{background:#F1F1F1;padding:0;margin:3em 0 0 0}.adjaced-pages .playlist-name{color:#888;font-size:.8rem;font-weight:700;padding:10px 20px 10px 20px;border-bottom:1px solid #e4e4e4}.adjaced-pages:after{display:block;clear:both;content:''}.adjaced-pages .previous-page{float:left;width:50%}.adjaced-pages .previous-page a{border-right:1px solid #e4e4e4}.adjaced-pages .next-page{text-align:right;float:right;width:50%}.adjaced-pages .next-page a{border-left:1px solid #e4e4e4;margin-left:-1px}.adjaced-pages .arrow{font-size:.8rem;display:block;color:#888;text-decoration:none}.adjaced-pages a{padding:10px 20px;display:block;transition:all .2s}.adjaced-pages a:hover{background:#e9e9e9;text-decoration:none}.progress-bar{display:-ms-flexbox;display:flex;width:100%;padding:10px 0 0 0}.progress-bar ul{width:100%;padding:0;margin:0;list-style:none;display:-ms-flexbox;display:flex}.progress-bar .progress-bar-item{-ms-flex:1;flex:1;position:relative;text-align:center;font-size:small;max-width:180px;z-index:2}.progress-bar .progress-bar-item:last-child{z-index:1}.progress-bar .progress-bar-item:last-child a:before{left:0;width:50%}.progress-bar .progress-bar-index{font-size:8px;line-height:16px;position:absolute;width:100%;top:0;left:0;text-align:center;z-index:99}.progress-bar .done a:before,.progress-bar .done a:after{background:#43751C}.progress-bar .done .progress-bar-index{color:#fff}.progress-bar .active a:after{background:#43751C}.progress-bar .active .progress-bar-index{color:#fff}.progress-bar a{position:relative;display:block;padding:20px 0 10px 0;color:#333}.progress-bar a:before{display:block;content:'';position:absolute;width:100%;left:50%;height:3px;top:7px;background:#d8d8d8}.progress-bar a:after{display:block;content:'';position:absolute;width:16px;height:16px;top:0;left:50%;margin-left:-8px;border-radius:50%;background:#d8d8d8}.glossary-term{border-bottom:dotted 1px #00e;cursor:help}div.webui-popover{border-radius:0px}div.webui-popover .webui-popover-title{padding:19px 24px 2px;border-bottom:0px;font-size:16px;position:inherit}div.webui-popover .webui-popover-content{font-size:14px;padding:9px 24px}div.webui-popover .webui-popover-content p{margin-top:10px}.hide{display:none}