@charset "UTF-8"; /*! * header-nav.css * --------------- * Styling for the parts of the site that are NOT being redesigned: the top * header (logo/search/nav buttons), the two offcanvas side menus (category * tree + personal area), and small global Bootstrap component theming that * both the header/menus and the redesigned pages share (brand button/badge * colors, dropdowns, pagination, modals). Loaded on every front page. * * NOTE: Dark mode = [data-theme="dark"] on . */ /*! * Html + Body */ html { position: relative; min-height: 100%; } body { background-color: #fafafa; color: #888; font-size: 13px; height: 100%; } /*! * Window ScrollBar Design */ :root { scrollbar-face-color: rgb(255 141 27); scrollbar-track-color: #343a40; scrollbar-color: rgb(255 141 27) rgb(46,54,69); scrollbar-width: thin; } ::-webkit-scrollbar-track { background-color: #343a40; } ::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { background-color: #ff8d1b; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) } /*! * NProgress - Progress Bar Inspired by Google & YouTube */ #nprogress { pointer-events: none; } #nprogress .bar { background: #ff8d1b; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #ff8d1b, 0 0 5px #ff8d1b; opacity: 1.0; transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 55px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #ff8d1b; border-left-color: #ff8d1b; border-radius: 50%; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar { position: absolute; } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*! * HC-NAV (offcanvas side menus - category tree + personal area) */ button:focus{outline:0 dotted;outline:0 auto -webkit-focus-ring-color} html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999}.hc-offcanvas-nav.is-ios *{cursor:pointer!important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type=checkbox]{display:none}.hc-offcanvas-nav label:not(.custom-content){position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after{content:'';position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0,0,0);transition:transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%,0,0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%,0,0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0,-100%,0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0,100%,0)}.hc-offcanvas-nav.nav-open[class*=hc-nav-] div.nav-container{transform:translate3d(0,0,0)}.hc-offcanvas-nav.rtl li{text-align:right}.hc-offcanvas-nav.rtl .nav-back span,.hc-offcanvas-nav.rtl .nav-close span,.hc-offcanvas-nav.rtl .nav-next span{left:0;right:unset}.hc-nav-trigger span{width:30px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before{display:block;position:absolute;left:0;height:4px;background:#34495e;transition:all .2s ease}.hc-nav-trigger span::after,.hc-nav-trigger span::before{content:'';width:100%}.hc-nav-trigger span::before{top:-10px}.hc-nav-trigger span::after{bottom:-10px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{transform:translate3d(0,10px,0)}.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px,0,0)}.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav::after{background:rgba(0,0,0,.3)}.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background:#22262a}.hc-offcanvas-nav h2{font-size:19px;font-weight:600;text-align:center;padding:17px 17px;color:#fff;background-color:#ff8d1b}.hc-offcanvas-nav .nav-item{padding:14px 17px;font-size:15px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #e7e7e6}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-highlight{background:#2e6296}.nav-item-wrapper a:focus{outline:unset}.hc-offcanvas-nav li:not(.custom-content) a{padding:14px 17px;font-size:15px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #343a40}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{color:rgba(255,255,255,.5)}.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover{background:rgba(255,141,27,.3215686274509804)}.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a{border-top:1px solid #2c5d8f;margin-top:-1px}.hc-offcanvas-nav li{text-align:right}.hc-offcanvas-nav li.active{background:rgba(255,141,27,.3215686274509804)}.hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a{background:#462300;border-top:1px solid #d1d1d1;border-bottom:1px solid #eceff0}.hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover{background:#eceff0}.hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a{margin-top:-1px}.hc-offcanvas-nav li.nav-parent .nav-item:last-child{padding-right:18px}.hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child){margin-right:44px}.hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent .nav-next{width:45px;position:absolute;top:0;left:0;bottom:0;text-align:center;cursor:pointer;transition:background .2s ease}.hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before{content:'';position:absolute;top:50%;left:55%;width:8px;height:8px;margin-top:-3px;border-top:2px solid #ff8d1b;border-left:2px solid #ff8d1b}.hc-offcanvas-nav li.nav-close span::before{margin-left:-9px;transform:rotate(135deg)}.hc-offcanvas-nav li.nav-close span::after{transform:rotate(-45deg)}.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav li.nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #ff8d1b;border-left:2px solid #ff8d1b;transform-origin:center}.hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}.hc-offcanvas-nav .nav-next span::before{transform:translate(-50%,-50%) rotate(135deg)}.hc-offcanvas-nav li.nav-back span::before{transform:translate(-50%,-50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(135deg)}.hc-offcanvas-nav.nav-position-right li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(-135deg)}.hc-offcanvas-nav.nav-position-top li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper{box-shadow:none;background:0 0}.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item{font-size:14px}.hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li{transition:background .3s ease}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open{background:#2e6296}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a{border-bottom:1px solid #295887}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a:hover{background:#2f649a}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:2px;transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-levels-expand .nav-container .nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container .nav-next span::before{margin-top:-2px;transform:translate(-50%,-50%) rotate(-135deg)}.hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid #2c5d8f}.hc-offcanvas-nav.rtl li.nav-parent .nav-item{padding-right:17px;padding-left:58px} /*Design nav-bottom fixed*/.hc-offcanvas-nav.nav-position-top ul.bottom-nav,.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav{position:relative;border-top:none}.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content{padding-bottom:0}.hc-offcanvas-nav ul.bottom-nav{position:absolute;z-index:10;bottom:0;width:100%;display:flex;flex-wrap:nowrap;align-items:stretch;border-top:1px solid rgba(255, 141, 27, 0.20)}.hc-offcanvas-nav ul.bottom-nav li{flex:auto}.hc-offcanvas-nav ul.bottom-nav li a{padding:10px;text-align:center;height:100%;border-bottom:none}.hc-offcanvas-nav ul.bottom-nav li svg{fill:#fff;display:inline-block;vertical-align:middle} /*Font-Awesome-Icons inside nav item*/.hc-offcanvas-nav .nav-item-wrapper i.fa,.hc-offcanvas-nav .nav-item-wrapper i.fas,.hc-offcanvas-nav .nav-item-wrapper i.fab{border:1px solid;border-radius:50%;padding:7px;font-size:15px;}.hc-offcanvas-nav .nav-item-wrapper span.fa,.hc-offcanvas-nav .nav-item-wrapper span.fas,.hc-offcanvas-nav .nav-item-wrapper span.fab{padding:0px 10px;font-size:25px;} .hc-offcanvas-nav .custom-content { color: #f1f1f1; font-size: 14px; } .hc-offcanvas-nav .playlist-empty-text { color: rgba(255,255,255,.5); font-size: 13px; } .hc-offcanvas-nav #navPlaylistCreateBtn { color: #ff8d1b; font-weight: 700; } .hc-offcanvas-nav #navPlaylistCreateBtn .gt-icon { width: 15px; height: 15px; vertical-align: -2px; margin-left: 4px; } .hc-offcanvas-nav li.playlist-menu-item a .gt-icon { width: 15px; height: 15px; vertical-align: -2px; margin-left: 4px; opacity: .7; } [dir="ltr"] .hc-offcanvas-nav li { text-align: left; } [dir="ltr"] .hc-offcanvas-nav li.nav-parent .nav-item:last-child { padding-right: 0; padding-left: 18px; } [dir="ltr"] .hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child) { margin-right: 0; margin-left: 44px; } [dir="ltr"] .hc-offcanvas-nav li.nav-back span, [dir="ltr"] .hc-offcanvas-nav li.nav-close span, [dir="ltr"] .hc-offcanvas-nav li.nav-parent .nav-next { left: auto; right: 0; } #navRightMenuButton{background:#ff8d1b;color:#fff;margin:0 10px;text-decoration:none}#navRightMenuButton:hover{opacity:0.85;} #navLeftMenuButton{background:#8c8e90;color:#fff;margin:5px 0px 0px 0px;text-decoration:none;}#navLeftMenuButton:hover{opacity:0.85;} /* Checkbox Switch (settings toggles in the personal-area menu) */ .switch { position: relative; display: inline-block; width: 55px; height: 30px; top: -2px; float: left; } [dir="ltr"] .switch { float: right; } .switch input { display: none; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #444; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 5px; background-color: white; transition: .4s; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } input.default:checked + .slider { background-color: #ff8d1b; } input.primary:checked + .slider { background-color: #2196F3; } input.success:checked + .slider { background-color: #8bc34a; } input.info:checked + .slider { background-color: #3de0f5; } input.warning:checked + .slider { background-color: #FFC107; } input.danger:checked + .slider { background-color: #f44336; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { transform: translateX(26px); } /*! * Easy-Autocomplete: jQuery plugin for autocompletion (header search bar) * @version 1.4.0 */ .easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:2}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic} /*! * Toastr v2.1.3 (site-wide notification popups) */ .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;text-shadow:0 1px 0 #fff;opacity:.8;line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #999;color:#FFF;opacity:.8}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}} /*! * Scroll To Top */ .scroll-to-top { background: rgba(52, 58, 64, 0.5) none repeat scroll 0 0; border-radius: 70px !important; bottom: 65px; color: #fff; display: none; height: 50px; line-height: 46px; position: fixed; right: 10px; text-align: center; width: 50px; } .scroll-to-top:focus, .scroll-to-top:hover { color: #fff; } .scroll-to-top:hover { background: #343a40; } .scroll-to-top i { font-weight: 800; } /*! * Header Top Nav + Mobile-Search */ .sticky-top { position: sticky; top: 0; z-index: 99; } .osahan-nav { box-shadow: 0 0 10px #f2f2f2; padding: 3px; flex-wrap: nowrap; align-items: center; } .osahan-nav .navbar-nav.mx-auto { flex: 1 1 auto; min-width: 0; max-width: 500px; align-items: center; } @media (min-width: 992px) { .osahan-nav .navbar-nav.mx-auto { max-width: 650px; } } @media (min-width: 1400px) { .osahan-nav .navbar-nav.mx-auto { max-width: 820px; } } .osahan-navbar-search { min-width: 0; width: 100%; max-width: none; margin: 0 !important; } .osahan-navbar-search .input-group { width: 100%; } .osahan-navbar-search .form-control { background: #eceff0 none repeat scroll 0 0; border: medium none; font-size: 14px; min-width: 0; width: auto !important; max-width: none !important; height: 33px; padding-top: 4px; padding-bottom: 4px; } .osahan-navbar-search .btn { background: #eceff0 none repeat scroll 0 0; border: medium none; font-size: 14px; padding: 0 14px; height: 33px; } .osahan-navbar-search .btn .gt-icon, .nav-mobile-search .gt-icon { width: 18px; height: 18px; } #searchrecording .gt-icon { width: 20px; height: 20px; } .osahan-right-navbar .nav-link { position: relative; padding: 0px 3px !important; font-size: 25px; line-height: 40px; } .osahan-right-navbar { margin: 0 7px 0 0; } .user-dropdown-link img { border-radius: 50px; height: 30px; margin: -9px 0px -6px 2px; width: 30px; } .navbar-nav .nav-item .nav-link:focus { outline: none; } @media (min-width: 768px) { .navbar-nav .form-inline .input-group { width: auto; } } .nav-mobile-search { display: none; } @media (max-width: 767.98px) { .nav-mobile-search { display: block; } } #searchrecording_icon.is-recording .ico-mic { display: none; } #searchrecording_icon.is-recording .ico-recording { display: inline-block !important; animation: blink 1s linear infinite; } @keyframes blink { 50% { opacity: .2; } } /*Mobile-Search*/ #search { opacity: 0; z-index: 99999; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); transition: all 0.25s ease-in-out; transform: translate(0px, -100%) scale(0, 0); } #search.open { opacity: 1; transform: translate(0px, 0px) scale(1, 1); } #search h3 { position: absolute; top: 25%; width: 100%; color: #fff; text-align: center; } #search input[type="search"] { position: absolute; top: 25%; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; } #search .btn { position: absolute; top: 40%; left: 50%; min-width: 100px; max-width: 200px; margin-top: 50px; margin-left: -45px; } #search .btn-close { position: fixed; top: 10px; right: 10px; opacity: 1; padding: 5px; background-color: #fff; } /*! * Shared Bootstrap component theming (brand colors) - used by header, side * menus, and every redesigned page alike, so it stays global/shared rather * than split between the two stylesheets. */ a { color: #FF8D1B; text-decoration: none !important; } a:hover { color: #333; } [data-theme="dark"] a:hover { color: #eee; } label { font-size: 12px; font-weight: 600; margin: 0 0 5px; } h1, h2, h3, h4, h5, h6 { color: #333; } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: #f8cfa6; } [data-theme="dark"] hr { border-top: 1px solid rgba(255,255,255,.1); } .btn { border-radius: 6px; } .badge, .alert { border-radius: 6px; } .dropdown-header { color: #333; padding: 7px 13px; } .dropdown-menu { border-radius: 10px; margin: 0; border-color: #eff2f3; max-height: 70vh; overflow-y: auto; } .dropdown-menu .dropdown-item { color: rgba(0, 0, 0, 0.5); font-size: 12px; padding: 6px 14px !important; } .dropdown-divider { border-top: 1px solid #eff2f3; } .dropdown-item.active, .dropdown-item:active { background-color: #eceff0 !important; color: #888888 !important; text-decoration: none; } .form-control { background: #eceff0 none repeat scroll 0 0; border-color: #dcdfdf; border-radius: 8px; font-size: 13px; } .modal-backdrop.show { opacity: 0.85; } .modal-content { border: medium none; border-radius: 16px; } .bg-primary, .btn-primary, .btn-outline-primary:hover, .text-bg-primary { border-color: transparent !important; background: #650ec0; background: linear-gradient(135deg, #650ec0 0%,#00c6ff 100%); } .btn-outline-primary { border-color: #650ec0; color: #650ec0; } .text-primary { color: #650ec0 !important; } .progress-bar { background-color: #650ec0; } .bg-success, .btn-success, .btn-outline-success:hover, .text-bg-success { border-color: transparent !important; background: #4eda92; background: linear-gradient(135deg, #4eda92 1%,#56e0cb 100%); } .btn-outline-success { border-color: #4eda92; color: #4eda92; } .text-success { color: #4eda92 !important; } .bg-warning, .btn-warning, .btn-outline-warning:hover, .text-bg-warning { border-color: transparent !important; background: #ff8d1b; background: linear-gradient(135deg, #ff8d1b 1%, #ffd507 100%); } .btn-outline-warning { border-color: #ffc107; color: #ffc107; } .text-warning { color: #ffc107 !important; } .bg-danger, .btn-danger, .btn-outline-danger:hover, .text-bg-danger { border-color: transparent !important; background: #ff253a; background: linear-gradient(135deg, #ff253a 0%,#ff8453 100%); } .btn-outline-danger { border-color: #ff253a; color: #ff253a; } .text-danger { color: #ff253a !important; } .bg-secondary, .btn-secondary, .btn-outline-secondary:hover, .text-bg-secondary { border-color: transparent !important; background: #9ba8aa; background: linear-gradient(135deg, #9ba8aa 0%,#92b4d2 100%); } .btn-outline-secondary { border-color: #9ba8aa; color: #9ba8aa; } .text-secondary { color: #9ba8aa !important; } .bg-info, .btn-info, .btn-outline-info:hover, .text-bg-info { border-color: transparent !important; background: #17a2b8; background: linear-gradient(135deg, #17a2b8 1%,#30def9 100%); } .btn-outline-info { border-color: #17a2b8; color: #17a2b8; } .text-info { color: #17a2b8 !important; } .bg-dark, .btn-dark, .btn-outline-dark:hover, .text-bg-dark { border-color: transparent !important; background: #171b20; background: linear-gradient(135deg, #171b20 1%,#343a40 100%); } .btn-outline-dark { border-color: #171b20; color: #171b20; } .text-dark { color: #171b20 !important; } /* OWL-Carousel (if still used anywhere) */ .owl-carousel .owl-wrapper-outer { direction: ltr !important; }