/* Comment Generated by Combres - Resource '~/assets/css/app.css' (Mode: Static) */ .webui-popover-content{display:none}.webui-popover-rtl{direction:rtl;text-align:right}.webui-popover{position:absolute;top:0;left:0;z-index:9999;display:none;min-width:50px;min-height:32px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.webui-popover.top,.webui-popover.top-left,.webui-popover.top-right{margin-top:-10px}.webui-popover.right,.webui-popover.right-top,.webui-popover.right-bottom{margin-left:10px}.webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right{margin-top:10px}.webui-popover.left,.webui-popover.left-top,.webui-popover.left-bottom{margin-left:-10px}.webui-popover.pop{-webkit-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:transform .15s cubic-bezier(0.3,0,0,1.5);-o-transition:transform .15s cubic-bezier(0.3,0,0,1.5);transition:transform .15s cubic-bezier(0.3,0,0,1.5);opacity:0;filter:alpha(opacity=0)}.webui-popover.pop-out{-webkit-transition-property:"opacity,transform";-o-transition-property:"opacity,transform";transition-property:"opacity,transform";-webkit-transition:.15s linear;-o-transition:.15s linear;transition:.15s linear;opacity:0;filter:alpha(opacity=0)}.webui-popover.fade,.webui-popover.fade-out{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0;filter:alpha(opacity=0)}.webui-popover.out{opacity:0;filter:alpha(opacity=0)}.webui-popover.in{-webkit-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100)}.webui-popover .webui-popover-content{padding:9px 14px;overflow:auto;display:block}.webui-popover .webui-popover-content>div:first-child{width:99%}.webui-popover-inner .close{font-family:arial;margin:8px 10px 0 0;float:right;font-size:16px;font-weight:700;line-height:16px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);text-decoration:none}.webui-popover-inner .close:hover,.webui-popover-inner .close:focus{opacity:.5;filter:alpha(opacity=50)}.webui-popover-inner .close:after{content:"\00D7";width:.8em;height:.8em;padding:4px;position:relative}.webui-popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:700;line-height:18px;background-color:#fff;border-bottom:1px solid #f2f2f2;border-radius:5px 5px 0 0}.webui-popover-content{padding:9px 14px;overflow:auto;display:none}.webui-popover-inverse{background-color:#333;color:#eee}.webui-popover-inverse .webui-popover-title{background:#333;border-bottom:1px solid #3b3b3b;color:#eee}.webui-no-padding .webui-popover-content{padding:0}.webui-no-padding .list-group-item{border-right:none;border-left:none}.webui-no-padding .list-group-item:first-child{border-top:0}.webui-no-padding .list-group-item:last-child{border-bottom:0}.webui-popover>.webui-arrow,.webui-popover>.webui-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.webui-popover>.webui-arrow{border-width:11px}.webui-popover>.webui-arrow:after{border-width:10px;content:""}.webui-popover.top>.webui-arrow,.webui-popover.top-right>.webui-arrow,.webui-popover.top-left>.webui-arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.webui-popover.top>.webui-arrow:after,.webui-popover.top-right>.webui-arrow:after,.webui-popover.top-left>.webui-arrow:after{content:" ";bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0}.webui-popover.right>.webui-arrow,.webui-popover.right-top>.webui-arrow,.webui-popover.right-bottom>.webui-arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.webui-popover.right>.webui-arrow:after,.webui-popover.right-top>.webui-arrow:after,.webui-popover.right-bottom>.webui-arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.webui-popover.bottom>.webui-arrow,.webui-popover.bottom-right>.webui-arrow,.webui-popover.bottom-left>.webui-arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);border-top-width:0}.webui-popover.bottom>.webui-arrow:after,.webui-popover.bottom-right>.webui-arrow:after,.webui-popover.bottom-left>.webui-arrow:after{content:" ";top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0}.webui-popover.left>.webui-arrow,.webui-popover.left-top>.webui-arrow,.webui-popover.left-bottom>.webui-arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.webui-popover.left>.webui-arrow:after,.webui-popover.left-top>.webui-arrow:after,.webui-popover.left-bottom>.webui-arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.webui-popover-inverse.top>.webui-arrow,.webui-popover-inverse.top-left>.webui-arrow,.webui-popover-inverse.top-right>.webui-arrow,.webui-popover-inverse.top>.webui-arrow:after,.webui-popover-inverse.top-left>.webui-arrow:after,.webui-popover-inverse.top-right>.webui-arrow:after{border-top-color:#333}.webui-popover-inverse.right>.webui-arrow,.webui-popover-inverse.right-top>.webui-arrow,.webui-popover-inverse.right-bottom>.webui-arrow,.webui-popover-inverse.right>.webui-arrow:after,.webui-popover-inverse.right-top>.webui-arrow:after,.webui-popover-inverse.right-bottom>.webui-arrow:after{border-right-color:#333}.webui-popover-inverse.bottom>.webui-arrow,.webui-popover-inverse.bottom-left>.webui-arrow,.webui-popover-inverse.bottom-right>.webui-arrow,.webui-popover-inverse.bottom>.webui-arrow:after,.webui-popover-inverse.bottom-left>.webui-arrow:after,.webui-popover-inverse.bottom-right>.webui-arrow:after{border-bottom-color:#333}.webui-popover-inverse.left>.webui-arrow,.webui-popover-inverse.left-top>.webui-arrow,.webui-popover-inverse.left-bottom>.webui-arrow,.webui-popover-inverse.left>.webui-arrow:after,.webui-popover-inverse.left-top>.webui-arrow:after,.webui-popover-inverse.left-bottom>.webui-arrow:after{border-left-color:#333}.webui-popover i.icon-refresh:before{content:""}.webui-popover i.icon-refresh{display:block;width:30px;height:30px;font-size:20px;top:50%;left:50%;position:absolute;margin-left:-15px;margin-right:-15px;background:url("/assets/img/loading.gif") no-repeat}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg)}}.webui-popover-backdrop{background-color:rgba(0,0,0,.65);width:100%;height:100%;position:fixed;top:0;left:0;z-index:9998}.webui-popover .dropdown-menu{display:block;position:relative;top:0;border:none;box-shadow:none;float:none} /* * easy-autocomplete * jQuery plugin for autocompletion * * @author Łukasz Pawełczak (http://github.com/pawelczak) * @version 1.3.5 * Copyright License: */ .easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;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.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}.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}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px} /*# sourceMappingURL=easy-autocomplete.min.css.map */ .gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)} /** * alertifyjs 1.12.0 http://alertifyjs.com * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. * Copyright 2019 Mohammad Younes (http://alertifyjs.com) * Licensed under GPL 3 */ .alertify .ajs-dimmer{position:fixed;z-index:1981;top:0;right:0;bottom:0;left:0;padding:0;margin:0;background-color:#252525;opacity:.5}.alertify .ajs-modal{position:fixed;top:0;right:0;left:0;bottom:0;padding:0;overflow-y:auto;z-index:1981}.alertify .ajs-dialog{position:relative;margin:5% auto;min-height:110px;max-width:500px;padding:24px 24px 0 24px;outline:0;background-color:#fff}.alertify .ajs-dialog.ajs-capture:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.alertify .ajs-reset{position:absolute!important;display:inline!important;width:0!important;height:0!important;opacity:0!important}.alertify .ajs-commands{position:absolute;right:4px;margin:-14px 24px 0 0;z-index:2}.alertify .ajs-commands button{display:none;width:10px;height:10px;margin-left:10px;padding:10px;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.alertify .ajs-commands button.ajs-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC")}.alertify .ajs-commands button.ajs-maximize{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC")}.alertify .ajs-header{margin:-24px;margin-bottom:0;padding:16px 24px;background-color:#fff}.alertify .ajs-body{min-height:56px}.alertify .ajs-body .ajs-content{padding:16px 24px 16px 16px}.alertify .ajs-footer{padding:4px;margin-left:-24px;margin-right:-24px;min-height:43px;background-color:#fff}.alertify .ajs-footer .ajs-buttons.ajs-primary{text-align:right}.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button{margin:4px}.alertify .ajs-footer .ajs-buttons.ajs-auxiliary{float:left;clear:none;text-align:left}.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button{margin:4px}.alertify .ajs-footer .ajs-buttons .ajs-button{min-width:88px;min-height:35px}.alertify .ajs-handle{position:absolute;display:none;width:10px;height:10px;right:0;bottom:0;z-index:1;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==");-webkit-transform:scaleX(1);transform:scaleX(1);cursor:se-resize}.alertify.ajs-no-overflow .ajs-body .ajs-content{overflow:hidden!important}.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content{left:0;right:0;padding:0}.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body{margin-left:-24px;margin-right:-24px}.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content{padding:0}.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content{left:0;right:0}.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,.alertify.ajs-maximizable .ajs-commands button.ajs-restore{display:inline-block}.alertify.ajs-closable .ajs-commands button.ajs-close{display:inline-block}.alertify.ajs-maximized .ajs-dialog{width:100%!important;height:100%!important;max-width:none!important;margin:0 auto!important;top:0!important;left:0!important}.alertify.ajs-maximized.ajs-modeless .ajs-modal{position:fixed!important;min-height:100%!important;max-height:none!important;margin:0!important}.alertify.ajs-maximized .ajs-commands button.ajs-maximize{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=")}.alertify.ajs-maximized .ajs-dialog,.alertify.ajs-resizable .ajs-dialog{padding:0}.alertify.ajs-maximized .ajs-commands,.alertify.ajs-resizable .ajs-commands{margin:14px 24px 0 0}.alertify.ajs-maximized .ajs-header,.alertify.ajs-resizable .ajs-header{position:absolute;top:0;left:0;right:0;margin:0;padding:16px 24px}.alertify.ajs-maximized .ajs-body,.alertify.ajs-resizable .ajs-body{min-height:224px;display:inline-block}.alertify.ajs-maximized .ajs-body .ajs-content,.alertify.ajs-resizable .ajs-body .ajs-content{position:absolute;top:50px;right:24px;bottom:50px;left:24px;overflow:auto}.alertify.ajs-maximized .ajs-footer,.alertify.ajs-resizable .ajs-footer{position:absolute;left:0;right:0;bottom:0;margin:0}.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog{min-width:548px}.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle{display:block}.alertify.ajs-movable:not(.ajs-maximized) .ajs-header{cursor:move}.alertify.ajs-modeless .ajs-dimmer,.alertify.ajs-modeless .ajs-reset{display:none}.alertify.ajs-modeless .ajs-modal{overflow:visible;max-width:none;max-height:0}.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin{display:inline-block;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC")}.alertify.ajs-modeless.ajs-unpinned .ajs-modal{position:absolute}.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=")}.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body{max-height:500px;overflow:auto}.alertify.ajs-basic .ajs-header{opacity:0}.alertify.ajs-basic .ajs-footer{visibility:hidden}.alertify.ajs-frameless .ajs-header{position:absolute;top:0;left:0;right:0;min-height:60px;margin:0;padding:0;opacity:0;z-index:1}.alertify.ajs-frameless .ajs-footer{display:none}.alertify.ajs-frameless .ajs-body .ajs-content{position:absolute;top:0;right:0;bottom:0;left:0}.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog{padding-top:0}.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands{margin-top:0}.ajs-no-overflow{overflow:hidden!important;outline:0}.ajs-no-overflow.ajs-fixed{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:scroll!important}.ajs-no-selection,.ajs-no-selection *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:568px){.alertify .ajs-dialog{min-width:150px}.alertify:not(.ajs-maximized) .ajs-modal{padding:0 5%}.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog{min-width:initial;min-width:auto}}@-moz-document url-prefix(){.alertify button:focus{outline:1px dotted #3593d2}}.alertify .ajs-dimmer,.alertify .ajs-modal{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:250ms;transition-duration:250ms}.alertify.ajs-hidden .ajs-dimmer,.alertify.ajs-hidden .ajs-modal{visibility:hidden;opacity:0}.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-duration:.5s;animation-duration:.5s}.alertify.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-duration:250ms;animation-duration:250ms}.alertify .ajs-dialog.ajs-shake{-webkit-animation-name:ajs-shake;animation-name:ajs-shake;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes ajs-shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes ajs-shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-slideIn;animation-name:ajs-slideIn;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-slideOut;animation-name:ajs-slideOut;-webkit-animation-timing-function:cubic-bezier(.6,-.28,.735,.045);animation-timing-function:cubic-bezier(.6,-.28,.735,.045)}.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-zoomIn;animation-name:ajs-zoomIn}.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-zoomOut;animation-name:ajs-zoomOut}.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-fadeIn;animation-name:ajs-fadeIn}.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-fadeOut;animation-name:ajs-fadeOut}.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-pulseIn;animation-name:ajs-pulseIn}.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-pulseOut;animation-name:ajs-pulseOut}.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-flipInX;animation-name:ajs-flipInX}.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-flipOutX;animation-name:ajs-flipOutX}.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-flipInY;animation-name:ajs-flipInY}.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-flipOutY;animation-name:ajs-flipOutY}@-webkit-keyframes ajs-pulseIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes ajs-pulseIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes ajs-pulseOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes ajs-pulseOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes ajs-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes ajs-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes ajs-zoomOut{0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}}@keyframes ajs-zoomOut{0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}}@-webkit-keyframes ajs-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes ajs-fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes ajs-fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes ajs-fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ajs-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes ajs-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes ajs-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes ajs-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-webkit-keyframes ajs-flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes ajs-flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes ajs-flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes ajs-flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@-webkit-keyframes ajs-slideIn{0%{margin-top:-100%}100%{margin-top:5%}}@keyframes ajs-slideIn{0%{margin-top:-100%}100%{margin-top:5%}}@-webkit-keyframes ajs-slideOut{0%{margin-top:5%}100%{margin-top:-100%}}@keyframes ajs-slideOut{0%{margin-top:5%}100%{margin-top:-100%}}.alertify-notifier{position:fixed;width:0;overflow:visible;z-index:1982;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.alertify-notifier .ajs-message{position:relative;width:260px;max-height:0;padding:0;opacity:0;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:linear;transition-timing-function:linear}.alertify-notifier .ajs-message.ajs-visible{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);opacity:1;max-height:100%;padding:15px;margin-top:10px}.alertify-notifier .ajs-message.ajs-success{background:rgba(91,189,114,.95)}.alertify-notifier .ajs-message.ajs-error{background:rgba(217,92,92,.95)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95)}.alertify-notifier .ajs-message .ajs-close{position:absolute;top:0;right:0;width:16px;height:16px;cursor:pointer;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,.5);border-top-right-radius:2px}.alertify-notifier.ajs-top{top:10px}.alertify-notifier.ajs-bottom{bottom:10px}.alertify-notifier.ajs-right{right:10px}.alertify-notifier.ajs-right .ajs-message{right:-320px}.alertify-notifier.ajs-right .ajs-message.ajs-visible{right:290px}.alertify-notifier.ajs-left{left:10px}.alertify-notifier.ajs-left .ajs-message{left:-300px}.alertify-notifier.ajs-left .ajs-message.ajs-visible{left:0}.alertify-notifier.ajs-center{left:50%}.alertify-notifier.ajs-center .ajs-message{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.alertify-notifier.ajs-center .ajs-message.ajs-visible{left:50%;-webkit-transition-timing-function:cubic-bezier(.57,.43,.1,.65);transition-timing-function:cubic-bezier(.57,.43,.1,.65)}.alertify-notifier.ajs-center.ajs-top .ajs-message{top:-300px}.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible{top:0}.alertify-notifier.ajs-center.ajs-bottom .ajs-message{bottom:-300px}.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible{bottom:0} /** * alertifyjs 1.12.0 http://alertifyjs.com * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. * Copyright 2019 Mohammad Younes (http://alertifyjs.com) * Licensed under GPL 3 */ .alertify .ajs-dialog{background-color:#fff;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.25);box-shadow:0 15px 20px 0 rgba(0,0,0,.25);border-radius:2px}.alertify .ajs-header{color:#000;font-weight:700;background:#fafafa;border-bottom:#eee 1px solid;border-radius:2px 2px 0 0}.alertify .ajs-body{color:#000}.alertify .ajs-body .ajs-content .ajs-input{display:block;width:100%;padding:8px;margin:4px;border-radius:2px;border:1px solid #ccc}.alertify .ajs-body .ajs-content p{margin:0}.alertify .ajs-footer{background:#fbfbfb;border-top:#eee 1px solid;border-radius:0 0 2px 2px}.alertify .ajs-footer .ajs-buttons .ajs-button{background-color:transparent;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase}.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#3593d2}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:solid 1px #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999} @-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}} @charset "UTF-8"; /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* clear child float (pika-lendar), using the famous micro clearfix hack http://nicolasgallagher.com/micro-clearfix-hack/ */ .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both } .pika-single { *zoom: 1 } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5); } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: #33aaff; font-weight: bold; } .is-selected .pika-button, .has-event .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .has-event .pika-button { background: #005da9; box-shadow: inset 0 1px 3px #0076c9; } .is-disabled .pika-button, .is-inrange .pika-button { background: #D5E9F7; } .is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; } .is-outside-current-month .pika-button { color: #999; opacity: .3; } .is-selection-disabled { pointer-events: none; cursor: default; } .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px; } /* styling for abbr */ .pika-table abbr { border-bottom: none; cursor: help; } [data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none} /*! nouislider - 14.6.2 - 9/16/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} .sun-editor{width:auto;height:auto;box-sizing:border-box;font-family:Helvetica Neue,sans-serif;border:1px solid #dadada;text-align:left;background-color:#fff;color:#000;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sun-editor *{box-sizing:border-box;-webkit-user-drag:none;overflow:visible}.sun-editor-common button,.sun-editor-common input,.sun-editor-common select,.sun-editor-common textarea{font-size:14px;line-height:1.5}.sun-editor-common blockquote,.sun-editor-common body,.sun-editor-common button,.sun-editor-common code,.sun-editor-common dd,.sun-editor-common div,.sun-editor-common dl,.sun-editor-common dt,.sun-editor-common fieldset,.sun-editor-common form,.sun-editor-common h1,.sun-editor-common h2,.sun-editor-common h3,.sun-editor-common h4,.sun-editor-common h5,.sun-editor-common h6,.sun-editor-common input,.sun-editor-common legend,.sun-editor-common li,.sun-editor-common ol,.sun-editor-common p,.sun-editor-common pre,.sun-editor-common select,.sun-editor-common td,.sun-editor-common textarea,.sun-editor-common th,.sun-editor-common ul{margin:0;padding:0;border:0}.sun-editor-common dl,.sun-editor-common li,.sun-editor-common menu,.sun-editor-common ol,.sun-editor-common ul{list-style:none!important}.sun-editor-common hr{margin:6px 0!important}.sun-editor textarea{resize:none;border:0;padding:0}.sun-editor button{border:0;background-color:transparent;touch-action:manipulation;cursor:pointer;outline:none}.sun-editor button,.sun-editor input,.sun-editor select,.sun-editor textarea{vertical-align:middle}.sun-editor button span{display:block;margin:0;padding:0}.sun-editor button .txt{display:block;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sun-editor button *{pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor .se-svg,.sun-editor button>svg{width:16px;height:16px;margin:auto;fill:currentColor;display:block;text-align:center;float:none}.sun-editor .close>svg,.sun-editor .se-dialog-close>svg{width:10px;height:10px}.sun-editor .se-btn-select>svg{float:right;width:10px;height:10px}.sun-editor .se-btn-list>.se-list-icon{display:inline-block;width:16px;height:16px;margin:-1px 10px 0 0;vertical-align:middle}.sun-editor .se-line-breaker>button>svg{width:24px;height:24px}.sun-editor button>i:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-size:15px;line-height:2}.sun-editor button>[class=se-icon-text]{font-size:20px;line-height:1}.sun-editor .se-arrow,.sun-editor .se-arrow:after{position:absolute;display:block;width:0;height:0;border:11px solid transparent}.sun-editor .se-arrow.se-arrow-up{top:-11px;left:20px;margin-left:-11px;border-top-width:0;border-bottom-color:rgba(0,0,0,.25)}.sun-editor .se-arrow.se-arrow-up:after{top:1px;margin-left:-11px;content:" ";border-top-width:0;border-bottom-color:#fff}.sun-editor .se-toolbar .se-arrow.se-arrow-up:after{border-bottom-color:#fafafa}.sun-editor .se-arrow.se-arrow-down{top:0;left:0;margin-left:-11px;border-bottom-width:0;border-top-color:rgba(0,0,0,.25)}.sun-editor .se-arrow.se-arrow-down:after{top:-12px;margin-left:-11px;content:" ";border-bottom-width:0;border-top-color:#fff}.sun-editor .se-toolbar .se-arrow.se-arrow-down:after{border-top-color:#fafafa}.sun-editor .se-container{position:relative;width:100%;height:100%}.sun-editor button{color:#000}.sun-editor .se-btn{float:left;width:34px;height:34px;border:0;border-radius:4px;margin:1px!important;padding:0;font-size:12px;line-height:27px}.sun-editor .se-btn:enabled:focus,.sun-editor .se-btn:enabled:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-btn-primary{color:#000;background-color:#c7deff;border:1px solid #80bdff;border-radius:4px}.sun-editor .se-btn-primary:focus,.sun-editor .se-btn-primary:hover{color:#000;background-color:#80bdff;border-color:#3f9dff;outline:0 none}.sun-editor .se-btn-primary:active{color:#fff;background-color:#3f9dff;border-color:#4592ff;-webkit-box-shadow:inset 0 3px 5px #4592ff;box-shadow:inset 0 3px 5px #4592ff}.sun-editor input,.sun-editor select,.sun-editor textarea{color:#000;border:1px solid #ccc;border-radius:4px}.sun-editor input:focus,.sun-editor select:focus,.sun-editor textarea:focus{border:1px solid #80bdff;outline:0;-webkit-box-shadow:0 0 0 .2rem #c7deff;box-shadow:0 0 0 .2rem #c7deff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sun-editor .se-btn:enabled.active{color:#4592ff;outline:0 none}.sun-editor .se-btn:enabled.active:focus,.sun-editor .se-btn:enabled.active:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled.active:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-btn:enabled.on{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled.on:focus,.sun-editor .se-btn:enabled.on:hover{background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn:enabled.on:active{background-color:#c1c1c1;border-color:#b1b1b1;-webkit-box-shadow:inset 0 3px 5px #b1b1b1;box-shadow:inset 0 3px 5px #b1b1b1}.sun-editor .se-btn-list:disabled,.sun-editor .se-btn:disabled,.sun-editor button:disabled{cursor:not-allowed;background-color:inherit;color:#bdbdbd}.sun-editor .se-loading-box{position:absolute;display:none;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.7;filter:alpha(opacity=70);z-index:2147483647}.sun-editor .se-loading-box .se-loading-effect{position:absolute;display:block;top:50%;left:50%;height:25px;width:25px;border-top:2px solid #07d;border-right:2px solid transparent;border-radius:50%;animation:spinner .8s linear infinite;margin:-25px 0 0 -25px}.sun-editor .se-line-breaker{position:absolute;display:none;width:100%;height:1px;cursor:text;border-top:1px solid #3288ff;z-index:7}.sun-editor .se-line-breaker>button.se-btn{position:relative;display:inline-block;width:30px;height:30px;top:-15px;float:none;left:-50%;background-color:#fff;border:1px solid #0c2240;opacity:.6;cursor:pointer}.sun-editor .se-line-breaker>button.se-btn:hover{opacity:.9;background-color:#fff;border-color:#041b39}.sun-editor .se-line-breaker-component{position:absolute;display:none;width:24px;height:24px;background-color:#fff;border:1px solid #0c2240;opacity:.6;border-radius:4px;cursor:pointer;z-index:7}.sun-editor .se-line-breaker-component:hover{opacity:.9}.sun-editor .se-toolbar{display:block;position:relative;height:auto;width:100%;overflow:visible;padding:4px 3px 0;margin:0;background-color:#fafafa;outline:1px solid #dadada;z-index:5}.sun-editor .se-toolbar-cover{position:absolute;display:none;font-size:36px;width:100%;height:100%;top:0;left:0;background-color:#fefefe;opacity:.5;filter:alpha(opacity=50);cursor:not-allowed;z-index:4}.sun-editor .se-toolbar-separator-vertical{display:inline-block;height:0;width:0;margin:1px;vertical-align:top}.sun-editor .se-toolbar.se-toolbar-balloon,.sun-editor .se-toolbar.se-toolbar-inline{display:none;position:absolute;z-index:2147483647;box-shadow:0 3px 9px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5)}.sun-editor .se-toolbar.se-toolbar-balloon{width:auto}.sun-editor .se-toolbar.se-toolbar-sticky{position:fixed;top:0}.sun-editor .se-toolbar-sticky-dummy{display:none;position:static;z-index:-1}.sun-editor .se-btn-module{display:inline-block}.sun-editor .se-btn-module-border{border:1px solid #dadada;border-radius:4px}.sun-editor .se-btn-module-enter{display:block;width:100%;height:1px;margin-bottom:5px;background-color:transparent}.sun-editor .se-toolbar-more-layer{margin:0 -3px;background-color:#f3f3f3}.sun-editor .se-toolbar-more-layer .se-more-layer{display:none;border-top:1px solid #dadada}.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form{display:inline-block;width:100%;height:auto;padding:4px 3px 0}.sun-editor .se-btn-module .se-btn-more.se-btn-more-text{width:auto;padding:0 4px}.sun-editor .se-btn-module .se-btn-more:focus,.sun-editor .se-btn-module .se-btn-more:hover{color:#000;background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn-module .se-btn-more.on{color:#333;background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn-module .se-btn-more.on:hover{color:#000;background-color:#c1c1c1;border-color:#b1b1b1;outline:0 none}.sun-editor .se-menu-list,.sun-editor .se-menu-list li{float:left;padding:0;margin:0}.sun-editor .se-menu-list li{position:relative}.sun-editor .se-btn-select{width:auto;display:flex;text-align:left;padding:4px 6px}.sun-editor .se-btn-select .txt{flex:auto;float:left;text-align:left}.sun-editor .se-btn-select.se-btn-tool-font{width:100px}.sun-editor .se-btn-select.se-btn-tool-format,.sun-editor .se-btn-select.se-btn-tool-size{width:80px}.sun-editor .se-btn-tray{position:relative;width:100%;height:100%;margin:0;padding:0}.sun-editor .se-menu-tray{position:absolute;top:0;left:0;width:100%;height:0}.sun-editor .se-submenu{overflow-x:hidden;overflow-y:auto}.sun-editor .se-list-layer{display:none;position:absolute;top:0;left:0;height:auto;z-index:5;border:1px solid #bababa;border-radius:4px;padding:6px 0;background-color:#fff;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0 none}.sun-editor .se-list-layer .se-list-inner{padding:0;margin:0;overflow-x:initial;overflow-y:initial;overflow:visible}.sun-editor .se-list-layer button{margin:0;width:100%}.sun-editor .se-list-inner .se-list-basic{width:100%;padding:0}.sun-editor .se-list-inner .se-list-basic li{width:100%}.sun-editor .se-list-inner .se-list-basic li>button{min-width:100%;width:max-content}.sun-editor .se-list-inner .se-list-basic li button.active{background-color:#80bdff;border:1px solid #3f9dff;border-left:0;border-right:0}.sun-editor .se-list-inner .se-list-basic li button.active:hover{background-color:#3f9dff;border:1px solid #4592ff;border-left:0;border-right:0}.sun-editor .se-list-inner .se-list-basic li button.active:active{background-color:#4592ff;border:1px solid #407dd1;border-left:0;border-right:0;-webkit-box-shadow:inset 0 3px 5px #407dd1;box-shadow:inset 0 3px 5px #407dd1}.sun-editor .se-btn-list{width:100%;height:auto;min-height:32px;padding:0 14px;cursor:pointer;font-size:12px;line-height:normal;text-indent:0;text-decoration:none;text-align:left}.sun-editor .se-btn-list.default_value{background-color:#f3f3f3;border-top:1px dotted #b1b1b1;border-bottom:1px dotted #b1b1b1}.sun-editor .se-btn-list:focus,.sun-editor .se-btn-list:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn-list:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-list-layer.se-list-font-size{min-width:140px;max-height:300px}.sun-editor .se-list-layer.se-list-font-family{min-width:156px}.sun-editor .se-list-layer.se-list-font-family .default{border-bottom:1px solid #ccc}.sun-editor .se-list-layer.se-list-line{width:125px}.sun-editor .se-list-layer.se-list-align .se-list-inner{left:9px;width:125px}.sun-editor .se-list-layer.se-list-format{min-width:156px}.sun-editor .se-list-layer.se-list-format li{padding:0;width:100%}.sun-editor .se-list-layer.se-list-format ul .se-btn-list{line-height:100%}.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h1]{height:40px}.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h2]{height:34px}.sun-editor .se-list-layer.se-list-format ul p{font-size:13px}.sun-editor .se-list-layer.se-list-format ul div{font-size:13px;padding:4px 2px}.sun-editor .se-list-layer.se-list-format ul h1{font-size:2em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h2{font-size:1.5em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h3{font-size:1.17em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h4{font-size:1em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h5{font-size:.83em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h6{font-size:.67em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul blockquote{font-size:13px;color:#999;height:22px;margin:0;background-color:transparent;line-height:1.5;border-color:#b1b1b1;padding:0 0 0 7px;border-left:5px #b1b1b1;border-style:solid}.sun-editor .se-list-layer.se-list-format ul pre{font-size:13px;color:#666;padding:4px 11px;margin:0;background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:4px}.sun-editor .se-selector-table{display:none;position:absolute;top:34px;left:1px;z-index:5;padding:5px 0;float:left;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.sun-editor .se-selector-table .se-table-size{font-size:18px;padding:0 5px}.sun-editor .se-selector-table .se-table-size-picker{position:absolute!important;z-index:3;font-size:18px;width:10em;height:10em;cursor:pointer}.sun-editor .se-selector-table .se-table-size-highlighted{position:absolute!important;z-index:2;font-size:18px;width:1em;height:1em;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==") repeat}.sun-editor .se-selector-table .se-table-size-unhighlighted{position:relative!important;z-index:1;font-size:18px;width:10em;height:10em;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat}.sun-editor .se-selector-table .se-table-size-display{padding-left:5px}.sun-editor .se-list-layer .se-selector-color{display:flex;width:max-content;max-width:270px;height:auto;padding:0;margin:auto}.sun-editor .se-list-layer .se-selector-color .se-color-pallet{width:100%;height:100%;padding:0}.sun-editor .se-list-layer .se-selector-color .se-color-pallet li{display:flex;float:left;position:relative;margin:0}.sun-editor .se-list-layer .se-selector-color .se-color-pallet button{display:block;cursor:default;width:30px;height:30px;text-indent:-9999px}.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active,.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus,.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover{border:3px solid #fff}.sun-editor .se-submenu-form-group{display:flex;width:100%;height:auto;padding:4px}.sun-editor .se-submenu-form-group input{flex:auto;display:inline-block;width:auto;height:33px;color:#555;font-size:12px;margin:1px 0;padding:0;border-radius:.25rem;border:1px solid #ccc}.sun-editor .se-submenu-form-group button{float:right;width:34px;height:34px;margin:0 0 0 4px!important}.sun-editor .se-submenu-form-group button.se-btn{border:1px solid #ccc}.sun-editor .se-submenu-form-group>div{position:relative}.sun-editor .se-submenu-form-group .se-color-input{width:72px;text-transform:uppercase;border:none;border-bottom:2px solid #b1b1b1;outline:none}.sun-editor .se-submenu-form-group .se-color-input:focus{border-bottom:3px solid #b1b1b1}.sun-editor .se-wrapper{position:relative!important;width:100%;height:auto;overflow:hidden;z-index:1}.sun-editor .se-wrapper .se-wrapper-inner{width:100%;height:100%;min-height:65px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.sun-editor .se-wrapper .se-wrapper-inner:focus{outline:none}.sun-editor .se-wrapper .se-wrapper-code{background-color:#191919;color:#fff;font-size:13px;word-break:break-all;padding:4px;margin:0;resize:none!important}.sun-editor .se-wrapper .se-wrapper-wysiwyg{background-color:#fff;display:block}.sun-editor .se-wrapper .se-wrapper-code-mirror{font-size:13px}.sun-editor .se-wrapper .se-placeholder{position:absolute;display:none;white-space:nowrap;text-overflow:ellipsis;z-index:1;color:#b1b1b1;font-size:13px;line-height:1.5;top:0;left:0;right:0;overflow:hidden;margin-top:0;padding-top:16px;padding-left:16px;margin-left:0;padding-right:16px;margin-right:0;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor .se-resizing-bar{display:flex;width:auto;height:auto;min-height:16px;border-top:1px solid #dadada;padding:0 4px;background-color:#fafafa;cursor:ns-resize}.sun-editor .se-resizing-bar.se-resizing-none{cursor:default}.sun-editor .se-resizing-back{position:absolute;display:none;cursor:default;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-resizing-bar .se-navigation{flex:auto;position:relative;width:auto;height:auto;color:#666;margin:0;padding:0;font-size:10px;font-weight:700;line-height:1.5;background:transparent}.sun-editor .se-resizing-bar .se-char-counter-wrapper{flex:none;position:relative;display:block;width:auto;height:auto;margin:0;padding:0;color:#999;font-size:13px;background:transparent}.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink{color:#b94a48;animation:blinker .2s linear infinite}.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label{margin-right:4px}.sun-editor .se-dialog{position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-dialog button,.sun-editor .se-dialog input,.sun-editor .se-dialog label{font-size:14px;line-height:1.5;color:#111;margin:0}.sun-editor .se-dialog .se-dialog-back{background-color:#222;opacity:.5}.sun-editor .se-dialog .se-dialog-back,.sun-editor .se-dialog .se-dialog-inner{position:absolute;width:100%;height:100%;top:0;left:0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content{position:relative;width:auto;max-width:500px;margin:20px auto;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}@media screen and (max-width:509px){.sun-editor .se-dialog .se-dialog-inner .se-dialog-content{width:100%}}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary{display:inline-block;padding:6px 12px;margin:0 0 10px!important;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header{height:50px;padding:6px 15px;border-bottom:1px solid #e5e5e5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close{float:right;font-weight:700;text-shadow:0 1px 0 #fff;-webkit-appearance:none;filter:alpha(opacity=100);opacity:1}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title{font-size:14px;font-weight:700;margin:0;padding:0;line-height:2.5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-body{position:relative;padding:15px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form{margin-bottom:10px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer{margin-top:10px;margin-bottom:0}.sun-editor .se-dialog .se-dialog-inner input:disabled{background-color:#f3f3f3}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text{width:100%}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h,.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w{width:70px;text-align:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x{margin:0 8px;width:25px;text-align:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer{padding:10px 15px 0;text-align:right;border-top:1px solid #e5e5e5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer>div{float:left}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer>div>label{margin-top:5px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio{margin-left:12px;margin-right:6px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check{margin-left:12px;margin-right:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check{margin-left:0;margin-right:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files{position:relative;display:flex;align-items:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files>input{flex:auto}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button{flex:auto;opacity:.8;border:1px solid #ccc}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button.se-file-remove>svg{width:8px;height:8px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover{background-color:#f0f0f0;outline:0 none}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active{background-color:#e9e9e9;-webkit-box-shadow:inset 0 3px 5px #d6d6d6;box-shadow:inset 0 3px 5px #d6d6d6}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select{display:inline-block;width:auto;height:34px;font-size:14px;text-align:center;line-height:1.42857143}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control{display:inline-block;width:70px;height:34px;font-size:14px;text-align:center;line-height:1.42857143}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form{display:block;width:100%;height:34px;font-size:14px;line-height:1.42857143;padding:0 4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled{text-decoration:line-through;color:#999}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio{width:70px;margin-left:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a{color:#004cff}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert{border:1px solid #ccc}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-dialog-tabs{width:100%;height:25px;border-bottom:1px solid #e5e5e5}.sun-editor .se-dialog-tabs button{background-color:#e5e5e5;border-right:1px solid #e5e5e5;float:left;outline:none;padding:2px 13px;transition:.3s}.sun-editor .se-dialog-tabs button:hover{background-color:#fff}.sun-editor .se-dialog-tabs button.active{background-color:#fff;border-bottom:0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp{resize:vertical;height:4rem;border:1px solid #ccc;font-size:13px;padding:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size{width:6em;height:28px;margin-left:1em}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview{font-size:13px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>span{display:inline-block;-webkit-box-shadow:0 0 0 .1rem #c7deff;box-shadow:0 0 0 .1rem #c7deff}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-link-preview{display:block;height:auto;max-height:18px;margin:4px 0 0 4px;font-size:13px;font-weight:400;font-family:inherit;color:#666;background-color:transparent;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:pre}.sun-editor .se-controller .se-arrow.se-arrow-up{border-bottom-color:rgba(0,0,0,.25)}.sun-editor .se-controller{position:absolute;display:none;overflow:visible;z-index:6;border:1px solid rgba(0,0,0,.25);border-radius:4px;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.sun-editor .se-controller .se-btn-group{position:relative;display:flex;vertical-align:middle;padding:2px;top:0;left:0}.sun-editor .se-controller .se-btn-group .se-btn-group-sub{left:50%;min-width:auto;width:max-content;display:none}.sun-editor .se-controller .se-btn-group .se-btn-group-sub button{margin:0;min-width:72px}.sun-editor .se-controller .se-btn-group button{position:relative;min-height:34px;height:auto;border:none;border-radius:4px;margin:1px;padding:5px 10px;font-size:12px;line-height:1.5;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation}.sun-editor .se-controller .se-btn-group button:focus:enabled,.sun-editor .se-controller .se-btn-group button:hover:enabled{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:active:enabled{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-controller .se-btn-group button span{display:block;padding:0;margin:0}.sun-editor .se-controller .se-btn-group button:enabled.active{color:#4592ff;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.active:focus,.sun-editor .se-controller .se-btn-group button:enabled.active:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.active:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-controller .se-btn-group button:enabled.on{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.on:focus,.sun-editor .se-controller .se-btn-group button:enabled.on:hover{background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.on:active{background-color:#c1c1c1;border-color:#b1b1b1;-webkit-box-shadow:inset 0 3px 5px #b1b1b1;box-shadow:inset 0 3px 5px #b1b1b1}.sun-editor .se-controller-resizing{margin-top:-50px!important;padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143}.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list{left:57px;width:74px}.sun-editor .se-resizing-container{position:absolute;display:none;outline:1px solid #3f9dff;background-color:transparent}.sun-editor .se-resizing-container .se-modal-resize{position:absolute;display:inline-block;background-color:#3f9dff;opacity:.3}.sun-editor .se-resizing-container .se-resize-dot{position:absolute;top:0;left:0;width:100%;height:100%}.sun-editor .se-resizing-container .se-resize-dot>span{position:absolute;width:7px;height:7px;background-color:#3f9dff;border:1px solid #4592ff}.sun-editor .se-resizing-container .se-resize-dot>span.tl{top:-5px;left:-5px;cursor:nw-resize}.sun-editor .se-resizing-container .se-resize-dot>span.tr{top:-5px;right:-5px;cursor:ne-resize}.sun-editor .se-resizing-container .se-resize-dot>span.bl{bottom:-5px;left:-5px;cursor:sw-resize}.sun-editor .se-resizing-container .se-resize-dot>span.br{right:-5px;bottom:-5px;cursor:se-resize}.sun-editor .se-resizing-container .se-resize-dot>span.lw{left:-7px;bottom:50%;cursor:w-resize}.sun-editor .se-resizing-container .se-resize-dot>span.th{left:50%;top:-7px;cursor:n-resize}.sun-editor .se-resizing-container .se-resize-dot>span.rw{right:-7px;bottom:50%;cursor:e-resize}.sun-editor .se-resizing-container .se-resize-dot>span.bh{right:50%;bottom:-7px;cursor:s-resize}.sun-editor .se-resizing-container .se-resize-display{position:absolute;right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:#fff;background-color:#333;border-radius:4px}.sun-editor .se-controller-table,.sun-editor .se-controller-table-cell{width:auto}.sun-editor .se-controller-link,.sun-editor .se-controller-table,.sun-editor .se-controller-table-cell{padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143}.sun-editor .se-controller-link:after,.sun-editor .se-controller-link:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sun-editor .se-controller-link .link-content{padding:0;margin:0}.sun-editor .se-controller-link .link-content a{display:inline-block;color:#4592ff;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;margin-left:5px}.sun-editor .se-file-browser{position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-file-browser button,.sun-editor .se-file-browser input,.sun-editor .se-file-browser label{font-size:14px;line-height:1.5;color:#111;margin:0}.sun-editor .se-file-browser .se-file-browser-back{background-color:#222;opacity:.5}.sun-editor .se-file-browser .se-file-browser-back,.sun-editor .se-file-browser .se-file-browser-inner{position:absolute;display:block;width:100%;height:100%;top:0;left:0}.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{position:relative;width:960px;max-width:100%;margin:20px auto;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.sun-editor .se-file-browser .se-file-browser-header{height:auto;min-height:50px;padding:6px 15px;border-bottom:1px solid #e5e5e5}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close{float:right;font-weight:700;text-shadow:0 1px 0 #fff;-webkit-appearance:none;filter:alpha(opacity=100);opacity:1}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close>svg{width:12px;height:12px}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title{font-size:16px;font-weight:700;margin:0;padding:0;line-height:2.2}.sun-editor .se-file-browser .se-file-browser-tags{display:block;width:100%;padding:0;text-align:left;margin:0 -15px}.sun-editor .se-file-browser .se-file-browser-tags a{display:inline-block;background-color:#f5f5f5;padding:6px 12px;margin:8px 0 8px 8px;color:#333;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:pointer}.sun-editor .se-file-browser .se-file-browser-tags a:hover{background-color:#e1e1e1}.sun-editor .se-file-browser .se-file-browser-tags a:active{background-color:#d1d1d1}.sun-editor .se-file-browser .se-file-browser-tags a.on{background-color:#ebf3fe;color:#4592ff}.sun-editor .se-file-browser .se-file-browser-tags a.on:hover{background-color:#d8e8fe}.sun-editor .se-file-browser .se-file-browser-tags a.on:active{background-color:#c7deff}.sun-editor .se-file-browser .se-file-browser-body{position:relative;height:auto;min-height:350px;padding:20px;overflow-y:auto}.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list{position:relative;width:100%}@media screen and (max-width:992px){.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{width:748px}}@media screen and (max-width:768px){.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{width:600px}}.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column{position:relative;display:block;height:auto;float:left}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(25% - 20px);margin:0 10px}@media screen and (max-width:992px){.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(33% - 20px)}}@media screen and (max-width:768px){.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(50% - 20px)}}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img{position:relative;display:block;cursor:pointer;width:100%;height:auto;border-radius:4px;outline:0;margin:10px 0}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover{opacity:.8;-webkit-box-shadow:0 0 0 .2rem #3288ff;box-shadow:0 0 0 .2rem #3288ff}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>img{position:relative;display:block;width:100%;border-radius:4px;outline:0;height:auto}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>.se-file-img-name{position:absolute;z-index:1;font-size:13px;color:#fff;left:0;bottom:0;padding:5px 10px;background-color:transparent;width:100%;height:30px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>.se-file-img-name.se-file-name-back{background-color:#333;opacity:.6}.sun-editor .se-notice{position:absolute;top:0;display:none;z-index:7;width:100%;height:auto;word-break:break-all;font-size:13px;color:#b94a48;background-color:#f2dede;padding:15px;margin:0;border:1px solid #eed3d7;user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.sun-editor .se-notice button{float:right;padding:7px}.sun-editor .se-tooltip{position:relative;overflow:visible}.sun-editor .se-tooltip .se-tooltip-inner{visibility:hidden;position:absolute;display:block;width:auto;top:120%;left:50%;background:transparent;opacity:0;z-index:1;line-height:1.5;transition:opacity .5s;margin:0;padding:0;bottom:auto;float:none;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text{position:relative;display:inline-block;width:auto;left:-50%;font-size:.9em;margin:0;padding:4px 6px;border-radius:2px;background-color:#333;color:#fff;text-align:center;line-height:unset;white-space:nowrap;cursor:auto}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#333}.sun-editor .se-tooltip:hover .se-tooltip-inner{visibility:visible;opacity:1}@keyframes blinker{50%{opacity:0}}@keyframes spinner{to{transform:rotate(361deg)}}.sun-editor-editable{font-family:Helvetica Neue,sans-serif;font-size:13px;color:#333;line-height:1.5;text-align:left;background-color:#fff;word-break:normal;word-wrap:break-word;padding:16px;margin:0}.sun-editor-editable *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:inherit;color:inherit}.sun-editor-editable audio,.sun-editor-editable figcaption,.sun-editor-editable figure,.sun-editor-editable iframe,.sun-editor-editable img,.sun-editor-editable td,.sun-editor-editable th,.sun-editor-editable video{position:relative}.sun-editor-editable .__se__float-left{float:left}.sun-editor-editable .__se__float-right{float:right}.sun-editor-editable .__se__float-center{float:center}.sun-editor-editable .__se__float-none{float:none}.sun-editor-editable :not(.se-code-language .katex) span{display:inline;vertical-align:baseline;margin:0;padding:0}.sun-editor-editable span.katex{display:inline-block}.sun-editor-editable a{color:#004cff;text-decoration:none}.sun-editor-editable span[style~="color:"] a{color:inherit}.sun-editor-editable a:focus,.sun-editor-editable a:hover{cursor:pointer;color:#0093ff;text-decoration:underline}.sun-editor-editable pre{display:block;padding:8px;margin:0 0 10px;font-family:monospace;color:#666;line-height:1.45;background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:2px;white-space:pre-wrap;word-wrap:break-word;overflow:visible}.sun-editor-editable ol{list-style-type:decimal}.sun-editor-editable ol,.sun-editor-editable ul{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}.sun-editor-editable ul{list-style-type:disc}.sun-editor-editable li{display:list-item;text-align:-webkit-match-parent;margin-bottom:5px}.sun-editor-editable ol ol,.sun-editor-editable ol ul,.sun-editor-editable ul ol,.sun-editor-editable ul ul{margin:0}.sun-editor-editable ol ol,.sun-editor-editable ul ol{list-style-type:lower-alpha}.sun-editor-editable ol ol ol,.sun-editor-editable ul ol ol,.sun-editor-editable ul ul ol{list-style-type:upper-roman}.sun-editor-editable ol ul,.sun-editor-editable ul ul{list-style-type:circle}.sun-editor-editable ol ol ul,.sun-editor-editable ol ul ul,.sun-editor-editable ul ul ul{list-style-type:square}.sun-editor-editable sub,.sun-editor-editable sup{font-size:75%;line-height:0}.sun-editor-editable sub{vertical-align:sub}.sun-editor-editable sup{vertical-align:super}.sun-editor-editable p{display:block;margin:0 0 10px}.sun-editor-editable div{display:block;margin:0;padding:0}.sun-editor-editable blockquote{display:block;font-family:inherit;font-size:inherit;color:#999;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding:0 5px 0 20px;border:solid #b1b1b1;border-width:0 0 0 5px}.sun-editor-editable blockquote blockquote{border-color:#c1c1c1}.sun-editor-editable blockquote blockquote blockquote{border-color:#d1d1d1}.sun-editor-editable blockquote blockquote blockquote blockquote{border-color:#e1e1e1}.sun-editor-editable h1{font-size:2em;margin-block-start:.67em;margin-block-end:.67em}.sun-editor-editable h1,.sun-editor-editable h2{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h2{font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em}.sun-editor-editable h3{font-size:1.17em;margin-block-start:1em;margin-block-end:1em}.sun-editor-editable h3,.sun-editor-editable h4{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h4{font-size:1em;margin-block-start:1.33em;margin-block-end:1.33em}.sun-editor-editable h5{font-size:.83em;margin-block-start:1.67em;margin-block-end:1.67em}.sun-editor-editable h5,.sun-editor-editable h6{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h6{font-size:.67em;margin-block-start:2.33em;margin-block-end:2.33em}.sun-editor-editable hr{display:flex;border-width:1px 0 0;border-color:#000;border-image:initial;height:1px}.sun-editor-editable hr.__se__solid{border-style:solid none none}.sun-editor-editable hr.__se__dotted{border-style:dotted none none}.sun-editor-editable hr.__se__dashed{border-style:dashed none none}.sun-editor-editable table{display:table;table-layout:auto;border:1px solid #ccc;width:100%;max-width:100%;margin:0 0 10px;background-color:transparent;border-spacing:0;border-collapse:collapse}.sun-editor-editable table thead{border-bottom:2px solid #333}.sun-editor-editable table tr{border:1px solid #efefef}.sun-editor-editable table th{background-color:#f3f3f3}.sun-editor-editable table td,.sun-editor-editable table th{border:1px solid #e1e1e1;padding:.4em;background-clip:padding-box}.sun-editor-editable table.se-table-size-auto{width:auto!important}.sun-editor-editable table.se-table-size-100{width:100%!important}.sun-editor-editable table.se-table-layout-auto{table-layout:auto!important}.sun-editor-editable table.se-table-layout-fixed{table-layout:fixed!important}.sun-editor-editable table td.se-table-selected-cell,.sun-editor-editable table th.se-table-selected-cell{border:1px double #4592ff;background-color:#f1f7ff}.sun-editor-editable.se-disabled *{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sun-editor-editable .se-component{display:flex;padding:1px;margin:0 0 10px}.sun-editor-editable .se-component.__se__float-left{margin:0 20px 10px 0}.sun-editor-editable .se-component.__se__float-right{margin:0 0 10px 20px}.sun-editor-editable[contenteditable=true] .se-component{outline:1px dashed #e1e1e1}.sun-editor-editable[contenteditable=true] .se-component.se-component-copy{-webkit-box-shadow:0 0 0 .2rem #80bdff;box-shadow:0 0 0 .2rem #3f9dff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sun-editor-editable audio,.sun-editor-editable iframe,.sun-editor-editable img,.sun-editor-editable video{display:block;margin:0;padding:0;width:auto;height:auto;max-width:100%}.sun-editor-editable[contenteditable=true] figure:after{position:absolute;content:"";z-index:1;top:0;left:0;right:0;bottom:0;cursor:default;display:block;background:transparent}.sun-editor-editable[contenteditable=true] figure a,.sun-editor-editable[contenteditable=true] figure iframe,.sun-editor-editable[contenteditable=true] figure img,.sun-editor-editable[contenteditable=true] figure video{z-index:0}.sun-editor-editable[contenteditable=true] figure figcaption{display:block;z-index:2}.sun-editor-editable[contenteditable=true] figure figcaption:focus{border-color:#80bdff;outline:0;-webkit-box-shadow:0 0 0 .2rem #c7deff;box-shadow:0 0 0 .2rem #c7deff}.sun-editor-editable .se-image-container,.sun-editor-editable .se-video-container{width:auto;height:auto;max-width:100%}.sun-editor-editable figure{display:block;outline:none;margin:0;padding:0}.sun-editor-editable figure figcaption{padding:1em .5em;margin:0;background-color:#f9f9f9;outline:none}.sun-editor-editable figure figcaption p{line-height:2;margin:0}.sun-editor-editable .se-image-container a img{padding:1px;margin:1px;outline:1px solid #4592ff}.sun-editor-editable .se-video-container iframe,.sun-editor-editable .se-video-container video{outline:1px solid #9e9e9e;position:absolute;top:0;left:0;border:0;width:100%;height:100%}.sun-editor-editable .se-video-container figure{left:0;width:100%;max-width:100%}.sun-editor-editable audio{width:300px;height:54px}.sun-editor-editable audio.active{outline:2px solid #80bdff}.sun-editor-editable.se-show-block div,.sun-editor-editable.se-show-block h1,.sun-editor-editable.se-show-block h2,.sun-editor-editable.se-show-block h3,.sun-editor-editable.se-show-block h4,.sun-editor-editable.se-show-block h5,.sun-editor-editable.se-show-block h6,.sun-editor-editable.se-show-block li,.sun-editor-editable.se-show-block ol,.sun-editor-editable.se-show-block p,.sun-editor-editable.se-show-block pre,.sun-editor-editable.se-show-block ul{border:1px dashed #3f9dff!important;padding:14px 8px 8px!important}.sun-editor-editable.se-show-block ol,.sun-editor-editable.se-show-block ul{border:1px dashed #d539ff!important}.sun-editor-editable.se-show-block pre{border:1px dashed #27c022!important}.se-show-block p{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==") no-repeat}.se-show-block div{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==") no-repeat}.se-show-block h1{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC") no-repeat}.se-show-block h2{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==") no-repeat}.se-show-block h3{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC") no-repeat}.se-show-block h4{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC") no-repeat}.se-show-block h5{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC") no-repeat}.se-show-block h6{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC") no-repeat}.se-show-block li{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==") no-repeat}.se-show-block ol{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==") no-repeat}.se-show-block ul{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==") no-repeat}.sun-editor-editable .__se__p-bordered,.sun-editor .__se__p-bordered{border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;padding:4px 0}.sun-editor-editable .__se__p-spaced,.sun-editor .__se__p-spaced{letter-spacing:1px}.sun-editor-editable .__se__p-neon,.sun-editor .__se__p-neon{font-weight:200;font-style:italic;background:#000;color:#fff;padding:6px 4px;border:2px solid #fff;border-radius:6px;text-transform:uppercase;animation:neonFlicker 1.5s infinite alternate}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2px #f40,0 0 4px #f40,0 0 6px #f40,0 0 8px #f40,0 0 10px #f40;box-shadow:0 0 .5px #fff,inset 0 0 .5px #fff,0 0 2px #08f,inset 0 0 2px #08f,0 0 4px #08f,inset 0 0 4px #08f}20%,24%,55%{text-shadow:none;box-shadow:none}}.sun-editor-editable .__se__t-shadow,.sun-editor .__se__t-shadow{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 .2rem #999,0 0 .4rem #888,0 0 .6rem #777,0 0 .8rem #666,0 0 1rem #555}.sun-editor-editable .__se__t-code,.sun-editor .__se__t-code{font-family:monospace;color:#666;background-color:rgba(27,31,35,.05);border-radius:6px;padding:.2em .4em} .media-toolbar{align-items:center;cursor:default;direction:ltr;display:flex;flex-wrap:wrap}:-webkit-full-screen .media-toolbar{background-color:rgba(0,0,0,.75);color:#fff;bottom:0;left:0;right:0;opacity:.8;position:absolute}:-moz-full-screen .media-toolbar{background-color:rgba(0,0,0,.75);color:#fff;bottom:0;left:0;right:0;opacity:.8;position:absolute}:-ms-fullscreen .media-toolbar{background-color:rgba(0,0,0,.75);color:#fff;bottom:0;left:0;right:0;opacity:.8;position:absolute}:fullscreen .media-toolbar{background-color:rgba(0,0,0,.75);color:#fff;bottom:0;left:0;right:0;opacity:.8;position:absolute}.media-hidden{display:none}.media-media{display:block;margin-left:auto;margin-right:auto;max-height:100vh;max-width:100%;position:relative}.media-control,.media-slider{background-color:transparent;border-style:none;color:inherit;font:inherit;margin:0;overflow:visible;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}.media-slider{height:2.5em;padding:.625em .5em}.media-slider:focus{background-color:rgba(153,153,255,.25)}.media-time{flex-grow:1;flex-shrink:1}.media-volume{flex-basis:5em}.media-range{background-color:#ccc;display:block;font-size:75%;height:1em;width:100%}.media-meter{background-color:#08d;display:block;height:100%;overflow:hidden;width:100%}.media-text{font-size:75%;padding-left:.5em;padding-right:.5em;width:2.5em}.media-control{font-size:75%;line-height:1;padding:1.16667em;text-decoration:none}.media-control:focus,.media-control:hover{background-color:rgba(153,153,255,.25)}.media-symbol{display:block;fill:currentColor;height:1em;width:1em}.media-symbol[aria-hidden=true]{display:none} .choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;-ms-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=''] .choices__button{display:none}.choices[data-type*=select-one]:after{content:'';height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.choices__list--dropdown.is-active{visibility:visible}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5} @font-face{font-family:lg;src:url("/assets/fonts/lg.eot?n1z373");src:url("/assets/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"),url("/assets/fonts/lg.woff?n1z373") format("woff"),url("/assets/fonts/lg.ttf?n1z373") format("truetype"),url("/assets/fonts/lg.svg?n1z373#lg") format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;outline:0;border:none;background-color:transparent}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.45)}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;background:0 0;border:none;box-shadow:none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{background-color:rgba(0,0,0,.45);bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toggle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px;outline:0;border:none}.lg-outer .lg-toggle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toggle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url("/assets/img/vimeo-play.png") no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url("/assets/img/vimeo-play.png") 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url("/assets/img/video-play.png") no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url("/assets/img/youtube-play.png") no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url("/assets/img/youtube-play.png") 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.group:after,.group:before{display:table;content:"";line-height:0}.group:after{clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url("/assets/img/loading.gif") center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} /*! * FilePond 4.13.7 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ .filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)}.filepond--drip-blob{-webkit-transform-origin:center center;transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%}.filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity}.filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)}.filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s linear .125s both;animation:fall .5s linear .125s both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status,.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em} /*! * FilePondPluginImagePreview 4.6.4 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ .filepond--image-preview-markup{position:absolute;left:0;top:0}.filepond--image-preview-wrapper{z-index:2}.filepond--image-preview-overlay{display:block;position:absolute;left:0;top:0;width:100%;min-height:5rem;max-height:7rem;margin:0;opacity:0;z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--image-preview-overlay svg{width:100%;height:auto;color:inherit;max-height:inherit}.filepond--image-preview-overlay-idle{mix-blend-mode:multiply;color:rgba(40,40,40,.85)}.filepond--image-preview-overlay-success{mix-blend-mode:normal;color:#369763}.filepond--image-preview-overlay-failure{mix-blend-mode:normal;color:#c44e47}@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)){.filepond--image-preview-overlay-idle{mix-blend-mode:normal}}.filepond--image-preview-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;top:0;right:0;height:100%;margin:0;border-radius:.45em;overflow:hidden;background:rgba(0,0,0,.01)}.filepond--image-preview{position:absolute;left:0;top:0;z-index:1;display:flex;align-items:center;height:100%;width:100%;pointer-events:none;background:#222;will-change:transform,opacity}.filepond--image-clip{position:relative;overflow:hidden;margin:0 auto}.filepond--image-clip[data-transparency-indicator=grid] canvas,.filepond--image-clip[data-transparency-indicator=grid] img{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E");background-size:1.25em 1.25em}.filepond--image-bitmap,.filepond--image-vector{position:absolute;left:0;top:0;will-change:transform}.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper{border-radius:0}.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview{height:100%;display:flex;justify-content:center;align-items:center}.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper{border-radius:99999rem}.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay{top:auto;bottom:0;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]){margin-bottom:.325em}.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left]{left:calc(50% - 3em)}.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right]{right:calc(50% - 3em)}.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right]{margin-bottom:.5125em}.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center]{margin-top:0;margin-bottom:.1875em;margin-left:.1875em} /*! * FilePondPluginImageEdit 1.6.1 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ .filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important} /**! hopscotch - v0.3.1 * * Copyright 2017 LinkedIn Corp. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fade-in-up{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-20px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fade-in-down{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fade-in-right{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fade-in-left{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}div.hopscotch-bubble .hopscotch-nav-button{font-weight:700;border-width:1px;border-style:solid;cursor:pointer;margin:0;overflow:visible;text-decoration:none!important;width:auto;padding:0 10px;height:26px;line-height:24px;font-size:12px;*zoom:1;white-space:nowrap;display:-moz-inline-stack;display:inline-block;*vertical-align:auto;zoom:1;*display:inline;vertical-align:middle;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.hopscotch-bubble .hopscotch-nav-button:hover{*zoom:1;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25)}div.hopscotch-bubble .hopscotch-nav-button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.25) inset;box-shadow:0 1px 2px rgba(0,0,0,.25) inset}div.hopscotch-bubble .hopscotch-nav-button.next{border-color:#1b5480;color:#fff;margin:0 0 0 10px;text-shadow:0 1px 1px rgba(0,0,0,.35);background-color:#287bbc;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#287bbc),color-stop(100%,#23639a));background-image:-webkit-linear-gradient(to bottom,#287bbc 0,#23639a 100%);background-image:-moz-linear-gradient(to bottom,#287bbc 0,#23639a 100%);background-image:-o-linear-gradient(to bottom,#287bbc 0,#23639a 100%);background-image:linear-gradient(to bottom,#287bbc 0,#23639a 100%)}div.hopscotch-bubble .hopscotch-nav-button.next:hover{background-color:#2672ae;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#2672ae),color-stop(100%,#1e4f7e));background-image:-webkit-linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%);background-image:-moz-linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%);background-image:-o-linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%);background-image:linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%)}div.hopscotch-bubble .hopscotch-nav-button.prev{border-color:#a7a7a7;color:#444;text-shadow:0 1px 1px rgba(255,255,255,.75);background-color:#f2f2f2;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f2f2f2),color-stop(100%,#e9e9e9));background-image:-webkit-linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%);background-image:-moz-linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%);background-image:-o-linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%)}div.hopscotch-bubble .hopscotch-nav-button.prev:hover{background-color:#e8e8e8;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e8e8e8),color-stop(13%,#e3e3e3),color-stop(32%,#d7d7d7),color-stop(71%,#b9b9b9),color-stop(100%,#a9a9a9));background-image:-webkit-linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%);background-image:-moz-linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%);background-image:-o-linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%)}div.hopscotch-bubble{background-color:#fff;border:5px solid #000;border:5px solid rgba(0,0,0,.5);color:#333;font-family:Helvetica,Arial;font-size:13px;position:absolute;z-index:999999;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box}div.hopscotch-bubble *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}div.hopscotch-bubble.animate{-moz-transition-property:top,left;-moz-transition-duration:1s;-moz-transition-timing-function:ease-in-out;-ms-transition-property:top,left;-ms-transition-duration:1s;-ms-transition-timing-function:ease-in-out;-o-transition-property:top,left;-o-transition-duration:1s;-o-transition-timing-function:ease-in-out;-webkit-transition-property:top,left;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-in-out;transition-property:top,left;transition-duration:1s;transition-timing-function:ease-in-out}div.hopscotch-bubble.invisible{opacity:0}div.hopscotch-bubble.hide,div.hopscotch-bubble .hide,div.hopscotch-bubble .hide-all{display:none}div.hopscotch-bubble h3{color:#000;font-family:Helvetica,Arial;font-size:16px;font-weight:700;line-height:19px;margin:-1px 15px 0 0;padding:0}div.hopscotch-bubble .hopscotch-bubble-container{padding:15px;position:relative;text-align:left;-webkit-font-smoothing:antialiased}div.hopscotch-bubble .hopscotch-content{font-family:Helvetica,Arial;font-weight:400;line-height:17px;margin:-5px 0 11px;padding-top:8px}div.hopscotch-bubble .hopscotch-bubble-content{margin:0 0 0 40px}div.hopscotch-bubble.no-number .hopscotch-bubble-content{margin:0}div.hopscotch-bubble .hopscotch-bubble-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:#000;background:transparent url("/assets/img/sprite-green.png") -192px -92px no-repeat;display:block;padding:8px;position:absolute;text-decoration:none;text-indent:-9999px;width:8px;height:8px;top:0;right:0}div.hopscotch-bubble .hopscotch-bubble-close.hide,div.hopscotch-bubble .hopscotch-bubble-close.hide-all{display:none}div.hopscotch-bubble .hopscotch-bubble-number{background:transparent url("/assets/img/sprite-green.png") 0 0 no-repeat;color:#fff;display:block;float:left;font-size:17px;font-weight:700;line-height:31px;padding:0 10px 0 0;text-align:center;width:30px;height:30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:34px;height:34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border{width:0;height:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:-22px;left:10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:17px solid #fff;border-left:17px solid transparent;border-right:17px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border-bottom:17px solid #000;border-bottom:17px solid rgba(0,0,0,.5);border-left:17px solid transparent;border-right:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-39px;left:10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:17px solid #fff;border-left:17px solid transparent;border-right:17px solid transparent;position:relative;top:-24px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border-top:17px solid #000;border-top:17px solid rgba(0,0,0,.5);border-left:17px solid transparent;border-right:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:10px;left:-22px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-bottom:17px solid transparent;border-right:17px solid #fff;border-top:17px solid transparent;position:relative;left:7px;top:-34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border-right:17px solid #000;border-right:17px solid rgba(0,0,0,.5);border-bottom:17px solid transparent;border-top:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:10px;right:-39px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-bottom:17px solid transparent;border-left:17px solid #fff;border-top:17px solid transparent;position:relative;left:-7px;top:-34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border-left:17px solid #000;border-left:17px solid rgba(0,0,0,.5);border-bottom:17px solid transparent;border-top:17px solid transparent}div.hopscotch-bubble .hopscotch-actions{margin:10px 0 0;text-align:right} /*! * Copyright (c) 2017 ~ present NAVER Corp. * billboard.js project is licensed under the MIT license * * billboard.js, JavaScript chart library * https://naver.github.io/billboard.js/ * * @version 2.1.1 */ .bb svg{font:10px sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bb line,.bb path{fill:none;stroke:#000}.bb .bb-button,.bb text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bb-bars path,.bb-event-rect,.bb-legend-item-tile,.bb-xgrid-focus,.bb-ygrid,.bb-ygrid-focus{shape-rendering:crispEdges}.bb-chart-arc .bb-gauge-value{fill:#000}.bb-chart-arc path{stroke:#fff}.bb-chart-arc rect{stroke:#fff;stroke-width:1}.bb-chart-arc text{fill:#fff;font-size:13px}.bb-axis{shape-rendering:crispEdges}.bb-grid line{stroke:#aaa}.bb-grid text{fill:#aaa}.bb-xgrid,.bb-ygrid{stroke-dasharray:3 3}.bb-text.bb-empty{fill:grey;font-size:2em}.bb-line{stroke-width:1px}.bb-circle._expanded_{stroke-width:1px;stroke:#fff}.bb-selected-circle{fill:#fff;stroke-width:2px}.bb-bar{stroke-width:0}.bb-bar._expanded_{fill-opacity:.75}.bb-circles.bb-focused,.bb-target.bb-focused{opacity:1}.bb-circles.bb-focused path.bb-line,.bb-circles.bb-focused path.bb-step,.bb-target.bb-focused path.bb-line,.bb-target.bb-focused path.bb-step{stroke-width:2px}.bb-circles.bb-defocused,.bb-target.bb-defocused{opacity:.3!important}.bb-circles.bb-defocused .text-overlapping,.bb-target.bb-defocused .text-overlapping{opacity:.05!important}.bb-region{fill:#4682b4;fill-opacity:.1}.bb-brush .extent,.bb-zoom-brush{fill-opacity:.1}.bb-legend-item{font-size:12px;user-select:none}.bb-legend-item-hidden{opacity:.15}.bb-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.bb-title{font:14px sans-serif}.bb-tooltip-container{z-index:10;user-select:none}.bb-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;opacity:.9;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777}.bb-tooltip tr{border:1px solid #ccc}.bb-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.bb-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.bb-tooltip td>span,.bb-tooltip td>svg{display:inline-block;width:10px;height:10px;margin-right:6px}.bb-tooltip.value{text-align:right}.bb-area{stroke-width:0;opacity:.2}.bb-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.bb-chart-arcs-gauge-title{dominant-baseline:middle;font-size:2.7em}.bb-chart-arcs .bb-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.bb-chart-arcs .bb-chart-arcs-gauge-unit{fill:#000;font-size:16px}.bb-chart-arcs .bb-chart-arcs-gauge-max,.bb-chart-arcs .bb-chart-arcs-gauge-min{fill:#777}.bb-chart-radars .bb-levels polygon{fill:none;stroke:#848282;stroke-width:.5px}.bb-chart-radars .bb-levels text{fill:#848282}.bb-chart-radars .bb-axis line{stroke:#848282;stroke-width:.5px}.bb-chart-radars .bb-axis text{font-size:1.15em;cursor:default}.bb-chart-radars .bb-shapes polygon{fill-opacity:.2;stroke-width:1px}.bb-button{position:absolute;top:10px;right:10px}.bb-button .bb-zoom-reset{font-size:11px;border:1px solid #ccc;background-color:#fff;padding:5px;border-radius:5px;cursor:pointer} /*# sourceMappingURL=billboard.min.css.map*/ /*! * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("/assets/fonts/fa-brands-400.eot"); src: url("/assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fa-brands-400.woff2") format("woff2"), url("/assets/fonts/fa-brands-400.woff") format("woff"), url("/assets/fonts/fa-brands-400.ttf") format("truetype"), url("/assets/fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("/assets/fonts/fa-regular-400.eot"); src: url("/assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fa-regular-400.woff2") format("woff2"), url("/assets/fonts/fa-regular-400.woff") format("woff"), url("/assets/fonts/fa-regular-400.ttf") format("truetype"), url("/assets/fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("/assets/fonts/fa-solid-900.eot"); src: url("/assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fa-solid-900.woff2") format("woff2"), url("/assets/fonts/fa-solid-900.woff") format("woff"), url("/assets/fonts/fa-solid-900.ttf") format("truetype"), url("/assets/fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*-------------------------------- LineIconsPro Light Web Font Generated using nucleoapp.com -------------------------------- */ @font-face { font-family: 'LineIconsPro Light'; src: url("/assets/fonts/LineIconsPro Light.eot"); src: url("/assets/fonts/LineIconsPro Light.eot") format('embedded-opentype'), url("/assets/fonts/LineIconsPro Light.woff2") format('woff2'), url("/assets/fonts/LineIconsPro Light.woff") format('woff'), url("/assets/fonts/LineIconsPro Light.ttf") format('truetype'), url("/assets/fonts/LineIconsPro Light.svg") format('svg'); font-weight: normal; font-style: normal; } /*------------------------ base class definition -------------------------*/ .lnil { display: inline-block; font: normal normal normal 1em/1 'LineIconsPro Light'; speak: none; text-transform: none; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .lnil-sm { font-size: 0.8em; } .lnil-lg { font-size: 1.2em; } /* absolute units */ .lnil-16 { font-size: 16px; } .lnil-32 { font-size: 32px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .lnil-bg-square, .lnil-bg-circle { padding: 0.35em; background-color: #eee; } .lnil-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .lnil-ul { padding-left: 0; list-style-type: none; } .lnil-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .lnil-ul > li > .lnil { margin-right: 0.4em; line-height: inherit; } /*------------------------ spinning icons -------------------------*/ .lnil-is-spinning { -webkit-animation: lnil-spin 2s infinite linear; -moz-animation: lnil-spin 2s infinite linear; animation: lnil-spin 2s infinite linear; } @-webkit-keyframes lnil-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes lnil-spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes lnil-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .lnil-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .lnil-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .lnil-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .lnil-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .lnil-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .lnil-air-flow::before { content: "\ea02"; } .lnil-air::before { content: "\ea03"; } .lnil-cloud-moon::before { content: "\ea04"; } .lnil-cloud-sun::before { content: "\ea05"; } .lnil-cloud-alt::before { content: "\ea06"; } .lnil-cloudy-sun::before { content: "\ea07"; } .lnil-cloud-alt-2::before { content: "\ea08"; } .lnil-drop::before { content: "\ea09"; } .lnil-farenheit::before { content: "\ea0a"; } .lnil-moon-star::before { content: "\ea0b"; } .lnil-cloud::before { content: "\ea0c"; } .lnil-night-thunder::before { content: "\ea0d"; } .lnil-drop-alt::before { content: "\ea0e"; } .lnil-night::before { content: "\ea0f"; } .lnil-rain::before { content: "\ea10"; } .lnil-snowfall::before { content: "\ea11"; } .lnil-sun-rain::before { content: "\ea12"; } .lnil-sun::before { content: "\ea13"; } .lnil-thunder-alt::before { content: "\ea14"; } .lnil-thunder::before { content: "\ea15"; } .lnil-umbrella-alt::before { content: "\ea16"; } .lnil-umbrella-rain-alt::before { content: "\ea17"; } .lnil-umbrella-rain::before { content: "\ea18"; } .lnil-umbrella::before { content: "\ea19"; } .lnil-water-drops::before { content: "\ea1a"; } .lnil-wind-cloud::before { content: "\ea1b"; } .lnil-wind-sun::before { content: "\ea1c"; } .lnil-cloud-alt-1::before { content: "\ea1d"; } .lnil-night-wind::before { content: "\ea1e"; } .lnil-moon::before { content: "\ea1f"; } .lnil-beach-chair::before { content: "\ea20"; } .lnil-beach::before { content: "\ea21"; } .lnil-hot-air-baloon::before { content: "\ea22"; } .lnil-cable-car::before { content: "\ea23"; } .lnil-suitcase-alt::before { content: "\ea24"; } .lnil-suitcase::before { content: "\ea25"; } .lnil-surf-board::before { content: "\ea26"; } .lnil-tent-alt::before { content: "\ea27"; } .lnil-tent::before { content: "\ea28"; } .lnil-travel::before { content: "\ea29"; } .lnil-pyramids::before { content: "\ea2a"; } .lnil-flight-search::before { content: "\ea2b"; } .lnil-beachball::before { content: "\ea2c"; } .lnil-3d::before { content: "\ea2d"; } .lnil-Mobile::before { content: "\ea2e"; } .lnil-alarm-2::before { content: "\ea2f"; } .lnil-alarm-3::before { content: "\ea30"; } .lnil-alarm-4::before { content: "\ea31"; } .lnil-alarm-clock-alt::before { content: "\ea32"; } .lnil-add-files::before { content: "\ea33"; } .lnil-ai::before { content: "\ea34"; } .lnil-alarm-clock::before { content: "\ea35"; } .lnil-archive::before { content: "\ea36"; } .lnil-backspace::before { content: "\ea37"; } .lnil-ban::before { content: "\ea38"; } .lnil-battery::before { content: "\ea39"; } .lnil-block-user::before { content: "\ea3a"; } .lnil-bluetooth::before { content: "\ea3b"; } .lnil-bookmark-alt::before { content: "\ea3c"; } .lnil-bookmark::before { content: "\ea3d"; } .lnil-brightness::before { content: "\ea3e"; } .lnil-bulb-alt::before { content: "\ea3f"; } .lnil-bulb::before { content: "\ea40"; } .lnil-calendar::before { content: "\ea41"; } .lnil-calender-alt-1::before { content: "\ea42"; } .lnil-calender-alt-2::before { content: "\ea43"; } .lnil-calender-alt-3::before { content: "\ea44"; } .lnil-calender-alt-4::before { content: "\ea45"; } .lnil-calender-alt::before { content: "\ea46"; } .lnil-camera-alt-1::before { content: "\ea47"; } .lnil-camera-alt::before { content: "\ea48"; } .lnil-camera::before { content: "\ea49"; } .lnil-change::before { content: "\ea4a"; } .lnil-charging::before { content: "\ea4b"; } .lnil-cloud-check-alt::before { content: "\ea4c"; } .lnil-cloud-check::before { content: "\ea4d"; } .lnil-cloud-computing-alt::before { content: "\ea4e"; } .lnil-cloud-computing::before { content: "\ea4f"; } .lnil-Website::before { content: "\ea50"; } .lnil-alarm::before { content: "\ea51"; } .lnil-cloud-network-alt::before { content: "\ea52"; } .lnil-cloud-network::before { content: "\ea53"; } .lnil-cloud-search-1::before { content: "\ea54"; } .lnil-cloud-search-2::before { content: "\ea55"; } .lnil-cloud-search::before { content: "\ea56"; } .lnil-cloud-sync-alt::before { content: "\ea57"; } .lnil-cloud-sync::before { content: "\ea58"; } .lnil-cloud-download-alt::before { content: "\ea59"; } .lnil-cloud-download::before { content: "\ea5a"; } .lnil-appointment::before { content: "\ea5b"; } .lnil-cloud-upload-alt::before { content: "\ea5c"; } .lnil-cloud-upload::before { content: "\ea5d"; } .lnil-code-alt::before { content: "\ea5e"; } .lnil-code::before { content: "\ea5f"; } .lnil-cog::before { content: "\ea60"; } .lnil-cogs::before { content: "\ea61"; } .lnil-control-panel::before { content: "\ea62"; } .lnil-copy::before { content: "\ea63"; } .lnil-cut::before { content: "\ea64"; } .lnil-dashboard::before { content: "\ea65"; } .lnil-database::before { content: "\ea66"; } .lnil-display-alt::before { content: "\ea67"; } .lnil-display::before { content: "\ea68"; } .lnil-domain::before { content: "\ea69"; } .lnil-download::before { content: "\ea6a"; } .lnil-empty-battery::before { content: "\ea6b"; } .lnil-empty-file::before { content: "\ea6c"; } .lnil-file-download::before { content: "\ea6d"; } .lnil-file-lock::before { content: "\ea6e"; } .lnil-file-name::before { content: "\ea6f"; } .lnil-file-protection::before { content: "\ea70"; } .lnil-file-upload::before { content: "\ea71"; } .lnil-files-alt::before { content: "\ea72"; } .lnil-files::before { content: "\ea73"; } .lnil-folder-alt-1::before { content: "\ea74"; } .lnil-folder-alt::before { content: "\ea75"; } .lnil-folder::before { content: "\ea76"; } .lnil-full-battery::before { content: "\ea77"; } .lnil-game::before { content: "\ea78"; } .lnil-half-battery::before { content: "\ea79"; } .lnil-harddrive::before { content: "\ea7a"; } .lnil-headphone-alt::before { content: "\ea7b"; } .lnil-headphone::before { content: "\ea7c"; } .lnil-laptop-alt-switch::before { content: "\ea7d"; } .lnil-laptop-alt::before { content: "\ea7e"; } .lnil-laptop-phone::before { content: "\ea7f"; } .lnil-laptop::before { content: "\ea80"; } .lnil-link-alt-1::before { content: "\ea81"; } .lnil-link-alt::before { content: "\ea82"; } .lnil-link::before { content: "\ea83"; } .lnil-low-battery::before { content: "\ea84"; } .lnil-magnet::before { content: "\ea85"; } .lnil-magnifier::before { content: "\ea86"; } .lnil-map-marker::before { content: "\ea87"; } .lnil-map::before { content: "\ea88"; } .lnil-menu-alt-1::before { content: "\ea89"; } .lnil-menu-alt-2::before { content: "\ea8a"; } .lnil-menu-alt-3::before { content: "\ea8b"; } .lnil-menu-alt-4::before { content: "\ea8c"; } .lnil-menu-alt-5::before { content: "\ea8d"; } .lnil-menu-alt::before { content: "\ea8e"; } .lnil-menu-circle::before { content: "\ea8f"; } .lnil-menu::before { content: "\ea90"; } .lnil-mic::before { content: "\ea91"; } .lnil-microphone-alt-1::before { content: "\ea92"; } .lnil-microphone-alt::before { content: "\ea93"; } .lnil-microphone::before { content: "\ea94"; } .lnil-mobile-alt-1::before { content: "\ea95"; } .lnil-mobile-alt-2::before { content: "\ea96"; } .lnil-mobile-alt-button::before { content: "\ea97"; } .lnil-mouse::before { content: "\ea98"; } .lnil-no-charge-battery::before { content: "\ea99"; } .lnil-package::before { content: "\ea9a"; } .lnil-plug::before { content: "\ea9b"; } .lnil-presentation::before { content: "\ea9c"; } .lnil-printer::before { content: "\ea9d"; } .lnil-ps::before { content: "\ea9e"; } .lnil-recycle-alt::before { content: "\ea9f"; } .lnil-image::before { content: "\eaa0"; } .lnil-reload-alt-box::before { content: "\eaa1"; } .lnil-reload-alt::before { content: "\eaa2"; } .lnil-reload::before { content: "\eaa3"; } .lnil-recycle::before { content: "\eaa4"; } .lnil-rocket::before { content: "\eaa5"; } .lnil-rss-feed::before { content: "\eaa6"; } .lnil-save-alt::before { content: "\eaa7"; } .lnil-save::before { content: "\eaa8"; } .lnil-scan::before { content: "\eaa9"; } .lnil-scroll-down::before { content: "\eaaa"; } .lnil-search-alt::before { content: "\eaab"; } .lnil-search::before { content: "\eaac"; } .lnil-share-alt::before { content: "\eaad"; } .lnil-share::before { content: "\eaae"; } .lnil-shopping-basket::before { content: "\eaaf"; } .lnil-shortcode::before { content: "\eab0"; } .lnil-signal::before { content: "\eab1"; } .lnil-laptop-alt-keyboard::before { content: "\eab2"; } .lnil-star-fill::before { content: "\eab3"; } .lnil-star-half::before { content: "\eab4"; } .lnil-star::before { content: "\eab5"; } .lnil-tab::before { content: "\eab6"; } .lnil-tap::before { content: "\eab7"; } .lnil-thumbnail::before { content: "\eab8"; } .lnil-timer::before { content: "\eab9"; } .lnil-trash-can-alt-1::before { content: "\eaba"; } .lnil-trash-can-alt::before { content: "\eabb"; } .lnil-trash-can::before { content: "\eabc"; } .lnil-trash::before { content: "\eabd"; } .lnil-unlink::before { content: "\eabe"; } .lnil-upload::before { content: "\eabf"; } .lnil-user-alt-1::before { content: "\eac0"; } .lnil-user-alt-2::before { content: "\eac1"; } .lnil-user-alt::before { content: "\eac2"; } .lnil-user::before { content: "\eac3"; } .lnil-users-alt::before { content: "\eac4"; } .lnil-users::before { content: "\eac5"; } .lnil-website-alt::before { content: "\eac6"; } .lnil-zip::before { content: "\eac7"; } .lnil-zoom-in::before { content: "\eac8"; } .lnil-zoom-out::before { content: "\eac9"; } .lnil-star-empty::before { content: "\eaca"; } .lnil-remove-file::before { content: "\eacb"; } .lnil-keyboard::before { content: "\eacc"; } .lnil-hourglass::before { content: "\eacd"; } .lnil-spinner-1::before { content: "\eace"; } .lnil-spinner-10::before { content: "\eacf"; } .lnil-spinner-11::before { content: "\ead0"; } .lnil-spinner-2::before { content: "\ead1"; } .lnil-spinner-3::before { content: "\ead2"; } .lnil-spinner-4::before { content: "\ead3"; } .lnil-spinner-5::before { content: "\ead4"; } .lnil-spinner-9::before { content: "\ead5"; } .lnil-spinner-7::before { content: "\ead6"; } .lnil-spinner-8::before { content: "\ead7"; } .lnil-spinner-6::before { content: "\ead8"; } .lnil-angry::before { content: "\ead9"; } .lnil-bored::before { content: "\eada"; } .lnil-cry::before { content: "\eadb"; } .lnil-cute::before { content: "\eadc"; } .lnil-dead::before { content: "\eadd"; } .lnil-emoji-cool::before { content: "\eade"; } .lnil-emoji-friendly::before { content: "\eadf"; } .lnil-emoji-happy::before { content: "\eae0"; } .lnil-emoji-sad::before { content: "\eae1"; } .lnil-emoji-smile::before { content: "\eae2"; } .lnil-emoji-speechless::before { content: "\eae3"; } .lnil-emoji-suspect::before { content: "\eae4"; } .lnil-emoji-tounge::before { content: "\eae5"; } .lnil-happy-1::before { content: "\eae6"; } .lnil-happy-2::before { content: "\eae7"; } .lnil-happy-smile::before { content: "\eae8"; } .lnil-kiss-2::before { content: "\eae9"; } .lnil-kiss::before { content: "\eaea"; } .lnil-love::before { content: "\eaeb"; } .lnil-loved-surprise::before { content: "\eaec"; } .lnil-mute::before { content: "\eaed"; } .lnil-piss::before { content: "\eaee"; } .lnil-sick-1::before { content: "\eaef"; } .lnil-sick::before { content: "\eaf0"; } .lnil-sleep::before { content: "\eaf1"; } .lnil-super-cool::before { content: "\eaf2"; } .lnil-super-happy::before { content: "\eaf3"; } .lnil-wink::before { content: "\eaf4"; } .lnil-wow::before { content: "\eaf5"; } .lnil-yawn::before { content: "\eaf6"; } .lnil-cool-1::before { content: "\eaf7"; } .lnil-cool-3::before { content: "\eaf8"; } .lnil-cool-kiss::before { content: "\eaf9"; } .lnil-cotton-bud::before { content: "\eafa"; } .lnil-crown::before { content: "\eafb"; } .lnil-cup-alt::before { content: "\eafc"; } .lnil-crown-alt::before { content: "\eafd"; } .lnil-gift-alt-1::before { content: "\eafe"; } .lnil-crown-alt-2::before { content: "\eaff"; } .lnil-cup::before { content: "\eb00"; } .lnil-gift-bag::before { content: "\eb01"; } .lnil-gift::before { content: "\eb02"; } .lnil-gift-alt::before { content: "\eb03"; } .lnil-ladies-tshirt::before { content: "\eb04"; } .lnil-crown-alt-1::before { content: "\eb05"; } .lnil-sunglass::before { content: "\eb06"; } .lnil-thought::before { content: "\eb07"; } .lnil-tshirt-alt-1::before { content: "\eb08"; } .lnil-tshirt-alt::before { content: "\eb09"; } .lnil-home::before { content: "\eb0a"; } .lnil-glasses::before { content: "\eb0b"; } .lnil-tshirt::before { content: "\eb0c"; } .lnil-baloon-alt-1::before { content: "\eb0d"; } .lnil-baloon-alt::before { content: "\eb0e"; } .lnil-baloon::before { content: "\eb0f"; } .lnil-candle-alt::before { content: "\eb10"; } .lnil-candy-cane::before { content: "\eb11"; } .lnil-candy::before { content: "\eb12"; } .lnil-confetti::before { content: "\eb13"; } .lnil-firecracker::before { content: "\eb14"; } .lnil-fireworks::before { content: "\eb15"; } .lnil-flags::before { content: "\eb16"; } .lnil-mask::before { content: "\eb17"; } .lnil-spray::before { content: "\eb18"; } .lnil-wand::before { content: "\eb19"; } .lnil-birthday-hat::before { content: "\eb1a"; } .lnil-candle::before { content: "\eb1b"; } .lnil-cake::before { content: "\eb1c"; } .lnil-bug-alt::before { content: "\eb1d"; } .lnil-bug::before { content: "\eb1e"; } .lnil-flower::before { content: "\eb1f"; } .lnil-island::before { content: "\eb20"; } .lnil-leaf-alt-1::before { content: "\eb21"; } .lnil-leaf-alt::before { content: "\eb22"; } .lnil-leaf::before { content: "\eb23"; } .lnil-leaves::before { content: "\eb24"; } .lnil-mashroom::before { content: "\eb25"; } .lnil-mountain::before { content: "\eb26"; } .lnil-mushroom-alt::before { content: "\eb27"; } .lnil-mushrooms::before { content: "\eb28"; } .lnil-plant-pot::before { content: "\eb29"; } .lnil-plant::before { content: "\eb2a"; } .lnil-sprout-alt::before { content: "\eb2b"; } .lnil-sprout::before { content: "\eb2c"; } .lnil-tornado::before { content: "\eb2d"; } .lnil-tree-alt-1::before { content: "\eb2e"; } .lnil-tree-alt::before { content: "\eb2f"; } .lnil-tree::before { content: "\eb30"; } .lnil-trees-alt-1::before { content: "\eb31"; } .lnil-trees-alt::before { content: "\eb32"; } .lnil-trees::before { content: "\eb33"; } .lnil-flower-alt::before { content: "\eb34"; } .lnil-cactus-alt::before { content: "\eb35"; } .lnil-cactus::before { content: "\eb36"; } .lnil-bank::before { content: "\eb37"; } .lnil-calculator-alt::before { content: "\eb38"; } .lnil-calculator::before { content: "\eb39"; } .lnil-coin::before { content: "\eb3a"; } .lnil-diamond-alt::before { content: "\eb3b"; } .lnil-diamond::before { content: "\eb3c"; } .lnil-dollar-card::before { content: "\eb3d"; } .lnil-credit-cards::before { content: "\eb3e"; } .lnil-dollar-down::before { content: "\eb3f"; } .lnil-dollar-up::before { content: "\eb40"; } .lnil-euro-card::before { content: "\eb41"; } .lnil-dollar::before { content: "\eb42"; } .lnil-euro-coin::before { content: "\eb43"; } .lnil-euro-down::before { content: "\eb44"; } .lnil-euro-up::before { content: "\eb45"; } .lnil-euro::before { content: "\eb46"; } .lnil-gold-bar::before { content: "\eb47"; } .lnil-mobile-coin-taka::before { content: "\eb48"; } .lnil-mobile-coin::before { content: "\eb49"; } .lnil-money-bag::before { content: "\eb4a"; } .lnil-money-location::before { content: "\eb4b"; } .lnil-money-protection::before { content: "\eb4c"; } .lnil-pound-card::before { content: "\eb4d"; } .lnil-pound-coin::before { content: "\eb4e"; } .lnil-pound-down::before { content: "\eb4f"; } .lnil-pound-up::before { content: "\eb50"; } .lnil-pound::before { content: "\eb51"; } .lnil-rupee-card::before { content: "\eb52"; } .lnil-rupee-coin::before { content: "\eb53"; } .lnil-rupee-down::before { content: "\eb54"; } .lnil-rupee-up::before { content: "\eb55"; } .lnil-rupee::before { content: "\eb56"; } .lnil-taka-card::before { content: "\eb57"; } .lnil-taka-coin::before { content: "\eb58"; } .lnil-taka-down::before { content: "\eb59"; } .lnil-taka-up::before { content: "\eb5a"; } .lnil-taka::before { content: "\eb5b"; } .lnil-wallet-alt-1::before { content: "\eb5c"; } .lnil-wallet::before { content: "\eb5d"; } .lnil-yen-card::before { content: "\eb5e"; } .lnil-yen-coin::before { content: "\eb5f"; } .lnil-yen-down::before { content: "\eb60"; } .lnil-yen-up::before { content: "\eb61"; } .lnil-yen::before { content: "\eb62"; } .lnil-coins::before { content: "\eb63"; } .lnil-credit-card::before { content: "\eb64"; } .lnil-backward-alt::before { content: "\eb65"; } .lnil-backward::before { content: "\eb66"; } .lnil-forward::before { content: "\eb67"; } .lnil-frame-expand::before { content: "\eb68"; } .lnil-film::before { content: "\eb69"; } .lnil-gallery::before { content: "\eb6a"; } .lnil-next::before { content: "\eb6b"; } .lnil-pause::before { content: "\eb6c"; } .lnil-play::before { content: "\eb6d"; } .lnil-previous::before { content: "\eb6e"; } .lnil-repeat-one::before { content: "\eb6f"; } .lnil-shuffle::before { content: "\eb70"; } .lnil-slideshow::before { content: "\eb71"; } .lnil-stop::before { content: "\eb72"; } .lnil-video-alt-1::before { content: "\eb73"; } .lnil-video-alt::before { content: "\eb74"; } .lnil-video-camera-alt-1::before { content: "\eb75"; } .lnil-video-camera-alt-2::before { content: "\eb76"; } .lnil-video-camera-alt::before { content: "\eb77"; } .lnil-video-cut::before { content: "\eb78"; } .lnil-video::before { content: "\eb79"; } .lnil-volume-high::before { content: "\eb7a"; } .lnil-volume-low::before { content: "\eb7b"; } .lnil-volume-medium::before { content: "\eb7c"; } .lnil-volume-mute::before { content: "\eb7d"; } .lnil-volume::before { content: "\eb7e"; } .lnil-full-screen::before { content: "\eb7f"; } .lnil-expand-alt-1::before { content: "\eb80"; } .lnil-fast-forward::before { content: "\eb81"; } .lnil-analytics::before { content: "\eb82"; } .lnil-bar-chart::before { content: "\eb83"; } .lnil-graph-alt-1::before { content: "\eb84"; } .lnil-graph-alt-2::before { content: "\eb85"; } .lnil-graph-alt-3::before { content: "\eb86"; } .lnil-graph-alt-4::before { content: "\eb87"; } .lnil-graph-alt::before { content: "\eb88"; } .lnil-graph-decrease::before { content: "\eb89"; } .lnil-graph-increase::before { content: "\eb8a"; } .lnil-invest-monitor::before { content: "\eb8b"; } .lnil-keyword-research::before { content: "\eb8c"; } .lnil-network-alt::before { content: "\eb8d"; } .lnil-network::before { content: "\eb8e"; } .lnil-pyramid-decrease::before { content: "\eb8f"; } .lnil-pyramid-increase::before { content: "\eb90"; } .lnil-pyramid::before { content: "\eb91"; } .lnil-rook::before { content: "\eb92"; } .lnil-seo::before { content: "\eb93"; } .lnil-strategy::before { content: "\eb94"; } .lnil-target-audience-alt::before { content: "\eb95"; } .lnil-target-customer::before { content: "\eb96"; } .lnil-website-rank::before { content: "\eb97"; } .lnil-bar-check::before { content: "\eb98"; } .lnil-billboard-alt::before { content: "\eb99"; } .lnil-billboard::before { content: "\eb9a"; } .lnil-barrier::before { content: "\eb9b"; } .lnil-bolt-alt::before { content: "\eb9c"; } .lnil-checkmark::before { content: "\eb9d"; } .lnil-check-box::before { content: "\eb9e"; } .lnil-circle-plus::before { content: "\eb9f"; } .lnil-circle-minus::before { content: "\eba0"; } .lnil-cross-circle::before { content: "\eba1"; } .lnil-electricity::before { content: "\eba2"; } .lnil-eye-alt::before { content: "\eba3"; } .lnil-eye::before { content: "\eba4"; } .lnil-find::before { content: "\eba5"; } .lnil-flag-alt::before { content: "\eba6"; } .lnil-flag::before { content: "\eba7"; } .lnil-funnel-alt-1::before { content: "\eba8"; } .lnil-funnel-alt::before { content: "\eba9"; } .lnil-funnel::before { content: "\ebaa"; } .lnil-hand::before { content: "\ebab"; } .lnil-heart-filled::before { content: "\ebac"; } .lnil-heart-plus::before { content: "\ebad"; } .lnil-heart::before { content: "\ebae"; } .lnil-help::before { content: "\ebaf"; } .lnil-hotel-sign::before { content: "\ebb0"; } .lnil-idea-alt::before { content: "\ebb1"; } .lnil-identity::before { content: "\ebb2"; } .lnil-infinite::before { content: "\ebb3"; } .lnil-information::before { content: "\ebb4"; } .lnil-invention::before { content: "\ebb5"; } .lnil-key-alt-1::before { content: "\ebb6"; } .lnil-key-alt-2::before { content: "\ebb7"; } .lnil-key-alt-3::before { content: "\ebb8"; } .lnil-key-alt::before { content: "\ebb9"; } .lnil-key::before { content: "\ebba"; } .lnil-life-ring::before { content: "\ebbb"; } .lnil-list-alt-1::before { content: "\ebbc"; } .lnil-list-alt::before { content: "\ebbd"; } .lnil-list::before { content: "\ebbe"; } .lnil-lock-alt-1::before { content: "\ebbf"; } .lnil-lock-alt-2::before { content: "\ebc0"; } .lnil-lock-alt::before { content: "\ebc1"; } .lnil-lock::before { content: "\ebc2"; } .lnil-minus::before { content: "\ebc3"; } .lnil-more-alt-1::before { content: "\ebc4"; } .lnil-more-alt::before { content: "\ebc5"; } .lnil-more::before { content: "\ebc6"; } .lnil-music-note::before { content: "\ebc7"; } .lnil-music::before { content: "\ebc8"; } .lnil-notification::before { content: "\ebc9"; } .lnil-passport-alt::before { content: "\ebca"; } .lnil-passport::before { content: "\ebcb"; } .lnil-playlist-alt::before { content: "\ebcc"; } .lnil-playlist::before { content: "\ebcd"; } .lnil-plus::before { content: "\ebce"; } .lnil-pointer::before { content: "\ebcf"; } .lnil-power-switch::before { content: "\ebd0"; } .lnil-protection::before { content: "\ebd1"; } .lnil-question-circle::before { content: "\ebd2"; } .lnil-radio-button::before { content: "\ebd3"; } .lnil-record::before { content: "\ebd4"; } .lnil-round-box-check::before { content: "\ebd5"; } .lnil-round-box-cross::before { content: "\ebd6"; } .lnil-round-box-minus::before { content: "\ebd7"; } .lnil-round-box-plus::before { content: "\ebd8"; } .lnil-shield::before { content: "\ebd9"; } .lnil-sort::before { content: "\ebda"; } .lnil-switch::before { content: "\ebdb"; } .lnil-teabag::before { content: "\ebdc"; } .lnil-thumbs-down-alt::before { content: "\ebdd"; } .lnil-thumbs-down::before { content: "\ebde"; } .lnil-thumbs-up-alt::before { content: "\ebdf"; } .lnil-thumbs-up::before { content: "\ebe0"; } .lnil-thunderbolt::before { content: "\ebe1"; } .lnil-ticket-alt-1::before { content: "\ebe2"; } .lnil-ticket-alt-2::before { content: "\ebe3"; } .lnil-ticket-alt-3::before { content: "\ebe4"; } .lnil-ticket-alt::before { content: "\ebe5"; } .lnil-ticket::before { content: "\ebe6"; } .lnil-unlock::before { content: "\ebe7"; } .lnil-warning::before { content: "\ebe8"; } .lnil-checkmark-circle::before { content: "\ebe9"; } .lnil-close::before { content: "\ebea"; } .lnil-bolt::before { content: "\ebeb"; } .lnil-ambulance-alt-1::before { content: "\ebec"; } .lnil-ambulance-alt::before { content: "\ebed"; } .lnil-brain-alt::before { content: "\ebee"; } .lnil-basketball::before { content: "\ebef"; } .lnil-bone::before { content: "\ebf0"; } .lnil-ambulance::before { content: "\ebf1"; } .lnil-broken-bone::before { content: "\ebf2"; } .lnil-brain-check::before { content: "\ebf3"; } .lnil-brain::before { content: "\ebf4"; } .lnil-capsule::before { content: "\ebf5"; } .lnil-capsules::before { content: "\ebf6"; } .lnil-cardiology::before { content: "\ebf7"; } .lnil-diagnosis-alt::before { content: "\ebf8"; } .lnil-diagnosis::before { content: "\ebf9"; } .lnil-dna::before { content: "\ebfa"; } .lnil-dropper-alt-1::before { content: "\ebfb"; } .lnil-dropper-alt-2::before { content: "\ebfc"; } .lnil-dropper-alt::before { content: "\ebfd"; } .lnil-dropper::before { content: "\ebfe"; } .lnil-dumbbell::before { content: "\ebff"; } .lnil-eye-test::before { content: "\ec00"; } .lnil-female::before { content: "\ec01"; } .lnil-first-aid::before { content: "\ec02"; } .lnil-gluten-free::before { content: "\ec03"; } .lnil-heart-check::before { content: "\ec04"; } .lnil-heart-monitor::before { content: "\ec05"; } .lnil-heartrate-monitor::before { content: "\ec06"; } .lnil-hospital-alt-1::before { content: "\ec07"; } .lnil-hospital-alt-2::before { content: "\ec08"; } .lnil-hospital-alt-3::before { content: "\ec09"; } .lnil-hospital-alt-4::before { content: "\ec0a"; } .lnil-hospital-alt::before { content: "\ec0b"; } .lnil-hospital-bed-alt-1::before { content: "\ec0c"; } .lnil-hospital-bed-alt-2::before { content: "\ec0d"; } .lnil-hospital-bed-alt::before { content: "\ec0e"; } .lnil-hospital-bed::before { content: "\ec0f"; } .lnil-hospital-location::before { content: "\ec10"; } .lnil-hospital-sign::before { content: "\ec11"; } .lnil-hospital::before { content: "\ec12"; } .lnil-kettlebell::before { content: "\ec13"; } .lnil-lungs::before { content: "\ec14"; } .lnil-male::before { content: "\ec15"; } .lnil-medical-briefcase-alt::before { content: "\ec16"; } .lnil-medical-briefcase::before { content: "\ec17"; } .lnil-medical-protection::before { content: "\ec18"; } .lnil-medical-sign::before { content: "\ec19"; } .lnil-medicine-alt::before { content: "\ec1a"; } .lnil-medicine-bottle::before { content: "\ec1b"; } .lnil-medicine::before { content: "\ec1c"; } .lnil-microscope::before { content: "\ec1d"; } .lnil-pulse::before { content: "\ec1e"; } .lnil-report-laptop::before { content: "\ec1f"; } .lnil-saline-alt-1::before { content: "\ec20"; } .lnil-saline-alt::before { content: "\ec21"; } .lnil-saline::before { content: "\ec22"; } .lnil-skipping-rope::before { content: "\ec23"; } .lnil-slim::before { content: "\ec24"; } .lnil-sthethoscope::before { content: "\ec25"; } .lnil-syringe::before { content: "\ec26"; } .lnil-test-tube-alt::before { content: "\ec27"; } .lnil-test-tube::before { content: "\ec28"; } .lnil-thermometer-alt::before { content: "\ec29"; } .lnil-thermometer::before { content: "\ec2a"; } .lnil-tooth::before { content: "\ec2b"; } .lnil-walker::before { content: "\ec2c"; } .lnil-weight-machine::before { content: "\ec2d"; } .lnil-weight::before { content: "\ec2e"; } .lnil-wheelchair::before { content: "\ec2f"; } .lnil-yoga-mat::before { content: "\ec30"; } .lnil-capsule-alt-1::before { content: "\ec31"; } .lnil-capsule-alt::before { content: "\ec32"; } .lnil-brain-check-alt::before { content: "\ec33"; } .lnil-apple-alt::before { content: "\ec34"; } .lnil-banana::before { content: "\ec35"; } .lnil-brocolli::before { content: "\ec36"; } .lnil-burger-alt-1::before { content: "\ec37"; } .lnil-burger-alt::before { content: "\ec38"; } .lnil-burger::before { content: "\ec39"; } .lnil-chef-hat-alt-1::before { content: "\ec3a"; } .lnil-chef-hat-alt-2::before { content: "\ec3b"; } .lnil-chef-hat-alt::before { content: "\ec3c"; } .lnil-chef-hat::before { content: "\ec3d"; } .lnil-chicken::before { content: "\ec3e"; } .lnil-cocktail-alt-1::before { content: "\ec3f"; } .lnil-cocktail-alt::before { content: "\ec40"; } .lnil-cocktail::before { content: "\ec41"; } .lnil-coffee-cup-alt::before { content: "\ec42"; } .lnil-coffee-cup::before { content: "\ec43"; } .lnil-cupcake-alt::before { content: "\ec44"; } .lnil-cupcake::before { content: "\ec45"; } .lnil-cutlery-alt-1::before { content: "\ec46"; } .lnil-cutlery-alt::before { content: "\ec47"; } .lnil-cutlery::before { content: "\ec48"; } .lnil-dinner-table::before { content: "\ec49"; } .lnil-dinner::before { content: "\ec4a"; } .lnil-drumstick::before { content: "\ec4b"; } .lnil-fresh-juice::before { content: "\ec4c"; } .lnil-ice-cream-alt::before { content: "\ec4d"; } .lnil-ice-cream::before { content: "\ec4e"; } .lnil-juice::before { content: "\ec4f"; } .lnil-lolypop::before { content: "\ec50"; } .lnil-meat::before { content: "\ec51"; } .lnil-pizza-alt::before { content: "\ec52"; } .lnil-pizza::before { content: "\ec53"; } .lnil-plate::before { content: "\ec54"; } .lnil-popcorn::before { content: "\ec55"; } .lnil-restaurant::before { content: "\ec56"; } .lnil-service::before { content: "\ec57"; } .lnil-silverware::before { content: "\ec58"; } .lnil-spatula::before { content: "\ec59"; } .lnil-bowl-alt::before { content: "\ec5a"; } .lnil-bowl::before { content: "\ec5b"; } .lnil-bowl-alt-1::before { content: "\ec5c"; } .lnil-atom::before { content: "\ec5d"; } .lnil-backpack-alt::before { content: "\ec5e"; } .lnil-book::before { content: "\ec5f"; } .lnil-blackboard::before { content: "\ec60"; } .lnil-books::before { content: "\ec61"; } .lnil-brakckets::before { content: "\ec62"; } .lnil-certificate-alt-1::before { content: "\ec63"; } .lnil-certificate-alt::before { content: "\ec64"; } .lnil-certificate::before { content: "\ec65"; } .lnil-classroom::before { content: "\ec66"; } .lnil-clipboard::before { content: "\ec67"; } .lnil-compass::before { content: "\ec68"; } .lnil-cubes::before { content: "\ec69"; } .lnil-eraser::before { content: "\ec6a"; } .lnil-flask-alt-1::before { content: "\ec6b"; } .lnil-flask-alt-2::before { content: "\ec6c"; } .lnil-flask-alt::before { content: "\ec6d"; } .lnil-flask::before { content: "\ec6e"; } .lnil-graduate-alt::before { content: "\ec6f"; } .lnil-graduate::before { content: "\ec70"; } .lnil-graduation::before { content: "\ec71"; } .lnil-letterblocks::before { content: "\ec72"; } .lnil-library::before { content: "\ec73"; } .lnil-medal-alt::before { content: "\ec74"; } .lnil-medal::before { content: "\ec75"; } .lnil-molecule-alt::before { content: "\ec76"; } .lnil-molecule::before { content: "\ec77"; } .lnil-pencil-alt::before { content: "\ec78"; } .lnil-pencil::before { content: "\ec79"; } .lnil-quill::before { content: "\ec7a"; } .lnil-school-bench-alt::before { content: "\ec7b"; } .lnil-school-bench::before { content: "\ec7c"; } .lnil-sketchbook::before { content: "\ec7d"; } .lnil-whiteboard-alt-1::before { content: "\ec7e"; } .lnil-whiteboard-alt-2::before { content: "\ec7f"; } .lnil-whiteboard-alt::before { content: "\ec80"; } .lnil-whiteboard::before { content: "\ec81"; } .lnil-world-2::before { content: "\ec82"; } .lnil-world-alt::before { content: "\ec83"; } .lnil-world::before { content: "\ec84"; } .lnil-book-alt::before { content: "\ec85"; } .lnil-write::before { content: "\ec86"; } .lnil-backpack::before { content: "\ec87"; } .lnil-books-alt::before { content: "\ec88"; } .lnil-Italic::before { content: "\ec89"; } .lnil-bold::before { content: "\ec8a"; } .lnil-indent-decrease::before { content: "\ec8b"; } .lnil-font::before { content: "\ec8c"; } .lnil-line-dashed::before { content: "\ec8d"; } .lnil-line-dotted::before { content: "\ec8e"; } .lnil-line-double::before { content: "\ec8f"; } .lnil-line-spacing::before { content: "\ec90"; } .lnil-page-break::before { content: "\ec91"; } .lnil-pagination::before { content: "\ec92"; } .lnil-pilcrow::before { content: "\ec93"; } .lnil-redo::before { content: "\ec94"; } .lnil-reflect::before { content: "\ec95"; } .lnil-sort-alpha-asc::before { content: "\ec96"; } .lnil-sort-amount-asc::before { content: "\ec97"; } .lnil-sort-amount-dsc::before { content: "\ec98"; } .lnil-spellcheck::before { content: "\ec99"; } .lnil-strikethrough::before { content: "\ec9a"; } .lnil-text-align-center::before { content: "\ec9b"; } .lnil-text-align-justify::before { content: "\ec9c"; } .lnil-text-align-left::before { content: "\ec9d"; } .lnil-text-align-right::before { content: "\ec9e"; } .lnil-text-format-remove::before { content: "\ec9f"; } .lnil-text-format::before { content: "\eca0"; } .lnil-text::before { content: "\eca1"; } .lnil-underline::before { content: "\eca2"; } .lnil-undo::before { content: "\eca3"; } .lnil-vertical-line::before { content: "\eca4"; } .lnil-height::before { content: "\eca5"; } .lnil-capital-letter::before { content: "\eca6"; } .lnil-indent-increase::before { content: "\eca7"; } .lnil-angle-double-down::before { content: "\eca8"; } .lnil-angle-double-left::before { content: "\eca9"; } .lnil-angle-double-right::before { content: "\ecaa"; } .lnil-angle-double-up::before { content: "\ecab"; } .lnil-arrow-double-down::before { content: "\ecac"; } .lnil-arrow-double-right::before { content: "\ecad"; } .lnil-arrow-double-top::before { content: "\ecae"; } .lnil-arrow-down-circle::before { content: "\ecaf"; } .lnil-arrow-expand-alt::before { content: "\ecb0"; } .lnil-arrow-left-circle::before { content: "\ecb1"; } .lnil-arrow-left::before { content: "\ecb2"; } .lnil-arrow-minimize-alt::before { content: "\ecb3"; } .lnil-arrow-minimize::before { content: "\ecb4"; } .lnil-arrow-right-circle::before { content: "\ecb5"; } .lnil-arrow-right::before { content: "\ecb6"; } .lnil-arrow-top-left::before { content: "\ecb7"; } .lnil-arrow-top-right::before { content: "\ecb8"; } .lnil-arrow-up-circle::before { content: "\ecb9"; } .lnil-arrow-expand::before { content: "\ecba"; } .lnil-arrow-double-left::before { content: "\ecbb"; } .lnil-arrows-vertical::before { content: "\ecbc"; } .lnil-axis::before { content: "\ecbd"; } .lnil-arrow-up::before { content: "\ecbe"; } .lnil-chevron-down::before { content: "\ecbf"; } .lnil-chevron-left-circle::before { content: "\ecc0"; } .lnil-chevron-left::before { content: "\ecc1"; } .lnil-chevron-down-circle::before { content: "\ecc2"; } .lnil-chevron-right::before { content: "\ecc3"; } .lnil-chevron-up-circle::before { content: "\ecc4"; } .lnil-chevron-right-circle::before { content: "\ecc5"; } .lnil-arrow-down::before { content: "\ecc6"; } .lnil-chevron-up::before { content: "\ecc7"; } .lnil-direction-alt::before { content: "\ecc8"; } .lnil-direction::before { content: "\ecc9"; } .lnil-down-arrow-box::before { content: "\ecca"; } .lnil-down-left-arrow-box::before { content: "\eccb"; } .lnil-down-right-arrow-box::before { content: "\eccc"; } .lnil-enter::before { content: "\eccd"; } .lnil-exit-down::before { content: "\ecce"; } .lnil-exit-up::before { content: "\eccf"; } .lnil-arrows-horizontal::before { content: "\ecd0"; } .lnil-direction-ltr::before { content: "\ecd1"; } .lnil-direction-rtl::before { content: "\ecd2"; } .lnil-exit::before { content: "\ecd3"; } .lnil-left-arrow-box::before { content: "\ecd4"; } .lnil-pointer-top::before { content: "\ecd5"; } .lnil-right-arrow-box::before { content: "\ecd6"; } .lnil-shift-left::before { content: "\ecd7"; } .lnil-shift-right::before { content: "\ecd8"; } .lnil-top-arrow-box::before { content: "\ecd9"; } .lnil-top-left-arrow-box::before { content: "\ecda"; } .lnil-top-right-arrow-box::before { content: "\ecdb"; } .lnil-pointer-down::before { content: "\ecdc"; } .lnil-pointer-left::before { content: "\ecdd"; } .lnil-pointer-right::before { content: "\ecde"; } .lnil-brush-alt::before { content: "\ecdf"; } .lnil-brush::before { content: "\ece0"; } .lnil-grid-alt::before { content: "\ece1"; } .lnil-grid::before { content: "\ece2"; } .lnil-highlight-alt::before { content: "\ece3"; } .lnil-highlight::before { content: "\ece4"; } .lnil-image-crop::before { content: "\ece5"; } .lnil-layers-alt-::before { content: "\ece6"; } .lnil-layers-alt-1::before { content: "\ece7"; } .lnil-layers::before { content: "\ece8"; } .lnil-layout-alt-1::before { content: "\ece9"; } .lnil-layout-alt-2::before { content: "\ecea"; } .lnil-layout-alt::before { content: "\eceb"; } .lnil-layout::before { content: "\ecec"; } .lnil-magic-wand::before { content: "\eced"; } .lnil-margin::before { content: "\ecee"; } .lnil-move::before { content: "\ecef"; } .lnil-pallet::before { content: "\ecf0"; } .lnil-rotate::before { content: "\ecf1"; } .lnil-scaling::before { content: "\ecf2"; } .lnil-select::before { content: "\ecf3"; } .lnil-size::before { content: "\ecf4"; } .lnil-slice::before { content: "\ecf5"; } .lnil-transform::before { content: "\ecf6"; } .lnil-ux::before { content: "\ecf7"; } .lnil-vector-alt::before { content: "\ecf8"; } .lnil-vector-pen::before { content: "\ecf9"; } .lnil-vector::before { content: "\ecfa"; } .lnil-crop::before { content: "\ecfb"; } .lnil-color-palette::before { content: "\ecfc"; } .lnil-crop-alt::before { content: "\ecfd"; } .lnil-boundary::before { content: "\ecfe"; } .lnil-bricks-alt::before { content: "\ecff"; } .lnil-construction-hammer::before { content: "\ed00"; } .lnil-construction-rular::before { content: "\ed01"; } .lnil-construction::before { content: "\ed02"; } .lnil-door-alt::before { content: "\ed03"; } .lnil-door::before { content: "\ed04"; } .lnil-drill::before { content: "\ed05"; } .lnil-fence::before { content: "\ed06"; } .lnil-hammer-alt::before { content: "\ed07"; } .lnil-hammer::before { content: "\ed08"; } .lnil-helmet-alt::before { content: "\ed09"; } .lnil-helmet::before { content: "\ed0a"; } .lnil-hook::before { content: "\ed0b"; } .lnil-house-alt-1::before { content: "\ed0c"; } .lnil-house-alt::before { content: "\ed0d"; } .lnil-house-heart::before { content: "\ed0e"; } .lnil-house-plan::before { content: "\ed0f"; } .lnil-house::before { content: "\ed10"; } .lnil-measuring-tape::before { content: "\ed11"; } .lnil-paint-bucket::before { content: "\ed12"; } .lnil-paint-roller-alt-1::before { content: "\ed13"; } .lnil-paint-roller-alt::before { content: "\ed14"; } .lnil-paint-roller::before { content: "\ed15"; } .lnil-pipe::before { content: "\ed16"; } .lnil-ruler-alt::before { content: "\ed17"; } .lnil-ruler-pencil::before { content: "\ed18"; } .lnil-ruler::before { content: "\ed19"; } .lnil-saw-alt::before { content: "\ed1a"; } .lnil-saw::before { content: "\ed1b"; } .lnil-screw::before { content: "\ed1c"; } .lnil-screwdriver::before { content: "\ed1d"; } .lnil-shovel::before { content: "\ed1e"; } .lnil-toolbox::before { content: "\ed1f"; } .lnil-triangle-ruler-1::before { content: "\ed20"; } .lnil-triangle-ruler::before { content: "\ed21"; } .lnil-trowel-alt::before { content: "\ed22"; } .lnil-trowel::before { content: "\ed23"; } .lnil-wheelbarrow::before { content: "\ed24"; } .lnil-wrench::before { content: "\ed25"; } .lnil-cone::before { content: "\ed26"; } .lnil-bricks::before { content: "\ed27"; } .lnil-bulldozer::before { content: "\ed28"; } .lnil-anchor::before { content: "\ed29"; } .lnil-bi-cycle::before { content: "\ed2a"; } .lnil-bubble::before { content: "\ed2b"; } .lnil-boarding-pass::before { content: "\ed2c"; } .lnil-bridge::before { content: "\ed2d"; } .lnil-car-alt::before { content: "\ed2e"; } .lnil-car::before { content: "\ed2f"; } .lnil-caravan::before { content: "\ed30"; } .lnil-chat-add::before { content: "\ed31"; } .lnil-chat-minus::before { content: "\ed32"; } .lnil-comments-alt::before { content: "\ed33"; } .lnil-comments-reply::before { content: "\ed34"; } .lnil-comments::before { content: "\ed35"; } .lnil-envelope-alt::before { content: "\ed36"; } .lnil-envelope::before { content: "\ed37"; } .lnil-helicopter::before { content: "\ed38"; } .lnil-inbox::before { content: "\ed39"; } .lnil-megaphone::before { content: "\ed3a"; } .lnil-message-attachement::before { content: "\ed3b"; } .lnil-message-block::before { content: "\ed3c"; } .lnil-message-check::before { content: "\ed3d"; } .lnil-message-cross::before { content: "\ed3e"; } .lnil-message-desktop::before { content: "\ed3f"; } .lnil-message-edit::before { content: "\ed40"; } .lnil-message-forward::before { content: "\ed41"; } .lnil-message-incoming::before { content: "\ed42"; } .lnil-message-laptop::before { content: "\ed43"; } .lnil-message-lock::before { content: "\ed44"; } .lnil-message-love::before { content: "\ed45"; } .lnil-message-minus::before { content: "\ed46"; } .lnil-message-outgoing::before { content: "\ed47"; } .lnil-message-plus::before { content: "\ed48"; } .lnil-message-reply::before { content: "\ed49"; } .lnil-message-search::before { content: "\ed4a"; } .lnil-message-share::before { content: "\ed4b"; } .lnil-mobile-chat::before { content: "\ed4c"; } .lnil-page::before { content: "\ed4d"; } .lnil-phone-block::before { content: "\ed4e"; } .lnil-phone-caling::before { content: "\ed4f"; } .lnil-phone-conference::before { content: "\ed50"; } .lnil-phone-cut::before { content: "\ed51"; } .lnil-phone-forward::before { content: "\ed52"; } .lnil-phone-incoming::before { content: "\ed53"; } .lnil-phone-misscall::before { content: "\ed54"; } .lnil-phone-outgoing::before { content: "\ed55"; } .lnil-phone-pause::before { content: "\ed56"; } .lnil-phone-redial::before { content: "\ed57"; } .lnil-phone-ring::before { content: "\ed58"; } .lnil-phone-set::before { content: "\ed59"; } .lnil-phone::before { content: "\ed5a"; } .lnil-plane-alt::before { content: "\ed5b"; } .lnil-plane::before { content: "\ed5c"; } .lnil-popup::before { content: "\ed5d"; } .lnil-postcard-alt::before { content: "\ed5e"; } .lnil-postcard::before { content: "\ed5f"; } .lnil-reply::before { content: "\ed60"; } .lnil-road::before { content: "\ed61"; } .lnil-scooter::before { content: "\ed62"; } .lnil-ship::before { content: "\ed63"; } .lnil-support::before { content: "\ed64"; } .lnil-target-mail::before { content: "\ed65"; } .lnil-taxi::before { content: "\ed66"; } .lnil-train-alt::before { content: "\ed67"; } .lnil-train::before { content: "\ed68"; } .lnil-bullhorn::before { content: "\ed69"; } .lnil-bus::before { content: "\ed6a"; } .lnil-boarding-pass-alt::before { content: "\ed6b"; } .lnil-achievement::before { content: "\ed6c"; } .lnil-agenda::before { content: "\ed6d"; } .lnil-briefcase-alt::before { content: "\ed6e"; } .lnil-apartment-alt::before { content: "\ed6f"; } .lnil-apartment::before { content: "\ed70"; } .lnil-analytics-alt-1::before { content: "\ed71"; } .lnil-briefcase::before { content: "\ed72"; } .lnil-cart-alt::before { content: "\ed73"; } .lnil-cart-down::before { content: "\ed74"; } .lnil-cart-empty::before { content: "\ed75"; } .lnil-cart-full::before { content: "\ed76"; } .lnil-delivery::before { content: "\ed77"; } .lnil-desk::before { content: "\ed78"; } .lnil-customer::before { content: "\ed79"; } .lnil-graph::before { content: "\ed7a"; } .lnil-grow::before { content: "\ed7b"; } .lnil-hierchy-alt::before { content: "\ed7c"; } .lnil-global::before { content: "\ed7d"; } .lnil-hierchy::before { content: "\ed7e"; } .lnil-investment::before { content: "\ed7f"; } .lnil-notepad::before { content: "\ed80"; } .lnil-consulting::before { content: "\ed81"; } .lnil-office-plan::before { content: "\ed82"; } .lnil-paperclip::before { content: "\ed83"; } .lnil-cart::before { content: "\ed84"; } .lnil-offer::before { content: "\ed85"; } .lnil-pie-chart-alt::before { content: "\ed86"; } .lnil-pie-chart-dollar::before { content: "\ed87"; } .lnil-pie-chart::before { content: "\ed88"; } .lnil-pie-report::before { content: "\ed89"; } .lnil-handshake::before { content: "\ed8a"; } .lnil-pin-alt::before { content: "\ed8b"; } .lnil-pin::before { content: "\ed8c"; } .lnil-quotation::before { content: "\ed8d"; } .lnil-revenue::before { content: "\ed8e"; } .lnil-stamp::before { content: "\ed8f"; } .lnil-tablet-alt::before { content: "\ed90"; } .lnil-tag::before { content: "\ed91"; } .lnil-target-achievement::before { content: "\ed92"; } .lnil-table::before { content: "\ed93"; } .lnil-target-alt::before { content: "\ed94"; } .lnil-target-alt-1::before { content: "\ed95"; } .lnil-swatches::before { content: "\ed96"; } .lnil-stats-down::before { content: "\ed97"; } .lnil-stats-up::before { content: "\ed98"; } .lnil-target-revenue::before { content: "\ed99"; } .lnil-tie::before { content: "\ed9a"; } .lnil-target::before { content: "\ed9b"; } .lnil-licencse::before { content: "\ed9c"; } .lnil-target-remove::before { content: "\ed9d"; } .lnil-sales-report::before { content: "\ed9e"; } .lnil-Instagram::before { content: "\ed9f"; } .lnil-amazon::before { content: "\eda0"; } .lnil-amex::before { content: "\eda1"; } .lnil-bitbucket::before { content: "\eda2"; } .lnil-bitcoin::before { content: "\eda3"; } .lnil-chrome::before { content: "\eda4"; } .lnil-css3::before { content: "\eda5"; } .lnil-dribbble::before { content: "\eda6"; } .lnil-dropbox::before { content: "\eda7"; } .lnil-drupal::before { content: "\eda8"; } .lnil-facebook::before { content: "\eda9"; } .lnil-firefox::before { content: "\edaa"; } .lnil-github::before { content: "\edab"; } .lnil-html5::before { content: "\edac"; } .lnil-mastercard::before { content: "\edad"; } .lnil-paypal::before { content: "\edae"; } .lnil-play-store::before { content: "\edaf"; } .lnil-slack::before { content: "\edb0"; } .lnil-quora::before { content: "\edb1"; } .lnil-soundcloud::before { content: "\edb2"; } .lnil-spotify::before { content: "\edb3"; } .lnil-twitter::before { content: "\edb4"; } .lnil-visa::before { content: "\edb5"; } .lnil-android::before { content: "\edb6"; } .lnil-apple::before { content: "\edb7"; } .lnil-behance::before { content: "\edb8"; } /*-------------------------------- LineIconsPro Regular Web Font Author: lineicons.com -------------------------------- */ @font-face { font-family: 'LineIconsPro Regular'; src: url("/assets/fonts/LineIconsPro Regular.eot"); src: url("/assets/fonts/LineIconsPro Regular.eot") format('embedded-opentype'), url("/assets/fonts/LineIconsPro Regular.woff2") format('woff2'), url("/assets/fonts/LineIconsPro Regular.woff") format('woff'), url("/assets/fonts/LineIconsPro Regular.ttf") format('truetype'), url("/assets/fonts/LineIconsPro Regular.svg") format('svg'); font-weight: normal; font-style: normal; } /*------------------------ base class definition -------------------------*/ .lnir { display: inline-block; font: normal normal normal 1em/1 'LineIconsPro Regular'; speak: none; text-transform: none; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .lnir-sm { font-size: 0.8em; } .lnir-lg { font-size: 1.2em; } /* absolute units */ .lnir-16 { font-size: 16px; } .lnir-32 { font-size: 32px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .lnir-bg-square, .lnir-bg-circle { padding: 0.35em; background-color: #eee; } .lnir-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .lnir-ul { padding-left: 0; list-style-type: none; } .lnir-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .lnir-ul > li > .lnir { margin-right: 0.4em; line-height: inherit; } /*------------------------ spinning icons -------------------------*/ .lnir-is-spinning { -webkit-animation: lnir-spin 2s infinite linear; -moz-animation: lnir-spin 2s infinite linear; animation: lnir-spin 2s infinite linear; } @-webkit-keyframes lnir-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes lnir-spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes lnir-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .lnir-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .lnir-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .lnir-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .lnir-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .lnir-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .lnir-500px::before { content: "\ea02"; } .lnir-adobe::before { content: "\ea03"; } .lnir-airbnb::before { content: "\ea04"; } .lnir-amazon-original::before { content: "\ea05"; } .lnir-amazon-pay::before { content: "\ea06"; } .lnir-amazon::before { content: "\ea07"; } .lnir-angellist::before { content: "\ea08"; } .lnir-android-original::before { content: "\ea09"; } .lnir-android::before { content: "\ea0a"; } .lnir-amex::before { content: "\ea0b"; } .lnir-angular::before { content: "\ea0c"; } .lnir-atlassian::before { content: "\ea0d"; } .lnir-apple-pay::before { content: "\ea0e"; } .lnir-apple::before { content: "\ea0f"; } .lnir-app-store::before { content: "\ea10"; } .lnir-aws::before { content: "\ea11"; } .lnir-behance-original::before { content: "\ea12"; } .lnir-behance::before { content: "\ea13"; } .lnir-bitbucket::before { content: "\ea14"; } .lnir-chrome::before { content: "\ea15"; } .lnir-bitcoin::before { content: "\ea16"; } .lnir-codepen::before { content: "\ea17"; } .lnir-bootstrap::before { content: "\ea18"; } .lnir-css3::before { content: "\ea19"; } .lnir-blogger::before { content: "\ea1a"; } .lnir-dev::before { content: "\ea1b"; } .lnir-diners-club::before { content: "\ea1c"; } .lnir-discord::before { content: "\ea1d"; } .lnir-discover::before { content: "\ea1e"; } .lnir-docker::before { content: "\ea1f"; } .lnir-dribbble::before { content: "\ea20"; } .lnir-dropbox::before { content: "\ea21"; } .lnir-drupal-original::before { content: "\ea22"; } .lnir-drupal::before { content: "\ea23"; } .lnir-edge::before { content: "\ea24"; } .lnir-envato::before { content: "\ea25"; } .lnir-facebook-filled::before { content: "\ea26"; } .lnir-cpanel::before { content: "\ea27"; } .lnir-creative-commons::before { content: "\ea28"; } .lnir-facebook-messenger::before { content: "\ea29"; } .lnir-facebook-original::before { content: "\ea2a"; } .lnir-facebook-oval::before { content: "\ea2b"; } .lnir-facebook::before { content: "\ea2c"; } .lnir-figma::before { content: "\ea2d"; } .lnir-firefox-original::before { content: "\ea2e"; } .lnir-firefox::before { content: "\ea2f"; } .lnir-flickr::before { content: "\ea30"; } .lnir-git::before { content: "\ea31"; } .lnir-github-original::before { content: "\ea32"; } .lnir-github::before { content: "\ea33"; } .lnir-goodreads::before { content: "\ea34"; } .lnir-google-drive::before { content: "\ea35"; } .lnir-google-pay::before { content: "\ea36"; } .lnir-google-wallet::before { content: "\ea37"; } .lnir-google::before { content: "\ea38"; } .lnir-hacker-news::before { content: "\ea39"; } .lnir-html5::before { content: "\ea3a"; } .lnir-instagram-filled::before { content: "\ea3b"; } .lnir-instagram-original::before { content: "\ea3c"; } .lnir-instagram::before { content: "\ea3d"; } .lnir-javascript::before { content: "\ea3e"; } .lnir-jcb::before { content: "\ea3f"; } .lnir-joomla::before { content: "\ea40"; } .lnir-laravel::before { content: "\ea41"; } .lnir-lineicons-alt::before { content: "\ea42"; } .lnir-dropbox-original::before { content: "\ea43"; } .lnir-linkedin-original::before { content: "\ea44"; } .lnir-mailchimp::before { content: "\ea45"; } .lnir-mastercard::before { content: "\ea46"; } .lnir-medium::before { content: "\ea47"; } .lnir-megento::before { content: "\ea48"; } .lnir-microsoft::before { content: "\ea49"; } .lnir-nodejs-alt::before { content: "\ea4a"; } .lnir-nodejs::before { content: "\ea4b"; } .lnir-npm::before { content: "\ea4c"; } .lnir-opera::before { content: "\ea4d"; } .lnir-patreon::before { content: "\ea4e"; } .lnir-paypal-original::before { content: "\ea4f"; } .lnir-paypal::before { content: "\ea50"; } .lnir-php::before { content: "\ea51"; } .lnir-line::before { content: "\ea52"; } .lnir-lineicons::before { content: "\ea53"; } .lnir-linkedin::before { content: "\ea54"; } .lnir-pinterest::before { content: "\ea55"; } .lnir-play-store::before { content: "\ea56"; } .lnir-producthunt::before { content: "\ea57"; } .lnir-python::before { content: "\ea58"; } .lnir-quora::before { content: "\ea59"; } .lnir-react::before { content: "\ea5a"; } .lnir-reddit::before { content: "\ea5b"; } .lnir-shopify::before { content: "\ea5c"; } .lnir-sketch::before { content: "\ea5d"; } .lnir-skype::before { content: "\ea5e"; } .lnir-slack::before { content: "\ea5f"; } .lnir-slideshare::before { content: "\ea60"; } .lnir-snapchat::before { content: "\ea61"; } .lnir-souncloud-original::before { content: "\ea62"; } .lnir-soundcloud::before { content: "\ea63"; } .lnir-spotify-original::before { content: "\ea64"; } .lnir-spotify::before { content: "\ea65"; } .lnir-stackoverflow::before { content: "\ea66"; } .lnir-swift::before { content: "\ea67"; } .lnir-telegram-original::before { content: "\ea68"; } .lnir-telegram::before { content: "\ea69"; } .lnir-trello::before { content: "\ea6a"; } .lnir-stripe::before { content: "\ea6b"; } .lnir-tumblr::before { content: "\ea6c"; } .lnir-stumbleupon::before { content: "\ea6d"; } .lnir-twitter-original::before { content: "\ea6e"; } .lnir-twitter::before { content: "\ea6f"; } .lnir-ubuntu::before { content: "\ea70"; } .lnir-vimeo::before { content: "\ea71"; } .lnir-twitch::before { content: "\ea72"; } .lnir-steam::before { content: "\ea73"; } .lnir-twitter-filled::before { content: "\ea74"; } .lnir-visa::before { content: "\ea75"; } .lnir-vk::before { content: "\ea76"; } .lnir-wechat::before { content: "\ea77"; } .lnir-whatsapp::before { content: "\ea78"; } .lnir-windows::before { content: "\ea79"; } .lnir-wordpress-filled::before { content: "\ea7a"; } .lnir-wordpress::before { content: "\ea7b"; } .lnir-yahoo::before { content: "\ea7c"; } .lnir-ycombinator::before { content: "\ea7d"; } .lnir-youtube::before { content: "\ea7e"; } .lnir-anchor::before { content: "\ea7f"; } .lnir-bi-cycle::before { content: "\ea80"; } .lnir-boarding-pass-alt::before { content: "\ea81"; } .lnir-boarding-pass::before { content: "\ea82"; } .lnir-java::before { content: "\ea83"; } .lnir-jsfiddle::before { content: "\ea84"; } .lnir-bridge::before { content: "\ea85"; } .lnir-bullhorn::before { content: "\ea86"; } .lnir-bus::before { content: "\ea87"; } .lnir-car-alt::before { content: "\ea88"; } .lnir-car::before { content: "\ea89"; } .lnir-caravan::before { content: "\ea8a"; } .lnir-chat-add::before { content: "\ea8b"; } .lnir-chat-minus::before { content: "\ea8c"; } .lnir-comments-alt::before { content: "\ea8d"; } .lnir-comments-reply::before { content: "\ea8e"; } .lnir-comments::before { content: "\ea8f"; } .lnir-envelope-alt::before { content: "\ea90"; } .lnir-helicopter::before { content: "\ea91"; } .lnir-inbox::before { content: "\ea92"; } .lnir-megaphone::before { content: "\ea93"; } .lnir-message-attachement::before { content: "\ea94"; } .lnir-message-block::before { content: "\ea95"; } .lnir-message-check::before { content: "\ea96"; } .lnir-message-cross::before { content: "\ea97"; } .lnir-message-desktop::before { content: "\ea98"; } .lnir-message-edit::before { content: "\ea99"; } .lnir-message-forward::before { content: "\ea9a"; } .lnir-message-incoming::before { content: "\ea9b"; } .lnir-message-laptop::before { content: "\ea9c"; } .lnir-message-lock::before { content: "\ea9d"; } .lnir-message-love::before { content: "\ea9e"; } .lnir-message-minus::before { content: "\ea9f"; } .lnir-message-outgoing::before { content: "\eaa0"; } .lnir-message-plus::before { content: "\eaa1"; } .lnir-message-reply::before { content: "\eaa2"; } .lnir-message-search::before { content: "\eaa3"; } .lnir-message-share::before { content: "\eaa4"; } .lnir-mobile-chat::before { content: "\eaa5"; } .lnir-page::before { content: "\eaa6"; } .lnir-phone-block::before { content: "\eaa7"; } .lnir-phone-caling::before { content: "\eaa8"; } .lnir-phone-conference::before { content: "\eaa9"; } .lnir-phone-cut::before { content: "\eaaa"; } .lnir-phone-forward::before { content: "\eaab"; } .lnir-phone-incoming::before { content: "\eaac"; } .lnir-phone-misscall::before { content: "\eaad"; } .lnir-phone-outgoing::before { content: "\eaae"; } .lnir-phone-pause::before { content: "\eaaf"; } .lnir-phone-redial::before { content: "\eab0"; } .lnir-phone-ring::before { content: "\eab1"; } .lnir-phone-set::before { content: "\eab2"; } .lnir-phone::before { content: "\eab3"; } .lnir-plane-alt::before { content: "\eab4"; } .lnir-plane::before { content: "\eab5"; } .lnir-popup::before { content: "\eab6"; } .lnir-postcard-alt::before { content: "\eab7"; } .lnir-postcard::before { content: "\eab8"; } .lnir-reply::before { content: "\eab9"; } .lnir-road::before { content: "\eaba"; } .lnir-scooter::before { content: "\eabb"; } .lnir-ship::before { content: "\eabc"; } .lnir-support::before { content: "\eabd"; } .lnir-target-mail::before { content: "\eabe"; } .lnir-taxi::before { content: "\eabf"; } .lnir-train-alt::before { content: "\eac0"; } .lnir-train::before { content: "\eac1"; } .lnir-boundary::before { content: "\eac2"; } .lnir-bricks-alt::before { content: "\eac3"; } .lnir-bricks::before { content: "\eac4"; } .lnir-bulldozer::before { content: "\eac5"; } .lnir-cone::before { content: "\eac6"; } .lnir-construction-hammer::before { content: "\eac7"; } .lnir-construction-rular::before { content: "\eac8"; } .lnir-construction::before { content: "\eac9"; } .lnir-door-alt::before { content: "\eaca"; } .lnir-drill::before { content: "\eacb"; } .lnir-fence::before { content: "\eacc"; } .lnir-hammer-alt::before { content: "\eacd"; } .lnir-envelope::before { content: "\eace"; } .lnir-joomla-original::before { content: "\eacf"; } .lnir-bubble::before { content: "\ead0"; } .lnir-door::before { content: "\ead1"; } .lnir-helmet::before { content: "\ead2"; } .lnir-hook::before { content: "\ead3"; } .lnir-house-alt-1::before { content: "\ead4"; } .lnir-house-alt::before { content: "\ead5"; } .lnir-house-heart::before { content: "\ead6"; } .lnir-house-plan::before { content: "\ead7"; } .lnir-house::before { content: "\ead8"; } .lnir-measuring-tape::before { content: "\ead9"; } .lnir-paint-bucket::before { content: "\eada"; } .lnir-paint-roller-alt-1::before { content: "\eadb"; } .lnir-paint-roller-alt::before { content: "\eadc"; } .lnir-paint-roller::before { content: "\eadd"; } .lnir-pipe::before { content: "\eade"; } .lnir-ruler-alt::before { content: "\eadf"; } .lnir-ruler-pencil::before { content: "\eae0"; } .lnir-ruler::before { content: "\eae1"; } .lnir-saw-alt::before { content: "\eae2"; } .lnir-saw::before { content: "\eae3"; } .lnir-screw::before { content: "\eae4"; } .lnir-screwdriver::before { content: "\eae5"; } .lnir-shovel::before { content: "\eae6"; } .lnir-toolbox::before { content: "\eae7"; } .lnir-triangle-ruler-1::before { content: "\eae8"; } .lnir-triangle-ruler::before { content: "\eae9"; } .lnir-trowel-alt::before { content: "\eaea"; } .lnir-trowel::before { content: "\eaeb"; } .lnir-wheelbarrow::before { content: "\eaec"; } .lnir-wrench::before { content: "\eaed"; } .lnir-brush-alt::before { content: "\eaee"; } .lnir-brush::before { content: "\eaef"; } .lnir-color-palette::before { content: "\eaf0"; } .lnir-crop-alt::before { content: "\eaf1"; } .lnir-crop::before { content: "\eaf2"; } .lnir-grid-alt::before { content: "\eaf3"; } .lnir-grid::before { content: "\eaf4"; } .lnir-highlight-alt::before { content: "\eaf5"; } .lnir-highlight::before { content: "\eaf6"; } .lnir-image-crop::before { content: "\eaf7"; } .lnir-layers-alt-1::before { content: "\eaf8"; } .lnir-layers-alt::before { content: "\eaf9"; } .lnir-layers::before { content: "\eafa"; } .lnir-layout-alt-1::before { content: "\eafb"; } .lnir-layout-alt-2::before { content: "\eafc"; } .lnir-layout-alt::before { content: "\eafd"; } .lnir-layout::before { content: "\eafe"; } .lnir-magic-wand::before { content: "\eaff"; } .lnir-margin::before { content: "\eb00"; } .lnir-move::before { content: "\eb01"; } .lnir-pallet::before { content: "\eb02"; } .lnir-rotate::before { content: "\eb03"; } .lnir-scaling::before { content: "\eb04"; } .lnir-select::before { content: "\eb05"; } .lnir-size::before { content: "\eb06"; } .lnir-slice::before { content: "\eb07"; } .lnir-transform::before { content: "\eb08"; } .lnir-ux::before { content: "\eb09"; } .lnir-vector-alt::before { content: "\eb0a"; } .lnir-vector-pen::before { content: "\eb0b"; } .lnir-vector::before { content: "\eb0c"; } .lnir-angle-double-down::before { content: "\eb0d"; } .lnir-angle-double-left::before { content: "\eb0e"; } .lnir-angle-double-right::before { content: "\eb0f"; } .lnir-angle-double-up::before { content: "\eb10"; } .lnir-arrow-double-down::before { content: "\eb11"; } .lnir-arrow-double-left::before { content: "\eb12"; } .lnir-arrow-double-right::before { content: "\eb13"; } .lnir-arrow-double-top::before { content: "\eb14"; } .lnir-arrow-down-circle::before { content: "\eb15"; } .lnir-arrow-down::before { content: "\eb16"; } .lnir-arrow-expand-alt::before { content: "\eb17"; } .lnir-arrow-expand::before { content: "\eb18"; } .lnir-arrow-left-circle::before { content: "\eb19"; } .lnir-arrow-left::before { content: "\eb1a"; } .lnir-arrow-minimize-alt::before { content: "\eb1b"; } .lnir-arrow-minimize::before { content: "\eb1c"; } .lnir-arrow-right-circle::before { content: "\eb1d"; } .lnir-arrow-right::before { content: "\eb1e"; } .lnir-arrow-top-left::before { content: "\eb1f"; } .lnir-arrow-top-right::before { content: "\eb20"; } .lnir-arrow-up-circle::before { content: "\eb21"; } .lnir-arrow-up::before { content: "\eb22"; } .lnir-arrows-horizontal::before { content: "\eb23"; } .lnir-arrows-vertical::before { content: "\eb24"; } .lnir-axis::before { content: "\eb25"; } .lnir-chevron-down-circle::before { content: "\eb26"; } .lnir-chevron-down::before { content: "\eb27"; } .lnir-chevron-left-circle::before { content: "\eb28"; } .lnir-chevron-left::before { content: "\eb29"; } .lnir-chevron-right-circle::before { content: "\eb2a"; } .lnir-chevron-right::before { content: "\eb2b"; } .lnir-chevron-up-circle::before { content: "\eb2c"; } .lnir-chevron-up::before { content: "\eb2d"; } .lnir-direction-alt::before { content: "\eb2e"; } .lnir-direction-ltr::before { content: "\eb2f"; } .lnir-direction-rtl::before { content: "\eb30"; } .lnir-direction::before { content: "\eb31"; } .lnir-down-arrow-box::before { content: "\eb32"; } .lnir-down-left-arrow-box::before { content: "\eb33"; } .lnir-down-right-arrow-box::before { content: "\eb34"; } .lnir-enter::before { content: "\eb35"; } .lnir-exit-down::before { content: "\eb36"; } .lnir-exit-up::before { content: "\eb37"; } .lnir-exit::before { content: "\eb38"; } .lnir-left-arrow-box::before { content: "\eb39"; } .lnir-pointer-down::before { content: "\eb3a"; } .lnir-pointer-left::before { content: "\eb3b"; } .lnir-pointer-right::before { content: "\eb3c"; } .lnir-pointer-up::before { content: "\eb3d"; } .lnir-right-arrow-box::before { content: "\eb3e"; } .lnir-shift-left::before { content: "\eb3f"; } .lnir-shift-right::before { content: "\eb40"; } .lnir-top-left-arrow-box::before { content: "\eb41"; } .lnir-top-arrow-box::before { content: "\eb42"; } .lnir-top-right-arrow-box::before { content: "\eb43"; } .lnir-capital-letter::before { content: "\eb44"; } .lnir-font::before { content: "\eb45"; } .lnir-height::before { content: "\eb46"; } .lnir-indent-decrease::before { content: "\eb47"; } .lnir-indent-increase::before { content: "\eb48"; } .lnir-italic::before { content: "\eb49"; } .lnir-line-dashed::before { content: "\eb4a"; } .lnir-line-dotted::before { content: "\eb4b"; } .lnir-line-double::before { content: "\eb4c"; } .lnir-line-spacing::before { content: "\eb4d"; } .lnir-page-break::before { content: "\eb4e"; } .lnir-pagination::before { content: "\eb4f"; } .lnir-pilcrow::before { content: "\eb50"; } .lnir-redo::before { content: "\eb51"; } .lnir-reflect::before { content: "\eb52"; } .lnir-sort-alpha-asc::before { content: "\eb53"; } .lnir-sort-amount-asc::before { content: "\eb54"; } .lnir-sort-amount-dsc::before { content: "\eb55"; } .lnir-spellcheck::before { content: "\eb56"; } .lnir-text-align-justify::before { content: "\eb57"; } .lnir-text-align-left::before { content: "\eb58"; } .lnir-hammer::before { content: "\eb59"; } .lnir-helmet-alt::before { content: "\eb5a"; } .lnir-text-align-right::before { content: "\eb5b"; } .lnir-text-align-center::before { content: "\eb5c"; } .lnir-text-format-remove::before { content: "\eb5d"; } .lnir-text::before { content: "\eb5e"; } .lnir-underline::before { content: "\eb5f"; } .lnir-undo::before { content: "\eb60"; } .lnir-vertical-line::before { content: "\eb61"; } .lnir-atom::before { content: "\eb62"; } .lnir-backpack-alt::before { content: "\eb63"; } .lnir-backpack::before { content: "\eb64"; } .lnir-blackboard::before { content: "\eb65"; } .lnir-book-alt::before { content: "\eb66"; } .lnir-book::before { content: "\eb67"; } .lnir-books-alt::before { content: "\eb68"; } .lnir-books::before { content: "\eb69"; } .lnir-brakckets::before { content: "\eb6a"; } .lnir-certificate-alt-1::before { content: "\eb6b"; } .lnir-certificate-alt::before { content: "\eb6c"; } .lnir-certificate::before { content: "\eb6d"; } .lnir-classroom::before { content: "\eb6e"; } .lnir-clipboard::before { content: "\eb6f"; } .lnir-compass::before { content: "\eb70"; } .lnir-cubes::before { content: "\eb71"; } .lnir-eraser::before { content: "\eb72"; } .lnir-flask-alt-1::before { content: "\eb73"; } .lnir-flask-alt-2::before { content: "\eb74"; } .lnir-flask-alt::before { content: "\eb75"; } .lnir-flask::before { content: "\eb76"; } .lnir-graduate-alt::before { content: "\eb77"; } .lnir-graduate::before { content: "\eb78"; } .lnir-graduation::before { content: "\eb79"; } .lnir-letterblocks::before { content: "\eb7a"; } .lnir-library::before { content: "\eb7b"; } .lnir-medal-alt::before { content: "\eb7c"; } .lnir-medal::before { content: "\eb7d"; } .lnir-molecule-alt::before { content: "\eb7e"; } .lnir-molecule::before { content: "\eb7f"; } .lnir-pencil-alt::before { content: "\eb80"; } .lnir-pencil::before { content: "\eb81"; } .lnir-quill::before { content: "\eb82"; } .lnir-school-bench-alt::before { content: "\eb83"; } .lnir-school-bench::before { content: "\eb84"; } .lnir-sketchbook::before { content: "\eb85"; } .lnir-whiteboard-alt-1::before { content: "\eb86"; } .lnir-whiteboard-alt-2::before { content: "\eb87"; } .lnir-whiteboard-alt::before { content: "\eb88"; } .lnir-whiteboard::before { content: "\eb89"; } .lnir-world-2::before { content: "\eb8a"; } .lnir-world-alt::before { content: "\eb8b"; } .lnir-world::before { content: "\eb8c"; } .lnir-write::before { content: "\eb8d"; } .lnir-apple-alt::before { content: "\eb8e"; } .lnir-banana::before { content: "\eb8f"; } .lnir-bowl-alt::before { content: "\eb90"; } .lnir-bowl-alt-1::before { content: "\eb91"; } .lnir-bowl::before { content: "\eb92"; } .lnir-brocolli::before { content: "\eb93"; } .lnir-burger-alt-1::before { content: "\eb94"; } .lnir-burger-alt::before { content: "\eb95"; } .lnir-burger::before { content: "\eb96"; } .lnir-chef-hat-alt-1::before { content: "\eb97"; } .lnir-chef-hat-alt-2::before { content: "\eb98"; } .lnir-chef-hat-alt::before { content: "\eb99"; } .lnir-chef-hat::before { content: "\eb9a"; } .lnir-chicken::before { content: "\eb9b"; } .lnir-cocktail-alt-1::before { content: "\eb9c"; } .lnir-cocktail-alt::before { content: "\eb9d"; } .lnir-cocktail::before { content: "\eb9e"; } .lnir-coffee-cup-alt::before { content: "\eb9f"; } .lnir-coffee-cup::before { content: "\eba0"; } .lnir-cupcake-alt::before { content: "\eba1"; } .lnir-cupcake::before { content: "\eba2"; } .lnir-cutlery-alt-1::before { content: "\eba3"; } .lnir-cutlery-alt::before { content: "\eba4"; } .lnir-cutlery::before { content: "\eba5"; } .lnir-dinner-table::before { content: "\eba6"; } .lnir-dinner::before { content: "\eba7"; } .lnir-drumstick::before { content: "\eba8"; } .lnir-fresh-juice::before { content: "\eba9"; } .lnir-ice-cream-alt::before { content: "\ebaa"; } .lnir-ice-cream::before { content: "\ebab"; } .lnir-juice::before { content: "\ebac"; } .lnir-lolypop::before { content: "\ebad"; } .lnir-meat::before { content: "\ebae"; } .lnir-pizza-alt::before { content: "\ebaf"; } .lnir-pizza::before { content: "\ebb0"; } .lnir-plate::before { content: "\ebb1"; } .lnir-popcorn::before { content: "\ebb2"; } .lnir-restaurant::before { content: "\ebb3"; } .lnir-service::before { content: "\ebb4"; } .lnir-silverware::before { content: "\ebb5"; } .lnir-spatula::before { content: "\ebb6"; } .lnir-ambulance-alt-1::before { content: "\ebb7"; } .lnir-ambulance-alt::before { content: "\ebb8"; } .lnir-ambulance::before { content: "\ebb9"; } .lnir-basketball::before { content: "\ebba"; } .lnir-bone::before { content: "\ebbb"; } .lnir-brain-alt::before { content: "\ebbc"; } .lnir-brain-check-alt::before { content: "\ebbd"; } .lnir-brain-check::before { content: "\ebbe"; } .lnir-brain::before { content: "\ebbf"; } .lnir-broken-bone::before { content: "\ebc0"; } .lnir-capsule-alt-1::before { content: "\ebc1"; } .lnir-capsule-alt::before { content: "\ebc2"; } .lnir-capsule::before { content: "\ebc3"; } .lnir-capsules::before { content: "\ebc4"; } .lnir-cardiology::before { content: "\ebc5"; } .lnir-diagnosis-alt::before { content: "\ebc6"; } .lnir-diagnosis::before { content: "\ebc7"; } .lnir-dna::before { content: "\ebc8"; } .lnir-dropper-alt-1::before { content: "\ebc9"; } .lnir-dropper-alt-2::before { content: "\ebca"; } .lnir-dropper-alt::before { content: "\ebcb"; } .lnir-dropper::before { content: "\ebcc"; } .lnir-dumbbell::before { content: "\ebcd"; } .lnir-eye-test::before { content: "\ebce"; } .lnir-female::before { content: "\ebcf"; } .lnir-first-aid::before { content: "\ebd0"; } .lnir-gluten-free::before { content: "\ebd1"; } .lnir-heart-check::before { content: "\ebd2"; } .lnir-heart-monitor::before { content: "\ebd3"; } .lnir-heartrate-monitor::before { content: "\ebd4"; } .lnir-hospital-alt-1::before { content: "\ebd5"; } .lnir-hospital-alt-2::before { content: "\ebd6"; } .lnir-hospital-alt-3::before { content: "\ebd7"; } .lnir-hospital-alt-4::before { content: "\ebd8"; } .lnir-hospital-alt::before { content: "\ebd9"; } .lnir-hospital-bed-alt-1::before { content: "\ebda"; } .lnir-hospital-bed-alt-2::before { content: "\ebdb"; } .lnir-hospital-bed-alt::before { content: "\ebdc"; } .lnir-hospital-bed::before { content: "\ebdd"; } .lnir-hospital-location::before { content: "\ebde"; } .lnir-hospital-sign::before { content: "\ebdf"; } .lnir-hospital::before { content: "\ebe0"; } .lnir-kettlebell::before { content: "\ebe1"; } .lnir-lungs::before { content: "\ebe2"; } .lnir-male::before { content: "\ebe3"; } .lnir-medical-briefcase-alt::before { content: "\ebe4"; } .lnir-medical-briefcase::before { content: "\ebe5"; } .lnir-medical-protection::before { content: "\ebe6"; } .lnir-medical-sign::before { content: "\ebe7"; } .lnir-medicine-alt::before { content: "\ebe8"; } .lnir-medicine-bottle::before { content: "\ebe9"; } .lnir-medicine::before { content: "\ebea"; } .lnir-microscope::before { content: "\ebeb"; } .lnir-pulse::before { content: "\ebec"; } .lnir-report-laptop::before { content: "\ebed"; } .lnir-saline-alt-1::before { content: "\ebee"; } .lnir-saline::before { content: "\ebef"; } .lnir-skipping-rope::before { content: "\ebf0"; } .lnir-slim::before { content: "\ebf1"; } .lnir-sthethoscope::before { content: "\ebf2"; } .lnir-saline-alt::before { content: "\ebf3"; } .lnir-syringe::before { content: "\ebf4"; } .lnir-test-tube-alt::before { content: "\ebf5"; } .lnir-test-tube::before { content: "\ebf6"; } .lnir-thermometer-alt::before { content: "\ebf7"; } .lnir-thermometer::before { content: "\ebf8"; } .lnir-tooth::before { content: "\ebf9"; } .lnir-walker::before { content: "\ebfa"; } .lnir-weight-machine::before { content: "\ebfb"; } .lnir-weight::before { content: "\ebfc"; } .lnir-wheelchair::before { content: "\ebfd"; } .lnir-yoga-mat::before { content: "\ebfe"; } .lnir-achievement::before { content: "\ebff"; } .lnir-analytics-alt-1::before { content: "\ec00"; } .lnir-agenda::before { content: "\ec01"; } .lnir-apartment-alt::before { content: "\ec02"; } .lnir-apartment::before { content: "\ec03"; } .lnir-briefcase-alt::before { content: "\ec04"; } .lnir-briefcase::before { content: "\ec05"; } .lnir-cart-alt::before { content: "\ec06"; } .lnir-cart-down::before { content: "\ec07"; } .lnir-cart-empty::before { content: "\ec08"; } .lnir-cart-full::before { content: "\ec09"; } .lnir-cart::before { content: "\ec0a"; } .lnir-consulting::before { content: "\ec0b"; } .lnir-customer::before { content: "\ec0c"; } .lnir-delivery::before { content: "\ec0d"; } .lnir-desk::before { content: "\ec0e"; } .lnir-global::before { content: "\ec0f"; } .lnir-grow::before { content: "\ec10"; } .lnir-handshake::before { content: "\ec11"; } .lnir-hierchy-alt::before { content: "\ec12"; } .lnir-hierchy::before { content: "\ec13"; } .lnir-invest-monitor::before { content: "\ec14"; } .lnir-investment::before { content: "\ec15"; } .lnir-license::before { content: "\ec16"; } .lnir-notepad::before { content: "\ec17"; } .lnir-offer::before { content: "\ec18"; } .lnir-office-plan::before { content: "\ec19"; } .lnir-pie-chart-alt::before { content: "\ec1a"; } .lnir-paperclip::before { content: "\ec1b"; } .lnir-pie-chart-dollar::before { content: "\ec1c"; } .lnir-pie-chart::before { content: "\ec1d"; } .lnir-pie-report::before { content: "\ec1e"; } .lnir-pin-alt::before { content: "\ec1f"; } .lnir-pin::before { content: "\ec20"; } .lnir-quotation::before { content: "\ec21"; } .lnir-revenue::before { content: "\ec22"; } .lnir-sales-report::before { content: "\ec23"; } .lnir-stamp::before { content: "\ec24"; } .lnir-stats-down::before { content: "\ec25"; } .lnir-stats-up::before { content: "\ec26"; } .lnir-swatches::before { content: "\ec27"; } .lnir-table::before { content: "\ec28"; } .lnir-tablet-alt::before { content: "\ec29"; } .lnir-tag::before { content: "\ec2a"; } .lnir-target-achievement::before { content: "\ec2b"; } .lnir-target-alt-1::before { content: "\ec2c"; } .lnir-target-alt::before { content: "\ec2d"; } .lnir-target-remove::before { content: "\ec2e"; } .lnir-target-revenue::before { content: "\ec2f"; } .lnir-target::before { content: "\ec30"; } .lnir-tie::before { content: "\ec31"; } .lnir-analytics::before { content: "\ec32"; } .lnir-bar-chart::before { content: "\ec33"; } .lnir-bar-check::before { content: "\ec34"; } .lnir-billboard-alt::before { content: "\ec35"; } .lnir-billboard::before { content: "\ec36"; } .lnir-graph-alt-1::before { content: "\ec37"; } .lnir-graph-alt-2::before { content: "\ec38"; } .lnir-graph-alt-3::before { content: "\ec39"; } .lnir-graph-alt-4::before { content: "\ec3a"; } .lnir-graph-alt::before { content: "\ec3b"; } .lnir-graph-decrease::before { content: "\ec3c"; } .lnir-graph-increase::before { content: "\ec3d"; } .lnir-graph::before { content: "\ec3e"; } .lnir-keyword-research::before { content: "\ec3f"; } .lnir-network-alt::before { content: "\ec40"; } .lnir-network::before { content: "\ec41"; } .lnir-pyramid-decrease::before { content: "\ec42"; } .lnir-pyramid-increase::before { content: "\ec43"; } .lnir-pyramid::before { content: "\ec44"; } .lnir-rook::before { content: "\ec45"; } .lnir-seo::before { content: "\ec46"; } .lnir-strategy::before { content: "\ec47"; } .lnir-target-audience-alt::before { content: "\ec48"; } .lnir-target-customer::before { content: "\ec49"; } .lnir-website-rank::before { content: "\ec4a"; } .lnir-barrier::before { content: "\ec4b"; } .lnir-bolt-alt::before { content: "\ec4c"; } .lnir-bolt::before { content: "\ec4d"; } .lnir-checkbox::before { content: "\ec4e"; } .lnir-checkmark-circle::before { content: "\ec4f"; } .lnir-checkmark::before { content: "\ec50"; } .lnir-circle-minus::before { content: "\ec51"; } .lnir-circle-plus::before { content: "\ec52"; } .lnir-close::before { content: "\ec53"; } .lnir-cross-circle::before { content: "\ec54"; } .lnir-electricity::before { content: "\ec55"; } .lnir-eye-alt::before { content: "\ec56"; } .lnir-eye::before { content: "\ec57"; } .lnir-find::before { content: "\ec58"; } .lnir-flag-alt::before { content: "\ec59"; } .lnir-flag::before { content: "\ec5a"; } .lnir-funnel-alt-1::before { content: "\ec5b"; } .lnir-funnel-alt::before { content: "\ec5c"; } .lnir-funnel::before { content: "\ec5d"; } .lnir-hand::before { content: "\ec5e"; } .lnir-heart-filled::before { content: "\ec5f"; } .lnir-heart-plus::before { content: "\ec60"; } .lnir-heart::before { content: "\ec61"; } .lnir-help::before { content: "\ec62"; } .lnir-hotel-sign::before { content: "\ec63"; } .lnir-idea-alt::before { content: "\ec64"; } .lnir-identity::before { content: "\ec65"; } .lnir-infinite::before { content: "\ec66"; } .lnir-information::before { content: "\ec67"; } .lnir-invention::before { content: "\ec68"; } .lnir-key-alt-1::before { content: "\ec69"; } .lnir-key-alt-2::before { content: "\ec6a"; } .lnir-key-alt-3::before { content: "\ec6b"; } .lnir-key-alt::before { content: "\ec6c"; } .lnir-key::before { content: "\ec6d"; } .lnir-life-ring::before { content: "\ec6e"; } .lnir-list-alt-1::before { content: "\ec6f"; } .lnir-list-alt::before { content: "\ec70"; } .lnir-list::before { content: "\ec71"; } .lnir-lock-alt-1::before { content: "\ec72"; } .lnir-lock-alt-2::before { content: "\ec73"; } .lnir-lock-alt::before { content: "\ec74"; } .lnir-lock::before { content: "\ec75"; } .lnir-minus::before { content: "\ec76"; } .lnir-more-alt-1::before { content: "\ec77"; } .lnir-more-alt::before { content: "\ec78"; } .lnir-more::before { content: "\ec79"; } .lnir-music-note::before { content: "\ec7a"; } .lnir-music::before { content: "\ec7b"; } .lnir-notification::before { content: "\ec7c"; } .lnir-passport-alt::before { content: "\ec7d"; } .lnir-passport::before { content: "\ec7e"; } .lnir-playlist-alt::before { content: "\ec7f"; } .lnir-playlist::before { content: "\ec80"; } .lnir-plus::before { content: "\ec81"; } .lnir-pointer::before { content: "\ec82"; } .lnir-power-switch::before { content: "\ec83"; } .lnir-protection::before { content: "\ec84"; } .lnir-question-circle::before { content: "\ec85"; } .lnir-radio-button::before { content: "\ec86"; } .lnir-record::before { content: "\ec87"; } .lnir-round-box-check::before { content: "\ec88"; } .lnir-round-box-cross::before { content: "\ec89"; } .lnir-round-box-minus::before { content: "\ec8a"; } .lnir-round-box-plus::before { content: "\ec8b"; } .lnir-shield::before { content: "\ec8c"; } .lnir-sort::before { content: "\ec8d"; } .lnir-switch::before { content: "\ec8e"; } .lnir-teabag::before { content: "\ec8f"; } .lnir-thumbs-down-alt::before { content: "\ec90"; } .lnir-thumbs-down::before { content: "\ec91"; } .lnir-thumbs-up-alt::before { content: "\ec92"; } .lnir-thumbs-up::before { content: "\ec93"; } .lnir-thunderbolt::before { content: "\ec94"; } .lnir-ticket-alt-1::before { content: "\ec95"; } .lnir-ticket-alt-2::before { content: "\ec96"; } .lnir-ticket-alt-3::before { content: "\ec97"; } .lnir-ticket-alt::before { content: "\ec98"; } .lnir-ticket::before { content: "\ec99"; } .lnir-unlock::before { content: "\ec9a"; } .lnir-warning::before { content: "\ec9b"; } .lnir-backward-alt::before { content: "\ec9c"; } .lnir-backward::before { content: "\ec9d"; } .lnir-expand-alt-1::before { content: "\ec9e"; } .lnir-fast-forward::before { content: "\ec9f"; } .lnir-film::before { content: "\eca0"; } .lnir-forward::before { content: "\eca1"; } .lnir-frame-expand::before { content: "\eca2"; } .lnir-full-screen::before { content: "\eca3"; } .lnir-gallery::before { content: "\eca4"; } .lnir-next::before { content: "\eca5"; } .lnir-pause::before { content: "\eca6"; } .lnir-play::before { content: "\eca7"; } .lnir-previous::before { content: "\eca8"; } .lnir-repeat-one::before { content: "\eca9"; } .lnir-shuffle::before { content: "\ecaa"; } .lnir-slideshow::before { content: "\ecab"; } .lnir-stop::before { content: "\ecac"; } .lnir-video-alt-1::before { content: "\ecad"; } .lnir-video-alt::before { content: "\ecae"; } .lnir-video-camera-alt-1::before { content: "\ecaf"; } .lnir-video-camera-alt-2::before { content: "\ecb0"; } .lnir-video-camera-alt::before { content: "\ecb1"; } .lnir-video-cut::before { content: "\ecb2"; } .lnir-video::before { content: "\ecb3"; } .lnir-volume-high::before { content: "\ecb4"; } .lnir-volume-low::before { content: "\ecb5"; } .lnir-volume-medium::before { content: "\ecb6"; } .lnir-volume-mute::before { content: "\ecb7"; } .lnir-volume::before { content: "\ecb8"; } .lnir-bank::before { content: "\ecb9"; } .lnir-calculator-alt::before { content: "\ecba"; } .lnir-calculator::before { content: "\ecbb"; } .lnir-coin::before { content: "\ecbc"; } .lnir-coins::before { content: "\ecbd"; } .lnir-credit-card::before { content: "\ecbe"; } .lnir-credit-cards::before { content: "\ecbf"; } .lnir-diamond-alt::before { content: "\ecc0"; } .lnir-diamond::before { content: "\ecc1"; } .lnir-dollar-card::before { content: "\ecc2"; } .lnir-dollar-down::before { content: "\ecc3"; } .lnir-dollar-up::before { content: "\ecc4"; } .lnir-dollar::before { content: "\ecc5"; } .lnir-euro-card::before { content: "\ecc6"; } .lnir-euro-coin::before { content: "\ecc7"; } .lnir-euro-down::before { content: "\ecc8"; } .lnir-euro-up::before { content: "\ecc9"; } .lnir-euro::before { content: "\ecca"; } .lnir-gold-bar::before { content: "\eccb"; } .lnir-mobile-coin-taka::before { content: "\eccc"; } .lnir-mobile-coin::before { content: "\eccd"; } .lnir-money-bag::before { content: "\ecce"; } .lnir-money-location::before { content: "\eccf"; } .lnir-money-protection::before { content: "\ecd0"; } .lnir-pound-card::before { content: "\ecd1"; } .lnir-pound-coin::before { content: "\ecd2"; } .lnir-pound-down::before { content: "\ecd3"; } .lnir-pound-up::before { content: "\ecd4"; } .lnir-pound::before { content: "\ecd5"; } .lnir-rupee-card::before { content: "\ecd6"; } .lnir-rupee-coin::before { content: "\ecd7"; } .lnir-text-format::before { content: "\ecd8"; } .lnir-rupee-down::before { content: "\ecd9"; } .lnir-bold::before { content: "\ecda"; } .lnir-taka-card::before { content: "\ecdb"; } .lnir-taka-coin::before { content: "\ecdc"; } .lnir-strikethrough::before { content: "\ecdd"; } .lnir-taka-down::before { content: "\ecde"; } .lnir-rupee::before { content: "\ecdf"; } .lnir-taka-up::before { content: "\ece0"; } .lnir-taka::before { content: "\ece1"; } .lnir-rupee-up::before { content: "\ece2"; } .lnir-wallet-alt-1::before { content: "\ece3"; } .lnir-wallet::before { content: "\ece4"; } .lnir-yen-card::before { content: "\ece5"; } .lnir-yen-coin::before { content: "\ece6"; } .lnir-yen-up::before { content: "\ece7"; } .lnir-bug-alt::before { content: "\ece8"; } .lnir-yen-down::before { content: "\ece9"; } .lnir-yen::before { content: "\ecea"; } .lnir-cactus-alt::before { content: "\eceb"; } .lnir-flower::before { content: "\ecec"; } .lnir-bug::before { content: "\eced"; } .lnir-cactus::before { content: "\ecee"; } .lnir-island::before { content: "\ecef"; } .lnir-leaf-alt::before { content: "\ecf0"; } .lnir-leaf::before { content: "\ecf1"; } .lnir-leaves::before { content: "\ecf2"; } .lnir-mashroom::before { content: "\ecf3"; } .lnir-mountain::before { content: "\ecf4"; } .lnir-mushroom-alt::before { content: "\ecf5"; } .lnir-mushrooms::before { content: "\ecf6"; } .lnir-plant-pot::before { content: "\ecf7"; } .lnir-plant::before { content: "\ecf8"; } .lnir-sprout-alt::before { content: "\ecf9"; } .lnir-sprout::before { content: "\ecfa"; } .lnir-tree-alt-1::before { content: "\ecfb"; } .lnir-tree-alt::before { content: "\ecfc"; } .lnir-tree::before { content: "\ecfd"; } .lnir-trees-alt-1::before { content: "\ecfe"; } .lnir-trees-alt::before { content: "\ecff"; } .lnir-trees::before { content: "\ed00"; } .lnir-baloon-alt-1::before { content: "\ed01"; } .lnir-baloon-alt::before { content: "\ed02"; } .lnir-baloon::before { content: "\ed03"; } .lnir-birthday-hat::before { content: "\ed04"; } .lnir-cake::before { content: "\ed05"; } .lnir-leaf-alt-1::before { content: "\ed06"; } .lnir-candy-cane::before { content: "\ed07"; } .lnir-tornado::before { content: "\ed08"; } .lnir-candy::before { content: "\ed09"; } .lnir-confetti::before { content: "\ed0a"; } .lnir-firecracker::before { content: "\ed0b"; } .lnir-fireworks::before { content: "\ed0c"; } .lnir-flags::before { content: "\ed0d"; } .lnir-mask::before { content: "\ed0e"; } .lnir-spray::before { content: "\ed0f"; } .lnir-wand::before { content: "\ed10"; } .lnir-cotton-bud::before { content: "\ed11"; } .lnir-crown-alt-1::before { content: "\ed12"; } .lnir-crown-alt::before { content: "\ed13"; } .lnir-crown-alt-2::before { content: "\ed14"; } .lnir-crown::before { content: "\ed15"; } .lnir-cup-alt::before { content: "\ed16"; } .lnir-flower-alt::before { content: "\ed17"; } .lnir-gift-alt-1::before { content: "\ed18"; } .lnir-gift-alt::before { content: "\ed19"; } .lnir-gift-bag::before { content: "\ed1a"; } .lnir-gift::before { content: "\ed1b"; } .lnir-glasses::before { content: "\ed1c"; } .lnir-home::before { content: "\ed1d"; } .lnir-ladies-tshirt::before { content: "\ed1e"; } .lnir-sunglass::before { content: "\ed1f"; } .lnir-thought::before { content: "\ed20"; } .lnir-tshirt-alt-1::before { content: "\ed21"; } .lnir-tshirt-alt::before { content: "\ed22"; } .lnir-tshirt::before { content: "\ed23"; } .lnir-beach-chair::before { content: "\ed24"; } .lnir-beach::before { content: "\ed25"; } .lnir-beachball::before { content: "\ed26"; } .lnir-cable-car::before { content: "\ed27"; } .lnir-flight-search::before { content: "\ed28"; } .lnir-hot-air-baloon::before { content: "\ed29"; } .lnir-pyramids::before { content: "\ed2a"; } .lnir-suitcase-alt::before { content: "\ed2b"; } .lnir-suitcase::before { content: "\ed2c"; } .lnir-surf-board::before { content: "\ed2d"; } .lnir-tent-alt::before { content: "\ed2e"; } .lnir-tent::before { content: "\ed2f"; } .lnir-travel::before { content: "\ed30"; } .lnir-air-flow::before { content: "\ed31"; } .lnir-air::before { content: "\ed32"; } .lnir-cloud-alt-1::before { content: "\ed33"; } .lnir-cloud-alt-2::before { content: "\ed34"; } .lnir-cloud-alt::before { content: "\ed35"; } .lnir-cloud-moon::before { content: "\ed36"; } .lnir-cloud-sun::before { content: "\ed37"; } .lnir-cloud::before { content: "\ed38"; } .lnir-cloudy-sun::before { content: "\ed39"; } .lnir-drop-alt::before { content: "\ed3a"; } .lnir-drop::before { content: "\ed3b"; } .lnir-farenheit::before { content: "\ed3c"; } .lnir-moon-star::before { content: "\ed3d"; } .lnir-moon::before { content: "\ed3e"; } .lnir-night-thunder::before { content: "\ed3f"; } .lnir-night-wind::before { content: "\ed40"; } .lnir-night::before { content: "\ed41"; } .lnir-rain::before { content: "\ed42"; } .lnir-snowfall::before { content: "\ed43"; } .lnir-sun-rain::before { content: "\ed44"; } .lnir-sun::before { content: "\ed45"; } .lnir-thunder-alt::before { content: "\ed46"; } .lnir-thunder::before { content: "\ed47"; } .lnir-umbrella-alt::before { content: "\ed48"; } .lnir-umbrella-rain-alt::before { content: "\ed49"; } .lnir-umbrella-rain::before { content: "\ed4a"; } .lnir-umbrella::before { content: "\ed4b"; } .lnir-water-drops::before { content: "\ed4c"; } .lnir-wind-cloud::before { content: "\ed4d"; } .lnir-wind-sun::before { content: "\ed4e"; } .lnir-hourglass::before { content: "\ed4f"; } .lnir-spiner-solid::before { content: "\ed50"; } .lnir-spinner-1::before { content: "\ed51"; } .lnir-spinner-10::before { content: "\ed52"; } .lnir-cup::before { content: "\ed53"; } .lnir-spinner-11::before { content: "\ed54"; } .lnir-spinner-5::before { content: "\ed55"; } .lnir-spinner-6::before { content: "\ed56"; } .lnir-spinner-2::before { content: "\ed57"; } .lnir-spinner-3::before { content: "\ed58"; } .lnir-spinner-7::before { content: "\ed59"; } .lnir-spinner-8::before { content: "\ed5a"; } .lnir-spinner-9::before { content: "\ed5b"; } .lnir-spinner-arrow::before { content: "\ed5c"; } .lnir-spinner::before { content: "\ed5d"; } .lnir-3d::before { content: "\ed5e"; } .lnir-add-files::before { content: "\ed5f"; } .lnir-ai::before { content: "\ed60"; } .lnir-alarm-2::before { content: "\ed61"; } .lnir-alarm-3::before { content: "\ed62"; } .lnir-alarm-4::before { content: "\ed63"; } .lnir-alarm-clock-alt::before { content: "\ed64"; } .lnir-alarm-clock::before { content: "\ed65"; } .lnir-alarm::before { content: "\ed66"; } .lnir-candle-alt::before { content: "\ed67"; } .lnir-spinner-4::before { content: "\ed68"; } .lnir-archive::before { content: "\ed69"; } .lnir-backspace::before { content: "\ed6a"; } .lnir-battery::before { content: "\ed6b"; } .lnir-block-user::before { content: "\ed6c"; } .lnir-bluetooth::before { content: "\ed6d"; } .lnir-bookmark-alt::before { content: "\ed6e"; } .lnir-bookmark::before { content: "\ed6f"; } .lnir-brightness::before { content: "\ed70"; } .lnir-bulb-alt::before { content: "\ed71"; } .lnir-bulb::before { content: "\ed72"; } .lnir-calendar::before { content: "\ed73"; } .lnir-calender-alt-1::before { content: "\ed74"; } .lnir-calender-alt-2::before { content: "\ed75"; } .lnir-calender-alt-3::before { content: "\ed76"; } .lnir-calender-alt-4::before { content: "\ed77"; } .lnir-calender-alt::before { content: "\ed78"; } .lnir-camera-alt-1::before { content: "\ed79"; } .lnir-camera-alt::before { content: "\ed7a"; } .lnir-camera::before { content: "\ed7b"; } .lnir-change::before { content: "\ed7c"; } .lnir-charging::before { content: "\ed7d"; } .lnir-cloud-check-alt::before { content: "\ed7e"; } .lnir-cloud-check::before { content: "\ed7f"; } .lnir-cloud-computing-alt::before { content: "\ed80"; } .lnir-cloud-computing::before { content: "\ed81"; } .lnir-cloud-download-alt::before { content: "\ed82"; } .lnir-cloud-download::before { content: "\ed83"; } .lnir-cloud-network-2::before { content: "\ed84"; } .lnir-cloud-network::before { content: "\ed85"; } .lnir-cloud-search-alt-1::before { content: "\ed86"; } .lnir-cloud-search-alt::before { content: "\ed87"; } .lnir-cloud-search::before { content: "\ed88"; } .lnir-cloud-sync-alt::before { content: "\ed89"; } .lnir-cloud-sync::before { content: "\ed8a"; } .lnir-cloud-upload-alt::before { content: "\ed8b"; } .lnir-cloud-upload::before { content: "\ed8c"; } .lnir-code-alt::before { content: "\ed8d"; } .lnir-code::before { content: "\ed8e"; } .lnir-cog::before { content: "\ed8f"; } .lnir-cogs::before { content: "\ed90"; } .lnir-control-panel::before { content: "\ed91"; } .lnir-copy::before { content: "\ed92"; } .lnir-cut::before { content: "\ed93"; } .lnir-dashboard::before { content: "\ed94"; } .lnir-database::before { content: "\ed95"; } .lnir-display-alt::before { content: "\ed96"; } .lnir-display::before { content: "\ed97"; } .lnir-domain::before { content: "\ed98"; } .lnir-download::before { content: "\ed99"; } .lnir-empty-battery::before { content: "\ed9a"; } .lnir-empty-file::before { content: "\ed9b"; } .lnir-file-download::before { content: "\ed9c"; } .lnir-file-lock::before { content: "\ed9d"; } .lnir-file-name::before { content: "\ed9e"; } .lnir-file-protection::before { content: "\ed9f"; } .lnir-file-upload::before { content: "\eda0"; } .lnir-files-alt::before { content: "\eda1"; } .lnir-files::before { content: "\eda2"; } .lnir-folder-alt-1::before { content: "\eda3"; } .lnir-folder-alt::before { content: "\eda4"; } .lnir-game::before { content: "\eda5"; } .lnir-folder::before { content: "\eda6"; } .lnir-half-battery::before { content: "\eda7"; } .lnir-headphone::before { content: "\eda8"; } .lnir-image::before { content: "\eda9"; } .lnir-keyboard::before { content: "\edaa"; } .lnir-laptop-alt-keyboard::before { content: "\edab"; } .lnir-laptop-alt-switch::before { content: "\edac"; } .lnir-laptop-alt::before { content: "\edad"; } .lnir-laptop-phone::before { content: "\edae"; } .lnir-laptop::before { content: "\edaf"; } .lnir-link-alt-1::before { content: "\edb0"; } .lnir-link-alt::before { content: "\edb1"; } .lnir-link::before { content: "\edb2"; } .lnir-low-battery::before { content: "\edb3"; } .lnir-magnet::before { content: "\edb4"; } .lnir-magnifier::before { content: "\edb5"; } .lnir-map-marker::before { content: "\edb6"; } .lnir-map::before { content: "\edb7"; } .lnir-menu-alt-1::before { content: "\edb8"; } .lnir-menu-alt-2::before { content: "\edb9"; } .lnir-menu-alt-3::before { content: "\edba"; } .lnir-menu-alt-4::before { content: "\edbb"; } .lnir-menu-alt-5::before { content: "\edbc"; } .lnir-menu-alt::before { content: "\edbd"; } .lnir-menu-circle::before { content: "\edbe"; } .lnir-menu::before { content: "\edbf"; } .lnir-mic::before { content: "\edc0"; } .lnir-microphone-alt-1::before { content: "\edc1"; } .lnir-microphone-alt::before { content: "\edc2"; } .lnir-microphone::before { content: "\edc3"; } .lnir-mobile-alt-1::before { content: "\edc4"; } .lnir-mobile-alt-2::before { content: "\edc5"; } .lnir-harddrive::before { content: "\edc6"; } .lnir-mobile-alt-button::before { content: "\edc7"; } .lnir-mobile::before { content: "\edc8"; } .lnir-headphone-alt::before { content: "\edc9"; } .lnir-full-battery::before { content: "\edca"; } .lnir-mouse::before { content: "\edcb"; } .lnir-no-charge-battery::before { content: "\edcc"; } .lnir-package::before { content: "\edcd"; } .lnir-plug::before { content: "\edce"; } .lnir-presentation::before { content: "\edcf"; } .lnir-printer::before { content: "\edd0"; } .lnir-ps::before { content: "\edd1"; } .lnir-recycle-alt::before { content: "\edd2"; } .lnir-recycle::before { content: "\edd3"; } .lnir-reload-alt-box::before { content: "\edd4"; } .lnir-reload-alt::before { content: "\edd5"; } .lnir-reload::before { content: "\edd6"; } .lnir-remove-file::before { content: "\edd7"; } .lnir-rocket::before { content: "\edd8"; } .lnir-rss-feed::before { content: "\edd9"; } .lnir-save-alt::before { content: "\edda"; } .lnir-save::before { content: "\eddb"; } .lnir-scan::before { content: "\eddc"; } .lnir-scroll-down::before { content: "\eddd"; } .lnir-search-alt::before { content: "\edde"; } .lnir-search::before { content: "\eddf"; } .lnir-share-alt::before { content: "\ede0"; } .lnir-share::before { content: "\ede1"; } .lnir-shopping-basket::before { content: "\ede2"; } .lnir-shortcode::before { content: "\ede3"; } .lnir-signal::before { content: "\ede4"; } .lnir-star-empty::before { content: "\ede5"; } .lnir-star-filled::before { content: "\ede6"; } .lnir-star-half::before { content: "\ede7"; } .lnir-star::before { content: "\ede8"; } .lnir-tab::before { content: "\ede9"; } .lnir-tap::before { content: "\edea"; } .lnir-thumbnail::before { content: "\edeb"; } .lnir-timer::before { content: "\edec"; } .lnir-trash-can-alt-1::before { content: "\eded"; } .lnir-trash-can-alt::before { content: "\edee"; } .lnir-trash-can::before { content: "\edef"; } .lnir-trash::before { content: "\edf0"; } .lnir-unlink::before { content: "\edf1"; } .lnir-upload::before { content: "\edf2"; } .lnir-user-alt-1::before { content: "\edf3"; } .lnir-user-alt-2::before { content: "\edf4"; } .lnir-user-alt::before { content: "\edf5"; } .lnir-user::before { content: "\edf6"; } .lnir-users-2::before { content: "\edf7"; } .lnir-users::before { content: "\edf8"; } .lnir-website-alt::before { content: "\edf9"; } .lnir-website::before { content: "\edfa"; } .lnir-zip::before { content: "\edfb"; } .lnir-ban::before { content: "\edfc"; } .lnir-candle::before { content: "\edfd"; } .lnir-appointment::before { content: "\edfe"; } .lnir-zoom-in::before { content: "\edff"; } .lnir-cool-1::before { content: "\ee00"; } .lnir-cool-3::before { content: "\ee01"; } .lnir-cool-kiss::before { content: "\ee02"; } .lnir-cry::before { content: "\ee03"; } .lnir-cute::before { content: "\ee04"; } .lnir-dead::before { content: "\ee05"; } .lnir-bored::before { content: "\ee06"; } .lnir-emoji-friendly::before { content: "\ee07"; } .lnir-emoji-happy::before { content: "\ee08"; } .lnir-emoji-sad::before { content: "\ee09"; } .lnir-emoji-cool::before { content: "\ee0a"; } .lnir-emoji-speechless::before { content: "\ee0b"; } .lnir-emoji-suspect::before { content: "\ee0c"; } .lnir-emoji-tounge::before { content: "\ee0d"; } .lnir-emoji-smile::before { content: "\ee0e"; } .lnir-happy-2::before { content: "\ee0f"; } .lnir-happy-smile::before { content: "\ee10"; } .lnir-kiss-2::before { content: "\ee11"; } .lnir-kiss::before { content: "\ee12"; } .lnir-angry::before { content: "\ee13"; } .lnir-loved-surprise::before { content: "\ee14"; } .lnir-zoom-out::before { content: "\ee15"; } .lnir-piss::before { content: "\ee16"; } .lnir-sick-1::before { content: "\ee17"; } .lnir-sick::before { content: "\ee18"; } .lnir-mute::before { content: "\ee19"; } .lnir-super-cool::before { content: "\ee1a"; } .lnir-love::before { content: "\ee1b"; } .lnir-wink::before { content: "\ee1c"; } .lnir-wow::before { content: "\ee1d"; } .lnir-yawn::before { content: "\ee1e"; } .lnir-super-happy::before { content: "\ee1f"; } .lnir-happy-1::before { content: "\ee20"; } .lnir-sleep::before { content: "\ee21"; } @font-face{font-family:summernote;font-style:normal;font-weight:400;font-display:auto;src:url("/assets/fonts/summernote.eot");src:url("/assets/fonts/summernote.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/summernote.woff2") format("woff2"),url("/assets/fonts/summernote.woff") format("woff"),url("/assets/fonts/summernote.ttf") format("truetype")}[class*=" note-icon"]:before,[class^=note-icon]:before{display:inline-block;font-family:summernote;font-style:normal;font-size:inherit;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none}.note-icon-fw{text-align:center;width:1.25em}.note-icon-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.note-icon-pull-left{float:left}.note-icon-pull-right{float:right}.note-icon.note-icon-pull-left{margin-right:.3em}.note-icon.note-icon-pull-right{margin-left:.3em}.note-icon-align:before{content:""}.note-icon-align-center:before{content:""}.note-icon-align-indent:before{content:""}.note-icon-align-justify:before{content:""}.note-icon-align-left:before{content:""}.note-icon-align-outdent:before{content:""}.note-icon-align-right:before{content:""}.note-icon-arrow-circle-down:before{content:""}.note-icon-arrow-circle-left:before{content:""}.note-icon-arrow-circle-right:before{content:""}.note-icon-arrow-circle-up:before{content:""}.note-icon-arrows-alt:before{content:""}.note-icon-arrows-h:before{content:""}.note-icon-arrows-v:before{content:""}.note-icon-bold:before{content:""}.note-icon-caret:before{content:""}.note-icon-chain-broken:before{content:""}.note-icon-circle:before{content:""}.note-icon-close:before{content:""}.note-icon-code:before{content:""}.note-icon-col-after:before{content:""}.note-icon-col-before:before{content:""}.note-icon-col-remove:before{content:""}.note-icon-eraser:before{content:""}.note-icon-float-left:before{content:""}.note-icon-float-none:before{content:""}.note-icon-float-right:before{content:""}.note-icon-font:before{content:""}.note-icon-frame:before{content:""}.note-icon-italic:before{content:""}.note-icon-link:before{content:""}.note-icon-magic:before{content:""}.note-icon-menu-check:before{content:""}.note-icon-minus:before{content:""}.note-icon-orderedlist:before{content:""}.note-icon-pencil:before{content:""}.note-icon-picture:before{content:""}.note-icon-question:before{content:""}.note-icon-redo:before{content:""}.note-icon-rollback:before{content:""}.note-icon-row-above:before{content:""}.note-icon-row-below:before{content:""}.note-icon-row-remove:before{content:""}.note-icon-special-character:before{content:""}.note-icon-square:before{content:""}.note-icon-strikethrough:before{content:""}.note-icon-subscript:before{content:""}.note-icon-summernote:before{content:""}.note-icon-superscript:before{content:""}.note-icon-table:before{content:""}.note-icon-text-height:before{content:""}.note-icon-trash:before{content:""}.note-icon-underline:before{content:""}.note-icon-undo:before{content:""}.note-icon-unorderedlist:before{content:""}.note-icon-video:before{content:""}.note-frame{-ms-box-sizing:border-box;box-sizing:border-box;color:#000;font-family:sans-serif;border-radius:4px}.note-toolbar{padding:10px 5px;color:#333;background-color:#f5f5f5;border-bottom:1px solid;border-color:#ddd;border-top-left-radius:3px;border-top-right-radius:3px}.note-btn-group{position:relative;display:inline-block;margin-right:8px}.note-btn-group>.note-btn-group{margin-right:0}.note-btn-group>.note-btn:first-child{margin-left:0}.note-btn-group .note-btn+.note-btn,.note-btn-group .note-btn+.note-btn-group,.note-btn-group .note-btn-group+.note-btn,.note-btn-group .note-btn-group+.note-btn-group{margin-left:-1px}.note-btn-group>.note-btn-group:not(:first-child)>.note-btn,.note-btn-group>.note-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.note-btn-group>.note-btn-group:not(:last-child)>.note-btn,.note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.note-btn-group.open>.note-dropdown{display:block}.note-btn{display:inline-block;font-weight:400;margin-bottom:0;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;white-space:nowrap;outline:0;color:#333;background-color:#fff;border:1px solid #dae0e5;padding:5px 10px;font-size:14px;line-height:1.4;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.note-btn.focus,.note-btn:focus,.note-btn:hover{color:#333;background-color:#ebebeb;border-color:#dae0e5}.note-btn.disabled.focus,.note-btn.disabled:focus,.note-btn[disabled].focus,.note-btn[disabled]:focus,fieldset[disabled] .note-btn.focus,fieldset[disabled] .note-btn:focus{background-color:#fff;border-color:#dae0e5}.note-btn.active,.note-btn.focus,.note-btn:active,.note-btn:focus,.note-btn:hover{color:#333;text-decoration:none;border:1px solid #dae0e5;background-color:#ebebeb;outline:0;border-radius:1px}.note-btn.active,.note-btn:active{background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn{cursor:not-allowed;-webkit-opacity:.65;-khtml-opacity:.65;-moz-opacity:.65;opacity:.65;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);filter:alpha(opacity=65);box-shadow:none}.note-btn>span.note-icon-caret:first-child{margin-left:-1px}.note-btn>span.note-icon-caret:nth-child(2){padding-left:3px;margin-right:-5px}.note-btn-primary{background:#fa6362;color:#fff}.note-btn-primary.focus,.note-btn-primary:focus,.note-btn-primary:hover{color:#fff;text-decoration:none;border:1px solid #dae0e5;background-color:#fa6362;border-radius:1px}.note-btn-block{display:block;width:100%}.note-btn-block+.note-btn-block{margin-top:5px}input[type=button].note-btn-block,input[type=reset].note-btn-block,input[type=submit].note-btn-block{width:100%}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.close{float:right;font-size:21px;line-height:1;color:#000;opacity:.2}.close:hover{-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);opacity:1}.note-dropdown{position:relative}.note-color .dropdown-toggle{width:30px;padding-left:5px}.note-dropdown-menu{display:none;min-width:100px;position:absolute;top:100%;left:0;z-index:1000;float:left;text-align:left;background:#fff;border:1px solid #e2e2e2;padding:5px;background-clip:padding-box;box-shadow:0 1px 1px rgba(0,0,0,.06)}.note-dropdown-menu>:last-child{margin-right:0}.note-btn-group.open .note-dropdown-menu,.note-dropdown-item{display:block}.note-dropdown-item:hover{background-color:#ebebeb}a.note-dropdown-item,a.note-dropdown-item:hover{margin:5px 0;color:#000;text-decoration:none}.note-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1050;-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);display:none}.note-modal.open{display:block}.note-modal-content{position:relative;width:auto;margin:30px 20px;border:1px solid rgba(0,0,0,.2);background:#fff;background-clip:border-box;outline:0;border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5)}.note-modal-header{padding:10px 20px;border:1px solid #ededef}.note-modal-body{position:relative;padding:20px 30px}.note-modal-body kbd{border-radius:2px;background-color:#000;color:#fff;padding:3px 5px;font-weight:700;-ms-box-sizing:border-box;box-sizing:border-box}.note-modal-footer{height:40px;padding:10px;text-align:center}.note-modal-footer a{color:#337ab7;text-decoration:none}.note-modal-footer a:focus,.note-modal-footer a:hover{color:#23527c;text-decoration:underline}.note-modal-footer .note-btn{float:right}.note-modal-title{font-size:20px;color:#42515f;margin:0;line-height:1.4}.note-modal-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:1040;background:#000;-webkit-opacity:.5;-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);display:none}.note-modal-backdrop.open{display:block}@media(min-width:768px){.note-modal-content{width:600px;margin:30px auto}}@media(min-width:992px){.note-modal-content-large{width:900px}}.note-modal .note-help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.note-modal .note-nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.note-modal .note-nav-link{display:block;padding:.5rem 1rem;color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}.note-modal .note-nav-link:focus,.note-modal .note-nav-link:hover{color:#0056b3;text-decoration:none}.note-modal .note-nav-link.disabled{color:#868e96}.note-modal .note-nav-tabs{border-bottom:1px solid #ddd}.note-modal .note-nav-tabs .note-nav-item{margin-bottom:-1px}.note-modal .note-nav-tabs .note-nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.note-modal .note-nav-tabs .note-nav-link:focus,.note-modal .note-nav-tabs .note-nav-link:hover{border-color:#e9ecef #e9ecef #ddd}.note-modal .note-nav-tabs .note-nav-link.disabled{color:#868e96;background-color:transparent;border-color:transparent}.note-modal .note-nav-tabs .note-nav-item.show .note-nav-link{color:#495057;background-color:#fff;border-color:#ddd #ddd #fff}.note-modal .note-tab-content{margin:15px auto}.note-modal .note-tab-content>.note-tab-pane,.note-modal .note-tab-content>.note-tab-pane:target~.note-tab-pane:last-child{display:none}.note-modal .note-tab-content>.note-tab-pane:target,.note-modal .note-tab-content>:last-child{display:block}.note-form-group{padding-bottom:20px}.note-form-group:last-child{padding-bottom:0}.note-form-label{display:block;width:100%;font-size:16px;color:#42515f;margin-bottom:10px;font-weight:700}.note-input{width:100%;display:block;border:1px solid #ededef;background:#fff;outline:0;padding:6px 4px;font-size:14px;-ms-box-sizing:border-box;box-sizing:border-box}.note-input::-webkit-input-placeholder{color:#eee}.note-input:-moz-placeholder,.note-input::-moz-placeholder{color:#eee}.note-input:-ms-input-placeholder{color:#eee}.note-tooltip{position:absolute;z-index:1070;display:block;font-size:13px;transition:opacity .15s;-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0)}.note-tooltip.in{-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90)}.note-tooltip.top{margin-top:-3px;padding:5px 0}.note-tooltip.right{margin-left:3px;padding:0 5px}.note-tooltip.bottom{margin-top:3px;padding:5px 0}.note-tooltip.left{margin-left:-3px;padding:0 5px}.note-tooltip.bottom .note-tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.note-tooltip.top .note-tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.note-tooltip.right .note-tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.note-tooltip.left .note-tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.note-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.note-tooltip-content{max-width:200px;font-family:sans-serif;padding:3px 8px;color:#fff;text-align:center;background-color:#000}.note-popover{position:absolute;z-index:1060;display:block;font-size:13px;font-family:sans-serif;display:none;background:#fff;border:1px solid #ccc}.note-popover.in{display:block}.note-popover.top{margin-top:-10px;padding:5px 0}.note-popover.right{margin-left:10px;padding:0 5px}.note-popover.bottom{margin-top:10px;padding:5px 0}.note-popover.left{margin-left:-10px;padding:0 5px}.note-popover.bottom .note-popover-arrow{top:-11px;left:20px;margin-left:-10px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.note-popover.bottom .note-popover-arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.note-popover.top .note-popover-arrow{bottom:-11px;left:20px;margin-left:-10px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25)}.note-popover.top .note-popover-arrow:after{bottom:1px;margin-left:-10px;content:" ";border-bottom-width:0;border-top-color:#fff}.note-popover.right .note-popover-arrow{top:50%;left:-11px;margin-top:-10px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.note-popover.right .note-popover-arrow:after{left:1px;margin-top:-10px;content:" ";border-left-width:0;border-right-color:#fff}.note-popover.left .note-popover-arrow{top:50%;right:-11px;margin-top:-10px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.note-popover.left .note-popover-arrow:after{right:1px;margin-top:-10px;content:" ";border-right-width:0;border-left-color:#fff}.note-popover-arrow{position:absolute;width:0;height:0;border:11px solid transparent}.note-popover-arrow:after{position:absolute;display:block;width:0;height:0;content:" ";border:10px solid transparent}.note-popover-content{padding:3px 8px;color:#000;text-align:center;background-color:#fff;min-width:100px;min-height:30px}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;display:none;z-index:100;color:#87cefa;background-color:#fff;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;vertical-align:middle;text-align:center;font-size:28px;font-weight:700}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:none}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area .note-editable img.note-float-left{margin-right:10px}.note-editor .note-editing-area .note-editable img.note-float-right{margin-left:10px}.note-editor.note-airframe,.note-editor.note-frame{border:1px solid rgba(0,0,0,.2)}.note-editor.note-airframe.codeview .note-editing-area .note-editable,.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-airframe.codeview .note-editing-area .note-codable,.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-airframe .note-editing-area,.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-airframe .note-editing-area .note-editable,.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;word-wrap:break-word}.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false]{background-color:hsla(0,0%,50.2%,.11)}.note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;border:none;box-shadow:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;resize:none;outline:none;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:0;margin-bottom:0}.note-editor.note-airframe.fullscreen,.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;width:100%!important;z-index:1050}.note-editor.note-airframe.fullscreen .note-resizebar,.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-airframe .note-status-output,.note-editor.note-frame .note-status-output{display:block;width:100%;font-size:14px;line-height:1.42857143;height:20px;margin-bottom:0;color:#000;border:0;border-top:1px solid #e2e2e2}.note-editor.note-airframe .note-status-output:empty,.note-editor.note-frame .note-status-output:empty{height:0;border-top:0 solid transparent}.note-editor.note-airframe .note-status-output .pull-right,.note-editor.note-frame .note-status-output .pull-right{float:right!important}.note-editor.note-airframe .note-status-output .text-muted,.note-editor.note-frame .note-status-output .text-muted{color:#777}.note-editor.note-airframe .note-status-output .text-primary,.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-airframe .note-status-output .text-success,.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-airframe .note-status-output .text-info,.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-airframe .note-status-output .text-warning,.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-airframe .note-status-output .text-danger,.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-airframe .note-status-output .alert,.note-editor.note-frame .note-status-output .alert{margin:-7px 0 0;padding:7px 10px 2px;border-radius:0;color:#000;background-color:#f5f5f5}.note-editor.note-airframe .note-status-output .alert .note-icon,.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-airframe .note-status-output .alert-success,.note-editor.note-frame .note-status-output .alert-success{color:#3c763d!important;background-color:#dff0d8!important}.note-editor.note-airframe .note-status-output .alert-info,.note-editor.note-frame .note-status-output .alert-info{color:#31708f!important;background-color:#d9edf7!important}.note-editor.note-airframe .note-status-output .alert-warning,.note-editor.note-frame .note-status-output .alert-warning{color:#8a6d3b!important;background-color:#fcf8e3!important}.note-editor.note-airframe .note-status-output .alert-danger,.note-editor.note-frame .note-status-output .alert-danger{color:#a94442!important;background-color:#f2dede!important}.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar{background-color:hsla(0,0%,50.2%,.11);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid rgba(0,0,0,.2)}.note-editor.note-airframe .note-statusbar .note-resizebar,.note-editor.note-frame .note-statusbar .note-resizebar{padding-top:1px;height:9px;width:100%;cursor:ns-resize}.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid rgba(0,0,0,.2)}.note-editor.note-airframe .note-statusbar.locked .note-resizebar,.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-airframe .note-placeholder,.note-editor.note-frame .note-placeholder{padding:10px}.note-editor.note-airframe{border:0}.note-editor.note-airframe .note-editing-area .note-editable{padding:0}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative}.note-editor .note-toolbar,.note-popover .popover-content{margin:0;padding:0 0 5px 5px}.note-editor .note-toolbar>.note-btn-group,.note-popover .popover-content>.note-btn-group{margin-top:5px;margin-left:0;margin-right:5px}.note-editor .note-toolbar .note-btn-group .note-table,.note-popover .popover-content .note-btn-group .note-table{min-width:0;padding:5px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat}.note-editor .note-toolbar .note-style .dropdown-style blockquote,.note-editor .note-toolbar .note-style .dropdown-style pre,.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre{margin:0;padding:5px 10px}.note-editor .note-toolbar .note-style .dropdown-style h1,.note-editor .note-toolbar .note-style .dropdown-style h2,.note-editor .note-toolbar .note-style .dropdown-style h3,.note-editor .note-toolbar .note-style .dropdown-style h4,.note-editor .note-toolbar .note-style .dropdown-style h5,.note-editor .note-toolbar .note-style .dropdown-style h6,.note-editor .note-toolbar .note-style .dropdown-style p,.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p{margin:0;padding:0}.note-editor .note-toolbar .note-color-all .note-dropdown-menu,.note-popover .popover-content .note-color-all .note-dropdown-menu{min-width:337px}.note-editor .note-toolbar .note-color .dropdown-toggle,.note-popover .popover-content .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette{display:inline-block;margin:0;width:160px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title{font-size:12px;margin:2px 7px;text-align:center;border-bottom:1px solid #eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select{font-size:11px;margin:3px;padding:0 3px;cursor:pointer;width:100%;border-radius:5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background:#eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn{display:none}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-editor .note-toolbar .note-para .note-dropdown-menu,.note-popover .popover-content .note-para .note-dropdown-menu{min-width:228px;padding:5px}.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,.note-popover .popover-content .note-para .note-dropdown-menu>div+div{margin-left:5px}.note-editor .note-toolbar .note-dropdown-menu,.note-popover .popover-content .note-dropdown-menu{min-width:160px}.note-editor .note-toolbar .note-dropdown-menu.right,.note-popover .popover-content .note-dropdown-menu.right{right:0;left:auto}.note-editor .note-toolbar .note-dropdown-menu.right:before,.note-popover .popover-content .note-dropdown-menu.right:before{right:9px;left:auto!important}.note-editor .note-toolbar .note-dropdown-menu.right:after,.note-popover .popover-content .note-dropdown-menu.right:after{right:10px;left:auto!important}.note-editor .note-toolbar .note-dropdown-menu.note-check a i,.note-popover .popover-content .note-dropdown-menu.note-check a i{color:#00bfff;visibility:hidden}.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,.note-popover .popover-content .note-dropdown-menu.note-check a.checked i{visibility:visible}.note-editor .note-toolbar .note-fontsize-10,.note-popover .popover-content .note-fontsize-10{font-size:10px}.note-editor .note-toolbar .note-color-palette,.note-popover .popover-content .note-color-palette{line-height:1}.note-editor .note-toolbar .note-color-palette div .note-color-btn,.note-popover .popover-content .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:0;border-radius:0}.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,.note-popover .popover-content .note-color-palette div .note-color-btn:hover{transform:scale(1.2);transition:all .2s}.note-modal .modal-dialog{outline:0;border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5)}.note-modal .form-group{margin-left:0;margin-right:0}.note-modal .note-modal-form{margin:0}.note-modal .note-image-dialog .note-dropzone{min-height:100px;font-size:30px;line-height:4;color:#d3d3d3;text-align:center;border:4px dashed #d3d3d3;margin-bottom:10px}.note-placeholder{position:absolute;display:none;color:grey}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid #000}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:#000;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;border:1px solid #000}.note-handle .note-control-selection .note-control-sizing{background-color:#000}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:none;border-bottom:none}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:none;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:none;border-right:none}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:none;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;color:#fff;background-color:#000;font-size:12px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{padding:3px;max-height:150px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:#fff;white-space:nowrap;text-decoration:none;background-color:#428bca;outline:0;cursor:pointer}.note-editor .note-editing-area .note-editable table{width:100%;border-collapse:collapse}.note-editor .note-editing-area .note-editable table td,.note-editor .note-editing-area .note-editable table th{border:1px solid #ececec;padding:5px 3px}.note-editor .note-editing-area .note-editable a{background-color:inherit;text-decoration:inherit;font-family:inherit;font-weight:inherit;color:#337ab7}.note-editor .note-editing-area .note-editable a:focus,.note-editor .note-editing-area .note-editable a:hover{color:#23527c;text-decoration:underline;outline:0}.note-editor .note-editing-area .note-editable figure{margin:0}.note-modal .note-modal-body label{margin-bottom:2px;padding:2px 5px;display:inline-block}.note-modal .note-modal-body .help-list-item:hover{background-color:#e0e0e0}@-moz-document url-prefix(){.note-modal .note-image-input{height:auto}}.help-list-item label{margin-bottom:5px;display:inline-block} /*# sourceMappingURL=app.css.map */ /* Comment Generated by Combres - Resource '~/assets/css/main.css' (Mode: Static) */ @charset "UTF-8"; /*! main.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== SCSS Imports ========================================================================== */ /*! _variables.scss | Huro | Css ninja 2020-2021 */ /* 1. Main Colors 2. Global colors */ /* ========================================================================== 1. Main Colors ========================================================================== */ /* ========================================================================== 2. Global colors ========================================================================== */ /* ========================================================================== 3. MOD-ADD New Basis Colors for Components, Controls, etc ========================================================================== */ /*! _variables.scss | Huro | Css ninja 2020-2021 */ /* 1. Main Colors 2. Global colors */ /* ========================================================================== 1. Main Colors ========================================================================== */ /* ========================================================================== 2. Global colors ========================================================================== */ @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spinAround { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* line 164, src/assets/sass/sass/utilities/mixins.sass */ .delete, .modal-close, .button, .file, .breadcrumb, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .tabs, .is-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 183, src/assets/sass/sass/utilities/mixins.sass */ .select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center; transform-origin: center; width: 0.625em; } /* line 187, src/assets/sass/sass/utilities/mixins.sass */ .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) { margin-bottom: 1.5rem; } /* line 259, src/assets/sass/sass/utilities/mixins.sass */ .delete, .modal-close { -moz-appearance: none; -webkit-appearance: none; background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 290486px; cursor: pointer; pointer-events: auto; display: inline-block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } /* line 215, src/assets/sass/sass/utilities/mixins.sass */ .delete::before, .modal-close::before, .delete::after, .modal-close::after { background-color: #ffffff; content: ""; display: block; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } /* line 225, src/assets/sass/sass/utilities/mixins.sass */ .delete::before, .modal-close::before { height: 2px; width: 50%; } /* line 228, src/assets/sass/sass/utilities/mixins.sass */ .delete::after, .modal-close::after { height: 50%; width: 2px; } /* line 231, src/assets/sass/sass/utilities/mixins.sass */ .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus { background-color: rgba(10, 10, 10, 0.3); } /* line 234, src/assets/sass/sass/utilities/mixins.sass */ .delete:active, .modal-close:active { background-color: rgba(10, 10, 10, 0.4); } /* line 237, src/assets/sass/sass/utilities/mixins.sass */ .is-small.delete, .is-small.modal-close { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } /* line 244, src/assets/sass/sass/utilities/mixins.sass */ .is-medium.delete, .is-medium.modal-close { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } /* line 251, src/assets/sass/sass/utilities/mixins.sass */ .is-large.delete, .is-large.modal-close { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } /* line 274, src/assets/sass/sass/utilities/mixins.sass */ .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after, .huro-demo-wrapper:after { -webkit-animation: spinAround 500ms infinite linear; animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } /* line 284, src/assets/sass/sass/utilities/mixins.sass */ .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video, .is-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } /* line 40, src/assets/sass/sass/utilities/controls.sass */ .button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); position: relative; vertical-align: top; } /* line 31, src/assets/sass/sass/utilities/controls.sass */ .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, .file-name:focus, .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, .is-focused.file-name, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, .file-name:active, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, .is-active.file-name, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; } /* line 36, src/assets/sass/sass/utilities/controls.sass */ .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], .file-name[disabled], .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled], .pagination-ellipsis[disabled], fieldset[disabled] .button, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis { cursor: not-allowed; } /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ /* line 3, src/assets/sass/sass/base/minireset.sass */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } /* line 30, src/assets/sass/sass/base/minireset.sass */ h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } /* line 40, src/assets/sass/sass/base/minireset.sass */ ul { list-style: none; } /* line 44, src/assets/sass/sass/base/minireset.sass */ button, input, select, textarea { margin: 0; } /* line 51, src/assets/sass/sass/base/minireset.sass */ html { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 55, src/assets/sass/sass/base/minireset.sass */ *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } /* line 61, src/assets/sass/sass/base/minireset.sass */ img, video { height: auto; max-width: 100%; } /* line 67, src/assets/sass/sass/base/minireset.sass */ iframe { border: 0; } /* line 71, src/assets/sass/sass/base/minireset.sass */ table { border-collapse: collapse; border-spacing: 0; } /* line 75, src/assets/sass/sass/base/minireset.sass */ td, th { padding: 0; } /* line 78, src/assets/sass/sass/base/minireset.sass */ td:not([align]), th:not([align]) { text-align: inherit; } /* line 32, src/assets/sass/sass/base/generic.sass */ html { background-color: #ffffff; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } /* line 43, src/assets/sass/sass/base/generic.sass */ article, aside, figure, footer, header, hgroup, section { display: block; } /* line 52, src/assets/sass/sass/base/generic.sass */ body, button, input, select, textarea { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } /* line 59, src/assets/sass/sass/base/generic.sass */ code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; } /* line 65, src/assets/sass/sass/base/generic.sass */ body { color: #f9f9f9; font-size: 1em; font-weight: 400; line-height: 1.5; } /* line 73, src/assets/sass/sass/base/generic.sass */ a { color: #3273dc; cursor: pointer; text-decoration: none; } /* line 77, src/assets/sass/sass/base/generic.sass */ a strong { color: currentColor; } /* line 79, src/assets/sass/sass/base/generic.sass */ a:hover { color: #363636; } /* line 82, src/assets/sass/sass/base/generic.sass */ code { background-color: whitesmoke; color: #f14668; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; } /* line 89, src/assets/sass/sass/base/generic.sass */ hr { background-color: whitesmoke; border: none; display: block; height: 2px; margin: 1.5rem 0; } /* line 96, src/assets/sass/sass/base/generic.sass */ img { height: auto; max-width: 100%; } /* line 100, src/assets/sass/sass/base/generic.sass */ input[type="checkbox"], input[type="radio"] { vertical-align: baseline; } /* line 104, src/assets/sass/sass/base/generic.sass */ small { font-size: 0.875em; } /* line 107, src/assets/sass/sass/base/generic.sass */ span { font-style: inherit; font-weight: inherit; } /* line 111, src/assets/sass/sass/base/generic.sass */ strong { color: #363636; font-weight: 700; } /* line 117, src/assets/sass/sass/base/generic.sass */ fieldset { border: none; } /* line 120, src/assets/sass/sass/base/generic.sass */ pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #4a4a4a; font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; } /* line 129, src/assets/sass/sass/base/generic.sass */ pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; } /* line 136, src/assets/sass/sass/base/generic.sass */ table td, table th { vertical-align: top; } /* line 139, src/assets/sass/sass/base/generic.sass */ table td:not([align]), table th:not([align]) { text-align: inherit; } /* line 141, src/assets/sass/sass/base/generic.sass */ table th { color: #363636; } /* line 10, src/assets/sass/sass/elements/box.sass */ .box { background-color: #ffffff; border-radius: 6px; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); color: #4a4a4a; display: block; padding: 1.25rem; } /* line 20, src/assets/sass/sass/elements/box.sass */ a.box:hover, a.box:focus { -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; } /* line 23, src/assets/sass/sass/elements/box.sass */ a.box:active { -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } /* line 47, src/assets/sass/sass/elements/button.sass */ .button { background-color: #ffffff; border-color: #dbdbdb; border-width: 1px; color: #363636; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: calc(0.5em - 1px); padding-left: 1em; padding-right: 1em; padding-top: calc(0.5em - 1px); text-align: center; white-space: nowrap; } /* line 64, src/assets/sass/sass/elements/button.sass */ .button strong { color: inherit; } /* line 67, src/assets/sass/sass/elements/button.sass */ .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { height: 1.5em; width: 1.5em; } /* line 73, src/assets/sass/sass/elements/button.sass */ .button .icon:first-child:not(:last-child) { margin-left: calc(-0.5em - 1px); margin-right: 0.25em; } /* line 76, src/assets/sass/sass/elements/button.sass */ .button .icon:last-child:not(:first-child) { margin-left: 0.25em; margin-right: calc(-0.5em - 1px); } /* line 79, src/assets/sass/sass/elements/button.sass */ .button .icon:first-child:last-child { margin-left: calc(-0.5em - 1px); margin-right: calc(-0.5em - 1px); } /* line 83, src/assets/sass/sass/elements/button.sass */ .button:hover, .button.is-hovered { border-color: #b5b5b5; color: #363636; } /* line 87, src/assets/sass/sass/elements/button.sass */ .button:focus, .button.is-focused { border-color: #3273dc; color: #363636; } /* line 91, src/assets/sass/sass/elements/button.sass */ .button:focus:not(:active), .button.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } /* line 93, src/assets/sass/sass/elements/button.sass */ .button:active, .button.is-active { border-color: #4a4a4a; color: #363636; } /* line 98, src/assets/sass/sass/elements/button.sass */ .button.is-text { background-color: transparent; border-color: transparent; color: #4a4a4a; text-decoration: underline; } /* line 103, src/assets/sass/sass/elements/button.sass */ .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { background-color: whitesmoke; color: #363636; } /* line 109, src/assets/sass/sass/elements/button.sass */ .button.is-text:active, .button.is-text.is-active { background-color: #e8e8e8; color: #363636; } /* line 113, src/assets/sass/sass/elements/button.sass */ .button.is-text[disabled], fieldset[disabled] .button.is-text { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-white { background-color: #ffffff; border-color: transparent; color: #0a0a0a; } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-white:hover, .button.is-white.is-hovered { background-color: #f9f9f9; border-color: transparent; color: #0a0a0a; } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-white:focus, .button.is-white.is-focused { border-color: transparent; color: #0a0a0a; } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-white:active, .button.is-white.is-active { background-color: #f2f2f2; border-color: transparent; color: #0a0a0a; } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-white[disabled], fieldset[disabled] .button.is-white { background-color: #ffffff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-inverted { background-color: #0a0a0a; color: #ffffff; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { background-color: black; } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { background-color: #0a0a0a; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-loading::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-outlined { background-color: transparent; border-color: #ffffff; color: #ffffff; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { background-color: #ffffff; border-color: #ffffff; color: #0a0a0a; } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-outlined.is-loading::after { border-color: transparent transparent #ffffff #ffffff !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { background-color: transparent; border-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #0a0a0a; color: #0a0a0a; } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { background-color: #0a0a0a; color: #ffffff; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #ffffff #ffffff !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #0a0a0a; -webkit-box-shadow: none; box-shadow: none; color: #0a0a0a; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-black { background-color: #0a0a0a; border-color: transparent; color: #ffffff; } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-black:hover, .button.is-black.is-hovered { background-color: #040404; border-color: transparent; color: #ffffff; } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-black:focus, .button.is-black.is-focused { border-color: transparent; color: #ffffff; } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-black:active, .button.is-black.is-active { background-color: black; border-color: transparent; color: #ffffff; } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-black[disabled], fieldset[disabled] .button.is-black { background-color: #0a0a0a; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-inverted { background-color: #ffffff; color: #0a0a0a; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { background-color: #f2f2f2; } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { background-color: #ffffff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #0a0a0a; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-loading::after { border-color: transparent transparent #ffffff #ffffff !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; color: #0a0a0a; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { background-color: #0a0a0a; border-color: #0a0a0a; color: #ffffff; } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-outlined.is-loading::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #ffffff #ffffff !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; -webkit-box-shadow: none; box-shadow: none; color: #0a0a0a; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: #ffffff; color: #ffffff; } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { background-color: #ffffff; color: #0a0a0a; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-light { background-color: whitesmoke; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-light:hover, .button.is-light.is-hovered { background-color: #eeeeee; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-light:focus, .button.is-light.is-focused { border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-light:active, .button.is-light.is-active { background-color: #e8e8e8; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-light[disabled], fieldset[disabled] .button.is-light { background-color: whitesmoke; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: whitesmoke; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { background-color: rgba(0, 0, 0, 0.7); } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: whitesmoke; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; color: whitesmoke; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { background-color: whitesmoke; border-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-outlined.is-loading::after { border-color: transparent transparent whitesmoke whitesmoke !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; -webkit-box-shadow: none; box-shadow: none; color: whitesmoke; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused { background-color: rgba(0, 0, 0, 0.7); color: whitesmoke; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent whitesmoke whitesmoke !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); -webkit-box-shadow: none; box-shadow: none; color: rgba(0, 0, 0, 0.7); } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-dark { background-color: #363636; border-color: transparent; color: #fff; } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-dark:hover, .button.is-dark.is-hovered { background-color: #2f2f2f; border-color: transparent; color: #fff; } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-dark:focus, .button.is-dark.is-focused { border-color: transparent; color: #fff; } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-dark:active, .button.is-dark.is-active { background-color: #292929; border-color: transparent; color: #fff; } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-dark[disabled], fieldset[disabled] .button.is-dark { background-color: #363636; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-inverted { background-color: #fff; color: #363636; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { background-color: #f2f2f2; } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { background-color: #fff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #363636; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-loading::after { border-color: transparent transparent #fff #fff !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; color: #363636; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { background-color: #363636; border-color: #363636; color: #fff; } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-outlined.is-loading::after { border-color: transparent transparent #363636 #363636 !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; -webkit-box-shadow: none; box-shadow: none; color: #363636; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused { background-color: #fff; color: #363636; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #363636 #363636 !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; color: #fff; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-primary { background-color: #606061; border-color: transparent; color: #fff; } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-primary:hover, .button.is-primary.is-hovered { background-color: #5a5a5b; border-color: transparent; color: #fff; } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-primary:focus, .button.is-primary.is-focused { border-color: transparent; color: #fff; } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(96, 96, 97, 0.25); box-shadow: 0 0 0 0.125em rgba(96, 96, 97, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-primary:active, .button.is-primary.is-active { background-color: #535354; border-color: transparent; color: #fff; } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-primary[disabled], fieldset[disabled] .button.is-primary { background-color: #606061; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-inverted { background-color: #fff; color: #606061; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { background-color: #f2f2f2; } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { background-color: #fff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #606061; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-loading::after { border-color: transparent transparent #fff #fff !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-outlined { background-color: transparent; border-color: #606061; color: #606061; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { background-color: #606061; border-color: #606061; color: #fff; } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-outlined.is-loading::after { border-color: transparent transparent #606061 #606061 !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { background-color: transparent; border-color: #606061; -webkit-box-shadow: none; box-shadow: none; color: #606061; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { background-color: #fff; color: #606061; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #606061 #606061 !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; color: #fff; } /* line 214, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-light { background-color: whitesmoke; color: #7a7a7b; } /* line 217, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { background-color: #eeeeef; border-color: transparent; color: #7a7a7b; } /* line 222, src/assets/sass/sass/elements/button.sass */ .button.is-primary.is-light:active, .button.is-primary.is-light.is-active { background-color: #e8e8e8; border-color: transparent; color: #7a7a7b; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-link { background-color: #3273dc; border-color: transparent; color: #fff; } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-link:hover, .button.is-link.is-hovered { background-color: #276cda; border-color: transparent; color: #fff; } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-link:focus, .button.is-link.is-focused { border-color: transparent; color: #fff; } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-link:active, .button.is-link.is-active { background-color: #2366d1; border-color: transparent; color: #fff; } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-link[disabled], fieldset[disabled] .button.is-link { background-color: #3273dc; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-inverted { background-color: #fff; color: #3273dc; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { background-color: #f2f2f2; } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { background-color: #fff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #3273dc; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-loading::after { border-color: transparent transparent #fff #fff !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-outlined { background-color: transparent; border-color: #3273dc; color: #3273dc; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { background-color: #3273dc; border-color: #3273dc; color: #fff; } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-outlined.is-loading::after { border-color: transparent transparent #3273dc #3273dc !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { background-color: transparent; border-color: #3273dc; -webkit-box-shadow: none; box-shadow: none; color: #3273dc; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { background-color: #fff; color: #3273dc; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #3273dc #3273dc !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; color: #fff; } /* line 214, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-light { background-color: #eef3fc; color: #2160c4; } /* line 217, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { background-color: #e3ecfa; border-color: transparent; color: #2160c4; } /* line 222, src/assets/sass/sass/elements/button.sass */ .button.is-link.is-light:active, .button.is-link.is-light.is-active { background-color: #d8e4f8; border-color: transparent; color: #2160c4; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-info { background-color: #039BE5; border-color: transparent; color: #fff; } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-info:hover, .button.is-info.is-hovered { background-color: #0392d8; border-color: transparent; color: #fff; } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-info:focus, .button.is-info.is-focused { border-color: transparent; color: #fff; } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25); box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-info:active, .button.is-info.is-active { background-color: #038acc; border-color: transparent; color: #fff; } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-info[disabled], fieldset[disabled] .button.is-info { background-color: #039BE5; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-inverted { background-color: #fff; color: #039BE5; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { background-color: #f2f2f2; } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { background-color: #fff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #039BE5; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-loading::after { border-color: transparent transparent #fff #fff !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-outlined { background-color: transparent; border-color: #039BE5; color: #039BE5; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused { background-color: #039BE5; border-color: #039BE5; color: #fff; } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-outlined.is-loading::after { border-color: transparent transparent #039BE5 #039BE5 !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { background-color: transparent; border-color: #039BE5; -webkit-box-shadow: none; box-shadow: none; color: #039BE5; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { background-color: #fff; color: #039BE5; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #039BE5 #039BE5 !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; color: #fff; } /* line 214, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-light { background-color: #ebf8ff; color: #0385c4; } /* line 217, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { background-color: #def4ff; border-color: transparent; color: #0385c4; } /* line 222, src/assets/sass/sass/elements/button.sass */ .button.is-info.is-light:active, .button.is-info.is-light.is-active { background-color: #d2f0fe; border-color: transparent; color: #0385c4; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-success { background-color: #06d6a0; border-color: transparent; color: #fff; } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-success:hover, .button.is-success.is-hovered { background-color: #06ca97; border-color: transparent; color: #fff; } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-success:focus, .button.is-success.is-focused { border-color: transparent; color: #fff; } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(6, 214, 160, 0.25); box-shadow: 0 0 0 0.125em rgba(6, 214, 160, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-success:active, .button.is-success.is-active { background-color: #05bd8d; border-color: transparent; color: #fff; } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-success[disabled], fieldset[disabled] .button.is-success { background-color: #06d6a0; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-inverted { background-color: #fff; color: #06d6a0; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { background-color: #f2f2f2; } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { background-color: #fff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #06d6a0; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-loading::after { border-color: transparent transparent #fff #fff !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-outlined { background-color: transparent; border-color: #06d6a0; color: #06d6a0; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused { background-color: #06d6a0; border-color: #06d6a0; color: #fff; } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-outlined.is-loading::after { border-color: transparent transparent #06d6a0 #06d6a0 !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { background-color: transparent; border-color: #06d6a0; -webkit-box-shadow: none; box-shadow: none; color: #06d6a0; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { background-color: #fff; color: #06d6a0; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #06d6a0 #06d6a0 !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; color: #fff; } /* line 214, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-light { background-color: #ebfef9; color: #04906c; } /* line 217, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { background-color: #dffef6; border-color: transparent; color: #04906c; } /* line 222, src/assets/sass/sass/elements/button.sass */ .button.is-success.is-light:active, .button.is-success.is-light.is-active { background-color: #d2fef2; border-color: transparent; color: #04906c; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-warning { background-color: #faae42; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-warning:hover, .button.is-warning.is-hovered { background-color: #faa936; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-warning:focus, .button.is-warning.is-focused { border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(250, 174, 66, 0.25); box-shadow: 0 0 0 0.125em rgba(250, 174, 66, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-warning:active, .button.is-warning.is-active { background-color: #f9a329; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-warning[disabled], fieldset[disabled] .button.is-warning { background-color: #faae42; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: #faae42; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { background-color: rgba(0, 0, 0, 0.7); } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #faae42; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-outlined { background-color: transparent; border-color: #faae42; color: #faae42; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { background-color: #faae42; border-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-outlined.is-loading::after { border-color: transparent transparent #faae42 #faae42 !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { background-color: transparent; border-color: #faae42; -webkit-box-shadow: none; box-shadow: none; color: #faae42; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { background-color: rgba(0, 0, 0, 0.7); color: #faae42; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #faae42 #faae42 !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); -webkit-box-shadow: none; box-shadow: none; color: rgba(0, 0, 0, 0.7); } /* line 214, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-light { background-color: #fef6eb; color: #905604; } /* line 217, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered { background-color: #fef1df; border-color: transparent; color: #905604; } /* line 222, src/assets/sass/sass/elements/button.sass */ .button.is-warning.is-light:active, .button.is-warning.is-light.is-active { background-color: #feecd2; border-color: transparent; color: #905604; } /* line 121, src/assets/sass/sass/elements/button.sass */ .button.is-danger { background-color: #e62965; border-color: transparent; color: #fff; } /* line 125, src/assets/sass/sass/elements/button.sass */ .button.is-danger:hover, .button.is-danger.is-hovered { background-color: #e51e5d; border-color: transparent; color: #fff; } /* line 130, src/assets/sass/sass/elements/button.sass */ .button.is-danger:focus, .button.is-danger.is-focused { border-color: transparent; color: #fff; } /* line 134, src/assets/sass/sass/elements/button.sass */ .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(230, 41, 101, 0.25); box-shadow: 0 0 0 0.125em rgba(230, 41, 101, 0.25); } /* line 136, src/assets/sass/sass/elements/button.sass */ .button.is-danger:active, .button.is-danger.is-active { background-color: #dc1a57; border-color: transparent; color: #fff; } /* line 141, src/assets/sass/sass/elements/button.sass */ .button.is-danger[disabled], fieldset[disabled] .button.is-danger { background-color: #e62965; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* line 146, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-inverted { background-color: #fff; color: #e62965; } /* line 149, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { background-color: #f2f2f2; } /* line 152, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { background-color: #fff; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #e62965; } /* line 159, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-loading::after { border-color: transparent transparent #fff #fff !important; } /* line 161, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-outlined { background-color: transparent; border-color: #e62965; color: #e62965; } /* line 165, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused { background-color: #e62965; border-color: #e62965; color: #fff; } /* line 173, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-outlined.is-loading::after { border-color: transparent transparent #e62965 #e62965 !important; } /* line 179, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; } /* line 181, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { background-color: transparent; border-color: #e62965; -webkit-box-shadow: none; box-shadow: none; color: #e62965; } /* line 187, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } /* line 191, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { background-color: #fff; color: #e62965; } /* line 202, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #e62965 #e62965 !important; } /* line 204, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; color: #fff; } /* line 214, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-light { background-color: #fdedf2; color: #d21953; } /* line 217, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { background-color: #fce1ea; border-color: transparent; color: #d21953; } /* line 222, src/assets/sass/sass/elements/button.sass */ .button.is-danger.is-light:active, .button.is-danger.is-light.is-active { background-color: #fad6e1; border-color: transparent; color: #d21953; } /* line 228, src/assets/sass/sass/elements/button.sass */ .button.is-small { border-radius: 2px; font-size: 0.75rem; } /* line 230, src/assets/sass/sass/elements/button.sass */ .button.is-normal { font-size: 1rem; } /* line 232, src/assets/sass/sass/elements/button.sass */ .button.is-medium { font-size: 1.25rem; } /* line 234, src/assets/sass/sass/elements/button.sass */ .button.is-large { font-size: 1.5rem; } /* line 237, src/assets/sass/sass/elements/button.sass */ .button[disabled], fieldset[disabled] .button { background-color: #ffffff; border-color: #dbdbdb; -webkit-box-shadow: none; box-shadow: none; opacity: 0.5; } /* line 243, src/assets/sass/sass/elements/button.sass */ .button.is-fullwidth { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } /* line 246, src/assets/sass/sass/elements/button.sass */ .button.is-loading { color: transparent !important; pointer-events: none; } /* line 249, src/assets/sass/sass/elements/button.sass */ .button.is-loading::after { position: absolute; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); position: absolute !important; } /* line 253, src/assets/sass/sass/elements/button.sass */ .button.is-static { background-color: whitesmoke; border-color: #dbdbdb; color: #7a7a7a; -webkit-box-shadow: none; box-shadow: none; pointer-events: none; } /* line 259, src/assets/sass/sass/elements/button.sass */ .button.is-rounded { border-radius: 290486px; padding-left: calc(1em + 0.25em); padding-right: calc(1em + 0.25em); } /* line 264, src/assets/sass/sass/elements/button.sass */ .buttons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* line 269, src/assets/sass/sass/elements/button.sass */ .buttons .button { margin-bottom: 0.5rem; } /* line 271, src/assets/sass/sass/elements/button.sass */ .buttons .button:not(:last-child):not(.is-fullwidth) { margin-right: 0.5rem; } /* line 273, src/assets/sass/sass/elements/button.sass */ .buttons:last-child { margin-bottom: -0.5rem; } /* line 275, src/assets/sass/sass/elements/button.sass */ .buttons:not(:last-child) { margin-bottom: 1rem; } /* line 279, src/assets/sass/sass/elements/button.sass */ .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { border-radius: 2px; font-size: 0.75rem; } /* line 282, src/assets/sass/sass/elements/button.sass */ .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 1.25rem; } /* line 285, src/assets/sass/sass/elements/button.sass */ .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { font-size: 1.5rem; } /* line 289, src/assets/sass/sass/elements/button.sass */ .buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } /* line 292, src/assets/sass/sass/elements/button.sass */ .buttons.has-addons .button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px; } /* line 296, src/assets/sass/sass/elements/button.sass */ .buttons.has-addons .button:last-child { margin-right: 0; } /* line 298, src/assets/sass/sass/elements/button.sass */ .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { z-index: 2; } /* line 301, src/assets/sass/sass/elements/button.sass */ .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { z-index: 3; } /* line 307, src/assets/sass/sass/elements/button.sass */ .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { z-index: 4; } /* line 309, src/assets/sass/sass/elements/button.sass */ .buttons.has-addons .button.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* line 312, src/assets/sass/sass/elements/button.sass */ .buttons.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 315, src/assets/sass/sass/elements/button.sass */ .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } /* line 318, src/assets/sass/sass/elements/button.sass */ .buttons.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 321, src/assets/sass/sass/elements/button.sass */ .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } /* line 3, src/assets/sass/sass/elements/container.sass */ .container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 auto; position: relative; width: auto; } /* line 8, src/assets/sass/sass/elements/container.sass */ .container.is-fluid { max-width: none; padding-left: 32px; padding-right: 32px; width: 100%; } @media screen and (min-width: 1024px) { /* line 3, src/assets/sass/sass/elements/container.sass */ .container { max-width: 960px; } } @media screen and (max-width: 1215px) { /* line 16, src/assets/sass/sass/elements/container.sass */ .container.is-widescreen { max-width: 1152px; } } @media screen and (max-width: 1407px) { /* line 19, src/assets/sass/sass/elements/container.sass */ .container.is-fullhd { max-width: 1344px; } } @media screen and (min-width: 1216px) { /* line 3, src/assets/sass/sass/elements/container.sass */ .container { max-width: 1152px; } } @media screen and (min-width: 1408px) { /* line 3, src/assets/sass/sass/elements/container.sass */ .container { max-width: 1344px; } } /* line 23, src/assets/sass/sass/elements/content.sass */ .content li + li { margin-top: 0.25em; } /* line 33, src/assets/sass/sass/elements/content.sass */ .content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) { margin-bottom: 1em; } /* line 35, src/assets/sass/sass/elements/content.sass */ .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #363636; font-weight: 600; line-height: 1.125; } /* line 44, src/assets/sass/sass/elements/content.sass */ .content h1 { font-size: 2em; margin-bottom: 0.5em; } /* line 47, src/assets/sass/sass/elements/content.sass */ .content h1:not(:first-child) { margin-top: 1em; } /* line 49, src/assets/sass/sass/elements/content.sass */ .content h2 { font-size: 1.75em; margin-bottom: 0.5714em; } /* line 52, src/assets/sass/sass/elements/content.sass */ .content h2:not(:first-child) { margin-top: 1.1428em; } /* line 54, src/assets/sass/sass/elements/content.sass */ .content h3 { font-size: 1.5em; margin-bottom: 0.6666em; } /* line 57, src/assets/sass/sass/elements/content.sass */ .content h3:not(:first-child) { margin-top: 1.3333em; } /* line 59, src/assets/sass/sass/elements/content.sass */ .content h4 { font-size: 1.25em; margin-bottom: 0.8em; } /* line 62, src/assets/sass/sass/elements/content.sass */ .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; } /* line 65, src/assets/sass/sass/elements/content.sass */ .content h6 { font-size: 1em; margin-bottom: 1em; } /* line 68, src/assets/sass/sass/elements/content.sass */ .content blockquote { background-color: whitesmoke; border-left: 5px solid #dbdbdb; padding: 1.25em 1.5em; } /* line 72, src/assets/sass/sass/elements/content.sass */ .content ol { list-style-position: outside; margin-left: 2em; margin-top: 1em; } /* line 76, src/assets/sass/sass/elements/content.sass */ .content ol:not([type]) { list-style-type: decimal; } /* line 78, src/assets/sass/sass/elements/content.sass */ .content ol:not([type]).is-lower-alpha { list-style-type: lower-alpha; } /* line 80, src/assets/sass/sass/elements/content.sass */ .content ol:not([type]).is-lower-roman { list-style-type: lower-roman; } /* line 82, src/assets/sass/sass/elements/content.sass */ .content ol:not([type]).is-upper-alpha { list-style-type: upper-alpha; } /* line 84, src/assets/sass/sass/elements/content.sass */ .content ol:not([type]).is-upper-roman { list-style-type: upper-roman; } /* line 86, src/assets/sass/sass/elements/content.sass */ .content ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; } /* line 90, src/assets/sass/sass/elements/content.sass */ .content ul ul { list-style-type: circle; margin-top: 0.5em; } /* line 93, src/assets/sass/sass/elements/content.sass */ .content ul ul ul { list-style-type: square; } /* line 95, src/assets/sass/sass/elements/content.sass */ .content dd { margin-left: 2em; } /* line 97, src/assets/sass/sass/elements/content.sass */ .content figure { margin-left: 2em; margin-right: 2em; text-align: center; } /* line 101, src/assets/sass/sass/elements/content.sass */ .content figure:not(:first-child) { margin-top: 2em; } /* line 103, src/assets/sass/sass/elements/content.sass */ .content figure:not(:last-child) { margin-bottom: 2em; } /* line 105, src/assets/sass/sass/elements/content.sass */ .content figure img { display: inline-block; } /* line 107, src/assets/sass/sass/elements/content.sass */ .content figure figcaption { font-style: italic; } /* line 109, src/assets/sass/sass/elements/content.sass */ .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } /* line 115, src/assets/sass/sass/elements/content.sass */ .content sup, .content sub { font-size: 75%; } /* line 118, src/assets/sass/sass/elements/content.sass */ .content table { width: 100%; } /* line 120, src/assets/sass/sass/elements/content.sass */ .content table td, .content table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } /* line 126, src/assets/sass/sass/elements/content.sass */ .content table th { color: #363636; } /* line 128, src/assets/sass/sass/elements/content.sass */ .content table th:not([align]) { text-align: inherit; } /* line 131, src/assets/sass/sass/elements/content.sass */ .content table thead td, .content table thead th { border-width: 0 0 2px; color: #363636; } /* line 136, src/assets/sass/sass/elements/content.sass */ .content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: #363636; } /* line 143, src/assets/sass/sass/elements/content.sass */ .content table tbody tr:last-child td, .content table tbody tr:last-child th { border-bottom-width: 0; } /* line 147, src/assets/sass/sass/elements/content.sass */ .content .tabs li + li { margin-top: 0; } /* line 150, src/assets/sass/sass/elements/content.sass */ .content.is-small { font-size: 0.75rem; } /* line 152, src/assets/sass/sass/elements/content.sass */ .content.is-medium { font-size: 1.25rem; } /* line 154, src/assets/sass/sass/elements/content.sass */ .content.is-large { font-size: 1.5rem; } /* line 6, src/assets/sass/sass/elements/icon.sass */ .icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 1.5rem; width: 1.5rem; } /* line 13, src/assets/sass/sass/elements/icon.sass */ .icon.is-small { height: 1rem; width: 1rem; } /* line 16, src/assets/sass/sass/elements/icon.sass */ .icon.is-medium { height: 2rem; width: 2rem; } /* line 19, src/assets/sass/sass/elements/icon.sass */ .icon.is-large { height: 3rem; width: 3rem; } /* line 3, src/assets/sass/sass/elements/image.sass */ .image { display: block; position: relative; } /* line 6, src/assets/sass/sass/elements/image.sass */ .image img { display: block; height: auto; width: 100%; } /* line 10, src/assets/sass/sass/elements/image.sass */ .image img.is-rounded { border-radius: 290486px; } /* line 12, src/assets/sass/sass/elements/image.sass */ .image.is-fullwidth { width: 100%; } /* line 31, src/assets/sass/sass/elements/image.sass */ .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio { height: 100%; width: 100%; } /* line 36, src/assets/sass/sass/elements/image.sass */ .image.is-square, .image.is-1by1 { padding-top: 100%; } /* line 39, src/assets/sass/sass/elements/image.sass */ .image.is-5by4 { padding-top: 80%; } /* line 41, src/assets/sass/sass/elements/image.sass */ .image.is-4by3 { padding-top: 75%; } /* line 43, src/assets/sass/sass/elements/image.sass */ .image.is-3by2 { padding-top: 66.6666%; } /* line 45, src/assets/sass/sass/elements/image.sass */ .image.is-5by3 { padding-top: 60%; } /* line 47, src/assets/sass/sass/elements/image.sass */ .image.is-16by9 { padding-top: 56.25%; } /* line 49, src/assets/sass/sass/elements/image.sass */ .image.is-2by1 { padding-top: 50%; } /* line 51, src/assets/sass/sass/elements/image.sass */ .image.is-3by1 { padding-top: 33.3333%; } /* line 53, src/assets/sass/sass/elements/image.sass */ .image.is-4by5 { padding-top: 125%; } /* line 55, src/assets/sass/sass/elements/image.sass */ .image.is-3by4 { padding-top: 133.3333%; } /* line 57, src/assets/sass/sass/elements/image.sass */ .image.is-2by3 { padding-top: 150%; } /* line 59, src/assets/sass/sass/elements/image.sass */ .image.is-3by5 { padding-top: 166.6666%; } /* line 61, src/assets/sass/sass/elements/image.sass */ .image.is-9by16 { padding-top: 177.7777%; } /* line 63, src/assets/sass/sass/elements/image.sass */ .image.is-1by2 { padding-top: 200%; } /* line 65, src/assets/sass/sass/elements/image.sass */ .image.is-1by3 { padding-top: 300%; } /* line 69, src/assets/sass/sass/elements/image.sass */ .image.is-16x16 { height: 16px; width: 16px; } /* line 69, src/assets/sass/sass/elements/image.sass */ .image.is-24x24 { height: 24px; width: 24px; } /* line 69, src/assets/sass/sass/elements/image.sass */ .image.is-32x32 { height: 32px; width: 32px; } /* line 69, src/assets/sass/sass/elements/image.sass */ .image.is-48x48 { height: 48px; width: 48px; } /* line 69, src/assets/sass/sass/elements/image.sass */ .image.is-64x64 { height: 64px; width: 64px; } /* line 69, src/assets/sass/sass/elements/image.sass */ .image.is-96x96 { height: 96px; width: 96px; } /* line 69, src/assets/sass/sass/elements/image.sass */ .image.is-128x128 { height: 128px; width: 128px; } /* line 8, src/assets/sass/sass/elements/notification.sass */ .notification { background-color: whitesmoke; border-radius: 4px; position: relative; padding: 1.25rem 2.5rem 1.25rem 1.5rem; } /* line 17, src/assets/sass/sass/elements/notification.sass */ .notification a:not(.button):not(.dropdown-item) { color: currentColor; text-decoration: underline; } /* line 20, src/assets/sass/sass/elements/notification.sass */ .notification strong { color: currentColor; } /* line 22, src/assets/sass/sass/elements/notification.sass */ .notification code, .notification pre { background: #ffffff; } /* line 25, src/assets/sass/sass/elements/notification.sass */ .notification pre code { background: transparent; } /* line 27, src/assets/sass/sass/elements/notification.sass */ .notification > .delete { right: 0.5rem; position: absolute; top: 0.5rem; } /* line 31, src/assets/sass/sass/elements/notification.sass */ .notification .title, .notification .subtitle, .notification .content { color: currentColor; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-white { background-color: #ffffff; color: #0a0a0a; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-black { background-color: #0a0a0a; color: #ffffff; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-dark { background-color: #363636; color: #fff; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-primary { background-color: #606061; color: #fff; } /* line 46, src/assets/sass/sass/elements/notification.sass */ .notification.is-primary.is-light { background-color: whitesmoke; color: #7a7a7b; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-link { background-color: #3273dc; color: #fff; } /* line 46, src/assets/sass/sass/elements/notification.sass */ .notification.is-link.is-light { background-color: #eef3fc; color: #2160c4; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-info { background-color: #039BE5; color: #fff; } /* line 46, src/assets/sass/sass/elements/notification.sass */ .notification.is-info.is-light { background-color: #ebf8ff; color: #0385c4; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-success { background-color: #06d6a0; color: #fff; } /* line 46, src/assets/sass/sass/elements/notification.sass */ .notification.is-success.is-light { background-color: #ebfef9; color: #04906c; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-warning { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 46, src/assets/sass/sass/elements/notification.sass */ .notification.is-warning.is-light { background-color: #fef6eb; color: #905604; } /* line 39, src/assets/sass/sass/elements/notification.sass */ .notification.is-danger { background-color: #e62965; color: #fff; } /* line 46, src/assets/sass/sass/elements/notification.sass */ .notification.is-danger.is-light { background-color: #fdedf2; color: #d21953; } /* line 7, src/assets/sass/sass/elements/progress.sass */ .progress { -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 290486px; display: block; height: 1rem; overflow: hidden; padding: 0; width: 100%; } /* line 18, src/assets/sass/sass/elements/progress.sass */ .progress::-webkit-progress-bar { background-color: #ededed; } /* line 20, src/assets/sass/sass/elements/progress.sass */ .progress::-webkit-progress-value { background-color: #4a4a4a; } /* line 22, src/assets/sass/sass/elements/progress.sass */ .progress::-moz-progress-bar { background-color: #4a4a4a; } /* line 24, src/assets/sass/sass/elements/progress.sass */ .progress::-ms-fill { background-color: #4a4a4a; border: none; } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-white::-webkit-progress-value { background-color: #ffffff; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-white::-moz-progress-bar { background-color: #ffffff; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-white::-ms-fill { background-color: #ffffff; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-white:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffffff), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #ffffff 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-black::-webkit-progress-value { background-color: #0a0a0a; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-black::-moz-progress-bar { background-color: #0a0a0a; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-black::-ms-fill { background-color: #0a0a0a; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-black:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #0a0a0a), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-light::-webkit-progress-value { background-color: whitesmoke; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-light::-moz-progress-bar { background-color: whitesmoke; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-light::-ms-fill { background-color: whitesmoke; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-light:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, whitesmoke), color-stop(30%, #ededed)); background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-dark::-webkit-progress-value { background-color: #363636; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-dark::-moz-progress-bar { background-color: #363636; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-dark::-ms-fill { background-color: #363636; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-dark:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #363636), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #363636 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-primary::-webkit-progress-value { background-color: #606061; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-primary::-moz-progress-bar { background-color: #606061; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-primary::-ms-fill { background-color: #606061; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-primary:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #606061), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #606061 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-link::-webkit-progress-value { background-color: #3273dc; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-link::-moz-progress-bar { background-color: #3273dc; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-link::-ms-fill { background-color: #3273dc; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-link:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #3273dc), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-info::-webkit-progress-value { background-color: #039BE5; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-info::-moz-progress-bar { background-color: #039BE5; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-info::-ms-fill { background-color: #039BE5; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-info:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #039BE5), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #039BE5 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-success::-webkit-progress-value { background-color: #06d6a0; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-success::-moz-progress-bar { background-color: #06d6a0; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-success::-ms-fill { background-color: #06d6a0; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-success:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #06d6a0), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #06d6a0 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-warning::-webkit-progress-value { background-color: #faae42; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-warning::-moz-progress-bar { background-color: #faae42; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-warning::-ms-fill { background-color: #faae42; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-warning:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #faae42), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #faae42 30%, #ededed 30%); } /* line 31, src/assets/sass/sass/elements/progress.sass */ .progress.is-danger::-webkit-progress-value { background-color: #e62965; } /* line 33, src/assets/sass/sass/elements/progress.sass */ .progress.is-danger::-moz-progress-bar { background-color: #e62965; } /* line 35, src/assets/sass/sass/elements/progress.sass */ .progress.is-danger::-ms-fill { background-color: #e62965; } /* line 37, src/assets/sass/sass/elements/progress.sass */ .progress.is-danger:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #e62965), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #e62965 30%, #ededed 30%); } /* line 40, src/assets/sass/sass/elements/progress.sass */ .progress:indeterminate { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: moveIndeterminate; animation-name: moveIndeterminate; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-color: #ededed; background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4a4a4a), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%); background-position: top left; background-repeat: no-repeat; background-size: 150% 150%; } /* line 50, src/assets/sass/sass/elements/progress.sass */ .progress:indeterminate::-webkit-progress-bar { background-color: transparent; } /* line 52, src/assets/sass/sass/elements/progress.sass */ .progress:indeterminate::-moz-progress-bar { background-color: transparent; } /* line 56, src/assets/sass/sass/elements/progress.sass */ .progress.is-small { height: 0.75rem; } /* line 58, src/assets/sass/sass/elements/progress.sass */ .progress.is-medium { height: 1.25rem; } /* line 60, src/assets/sass/sass/elements/progress.sass */ .progress.is-large { height: 1.5rem; } @-webkit-keyframes moveIndeterminate { from { background-position: 200% 0; } to { background-position: -200% 0; } } @keyframes moveIndeterminate { from { background-position: 200% 0; } to { background-position: -200% 0; } } /* line 26, src/assets/sass/sass/elements/table.sass */ .table { background-color: #ffffff; color: #363636; } /* line 30, src/assets/sass/sass/elements/table.sass */ .table td, .table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-white, .table th.is-white { background-color: #ffffff; border-color: #ffffff; color: #0a0a0a; } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-black, .table th.is-black { background-color: #0a0a0a; border-color: #0a0a0a; color: #ffffff; } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-light, .table th.is-light { background-color: whitesmoke; border-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-dark, .table th.is-dark { background-color: #363636; border-color: #363636; color: #fff; } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-primary, .table th.is-primary { background-color: #606061; border-color: #606061; color: #fff; } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-link, .table th.is-link { background-color: #3273dc; border-color: #3273dc; color: #fff; } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-info, .table th.is-info { background-color: #039BE5; border-color: #039BE5; color: #fff; } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-success, .table th.is-success { background-color: #06d6a0; border-color: #06d6a0; color: #fff; } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-warning, .table th.is-warning { background-color: #faae42; border-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 40, src/assets/sass/sass/elements/table.sass */ .table td.is-danger, .table th.is-danger { background-color: #e62965; border-color: #e62965; color: #fff; } /* line 45, src/assets/sass/sass/elements/table.sass */ .table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; } /* line 48, src/assets/sass/sass/elements/table.sass */ .table td.is-selected, .table th.is-selected { background-color: #606061; color: #fff; } /* line 51, src/assets/sass/sass/elements/table.sass */ .table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong { color: currentColor; } /* line 54, src/assets/sass/sass/elements/table.sass */ .table td.is-vcentered, .table th.is-vcentered { vertical-align: middle; } /* line 56, src/assets/sass/sass/elements/table.sass */ .table th { color: #363636; } /* line 58, src/assets/sass/sass/elements/table.sass */ .table th:not([align]) { text-align: inherit; } /* line 61, src/assets/sass/sass/elements/table.sass */ .table tr.is-selected { background-color: #606061; color: #fff; } /* line 64, src/assets/sass/sass/elements/table.sass */ .table tr.is-selected a, .table tr.is-selected strong { color: currentColor; } /* line 67, src/assets/sass/sass/elements/table.sass */ .table tr.is-selected td, .table tr.is-selected th { border-color: #fff; color: currentColor; } /* line 71, src/assets/sass/sass/elements/table.sass */ .table thead { background-color: transparent; } /* line 73, src/assets/sass/sass/elements/table.sass */ .table thead td, .table thead th { border-width: 0 0 2px; color: #363636; } /* line 77, src/assets/sass/sass/elements/table.sass */ .table tfoot { background-color: transparent; } /* line 79, src/assets/sass/sass/elements/table.sass */ .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: #363636; } /* line 83, src/assets/sass/sass/elements/table.sass */ .table tbody { background-color: transparent; } /* line 87, src/assets/sass/sass/elements/table.sass */ .table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0; } /* line 92, src/assets/sass/sass/elements/table.sass */ .table.is-bordered td, .table.is-bordered th { border-width: 1px; } /* line 97, src/assets/sass/sass/elements/table.sass */ .table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th { border-bottom-width: 1px; } /* line 100, src/assets/sass/sass/elements/table.sass */ .table.is-fullwidth { width: 100%; } /* line 105, src/assets/sass/sass/elements/table.sass */ .table.is-hoverable tbody tr:not(.is-selected):hover { background-color: #fafafa; } /* line 110, src/assets/sass/sass/elements/table.sass */ .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: #fafafa; } /* line 112, src/assets/sass/sass/elements/table.sass */ .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { background-color: whitesmoke; } /* line 115, src/assets/sass/sass/elements/table.sass */ .table.is-narrow td, .table.is-narrow th { padding: 0.25em 0.5em; } /* line 121, src/assets/sass/sass/elements/table.sass */ .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #fafafa; } /* line 124, src/assets/sass/sass/elements/table.sass */ .table-container { -webkit-overflow-scrolling: touch; overflow: auto; overflow-y: hidden; max-width: 100%; } /* line 6, src/assets/sass/sass/elements/tag.sass */ .tags { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* line 11, src/assets/sass/sass/elements/tag.sass */ .tags .tag { margin-bottom: 0.5rem; } /* line 13, src/assets/sass/sass/elements/tag.sass */ .tags .tag:not(:last-child) { margin-right: 0.5rem; } /* line 15, src/assets/sass/sass/elements/tag.sass */ .tags:last-child { margin-bottom: -0.5rem; } /* line 17, src/assets/sass/sass/elements/tag.sass */ .tags:not(:last-child) { margin-bottom: 1rem; } /* line 21, src/assets/sass/sass/elements/tag.sass */ .tags.are-medium .tag:not(.is-normal):not(.is-large) { font-size: 1rem; } /* line 24, src/assets/sass/sass/elements/tag.sass */ .tags.are-large .tag:not(.is-normal):not(.is-medium) { font-size: 1.25rem; } /* line 26, src/assets/sass/sass/elements/tag.sass */ .tags.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 28, src/assets/sass/sass/elements/tag.sass */ .tags.is-centered .tag { margin-right: 0.25rem; margin-left: 0.25rem; } /* line 31, src/assets/sass/sass/elements/tag.sass */ .tags.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 34, src/assets/sass/sass/elements/tag.sass */ .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; } /* line 36, src/assets/sass/sass/elements/tag.sass */ .tags.is-right .tag:not(:last-child) { margin-right: 0; } /* line 39, src/assets/sass/sass/elements/tag.sass */ .tags.has-addons .tag { margin-right: 0; } /* line 41, src/assets/sass/sass/elements/tag.sass */ .tags.has-addons .tag:not(:first-child) { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } /* line 49, src/assets/sass/sass/elements/tag.sass */ .tags.has-addons .tag:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* line 57, src/assets/sass/sass/elements/tag.sass */ .tag:not(body) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: whitesmoke; border-radius: 4px; color: #4a4a4a; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.75rem; height: 2em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } /* line 70, src/assets/sass/sass/elements/tag.sass */ .tag:not(body) .delete { margin-left: 0.25rem; margin-right: -0.375rem; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-white { background-color: #ffffff; color: #0a0a0a; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-black { background-color: #0a0a0a; color: #ffffff; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-dark { background-color: #363636; color: #fff; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-primary { background-color: #606061; color: #fff; } /* line 84, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-primary.is-light { background-color: whitesmoke; color: #7a7a7b; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-link { background-color: #3273dc; color: #fff; } /* line 84, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-link.is-light { background-color: #eef3fc; color: #2160c4; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-info { background-color: #039BE5; color: #fff; } /* line 84, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-info.is-light { background-color: #ebf8ff; color: #0385c4; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-success { background-color: #06d6a0; color: #fff; } /* line 84, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-success.is-light { background-color: #ebfef9; color: #04906c; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-warning { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 84, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-warning.is-light { background-color: #fef6eb; color: #905604; } /* line 77, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-danger { background-color: #e62965; color: #fff; } /* line 84, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-danger.is-light { background-color: #fdedf2; color: #d21953; } /* line 88, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-normal { font-size: 0.75rem; } /* line 90, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-medium { font-size: 1rem; } /* line 92, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-large { font-size: 1.25rem; } /* line 95, src/assets/sass/sass/elements/tag.sass */ .tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em; margin-right: 0.1875em; } /* line 98, src/assets/sass/sass/elements/tag.sass */ .tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: -0.375em; } /* line 101, src/assets/sass/sass/elements/tag.sass */ .tag:not(body) .icon:first-child:last-child { margin-left: -0.375em; margin-right: -0.375em; } /* line 105, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-delete { margin-left: 1px; padding: 0; position: relative; width: 2em; } /* line 110, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { background-color: currentColor; content: ""; display: block; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } /* line 120, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-delete::before { height: 1px; width: 50%; } /* line 123, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-delete::after { height: 50%; width: 1px; } /* line 126, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { background-color: #e8e8e8; } /* line 129, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-delete:active { background-color: #dbdbdb; } /* line 131, src/assets/sass/sass/elements/tag.sass */ .tag:not(body).is-rounded { border-radius: 290486px; } /* line 135, src/assets/sass/sass/elements/tag.sass */ a.tag:hover { text-decoration: underline; } /* line 20, src/assets/sass/sass/elements/title.sass */ .title, .subtitle { word-break: normal; } /* line 24, src/assets/sass/sass/elements/title.sass */ .title em, .title span, .subtitle em, .subtitle span { font-weight: inherit; } /* line 27, src/assets/sass/sass/elements/title.sass */ .title sub, .subtitle sub { font-size: 0.75em; } /* line 29, src/assets/sass/sass/elements/title.sass */ .title sup, .subtitle sup { font-size: 0.75em; } /* line 31, src/assets/sass/sass/elements/title.sass */ .title .tag, .subtitle .tag { vertical-align: middle; } /* line 34, src/assets/sass/sass/elements/title.sass */ .title { color: #363636; font-size: 2rem; font-weight: 600; line-height: 1.125; } /* line 41, src/assets/sass/sass/elements/title.sass */ .title strong { color: inherit; font-weight: inherit; } /* line 44, src/assets/sass/sass/elements/title.sass */ .title + .highlight { margin-top: -0.75rem; } /* line 46, src/assets/sass/sass/elements/title.sass */ .title:not(.is-spaced) + .subtitle { margin-top: -1.25rem; } /* line 51, src/assets/sass/sass/elements/title.sass */ .title.is-1 { font-size: 3rem; } /* line 51, src/assets/sass/sass/elements/title.sass */ .title.is-2 { font-size: 2.5rem; } /* line 51, src/assets/sass/sass/elements/title.sass */ .title.is-3 { font-size: 2rem; } /* line 51, src/assets/sass/sass/elements/title.sass */ .title.is-4 { font-size: 1.5rem; } /* line 51, src/assets/sass/sass/elements/title.sass */ .title.is-5 { font-size: 1.25rem; } /* line 51, src/assets/sass/sass/elements/title.sass */ .title.is-6 { font-size: 1rem; } /* line 51, src/assets/sass/sass/elements/title.sass */ .title.is-7 { font-size: 0.75rem; } /* line 54, src/assets/sass/sass/elements/title.sass */ .subtitle { color: #4a4a4a; font-size: 1.25rem; font-weight: 400; line-height: 1.25; } /* line 61, src/assets/sass/sass/elements/title.sass */ .subtitle strong { color: #363636; font-weight: 600; } /* line 64, src/assets/sass/sass/elements/title.sass */ .subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; } /* line 69, src/assets/sass/sass/elements/title.sass */ .subtitle.is-1 { font-size: 3rem; } /* line 69, src/assets/sass/sass/elements/title.sass */ .subtitle.is-2 { font-size: 2.5rem; } /* line 69, src/assets/sass/sass/elements/title.sass */ .subtitle.is-3 { font-size: 2rem; } /* line 69, src/assets/sass/sass/elements/title.sass */ .subtitle.is-4 { font-size: 1.5rem; } /* line 69, src/assets/sass/sass/elements/title.sass */ .subtitle.is-5 { font-size: 1.25rem; } /* line 69, src/assets/sass/sass/elements/title.sass */ .subtitle.is-6 { font-size: 1rem; } /* line 69, src/assets/sass/sass/elements/title.sass */ .subtitle.is-7 { font-size: 0.75rem; } /* line 7, src/assets/sass/sass/elements/other.sass */ .heading { display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } /* line 14, src/assets/sass/sass/elements/other.sass */ .highlight { font-weight: 400; max-width: 100%; overflow: hidden; padding: 0; } /* line 20, src/assets/sass/sass/elements/other.sass */ .highlight pre { overflow: auto; max-width: 100%; } /* line 27, src/assets/sass/sass/elements/other.sass */ .number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: whitesmoke; border-radius: 290486px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 1.25rem; height: 2em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; text-align: center; vertical-align: top; } /* line 54, src/assets/sass/sass/form/shared.sass */ .input, .textarea, .select select { background-color: #ffffff; border-color: #dbdbdb; border-radius: 4px; color: #363636; } /* line 68, src/assets/sass/sass/utilities/mixins.sass */ .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } /* line 68, src/assets/sass/sass/utilities/mixins.sass */ .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); } /* line 68, src/assets/sass/sass/utilities/mixins.sass */ .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { color: rgba(54, 54, 54, 0.3); } /* line 68, src/assets/sass/sass/utilities/mixins.sass */ .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); } /* line 36, src/assets/sass/sass/form/shared.sass */ .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered { border-color: #b5b5b5; } /* line 39, src/assets/sass/sass/form/shared.sass */ .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active { border-color: #3273dc; -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } /* line 45, src/assets/sass/sass/form/shared.sass */ .input[disabled], .textarea[disabled], .select select[disabled], fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select { background-color: whitesmoke; border-color: whitesmoke; -webkit-box-shadow: none; box-shadow: none; color: #7a7a7a; } /* line 68, src/assets/sass/sass/utilities/mixins.sass */ .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } /* line 68, src/assets/sass/sass/utilities/mixins.sass */ .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); } /* line 68, src/assets/sass/sass/utilities/mixins.sass */ .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder { color: rgba(122, 122, 122, 0.3); } /* line 68, src/assets/sass/sass/utilities/mixins.sass */ .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); } /* line 5, src/assets/sass/sass/form/input-textarea.sass */ .input, .textarea { -webkit-box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); max-width: 100%; width: 100%; } /* line 10, src/assets/sass/sass/form/input-textarea.sass */ .input[readonly], .textarea[readonly] { -webkit-box-shadow: none; box-shadow: none; } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-white.input, .is-white.textarea { border-color: #ffffff; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-black.input, .is-black.textarea { border-color: #0a0a0a; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-light.input, .is-light.textarea { border-color: whitesmoke; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-dark.input, .is-dark.textarea { border-color: #363636; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-primary.input, .is-primary.textarea { border-color: #606061; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(96, 96, 97, 0.25); box-shadow: 0 0 0 0.125em rgba(96, 96, 97, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-link.input, .is-link.textarea { border-color: #3273dc; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-info.input, .is-info.textarea { border-color: #039BE5; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25); box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-success.input, .is-success.textarea { border-color: #06d6a0; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(6, 214, 160, 0.25); box-shadow: 0 0 0 0.125em rgba(6, 214, 160, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-warning.input, .is-warning.textarea { border-color: #faae42; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(250, 174, 66, 0.25); box-shadow: 0 0 0 0.125em rgba(250, 174, 66, 0.25); } /* line 15, src/assets/sass/sass/form/input-textarea.sass */ .is-danger.input, .is-danger.textarea { border-color: #e62965; } /* line 17, src/assets/sass/sass/form/input-textarea.sass */ .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea { -webkit-box-shadow: 0 0 0 0.125em rgba(230, 41, 101, 0.25); box-shadow: 0 0 0 0.125em rgba(230, 41, 101, 0.25); } /* line 23, src/assets/sass/sass/form/input-textarea.sass */ .is-small.input, .is-small.textarea { border-radius: 2px; font-size: 0.75rem; } /* line 25, src/assets/sass/sass/form/input-textarea.sass */ .is-medium.input, .is-medium.textarea { font-size: 1.25rem; } /* line 27, src/assets/sass/sass/form/input-textarea.sass */ .is-large.input, .is-large.textarea { font-size: 1.5rem; } /* line 30, src/assets/sass/sass/form/input-textarea.sass */ .is-fullwidth.input, .is-fullwidth.textarea { display: block; width: 100%; } /* line 33, src/assets/sass/sass/form/input-textarea.sass */ .is-inline.input, .is-inline.textarea { display: inline; width: auto; } /* line 39, src/assets/sass/sass/form/input-textarea.sass */ .input.is-rounded { border-radius: 290486px; padding-left: calc(calc(0.75em - 1px) + 0.375em); padding-right: calc(calc(0.75em - 1px) + 0.375em); } /* line 43, src/assets/sass/sass/form/input-textarea.sass */ .input.is-static { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; padding-right: 0; } /* line 50, src/assets/sass/sass/form/input-textarea.sass */ .textarea { display: block; max-width: 100%; min-width: 100%; padding: calc(0.75em - 1px); resize: vertical; } /* line 57, src/assets/sass/sass/form/input-textarea.sass */ .textarea:not([rows]) { max-height: 40em; min-height: 8em; } /* line 60, src/assets/sass/sass/form/input-textarea.sass */ .textarea[rows] { height: initial; } /* line 63, src/assets/sass/sass/form/input-textarea.sass */ .textarea.has-fixed-size { resize: none; } /* line 1, src/assets/sass/sass/form/checkbox-radio.sass */ .checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; } /* line 6, src/assets/sass/sass/form/checkbox-radio.sass */ .checkbox input, .radio input { cursor: pointer; } /* line 8, src/assets/sass/sass/form/checkbox-radio.sass */ .checkbox:hover, .radio:hover { color: #363636; } /* line 10, src/assets/sass/sass/form/checkbox-radio.sass */ .checkbox[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .radio { color: #7a7a7a; cursor: not-allowed; } /* line 20, src/assets/sass/sass/form/checkbox-radio.sass */ .radio + .radio { margin-left: 0.5em; } /* line 1, src/assets/sass/sass/form/select.sass */ .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } /* line 6, src/assets/sass/sass/form/select.sass */ .select:not(.is-multiple) { height: 2.5em; } /* line 9, src/assets/sass/sass/form/select.sass */ .select:not(.is-multiple):not(.is-loading)::after { border-color: #3273dc; right: 1.125em; z-index: 4; } /* line 15, src/assets/sass/sass/form/select.sass */ .select.is-rounded select { border-radius: 290486px; padding-left: 1em; } /* line 18, src/assets/sass/sass/form/select.sass */ .select select { cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } /* line 25, src/assets/sass/sass/form/select.sass */ .select select::-ms-expand { display: none; } /* line 27, src/assets/sass/sass/form/select.sass */ .select select[disabled]:hover, fieldset[disabled] .select select:hover { border-color: whitesmoke; } /* line 30, src/assets/sass/sass/form/select.sass */ .select select:not([multiple]) { padding-right: 2.5em; } /* line 32, src/assets/sass/sass/form/select.sass */ .select select[multiple] { height: auto; padding: 0; } /* line 35, src/assets/sass/sass/form/select.sass */ .select select[multiple] option { padding: 0.5em 1em; } /* line 39, src/assets/sass/sass/form/select.sass */ .select:not(.is-multiple):not(.is-loading):hover::after { border-color: #363636; } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-white:not(:hover)::after { border-color: #ffffff; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-white select { border-color: #ffffff; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-white select:hover, .select.is-white select.is-hovered { border-color: #f2f2f2; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-black:not(:hover)::after { border-color: #0a0a0a; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-black select { border-color: #0a0a0a; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-black select:hover, .select.is-black select.is-hovered { border-color: black; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-light:not(:hover)::after { border-color: whitesmoke; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-light select { border-color: whitesmoke; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-light select:hover, .select.is-light select.is-hovered { border-color: #e8e8e8; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-dark:not(:hover)::after { border-color: #363636; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-dark select { border-color: #363636; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-dark select:hover, .select.is-dark select.is-hovered { border-color: #292929; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-primary:not(:hover)::after { border-color: #606061; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-primary select { border-color: #606061; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-primary select:hover, .select.is-primary select.is-hovered { border-color: #535354; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(96, 96, 97, 0.25); box-shadow: 0 0 0 0.125em rgba(96, 96, 97, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-link:not(:hover)::after { border-color: #3273dc; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-link select { border-color: #3273dc; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-link select:hover, .select.is-link select.is-hovered { border-color: #2366d1; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-info:not(:hover)::after { border-color: #039BE5; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-info select { border-color: #039BE5; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-info select:hover, .select.is-info select.is-hovered { border-color: #038acc; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25); box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-success:not(:hover)::after { border-color: #06d6a0; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-success select { border-color: #06d6a0; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-success select:hover, .select.is-success select.is-hovered { border-color: #05bd8d; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(6, 214, 160, 0.25); box-shadow: 0 0 0 0.125em rgba(6, 214, 160, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-warning:not(:hover)::after { border-color: #faae42; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-warning select { border-color: #faae42; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-warning select:hover, .select.is-warning select.is-hovered { border-color: #f9a329; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(250, 174, 66, 0.25); box-shadow: 0 0 0 0.125em rgba(250, 174, 66, 0.25); } /* line 45, src/assets/sass/sass/form/select.sass */ .select.is-danger:not(:hover)::after { border-color: #e62965; } /* line 47, src/assets/sass/sass/form/select.sass */ .select.is-danger select { border-color: #e62965; } /* line 49, src/assets/sass/sass/form/select.sass */ .select.is-danger select:hover, .select.is-danger select.is-hovered { border-color: #dc1a57; } /* line 52, src/assets/sass/sass/form/select.sass */ .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(230, 41, 101, 0.25); box-shadow: 0 0 0 0.125em rgba(230, 41, 101, 0.25); } /* line 58, src/assets/sass/sass/form/select.sass */ .select.is-small { border-radius: 2px; font-size: 0.75rem; } /* line 60, src/assets/sass/sass/form/select.sass */ .select.is-medium { font-size: 1.25rem; } /* line 62, src/assets/sass/sass/form/select.sass */ .select.is-large { font-size: 1.5rem; } /* line 66, src/assets/sass/sass/form/select.sass */ .select.is-disabled::after { border-color: #7a7a7a; } /* line 68, src/assets/sass/sass/form/select.sass */ .select.is-fullwidth { width: 100%; } /* line 70, src/assets/sass/sass/form/select.sass */ .select.is-fullwidth select { width: 100%; } /* line 73, src/assets/sass/sass/form/select.sass */ .select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em; top: 0.625em; -webkit-transform: none; transform: none; } /* line 80, src/assets/sass/sass/form/select.sass */ .select.is-loading.is-small:after { font-size: 0.75rem; } /* line 82, src/assets/sass/sass/form/select.sass */ .select.is-loading.is-medium:after { font-size: 1.25rem; } /* line 84, src/assets/sass/sass/form/select.sass */ .select.is-loading.is-large:after { font-size: 1.5rem; } /* line 14, src/assets/sass/sass/form/file.sass */ .file { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-white .file-cta { background-color: #ffffff; border-color: transparent; color: #0a0a0a; } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { background-color: #f9f9f9; border-color: transparent; color: #0a0a0a; } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #0a0a0a; } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { background-color: #f2f2f2; border-color: transparent; color: #0a0a0a; } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-black .file-cta { background-color: #0a0a0a; border-color: transparent; color: #ffffff; } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { background-color: #040404; border-color: transparent; color: #ffffff; } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); color: #ffffff; } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { background-color: black; border-color: transparent; color: #ffffff; } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-light .file-cta { background-color: whitesmoke; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { background-color: #eeeeee; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: rgba(0, 0, 0, 0.7); } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { background-color: #e8e8e8; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-dark .file-cta { background-color: #363636; border-color: transparent; color: #fff; } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { background-color: #2f2f2f; border-color: transparent; color: #fff; } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); color: #fff; } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { background-color: #292929; border-color: transparent; color: #fff; } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-primary .file-cta { background-color: #606061; border-color: transparent; color: #fff; } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { background-color: #5a5a5b; border-color: transparent; color: #fff; } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(96, 96, 97, 0.25); box-shadow: 0 0 0.5em rgba(96, 96, 97, 0.25); color: #fff; } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { background-color: #535354; border-color: transparent; color: #fff; } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-link .file-cta { background-color: #3273dc; border-color: transparent; color: #fff; } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { background-color: #276cda; border-color: transparent; color: #fff; } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); color: #fff; } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { background-color: #2366d1; border-color: transparent; color: #fff; } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-info .file-cta { background-color: #039BE5; border-color: transparent; color: #fff; } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { background-color: #0392d8; border-color: transparent; color: #fff; } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25); box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25); color: #fff; } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { background-color: #038acc; border-color: transparent; color: #fff; } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-success .file-cta { background-color: #06d6a0; border-color: transparent; color: #fff; } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { background-color: #06ca97; border-color: transparent; color: #fff; } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(6, 214, 160, 0.25); box-shadow: 0 0 0.5em rgba(6, 214, 160, 0.25); color: #fff; } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { background-color: #05bd8d; border-color: transparent; color: #fff; } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-warning .file-cta { background-color: #faae42; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { background-color: #faa936; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(250, 174, 66, 0.25); box-shadow: 0 0 0.5em rgba(250, 174, 66, 0.25); color: rgba(0, 0, 0, 0.7); } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { background-color: #f9a329; border-color: transparent; color: rgba(0, 0, 0, 0.7); } /* line 25, src/assets/sass/sass/form/file.sass */ .file.is-danger .file-cta { background-color: #e62965; border-color: transparent; color: #fff; } /* line 31, src/assets/sass/sass/form/file.sass */ .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { background-color: #e51e5d; border-color: transparent; color: #fff; } /* line 37, src/assets/sass/sass/form/file.sass */ .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(230, 41, 101, 0.25); box-shadow: 0 0 0.5em rgba(230, 41, 101, 0.25); color: #fff; } /* line 43, src/assets/sass/sass/form/file.sass */ .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { background-color: #dc1a57; border-color: transparent; color: #fff; } /* line 48, src/assets/sass/sass/form/file.sass */ .file.is-small { font-size: 0.75rem; } /* line 50, src/assets/sass/sass/form/file.sass */ .file.is-medium { font-size: 1.25rem; } /* line 53, src/assets/sass/sass/form/file.sass */ .file.is-medium .file-icon .fa { font-size: 21px; } /* line 55, src/assets/sass/sass/form/file.sass */ .file.is-large { font-size: 1.5rem; } /* line 58, src/assets/sass/sass/form/file.sass */ .file.is-large .file-icon .fa { font-size: 28px; } /* line 62, src/assets/sass/sass/form/file.sass */ .file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; } /* line 65, src/assets/sass/sass/form/file.sass */ .file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; } /* line 69, src/assets/sass/sass/form/file.sass */ .file.has-name.is-empty .file-cta { border-radius: 4px; } /* line 71, src/assets/sass/sass/form/file.sass */ .file.has-name.is-empty .file-name { display: none; } /* line 74, src/assets/sass/sass/form/file.sass */ .file.is-boxed .file-label { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 76, src/assets/sass/sass/form/file.sass */ .file.is-boxed .file-cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 1em 3em; } /* line 80, src/assets/sass/sass/form/file.sass */ .file.is-boxed .file-name { border-width: 0 1px 1px; } /* line 82, src/assets/sass/sass/form/file.sass */ .file.is-boxed .file-icon { height: 1.5em; width: 1.5em; } /* line 85, src/assets/sass/sass/form/file.sass */ .file.is-boxed .file-icon .fa { font-size: 21px; } /* line 88, src/assets/sass/sass/form/file.sass */ .file.is-boxed.is-small .file-icon .fa { font-size: 14px; } /* line 91, src/assets/sass/sass/form/file.sass */ .file.is-boxed.is-medium .file-icon .fa { font-size: 28px; } /* line 94, src/assets/sass/sass/form/file.sass */ .file.is-boxed.is-large .file-icon .fa { font-size: 35px; } /* line 97, src/assets/sass/sass/form/file.sass */ .file.is-boxed.has-name .file-cta { border-radius: 4px 4px 0 0; } /* line 99, src/assets/sass/sass/form/file.sass */ .file.is-boxed.has-name .file-name { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; } /* line 102, src/assets/sass/sass/form/file.sass */ .file.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 105, src/assets/sass/sass/form/file.sass */ .file.is-fullwidth .file-label { width: 100%; } /* line 107, src/assets/sass/sass/form/file.sass */ .file.is-fullwidth .file-name { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: none; } /* line 110, src/assets/sass/sass/form/file.sass */ .file.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 112, src/assets/sass/sass/form/file.sass */ .file.is-right .file-cta { border-radius: 0 4px 4px 0; } /* line 114, src/assets/sass/sass/form/file.sass */ .file.is-right .file-name { border-radius: 4px 0 0 4px; border-width: 1px 0 1px 1px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } /* line 119, src/assets/sass/sass/form/file.sass */ .file-label { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: hidden; position: relative; } /* line 127, src/assets/sass/sass/form/file.sass */ .file-label:hover .file-cta { background-color: #eeeeee; color: #363636; } /* line 130, src/assets/sass/sass/form/file.sass */ .file-label:hover .file-name { border-color: #d5d5d5; } /* line 133, src/assets/sass/sass/form/file.sass */ .file-label:active .file-cta { background-color: #e8e8e8; color: #363636; } /* line 136, src/assets/sass/sass/form/file.sass */ .file-label:active .file-name { border-color: #cfcfcf; } /* line 139, src/assets/sass/sass/form/file.sass */ .file-input { height: 100%; left: 0; opacity: 0; outline: none; position: absolute; top: 0; width: 100%; } /* line 148, src/assets/sass/sass/form/file.sass */ .file-cta, .file-name { border-color: #dbdbdb; border-radius: 4px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* line 158, src/assets/sass/sass/form/file.sass */ .file-cta { background-color: whitesmoke; color: #4a4a4a; } /* line 162, src/assets/sass/sass/form/file.sass */ .file-name { border-color: #dbdbdb; border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-align: inherit; text-overflow: ellipsis; } /* line 172, src/assets/sass/sass/form/file.sass */ .file-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.5em; width: 1em; } /* line 179, src/assets/sass/sass/form/file.sass */ .file-icon .fa { font-size: 14px; } /* line 6, src/assets/sass/sass/form/tools.sass */ .label { color: #363636; display: block; font-size: 1rem; font-weight: 700; } /* line 11, src/assets/sass/sass/form/tools.sass */ .label:not(:last-child) { margin-bottom: 0.5em; } /* line 14, src/assets/sass/sass/form/tools.sass */ .label.is-small { font-size: 0.75rem; } /* line 16, src/assets/sass/sass/form/tools.sass */ .label.is-medium { font-size: 1.25rem; } /* line 18, src/assets/sass/sass/form/tools.sass */ .label.is-large { font-size: 1.5rem; } /* line 21, src/assets/sass/sass/form/tools.sass */ .help { display: block; font-size: 0.75rem; margin-top: 0.25rem; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-white { color: #ffffff; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-black { color: #0a0a0a; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-light { color: whitesmoke; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-dark { color: #363636; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-primary { color: #606061; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-link { color: #3273dc; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-info { color: #039BE5; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-success { color: #06d6a0; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-warning { color: #faae42; } /* line 27, src/assets/sass/sass/form/tools.sass */ .help.is-danger { color: #e62965; } /* line 33, src/assets/sass/sass/form/tools.sass */ .field:not(:last-child) { margin-bottom: 0.75rem; } /* line 36, src/assets/sass/sass/form/tools.sass */ .field.has-addons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* line 40, src/assets/sass/sass/form/tools.sass */ .field.has-addons .control:not(:last-child) { margin-right: -1px; } /* line 43, src/assets/sass/sass/form/tools.sass */ .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } /* line 48, src/assets/sass/sass/form/tools.sass */ .field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } /* line 58, src/assets/sass/sass/form/tools.sass */ .field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } /* line 71, src/assets/sass/sass/form/tools.sass */ .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered { z-index: 2; } /* line 74, src/assets/sass/sass/form/tools.sass */ .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]).is-active { z-index: 3; } /* line 79, src/assets/sass/sass/form/tools.sass */ .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; } /* line 81, src/assets/sass/sass/form/tools.sass */ .field.has-addons .control.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* line 84, src/assets/sass/sass/form/tools.sass */ .field.has-addons.has-addons-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 86, src/assets/sass/sass/form/tools.sass */ .field.has-addons.has-addons-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 89, src/assets/sass/sass/form/tools.sass */ .field.has-addons.has-addons-fullwidth .control { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } /* line 92, src/assets/sass/sass/form/tools.sass */ .field.is-grouped { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* line 95, src/assets/sass/sass/form/tools.sass */ .field.is-grouped > .control { -ms-flex-negative: 0; flex-shrink: 0; } /* line 97, src/assets/sass/sass/form/tools.sass */ .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } /* line 100, src/assets/sass/sass/form/tools.sass */ .field.is-grouped > .control.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* line 103, src/assets/sass/sass/form/tools.sass */ .field.is-grouped.is-grouped-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 105, src/assets/sass/sass/form/tools.sass */ .field.is-grouped.is-grouped-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 107, src/assets/sass/sass/form/tools.sass */ .field.is-grouped.is-grouped-multiline { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 110, src/assets/sass/sass/form/tools.sass */ .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; } /* line 113, src/assets/sass/sass/form/tools.sass */ .field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -0.75rem; } /* line 115, src/assets/sass/sass/form/tools.sass */ .field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; } @media screen and (min-width: 769px), print { /* line 117, src/assets/sass/sass/form/tools.sass */ .field.is-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* line 122, src/assets/sass/sass/form/tools.sass */ .field-label .label { font-size: inherit; } @media screen and (max-width: 768px) { /* line 121, src/assets/sass/sass/form/tools.sass */ .field-label { margin-bottom: 0.5rem; } } @media screen and (min-width: 769px), print { /* line 121, src/assets/sass/sass/form/tools.sass */ .field-label { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1.5rem; text-align: right; } /* line 132, src/assets/sass/sass/form/tools.sass */ .field-label.is-small { font-size: 0.75rem; padding-top: 0.375em; } /* line 135, src/assets/sass/sass/form/tools.sass */ .field-label.is-normal { padding-top: 0.375em; } /* line 137, src/assets/sass/sass/form/tools.sass */ .field-label.is-medium { font-size: 1.25rem; padding-top: 0.375em; } /* line 140, src/assets/sass/sass/form/tools.sass */ .field-label.is-large { font-size: 1.5rem; padding-top: 0.375em; } } /* line 145, src/assets/sass/sass/form/tools.sass */ .field-body .field .field { margin-bottom: 0; } @media screen and (min-width: 769px), print { /* line 144, src/assets/sass/sass/form/tools.sass */ .field-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; -ms-flex-negative: 1; flex-shrink: 1; } /* line 152, src/assets/sass/sass/form/tools.sass */ .field-body .field { margin-bottom: 0; } /* line 154, src/assets/sass/sass/form/tools.sass */ .field-body > .field { -ms-flex-negative: 1; flex-shrink: 1; } /* line 156, src/assets/sass/sass/form/tools.sass */ .field-body > .field:not(.is-narrow) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* line 158, src/assets/sass/sass/form/tools.sass */ .field-body > .field:not(:last-child) { margin-right: 0.75rem; } } /* line 161, src/assets/sass/sass/form/tools.sass */ .control { -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; font-size: 1rem; position: relative; text-align: inherit; } /* line 173, src/assets/sass/sass/form/tools.sass */ .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { color: #4a4a4a; } /* line 175, src/assets/sass/sass/form/tools.sass */ .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon { font-size: 0.75rem; } /* line 177, src/assets/sass/sass/form/tools.sass */ .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { font-size: 1.25rem; } /* line 179, src/assets/sass/sass/form/tools.sass */ .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon { font-size: 1.5rem; } /* line 181, src/assets/sass/sass/form/tools.sass */ .control.has-icons-left .icon, .control.has-icons-right .icon { color: #dbdbdb; height: 2.5em; pointer-events: none; position: absolute; top: 0; width: 2.5em; z-index: 4; } /* line 190, src/assets/sass/sass/form/tools.sass */ .control.has-icons-left .input, .control.has-icons-left .select select { padding-left: 2.5em; } /* line 193, src/assets/sass/sass/form/tools.sass */ .control.has-icons-left .icon.is-left { left: 0; } /* line 196, src/assets/sass/sass/form/tools.sass */ .control.has-icons-right .input, .control.has-icons-right .select select { padding-right: 2.5em; } /* line 199, src/assets/sass/sass/form/tools.sass */ .control.has-icons-right .icon.is-right { right: 0; } /* line 202, src/assets/sass/sass/form/tools.sass */ .control.is-loading::after { position: absolute !important; right: 0.625em; top: 0.625em; z-index: 4; } /* line 208, src/assets/sass/sass/form/tools.sass */ .control.is-loading.is-small:after { font-size: 0.75rem; } /* line 210, src/assets/sass/sass/form/tools.sass */ .control.is-loading.is-medium:after { font-size: 1.25rem; } /* line 212, src/assets/sass/sass/form/tools.sass */ .control.is-loading.is-large:after { font-size: 1.5rem; } /* line 10, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb { font-size: 1rem; white-space: nowrap; } /* line 15, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #3273dc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0.75em; } /* line 21, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb a:hover { color: #363636; } /* line 23, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 26, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb li:first-child a { padding-left: 0; } /* line 29, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb li.is-active a { color: #363636; cursor: default; pointer-events: none; } /* line 33, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb li + li::before { color: #b5b5b5; content: "\0002f"; } /* line 36, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb ul, .breadcrumb ol { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* line 43, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb .icon:first-child { margin-right: 0.5em; } /* line 45, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb .icon:last-child { margin-left: 0.5em; } /* line 49, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 53, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.is-right ol, .breadcrumb.is-right ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 57, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.is-small { font-size: 0.75rem; } /* line 59, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.is-medium { font-size: 1.25rem; } /* line 61, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.is-large { font-size: 1.5rem; } /* line 65, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.has-arrow-separator li + li::before { content: "\02192"; } /* line 68, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.has-bullet-separator li + li::before { content: "\02022"; } /* line 71, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.has-dot-separator li + li::before { content: "\000b7"; } /* line 74, src/assets/sass/sass/components/breadcrumb.sass */ .breadcrumb.has-succeeds-separator li + li::before { content: "\0227B"; } /* line 20, src/assets/sass/sass/components/card.sass */ .card { background-color: #ffffff; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); color: #4a4a4a; max-width: 100%; position: relative; } /* line 27, src/assets/sass/sass/components/card.sass */ .card-header { background-color: transparent; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1); box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 33, src/assets/sass/sass/components/card.sass */ .card-header-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #363636; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-weight: 700; padding: 0.75rem 1rem; } /* line 40, src/assets/sass/sass/components/card.sass */ .card-header-title.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 43, src/assets/sass/sass/components/card.sass */ .card-header-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75rem 1rem; } /* line 50, src/assets/sass/sass/components/card.sass */ .card-image { display: block; position: relative; } /* line 54, src/assets/sass/sass/components/card.sass */ .card-content { background-color: transparent; padding: 1.5rem; } /* line 58, src/assets/sass/sass/components/card.sass */ .card-footer { background-color: transparent; border-top: 1px solid #ededed; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 64, src/assets/sass/sass/components/card.sass */ .card-footer-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75rem; } /* line 72, src/assets/sass/sass/components/card.sass */ .card-footer-item:not(:last-child) { border-right: 1px solid #ededed; } /* line 78, src/assets/sass/sass/components/card.sass */ .card .media:not(:last-child) { margin-bottom: 1.5rem; } /* line 20, src/assets/sass/sass/components/dropdown.sass */ .dropdown { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; vertical-align: top; } /* line 26, src/assets/sass/sass/components/dropdown.sass */ .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { display: block; } /* line 29, src/assets/sass/sass/components/dropdown.sass */ .dropdown.is-right .dropdown-menu { left: auto; right: 0; } /* line 33, src/assets/sass/sass/components/dropdown.sass */ .dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 4px; padding-top: initial; top: auto; } /* line 39, src/assets/sass/sass/components/dropdown.sass */ .dropdown-menu { display: none; left: 0; min-width: 12rem; padding-top: 4px; position: absolute; top: 100%; z-index: 20; } /* line 48, src/assets/sass/sass/components/dropdown.sass */ .dropdown-content { background-color: #ffffff; border-radius: 4px; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); padding-bottom: 0.5rem; padding-top: 0.5rem; } /* line 55, src/assets/sass/sass/components/dropdown.sass */ .dropdown-item { color: #4a4a4a; display: block; font-size: 0.875rem; line-height: 1.5; padding: 0.375rem 1rem; position: relative; } /* line 63, src/assets/sass/sass/components/dropdown.sass */ a.dropdown-item, button.dropdown-item { padding-right: 3rem; text-align: inherit; white-space: nowrap; width: 100%; } /* line 69, src/assets/sass/sass/components/dropdown.sass */ a.dropdown-item:hover, button.dropdown-item:hover { background-color: whitesmoke; color: #0a0a0a; } /* line 72, src/assets/sass/sass/components/dropdown.sass */ a.dropdown-item.is-active, button.dropdown-item.is-active { background-color: #3273dc; color: #fff; } /* line 76, src/assets/sass/sass/components/dropdown.sass */ .dropdown-divider { background-color: #ededed; border: none; display: block; height: 1px; margin: 0.5rem 0; } /* line 3, src/assets/sass/sass/components/level.sass */ .level { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 7, src/assets/sass/sass/components/level.sass */ .level code { border-radius: 4px; } /* line 9, src/assets/sass/sass/components/level.sass */ .level img { display: inline-block; vertical-align: top; } /* line 13, src/assets/sass/sass/components/level.sass */ .level.is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 15, src/assets/sass/sass/components/level.sass */ .level.is-mobile .level-left, .level.is-mobile .level-right { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 18, src/assets/sass/sass/components/level.sass */ .level.is-mobile .level-left + .level-right { margin-top: 0; } /* line 21, src/assets/sass/sass/components/level.sass */ .level.is-mobile .level-item:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } /* line 24, src/assets/sass/sass/components/level.sass */ .level.is-mobile .level-item:not(.is-narrow) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 769px), print { /* line 3, src/assets/sass/sass/components/level.sass */ .level { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 30, src/assets/sass/sass/components/level.sass */ .level > .level-item:not(.is-narrow) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } /* line 33, src/assets/sass/sass/components/level.sass */ .level-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 40, src/assets/sass/sass/components/level.sass */ .level-item .title, .level-item .subtitle { margin-bottom: 0; } @media screen and (max-width: 768px) { /* line 45, src/assets/sass/sass/components/level.sass */ .level-item:not(:last-child) { margin-bottom: 0.75rem; } } /* line 48, src/assets/sass/sass/components/level.sass */ .level-left, .level-right { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 55, src/assets/sass/sass/components/level.sass */ .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 769px), print { /* line 59, src/assets/sass/sass/components/level.sass */ .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { margin-right: 0.75rem; } } /* line 62, src/assets/sass/sass/components/level.sass */ .level-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 768px) { /* line 67, src/assets/sass/sass/components/level.sass */ .level-left + .level-right { margin-top: 1.5rem; } } @media screen and (min-width: 769px), print { /* line 62, src/assets/sass/sass/components/level.sass */ .level-left { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* line 72, src/assets/sass/sass/components/level.sass */ .level-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 769px), print { /* line 72, src/assets/sass/sass/components/level.sass */ .level-right { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* line 5, src/assets/sass/sass/components/media.sass */ .media { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: inherit; } /* line 9, src/assets/sass/sass/components/media.sass */ .media .content:not(:last-child) { margin-bottom: 0.75rem; } /* line 11, src/assets/sass/sass/components/media.sass */ .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0.75rem; } /* line 15, src/assets/sass/sass/components/media.sass */ .media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 0.5rem; } /* line 18, src/assets/sass/sass/components/media.sass */ .media .media .media { padding-top: 0.5rem; } /* line 20, src/assets/sass/sass/components/media.sass */ .media .media .media + .media { margin-top: 0.5rem; } /* line 22, src/assets/sass/sass/components/media.sass */ .media + .media { border-top: 1px solid rgba(219, 219, 219, 0.5); margin-top: 1rem; padding-top: 1rem; } /* line 28, src/assets/sass/sass/components/media.sass */ .media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; } /* line 32, src/assets/sass/sass/components/media.sass */ .media-left, .media-right { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 38, src/assets/sass/sass/components/media.sass */ .media-left { margin-right: 1rem; } /* line 41, src/assets/sass/sass/components/media.sass */ .media-right { margin-left: 1rem; } /* line 44, src/assets/sass/sass/components/media.sass */ .media-content { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; text-align: inherit; } @media screen and (max-width: 768px) { /* line 51, src/assets/sass/sass/components/media.sass */ .media-content { overflow-x: auto; } } /* line 19, src/assets/sass/sass/components/menu.sass */ .menu { font-size: 1rem; } /* line 22, src/assets/sass/sass/components/menu.sass */ .menu.is-small { font-size: 0.75rem; } /* line 24, src/assets/sass/sass/components/menu.sass */ .menu.is-medium { font-size: 1.25rem; } /* line 26, src/assets/sass/sass/components/menu.sass */ .menu.is-large { font-size: 1.5rem; } /* line 29, src/assets/sass/sass/components/menu.sass */ .menu-list { line-height: 1.25; } /* line 31, src/assets/sass/sass/components/menu.sass */ .menu-list a { border-radius: 2px; color: #4a4a4a; display: block; padding: 0.5em 0.75em; } /* line 36, src/assets/sass/sass/components/menu.sass */ .menu-list a:hover { background-color: whitesmoke; color: #363636; } /* line 40, src/assets/sass/sass/components/menu.sass */ .menu-list a.is-active { background-color: #3273dc; color: #fff; } /* line 44, src/assets/sass/sass/components/menu.sass */ .menu-list li ul { border-left: 1px solid #dbdbdb; margin: 0.75em; padding-left: 0.75em; } /* line 49, src/assets/sass/sass/components/menu.sass */ .menu-label { color: #7a7a7a; font-size: 0.75em; letter-spacing: 0.1em; text-transform: uppercase; } /* line 54, src/assets/sass/sass/components/menu.sass */ .menu-label:not(:first-child) { margin-top: 1em; } /* line 56, src/assets/sass/sass/components/menu.sass */ .menu-label:not(:last-child) { margin-bottom: 1em; } /* line 22, src/assets/sass/sass/components/message.sass */ .message { background-color: whitesmoke; border-radius: 4px; font-size: 1rem; } /* line 27, src/assets/sass/sass/components/message.sass */ .message strong { color: currentColor; } /* line 29, src/assets/sass/sass/components/message.sass */ .message a:not(.button):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } /* line 33, src/assets/sass/sass/components/message.sass */ .message.is-small { font-size: 0.75rem; } /* line 35, src/assets/sass/sass/components/message.sass */ .message.is-medium { font-size: 1.25rem; } /* line 37, src/assets/sass/sass/components/message.sass */ .message.is-large { font-size: 1.5rem; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-white { background-color: white; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-white .message-header { background-color: #ffffff; color: #0a0a0a; } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-white .message-body { border-color: #ffffff; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-black { background-color: #fafafa; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-black .message-header { background-color: #0a0a0a; color: #ffffff; } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-black .message-body { border-color: #0a0a0a; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-light { background-color: #fafafa; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-light .message-header { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-light .message-body { border-color: whitesmoke; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-dark { background-color: #fafafa; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-dark .message-header { background-color: #363636; color: #fff; } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-dark .message-body { border-color: #363636; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-primary { background-color: whitesmoke; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-primary .message-header { background-color: #606061; color: #fff; } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-primary .message-body { border-color: #606061; color: #7a7a7b; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-link { background-color: #eef3fc; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-link .message-header { background-color: #3273dc; color: #fff; } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-link .message-body { border-color: #3273dc; color: #2160c4; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-info { background-color: #ebf8ff; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-info .message-header { background-color: #039BE5; color: #fff; } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-info .message-body { border-color: #039BE5; color: #0385c4; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-success { background-color: #ebfef9; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-success .message-header { background-color: #06d6a0; color: #fff; } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-success .message-body { border-color: #06d6a0; color: #04906c; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-warning { background-color: #fef6eb; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-warning .message-header { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-warning .message-body { border-color: #faae42; color: #905604; } /* line 59, src/assets/sass/sass/components/message.sass */ .message.is-danger { background-color: #fdedf2; } /* line 61, src/assets/sass/sass/components/message.sass */ .message.is-danger .message-header { background-color: #e62965; color: #fff; } /* line 64, src/assets/sass/sass/components/message.sass */ .message.is-danger .message-body { border-color: #e62965; color: #d21953; } /* line 68, src/assets/sass/sass/components/message.sass */ .message-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #4a4a4a; border-radius: 4px 4px 0 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; } /* line 79, src/assets/sass/sass/components/message.sass */ .message-header .delete { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 0.75em; } /* line 83, src/assets/sass/sass/components/message.sass */ .message-header + .message-body { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } /* line 88, src/assets/sass/sass/components/message.sass */ .message-body { border-color: #dbdbdb; border-radius: 4px; border-style: solid; border-width: 0 0 0 4px; color: #4a4a4a; padding: 1.25em 1.5em; } /* line 95, src/assets/sass/sass/components/message.sass */ .message-body code, .message-body pre { background-color: #ffffff; } /* line 98, src/assets/sass/sass/components/message.sass */ .message-body pre code { background-color: transparent; } /* line 31, src/assets/sass/sass/components/modal.sass */ .modal { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: fixed; z-index: 40; } /* line 41, src/assets/sass/sass/components/modal.sass */ .modal.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 44, src/assets/sass/sass/components/modal.sass */ .modal-background { background-color: rgba(10, 10, 10, 0.86); } /* line 48, src/assets/sass/sass/components/modal.sass */ .modal-content, .modal-card { margin: 0 20px; max-height: calc(100vh - 160px); overflow: auto; position: relative; width: 100%; } @media screen and (min-width: 769px), print { /* line 48, src/assets/sass/sass/components/modal.sass */ .modal-content, .modal-card { margin: 0 auto; max-height: calc(100vh - 40px); width: 640px; } } /* line 61, src/assets/sass/sass/components/modal.sass */ .modal-close { background: none; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } /* line 70, src/assets/sass/sass/components/modal.sass */ .modal-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; -ms-overflow-y: visible; } /* line 77, src/assets/sass/sass/components/modal.sass */ .modal-card-head, .modal-card-foot { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: whitesmoke; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px; position: relative; } /* line 87, src/assets/sass/sass/components/modal.sass */ .modal-card-head { border-bottom: 1px solid #dbdbdb; border-top-left-radius: 6px; border-top-right-radius: 6px; } /* line 92, src/assets/sass/sass/components/modal.sass */ .modal-card-title { color: #363636; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.5rem; line-height: 1; } /* line 99, src/assets/sass/sass/components/modal.sass */ .modal-card-foot { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 1px solid #dbdbdb; } /* line 104, src/assets/sass/sass/components/modal.sass */ .modal-card-foot .button:not(:last-child) { margin-right: 0.5em; } /* line 107, src/assets/sass/sass/components/modal.sass */ .modal-card-body { -webkit-overflow-scrolling: touch; background-color: #ffffff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: auto; padding: 20px; } /* line 55, src/assets/sass/sass/components/navbar.sass */ .navbar { background-color: #ffffff; min-height: 3.25rem; position: relative; z-index: 30; } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white { background-color: #ffffff; color: #0a0a0a; } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link { color: #0a0a0a; } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-brand .navbar-link::after { border-color: #0a0a0a; } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-burger { color: #0a0a0a; } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link { color: #0a0a0a; } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after { border-color: #0a0a0a; } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; color: #0a0a0a; } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-white .navbar-dropdown a.navbar-item.is-active { background-color: #ffffff; color: #0a0a0a; } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black { background-color: #0a0a0a; color: #ffffff; } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link { color: #ffffff; } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: black; color: #ffffff; } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-brand .navbar-link::after { border-color: #ffffff; } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-burger { color: #ffffff; } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link { color: #ffffff; } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active { background-color: black; color: #ffffff; } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after { border-color: #ffffff; } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: black; color: #ffffff; } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-black .navbar-dropdown a.navbar-item.is-active { background-color: #0a0a0a; color: #ffffff; } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark { background-color: #363636; color: #fff; } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link { color: #fff; } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: #292929; color: #fff; } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-brand .navbar-link::after { border-color: #fff; } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link { color: #fff; } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: #292929; color: #fff; } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after { border-color: #fff; } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: #292929; color: #fff; } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: #363636; color: #fff; } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary { background-color: #606061; color: #fff; } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { color: #fff; } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: #535354; color: #fff; } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { color: #fff; } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: #535354; color: #fff; } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #535354; color: #fff; } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { background-color: #606061; color: #fff; } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link { background-color: #3273dc; color: #fff; } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link { color: #fff; } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: #2366d1; color: #fff; } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link { color: #fff; } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active { background-color: #2366d1; color: #fff; } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: #2366d1; color: #fff; } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-link .navbar-dropdown a.navbar-item.is-active { background-color: #3273dc; color: #fff; } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info { background-color: #039BE5; color: #fff; } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link { color: #fff; } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active { background-color: #038acc; color: #fff; } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link { color: #fff; } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active { background-color: #038acc; color: #fff; } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: #038acc; color: #fff; } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-info .navbar-dropdown a.navbar-item.is-active { background-color: #039BE5; color: #fff; } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success { background-color: #06d6a0; color: #fff; } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link { color: #fff; } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active { background-color: #05bd8d; color: #fff; } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link { color: #fff; } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active { background-color: #05bd8d; color: #fff; } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: #05bd8d; color: #fff; } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-success .navbar-dropdown a.navbar-item.is-active { background-color: #06d6a0; color: #fff; } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: #f9a329; color: rgba(0, 0, 0, 0.7); } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: #f9a329; color: rgba(0, 0, 0, 0.7); } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f9a329; color: rgba(0, 0, 0, 0.7); } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } } /* line 63, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger { background-color: #e62965; color: #fff; } /* line 67, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link { color: #fff; } /* line 72, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active { background-color: #dc1a57; color: #fff; } /* line 78, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; } /* line 80, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { /* line 85, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link { color: #fff; } /* line 90, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active { background-color: #dc1a57; color: #fff; } /* line 96, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; } /* line 98, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: #dc1a57; color: #fff; } /* line 105, src/assets/sass/sass/components/navbar.sass */ .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { background-color: #e62965; color: #fff; } } /* line 108, src/assets/sass/sass/components/navbar.sass */ .navbar > .container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 3.25rem; width: 100%; } /* line 113, src/assets/sass/sass/components/navbar.sass */ .navbar.has-shadow { -webkit-box-shadow: 0 2px 0 0 whitesmoke; box-shadow: 0 2px 0 0 whitesmoke; } /* line 115, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom, .navbar.is-fixed-top { left: 0; position: fixed; right: 0; z-index: 30; } /* line 118, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom { bottom: 0; } /* line 120, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom.has-shadow { -webkit-box-shadow: 0 -2px 0 0 whitesmoke; box-shadow: 0 -2px 0 0 whitesmoke; } /* line 122, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-top { top: 0; } /* line 127, src/assets/sass/sass/components/navbar.sass */ html.has-navbar-fixed-top, body.has-navbar-fixed-top { padding-top: 3.25rem; } /* line 129, src/assets/sass/sass/components/navbar.sass */ html.has-navbar-fixed-bottom, body.has-navbar-fixed-bottom { padding-bottom: 3.25rem; } /* line 132, src/assets/sass/sass/components/navbar.sass */ .navbar-brand, .navbar-tabs { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; min-height: 3.25rem; } /* line 141, src/assets/sass/sass/components/navbar.sass */ .navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { background-color: transparent; } /* line 145, src/assets/sass/sass/components/navbar.sass */ .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } /* line 151, src/assets/sass/sass/components/navbar.sass */ .navbar-burger { color: #4a4a4a; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } /* line 33, src/assets/sass/sass/utilities/mixins.sass */ .navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; -webkit-transform-origin: center; transform-origin: center; -webkit-transition-duration: 86ms; transition-duration: 86ms; -webkit-transition-property: background-color, opacity, -webkit-transform; transition-property: background-color, opacity, -webkit-transform; transition-property: background-color, opacity, transform; transition-property: background-color, opacity, transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 16px; } /* line 44, src/assets/sass/sass/utilities/mixins.sass */ .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } /* line 46, src/assets/sass/sass/utilities/mixins.sass */ .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } /* line 48, src/assets/sass/sass/utilities/mixins.sass */ .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } /* line 50, src/assets/sass/sass/utilities/mixins.sass */ .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } /* line 55, src/assets/sass/sass/utilities/mixins.sass */ .navbar-burger.is-active span:nth-child(1) { -webkit-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); } /* line 57, src/assets/sass/sass/utilities/mixins.sass */ .navbar-burger.is-active span:nth-child(2) { opacity: 0; } /* line 59, src/assets/sass/sass/utilities/mixins.sass */ .navbar-burger.is-active span:nth-child(3) { -webkit-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); } /* line 156, src/assets/sass/sass/components/navbar.sass */ .navbar-menu { display: none; } /* line 159, src/assets/sass/sass/components/navbar.sass */ .navbar-item, .navbar-link { color: #4a4a4a; display: block; line-height: 1.5; padding: 0.5rem 0.75rem; position: relative; } /* line 167, src/assets/sass/sass/components/navbar.sass */ .navbar-item .icon:only-child, .navbar-link .icon:only-child { margin-left: -0.25rem; margin-right: -0.25rem; } /* line 171, src/assets/sass/sass/components/navbar.sass */ a.navbar-item, .navbar-link { cursor: pointer; } /* line 174, src/assets/sass/sass/components/navbar.sass */ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { background-color: #fafafa; color: #3273dc; } /* line 181, src/assets/sass/sass/components/navbar.sass */ .navbar-item { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 184, src/assets/sass/sass/components/navbar.sass */ .navbar-item img { max-height: 1.75rem; } /* line 186, src/assets/sass/sass/components/navbar.sass */ .navbar-item.has-dropdown { padding: 0; } /* line 188, src/assets/sass/sass/components/navbar.sass */ .navbar-item.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* line 191, src/assets/sass/sass/components/navbar.sass */ .navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } /* line 195, src/assets/sass/sass/components/navbar.sass */ .navbar-item.is-tab:focus, .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: #3273dc; } /* line 199, src/assets/sass/sass/components/navbar.sass */ .navbar-item.is-tab.is-active { background-color: transparent; border-bottom-color: #3273dc; border-bottom-style: solid; border-bottom-width: 3px; color: #3273dc; padding-bottom: calc(0.5rem - 3px); } /* line 207, src/assets/sass/sass/components/navbar.sass */ .navbar-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* line 211, src/assets/sass/sass/components/navbar.sass */ .navbar-link:not(.is-arrowless) { padding-right: 2.5em; } /* line 213, src/assets/sass/sass/components/navbar.sass */ .navbar-link:not(.is-arrowless)::after { border-color: #3273dc; margin-top: -0.375em; right: 1.125em; } /* line 219, src/assets/sass/sass/components/navbar.sass */ .navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } /* line 223, src/assets/sass/sass/components/navbar.sass */ .navbar-dropdown .navbar-item { padding-left: 1.5rem; padding-right: 1.5rem; } /* line 227, src/assets/sass/sass/components/navbar.sass */ .navbar-divider { background-color: whitesmoke; border: none; display: none; height: 2px; margin: 0.5rem 0; } @media screen and (max-width: 1023px) { /* line 235, src/assets/sass/sass/components/navbar.sass */ .navbar > .container { display: block; } /* line 239, src/assets/sass/sass/components/navbar.sass */ .navbar-brand .navbar-item, .navbar-tabs .navbar-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 243, src/assets/sass/sass/components/navbar.sass */ .navbar-link::after { display: none; } /* line 245, src/assets/sass/sass/components/navbar.sass */ .navbar-menu { background-color: #ffffff; -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } /* line 249, src/assets/sass/sass/components/navbar.sass */ .navbar-menu.is-active { display: block; } /* line 253, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 30; } /* line 256, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom-touch { bottom: 0; } /* line 258, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom-touch.has-shadow { -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } /* line 260, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-top-touch { top: 0; } /* line 264, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } /* line 270, src/assets/sass/sass/components/navbar.sass */ html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } /* line 272, src/assets/sass/sass/components/navbar.sass */ html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media screen and (min-width: 1024px) { /* line 276, src/assets/sass/sass/components/navbar.sass */ .navbar, .navbar-menu, .navbar-start, .navbar-end { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 282, src/assets/sass/sass/components/navbar.sass */ .navbar { min-height: 3.25rem; } /* line 284, src/assets/sass/sass/components/navbar.sass */ .navbar.is-spaced { padding: 1rem 2rem; } /* line 286, src/assets/sass/sass/components/navbar.sass */ .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 289, src/assets/sass/sass/components/navbar.sass */ .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } /* line 295, src/assets/sass/sass/components/navbar.sass */ .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } /* line 304, src/assets/sass/sass/components/navbar.sass */ .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } /* line 308, src/assets/sass/sass/components/navbar.sass */ .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #0a0a0a; } /* line 312, src/assets/sass/sass/components/navbar.sass */ .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #3273dc; } /* line 315, src/assets/sass/sass/components/navbar.sass */ .navbar-burger { display: none; } /* line 317, src/assets/sass/sass/components/navbar.sass */ .navbar-item, .navbar-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 322, src/assets/sass/sass/components/navbar.sass */ .navbar-item.has-dropdown { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } /* line 325, src/assets/sass/sass/components/navbar.sass */ .navbar-item.has-dropdown-up .navbar-link::after { -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); transform: rotate(135deg) translate(0.25em, -0.25em); } /* line 327, src/assets/sass/sass/components/navbar.sass */ .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid #dbdbdb; border-radius: 6px 6px 0 0; border-top: none; bottom: 100%; -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } /* line 338, src/assets/sass/sass/components/navbar.sass */ .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; } /* line 340, src/assets/sass/sass/components/navbar.sass */ .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); } /* line 345, src/assets/sass/sass/components/navbar.sass */ .navbar-menu { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } /* line 348, src/assets/sass/sass/components/navbar.sass */ .navbar-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: auto; } /* line 351, src/assets/sass/sass/components/navbar.sass */ .navbar-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } /* line 354, src/assets/sass/sass/components/navbar.sass */ .navbar-dropdown { background-color: #ffffff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; left: 0; min-width: 100%; position: absolute; top: 100%; z-index: 20; } /* line 367, src/assets/sass/sass/components/navbar.sass */ .navbar-dropdown .navbar-item { padding: 0.375rem 1rem; white-space: nowrap; } /* line 370, src/assets/sass/sass/components/navbar.sass */ .navbar-dropdown a.navbar-item { padding-right: 3rem; } /* line 372, src/assets/sass/sass/components/navbar.sass */ .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #0a0a0a; } /* line 376, src/assets/sass/sass/components/navbar.sass */ .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #3273dc; } /* line 379, src/assets/sass/sass/components/navbar.sass */ .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition-duration: 86ms; transition-duration: 86ms; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } /* line 391, src/assets/sass/sass/components/navbar.sass */ .navbar-dropdown.is-right { left: auto; right: 0; } /* line 394, src/assets/sass/sass/components/navbar.sass */ .navbar-divider { display: block; } /* line 398, src/assets/sass/sass/components/navbar.sass */ .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { margin-left: -0.75rem; } /* line 400, src/assets/sass/sass/components/navbar.sass */ .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { margin-right: -0.75rem; } /* line 404, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 30; } /* line 407, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom-desktop { bottom: 0; } /* line 409, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-bottom-desktop.has-shadow { -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } /* line 411, src/assets/sass/sass/components/navbar.sass */ .navbar.is-fixed-top-desktop { top: 0; } /* line 415, src/assets/sass/sass/components/navbar.sass */ html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } /* line 417, src/assets/sass/sass/components/navbar.sass */ html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } /* line 419, src/assets/sass/sass/components/navbar.sass */ html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top { padding-top: 5.25rem; } /* line 421, src/assets/sass/sass/components/navbar.sass */ html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; } /* line 426, src/assets/sass/sass/components/navbar.sass */ a.navbar-item.is-active, .navbar-link.is-active { color: #0a0a0a; } /* line 428, src/assets/sass/sass/components/navbar.sass */ a.navbar-item.is-active:not(:focus):not(:hover), .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } /* line 434, src/assets/sass/sass/components/navbar.sass */ .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: #fafafa; } } /* line 440, src/assets/sass/sass/components/navbar.sass */ .hero.is-fullheight-with-navbar { min-height: calc(100vh - 3.25rem); } /* line 32, src/assets/sass/sass/components/pagination.sass */ .pagination { font-size: 1rem; margin: -0.25rem; } /* line 37, src/assets/sass/sass/components/pagination.sass */ .pagination.is-small { font-size: 0.75rem; } /* line 39, src/assets/sass/sass/components/pagination.sass */ .pagination.is-medium { font-size: 1.25rem; } /* line 41, src/assets/sass/sass/components/pagination.sass */ .pagination.is-large { font-size: 1.5rem; } /* line 44, src/assets/sass/sass/components/pagination.sass */ .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next { padding-left: 1em; padding-right: 1em; border-radius: 290486px; } /* line 49, src/assets/sass/sass/components/pagination.sass */ .pagination.is-rounded .pagination-link { border-radius: 290486px; } /* line 52, src/assets/sass/sass/components/pagination.sass */ .pagination, .pagination-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } /* line 59, src/assets/sass/sass/components/pagination.sass */ .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { font-size: 1em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.25rem; padding-left: 0.5em; padding-right: 0.5em; text-align: center; } /* line 72, src/assets/sass/sass/components/pagination.sass */ .pagination-previous, .pagination-next, .pagination-link { border-color: #dbdbdb; color: #363636; min-width: 2.5em; } /* line 78, src/assets/sass/sass/components/pagination.sass */ .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover { border-color: #b5b5b5; color: #363636; } /* line 81, src/assets/sass/sass/components/pagination.sass */ .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus { border-color: #3273dc; } /* line 83, src/assets/sass/sass/components/pagination.sass */ .pagination-previous:active, .pagination-next:active, .pagination-link:active { -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } /* line 85, src/assets/sass/sass/components/pagination.sass */ .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; -webkit-box-shadow: none; box-shadow: none; color: #7a7a7a; opacity: 0.5; } /* line 92, src/assets/sass/sass/components/pagination.sass */ .pagination-previous, .pagination-next { padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } /* line 99, src/assets/sass/sass/components/pagination.sass */ .pagination-link.is-current { background-color: #3273dc; border-color: #3273dc; color: #fff; } /* line 104, src/assets/sass/sass/components/pagination.sass */ .pagination-ellipsis { color: #b5b5b5; pointer-events: none; } /* line 108, src/assets/sass/sass/components/pagination.sass */ .pagination-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 768px) { /* line 112, src/assets/sass/sass/components/pagination.sass */ .pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 114, src/assets/sass/sass/components/pagination.sass */ .pagination-previous, .pagination-next { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* line 119, src/assets/sass/sass/components/pagination.sass */ .pagination-list li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } } @media screen and (min-width: 769px), print { /* line 124, src/assets/sass/sass/components/pagination.sass */ .pagination-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /* line 129, src/assets/sass/sass/components/pagination.sass */ .pagination-previous { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /* line 131, src/assets/sass/sass/components/pagination.sass */ .pagination-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } /* line 133, src/assets/sass/sass/components/pagination.sass */ .pagination { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 136, src/assets/sass/sass/components/pagination.sass */ .pagination.is-centered .pagination-previous { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /* line 138, src/assets/sass/sass/components/pagination.sass */ .pagination.is-centered .pagination-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /* line 141, src/assets/sass/sass/components/pagination.sass */ .pagination.is-centered .pagination-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } /* line 144, src/assets/sass/sass/components/pagination.sass */ .pagination.is-right .pagination-previous { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /* line 146, src/assets/sass/sass/components/pagination.sass */ .pagination.is-right .pagination-next { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /* line 148, src/assets/sass/sass/components/pagination.sass */ .pagination.is-right .pagination-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } /* line 31, src/assets/sass/sass/components/panel.sass */ .panel { border-radius: 6px; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); font-size: 1rem; } /* line 35, src/assets/sass/sass/components/panel.sass */ .panel:not(:last-child) { margin-bottom: 1.5rem; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-white .panel-heading { background-color: #ffffff; color: #0a0a0a; } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-white .panel-tabs a.is-active { border-bottom-color: #ffffff; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-white .panel-block.is-active .panel-icon { color: #ffffff; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-black .panel-heading { background-color: #0a0a0a; color: #ffffff; } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-black .panel-tabs a.is-active { border-bottom-color: #0a0a0a; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-black .panel-block.is-active .panel-icon { color: #0a0a0a; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-light .panel-heading { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-light .panel-tabs a.is-active { border-bottom-color: whitesmoke; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-light .panel-block.is-active .panel-icon { color: whitesmoke; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-dark .panel-heading { background-color: #363636; color: #fff; } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-dark .panel-tabs a.is-active { border-bottom-color: #363636; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-dark .panel-block.is-active .panel-icon { color: #363636; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-primary .panel-heading { background-color: #606061; color: #fff; } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-primary .panel-tabs a.is-active { border-bottom-color: #606061; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-primary .panel-block.is-active .panel-icon { color: #606061; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-link .panel-heading { background-color: #3273dc; color: #fff; } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-link .panel-tabs a.is-active { border-bottom-color: #3273dc; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-link .panel-block.is-active .panel-icon { color: #3273dc; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-info .panel-heading { background-color: #039BE5; color: #fff; } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-info .panel-tabs a.is-active { border-bottom-color: #039BE5; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-info .panel-block.is-active .panel-icon { color: #039BE5; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-success .panel-heading { background-color: #06d6a0; color: #fff; } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-success .panel-tabs a.is-active { border-bottom-color: #06d6a0; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-success .panel-block.is-active .panel-icon { color: #06d6a0; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-warning .panel-heading { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-warning .panel-tabs a.is-active { border-bottom-color: #faae42; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-warning .panel-block.is-active .panel-icon { color: #faae42; } /* line 42, src/assets/sass/sass/components/panel.sass */ .panel.is-danger .panel-heading { background-color: #e62965; color: #fff; } /* line 45, src/assets/sass/sass/components/panel.sass */ .panel.is-danger .panel-tabs a.is-active { border-bottom-color: #e62965; } /* line 47, src/assets/sass/sass/components/panel.sass */ .panel.is-danger .panel-block.is-active .panel-icon { color: #e62965; } /* line 52, src/assets/sass/sass/components/panel.sass */ .panel-tabs:not(:last-child), .panel-block:not(:last-child) { border-bottom: 1px solid #ededed; } /* line 55, src/assets/sass/sass/components/panel.sass */ .panel-heading { background-color: #ededed; border-radius: 6px 6px 0 0; color: #363636; font-size: 1.25em; font-weight: 700; line-height: 1.25; padding: 0.75em 1em; } /* line 64, src/assets/sass/sass/components/panel.sass */ .panel-tabs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 69, src/assets/sass/sass/components/panel.sass */ .panel-tabs a { border-bottom: 1px solid #dbdbdb; margin-bottom: -1px; padding: 0.5em; } /* line 74, src/assets/sass/sass/components/panel.sass */ .panel-tabs a.is-active { border-bottom-color: #4a4a4a; color: #363636; } /* line 79, src/assets/sass/sass/components/panel.sass */ .panel-list a { color: #4a4a4a; } /* line 81, src/assets/sass/sass/components/panel.sass */ .panel-list a:hover { color: #3273dc; } /* line 84, src/assets/sass/sass/components/panel.sass */ .panel-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #363636; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0.5em 0.75em; } /* line 90, src/assets/sass/sass/components/panel.sass */ .panel-block input[type="checkbox"] { margin-right: 0.75em; } /* line 92, src/assets/sass/sass/components/panel.sass */ .panel-block > .control { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; width: 100%; } /* line 96, src/assets/sass/sass/components/panel.sass */ .panel-block.is-wrapped { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 98, src/assets/sass/sass/components/panel.sass */ .panel-block.is-active { border-left-color: #3273dc; color: #363636; } /* line 101, src/assets/sass/sass/components/panel.sass */ .panel-block.is-active .panel-icon { color: #3273dc; } /* line 103, src/assets/sass/sass/components/panel.sass */ .panel-block:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } /* line 107, src/assets/sass/sass/components/panel.sass */ a.panel-block, label.panel-block { cursor: pointer; } /* line 110, src/assets/sass/sass/components/panel.sass */ a.panel-block:hover, label.panel-block:hover { background-color: whitesmoke; } /* line 113, src/assets/sass/sass/components/panel.sass */ .panel-icon { display: inline-block; font-size: 14px; height: 1em; line-height: 1em; text-align: center; vertical-align: top; width: 1em; color: #7a7a7a; margin-right: 0.75em; } /* line 117, src/assets/sass/sass/components/panel.sass */ .panel-icon .fa { font-size: inherit; line-height: inherit; } /* line 29, src/assets/sass/sass/components/tabs.sass */ .tabs { -webkit-overflow-scrolling: touch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; } /* line 40, src/assets/sass/sass/components/tabs.sass */ .tabs a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; color: #4a4a4a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } /* line 51, src/assets/sass/sass/components/tabs.sass */ .tabs a:hover { border-bottom-color: #363636; color: #363636; } /* line 54, src/assets/sass/sass/components/tabs.sass */ .tabs li { display: block; } /* line 57, src/assets/sass/sass/components/tabs.sass */ .tabs li.is-active a { border-bottom-color: #3273dc; color: #3273dc; } /* line 60, src/assets/sass/sass/components/tabs.sass */ .tabs ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* line 69, src/assets/sass/sass/components/tabs.sass */ .tabs ul.is-left { padding-right: 0.75em; } /* line 71, src/assets/sass/sass/components/tabs.sass */ .tabs ul.is-center { -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } /* line 76, src/assets/sass/sass/components/tabs.sass */ .tabs ul.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 0.75em; } /* line 80, src/assets/sass/sass/components/tabs.sass */ .tabs .icon:first-child { margin-right: 0.5em; } /* line 82, src/assets/sass/sass/components/tabs.sass */ .tabs .icon:last-child { margin-left: 0.5em; } /* line 86, src/assets/sass/sass/components/tabs.sass */ .tabs.is-centered ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 89, src/assets/sass/sass/components/tabs.sass */ .tabs.is-right ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 93, src/assets/sass/sass/components/tabs.sass */ .tabs.is-boxed a { border: 1px solid transparent; border-radius: 4px 4px 0 0; } /* line 99, src/assets/sass/sass/components/tabs.sass */ .tabs.is-boxed a:hover { background-color: whitesmoke; border-bottom-color: #dbdbdb; } /* line 104, src/assets/sass/sass/components/tabs.sass */ .tabs.is-boxed li.is-active a { background-color: #ffffff; border-color: #dbdbdb; border-bottom-color: transparent !important; } /* line 109, src/assets/sass/sass/components/tabs.sass */ .tabs.is-fullwidth li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } /* line 113, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle a { border-color: #dbdbdb; border-style: solid; border-width: 1px; margin-bottom: 0; position: relative; } /* line 119, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle a:hover { background-color: whitesmoke; border-color: #b5b5b5; z-index: 2; } /* line 124, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle li + li { margin-left: -1px; } /* line 126, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } /* line 133, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* line 141, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle li.is-active a { background-color: #3273dc; border-color: #3273dc; color: #fff; z-index: 1; } /* line 146, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle ul { border-bottom: none; } /* line 150, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle.is-toggle-rounded li:first-child a { border-bottom-left-radius: 290486px; border-top-left-radius: 290486px; padding-left: 1.25em; } /* line 159, src/assets/sass/sass/components/tabs.sass */ .tabs.is-toggle.is-toggle-rounded li:last-child a { border-bottom-right-radius: 290486px; border-top-right-radius: 290486px; padding-right: 1.25em; } /* line 169, src/assets/sass/sass/components/tabs.sass */ .tabs.is-small { font-size: 0.75rem; } /* line 171, src/assets/sass/sass/components/tabs.sass */ .tabs.is-medium { font-size: 1.25rem; } /* line 173, src/assets/sass/sass/components/tabs.sass */ .tabs.is-large { font-size: 1.5rem; } /* line 3, src/assets/sass/sass/grid/columns.sass */ .column { display: block; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; padding: 0.75rem; } /* line 9, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-narrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; } /* line 11, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-full { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 14, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-three-quarters { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 17, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-two-thirds { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } /* line 20, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-half { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 23, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-one-third { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } /* line 26, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-one-quarter { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 29, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-one-fifth { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } /* line 32, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-two-fifths { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } /* line 35, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-three-fifths { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } /* line 38, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-four-fifths { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } /* line 41, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; } /* line 43, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-two-thirds { margin-left: 66.6666%; } /* line 45, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-half { margin-left: 50%; } /* line 47, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-one-third { margin-left: 33.3333%; } /* line 49, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-one-quarter { margin-left: 25%; } /* line 51, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-one-fifth { margin-left: 20%; } /* line 53, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-two-fifths { margin-left: 40%; } /* line 55, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-three-fifths { margin-left: 60%; } /* line 57, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-0 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-0 { margin-left: 0%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-1 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-1 { margin-left: 8.33333%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-2 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66667%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-2 { margin-left: 16.66667%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-3 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-3 { margin-left: 25%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-4 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-4 { margin-left: 33.33333%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-5 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66667%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-5 { margin-left: 41.66667%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-6 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-6 { margin-left: 50%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-7 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-7 { margin-left: 58.33333%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-8 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66667%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-8 { margin-left: 66.66667%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-9 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-9 { margin-left: 75%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-10 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-10 { margin-left: 83.33333%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-11 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66667%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-11 { margin-left: 91.66667%; } /* line 60, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-12 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 63, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile > .column.is-offset-12 { margin-left: 100%; } @media screen and (max-width: 768px) { /* line 66, src/assets/sass/sass/grid/columns.sass */ .column.is-narrow-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; } /* line 68, src/assets/sass/sass/grid/columns.sass */ .column.is-full-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 71, src/assets/sass/sass/grid/columns.sass */ .column.is-three-quarters-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 74, src/assets/sass/sass/grid/columns.sass */ .column.is-two-thirds-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } /* line 77, src/assets/sass/sass/grid/columns.sass */ .column.is-half-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 80, src/assets/sass/sass/grid/columns.sass */ .column.is-one-third-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } /* line 83, src/assets/sass/sass/grid/columns.sass */ .column.is-one-quarter-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 86, src/assets/sass/sass/grid/columns.sass */ .column.is-one-fifth-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } /* line 89, src/assets/sass/sass/grid/columns.sass */ .column.is-two-fifths-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } /* line 92, src/assets/sass/sass/grid/columns.sass */ .column.is-three-fifths-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } /* line 95, src/assets/sass/sass/grid/columns.sass */ .column.is-four-fifths-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } /* line 98, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-quarters-mobile { margin-left: 75%; } /* line 100, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; } /* line 102, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-half-mobile { margin-left: 50%; } /* line 104, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-third-mobile { margin-left: 33.3333%; } /* line 106, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-quarter-mobile { margin-left: 25%; } /* line 108, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-fifth-mobile { margin-left: 20%; } /* line 110, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-fifths-mobile { margin-left: 40%; } /* line 112, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-fifths-mobile { margin-left: 60%; } /* line 114, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-four-fifths-mobile { margin-left: 80%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-0-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-0-mobile { margin-left: 0%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-1-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-1-mobile { margin-left: 8.33333%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-2-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66667%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-2-mobile { margin-left: 16.66667%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-3-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-3-mobile { margin-left: 25%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-4-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-4-mobile { margin-left: 33.33333%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-5-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66667%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-5-mobile { margin-left: 41.66667%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-6-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-6-mobile { margin-left: 50%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-7-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-7-mobile { margin-left: 58.33333%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-8-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66667%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-8-mobile { margin-left: 66.66667%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-9-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-9-mobile { margin-left: 75%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-10-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-10-mobile { margin-left: 83.33333%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-11-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66667%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-11-mobile { margin-left: 91.66667%; } /* line 117, src/assets/sass/sass/grid/columns.sass */ .column.is-12-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 120, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-12-mobile { margin-left: 100%; } } @media screen and (min-width: 769px), print { /* line 123, src/assets/sass/sass/grid/columns.sass */ .column.is-narrow, .column.is-narrow-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; } /* line 126, src/assets/sass/sass/grid/columns.sass */ .column.is-full, .column.is-full-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 130, src/assets/sass/sass/grid/columns.sass */ .column.is-three-quarters, .column.is-three-quarters-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 134, src/assets/sass/sass/grid/columns.sass */ .column.is-two-thirds, .column.is-two-thirds-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } /* line 138, src/assets/sass/sass/grid/columns.sass */ .column.is-half, .column.is-half-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 142, src/assets/sass/sass/grid/columns.sass */ .column.is-one-third, .column.is-one-third-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } /* line 146, src/assets/sass/sass/grid/columns.sass */ .column.is-one-quarter, .column.is-one-quarter-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 150, src/assets/sass/sass/grid/columns.sass */ .column.is-one-fifth, .column.is-one-fifth-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } /* line 154, src/assets/sass/sass/grid/columns.sass */ .column.is-two-fifths, .column.is-two-fifths-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } /* line 158, src/assets/sass/sass/grid/columns.sass */ .column.is-three-fifths, .column.is-three-fifths-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } /* line 162, src/assets/sass/sass/grid/columns.sass */ .column.is-four-fifths, .column.is-four-fifths-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } /* line 166, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { margin-left: 75%; } /* line 169, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; } /* line 172, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-half, .column.is-offset-half-tablet { margin-left: 50%; } /* line 175, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-third, .column.is-offset-one-third-tablet { margin-left: 33.3333%; } /* line 178, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { margin-left: 25%; } /* line 181, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { margin-left: 20%; } /* line 184, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { margin-left: 40%; } /* line 187, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { margin-left: 60%; } /* line 190, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-0, .column.is-0-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-0, .column.is-offset-0-tablet { margin-left: 0%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-1, .column.is-1-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-2, .column.is-2-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66667%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-3, .column.is-3-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-4, .column.is-4-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-5, .column.is-5-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66667%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-6, .column.is-6-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-7, .column.is-7-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-8, .column.is-8-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66667%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-9, .column.is-9-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-10, .column.is-10-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-11, .column.is-11-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66667%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } /* line 194, src/assets/sass/sass/grid/columns.sass */ .column.is-12, .column.is-12-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 198, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } } @media screen and (max-width: 1023px) { /* line 202, src/assets/sass/sass/grid/columns.sass */ .column.is-narrow-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; } /* line 204, src/assets/sass/sass/grid/columns.sass */ .column.is-full-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 207, src/assets/sass/sass/grid/columns.sass */ .column.is-three-quarters-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 210, src/assets/sass/sass/grid/columns.sass */ .column.is-two-thirds-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } /* line 213, src/assets/sass/sass/grid/columns.sass */ .column.is-half-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 216, src/assets/sass/sass/grid/columns.sass */ .column.is-one-third-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } /* line 219, src/assets/sass/sass/grid/columns.sass */ .column.is-one-quarter-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 222, src/assets/sass/sass/grid/columns.sass */ .column.is-one-fifth-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } /* line 225, src/assets/sass/sass/grid/columns.sass */ .column.is-two-fifths-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } /* line 228, src/assets/sass/sass/grid/columns.sass */ .column.is-three-fifths-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } /* line 231, src/assets/sass/sass/grid/columns.sass */ .column.is-four-fifths-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } /* line 234, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-quarters-touch { margin-left: 75%; } /* line 236, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-thirds-touch { margin-left: 66.6666%; } /* line 238, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-half-touch { margin-left: 50%; } /* line 240, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-third-touch { margin-left: 33.3333%; } /* line 242, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-quarter-touch { margin-left: 25%; } /* line 244, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-fifth-touch { margin-left: 20%; } /* line 246, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-fifths-touch { margin-left: 40%; } /* line 248, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-fifths-touch { margin-left: 60%; } /* line 250, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-four-fifths-touch { margin-left: 80%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-0-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-0-touch { margin-left: 0%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-1-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-1-touch { margin-left: 8.33333%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-2-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66667%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-2-touch { margin-left: 16.66667%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-3-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-3-touch { margin-left: 25%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-4-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-4-touch { margin-left: 33.33333%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-5-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66667%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-5-touch { margin-left: 41.66667%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-6-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-6-touch { margin-left: 50%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-7-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-7-touch { margin-left: 58.33333%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-8-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66667%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-8-touch { margin-left: 66.66667%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-9-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-9-touch { margin-left: 75%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-10-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-10-touch { margin-left: 83.33333%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-11-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66667%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-11-touch { margin-left: 91.66667%; } /* line 253, src/assets/sass/sass/grid/columns.sass */ .column.is-12-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 256, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-12-touch { margin-left: 100%; } } @media screen and (min-width: 1024px) { /* line 259, src/assets/sass/sass/grid/columns.sass */ .column.is-narrow-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; } /* line 261, src/assets/sass/sass/grid/columns.sass */ .column.is-full-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 264, src/assets/sass/sass/grid/columns.sass */ .column.is-three-quarters-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 267, src/assets/sass/sass/grid/columns.sass */ .column.is-two-thirds-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } /* line 270, src/assets/sass/sass/grid/columns.sass */ .column.is-half-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 273, src/assets/sass/sass/grid/columns.sass */ .column.is-one-third-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } /* line 276, src/assets/sass/sass/grid/columns.sass */ .column.is-one-quarter-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 279, src/assets/sass/sass/grid/columns.sass */ .column.is-one-fifth-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } /* line 282, src/assets/sass/sass/grid/columns.sass */ .column.is-two-fifths-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } /* line 285, src/assets/sass/sass/grid/columns.sass */ .column.is-three-fifths-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } /* line 288, src/assets/sass/sass/grid/columns.sass */ .column.is-four-fifths-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } /* line 291, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-quarters-desktop { margin-left: 75%; } /* line 293, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; } /* line 295, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-half-desktop { margin-left: 50%; } /* line 297, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-third-desktop { margin-left: 33.3333%; } /* line 299, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-quarter-desktop { margin-left: 25%; } /* line 301, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-fifth-desktop { margin-left: 20%; } /* line 303, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-fifths-desktop { margin-left: 40%; } /* line 305, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-fifths-desktop { margin-left: 60%; } /* line 307, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-four-fifths-desktop { margin-left: 80%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-0-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-0-desktop { margin-left: 0%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-1-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-1-desktop { margin-left: 8.33333%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-2-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66667%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-2-desktop { margin-left: 16.66667%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-3-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-3-desktop { margin-left: 25%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-4-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-4-desktop { margin-left: 33.33333%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-5-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66667%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-5-desktop { margin-left: 41.66667%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-6-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-6-desktop { margin-left: 50%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-7-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-7-desktop { margin-left: 58.33333%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-8-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66667%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-8-desktop { margin-left: 66.66667%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-9-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-9-desktop { margin-left: 75%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-10-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-10-desktop { margin-left: 83.33333%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-11-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66667%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-11-desktop { margin-left: 91.66667%; } /* line 310, src/assets/sass/sass/grid/columns.sass */ .column.is-12-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 313, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-12-desktop { margin-left: 100%; } } @media screen and (min-width: 1216px) { /* line 316, src/assets/sass/sass/grid/columns.sass */ .column.is-narrow-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; } /* line 318, src/assets/sass/sass/grid/columns.sass */ .column.is-full-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 321, src/assets/sass/sass/grid/columns.sass */ .column.is-three-quarters-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 324, src/assets/sass/sass/grid/columns.sass */ .column.is-two-thirds-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } /* line 327, src/assets/sass/sass/grid/columns.sass */ .column.is-half-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 330, src/assets/sass/sass/grid/columns.sass */ .column.is-one-third-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } /* line 333, src/assets/sass/sass/grid/columns.sass */ .column.is-one-quarter-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 336, src/assets/sass/sass/grid/columns.sass */ .column.is-one-fifth-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } /* line 339, src/assets/sass/sass/grid/columns.sass */ .column.is-two-fifths-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } /* line 342, src/assets/sass/sass/grid/columns.sass */ .column.is-three-fifths-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } /* line 345, src/assets/sass/sass/grid/columns.sass */ .column.is-four-fifths-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } /* line 348, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-quarters-widescreen { margin-left: 75%; } /* line 350, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; } /* line 352, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-half-widescreen { margin-left: 50%; } /* line 354, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-third-widescreen { margin-left: 33.3333%; } /* line 356, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-quarter-widescreen { margin-left: 25%; } /* line 358, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-fifth-widescreen { margin-left: 20%; } /* line 360, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-fifths-widescreen { margin-left: 40%; } /* line 362, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-fifths-widescreen { margin-left: 60%; } /* line 364, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-four-fifths-widescreen { margin-left: 80%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-0-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-0-widescreen { margin-left: 0%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-1-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-1-widescreen { margin-left: 8.33333%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-2-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66667%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-2-widescreen { margin-left: 16.66667%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-3-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-3-widescreen { margin-left: 25%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-4-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-4-widescreen { margin-left: 33.33333%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-5-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66667%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-5-widescreen { margin-left: 41.66667%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-6-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-6-widescreen { margin-left: 50%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-7-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-7-widescreen { margin-left: 58.33333%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-8-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66667%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-8-widescreen { margin-left: 66.66667%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-9-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-9-widescreen { margin-left: 75%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-10-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-10-widescreen { margin-left: 83.33333%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-11-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66667%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-11-widescreen { margin-left: 91.66667%; } /* line 367, src/assets/sass/sass/grid/columns.sass */ .column.is-12-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 370, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-12-widescreen { margin-left: 100%; } } @media screen and (min-width: 1408px) { /* line 373, src/assets/sass/sass/grid/columns.sass */ .column.is-narrow-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; } /* line 375, src/assets/sass/sass/grid/columns.sass */ .column.is-full-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 378, src/assets/sass/sass/grid/columns.sass */ .column.is-three-quarters-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 381, src/assets/sass/sass/grid/columns.sass */ .column.is-two-thirds-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } /* line 384, src/assets/sass/sass/grid/columns.sass */ .column.is-half-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 387, src/assets/sass/sass/grid/columns.sass */ .column.is-one-third-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } /* line 390, src/assets/sass/sass/grid/columns.sass */ .column.is-one-quarter-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 393, src/assets/sass/sass/grid/columns.sass */ .column.is-one-fifth-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } /* line 396, src/assets/sass/sass/grid/columns.sass */ .column.is-two-fifths-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } /* line 399, src/assets/sass/sass/grid/columns.sass */ .column.is-three-fifths-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } /* line 402, src/assets/sass/sass/grid/columns.sass */ .column.is-four-fifths-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } /* line 405, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-quarters-fullhd { margin-left: 75%; } /* line 407, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-thirds-fullhd { margin-left: 66.6666%; } /* line 409, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-half-fullhd { margin-left: 50%; } /* line 411, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-third-fullhd { margin-left: 33.3333%; } /* line 413, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-quarter-fullhd { margin-left: 25%; } /* line 415, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-one-fifth-fullhd { margin-left: 20%; } /* line 417, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-two-fifths-fullhd { margin-left: 40%; } /* line 419, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-three-fifths-fullhd { margin-left: 60%; } /* line 421, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-four-fifths-fullhd { margin-left: 80%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-0-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-0-fullhd { margin-left: 0%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-1-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-1-fullhd { margin-left: 8.33333%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-2-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66667%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-2-fullhd { margin-left: 16.66667%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-3-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-3-fullhd { margin-left: 25%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-4-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-4-fullhd { margin-left: 33.33333%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-5-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66667%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-5-fullhd { margin-left: 41.66667%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-6-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-6-fullhd { margin-left: 50%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-7-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-7-fullhd { margin-left: 58.33333%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-8-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66667%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-8-fullhd { margin-left: 66.66667%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-9-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-9-fullhd { margin-left: 75%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-10-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-10-fullhd { margin-left: 83.33333%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-11-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66667%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-11-fullhd { margin-left: 91.66667%; } /* line 424, src/assets/sass/sass/grid/columns.sass */ .column.is-12-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } /* line 427, src/assets/sass/sass/grid/columns.sass */ .column.is-offset-12-fullhd { margin-left: 100%; } } /* line 430, src/assets/sass/sass/grid/columns.sass */ .columns { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } /* line 434, src/assets/sass/sass/grid/columns.sass */ .columns:last-child { margin-bottom: -0.75rem; } /* line 436, src/assets/sass/sass/grid/columns.sass */ .columns:not(:last-child) { margin-bottom: calc(1.5rem - 0.75rem); } /* line 439, src/assets/sass/sass/grid/columns.sass */ .columns.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 441, src/assets/sass/sass/grid/columns.sass */ .columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; } /* line 445, src/assets/sass/sass/grid/columns.sass */ .columns.is-gapless > .column { margin: 0; padding: 0 !important; } /* line 448, src/assets/sass/sass/grid/columns.sass */ .columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; } /* line 450, src/assets/sass/sass/grid/columns.sass */ .columns.is-gapless:last-child { margin-bottom: 0; } /* line 452, src/assets/sass/sass/grid/columns.sass */ .columns.is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 454, src/assets/sass/sass/grid/columns.sass */ .columns.is-multiline { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 456, src/assets/sass/sass/grid/columns.sass */ .columns.is-vcentered { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 769px), print { /* line 460, src/assets/sass/sass/grid/columns.sass */ .columns:not(.is-desktop) { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { /* line 464, src/assets/sass/sass/grid/columns.sass */ .columns.is-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* line 468, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable { --columnGap: 0.75rem; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); } /* line 472, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable .column { padding-left: var(--columnGap); padding-right: var(--columnGap); } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0 { --columnGap: 0rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-mobile { --columnGap: 0rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-tablet { --columnGap: 0rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-tablet-only { --columnGap: 0rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-touch { --columnGap: 0rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-desktop { --columnGap: 0rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-desktop-only { --columnGap: 0rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-widescreen { --columnGap: 0rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-widescreen-only { --columnGap: 0rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-0-fullhd { --columnGap: 0rem; } } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1 { --columnGap: 0.25rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-mobile { --columnGap: 0.25rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-tablet { --columnGap: 0.25rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-tablet-only { --columnGap: 0.25rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-touch { --columnGap: 0.25rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-desktop { --columnGap: 0.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-desktop-only { --columnGap: 0.25rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-widescreen { --columnGap: 0.25rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-widescreen-only { --columnGap: 0.25rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-1-fullhd { --columnGap: 0.25rem; } } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2 { --columnGap: 0.5rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-mobile { --columnGap: 0.5rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-tablet { --columnGap: 0.5rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-tablet-only { --columnGap: 0.5rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-touch { --columnGap: 0.5rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-desktop { --columnGap: 0.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-desktop-only { --columnGap: 0.5rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-widescreen { --columnGap: 0.5rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-widescreen-only { --columnGap: 0.5rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-2-fullhd { --columnGap: 0.5rem; } } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3 { --columnGap: 0.75rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-mobile { --columnGap: 0.75rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-tablet { --columnGap: 0.75rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-tablet-only { --columnGap: 0.75rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-touch { --columnGap: 0.75rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-desktop { --columnGap: 0.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-desktop-only { --columnGap: 0.75rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-widescreen { --columnGap: 0.75rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-widescreen-only { --columnGap: 0.75rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-3-fullhd { --columnGap: 0.75rem; } } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4 { --columnGap: 1rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-mobile { --columnGap: 1rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-tablet { --columnGap: 1rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-tablet-only { --columnGap: 1rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-touch { --columnGap: 1rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-desktop { --columnGap: 1rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-desktop-only { --columnGap: 1rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-widescreen { --columnGap: 1rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-widescreen-only { --columnGap: 1rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-4-fullhd { --columnGap: 1rem; } } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5 { --columnGap: 1.25rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-mobile { --columnGap: 1.25rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-tablet { --columnGap: 1.25rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-tablet-only { --columnGap: 1.25rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-touch { --columnGap: 1.25rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-desktop { --columnGap: 1.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-desktop-only { --columnGap: 1.25rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-widescreen { --columnGap: 1.25rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-widescreen-only { --columnGap: 1.25rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-5-fullhd { --columnGap: 1.25rem; } } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6 { --columnGap: 1.5rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-mobile { --columnGap: 1.5rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-tablet { --columnGap: 1.5rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-tablet-only { --columnGap: 1.5rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-touch { --columnGap: 1.5rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-desktop { --columnGap: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-desktop-only { --columnGap: 1.5rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-widescreen { --columnGap: 1.5rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-widescreen-only { --columnGap: 1.5rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-6-fullhd { --columnGap: 1.5rem; } } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7 { --columnGap: 1.75rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-mobile { --columnGap: 1.75rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-tablet { --columnGap: 1.75rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-tablet-only { --columnGap: 1.75rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-touch { --columnGap: 1.75rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-desktop { --columnGap: 1.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-desktop-only { --columnGap: 1.75rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-widescreen { --columnGap: 1.75rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-widescreen-only { --columnGap: 1.75rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-7-fullhd { --columnGap: 1.75rem; } } /* line 476, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8 { --columnGap: 2rem; } @media screen and (max-width: 768px) { /* line 479, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-mobile { --columnGap: 2rem; } } @media screen and (min-width: 769px), print { /* line 482, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-tablet { --columnGap: 2rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 485, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-tablet-only { --columnGap: 2rem; } } @media screen and (max-width: 1023px) { /* line 488, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-touch { --columnGap: 2rem; } } @media screen and (min-width: 1024px) { /* line 491, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-desktop { --columnGap: 2rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 494, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-desktop-only { --columnGap: 2rem; } } @media screen and (min-width: 1216px) { /* line 497, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-widescreen { --columnGap: 2rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 500, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-widescreen-only { --columnGap: 2rem; } } @media screen and (min-width: 1408px) { /* line 503, src/assets/sass/sass/grid/columns.sass */ .columns.is-variable.is-8-fullhd { --columnGap: 2rem; } } /* line 3, src/assets/sass/sass/grid/tiles.sass */ .tile { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: block; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-height: -webkit-min-content; min-height: -moz-min-content; min-height: min-content; } /* line 11, src/assets/sass/sass/grid/tiles.sass */ .tile.is-ancestor { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } /* line 15, src/assets/sass/sass/grid/tiles.sass */ .tile.is-ancestor:last-child { margin-bottom: -0.75rem; } /* line 17, src/assets/sass/sass/grid/tiles.sass */ .tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; } /* line 19, src/assets/sass/sass/grid/tiles.sass */ .tile.is-child { margin: 0 !important; } /* line 21, src/assets/sass/sass/grid/tiles.sass */ .tile.is-parent { padding: 0.75rem; } /* line 23, src/assets/sass/sass/grid/tiles.sass */ .tile.is-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 25, src/assets/sass/sass/grid/tiles.sass */ .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; } @media screen and (min-width: 769px), print { /* line 29, src/assets/sass/sass/grid/tiles.sass */ .tile:not(.is-child) { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-1 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-2 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66667%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-3 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-4 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-5 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66667%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-6 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-7 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-8 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66667%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-9 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-10 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-11 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66667%; } /* line 32, src/assets/sass/sass/grid/tiles.sass */ .tile.is-12 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } } /* line 7, src/assets/sass/sass/layout/hero.sass */ .hero { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 12, src/assets/sass/sass/layout/hero.sass */ .hero .navbar { background: none; } /* line 15, src/assets/sass/sass/layout/hero.sass */ .hero .tabs ul { border-bottom: none; } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-white { background-color: #ffffff; color: #0a0a0a; } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .title { color: #0a0a0a; } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .subtitle { color: rgba(10, 10, 10, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong { color: #0a0a0a; } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .navbar-menu { background-color: #ffffff; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .navbar-item, .hero.is-white .navbar-link { color: rgba(10, 10, 10, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white .navbar-link:hover, .hero.is-white .navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .tabs a { color: #0a0a0a; opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { color: #0a0a0a; } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { background-color: #0a0a0a; border-color: #0a0a0a; color: #ffffff; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-white.is-bold { background-image: linear-gradient(141deg, #e6e6e6 0%, #ffffff 71%, white 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-white.is-bold .navbar-menu { background-image: linear-gradient(141deg, #e6e6e6 0%, #ffffff 71%, white 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-black { background-color: #0a0a0a; color: #ffffff; } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .title { color: #ffffff; } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .subtitle { color: rgba(255, 255, 255, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong { color: #ffffff; } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .navbar-menu { background-color: #0a0a0a; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .navbar-item, .hero.is-black .navbar-link { color: rgba(255, 255, 255, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black .navbar-link:hover, .hero.is-black .navbar-link.is-active { background-color: black; color: #ffffff; } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .tabs a { color: #ffffff; opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { color: #ffffff; } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { background-color: #ffffff; border-color: #ffffff; color: #0a0a0a; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-black.is-bold { background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-black.is-bold .navbar-menu { background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .title { color: rgba(0, 0, 0, 0.7); } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .subtitle { color: rgba(0, 0, 0, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .navbar-menu { background-color: whitesmoke; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .navbar-item, .hero.is-light .navbar-link { color: rgba(0, 0, 0, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light .navbar-link:hover, .hero.is-light .navbar-link.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: whitesmoke; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-light.is-bold { background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-light.is-bold .navbar-menu { background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark { background-color: #363636; color: #fff; } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .title { color: #fff; } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .subtitle { color: rgba(255, 255, 255, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .navbar-menu { background-color: #363636; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .navbar-item, .hero.is-dark .navbar-link { color: rgba(255, 255, 255, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark .navbar-link.is-active { background-color: #292929; color: #fff; } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .tabs a { color: #fff; opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { color: #fff; } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #363636; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark.is-bold { background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary { background-color: #606061; color: #fff; } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .title { color: #fff; } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .navbar-menu { background-color: #606061; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .navbar-item, .hero.is-primary .navbar-link { color: rgba(255, 255, 255, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active { background-color: #535354; color: #fff; } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .tabs a { color: #fff; opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { color: #fff; } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #606061; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary.is-bold { background-image: linear-gradient(141deg, #40424e 0%, #606061 71%, #696773 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, #40424e 0%, #606061 71%, #696773 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-link { background-color: #3273dc; color: #fff; } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .title { color: #fff; } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .subtitle { color: rgba(255, 255, 255, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .navbar-menu { background-color: #3273dc; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .navbar-item, .hero.is-link .navbar-link { color: rgba(255, 255, 255, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link .navbar-link:hover, .hero.is-link .navbar-link.is-active { background-color: #2366d1; color: #fff; } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .tabs a { color: #fff; opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { color: #fff; } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #3273dc; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-link.is-bold { background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-info { background-color: #039BE5; color: #fff; } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .title { color: #fff; } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .subtitle { color: rgba(255, 255, 255, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .navbar-menu { background-color: #039BE5; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .navbar-item, .hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info .navbar-link:hover, .hero.is-info .navbar-link.is-active { background-color: #038acc; color: #fff; } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .tabs a { color: #fff; opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { color: #fff; } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #039BE5; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-info.is-bold { background-image: linear-gradient(141deg, #0098b5 0%, #039BE5 71%, #0382ff 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-info.is-bold .navbar-menu { background-image: linear-gradient(141deg, #0098b5 0%, #039BE5 71%, #0382ff 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-success { background-color: #06d6a0; color: #fff; } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .title { color: #fff; } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .subtitle { color: rgba(255, 255, 255, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .navbar-menu { background-color: #06d6a0; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .navbar-item, .hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success .navbar-link:hover, .hero.is-success .navbar-link.is-active { background-color: #05bd8d; color: #fff; } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .tabs a { color: #fff; opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { color: #fff; } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #06d6a0; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-success.is-bold { background-image: linear-gradient(141deg, #00a961 0%, #06d6a0 71%, #01f5de 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-success.is-bold .navbar-menu { background-image: linear-gradient(141deg, #00a961 0%, #06d6a0 71%, #01f5de 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .title { color: rgba(0, 0, 0, 0.7); } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .subtitle { color: rgba(0, 0, 0, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .navbar-menu { background-color: #faae42; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .navbar-item, .hero.is-warning .navbar-link { color: rgba(0, 0, 0, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning .navbar-link.is-active { background-color: #f9a329; color: rgba(0, 0, 0, 0.7); } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: #faae42; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning.is-bold { background-image: linear-gradient(141deg, #ff710a 0%, #faae42 71%, #ffd557 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ff710a 0%, #faae42 71%, #ffd557 100%); } } /* line 21, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger { background-color: #e62965; color: #fff; } /* line 24, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong { color: inherit; } /* line 27, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .title { color: #fff; } /* line 29, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.9); } /* line 31, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { /* line 34, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .navbar-menu { background-color: #e62965; } } /* line 37, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .navbar-item, .hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); } /* line 42, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger .navbar-link.is-active { background-color: #dc1a57; color: #fff; } /* line 47, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .tabs a { color: #fff; opacity: 0.9; } /* line 50, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .tabs a:hover { opacity: 1; } /* line 53, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .tabs li.is-active a { opacity: 1; } /* line 57, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { color: #fff; } /* line 59, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } /* line 62, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #e62965; } /* line 69, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger.is-bold { background-image: linear-gradient(141deg, #d00c6b 0%, #e62965 71%, #ee3a56 100%); } @media screen and (max-width: 768px) { /* line 74, src/assets/sass/sass/layout/hero.sass */ .hero.is-danger.is-bold .navbar-menu { background-image: linear-gradient(141deg, #d00c6b 0%, #e62965 71%, #ee3a56 100%); } } /* line 78, src/assets/sass/sass/layout/hero.sass */ .hero.is-small .hero-body { padding: 1.5rem; } @media screen and (min-width: 769px), print { /* line 82, src/assets/sass/sass/layout/hero.sass */ .hero.is-medium .hero-body { padding: 9rem 1.5rem; } } @media screen and (min-width: 769px), print { /* line 86, src/assets/sass/sass/layout/hero.sass */ .hero.is-large .hero-body { padding: 18rem 1.5rem; } } /* line 91, src/assets/sass/sass/layout/hero.sass */ .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 94, src/assets/sass/sass/layout/hero.sass */ .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* line 97, src/assets/sass/sass/layout/hero.sass */ .hero.is-halfheight { min-height: 50vh; } /* line 99, src/assets/sass/sass/layout/hero.sass */ .hero.is-fullheight { min-height: 100vh; } /* line 104, src/assets/sass/sass/layout/hero.sass */ .hero-video { overflow: hidden; } /* line 107, src/assets/sass/sass/layout/hero.sass */ .hero-video video { left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } /* line 115, src/assets/sass/sass/layout/hero.sass */ .hero-video.is-transparent { opacity: 0.3; } @media screen and (max-width: 768px) { /* line 104, src/assets/sass/sass/layout/hero.sass */ .hero-video { display: none; } } /* line 121, src/assets/sass/sass/layout/hero.sass */ .hero-buttons { margin-top: 1.5rem; } @media screen and (max-width: 768px) { /* line 125, src/assets/sass/sass/layout/hero.sass */ .hero-buttons .button { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 127, src/assets/sass/sass/layout/hero.sass */ .hero-buttons .button:not(:last-child) { margin-bottom: 0.75rem; } } @media screen and (min-width: 769px), print { /* line 121, src/assets/sass/sass/layout/hero.sass */ .hero-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 132, src/assets/sass/sass/layout/hero.sass */ .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; } } /* line 137, src/assets/sass/sass/layout/hero.sass */ .hero-head, .hero-foot { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* line 142, src/assets/sass/sass/layout/hero.sass */ .hero-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; padding: 3rem 1.5rem; } /* line 5, src/assets/sass/sass/layout/section.sass */ .section { padding: 3rem 1.5rem; } @media screen and (min-width: 1024px) { /* line 10, src/assets/sass/sass/layout/section.sass */ .section.is-medium { padding: 9rem 1.5rem; } /* line 12, src/assets/sass/sass/layout/section.sass */ .section.is-large { padding: 18rem 1.5rem; } } /* line 5, src/assets/sass/sass/layout/footer.sass */ .footer { background-color: #fafafa; padding: 3rem 1.5rem 6rem; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-white { color: #ffffff !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-white:hover, a.has-text-white:focus { color: #e6e6e6 !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-white { background-color: #ffffff !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-black { color: #0a0a0a !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-black:hover, a.has-text-black:focus { color: black !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-black { background-color: #0a0a0a !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-light { color: whitesmoke !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-light:hover, a.has-text-light:focus { color: #dbdbdb !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-light { background-color: whitesmoke !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-dark { color: #363636 !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-dark:hover, a.has-text-dark:focus { color: #1c1c1c !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-dark { background-color: #363636 !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-primary { color: #606061 !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-primary:hover, a.has-text-primary:focus { color: #474747 !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-primary { background-color: #606061 !important; } /* line 15, src/assets/sass/sass/helpers/color.sass */ .has-text-primary-light { color: whitesmoke !important; } /* line 18, src/assets/sass/sass/helpers/color.sass */ a.has-text-primary-light:hover, a.has-text-primary-light:focus { color: #dbdbdb !important; } /* line 21, src/assets/sass/sass/helpers/color.sass */ .has-background-primary-light { background-color: whitesmoke !important; } /* line 24, src/assets/sass/sass/helpers/color.sass */ .has-text-primary-dark { color: #7a7a7b !important; } /* line 27, src/assets/sass/sass/helpers/color.sass */ a.has-text-primary-dark:hover, a.has-text-primary-dark:focus { color: #939394 !important; } /* line 30, src/assets/sass/sass/helpers/color.sass */ .has-background-primary-dark { background-color: #7a7a7b !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-link { color: #3273dc !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-link:hover, a.has-text-link:focus { color: #205bbc !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-link { background-color: #3273dc !important; } /* line 15, src/assets/sass/sass/helpers/color.sass */ .has-text-link-light { color: #eef3fc !important; } /* line 18, src/assets/sass/sass/helpers/color.sass */ a.has-text-link-light:hover, a.has-text-link-light:focus { color: #c2d5f5 !important; } /* line 21, src/assets/sass/sass/helpers/color.sass */ .has-background-link-light { background-color: #eef3fc !important; } /* line 24, src/assets/sass/sass/helpers/color.sass */ .has-text-link-dark { color: #2160c4 !important; } /* line 27, src/assets/sass/sass/helpers/color.sass */ a.has-text-link-dark:hover, a.has-text-link-dark:focus { color: #3b79de !important; } /* line 30, src/assets/sass/sass/helpers/color.sass */ .has-background-link-dark { background-color: #2160c4 !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-info { color: #039BE5 !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-info:hover, a.has-text-info:focus { color: #0279b3 !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-info { background-color: #039BE5 !important; } /* line 15, src/assets/sass/sass/helpers/color.sass */ .has-text-info-light { color: #ebf8ff !important; } /* line 18, src/assets/sass/sass/helpers/color.sass */ a.has-text-info-light:hover, a.has-text-info-light:focus { color: #b9e7fe !important; } /* line 21, src/assets/sass/sass/helpers/color.sass */ .has-background-info-light { background-color: #ebf8ff !important; } /* line 24, src/assets/sass/sass/helpers/color.sass */ .has-text-info-dark { color: #0385c4 !important; } /* line 27, src/assets/sass/sass/helpers/color.sass */ a.has-text-info-dark:hover, a.has-text-info-dark:focus { color: #03a7f7 !important; } /* line 30, src/assets/sass/sass/helpers/color.sass */ .has-background-info-dark { background-color: #0385c4 !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-success { color: #06d6a0 !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-success:hover, a.has-text-success:focus { color: #05a47b !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-success { background-color: #06d6a0 !important; } /* line 15, src/assets/sass/sass/helpers/color.sass */ .has-text-success-light { color: #ebfef9 !important; } /* line 18, src/assets/sass/sass/helpers/color.sass */ a.has-text-success-light:hover, a.has-text-success-light:focus { color: #bafdec !important; } /* line 21, src/assets/sass/sass/helpers/color.sass */ .has-background-success-light { background-color: #ebfef9 !important; } /* line 24, src/assets/sass/sass/helpers/color.sass */ .has-text-success-dark { color: #04906c !important; } /* line 27, src/assets/sass/sass/helpers/color.sass */ a.has-text-success-dark:hover, a.has-text-success-dark:focus { color: #05c191 !important; } /* line 30, src/assets/sass/sass/helpers/color.sass */ .has-background-success-dark { background-color: #04906c !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-warning { color: #faae42 !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-warning:hover, a.has-text-warning:focus { color: #f99910 !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-warning { background-color: #faae42 !important; } /* line 15, src/assets/sass/sass/helpers/color.sass */ .has-text-warning-light { color: #fef6eb !important; } /* line 18, src/assets/sass/sass/helpers/color.sass */ a.has-text-warning-light:hover, a.has-text-warning-light:focus { color: #fde1b9 !important; } /* line 21, src/assets/sass/sass/helpers/color.sass */ .has-background-warning-light { background-color: #fef6eb !important; } /* line 24, src/assets/sass/sass/helpers/color.sass */ .has-text-warning-dark { color: #905604 !important; } /* line 27, src/assets/sass/sass/helpers/color.sass */ a.has-text-warning-dark:hover, a.has-text-warning-dark:focus { color: #c27405 !important; } /* line 30, src/assets/sass/sass/helpers/color.sass */ .has-background-warning-dark { background-color: #905604 !important; } /* line 3, src/assets/sass/sass/helpers/color.sass */ .has-text-danger { color: #e62965 !important; } /* line 6, src/assets/sass/sass/helpers/color.sass */ a.has-text-danger:hover, a.has-text-danger:focus { color: #c5174e !important; } /* line 9, src/assets/sass/sass/helpers/color.sass */ .has-background-danger { background-color: #e62965 !important; } /* line 15, src/assets/sass/sass/helpers/color.sass */ .has-text-danger-light { color: #fdedf2 !important; } /* line 18, src/assets/sass/sass/helpers/color.sass */ a.has-text-danger-light:hover, a.has-text-danger-light:focus { color: #f8bfd1 !important; } /* line 21, src/assets/sass/sass/helpers/color.sass */ .has-background-danger-light { background-color: #fdedf2 !important; } /* line 24, src/assets/sass/sass/helpers/color.sass */ .has-text-danger-dark { color: #d21953 !important; } /* line 27, src/assets/sass/sass/helpers/color.sass */ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { color: #e8366e !important; } /* line 30, src/assets/sass/sass/helpers/color.sass */ .has-background-danger-dark { background-color: #d21953 !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-black-bis { color: #121212 !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-black-bis { background-color: #121212 !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-black-ter { color: #242424 !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-black-ter { background-color: #242424 !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-grey-darker { color: #363636 !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-grey-darker { background-color: #363636 !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-grey-dark { color: #4a4a4a !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-grey-dark { background-color: #4a4a4a !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-grey { color: #7a7a7a !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-grey { background-color: #7a7a7a !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-grey-light { color: #b5b5b5 !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-grey-light { background-color: #b5b5b5 !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-grey-lighter { color: #dbdbdb !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-grey-lighter { background-color: #dbdbdb !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-white-ter { color: whitesmoke !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-white-ter { background-color: whitesmoke !important; } /* line 34, src/assets/sass/sass/helpers/color.sass */ .has-text-white-bis { color: #fafafa !important; } /* line 36, src/assets/sass/sass/helpers/color.sass */ .has-background-white-bis { background-color: #fafafa !important; } /* line 4, src/assets/sass/sass/utilities/mixins.sass */ .is-clearfix::after { clear: both; content: " "; display: table; } /* line 4, src/assets/sass/sass/helpers/float.sass */ .is-pulled-left { float: left !important; } /* line 7, src/assets/sass/sass/helpers/float.sass */ .is-pulled-right { float: right !important; } /* line 1, src/assets/sass/sass/helpers/other.sass */ .is-radiusless { border-radius: 0 !important; } /* line 4, src/assets/sass/sass/helpers/other.sass */ .is-shadowless { -webkit-box-shadow: none !important; box-shadow: none !important; } /* line 1, src/assets/sass/sass/helpers/overflow.sass */ .is-clipped { overflow: hidden !important; } /* line 4, src/assets/sass/sass/helpers/position.sass */ .is-relative { position: relative !important; } /* line 1, src/assets/sass/sass/helpers/spacing.sass */ .is-marginless { margin: 0 !important; } /* line 4, src/assets/sass/sass/helpers/spacing.sass */ .is-paddingless { padding: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mt-0 { margin-top: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mr-0 { margin-right: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mb-0 { margin-bottom: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .ml-0 { margin-left: 0 !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mt-1 { margin-top: 0.25rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mr-1 { margin-right: 0.25rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mb-1 { margin-bottom: 0.25rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .ml-1 { margin-left: 0.25rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mt-2 { margin-top: 0.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mr-2 { margin-right: 0.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mb-2 { margin-bottom: 0.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .ml-2 { margin-left: 0.5rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mt-3 { margin-top: 0.75rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mr-3 { margin-right: 0.75rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mb-3 { margin-bottom: 0.75rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .ml-3 { margin-left: 0.75rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mt-4 { margin-top: 1rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mr-4 { margin-right: 1rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mb-4 { margin-bottom: 1rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .ml-4 { margin-left: 1rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .mx-4 { margin-left: 1rem !important; margin-right: 1rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mt-5 { margin-top: 1.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mr-5 { margin-right: 1.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mb-5 { margin-bottom: 1.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .ml-5 { margin-left: 1.5rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .mx-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .my-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mt-6 { margin-top: 3rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mr-6 { margin-right: 3rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .mb-6 { margin-bottom: 3rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .ml-6 { margin-left: 3rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pt-0 { padding-top: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pr-0 { padding-right: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pb-0 { padding-bottom: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pl-0 { padding-left: 0 !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .px-0 { padding-left: 0 !important; padding-right: 0 !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pt-1 { padding-top: 0.25rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pr-1 { padding-right: 0.25rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pb-1 { padding-bottom: 0.25rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pl-1 { padding-left: 0.25rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pt-2 { padding-top: 0.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pr-2 { padding-right: 0.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pb-2 { padding-bottom: 0.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pl-2 { padding-left: 0.5rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pt-3 { padding-top: 0.75rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pr-3 { padding-right: 0.75rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pb-3 { padding-bottom: 0.75rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pl-3 { padding-left: 0.75rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pt-4 { padding-top: 1rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pr-4 { padding-right: 1rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pb-4 { padding-bottom: 1rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pl-4 { padding-left: 1rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pt-5 { padding-top: 1.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pr-5 { padding-right: 1.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pb-5 { padding-bottom: 1.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pl-5 { padding-left: 1.5rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .px-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pt-6 { padding-top: 3rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pr-6 { padding-right: 3rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pb-6 { padding-bottom: 3rem !important; } /* line 17, src/assets/sass/sass/helpers/spacing.sass */ .pl-6 { padding-left: 3rem !important; } /* line 21, src/assets/sass/sass/helpers/spacing.sass */ .px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } /* line 26, src/assets/sass/sass/helpers/spacing.sass */ .py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-1 { font-size: 3rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-2 { font-size: 2.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-3 { font-size: 2rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-4 { font-size: 1.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-5 { font-size: 1.25rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-6 { font-size: 1rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-7 { font-size: 0.75rem !important; } @media screen and (max-width: 768px) { /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-1-mobile { font-size: 3rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-2-mobile { font-size: 2.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-3-mobile { font-size: 2rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-4-mobile { font-size: 1.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-5-mobile { font-size: 1.25rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-6-mobile { font-size: 1rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-7-mobile { font-size: 0.75rem !important; } } @media screen and (min-width: 769px), print { /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-1-tablet { font-size: 3rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-2-tablet { font-size: 2.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-3-tablet { font-size: 2rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-4-tablet { font-size: 1.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-5-tablet { font-size: 1.25rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-6-tablet { font-size: 1rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-7-tablet { font-size: 0.75rem !important; } } @media screen and (max-width: 1023px) { /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-1-touch { font-size: 3rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-2-touch { font-size: 2.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-3-touch { font-size: 2rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-4-touch { font-size: 1.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-5-touch { font-size: 1.25rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-6-touch { font-size: 1rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-7-touch { font-size: 0.75rem !important; } } @media screen and (min-width: 1024px) { /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-1-desktop { font-size: 3rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-2-desktop { font-size: 2.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-3-desktop { font-size: 2rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-4-desktop { font-size: 1.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-5-desktop { font-size: 1.25rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-6-desktop { font-size: 1rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-7-desktop { font-size: 0.75rem !important; } } @media screen and (min-width: 1216px) { /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-1-widescreen { font-size: 3rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-2-widescreen { font-size: 2.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-3-widescreen { font-size: 2rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-4-widescreen { font-size: 1.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-5-widescreen { font-size: 1.25rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-6-widescreen { font-size: 1rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-7-widescreen { font-size: 0.75rem !important; } } @media screen and (min-width: 1408px) { /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-1-fullhd { font-size: 3rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-2-fullhd { font-size: 2.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-3-fullhd { font-size: 2rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-4-fullhd { font-size: 1.5rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-5-fullhd { font-size: 1.25rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-6-fullhd { font-size: 1rem !important; } /* line 4, src/assets/sass/sass/helpers/typography.sass */ .is-size-7-fullhd { font-size: 0.75rem !important; } } /* line 30, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered { text-align: center !important; } /* line 30, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified { text-align: justify !important; } /* line 30, src/assets/sass/sass/helpers/typography.sass */ .has-text-left { text-align: left !important; } /* line 30, src/assets/sass/sass/helpers/typography.sass */ .has-text-right { text-align: right !important; } @media screen and (max-width: 768px) { /* line 35, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-mobile { text-align: center !important; } } @media screen and (min-width: 769px), print { /* line 38, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-tablet { text-align: center !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 41, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-tablet-only { text-align: center !important; } } @media screen and (max-width: 1023px) { /* line 44, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-touch { text-align: center !important; } } @media screen and (min-width: 1024px) { /* line 47, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-desktop { text-align: center !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 50, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-desktop-only { text-align: center !important; } } @media screen and (min-width: 1216px) { /* line 53, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-widescreen { text-align: center !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 56, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-widescreen-only { text-align: center !important; } } @media screen and (min-width: 1408px) { /* line 59, src/assets/sass/sass/helpers/typography.sass */ .has-text-centered-fullhd { text-align: center !important; } } @media screen and (max-width: 768px) { /* line 35, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-mobile { text-align: justify !important; } } @media screen and (min-width: 769px), print { /* line 38, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-tablet { text-align: justify !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 41, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-tablet-only { text-align: justify !important; } } @media screen and (max-width: 1023px) { /* line 44, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-touch { text-align: justify !important; } } @media screen and (min-width: 1024px) { /* line 47, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-desktop { text-align: justify !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 50, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-desktop-only { text-align: justify !important; } } @media screen and (min-width: 1216px) { /* line 53, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-widescreen { text-align: justify !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 56, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-widescreen-only { text-align: justify !important; } } @media screen and (min-width: 1408px) { /* line 59, src/assets/sass/sass/helpers/typography.sass */ .has-text-justified-fullhd { text-align: justify !important; } } @media screen and (max-width: 768px) { /* line 35, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-mobile { text-align: left !important; } } @media screen and (min-width: 769px), print { /* line 38, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-tablet { text-align: left !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 41, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-tablet-only { text-align: left !important; } } @media screen and (max-width: 1023px) { /* line 44, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-touch { text-align: left !important; } } @media screen and (min-width: 1024px) { /* line 47, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-desktop { text-align: left !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 50, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-desktop-only { text-align: left !important; } } @media screen and (min-width: 1216px) { /* line 53, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-widescreen { text-align: left !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 56, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-widescreen-only { text-align: left !important; } } @media screen and (min-width: 1408px) { /* line 59, src/assets/sass/sass/helpers/typography.sass */ .has-text-left-fullhd { text-align: left !important; } } @media screen and (max-width: 768px) { /* line 35, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-mobile { text-align: right !important; } } @media screen and (min-width: 769px), print { /* line 38, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-tablet { text-align: right !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 41, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-tablet-only { text-align: right !important; } } @media screen and (max-width: 1023px) { /* line 44, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-touch { text-align: right !important; } } @media screen and (min-width: 1024px) { /* line 47, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-desktop { text-align: right !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 50, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-desktop-only { text-align: right !important; } } @media screen and (min-width: 1216px) { /* line 53, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-widescreen { text-align: right !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 56, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-widescreen-only { text-align: right !important; } } @media screen and (min-width: 1408px) { /* line 59, src/assets/sass/sass/helpers/typography.sass */ .has-text-right-fullhd { text-align: right !important; } } /* line 62, src/assets/sass/sass/helpers/typography.sass */ .is-capitalized { text-transform: capitalize !important; } /* line 65, src/assets/sass/sass/helpers/typography.sass */ .is-lowercase { text-transform: lowercase !important; } /* line 68, src/assets/sass/sass/helpers/typography.sass */ .is-uppercase { text-transform: uppercase !important; } /* line 71, src/assets/sass/sass/helpers/typography.sass */ .is-italic { font-style: italic !important; } /* line 74, src/assets/sass/sass/helpers/typography.sass */ .has-text-weight-light { font-weight: 300 !important; } /* line 76, src/assets/sass/sass/helpers/typography.sass */ .has-text-weight-normal { font-weight: 400 !important; } /* line 78, src/assets/sass/sass/helpers/typography.sass */ .has-text-weight-medium { font-weight: 500 !important; } /* line 80, src/assets/sass/sass/helpers/typography.sass */ .has-text-weight-semibold { font-weight: 600 !important; } /* line 82, src/assets/sass/sass/helpers/typography.sass */ .has-text-weight-bold { font-weight: 700 !important; } /* line 85, src/assets/sass/sass/helpers/typography.sass */ .is-family-primary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } /* line 88, src/assets/sass/sass/helpers/typography.sass */ .is-family-secondary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } /* line 91, src/assets/sass/sass/helpers/typography.sass */ .is-family-sans-serif { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } /* line 94, src/assets/sass/sass/helpers/typography.sass */ .is-family-monospace { font-family: monospace !important; } /* line 97, src/assets/sass/sass/helpers/typography.sass */ .is-family-code { font-family: monospace !important; } /* line 6, src/assets/sass/sass/helpers/visibility.sass */ .is-block { display: block !important; } @media screen and (max-width: 768px) { /* line 9, src/assets/sass/sass/helpers/visibility.sass */ .is-block-mobile { display: block !important; } } @media screen and (min-width: 769px), print { /* line 12, src/assets/sass/sass/helpers/visibility.sass */ .is-block-tablet { display: block !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 15, src/assets/sass/sass/helpers/visibility.sass */ .is-block-tablet-only { display: block !important; } } @media screen and (max-width: 1023px) { /* line 18, src/assets/sass/sass/helpers/visibility.sass */ .is-block-touch { display: block !important; } } @media screen and (min-width: 1024px) { /* line 21, src/assets/sass/sass/helpers/visibility.sass */ .is-block-desktop { display: block !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 24, src/assets/sass/sass/helpers/visibility.sass */ .is-block-desktop-only { display: block !important; } } @media screen and (min-width: 1216px) { /* line 27, src/assets/sass/sass/helpers/visibility.sass */ .is-block-widescreen { display: block !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 30, src/assets/sass/sass/helpers/visibility.sass */ .is-block-widescreen-only { display: block !important; } } @media screen and (min-width: 1408px) { /* line 33, src/assets/sass/sass/helpers/visibility.sass */ .is-block-fullhd { display: block !important; } } /* line 6, src/assets/sass/sass/helpers/visibility.sass */ .is-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media screen and (max-width: 768px) { /* line 9, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px), print { /* line 12, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-tablet { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 15, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-tablet-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1023px) { /* line 18, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-touch { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) { /* line 21, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-desktop { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 24, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-desktop-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) { /* line 27, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-widescreen { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 30, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-widescreen-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1408px) { /* line 33, src/assets/sass/sass/helpers/visibility.sass */ .is-flex-fullhd { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } /* line 6, src/assets/sass/sass/helpers/visibility.sass */ .is-inline { display: inline !important; } @media screen and (max-width: 768px) { /* line 9, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-mobile { display: inline !important; } } @media screen and (min-width: 769px), print { /* line 12, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-tablet { display: inline !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 15, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-tablet-only { display: inline !important; } } @media screen and (max-width: 1023px) { /* line 18, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-touch { display: inline !important; } } @media screen and (min-width: 1024px) { /* line 21, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-desktop { display: inline !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 24, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-desktop-only { display: inline !important; } } @media screen and (min-width: 1216px) { /* line 27, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-widescreen { display: inline !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 30, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-widescreen-only { display: inline !important; } } @media screen and (min-width: 1408px) { /* line 33, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-fullhd { display: inline !important; } } /* line 6, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block { display: inline-block !important; } @media screen and (max-width: 768px) { /* line 9, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-mobile { display: inline-block !important; } } @media screen and (min-width: 769px), print { /* line 12, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-tablet { display: inline-block !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 15, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-tablet-only { display: inline-block !important; } } @media screen and (max-width: 1023px) { /* line 18, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-touch { display: inline-block !important; } } @media screen and (min-width: 1024px) { /* line 21, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-desktop { display: inline-block !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 24, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-desktop-only { display: inline-block !important; } } @media screen and (min-width: 1216px) { /* line 27, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-widescreen { display: inline-block !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 30, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-widescreen-only { display: inline-block !important; } } @media screen and (min-width: 1408px) { /* line 33, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-block-fullhd { display: inline-block !important; } } /* line 6, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media screen and (max-width: 768px) { /* line 9, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-mobile { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px), print { /* line 12, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-tablet { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 15, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-tablet-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 1023px) { /* line 18, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-touch { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) { /* line 21, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-desktop { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 24, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-desktop-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) { /* line 27, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-widescreen { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 30, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-widescreen-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1408px) { /* line 33, src/assets/sass/sass/helpers/visibility.sass */ .is-inline-flex-fullhd { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } /* line 36, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden { display: none !important; } /* line 39, src/assets/sass/sass/helpers/visibility.sass */ .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } @media screen and (max-width: 768px) { /* line 50, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-mobile { display: none !important; } } @media screen and (min-width: 769px), print { /* line 54, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 58, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-tablet-only { display: none !important; } } @media screen and (max-width: 1023px) { /* line 62, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-touch { display: none !important; } } @media screen and (min-width: 1024px) { /* line 66, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-desktop { display: none !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 70, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-desktop-only { display: none !important; } } @media screen and (min-width: 1216px) { /* line 74, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-widescreen { display: none !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 78, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-widescreen-only { display: none !important; } } @media screen and (min-width: 1408px) { /* line 82, src/assets/sass/sass/helpers/visibility.sass */ .is-hidden-fullhd { display: none !important; } } /* line 85, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible { visibility: hidden !important; } @media screen and (max-width: 768px) { /* line 89, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-mobile { visibility: hidden !important; } } @media screen and (min-width: 769px), print { /* line 93, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-tablet { visibility: hidden !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { /* line 97, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-tablet-only { visibility: hidden !important; } } @media screen and (max-width: 1023px) { /* line 101, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-touch { visibility: hidden !important; } } @media screen and (min-width: 1024px) { /* line 105, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-desktop { visibility: hidden !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { /* line 109, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-desktop-only { visibility: hidden !important; } } @media screen and (min-width: 1216px) { /* line 113, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-widescreen { visibility: hidden !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { /* line 117, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-widescreen-only { visibility: hidden !important; } } @media screen and (min-width: 1408px) { /* line 121, src/assets/sass/sass/helpers/visibility.sass */ .is-invisible-fullhd { visibility: hidden !important; } } /* line 6, src/assets/sass/sass/extensions/_divider.sass */ .is-divider, .is-divider-vertical { display: block; position: relative; border-top: 0.1rem solid #dbdbdb; height: 0.1rem; margin: 2rem 0; text-align: center; } /* line 15, src/assets/sass/sass/extensions/_divider.sass */ .is-divider[data-content]::after, .is-divider-vertical[data-content]::after { background: #ffffff; color: #b5b5b5; content: attr(data-content); display: inline-block; font-size: 0.75rem; padding: .4rem .8rem; -webkit-transform: translateY(-1.1rem); transform: translateY(-1.1rem); text-align: center; } @media screen and (min-width: 769px), print { /* line 27, src/assets/sass/sass/extensions/_divider.sass */ .is-divider-vertical { display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: auto; height: auto; padding: 2rem; margin: 0; position: relative; border-top: none; min-height: 2rem; } /* line 38, src/assets/sass/sass/extensions/_divider.sass */ .is-divider-vertical::before { border-left: 0.1rem solid #dbdbdb; bottom: 1rem; content: ""; display: block; left: 50%; position: absolute; top: 1rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* line 49, src/assets/sass/sass/extensions/_divider.sass */ .is-divider-vertical[data-content]::after { position: absolute; left: 50%; top: 50%; padding: .1rem; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white, .is-divider-vertical.is-white { border-top-color: #ffffff; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white[data-content]::after, .is-divider.is-white[data-content]::after, .is-divider-vertical.is-white[data-content]::after, .is-divider-vertical.is-white[data-content]::after { background: #0a0a0a; color: #ffffff; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white::before, .is-divider-vertical.is-white::before { border-left-color: #ffffff; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black, .is-divider-vertical.is-black { border-top-color: #0a0a0a; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black[data-content]::after, .is-divider.is-black[data-content]::after, .is-divider-vertical.is-black[data-content]::after, .is-divider-vertical.is-black[data-content]::after { background: #ffffff; color: #0a0a0a; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black::before, .is-divider-vertical.is-black::before { border-left-color: #0a0a0a; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-light, .is-divider-vertical.is-light { border-top-color: whitesmoke; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-light[data-content]::after, .is-divider.is-light[data-content]::after, .is-divider-vertical.is-light[data-content]::after, .is-divider-vertical.is-light[data-content]::after { background: rgba(0, 0, 0, 0.7); color: whitesmoke; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-light::before, .is-divider-vertical.is-light::before { border-left-color: whitesmoke; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-dark, .is-divider-vertical.is-dark { border-top-color: #363636; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-dark[data-content]::after, .is-divider.is-dark[data-content]::after, .is-divider-vertical.is-dark[data-content]::after, .is-divider-vertical.is-dark[data-content]::after { background: #fff; color: #363636; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-dark::before, .is-divider-vertical.is-dark::before { border-left-color: #363636; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-primary, .is-divider-vertical.is-primary { border-top-color: #606061; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-primary[data-content]::after, .is-divider.is-primary[data-content]::after, .is-divider-vertical.is-primary[data-content]::after, .is-divider-vertical.is-primary[data-content]::after { background: #fff; color: #606061; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-primary::before, .is-divider-vertical.is-primary::before { border-left-color: #606061; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-link, .is-divider-vertical.is-link { border-top-color: #3273dc; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-link[data-content]::after, .is-divider.is-link[data-content]::after, .is-divider-vertical.is-link[data-content]::after, .is-divider-vertical.is-link[data-content]::after { background: #fff; color: #3273dc; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-link::before, .is-divider-vertical.is-link::before { border-left-color: #3273dc; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-info, .is-divider-vertical.is-info { border-top-color: #039BE5; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-info[data-content]::after, .is-divider.is-info[data-content]::after, .is-divider-vertical.is-info[data-content]::after, .is-divider-vertical.is-info[data-content]::after { background: #fff; color: #039BE5; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-info::before, .is-divider-vertical.is-info::before { border-left-color: #039BE5; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-success, .is-divider-vertical.is-success { border-top-color: #06d6a0; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-success[data-content]::after, .is-divider.is-success[data-content]::after, .is-divider-vertical.is-success[data-content]::after, .is-divider-vertical.is-success[data-content]::after { background: #fff; color: #06d6a0; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-success::before, .is-divider-vertical.is-success::before { border-left-color: #06d6a0; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-warning, .is-divider-vertical.is-warning { border-top-color: #faae42; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-warning[data-content]::after, .is-divider.is-warning[data-content]::after, .is-divider-vertical.is-warning[data-content]::after, .is-divider-vertical.is-warning[data-content]::after { background: rgba(0, 0, 0, 0.7); color: #faae42; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-warning::before, .is-divider-vertical.is-warning::before { border-left-color: #faae42; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-danger, .is-divider-vertical.is-danger { border-top-color: #e62965; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-danger[data-content]::after, .is-divider.is-danger[data-content]::after, .is-divider-vertical.is-danger[data-content]::after, .is-divider-vertical.is-danger[data-content]::after { background: #fff; color: #e62965; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-danger::before, .is-divider-vertical.is-danger::before { border-left-color: #e62965; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black-bis, .is-divider-vertical.is-black-bis { border-top-color: #121212; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black-bis[data-content]::after, .is-divider.is-black-bis[data-content]::after, .is-divider-vertical.is-black-bis[data-content]::after, .is-divider-vertical.is-black-bis[data-content]::after { background: #fff; color: #121212; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black-bis::before, .is-divider-vertical.is-black-bis::before { border-left-color: #121212; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black-ter, .is-divider-vertical.is-black-ter { border-top-color: #242424; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black-ter[data-content]::after, .is-divider.is-black-ter[data-content]::after, .is-divider-vertical.is-black-ter[data-content]::after, .is-divider-vertical.is-black-ter[data-content]::after { background: #fff; color: #242424; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-black-ter::before, .is-divider-vertical.is-black-ter::before { border-left-color: #242424; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-darker, .is-divider-vertical.is-grey-darker { border-top-color: #363636; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-darker[data-content]::after, .is-divider.is-grey-darker[data-content]::after, .is-divider-vertical.is-grey-darker[data-content]::after, .is-divider-vertical.is-grey-darker[data-content]::after { background: #fff; color: #363636; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-darker::before, .is-divider-vertical.is-grey-darker::before { border-left-color: #363636; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-dark, .is-divider-vertical.is-grey-dark { border-top-color: #4a4a4a; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-dark[data-content]::after, .is-divider.is-grey-dark[data-content]::after, .is-divider-vertical.is-grey-dark[data-content]::after, .is-divider-vertical.is-grey-dark[data-content]::after { background: #fff; color: #4a4a4a; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-dark::before, .is-divider-vertical.is-grey-dark::before { border-left-color: #4a4a4a; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey, .is-divider-vertical.is-grey { border-top-color: #7a7a7a; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey[data-content]::after, .is-divider.is-grey[data-content]::after, .is-divider-vertical.is-grey[data-content]::after, .is-divider-vertical.is-grey[data-content]::after { background: #fff; color: #7a7a7a; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey::before, .is-divider-vertical.is-grey::before { border-left-color: #7a7a7a; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-light, .is-divider-vertical.is-grey-light { border-top-color: #b5b5b5; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-light[data-content]::after, .is-divider.is-grey-light[data-content]::after, .is-divider-vertical.is-grey-light[data-content]::after, .is-divider-vertical.is-grey-light[data-content]::after { background: #fff; color: #b5b5b5; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-light::before, .is-divider-vertical.is-grey-light::before { border-left-color: #b5b5b5; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-lighter, .is-divider-vertical.is-grey-lighter { border-top-color: #dbdbdb; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-lighter[data-content]::after, .is-divider.is-grey-lighter[data-content]::after, .is-divider-vertical.is-grey-lighter[data-content]::after, .is-divider-vertical.is-grey-lighter[data-content]::after { background: rgba(0, 0, 0, 0.7); color: #dbdbdb; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-grey-lighter::before, .is-divider-vertical.is-grey-lighter::before { border-left-color: #dbdbdb; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white-ter, .is-divider-vertical.is-white-ter { border-top-color: whitesmoke; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white-ter[data-content]::after, .is-divider.is-white-ter[data-content]::after, .is-divider-vertical.is-white-ter[data-content]::after, .is-divider-vertical.is-white-ter[data-content]::after { background: rgba(0, 0, 0, 0.7); color: whitesmoke; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white-ter::before, .is-divider-vertical.is-white-ter::before { border-left-color: whitesmoke; } /* line 63, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white-bis, .is-divider-vertical.is-white-bis { border-top-color: #fafafa; } /* line 66, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white-bis[data-content]::after, .is-divider.is-white-bis[data-content]::after, .is-divider-vertical.is-white-bis[data-content]::after, .is-divider-vertical.is-white-bis[data-content]::after { background: rgba(0, 0, 0, 0.7); color: #fafafa; } /* line 70, src/assets/sass/sass/extensions/_divider.sass */ .is-divider.is-white-bis::before, .is-divider-vertical.is-white-bis::before { border-left-color: #fafafa; } /* line 208, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy { display: none; } /* line 210, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 212, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy.is-active .calendar { position: fixed; z-index: 40; min-width: 20rem; max-width: 20rem; position: relative; margin: 0 auto; max-height: calc(100vh - 40px); } /* line 220, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy.is-active .calendar-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 26, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy { background: #ffffff; border: none; border-radius: 2px; display: block; min-width: 20rem; text-align: center; max-width: 20rem; } /* line 34, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-active { display: initial; } /* line 36, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav { background: #606061; color: #ffffff; border-top-left-radius: 2px; border-top-right-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.25rem; padding: 0.5em; } /* line 46, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-month, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-day, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-year { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 53, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav .calendar-month, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-day, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-year { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* line 57, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav .calendar-month { font-size: 1.5rem; } /* line 59, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav .calendar-day { font-size: 2.5rem; } /* line 61, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-previous-month, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-next-month, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-previous-year, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-next-year { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; color: #ffffff; } /* line 68, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-previous-month:hover, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-next-month:hover, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-previous-year:hover, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-next-year:hover { background-color: transparent; } /* line 70, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-previous-month:hover svg, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-next-month:hover svg, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-previous-year:hover svg, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-next-year:hover svg { stroke-width: 1em; } /* line 72, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-previous-month svg, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-next-month svg, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-previous-year svg, .datepicker-legacy .calendar-legacy .calendar-nav .calendar-nav-next-year svg { stroke: currentColor; width: 11.25px; height: 18px; } /* line 76, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-header, .datepicker-legacy .calendar-legacy .calendar-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 80, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-header .calendar-date, .datepicker-legacy .calendar-legacy .calendar-body .calendar-date { -webkit-box-flex: 0; -ms-flex: 0 0 14.28%; flex: 0 0 14.28%; max-width: 14.28%; } /* line 83, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-header { padding: 1em 1em 0 1em; background: transparent; color: #fff; font-size: 0.75rem; } /* line 88, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-header .calendar-date { color: #b5b5b5; } /* line 90, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-body { padding: 0 1em 1em 1em; color: #7a7a7a; } /* line 93, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-date { border: 0; padding: 0.4rem 0; } /* line 96, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-date .date-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: .1rem solid transparent; border-radius: 100%; color: #4a4a4a; cursor: pointer; height: 2.2rem; line-height: 1.4rem; outline: none; padding: .3rem; position: relative; text-align: center; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease; vertical-align: middle; white-space: nowrap; width: 2.2rem; } /* line 114, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-date .date-item.is-today { background: transparent; border-color: #606061; color: #606061; } /* line 118, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-date .date-item:focus { background: whitesmoke; border-color: whitesmoke; color: rgba(0, 0, 0, 0.7); text-decoration: none; } /* line 123, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-date .date-item:hover { background: whitesmoke; border-color: whitesmoke; color: rgba(0, 0, 0, 0.7); text-decoration: none; } /* line 128, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-date .date-item.is-active { background: #606061; border-color: #606061; color: #fff; } /* line 134, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-date.is-disabled .date-item, .datepicker-legacy .calendar-legacy .calendar-date.is-disabled .calendar-event, .datepicker-legacy .calendar-legacy .calendar-date[disabled] .date-item, .datepicker-legacy .calendar-legacy .calendar-date[disabled] .calendar-event { cursor: default; opacity: .25; pointer-events: none; } /* line 138, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-range { position: relative; } /* line 140, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-range::before { background: #e0e0e0; content: ""; height: 2.2rem; left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 149, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-range.calendar-range-start::before { left: 50%; } /* line 151, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-range.calendar-range-end::before { right: 50%; } /* line 153, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy .calendar-range .date-item { color: #606061; } /* line 156, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large { max-width: 100%; } /* line 159, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-body .calendar-date { border-bottom: none; border-right: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 11rem; padding: 0; } /* line 166, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-body .calendar-date:nth-child(7n) { border-right: 0; } /* line 168, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-body .calendar-date:nth-last-child(-n+7) { border-bottom: 0; } /* line 170, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .date-item { -ms-flex-item-align: end; align-self: flex-end; height: 2.2rem; margin-right: .5rem; margin-top: .5rem; } /* line 176, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-range::before { top: 1.9rem; } /* line 178, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-range.calendar-range-start::before { left: auto; width: 1.9rem; } /* line 181, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-range.calendar-range-end::before { right: 1.9rem; } /* line 183, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-events { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1; overflow-y: auto; padding: .5rem; } /* line 188, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event { background-color: #7a7a7a; border-radius: 2px; color: #ffffff; display: block; font-size: 1rem; margin: .2rem auto; overflow: hidden; padding: .3rem .4rem; text-align: left; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-white { background-color: #ffffff; color: #0a0a0a; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-black { background-color: #0a0a0a; color: #ffffff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-dark { background-color: #363636; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-primary { background-color: #606061; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-link { background-color: #3273dc; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-info { background-color: #039BE5; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-success { background-color: #06d6a0; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-warning { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .datepicker-legacy .calendar-legacy.is-large .calendar-event.is-danger { background-color: #e62965; color: #fff; } /* line 26, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy { background: #ffffff; border: none; border-radius: 2px; display: block; min-width: 20rem; text-align: center; max-width: 20rem; } /* line 34, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-active { display: initial; } /* line 36, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav { background: #606061; color: #ffffff; border-top-left-radius: 2px; border-top-right-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.25rem; padding: 0.5em; } /* line 46, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav .calendar-nav-month, .calendar-legacy .calendar-nav .calendar-nav-day, .calendar-legacy .calendar-nav .calendar-nav-year { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 53, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav .calendar-month, .calendar-legacy .calendar-nav .calendar-day, .calendar-legacy .calendar-nav .calendar-year { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* line 57, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav .calendar-month { font-size: 1.5rem; } /* line 59, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav .calendar-day { font-size: 2.5rem; } /* line 61, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav .calendar-nav-previous-month, .calendar-legacy .calendar-nav .calendar-nav-next-month, .calendar-legacy .calendar-nav .calendar-nav-previous-year, .calendar-legacy .calendar-nav .calendar-nav-next-year { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; color: #ffffff; } /* line 68, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav .calendar-nav-previous-month:hover, .calendar-legacy .calendar-nav .calendar-nav-next-month:hover, .calendar-legacy .calendar-nav .calendar-nav-previous-year:hover, .calendar-legacy .calendar-nav .calendar-nav-next-year:hover { background-color: transparent; } /* line 70, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav .calendar-nav-previous-month:hover svg, .calendar-legacy .calendar-nav .calendar-nav-next-month:hover svg, .calendar-legacy .calendar-nav .calendar-nav-previous-year:hover svg, .calendar-legacy .calendar-nav .calendar-nav-next-year:hover svg { stroke-width: 1em; } /* line 72, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-nav .calendar-nav-previous-month svg, .calendar-legacy .calendar-nav .calendar-nav-next-month svg, .calendar-legacy .calendar-nav .calendar-nav-previous-year svg, .calendar-legacy .calendar-nav .calendar-nav-next-year svg { stroke: currentColor; width: 11.25px; height: 18px; } /* line 76, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-header, .calendar-legacy .calendar-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 80, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-header .calendar-date, .calendar-legacy .calendar-body .calendar-date { -webkit-box-flex: 0; -ms-flex: 0 0 14.28%; flex: 0 0 14.28%; max-width: 14.28%; } /* line 83, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-header { padding: 1em 1em 0 1em; background: transparent; color: #fff; font-size: 0.75rem; } /* line 88, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-header .calendar-date { color: #b5b5b5; } /* line 90, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-body { padding: 0 1em 1em 1em; color: #7a7a7a; } /* line 93, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-date { border: 0; padding: 0.4rem 0; } /* line 96, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-date .date-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: .1rem solid transparent; border-radius: 100%; color: #4a4a4a; cursor: pointer; height: 2.2rem; line-height: 1.4rem; outline: none; padding: .3rem; position: relative; text-align: center; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease; vertical-align: middle; white-space: nowrap; width: 2.2rem; } /* line 114, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-date .date-item.is-today { background: transparent; border-color: #606061; color: #606061; } /* line 118, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-date .date-item:focus { background: whitesmoke; border-color: whitesmoke; color: rgba(0, 0, 0, 0.7); text-decoration: none; } /* line 123, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-date .date-item:hover { background: whitesmoke; border-color: whitesmoke; color: rgba(0, 0, 0, 0.7); text-decoration: none; } /* line 128, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-date .date-item.is-active { background: #606061; border-color: #606061; color: #fff; } /* line 134, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-date.is-disabled .date-item, .calendar-legacy .calendar-date.is-disabled .calendar-event, .calendar-legacy .calendar-date[disabled] .date-item, .calendar-legacy .calendar-date[disabled] .calendar-event { cursor: default; opacity: .25; pointer-events: none; } /* line 138, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-range { position: relative; } /* line 140, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-range::before { background: #e0e0e0; content: ""; height: 2.2rem; left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 149, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-range.calendar-range-start::before { left: 50%; } /* line 151, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-range.calendar-range-end::before { right: 50%; } /* line 153, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy .calendar-range .date-item { color: #606061; } /* line 156, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large { max-width: 100%; } /* line 159, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-body .calendar-date { border-bottom: none; border-right: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 11rem; padding: 0; } /* line 166, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-body .calendar-date:nth-child(7n) { border-right: 0; } /* line 168, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-body .calendar-date:nth-last-child(-n+7) { border-bottom: 0; } /* line 170, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .date-item { -ms-flex-item-align: end; align-self: flex-end; height: 2.2rem; margin-right: .5rem; margin-top: .5rem; } /* line 176, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-range::before { top: 1.9rem; } /* line 178, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-range.calendar-range-start::before { left: auto; width: 1.9rem; } /* line 181, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-range.calendar-range-end::before { right: 1.9rem; } /* line 183, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-events { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1; overflow-y: auto; padding: .5rem; } /* line 188, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event { background-color: #7a7a7a; border-radius: 2px; color: #ffffff; display: block; font-size: 1rem; margin: .2rem auto; overflow: hidden; padding: .3rem .4rem; text-align: left; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-white { background-color: #ffffff; color: #0a0a0a; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-black { background-color: #0a0a0a; color: #ffffff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-dark { background-color: #363636; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-primary { background-color: #606061; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-link { background-color: #3273dc; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-info { background-color: #039BE5; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-success { background-color: #06d6a0; color: #fff; } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-warning { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 204, src/assets/sass/sass/extensions/_calendar.sass */ .calendar-legacy.is-large .calendar-event.is-danger { background-color: #e62965; color: #fff; } @-webkit-keyframes decrement-prev { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes decrement-prev { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes decrement-next { from { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } } @keyframes decrement-next { from { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } } @-webkit-keyframes increment-prev { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes increment-prev { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes increment-next { from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } } @keyframes increment-next { from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } } /* line 392, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker { -webkit-transition: width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease; transition: width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease; display: none; background: #ffffff; border-radius: 2px; max-width: 320px; z-index: 1; -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } /* line 395, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-active { display: block; } /* line 24, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; position: relative; padding: .5rem 1rem; font-size: 1rem; -webkit-box-shadow: 0 0.2rem 0.2rem -0.2rem rgba(10, 10, 10, 0.1); box-shadow: 0 0.2rem 0.2rem -0.2rem rgba(10, 10, 10, 0.1); } /* line 33, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header.is-date-only { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /* line 36, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header.is-date-only .datetimepicker-selection-end .datetimepicker-selection-wrapper { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } /* line 38, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* line 40, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-from, .datetimepicker .datetimepicker-header .datetimepicker-selection-to { font-size: .65rem; color: #b5b5b5; text-transform: uppercase; padding: 0; } /* line 46, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start, .datetimepicker .datetimepicker-header .datetimepicker-selection-end { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /* line 52, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-wrapper, .datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 2.5rem; -webkit-box-flex: 1; -ms-flex: 1 1 2rem; flex: 1 1 2rem; } /* line 57, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-day, .datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-day { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; text-transform: capitalize; font-size: 2rem; line-height: 2.5rem; margin-right: .5rem; color: #606061; font-weight: 100; } /* line 65, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-date, .datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-date { font-size: .85rem; line-height: .85rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 300; } /* line 72, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-month, .datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-month { color: #4a4a4a; text-transform: capitalize; } /* line 75, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-weekday, .datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-weekday { font-size: .75em; color: #b6b4b6; text-transform: capitalize; text-align: left; } /* line 80, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-hour, .datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-hour { font-size: 1.5rem; font-weight: 100; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } /* line 87, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start, .datetimepicker .datetimepicker-header .datetimepicker-selection-end { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 91, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-start.is-centered .datetimepicker-selection-wrapper, .datetimepicker .datetimepicker-header .datetimepicker-selection-end.is-centered .datetimepicker-selection-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 94, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-time { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 97, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-header .datetimepicker-selection-time .datetimepicker-selection-time-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1rem; color: #b5b5b5; } /* line 106, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav { background: #606061; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5em; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /* line 114, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-month-year { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 117, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-month, .datetimepicker .datepicker-nav .datepicker-nav-year { text-decoration: none; font-size: 1rem; color: #fff; } /* line 122, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-month:hover, .datetimepicker .datepicker-nav .datepicker-nav-year:hover { cursor: pointer; } /* line 124, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-month { text-transform: capitalize; } /* line 126, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-year { font-weight: 700; } /* line 128, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-previous, .datetimepicker .datepicker-nav .datepicker-nav-next { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; color: #ffffff; } /* line 134, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-previous:hover, .datetimepicker .datepicker-nav .datepicker-nav-next:hover { background-color: transparent; } /* line 136, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-previous:hover svg, .datetimepicker .datepicker-nav .datepicker-nav-next:hover svg { stroke-width: 1em; } /* line 138, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-nav .datepicker-nav-previous svg, .datetimepicker .datepicker-nav .datepicker-nav-next svg { stroke: currentColor; width: 11.25px; height: .75rem; } /* line 147, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body { overflow: hidden; } /* line 149, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates { display: none; } /* line 151, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 154, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-months, .datetimepicker .datepicker-body .datepicker-years { display: none; } /* line 157, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-months.is-active, .datetimepicker .datepicker-body .datepicker-years.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /* line 160, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-weekdays { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; padding: 0.3rem 0; background: transparent; color: #fff; font-size: 0.75rem; } /* line 168, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-weekdays .datepicker-date { background: transparent !important; color: #b5b5b5; padding: .3rem; } /* line 173, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; padding: 0; color: #7a7a7a; } /* line 180, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date { background: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 14.28571%; -ms-flex: 14.28571%; flex: 14.28571%; margin: .1rem 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 187, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item { margin: 0 auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 25091983px; color: #4a4a4a; cursor: pointer; height: 2.2rem; outline: none; padding: 0; position: relative; text-align: center; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease; vertical-align: middle; white-space: nowrap; width: 2.2rem; -webkit-animation: bounce-button-in 0.45s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation: bounce-button-in 0.45s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; } /* line 207, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { background: transparent; border: 0.1rem dotted #606061; color: #606061; } /* line 211, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:focus { background: #ffffff; border-color: #ffffff; color: rgba(0, 0, 0, 0.7); text-decoration: none; } /* line 216, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #606061; border-color: #606061; border-radius: 25091983px; color: #fff; } /* line 221, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active.is-today { border-color: #fff !important; color: #fff !important; } /* line 224, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { background: #ffffff; border: 0.1rem solid #606061; color: rgba(0, 0, 0, 0.7); text-decoration: none; } /* line 229, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month { background: transparent; } /* line 231, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled, .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date[disabled] { background-color: whitesmoke; background-image: url("data:image/gif;base64,R0lGODlhBQAFAOMAAP/14////93uHt3uHt3uHt3uHv///////////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAFAAUAAAQL0ACAzpG0YnonNxEAOw==") !important; } /* line 235, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled .date-item, .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled .calendar-event, .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date[disabled] .date-item, .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date[disabled] .calendar-event { cursor: default; opacity: .25; pointer-events: none; } /* line 240, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { position: relative; background: #606061; z-index: 1; } /* line 246, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border: 0.1rem solid #606061; color: #606061; -webkit-box-shadow: 0 0.2rem 0.2rem rgba(10, 10, 10, 0.1); box-shadow: 0 0.2rem 0.2rem rgba(10, 10, 10, 0.1); } /* line 251, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start { border-top-left-radius: 25091983px; border-bottom-left-radius: 25091983px; } /* line 254, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end { border-top-right-radius: 25091983px; border-bottom-right-radius: 25091983px; } /* line 257, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #606061; color: #fff; } /* line 260, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 263, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-months, .datetimepicker .datepicker-body .datepicker-years { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .5rem; max-height: 17rem; overflow-y: auto; } /* line 271, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-months.is-active, .datetimepicker .datepicker-body .datepicker-years.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 273, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-months .datepicker-month, .datetimepicker .datepicker-body .datepicker-months .datepicker-year, .datetimepicker .datepicker-body .datepicker-years .datepicker-month, .datetimepicker .datepicker-body .datepicker-years .datepicker-year { padding: .5rem; margin: .5rem; font-size: 0.75rem; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 25%; flex: 1 25%; text-transform: capitalize; border-radius: 25091983px; border: .1rem solid transparent; } /* line 283, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-months .datepicker-month.is-active, .datetimepicker .datepicker-body .datepicker-months .datepicker-year.is-active, .datetimepicker .datepicker-body .datepicker-years .datepicker-month.is-active, .datetimepicker .datepicker-body .datepicker-years .datepicker-year.is-active { background: #606061; border-color: #606061; color: #fff; } /* line 287, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datepicker-body .datepicker-months .datepicker-month:hover, .datetimepicker .datepicker-body .datepicker-months .datepicker-year:hover, .datetimepicker .datepicker-body .datepicker-years .datepicker-month:hover, .datetimepicker .datepicker-body .datepicker-years .datepicker-year:hover { cursor: pointer; background: #ffffff; border: 0.1rem solid #606061; color: rgba(0, 0, 0, 0.7); } /* line 294, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0; } /* line 299, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker .datetimepicker-footer > * { text-decoration: none !important; } /* line 312, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-datetimepicker-default .datetimepicker-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 316, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-datetimepicker-default .datetimepicker-container:after, .datetimepicker.is-datetimepicker-default .datetimepicker-container:before { bottom: 100%; left: 15%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 325, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-datetimepicker-default .datetimepicker-container:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: .75rem; margin-left: -.75rem; } /* line 330, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-datetimepicker-default .datetimepicker-container:before { border-color: rgba(74, 74, 74, 0); border-bottom-color: #4a4a4a; border-width: .75rem; margin-left: -.75rem; } /* line 335, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-datetimepicker-default .datetimepicker-container.has-header-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 339, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large { max-width: 100%; } /* line 342, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-body .datepicker-date { border-bottom: 0.1rem solid whitesmoke; border-right: 0.1rem solid whitesmoke; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 11rem; padding: 0; } /* line 349, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-body .datepicker-date:nth-child(7n) { border-right: 0; } /* line 351, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-body .datepicker-date:nth-last-child(-n+7) { border-bottom: 0; } /* line 353, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .date-item { -ms-flex-item-align: end; align-self: flex-end; height: 2.2rem; margin-right: .5rem; margin-top: .5rem; } /* line 359, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-range:before, .datetimepicker.is-large .datepicker-range::before { top: 1.9rem; } /* line 362, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-range.datepicker-range-start::before { left: auto; width: 1.9rem; } /* line 365, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-range.datepicker-range-end::before { right: 1.9rem; } /* line 367, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-events { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1; overflow-y: auto; padding: .5rem; } /* line 372, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event { background-color: #7a7a7a; border-radius: 2px; color: #ffffff; display: block; font-size: 1rem; margin: .2rem auto; overflow: hidden; padding: .3rem .4rem; text-align: left; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-white { background-color: #ffffff; color: #0a0a0a; } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-black { background-color: #0a0a0a; color: #ffffff; } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-dark { background-color: #363636; color: #fff; } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-primary { background-color: #606061; color: #fff; } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-link { background-color: #3273dc; color: #fff; } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-info { background-color: #039BE5; color: #fff; } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-success { background-color: #06d6a0; color: #fff; } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-warning { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 388, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-large .datepicker-event.is-danger { background-color: #e62965; color: #fff; } /* line 3, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; } /* line 10, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start, .datetimepicker .timepicker .timepicker-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1 50%; flex: 1 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } /* line 17, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-hours, .datetimepicker .timepicker .timepicker-start .timepicker-minutes, .datetimepicker .timepicker .timepicker-end .timepicker-hours, .datetimepicker .timepicker .timepicker-end .timepicker-minutes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 22, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input, .datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input, .datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input, .datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input { position: relative; color: #606061; text-align: center; overflow: hidden; font-size: 2rem; font-weight: 400; } /* line 30, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input.is-input .timepicker-input-number, .datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input.is-input .timepicker-input-number, .datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input.is-input .timepicker-input-number, .datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input.is-input .timepicker-input-number { visability: hidden; opacity: 0; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } /* line 35, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input.is-input input, .datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input.is-input input, .datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input.is-input input, .datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input.is-input input { visability: visible; opacity: 1; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } /* line 39, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input input, .datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input input, .datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input input, .datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input input { width: 4rem; margin: 0; padding: 0; position: relative; z-index: 2; -webkit-box-shadow: none; box-shadow: none; outline: none; border: none; opacity: 0; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } /* line 52, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-input-number, .datetimepicker .timepicker .timepicker-end .timepicker-input-number { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; visability: visible; opacity: 1; -webkit-transition: opacity 1000ms ease-in; transition: opacity 1000ms ease-in; font-weight: 300; } /* line 63, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-increment-hide, .datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-increment-hide { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-animation: increment-prev 100ms ease-in; animation: increment-prev 100ms ease-in; } /* line 68, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-increment-visible, .datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-increment-visible { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: increment-next 100ms ease-out; animation: increment-next 100ms ease-out; } /* line 73, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-decrement-hide, .datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-decrement-hide { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-animation: decrement-prev 100ms ease-in; animation: decrement-prev 100ms ease-in; } /* line 78, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-decrement-visible, .datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-decrement-visible { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: decrement-next 100ms ease-out; animation: decrement-next 100ms ease-out; } /* line 82, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-end { margin-left: 1rem; padding-left: 1rem; } /* line 85, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-end:before, .datetimepicker .timepicker .timepicker-end::before { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 50%; width: .1rem; background-color: whitesmoke; } /* line 95, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-previous, .datetimepicker .timepicker .timepicker-next { font-size: 1rem; line-height: 1rem; display: block; color: #ADBCDA; text-align: center; margin: 1rem 0 0; font-size: 1rem; padding: .5rem; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 107, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-previous:hover, .datetimepicker .timepicker .timepicker-next:hover { cursor: pointer; background-color: whitesmoke; } /* line 110, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-previous { margin: 0 0 1rem; } /* line 113, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker .timepicker-time-divider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; color: #606061; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-white .timepicker-input, .datetimepicker .timepicker.is-white .timepicker-input-number, .datetimepicker .timepicker.is-white .timepicker-time-divider { color: #ffffff !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-black .timepicker-input, .datetimepicker .timepicker.is-black .timepicker-input-number, .datetimepicker .timepicker.is-black .timepicker-time-divider { color: #0a0a0a !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-light .timepicker-input, .datetimepicker .timepicker.is-light .timepicker-input-number, .datetimepicker .timepicker.is-light .timepicker-time-divider { color: whitesmoke !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-dark .timepicker-input, .datetimepicker .timepicker.is-dark .timepicker-input-number, .datetimepicker .timepicker.is-dark .timepicker-time-divider { color: #363636 !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-primary .timepicker-input, .datetimepicker .timepicker.is-primary .timepicker-input-number, .datetimepicker .timepicker.is-primary .timepicker-time-divider { color: #606061 !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-link .timepicker-input, .datetimepicker .timepicker.is-link .timepicker-input-number, .datetimepicker .timepicker.is-link .timepicker-time-divider { color: #3273dc !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-info .timepicker-input, .datetimepicker .timepicker.is-info .timepicker-input-number, .datetimepicker .timepicker.is-info .timepicker-time-divider { color: #039BE5 !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-success .timepicker-input, .datetimepicker .timepicker.is-success .timepicker-input-number, .datetimepicker .timepicker.is-success .timepicker-time-divider { color: #06d6a0 !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-warning .timepicker-input, .datetimepicker .timepicker.is-warning .timepicker-input-number, .datetimepicker .timepicker.is-warning .timepicker-time-divider { color: #faae42 !important; } /* line 124, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-danger .timepicker-input, .datetimepicker .timepicker.is-danger .timepicker-input-number, .datetimepicker .timepicker.is-danger .timepicker-time-divider { color: #e62965 !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-black-bis .timepicker-input, .datetimepicker .timepicker.is-black-bis .timepicker-input-number, .datetimepicker .timepicker.is-black-bis .timepicker-time-divider { color: #121212 !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-black-ter .timepicker-input, .datetimepicker .timepicker.is-black-ter .timepicker-input-number, .datetimepicker .timepicker.is-black-ter .timepicker-time-divider { color: #242424 !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-grey-darker .timepicker-input, .datetimepicker .timepicker.is-grey-darker .timepicker-input-number, .datetimepicker .timepicker.is-grey-darker .timepicker-time-divider { color: #363636 !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-grey-dark .timepicker-input, .datetimepicker .timepicker.is-grey-dark .timepicker-input-number, .datetimepicker .timepicker.is-grey-dark .timepicker-time-divider { color: #4a4a4a !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-grey .timepicker-input, .datetimepicker .timepicker.is-grey .timepicker-input-number, .datetimepicker .timepicker.is-grey .timepicker-time-divider { color: #7a7a7a !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-grey-light .timepicker-input, .datetimepicker .timepicker.is-grey-light .timepicker-input-number, .datetimepicker .timepicker.is-grey-light .timepicker-time-divider { color: #b5b5b5 !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-grey-lighter .timepicker-input, .datetimepicker .timepicker.is-grey-lighter .timepicker-input-number, .datetimepicker .timepicker.is-grey-lighter .timepicker-time-divider { color: #dbdbdb !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-white-ter .timepicker-input, .datetimepicker .timepicker.is-white-ter .timepicker-input-number, .datetimepicker .timepicker.is-white-ter .timepicker-time-divider { color: whitesmoke !important; } /* line 133, src/assets/sass/sass/extensions/_timepicker.sass */ .datetimepicker .timepicker.is-white-bis .timepicker-input, .datetimepicker .timepicker.is-white-bis .timepicker-input-number, .datetimepicker .timepicker.is-white-bis .timepicker-time-divider { color: #fafafa !important; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datetimepicker-header .datetimepicker-selection-day { color: #ffffff; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-nav { background: #ffffff; color: #0a0a0a; } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #ffffff; border-color: #ffffff; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #ffffff; color: #ffffff; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #ffffff; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #ffffff; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #ffffff; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #ffffff; color: #0a0a0a; } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #0a0a0a !important; color: #0a0a0a !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #0a0a0a; border-color: #ffffff; color: #ffffff; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datetimepicker-header .datetimepicker-selection-day { color: #0a0a0a; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-nav { background: #0a0a0a; color: #ffffff; } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #0a0a0a; border-color: #0a0a0a; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #0a0a0a; color: #0a0a0a; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #0a0a0a; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #0a0a0a; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #0a0a0a; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #0a0a0a; color: #ffffff; } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #ffffff !important; color: #ffffff !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #ffffff; border-color: #0a0a0a; color: #0a0a0a; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datetimepicker-header .datetimepicker-selection-day { color: whitesmoke; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-nav { background: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: whitesmoke; border-color: whitesmoke; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: whitesmoke; color: whitesmoke; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: whitesmoke; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: whitesmoke; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: whitesmoke; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: rgba(0, 0, 0, 0.7) !important; color: rgba(0, 0, 0, 0.7) !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: rgba(0, 0, 0, 0.7); border-color: whitesmoke; color: whitesmoke; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datetimepicker-header .datetimepicker-selection-day { color: #363636; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-nav { background: #363636; color: #fff; } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #363636; border-color: #363636; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #363636; color: #363636; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #363636; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #363636; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #363636; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #363636; color: #fff; } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #363636; color: #363636; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datetimepicker-header .datetimepicker-selection-day { color: #606061; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-nav { background: #606061; color: #fff; } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #606061; border-color: #606061; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #606061; color: #606061; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #606061; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #606061; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #606061; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #606061; color: #fff; } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #606061; color: #606061; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datetimepicker-header .datetimepicker-selection-day { color: #3273dc; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-nav { background: #3273dc; color: #fff; } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #3273dc; border-color: #3273dc; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #3273dc; color: #3273dc; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #3273dc; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #3273dc; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #3273dc; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #3273dc; color: #fff; } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #3273dc; color: #3273dc; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datetimepicker-header .datetimepicker-selection-day { color: #039BE5; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-nav { background: #039BE5; color: #fff; } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #039BE5; border-color: #039BE5; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #039BE5; color: #039BE5; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #039BE5; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #039BE5; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #039BE5; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #039BE5; color: #fff; } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #039BE5; color: #039BE5; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datetimepicker-header .datetimepicker-selection-day { color: #06d6a0; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-nav { background: #06d6a0; color: #fff; } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #06d6a0; border-color: #06d6a0; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #06d6a0; color: #06d6a0; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #06d6a0; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #06d6a0; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #06d6a0; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #06d6a0; color: #fff; } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #06d6a0; color: #06d6a0; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datetimepicker-header .datetimepicker-selection-day { color: #faae42; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-nav { background: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #faae42; border-color: #faae42; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #faae42; color: #faae42; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #faae42; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #faae42; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #faae42; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #faae42; color: rgba(0, 0, 0, 0.7); } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: rgba(0, 0, 0, 0.7) !important; color: rgba(0, 0, 0, 0.7) !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: rgba(0, 0, 0, 0.7); border-color: #faae42; color: #faae42; } /* line 405, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datetimepicker-header .datetimepicker-selection-day { color: #e62965; } /* line 407, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-nav { background: #e62965; color: #fff; } /* line 415, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #e62965; border-color: #e62965; } /* line 418, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #e62965; color: #e62965; } /* line 421, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #e62965; } /* line 423, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #e62965; } /* line 425, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #e62965; } /* line 428, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #e62965; color: #fff; } /* line 431, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 436, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #e62965; color: #e62965; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datetimepicker-header .datetimepicker-selection-day { color: #121212; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-nav { background: #121212; color: #fff; } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #121212; border-color: #121212; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #121212; color: #121212; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #121212; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #121212; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #121212; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #121212; color: #fff; } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #121212; color: #121212; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datetimepicker-header .datetimepicker-selection-day { color: #242424; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-nav { background: #242424; color: #fff; } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #242424; border-color: #242424; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #242424; color: #242424; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #242424; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #242424; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #242424; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #242424; color: #fff; } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #242424; color: #242424; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datetimepicker-header .datetimepicker-selection-day { color: #363636; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-nav { background: #363636; color: #fff; } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #363636; border-color: #363636; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #363636; color: #363636; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #363636; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #363636; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #363636; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #363636; color: #fff; } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #363636; color: #363636; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datetimepicker-header .datetimepicker-selection-day { color: #4a4a4a; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-nav { background: #4a4a4a; color: #fff; } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #4a4a4a; border-color: #4a4a4a; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #4a4a4a; color: #4a4a4a; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #4a4a4a; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #4a4a4a; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #4a4a4a; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #4a4a4a; color: #fff; } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #4a4a4a; color: #4a4a4a; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datetimepicker-header .datetimepicker-selection-day { color: #7a7a7a; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-nav { background: #7a7a7a; color: #fff; } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #7a7a7a; border-color: #7a7a7a; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #7a7a7a; color: #7a7a7a; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #7a7a7a; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #7a7a7a; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #7a7a7a; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #7a7a7a; color: #fff; } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #7a7a7a; color: #7a7a7a; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datetimepicker-header .datetimepicker-selection-day { color: #b5b5b5; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-nav { background: #b5b5b5; color: #fff; } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #b5b5b5; border-color: #b5b5b5; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #b5b5b5; color: #b5b5b5; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #b5b5b5; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #b5b5b5; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #b5b5b5; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #b5b5b5; color: #fff; } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: #fff !important; color: #fff !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: #fff; border-color: #b5b5b5; color: #b5b5b5; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datetimepicker-header .datetimepicker-selection-day { color: #dbdbdb; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-nav { background: #dbdbdb; color: rgba(0, 0, 0, 0.7); } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #dbdbdb; border-color: #dbdbdb; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #dbdbdb; color: #dbdbdb; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #dbdbdb; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #dbdbdb; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #dbdbdb; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #dbdbdb; color: rgba(0, 0, 0, 0.7); } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: rgba(0, 0, 0, 0.7) !important; color: rgba(0, 0, 0, 0.7) !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: rgba(0, 0, 0, 0.7); border-color: #dbdbdb; color: #dbdbdb; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datetimepicker-header .datetimepicker-selection-day { color: whitesmoke; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-nav { background: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: whitesmoke; border-color: whitesmoke; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: whitesmoke; color: whitesmoke; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: whitesmoke; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: whitesmoke; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: whitesmoke; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: rgba(0, 0, 0, 0.7) !important; color: rgba(0, 0, 0, 0.7) !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: rgba(0, 0, 0, 0.7); border-color: whitesmoke; color: whitesmoke; } /* line 445, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datetimepicker-header .datetimepicker-selection-day { color: #fafafa; } /* line 447, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-nav { background: #fafafa; color: rgba(0, 0, 0, 0.7); } /* line 455, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { background: #fafafa; border-color: #fafafa; } /* line 458, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #fafafa; color: #fafafa; } /* line 461, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #fafafa; } /* line 463, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range { background: #fafafa; } /* line 465, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before, .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before { background: #fafafa; } /* line 468, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item { background-color: #fafafa; color: rgba(0, 0, 0, 0.7); } /* line 471, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today { border-color: rgba(0, 0, 0, 0.7) !important; color: rgba(0, 0, 0, 0.7) !important; } /* line 476, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, .datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item { background: rgba(0, 0, 0, 0.7); border-color: #fafafa; color: #fafafa; } /* line 481, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 2.5rem; } /* line 486, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy:before, .datetimepicker-dummy::before { content: ''; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9ImN1cnJlbnRjb2xvciIgZD0iTTU3LDRoLTdWMWMwLTAuNTUzLTAuNDQ3LTEtMS0xaC03Yy0wLjU1MywwLTEsMC40NDctMSwxdjNIMTlWMWMwLTAuNTUzLTAuNDQ3LTEtMS0xaC03Yy0wLjU1MywwLTEsMC40NDctMSwxdjNIM0MyLjQ0Nyw0LDIsNC40NDcsMiw1djExdjQzYzAsMC41NTMsMC40NDcsMSwxLDFoNTRjMC41NTMsMCwxLTAuNDQ3LDEtMVYxNlY1QzU4LDQuNDQ3LDU3LjU1Myw0LDU3LDR6IE00MywyaDV2M3YzaC01VjVWMnogTTEyLDJoNXYzdjNoLTVWNVYyeiBNNCw2aDZ2M2MwLDAuNTUzLDAuNDQ3LDEsMSwxaDdjMC41NTMsMCwxLTAuNDQ3LDEtMVY2aDIydjNjMCwwLjU1MywwLjQ0NywxLDEsMWg3YzAuNTUzLDAsMS0wLjQ0NywxLTFWNmg2djlINFY2ek00LDU4VjE3aDUydjQxSDR6Ii8+PHBhdGggZmlsbD0iY3VycmVudGNvbG9yIiBkPSJNMzgsMjNoLTdoLTJoLTdoLTJoLTl2OXYydjd2MnY5aDloMmg3aDJoN2gyaDl2LTl2LTJ2LTd2LTJ2LTloLTlIMzh6TTMxLDI1aDd2N2gtN1YyNXpNMzgsNDFoLTd2LTdoN1Y0MXpNMjIsMzRoN3Y3aC03VjM0ek0yMiwyNWg3djdoLTdWMjV6TTEzLDI1aDd2N2gtN1YyNXpNMTMsMzRoN3Y3aC03VjM0ek0yMCw1MGgtN3YtN2g3VjUwek0yOSw1MGgtN3YtN2g3VjUweiBNMzgsNTBoLTd2LTdoN1Y1MHogTTQ3LDUwaC03di03aDdWNTB6IE00Nyw0MWgtN3YtN2g3VjQxek00NywyNXY3aC03di03SDQ3eiIvPjwvZz48L3N2Zz4="); mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9ImN1cnJlbnRjb2xvciIgZD0iTTU3LDRoLTdWMWMwLTAuNTUzLTAuNDQ3LTEtMS0xaC03Yy0wLjU1MywwLTEsMC40NDctMSwxdjNIMTlWMWMwLTAuNTUzLTAuNDQ3LTEtMS0xaC03Yy0wLjU1MywwLTEsMC40NDctMSwxdjNIM0MyLjQ0Nyw0LDIsNC40NDcsMiw1djExdjQzYzAsMC41NTMsMC40NDcsMSwxLDFoNTRjMC41NTMsMCwxLTAuNDQ3LDEtMVYxNlY1QzU4LDQuNDQ3LDU3LjU1Myw0LDU3LDR6IE00MywyaDV2M3YzaC01VjVWMnogTTEyLDJoNXYzdjNoLTVWNVYyeiBNNCw2aDZ2M2MwLDAuNTUzLDAuNDQ3LDEsMSwxaDdjMC41NTMsMCwxLTAuNDQ3LDEtMVY2aDIydjNjMCwwLjU1MywwLjQ0NywxLDEsMWg3YzAuNTUzLDAsMS0wLjQ0NywxLTFWNmg2djlINFY2ek00LDU4VjE3aDUydjQxSDR6Ii8+PHBhdGggZmlsbD0iY3VycmVudGNvbG9yIiBkPSJNMzgsMjNoLTdoLTJoLTdoLTJoLTl2OXYydjd2MnY5aDloMmg3aDJoN2gyaDl2LTl2LTJ2LTd2LTJ2LTloLTlIMzh6TTMxLDI1aDd2N2gtN1YyNXpNMzgsNDFoLTd2LTdoN1Y0MXpNMjIsMzRoN3Y3aC03VjM0ek0yMiwyNWg3djdoLTdWMjV6TTEzLDI1aDd2N2gtN1YyNXpNMTMsMzRoN3Y3aC03VjM0ek0yMCw1MGgtN3YtN2g3VjUwek0yOSw1MGgtN3YtN2g3VjUweiBNMzgsNTBoLTd2LTdoN1Y1MHogTTQ3LDUwaC03di03aDdWNTB6IE00Nyw0MWgtN3YtN2g3VjQxek00NywyNXY3aC03di03SDQ3eiIvPjwvZz48L3N2Zz4="); position: absolute; top: .65rem; left: .75rem; width: 1.25rem; height: 1.25rem; background-color: #606061; } /* line 496, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy .datetimepicker-clear-button { background: transparent; border: 0; color: #606061; cursor: pointer; font-weight: 400; outline: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 1.5rem; height: 1.75rem; margin: .4rem .2rem 0 0; padding: 0; position: absolute; right: 0; top: 0; width: 1.75rem; } /* line 512, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy .datetimepicker-dummy-wrapper { border: 1px solid #b5b5b5; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; max-width: 100%; } /* line 520, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input { color: #4a4a4a; font-size: 1rem; text-align: left; text-indent: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; max-width: 50%; } /* line 528, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input:first-child { text-indent: 2.5rem; } /* line 530, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input.is-datetimepicker-range { background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCI+CiAgICA8cGF0aCBmaWxsPSIjOTU5OUFBIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0uMTE5LjcxOGw3LjE1OCA3LjQwNy0uMDMzLS41NTEtNi43MzcgOC44ODlhLjQyNS40MjUgMCAwIDAgLjA4LjU5My40Mi40MiAwIDAgMCAuNTktLjA4bDYuNzM3LTguODg5YS40MjUuNDI1IDAgMCAwLS4wMzMtLjU1MUwuNzIzLjEyOEEuNDIuNDIgMCAwIDAgLjEyOC4xMmEuNDI1LjQyNSAwIDAgMC0uMDA5LjU5OHoiLz4KPC9zdmc+Cg==") no-repeat 100%/8px; } /* line 532, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy .datetimepicker-dummy-wrapper input { background: transparent; outline: none; word-spacing: .5rem; border: 0; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-white:before, .datetimepicker-dummy.is-white::before { background-color: #ffffff; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-white .datetimepicker-clear-button { color: #ffffff; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-black:before, .datetimepicker-dummy.is-black::before { background-color: #0a0a0a; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-black .datetimepicker-clear-button { color: #0a0a0a; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-light:before, .datetimepicker-dummy.is-light::before { background-color: whitesmoke; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-light .datetimepicker-clear-button { color: whitesmoke; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-dark:before, .datetimepicker-dummy.is-dark::before { background-color: #363636; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-dark .datetimepicker-clear-button { color: #363636; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-primary:before, .datetimepicker-dummy.is-primary::before { background-color: #606061; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-primary .datetimepicker-clear-button { color: #606061; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-link:before, .datetimepicker-dummy.is-link::before { background-color: #3273dc; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-link .datetimepicker-clear-button { color: #3273dc; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-info:before, .datetimepicker-dummy.is-info::before { background-color: #039BE5; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-info .datetimepicker-clear-button { color: #039BE5; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-success:before, .datetimepicker-dummy.is-success::before { background-color: #06d6a0; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-success .datetimepicker-clear-button { color: #06d6a0; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-warning:before, .datetimepicker-dummy.is-warning::before { background-color: #faae42; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-warning .datetimepicker-clear-button { color: #faae42; } /* line 543, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-danger:before, .datetimepicker-dummy.is-danger::before { background-color: #e62965; } /* line 546, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-danger .datetimepicker-clear-button { color: #e62965; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-black-bis:before, .datetimepicker-dummy.is-black-bis::before { background-color: #121212; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-black-bis .datetimepicker-clear-button { color: #121212; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-black-ter:before, .datetimepicker-dummy.is-black-ter::before { background-color: #242424; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-black-ter .datetimepicker-clear-button { color: #242424; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey-darker:before, .datetimepicker-dummy.is-grey-darker::before { background-color: #363636; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey-darker .datetimepicker-clear-button { color: #363636; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey-dark:before, .datetimepicker-dummy.is-grey-dark::before { background-color: #4a4a4a; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey-dark .datetimepicker-clear-button { color: #4a4a4a; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey:before, .datetimepicker-dummy.is-grey::before { background-color: #7a7a7a; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey .datetimepicker-clear-button { color: #7a7a7a; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey-light:before, .datetimepicker-dummy.is-grey-light::before { background-color: #b5b5b5; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey-light .datetimepicker-clear-button { color: #b5b5b5; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey-lighter:before, .datetimepicker-dummy.is-grey-lighter::before { background-color: #dbdbdb; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-grey-lighter .datetimepicker-clear-button { color: #dbdbdb; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-white-ter:before, .datetimepicker-dummy.is-white-ter::before { background-color: whitesmoke; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-white-ter .datetimepicker-clear-button { color: whitesmoke; } /* line 552, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-white-bis:before, .datetimepicker-dummy.is-white-bis::before { background-color: #fafafa; } /* line 555, src/assets/sass/sass/extensions/_calendar-creative.sass */ .datetimepicker-dummy.is-white-bis .datetimepicker-clear-button { color: #fafafa; } /* line 559, src/assets/sass/sass/extensions/_calendar-creative.sass */ .modal .datetimepicker { display: block; max-height: 95vh; width: 22rem; max-width: 95vw; overflow-y: auto; } /* line 37, src/assets/sass/sass/extensions/_steps.sass */ .steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1rem; min-height: 2rem; } /* line 187, src/assets/sass/sass/utilities/mixins.sass */ .steps:not(:last-child) { margin-bottom: 1.5rem; } /* line 42, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item { margin-top: 0; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } /* line 47, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item:not(:first-child) { -ms-flex-preferred-size: 1em; flex-basis: 1em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } /* line 51, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item:not(:first-child)::before { content: " "; display: block; position: absolute; } /* line 57, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #606061)); background: linear-gradient(to left, #dbdbdb 50%, #606061 50%); background-size: 200% 100%; background-position: right bottom; } /* line 61, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item::before .step-marker { color: #ffffff; } /* line 64, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-active::before { background-position: left bottom; } /* line 66, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-active .step-marker { background-color: #ffffff; border-color: #606061; color: #606061; } /* line 71, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-completed::before { background-position: left bottom; } /* line 73, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-completed .step-marker { color: #ffffff; background-color: #606061; } /* line 77, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item .step-marker { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #b5b5b5; color: #ffffff; border: 0.2em solid #fff; z-index: 1; } /* line 88, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item .step-details { text-align: center; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-white::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #ffffff)); background: linear-gradient(to left, #dbdbdb 50%, #ffffff 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-white.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-white.is-active .step-marker { background-color: #ffffff; border-color: #ffffff; color: #ffffff; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-white.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-white.is-completed .step-marker { color: #0a0a0a; background-color: #ffffff; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-black::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #0a0a0a)); background: linear-gradient(to left, #dbdbdb 50%, #0a0a0a 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-black.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-black.is-active .step-marker { background-color: #ffffff; border-color: #0a0a0a; color: #0a0a0a; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-black.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-black.is-completed .step-marker { color: #ffffff; background-color: #0a0a0a; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-light::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, whitesmoke)); background: linear-gradient(to left, #dbdbdb 50%, whitesmoke 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-light.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-light.is-active .step-marker { background-color: #ffffff; border-color: whitesmoke; color: whitesmoke; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-light.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-light.is-completed .step-marker { color: rgba(0, 0, 0, 0.7); background-color: whitesmoke; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-dark::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #363636)); background: linear-gradient(to left, #dbdbdb 50%, #363636 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-dark.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-dark.is-active .step-marker { background-color: #ffffff; border-color: #363636; color: #363636; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-dark.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-dark.is-completed .step-marker { color: #fff; background-color: #363636; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-primary::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #606061)); background: linear-gradient(to left, #dbdbdb 50%, #606061 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-primary.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-primary.is-active .step-marker { background-color: #ffffff; border-color: #606061; color: #606061; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-primary.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-primary.is-completed .step-marker { color: #fff; background-color: #606061; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-link::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #3273dc)); background: linear-gradient(to left, #dbdbdb 50%, #3273dc 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-link.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-link.is-active .step-marker { background-color: #ffffff; border-color: #3273dc; color: #3273dc; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-link.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-link.is-completed .step-marker { color: #fff; background-color: #3273dc; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-info::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #039BE5)); background: linear-gradient(to left, #dbdbdb 50%, #039BE5 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-info.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-info.is-active .step-marker { background-color: #ffffff; border-color: #039BE5; color: #039BE5; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-info.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-info.is-completed .step-marker { color: #fff; background-color: #039BE5; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-success::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #06d6a0)); background: linear-gradient(to left, #dbdbdb 50%, #06d6a0 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-success.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-success.is-active .step-marker { background-color: #ffffff; border-color: #06d6a0; color: #06d6a0; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-success.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-success.is-completed .step-marker { color: #fff; background-color: #06d6a0; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-warning::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #faae42)); background: linear-gradient(to left, #dbdbdb 50%, #faae42 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-warning.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-warning.is-active .step-marker { background-color: #ffffff; border-color: #faae42; color: #faae42; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-warning.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-warning.is-completed .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #faae42; } /* line 96, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-danger::before { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #dbdbdb), color-stop(50%, #e62965)); background: linear-gradient(to left, #dbdbdb 50%, #e62965 50%); background-size: 200% 100%; background-position: right bottom; } /* line 101, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-danger.is-active::before { background-position: left bottom; } /* line 103, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-danger.is-active .step-marker { background-color: #ffffff; border-color: #e62965; color: #e62965; } /* line 108, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-danger.is-completed::before { background-position: left bottom; } /* line 110, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item.is-danger.is-completed .step-marker { color: #fff; background-color: #e62965; } /* line 114, src/assets/sass/sass/extensions/_steps.sass */ .steps .steps-content { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 2rem 0; } /* line 118, src/assets/sass/sass/extensions/_steps.sass */ .steps .steps-content .step-content { display: none; } /* line 120, src/assets/sass/sass/extensions/_steps.sass */ .steps .steps-content .step-content.is-active { display: block; } /* line 123, src/assets/sass/sass/extensions/_steps.sass */ .steps .steps-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-preferred-size: 100%; flex-basis: 100%; } /* line 127, src/assets/sass/sass/extensions/_steps.sass */ .steps .steps-actions .steps-action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: .5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 137, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-animated .step-item::before { -webkit-transition: all 2s ease; transition: all 2s ease; } /* line 139, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-animated .step-item .step-marker { -webkit-transition: all 0s ease; transition: all 0s ease; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } /* line 13, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item:not(:first-child)::before { height: 0.2em; width: 100%; bottom: 0; left: -50%; top: 1rem; } /* line 19, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item .step-marker { height: 2rem; width: 2rem; position: absolute; left: calc(50% - 1rem); } /* line 25, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item .step-marker .icon * { font-size: 1rem; } /* line 27, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item .step-details { margin-top: 2rem; margin-left: .5em; margin-right: .5em; padding-top: .2em; } /* line 32, src/assets/sass/sass/extensions/_steps.sass */ .steps .step-item .step-details .step-title { font-size: 1.2rem; font-weight: 600; } /* line 144, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-small { font-size: 0.75rem; min-height: 1.5rem; } /* line 13, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-small .step-item:not(:first-child)::before { height: 0.2em; width: 100%; bottom: 0; left: -50%; top: 0.75rem; } /* line 19, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-small .step-item .step-marker { height: 1.5rem; width: 1.5rem; position: absolute; left: calc(50% - 0.75rem); } /* line 25, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-small .step-item .step-marker .icon * { font-size: 0.75rem; } /* line 27, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-small .step-item .step-details { margin-top: 1.5rem; margin-left: .5em; margin-right: .5em; padding-top: .2em; } /* line 32, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-small .step-item .step-details .step-title { font-size: 0.9rem; font-weight: 600; } /* line 146, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-medium { font-size: 1.25rem; min-height: 2.5rem; } /* line 13, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-medium .step-item:not(:first-child)::before { height: 0.2em; width: 100%; bottom: 0; left: -50%; top: 1.25rem; } /* line 19, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-medium .step-item .step-marker { height: 2.5rem; width: 2.5rem; position: absolute; left: calc(50% - 1.25rem); } /* line 25, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-medium .step-item .step-marker .icon * { font-size: 1.25rem; } /* line 27, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-medium .step-item .step-details { margin-top: 2.5rem; margin-left: .5em; margin-right: .5em; padding-top: .2em; } /* line 32, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-medium .step-item .step-details .step-title { font-size: 1.5rem; font-weight: 600; } /* line 148, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-large { font-size: 1.5rem; min-height: 3rem; } /* line 13, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-large .step-item:not(:first-child)::before { height: 0.2em; width: 100%; bottom: 0; left: -50%; top: 1.5rem; } /* line 19, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-large .step-item .step-marker { height: 3rem; width: 3rem; position: absolute; left: calc(50% - 1.5rem); } /* line 25, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-large .step-item .step-marker .icon * { font-size: 1.5rem; } /* line 27, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-large .step-item .step-details { margin-top: 3rem; margin-left: .5em; margin-right: .5em; padding-top: .2em; } /* line 32, src/assets/sass/sass/extensions/_steps.sass */ .steps.is-large .step-item .step-details .step-title { font-size: 1.8rem; font-weight: 600; } /* line 1, src/assets/sass/sass/extensions/_tagsinput.sass */ .tagsinput { height: auto !important; } /* line 3, src/assets/sass/sass/extensions/_tagsinput.sass */ .tagsinput .control { margin-bottom: .1em !important; margin-top: .1em !important; } /* line 6, src/assets/sass/sass/extensions/_tagsinput.sass */ .tagsinput input { border: none; margin-bottom: .1em !important; margin-top: .1em !important; } /* line 11, src/assets/sass/sass/extensions/_tagsinput.sass */ .tagsinput .tag.is-active { background-color: #606061; color: #fff; } /*! _variables.scss | Huro | Css ninja 2020-2021 */ /* 1. Main Colors 2. Global colors */ /* ========================================================================== 1. Main Colors ========================================================================== */ /* ========================================================================== 2. Global colors ========================================================================== */ /* ========================================================================== 3. MOD-ADD New Basis Colors for Components, Controls, etc ========================================================================== */ /*! _variables.scss | Huro | Css ninja 2020-2021 */ /* 1. Main Colors 2. Global colors */ /* ========================================================================== 1. Main Colors ========================================================================== */ /* ========================================================================== 2. Global colors ========================================================================== */ /*! _brands.scss | Huro | Css ninja 2020-2021 */ /* 1. Brand Colors */ /* ========================================================================== 1. Brand Colors ========================================================================== */ /*! _shadows.scss | Huro | Css ninja 2020-2021 */ /* 1. Base Shadows 2. State Shadows 3. Stack Shadows 4. Brand Shadows 5. Additional Colors Shadows */ /* ========================================================================== 1. Base Shadows ========================================================================== */ /* ========================================================================== 2. State Shadows ========================================================================== */ /* ========================================================================== 3. Stack Shadows ========================================================================== */ /* ========================================================================== 4. Brand Shadows ========================================================================== */ /* ========================================================================== 5. Additional Colors Shadows ========================================================================== */ /* line 172, src/assets/scss/abstracts/_shadows.scss */ .has-light-shadow { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 175, src/assets/scss/abstracts/_shadows.scss */ .has-light-shadow.has-light-border { border: 1px solid #e5e5e5; } /*! _typography.scss | Huro | Css ninja 2020-2021 */ /* 1. Titles 2. Titles Dark mode 3. Typography Helpers */ /* ========================================================================== 1. Titles ========================================================================== */ /* line 16, src/assets/scss/abstracts/_typography.scss */ .title { font-family: "Montserrat", sans-serif; color: #283252; } /* line 20, src/assets/scss/abstracts/_typography.scss */ .title.is-narrow { margin-bottom: 0; } /* line 24, src/assets/scss/abstracts/_typography.scss */ .title.is-thin { font-weight: 300; } /* line 28, src/assets/scss/abstracts/_typography.scss */ .title.is-heavy { font-weight: 600; } /* line 32, src/assets/scss/abstracts/_typography.scss */ .title.is-bold { font-weight: 700; } /* line 36, src/assets/scss/abstracts/_typography.scss */ .title.is-bolder { font-weight: 800; } /* line 41, src/assets/scss/abstracts/_typography.scss */ .subtitle { font-family: "Roboto", sans-serif; color: #283252; } /* line 45, src/assets/scss/abstracts/_typography.scss */ .subtitle.is-narrow { margin-bottom: 0; } /* line 49, src/assets/scss/abstracts/_typography.scss */ .subtitle.is-thin { font-weight: 300; } /* line 53, src/assets/scss/abstracts/_typography.scss */ .subtitle.is-heavy { font-weight: 600; } /* line 57, src/assets/scss/abstracts/_typography.scss */ .subtitle.is-bold { font-weight: 700; } /* line 61, src/assets/scss/abstracts/_typography.scss */ .subtitle.is-bolder { font-weight: 800; } /* line 66, src/assets/scss/abstracts/_typography.scss */ p { font-family: "Roboto", sans-serif; font-weight: 300; color: #283252; } /* line 71, src/assets/scss/abstracts/_typography.scss */ p.white-text { color: #ffffff; } /* line 76, src/assets/scss/abstracts/_typography.scss */ div { color: #283252; } /* line 80, src/assets/scss/abstracts/_typography.scss */ var { font-style: normal; } /* line 84, src/assets/scss/abstracts/_typography.scss */ .font-size-base { font-size: 1rem; } /* line 88, src/assets/scss/abstracts/_typography.scss */ .has-dark-text { color: #283252; } /* ========================================================================== 2. Titles Dark mode ========================================================================== */ /* line 98, src/assets/scss/abstracts/_typography.scss */ body.is-dark .title, body.is-dark .dark-inverted { color: #aaaab3 !important; } /* line 102, src/assets/scss/abstracts/_typography.scss */ body.is-dark .subtitle { color: #a2a5b9; } /* line 107, src/assets/scss/abstracts/_typography.scss */ body.is-dark a.dark-inverted { color: #ED1C24 !important; } /* line 111, src/assets/scss/abstracts/_typography.scss */ body.is-dark a.dark-inverted-hover:hover { color: #ED1C24 !important; } /* line 118, src/assets/scss/abstracts/_typography.scss */ body.is-dark div:not(.is-color-fixed), body.is-dark p:not(.is-color-fixed) { color: #a2a5b9; } /* ========================================================================== 3. Typography Helpers ========================================================================== */ /* line 129, src/assets/scss/abstracts/_typography.scss */ .is-font { font-family: "Roboto", sans-serif; } /* line 133, src/assets/scss/abstracts/_typography.scss */ .is-font-alt { font-family: "Montserrat", sans-serif !important; } /* line 137, src/assets/scss/abstracts/_typography.scss */ .is-weight-300 { font-weight: 300 !important; } /* line 141, src/assets/scss/abstracts/_typography.scss */ .is-weight-400 { font-weight: 400 !important; } /* line 145, src/assets/scss/abstracts/_typography.scss */ .is-weight-500 { font-weight: 500 !important; } /* line 149, src/assets/scss/abstracts/_typography.scss */ .is-weight-600 { font-weight: 600 !important; } /* line 153, src/assets/scss/abstracts/_typography.scss */ .is-weight-700 { font-weight: 700 !important; } /* line 157, src/assets/scss/abstracts/_typography.scss */ .is-weight-500 { font-weight: 500 !important; } /* line 161, src/assets/scss/abstracts/_typography.scss */ .is-weight-900 { font-weight: 900 !important; } /* line 165, src/assets/scss/abstracts/_typography.scss */ .rem-70 { font-size: .7rem; } /* line 169, src/assets/scss/abstracts/_typography.scss */ .rem-75 { font-size: .75rem; } /* line 173, src/assets/scss/abstracts/_typography.scss */ .rem-80 { font-size: .8rem; } /* line 177, src/assets/scss/abstracts/_typography.scss */ .rem-85 { font-size: .85rem; } /* line 181, src/assets/scss/abstracts/_typography.scss */ .rem-90 { font-size: .9rem; } /* line 185, src/assets/scss/abstracts/_typography.scss */ .rem-95 { font-size: .95rem; } /* line 189, src/assets/scss/abstracts/_typography.scss */ .rem-100 { font-size: 1rem; } /*! _animations.scss | Huro | Css ninja 2020-2021 */ /* 1. Base Class 2. pulsate 3. Infinite rotate 4. Fade In Up 5. Fade In Down 6. Fade In Left 7. Scale in 8. Scale out 9. Scale In Circle 10. Gelatine 11. Wave 12. Levitate 13. Glowing 14. Translate Left */ /* ========================================================================== 1. Base Class ========================================================================== */ /* line 25, src/assets/scss/abstracts/_animations.scss */ .animated { animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both; } /* ========================================================================== 2. Pulsate ========================================================================== */ @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.0; } } @keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.0; } } /* line 52, src/assets/scss/abstracts/_animations.scss */ .pulsate { -webkit-animation: pulsate 1.5s ease-out; animation: pulsate 1.5s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0.0; } /* ========================================================================== 3. Infinite rotate ========================================================================== */ @keyframes rotating { from { transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } to { transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes rotating { from { transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } to { transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } } /* line 98, src/assets/scss/abstracts/_animations.scss */ .rotating { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } /* ========================================================================== 4. Fade In Up ========================================================================== */ @-webkit-keyframes fadeInUp { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInUp { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } /* line 136, src/assets/scss/abstracts/_animations.scss */ .preFadeInUp { opacity: 0; } /* line 140, src/assets/scss/abstracts/_animations.scss */ .fadeInUp { opacity: 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /* ========================================================================== 5. Fade In Down ========================================================================== */ @-webkit-keyframes fadeInDown { from { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInDown { from { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } /* line 177, src/assets/scss/abstracts/_animations.scss */ .preFadeInDown { opacity: 0; } /* line 181, src/assets/scss/abstracts/_animations.scss */ .fadeInDown { opacity: 0; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /* ========================================================================== 6. Fade In Left ========================================================================== */ @-webkit-keyframes fadeInLeft { from { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInLeft { from { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } /* line 219, src/assets/scss/abstracts/_animations.scss */ .preFadeInLeft { opacity: 0; } /* line 223, src/assets/scss/abstracts/_animations.scss */ .fadeInLeft { opacity: 0; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /* ========================================================================== 7. Scale in ========================================================================== */ @-webkit-keyframes scaleIn { from { -webkit-transform: scale(0); } to { -webkit-transform: scale(1); } } @keyframes scaleIn { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } /* line 253, src/assets/scss/abstracts/_animations.scss */ .scaleIn { -webkit-animation: scaleIn 0.5s; animation: scaleIn 0.5s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } /* line 260, src/assets/scss/abstracts/_animations.scss */ .scaleInTooltip { -webkit-animation: scaleIn 0.3s; animation: scaleIn 0.3s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } /* ========================================================================== 8. Scale out ========================================================================== */ @-webkit-keyframes scaleOut { from { -webkit-transform: scale(1); } to { -webkit-transform: scale(0); } } @keyframes scaleOut { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(0); transform: scale(0); } } /* line 291, src/assets/scss/abstracts/_animations.scss */ .scaleOut { -webkit-animation: scaleOut 0.5s; animation: scaleOut 0.5s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } /* line 298, src/assets/scss/abstracts/_animations.scss */ .scaleOutTooltip { -webkit-animation: scaleOut 0.3s; animation: scaleOut 0.3s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } /* ========================================================================== 9. Scale in circle (used for modal popup) ========================================================================== */ @-webkit-keyframes scaleInCircle { from { -webkit-transform: scale(0); } to { -webkit-transform: scale(7); } } @keyframes scaleInCircle { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(7); transform: scale(7); } } /* line 329, src/assets/scss/abstracts/_animations.scss */ .scaleInCircle { -webkit-animation: scaleInCircle 0.6s; animation: scaleInCircle 0.6s; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } /* ========================================================================== 10. Gelatine ========================================================================== */ @-webkit-keyframes gelatine { from, to { -webkit-transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); } } @keyframes gelatine { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } /* line 376, src/assets/scss/abstracts/_animations.scss */ .gelatine { -webkit-animation: gelatine 0.6s; animation: gelatine 0.6s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* ========================================================================== 11. Wave ========================================================================== */ @-webkit-keyframes wave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(4.5); transform: scale(4.5); opacity: 0; } } @keyframes wave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(4.5); transform: scale(4.5); opacity: 0; } } /* ========================================================================== 12. Levitate ========================================================================== */ @-webkit-keyframes levitate { from { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes levitate { from { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* line 444, src/assets/scss/abstracts/_animations.scss */ .levitate { -webkit-animation-name: levitate; animation-name: levitate; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* ========================================================================== 13. Glowing ========================================================================== */ @-webkit-keyframes glowing { 0% { -webkit-box-shadow: 0 0 -10px #fafafa; box-shadow: 0 0 -10px #fafafa; } 40% { -webkit-box-shadow: 0 0 20px #fafafa; box-shadow: 0 0 20px #fafafa; } 60% { -webkit-box-shadow: 0 0 20px #fafafa; box-shadow: 0 0 20px #fafafa; } 100% { -webkit-box-shadow: 0 0 -10px #fafafa; box-shadow: 0 0 -10px #fafafa; } } @keyframes glowing { 0% { -webkit-box-shadow: 0 0 -10px #fafafa; box-shadow: 0 0 -10px #fafafa; } 40% { -webkit-box-shadow: 0 0 20px #fafafa; box-shadow: 0 0 20px #fafafa; } 60% { -webkit-box-shadow: 0 0 20px #fafafa; box-shadow: 0 0 20px #fafafa; } 100% { -webkit-box-shadow: 0 0 -10px #fafafa; box-shadow: 0 0 -10px #fafafa; } } /* ========================================================================== 14. Translate Left ========================================================================== */ @-webkit-keyframes translateLeft { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes translateLeft { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* line 505, src/assets/scss/abstracts/_animations.scss */ .translateLeft { -webkit-animation-name: translateLeft; animation-name: translateLeft; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); } /*! _helpers.scss | Huro | Css ninja 2020-2021 */ /* 1. Spacing helpers 2. Color helpers 3. Dark helpers */ /* ========================================================================== 1. Spacing helpers ========================================================================== */ /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-5 { margin-top: 5px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-5 { padding-top: 5px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-5 { margin-bottom: 5px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-5 { padding-bottom: 5px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-5 { margin-left: 5px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-5 { padding-left: 5px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-5 { margin-right: 5px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-5 { padding-right: 5px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-10 { margin-top: 10px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-10 { padding-top: 10px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-10 { margin-bottom: 10px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-10 { padding-bottom: 10px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-10 { margin-left: 10px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-10 { padding-left: 10px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-10 { margin-right: 10px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-10 { padding-right: 10px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-15 { margin-top: 15px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-15 { padding-top: 15px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-15 { margin-bottom: 15px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-15 { padding-bottom: 15px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-15 { margin-left: 15px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-15 { padding-left: 15px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-15 { margin-right: 15px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-15 { padding-right: 15px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-20 { margin-top: 20px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-20 { padding-top: 20px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-20 { margin-bottom: 20px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-20 { padding-bottom: 20px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-20 { margin-left: 20px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-20 { padding-left: 20px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-20 { margin-right: 20px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-20 { padding-right: 20px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-25 { margin-top: 25px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-25 { padding-top: 25px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-25 { margin-bottom: 25px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-25 { padding-bottom: 25px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-25 { margin-left: 25px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-25 { padding-left: 25px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-25 { margin-right: 25px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-25 { padding-right: 25px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-30 { margin-top: 30px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-30 { padding-top: 30px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-30 { margin-bottom: 30px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-30 { padding-bottom: 30px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-30 { margin-left: 30px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-30 { padding-left: 30px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-30 { margin-right: 30px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-30 { padding-right: 30px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-35 { margin-top: 35px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-35 { padding-top: 35px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-35 { margin-bottom: 35px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-35 { padding-bottom: 35px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-35 { margin-left: 35px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-35 { padding-left: 35px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-35 { margin-right: 35px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-35 { padding-right: 35px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-40 { margin-top: 40px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-40 { padding-top: 40px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-40 { margin-bottom: 40px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-40 { padding-bottom: 40px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-40 { margin-left: 40px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-40 { padding-left: 40px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-40 { margin-right: 40px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-40 { padding-right: 40px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-45 { margin-top: 45px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-45 { padding-top: 45px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-45 { margin-bottom: 45px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-45 { padding-bottom: 45px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-45 { margin-left: 45px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-45 { padding-left: 45px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-45 { margin-right: 45px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-45 { padding-right: 45px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-50 { margin-top: 50px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-50 { padding-top: 50px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-50 { margin-bottom: 50px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-50 { padding-bottom: 50px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-50 { margin-left: 50px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-50 { padding-left: 50px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-50 { margin-right: 50px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-50 { padding-right: 50px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-60 { margin-top: 60px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-60 { padding-top: 60px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-60 { margin-bottom: 60px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-60 { padding-bottom: 60px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-60 { margin-left: 60px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-60 { padding-left: 60px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-60 { margin-right: 60px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-60 { padding-right: 60px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-70 { margin-top: 70px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-70 { padding-top: 70px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-70 { margin-bottom: 70px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-70 { padding-bottom: 70px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-70 { margin-left: 70px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-70 { padding-left: 70px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-70 { margin-right: 70px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-70 { padding-right: 70px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-80 { margin-top: 80px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-80 { padding-top: 80px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-80 { margin-bottom: 80px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-80 { padding-bottom: 80px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-80 { margin-left: 80px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-80 { padding-left: 80px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-80 { margin-right: 80px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-80 { padding-right: 80px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-90 { margin-top: 90px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-90 { padding-top: 90px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-90 { margin-bottom: 90px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-90 { padding-bottom: 90px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-90 { margin-left: 90px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-90 { padding-left: 90px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-90 { margin-right: 90px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-90 { padding-right: 90px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-t-100 { margin-top: 100px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-t-100 { padding-top: 100px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-b-100 { margin-bottom: 100px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-b-100 { padding-bottom: 100px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-l-100 { margin-left: 100px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-l-100 { padding-left: 100px !important; } /* line 18, src/assets/scss/abstracts/_helpers.scss */ .m-r-100 { margin-right: 100px !important; } /* line 22, src/assets/scss/abstracts/_helpers.scss */ .p-r-100 { padding-right: 100px !important; } /* line 28, src/assets/scss/abstracts/_helpers.scss */ .no-padding-all { padding: 0 !important; } /* line 32, src/assets/scss/abstracts/_helpers.scss */ .no-padding-top { padding-top: 0 !important; } /* line 36, src/assets/scss/abstracts/_helpers.scss */ .no-padding-bottom { padding-bottom: 0 !important; } /* line 40, src/assets/scss/abstracts/_helpers.scss */ .no-padding-left { padding-left: 0 !important; } /* line 44, src/assets/scss/abstracts/_helpers.scss */ .no-padding-right { padding-right: 0 !important; } /* line 48, src/assets/scss/abstracts/_helpers.scss */ .no-margin-all { margin: 0 !important; } /* line 52, src/assets/scss/abstracts/_helpers.scss */ .no-margin-top { margin-top: 0 !important; } /* line 56, src/assets/scss/abstracts/_helpers.scss */ .no-margin-bottom { margin-bottom: 0 !important; } /* line 60, src/assets/scss/abstracts/_helpers.scss */ .no-margin-left { margin-left: 0 !important; } /* line 64, src/assets/scss/abstracts/_helpers.scss */ .no-margin-right { margin-right: 0 !important; } /* line 68, src/assets/scss/abstracts/_helpers.scss */ .has-fullheight { height: 100%; } /* line 72, src/assets/scss/abstracts/_helpers.scss */ .has-fullwidth { width: 100%; } /* ========================================================================== 2. Color helpers ========================================================================== */ /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-primary { color: #606061; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-secondary { color: #ffffff; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-accent { color: #ED1C24; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-info { color: #039BE5; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-success { color: #06d6a0; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-warning { color: #faae42; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-danger { color: #e62965; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-h-purple { color: #8269B2; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-h-blue { color: #37C3FF; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-h-green { color: #93E088; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-h-orange { color: #FFA981; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-h-red { color: #F92B60; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-h-yellow { color: #FFD66E; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-javascript { color: #F7DF1E; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-angular { color: #DD1B16; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-reactjs { color: #00d8ff; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-android { color: #a4c639; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-swift { color: #ef3e31; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-vuejs { color: #4dba87; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-wordpress { color: #21759b; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-csharp { color: #9a4993; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-nodejs { color: #6cc24a; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-html { color: #F16529; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-facebook { color: #3B5998; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-twitter { color: #1dcaff; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-linkedin { color: #007bb6; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-tumblr { color: #35465c; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-github { color: #444; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-dribbble { color: #ea4c89; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-google-plus { color: #d34836; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-youtube { color: #cc181e; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-reddit { color: #ff4500; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-invision { color: #ff3366; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-amazon { color: #FF9900; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .text-instagram { color: #e1306c; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-primary { background: #606061; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-secondary { background: #ffffff; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-accent { background: #ED1C24; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-info { background: #039BE5; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-success { background: #06d6a0; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-warning { background: #faae42; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-danger { background: #e62965; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-h-purple { background: #8269B2; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-h-blue { background: #37C3FF; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-h-green { background: #93E088; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-h-orange { background: #FFA981; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-h-red { background: #F92B60; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-h-yellow { background: #FFD66E; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-javascript { background: #F7DF1E; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-angular { background: #DD1B16; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-reactjs { background: #00d8ff; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-android { background: #a4c639; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-swift { background: #ef3e31; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-vuejs { background: #4dba87; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-wordpress { background: #21759b; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-csharp { background: #9a4993; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-nodejs { background: #6cc24a; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-html { background: #F16529; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-facebook { background: #3B5998; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-twitter { background: #1dcaff; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-linkedin { background: #007bb6; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-tumblr { background: #35465c; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-github { background: #444; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-dribbble { background: #ea4c89; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-google-plus { background: #d34836; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-youtube { background: #cc181e; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-reddit { background: #ff4500; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-invision { background: #ff3366; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-amazon { background: #FF9900; } /* line 84, src/assets/scss/abstracts/_helpers.scss */ .bg-instagram { background: #e1306c; } /* ========================================================================== 3. Dark helpers ========================================================================== */ /* line 106, src/assets/scss/abstracts/_helpers.scss */ body.is-dark .is-dark-card-bordered, body.is-dark .is-dark-bordered-12 { border-color: #404046 !important; } /* line 111, src/assets/scss/abstracts/_helpers.scss */ body.is-dark .is-dark-primary { color: #ED1C24 !important; } /* line 115, src/assets/scss/abstracts/_helpers.scss */ body.is-dark .is-dark-primary-hover:hover { color: #ED1C24 !important; } /* line 120, src/assets/scss/abstracts/_helpers.scss */ body.is-dark .is-dark-bg-2 { background: #28282b !important; } /* line 124, src/assets/scss/abstracts/_helpers.scss */ body.is-dark .is-dark-bg-3 { background: #2a2a2e !important; } /* line 128, src/assets/scss/abstracts/_helpers.scss */ body.is-dark .is-dark-bg-4 { background: #2d2d31 !important; } /* line 132, src/assets/scss/abstracts/_helpers.scss */ body.is-dark .is-dark-bg-6 { background: #323236 !important; } /*! _pageloader.scss | Huro | Css ninja 2020-2021 */ /* 1. Pageloader 2. Keyframes 3. Infraloader */ /* ========================================================================== 1. Pageloader ========================================================================== */ /* line 13, src/assets/scss/layout/_pageloader.scss */ .pageloader { position: fixed; top: 0; right: 0; bottom: 0; left: 80px; width: calc(100% - 80px); background-color: #ededed; z-index: 999998; opacity: 0; transition: -webkit-opacity 0.35s ease-out; -webkit-transition: opacity 0.35s ease-out; transition: opacity 0.35s ease-out; transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; will-change: opacity; pointer-events: none; } /* line 29, src/assets/scss/layout/_pageloader.scss */ .pageloader.is-active { opacity: 1; } /* line 33, src/assets/scss/layout/_pageloader.scss */ .pageloader.is-full { width: 100% !important; left: 0 !important; } /* line 38, src/assets/scss/layout/_pageloader.scss */ .pageloader::after, .pageloader::before { position: absolute; top: 50%; left: 50%; display: block; border-radius: 100%; content: ""; z-index: 999999; } /* line 48, src/assets/scss/layout/_pageloader.scss */ .pageloader::after { margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; background-color: rgba(255, 255, 255, 0.5); border: 3px solid rgba(255, 255, 255, 0.75); -webkit-animation: page-loader-inner 1.5s infinite ease-out; animation: page-loader-inner 1.5s infinite ease-out; } /* line 59, src/assets/scss/layout/_pageloader.scss */ .pageloader::before { margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; background-color: #ffffff; -webkit-animation: page-loader-outer 1.5s infinite ease-in; animation: page-loader-outer 1.5s infinite ease-in; } /* ========================================================================== 2. Keyframes ========================================================================== */ @-webkit-keyframes page-loader-inner { 0%, 40% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes page-loader-inner { 0%, 40% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes page-loader-outer { 0% { -webkit-transform: scale(1); transform: scale(1); } 100%, 40% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @keyframes page-loader-outer { 0% { -webkit-transform: scale(1); transform: scale(1); } 100%, 40% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } /* ========================================================================== 3. Infraloader ========================================================================== */ /* line 104, src/assets/scss/layout/_pageloader.scss */ .infraloader { position: fixed; top: 0; right: 0; bottom: 0; left: 80px; width: calc(100% - 80px); background: #f0f0f0; z-index: -1; opacity: 0; -webkit-transition: opacity .35s; transition: opacity .35s; } /* line 116, src/assets/scss/layout/_pageloader.scss */ .infraloader.is-active { opacity: 1; z-index: 999997; } /* line 121, src/assets/scss/layout/_pageloader.scss */ .infraloader.is-full { width: 100% !important; left: 0 !important; } /*! _layout.scss | Huro | Css ninja 2020-2021 */ /* 1. App Layout 2. View Wrapper 3. Page Content 4. Page Title / Toolbar 5. Minimal Wrapper 6. Circular Menu 7. Circular Menu Dark mode 8. Media Queries */ /* ========================================================================== 1. App layout ========================================================================== */ /* line 18, src/assets/scss/layout/_layout.scss */ body { background: #f9f9f9; } /* line 21, src/assets/scss/layout/_layout.scss */ body.opened { background: #ffffff; } /* line 25, src/assets/scss/layout/_layout.scss */ body.is-fixed { position: fixed; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; } /* line 34, src/assets/scss/layout/_layout.scss */ body.is-curved { background: #f2f2f2; } /* line 39, src/assets/scss/layout/_layout.scss */ .app-wrapper { overflow: hidden; } /* line 43, src/assets/scss/layout/_layout.scss */ .app-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: black; opacity: 0; z-index: -1; -webkit-transition: opacity .3s; transition: opacity .3s; } /* line 54, src/assets/scss/layout/_layout.scss */ .app-overlay.is-active { opacity: .8; z-index: 9999; } /* line 60, src/assets/scss/layout/_layout.scss */ .overlay-highlight { position: relative; z-index: 99999 !important; } /* ========================================================================== 2. View Wrapper ========================================================================== */ /* line 69, src/assets/scss/layout/_layout.scss */ .view-wrapper { position: relative; height: 100%; min-height: 100vh; width: calc(100% - 60px); padding: 0 0 60px 0; margin-left: 60px; background: #f0f0f0; -webkit-transition: all .3s; transition: all .3s; } /* line 79, src/assets/scss/layout/_layout.scss */ .view-wrapper.is-pushed-full { margin-left: 300px !important; width: calc(100% - 300px) !important; } /* line 83, src/assets/scss/layout/_layout.scss */ .view-wrapper.is-pushed-full .is-stuck { margin-left: 320px; width: calc(100% - 320px); } /* line 89, src/assets/scss/layout/_layout.scss */ .view-wrapper.is-pushed-messages { margin-left: 160px !important; width: calc(100% - 160px) !important; } /* line 94, src/assets/scss/layout/_layout.scss */ .view-wrapper.is-webapp { padding-top: 80px; margin-left: 60px; width: calc(100% - 60px); } /* line 99, src/assets/scss/layout/_layout.scss */ .view-wrapper.is-webapp .is-stuck { position: fixed; top: 78px; left: 0; margin-left: 0; width: 100%; z-index: 69; } /* line 107, src/assets/scss/layout/_layout.scss */ .view-wrapper.is-webapp .is-stuck.stuck-header { padding-right: 20px !important; } /* line 110, src/assets/scss/layout/_layout.scss */ .view-wrapper.is-webapp .is-stuck.stuck-header .form-head-inner, .view-wrapper.is-webapp .is-stuck.stuck-header .form-header-inner { max-width: 1240px; margin: 0 auto; } /* line 117, src/assets/scss/layout/_layout.scss */ .view-wrapper.is-webapp .has-webapp-spacing { margin-top: 30px; } /* line 122, src/assets/scss/layout/_layout.scss */ .view-wrapper .is-stuck { position: fixed; top: 0; left: 0; margin-left: 60px; width: calc(100% - 60px); z-index: 69; } /* line 135, src/assets/scss/layout/_layout.scss */ .is-webapp-hamburger .view-wrapper.is-webapp { padding-top: 0; } /* ========================================================================== 3. Page Content ========================================================================== */ /* line 145, src/assets/scss/layout/_layout.scss */ .page-content-wrapper { width: 100%; max-width: 1400px; margin: 0 auto; } /* line 150, src/assets/scss/layout/_layout.scss */ .page-content-wrapper .page-content { padding: 0 20px 0 40px; } /* line 153, src/assets/scss/layout/_layout.scss */ .page-content-wrapper .page-content.is-relative { position: relative; } /* line 157, src/assets/scss/layout/_layout.scss */ .page-content-wrapper .page-content.kanban-content { padding: 0 20px; } /* line 161, src/assets/scss/layout/_layout.scss */ .page-content-wrapper .page-content.chat-content { padding: 0 40px; } /* line 165, src/assets/scss/layout/_layout.scss */ .page-content-wrapper .page-content.card-content { padding: 0 20px; } /* line 169, src/assets/scss/layout/_layout.scss */ .page-content-wrapper .page-content.waterfall-content { overflow: hidden; } /* line 173, src/assets/scss/layout/_layout.scss */ .page-content-wrapper .page-content.projects-content { padding: 0 40px; } /* ========================================================================== 4. Page Title / Toolbar ========================================================================== */ /* line 190, src/assets/scss/layout/_layout.scss */ .page-title { position: relative; height: 60px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 6; } /* line 199, src/assets/scss/layout/_layout.scss */ .page-title.is-webapp { display: none; margin-bottom: 0; } /* line 204, src/assets/scss/layout/_layout.scss */ .page-title .title-wrap { margin-left: 1rem; } /* line 207, src/assets/scss/layout/_layout.scss */ .page-title .title-wrap h1 { text-align: left; margin-bottom: 0; } /* line 212, src/assets/scss/layout/_layout.scss */ .page-title .title-wrap p { line-height: 1; color: #a2a5b9; font-size: 1.1rem; } /* line 220, src/assets/scss/layout/_layout.scss */ .toolbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } /* line 226, src/assets/scss/layout/_layout.scss */ .toolbar .control { min-width: 280px; margin-right: 1rem; } /* line 231, src/assets/scss/layout/_layout.scss */ .toolbar .dark-mode { -webkit-transform: scale(0.55); transform: scale(0.55); } /* line 235, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications { margin: 0 4px; } /* line 240, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown:hover .is-trigger { background: #ffffff; border-color: #ededed; border-radius: 50%; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 248, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .is-trigger { position: relative; height: 34px; width: 34px; } /* line 253, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .is-trigger .new-indicator { position: absolute; top: -6px; /*MOD, from 1px */ right: -6px; /*MOD, from 1px */ display: block; width: 8px; height: 8px; border-radius: 50%; background: #e62965; } /* line 266, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content { top: 2.5rem; line-height: 1.5; color: #283252; width: 20rem; background: #ffffff; border-radius: 5px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); padding-top: 0; } /* line 276, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 0.01rem solid #eee; margin-bottom: 0; } /* line 285, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-left h6 { font-size: .8rem; font-weight: 500; color: #a2a5b9; line-height: 1.6; } /* line 294, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-right .notification-link { margin: 0.4rem 0; color: #606061; font-weight: 500; } /* line 302, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list { list-style-type: none; padding: 0.5rem 1rem; margin: 0; } /* line 307, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.65rem 0; } /* line 312, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .img-left img { display: inline-block; vertical-align: middle; height: 2.25rem; width: 2.25rem; margin: 0 0.5rem 0 0; border-radius: 50%; max-width: 100%; } /* line 323, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content { text-align: left; font-family: "Roboto", sans-serif; } /* line 327, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info { color: #283252; font-size: .95rem; } /* line 331, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info span { font-weight: 500; } /* line 336, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .time { margin: 0; font-size: .85rem; color: #a2a5b9; } /* line 349, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 34px; width: 34px; border-radius: 50%; margin: 0 4px; -webkit-transition: all .3s; transition: all .3s; } /* line 359, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-link:hover { background: #ffffff; border-color: #ededed; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 365, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-link svg { height: 18px; width: 18px; stroke-width: 1.6px; stroke: #a2a5b9; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 373, src/assets/scss/layout/_layout.scss */ .toolbar .toolbar-link img { display: block; height: 24px; width: 24px; min-width: 24px; border-radius: 50%; } /* ========================================================================== 4.a. New Indicator Dark Mode ========================================================================== */ /* line 392, src/assets/scss/layout/_layout.scss */ body.is-dark .toolbar-notifications .dropdown .is-trigger .new-indicator { background: #faae42; } /* ========================================================================== 5. Minimal Wrapper ========================================================================== */ /* line 408, src/assets/scss/layout/_layout.scss */ .minimal-wrapper { position: relative; width: 100%; min-height: 100vh; background: #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 415, src/assets/scss/layout/_layout.scss */ .minimal-wrapper.light { background: #ffffff; } /* line 419, src/assets/scss/layout/_layout.scss */ .minimal-wrapper.lighter { background: #fcfcfc; } /* line 423, src/assets/scss/layout/_layout.scss */ .minimal-wrapper.darker { background: #f2f2f2; } /* line 427, src/assets/scss/layout/_layout.scss */ .minimal-wrapper .minimal-wrap { min-height: calc(100vh - 60px); } /* ========================================================================== 6. Circular Menu ========================================================================== */ /* line 436, src/assets/scss/layout/_layout.scss */ .circular-menu { position: fixed; top: .6em; right: 1em; z-index: 70; -webkit-transform: translateY(-80px); transform: translateY(-80px); pointer-events: none; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } /* line 445, src/assets/scss/layout/_layout.scss */ .circular-menu.is-active { pointer-events: all; -webkit-transform: translateY(0); transform: translateY(0); } /* line 451, src/assets/scss/layout/_layout.scss */ .circular-menu.active:after { -webkit-transform: scale3d(5.5, 5.5, 1); transform: scale3d(5.5, 5.5, 1); -webkit-transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1); transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1); } /* line 456, src/assets/scss/layout/_layout.scss */ .circular-menu.active .floating-btn { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); } /* line 460, src/assets/scss/layout/_layout.scss */ .circular-menu.active .floating-btn i:first-child { display: none; } /* line 464, src/assets/scss/layout/_layout.scss */ .circular-menu.active .floating-btn i:nth-child(2) { display: block; } /* line 470, src/assets/scss/layout/_layout.scss */ .circular-menu.active .menu-item { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } /* line 473, src/assets/scss/layout/_layout.scss */ .circular-menu.active .menu-item:nth-child(1) { -webkit-transform: translate3d(-7em, -0.5em, 0); transform: translate3d(-7em, -0.5em, 0); } /* line 477, src/assets/scss/layout/_layout.scss */ .circular-menu.active .menu-item:nth-child(2) { -webkit-transform: translate3d(-6.25em, 3.25em, 0); transform: translate3d(-6.25em, 3.25em, 0); } /* line 481, src/assets/scss/layout/_layout.scss */ .circular-menu.active .menu-item:nth-child(3) { -webkit-transform: translate3d(-3.45em, 6.25em, 0); transform: translate3d(-3.45em, 6.25em, 0); } /* line 485, src/assets/scss/layout/_layout.scss */ .circular-menu.active .menu-item:nth-child(4) { -webkit-transform: translate3d(0.5em, 7em, 0); transform: translate3d(0.5em, 7em, 0); } /* line 491, src/assets/scss/layout/_layout.scss */ .circular-menu:after { display: block; content: ' '; width: 3.5em; height: 3.5em; border-radius: 50%; position: absolute; top: 0; right: 0; z-index: -2; background-color: #535354; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); -webkit-transition: all .3s ease; transition: all .3s ease; } /* line 506, src/assets/scss/layout/_layout.scss */ .circular-menu .floating-btn { display: block; width: 3.5em; height: 3.5em; border-radius: 50%; background-color: #686869; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); color: #fcfcfc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; outline: 0; } /* line 520, src/assets/scss/layout/_layout.scss */ .circular-menu .floating-btn i { font-size: .9rem; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } /* line 524, src/assets/scss/layout/_layout.scss */ .circular-menu .floating-btn i:first-child { display: block; } /* line 528, src/assets/scss/layout/_layout.scss */ .circular-menu .floating-btn i:nth-child(2) { display: none; } /* line 534, src/assets/scss/layout/_layout.scss */ .circular-menu .items-wrapper { padding: 0; margin: 0; } /* line 539, src/assets/scss/layout/_layout.scss */ .circular-menu .menu-item { position: absolute; top: .2em; right: .2em; z-index: -1; display: block; text-decoration: none; color: white; font-size: 1em; width: 3em; height: 3em; border-radius: 50%; text-align: center; line-height: 3; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: background-color .2s ease, -webkit-transform .3s ease; transition: background-color .2s ease, -webkit-transform .3s ease; transition: transform .3s ease, background-color .2s ease; transition: transform .3s ease, background-color .2s ease, -webkit-transform .3s ease; } /* line 556, src/assets/scss/layout/_layout.scss */ .circular-menu .menu-item:hover { background-color: rgba(0, 0, 0, 0.3); } /* line 560, src/assets/scss/layout/_layout.scss */ .circular-menu .menu-item.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 565, src/assets/scss/layout/_layout.scss */ .circular-menu .menu-item.is-flex .dark-mode { -webkit-transform: scale(0.5); transform: scale(0.5); } /* line 569, src/assets/scss/layout/_layout.scss */ .circular-menu .menu-item.is-flex > img { display: block; height: 24px; width: 24px; min-width: 24px; border-radius: 50%; } /* line 577, src/assets/scss/layout/_layout.scss */ .circular-menu .menu-item.is-flex svg { height: 18px; width: 18px; stroke: #fcfcfc; stroke-width: 1.6px; } /* ========================================================================== 7. Circular Menu Dark Mode ========================================================================== */ /* line 594, src/assets/scss/layout/_layout.scss */ body.is-dark .circular-menu:after { background: #1e1e21; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3) !important; } /* line 600, src/assets/scss/layout/_layout.scss */ body.is-dark .circular-menu.active .floating-btn { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3) !important; } /* line 605, src/assets/scss/layout/_layout.scss */ body.is-dark .circular-menu .floating-btn { background: #28282b; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3) !important; } /* ========================================================================== 8. Media Queries ========================================================================== */ @media (max-width: 767px) { /* line 620, src/assets/scss/layout/_layout.scss */ .page-title .toolbar .control { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 629, src/assets/scss/layout/_layout.scss */ .page-content-wrapper .page-content { padding: 0; } /* line 635, src/assets/scss/layout/_layout.scss */ .page-title .title-wrap { margin-left: 0; } } /*! _navbar.scss | Huro | Css ninja 2020-2021 */ /* 1. Mobile Navbar 2. Mobile Navbar Dark mode 3. Webapp Navbar 4. Webapp Navbar Dark mode 5. Webapp Subnavbar */ /* ========================================================================== 1. Mobile Navbar ========================================================================== */ /* line 15, src/assets/scss/layout/_navbar.scss */ .mobile-navbar { position: fixed; top: 0; left: 0; display: none; width: 100%; z-index: 100; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); -webkit-transition: all .3s; transition: all .3s; } /* line 25, src/assets/scss/layout/_navbar.scss */ .mobile-navbar.no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } /* line 31, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .is-brand img { position: relative; height: 32px !important; max-height: 32px !important; } /* line 38, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .is-brand.logo img { height: 50px !important; max-height: 50px !important; } /* line 45, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .navbar-burger { background: transparent !important; } /* line 48, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .navbar-burger.is-active, .mobile-navbar .navbar-brand .navbar-burger:hover { background: transparent !important; } /* line 53, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown { margin-left: auto; width: 32px; height: 32px; } /* line 59, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown.is-active svg { stroke: #999999; } /* line 64, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .is-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* line 70, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .is-trigger .profile-avatar { position: relative; min-width: 32px; min-height: 32px; } /* line 75, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .is-trigger .profile-avatar .avatar { display: block; width: 32px; height: 32px; min-width: 32px; min-height: 32px; border-radius: 50%; } /* line 84, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .is-trigger .profile-avatar .badge { position: absolute; top: unset !important; right: -6px; bottom: -2px; width: 18px; min-width: 18px; height: 18px; max-height: 18px; border: 2px solid #ffffff; border-radius: 50%; } /* line 98, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .is-trigger svg { margin-left: 3px; width: 22px; height: 22px; stroke: #232326; -webkit-transition: all .3s; transition: all .3s; } /* line 107, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu { right: -12px; margin-top: 20px; } /* line 111, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content { padding-top: 0; overflow: hidden; } /* line 115, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 16px 20px 16px; margin-bottom: 12px; background: #fafafa; } /* line 122, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta { margin-left: 12px; font-family: "Roboto", sans-serif; } /* line 126, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span { display: block; } /* line 129, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child { font-size: 1.1rem; font-weight: 500; color: #283252; line-height: 1.2; } /* line 136, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:nth-child(2) { text-transform: uppercase; color: #a2a5b9; font-size: .7rem; } /* line 146, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .logout-button svg { stroke: #fcfcfc !important; } /* line 152, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-item { font-size: .9rem; } /* line 157, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .flex-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 15px; } /* line 163, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .flex-item .toggler svg { stroke: #fcfcfc !important; } /* line 167, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .flex-item .toggle-title { font-size: .8rem; color: #999999; } /* line 171, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .flex-item .toggle-title:hover { background: transparent !important; } /* line 176, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-brand .user-dropdown .flex-item:hover { background: transparent !important; } /* line 184, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.has-icon { padding: 0.75rem !important; border-bottom: 1px solid #ededed; } /* line 188, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.has-icon:last-child { border-bottom: none !important; } /* line 192, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.has-icon svg { stroke: #606061; } /* line 197, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.has-icon .sidebar-icon .path { fill: #606061; } /* line 204, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-sidebar-toggler svg { stroke: #999999 !important; } /* line 209, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 214, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-flex span { display: block; } /* line 217, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-flex span.menu-badge { color: #606061; width: 20px; height: 20px; border: 1px solid #606061; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 90%; font-weight: 500; } /* line 232, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 38px; width: 38px; -webkit-transition: all .3s; transition: all .3s; border-radius: 50%; margin-right: 12px; } /* line 243, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-link { padding: 0; display: block; width: 18px; height: 18px; } /* line 250, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification svg { height: 18px; width: 18px; stroke: #999999; -webkit-transition: all .3s; transition: all .3s; } /* line 257, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .new-indicator { position: absolute; top: -9px; right: -9px; display: block; width: 8px; height: 8px; border-radius: 50%; background: #e62965; } /* line 268, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification:hover, .mobile-navbar .navbar-item.is-notification.is-active { -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.07); box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.07); } /* line 271, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification:hover svg, .mobile-navbar .navbar-item.is-notification.is-active svg { stroke: #606061; } /* line 276, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown { position: fixed; padding-bottom: 15px; top: 68px; left: 0; right: 0; margin: 0 auto; width: 96%; } /* line 285, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 290, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .title .count, .mobile-navbar .navbar-item.is-notification .navbar-dropdown .title .view-all { font-size: .8rem; color: #e62965; text-transform: uppercase; font-weight: 500; } /* line 298, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 0.01rem solid #eeeeee; } /* line 306, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .heading .heading-left h6 { font-size: .9rem; font-weight: 500; color: #a2a5b9; line-height: 1.1; } /* line 315, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .heading .heading-right .notification-link { margin: 0.4rem 0; color: #606061; font-weight: 500; } /* line 323, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner { position: relative; width: 100%; height: 264px; overflow: auto; } /* line 329, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list { list-style-type: none; padding: 0.5rem 1rem; margin: 0 0 0.5rem; } /* line 334, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.65rem 0; } /* line 340, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .img-left img { display: inline-block; vertical-align: middle; height: 3rem; max-height: 3rem; width: 3rem; margin: 0 0.5rem 0 0; border-radius: 50%; max-width: 100%; } /* line 352, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .user-content { text-align: left; } /* line 355, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .user-content .user-info { color: #283252; margin: 0.15rem 0 0; } /* line 359, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .user-content .user-info span { font-weight: 500; } /* line 364, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .user-content .time { margin: 0; color: #a2a5b9; } /* line 376, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-burger { margin-left: 0 !important; } /* line 379, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.02); } /* line 383, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-burger span { background-color: #999999; } /* line 388, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu { background: #ffffff; } /* line 391, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-item, .mobile-navbar .navbar-menu .navbar-link { color: #344258; } /* line 395, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 10px !important; } /* line 402, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link.is-active .link-chevron { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* line 407, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link img { height: 36px; width: 36px; max-height: 36px !important; border-radius: 50%; } /* line 414, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link svg { height: 16px; width: 16px; stroke: #606061; } /* line 420, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link span { margin: 0 10px; } /* line 423, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link span.is-heading { font-size: 12px; font-weight: 500; color: #344258; letter-spacing: 1px; text-transform: uppercase; } /* line 431, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link span.is-subheading { font-size: 10px; font-weight: 400; color: #999999; letter-spacing: 1px; text-transform: uppercase; } /* line 439, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link span.is-block span { display: block; } /* line 443, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link span.link-chevron { margin-left: auto; height: 30px; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotate(0); transform: rotate(0); } /* line 453, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link span.link-chevron svg { height: 18px; width: 18px; stroke: #999999; } /* line 461, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-link:hover { background: transparent !important; } /* line 466, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item { font-size: 95%; padding: .75rem 1.5rem !important; color: #999999; } /* line 471, src/assets/scss/layout/_navbar.scss */ .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item.is-active, .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item:hover { color: #606061; background: #f7f7f7; } /* ========================================================================== 2. Mobile Navbar Dark mode ========================================================================== */ /* line 485, src/assets/scss/layout/_navbar.scss */ body.is-dark .mobile-navbar { background: #232326; } /* line 488, src/assets/scss/layout/_navbar.scss */ body.is-dark .mobile-navbar .navbar-menu.is-active { background: #2a2a2e; } /* line 492, src/assets/scss/layout/_navbar.scss */ body.is-dark .mobile-navbar .navbar-menu.is-active .navbar-link .is-heading { color: #e6e6e6; } /* line 496, src/assets/scss/layout/_navbar.scss */ body.is-dark .mobile-navbar .navbar-menu.is-active .navbar-link svg { stroke: #ED1C24; } /* line 501, src/assets/scss/layout/_navbar.scss */ body.is-dark .mobile-navbar .navbar-menu.is-active .navbar-item.has-icon { border-bottom-color: #3b3b41 !important; } /* line 505, src/assets/scss/layout/_navbar.scss */ body.is-dark .mobile-navbar .navbar-menu.is-active .navbar-dropdown .navbar-item { color: #bfbfbf !important; } /* line 510, src/assets/scss/layout/_navbar.scss */ body.is-dark .mobile-navbar .navbar-menu.is-active .is-search .control input { background: #3b3b41 !important; border-color: #3b3b41 !important; color: #cccccc; } /* line 516, src/assets/scss/layout/_navbar.scss */ body.is-dark .mobile-navbar .navbar-menu.is-active .is-search .control input:focus ~ span svg { stroke: #ED1C24; } /* line 528, src/assets/scss/layout/_navbar.scss */ body.is-dark .is-notification.is-active .navbar-link svg { stroke: #ED1C24 !important; } /* line 534, src/assets/scss/layout/_navbar.scss */ body.is-dark .is-notification .navbar-dropdown { background: #232326 !important; border-color: #232326 !important; } /* line 538, src/assets/scss/layout/_navbar.scss */ body.is-dark .is-notification .navbar-dropdown .heading { border-color: #404046 !important; } /* line 542, src/assets/scss/layout/_navbar.scss */ body.is-dark .is-notification .navbar-dropdown .heading .heading-right .notification-link { color: #ED1C24 !important; } /* line 553, src/assets/scss/layout/_navbar.scss */ body.is-dark .is-notification .navbar-dropdown .inner .notification-list li .notification-item .user-content p { color: #aaaab3 !important; } /* ========================================================================== 3. Webapp Navbar ========================================================================== */ /* line 570, src/assets/scss/layout/_navbar.scss */ .webapp-navbar { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: #ffffff; -webkit-transition: all .3s; transition: all .3s; border-bottom: 1px solid #ededed; z-index: 100; } /* line 581, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-transparent { background: transparent; -webkit-box-shadow: none; box-shadow: none; border-bottom-color: transparent; } /* line 586, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-transparent.is-solid, .webapp-navbar.is-transparent.is-scrolled { background: #ffffff; border-bottom-color: #ededed; } /* line 591, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-transparent.is-solid { -webkit-box-shadow: none !important; box-shadow: none !important; } /* line 595, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-transparent.is-scrolled { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); } /* line 600, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored { background: #6f6f70; border-bottom-color: #606061; } /* line 606, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .left .separator { border-color: #8e8e8f; } /* line 610, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .left .title { color: #fcfcfc; } /* line 618, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link:hover { background: #515152; } /* line 621, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link:hover svg { stroke: #fcfcfc; } /* line 625, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link:hover span, .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link:hover i { color: #fcfcfc; } /* line 630, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active { background: #424242; border-color: #6f6f70; } /* line 634, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active:hover { background: #424242; } /* line 638, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active svg { stroke: #fcfcfc; } /* line 642, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active span, .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active i { color: #fcfcfc; } /* line 647, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link svg { stroke: #c6c6c7; /*MOD-25%*/ } /* line 651, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link span, .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link i { color: #c6c6c7; /*MOD-25%*/ } /* line 662, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown:hover .is-trigger .button { background: #515152; color: #fcfcfc; } /* line 671, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.is-active .is-trigger .button { background: #424242; border-color: #6f6f70; } /* line 679, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown .is-trigger .button { background: #606061; color: lightgray; } /* line 688, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-button .button { background: #606061; color: lightgray; } /* line 692, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-button .button:hover { background: #515152; color: #fcfcfc; } /* line 703, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input { background: #474747; border-color: #515152; color: #fcfcfc; } /* line 708, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input::-webkit-input-placeholder { color: #656566; } .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input::-moz-placeholder { color: #656566; } .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input:-ms-input-placeholder { color: #656566; } .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input::-ms-input-placeholder { color: #656566; } .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input::placeholder { color: #656566; } /* line 712, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input:focus ~ .form-icon svg { stroke: #fcfcfc; } /* line 717, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .form-icon svg { stroke: #6f6f70; } /* line 728, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .toolbar-link:hover { background: #474747; border-color: #515152; } /* line 733, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .toolbar-link > svg { stroke: #fcfcfc; } /* line 740, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .dropdown:hover .is-trigger { background: #474747; border-color: #515152; } /* line 746, src/assets/scss/layout/_navbar.scss */ .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .dropdown .is-trigger svg { stroke: #fcfcfc; } /* line 755, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner { position: relative; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; z-index: 150; } /* line 764, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30%; } /* line 769, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 773, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .brand img { display: block; min-width: 38px; height: 38px; } /* line 779, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .brand span { font-family: "Roboto", sans-serif; font-size: .95rem; color: #999999; letter-spacing: 1px; max-width: 50px; line-height: 1.2; margin-left: 8px; } /* line 790, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .brand.logo img { display: block; height: 70px; } /* line 798, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .separator { height: 38px; width: 2px; border-right: 1px solid #e3e3e3; margin: 0 20px 0 16px; } /* line 805, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown { margin-right: 12px; cursor: pointer !important; } /* line 809, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown > img { height: 32px; width: 32px; border-radius: 50%; } /* line 815, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown .dropdown-menu { margin-top: 28px; } /* line 818, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content { padding-top: 0; padding-bottom: 0; overflow: hidden; } /* line 823, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; } /* line 828, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:hover { background: #f7f7f7; } /* line 832, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta { margin-left: 12px; font-family: "Roboto", sans-serif; } /* line 836, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span { display: block; } /* line 839, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:first-child { font-size: .95rem; font-weight: 500; color: #283252; line-height: 1.2; max-width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* line 850, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:nth-child(2) { color: #a2a5b9; font-size: .85rem; } /* line 863, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; width: 50%; } /* line 870, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 580px; } /* line 875, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; text-align: center; padding: 10px 0; border-radius: 8px; border: 1px solid transparent; margin: 0 4px; -webkit-transition: all .3s; transition: all .3s; } /* line 884, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link:hover { background: #f7f7f7; } /* line 888, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link.is-active { background: #ffffff; border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 893, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link.is-active:hover { background: #ffffff; } /* line 897, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link.is-active svg, .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link.is-active i { stroke: #606061; color: #4c4c4c; } /* line 902, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link.is-active span { color: #4c4c4c; } /* line 907, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link svg, .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link i { height: 28px; width: 28px; font-size: 28px; stroke: #b3b6c6; stroke-width: 1.6px; -webkit-transition: stroke .3s; transition: stroke .3s; color: #b3b6c6; } /* line 918, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link i { margin-bottom: 5px; } /* line 922, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-links .centered-link span { display: block; font-family: "Roboto", sans-serif; font-size: .65rem; color: #999999; text-transform: uppercase; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 934, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 580px; } /* line 940, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; text-align: center; padding: 10px 0; border-radius: 8px; border: 1px solid transparent; margin: 0 4px; -webkit-transition: all .3s; transition: all .3s; } /* line 949, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop > .button, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button > .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; height: 40px; width: 40px; border: none; margin: 0 auto; -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; color: #a2a5b9; -webkit-transition: all .3s; transition: all .3s; } /* line 963, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop > .button:hover, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button > .button:hover { background: whitesmoke; color: #606061; } /* line 968, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop > .button svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button > .button svg { height: 20px; width: 20px; stroke-width: 1.6px; } /* line 978, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown:hover .is-trigger .button, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown:hover .is-trigger .button { background: whitesmoke; } /* line 986, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.is-active .is-trigger .button, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.is-active .is-trigger .button { background: #ffffff; border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 995, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu { width: 600px; } /* line 998, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content { padding: 0; } /* line 1001, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap { position: relative; } /* line 1005, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap:hover .back-button, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap:hover .back-button { opacity: 1; pointer-events: all; } /* line 1011, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap .back-button, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap .back-button { position: absolute; top: 10px; right: 10px; opacity: 0; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 1020, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap .mega-menus, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap .mega-menus { display: none; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 1024, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap .mega-menus.is-active, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .content-wrap .mega-menus.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1030, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector { padding: 20px 30px; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 1034, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .title-wrap, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } /* line 1040, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .title-wrap h4, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .title-wrap h4 { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 1047, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } /* line 1053, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item { width: calc(20% - 16px); margin: 8px; text-align: center; padding: 16px 12px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 10px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 1064, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1067, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover i, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover i { color: #606061; } /* line 1071, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover span, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover span { color: #606061; } /* line 1076, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item i, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item i { color: #a2a5b9; font-size: 1.6rem; margin-bottom: 10px; } /* line 1082, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item span, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item span { display: block; text-transform: uppercase; font-size: .75rem; font-weight: 500; color: #283252; } /* line 1091, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .placeholder-image, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .placeholder-image { margin-left: auto; max-width: 140px; max-height: 100px; } /* line 1099, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .columns, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .columns { height: 100%; } /* line 1103, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .column, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .column { padding-top: 0; padding-bottom: 0; padding-left: 1.5rem; padding-right: 1.5rem; height: 100%; } /* line 1112, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group.has-margin-top, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group.has-margin-top { margin-top: 20px; } /* line 1116, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; font-size: .85rem; font-weight: 600; color: #283252; text-transform: uppercase; padding: 20px; border-bottom: 1px solid #e5e5e5; } /* line 1128, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-primary svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-primary svg { stroke: #606061; } /* line 1134, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-secondary svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-secondary svg { stroke: #ffffff; } /* line 1140, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-info svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-info svg { stroke: #039BE5; } /* line 1146, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-success svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-success svg { stroke: #06d6a0; } /* line 1152, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-warning svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-warning svg { stroke: #faae42; } /* line 1158, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-danger svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-danger svg { stroke: #e62965; } /* line 1164, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-green svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-green svg { stroke: #93E088; } /* line 1170, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-yellow svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-yellow svg { stroke: #FFD66E; } /* line 1176, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-purple svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-purple svg { stroke: #8269B2; } /* line 1182, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-orange svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading.is-orange svg { stroke: #FFA981; } /* line 1187, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading svg, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-heading svg { stroke-width: 3px; height: 12px; width: 12px; margin-right: 6px; } /* line 1195, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-content, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item-group .column-content { padding: 10px 20px 20px 20px; max-height: 240px; } /* line 1201, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item { border: 1px solid transparent; border-radius: 10px; font-family: "Montserrat", sans-serif; font-size: .9rem; } /* line 1210, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media:hover .meta span, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media.is-active .meta span, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media:hover .meta span, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media.is-active .meta span { color: #283252; } /* line 1216, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media.is-active, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media.is-active { background: #ffffff; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1222, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media .meta, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media .meta { margin-left: 6px; } /* line 1225, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media .meta span, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .dropdown-item.is-media .meta span { font-weight: 500; font-size: .85rem; color: #a2a5b9; } /* line 1238, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown .is-trigger .button, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown .is-trigger .button { font-family: "Montserrat", sans-serif; font-size: .9rem; color: #283252; min-height: 40px; border-color: transparent; -webkit-transition: all .3s; transition: all .3s; } /* line 1248, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown .dropdown-menu, .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button .dropdown .dropdown-menu { margin-top: 28px; text-align: left; } /* line 1255, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-drops .centered-button { max-width: 50px; } /* line 1260, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-search { width: 100%; max-width: 580px; } /* line 1264, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-search .field { margin-bottom: 0; } /* line 1269, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .center .centered-search .field .control .form-icon.is-right { left: unset !important; right: 6px; cursor: pointer; } /* line 1280, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 20%; } /* line 1288, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .toolbar .dropdown .dropdown-menu { margin-top: 28px; } /* line 1295, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown > img { height: 32px; width: 32px; border-radius: 50%; margin: 0 4px; cursor: pointer; } /* line 1303, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown .dropdown-menu { margin-top: 28px; } /* line 1306, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content { padding-top: 0; overflow: hidden; } /* line 1310, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 16px 20px 16px; margin-bottom: 12px; background: #fafafa; } /* line 1317, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta { margin-left: 12px; font-family: "Roboto", sans-serif; } /* line 1321, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span { display: block; } /* line 1324, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child { font-size: 1.1rem; font-weight: 500; color: #283252; line-height: 1.2; } /* line 1331, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:nth-child(2) { text-transform: uppercase; color: #a2a5b9; font-size: .7rem; } /* line 1341, src/assets/scss/layout/_navbar.scss */ .webapp-navbar .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .logout-button svg { stroke: #fcfcfc !important; } /* line 1354, src/assets/scss/layout/_navbar.scss */ .is-webapp-hamburger .webapp-navbar { position: static; } /* ========================================================================== 4. Webapp Navbar Dark mode ========================================================================== */ /* line 1365, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) { background: #1e1e21; border-color: #252529; } /* line 1369, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored).is-transparent { background: transparent; -webkit-box-shadow: none; box-shadow: none; border-bottom-color: transparent; } /* line 1374, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored).is-transparent.is-solid, body.is-dark .webapp-navbar:not(.is-colored).is-transparent.is-scrolled { background: #1e1e21; border-color: #252529; } /* line 1382, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .left .separator { border-color: #404046; } /* line 1389, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block { background: #28282b !important; } /* line 1392, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:hover { background: #2f2f33 !important; } /* line 1398, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .left .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:first-child { color: #aaaab3 !important; } /* line 1412, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-links .centered-link:hover { background: #2a2a2e; } /* line 1416, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-links .centered-link.is-active { background: #28282b; border-color: #404046; } /* line 1420, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-links .centered-link.is-active:hover { background: #28282b; } /* line 1424, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-links .centered-link.is-active span, body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-links .centered-link.is-active i { color: #ED1C24; } /* line 1428, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-links .centered-link.is-active svg { stroke: #ED1C24; } /* line 1440, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown:hover .is-trigger .button { background: #28282b; border-color: #28282b; } /* line 1449, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown.is-active .is-trigger .button { background: #28282b; border-color: #404046 !important; } /* line 1461, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .title-wrap h4 { color: #aaaab3; } /* line 1467, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item { background: #2d2d31; border-color: #404046; } /* line 1472, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover i, body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover span { color: #ED1C24; } /* line 1477, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item span { color: #aaaab3; } /* line 1486, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .mega-menus .dropdown-item-group .column-heading { color: #aaaab3; border-color: #404046; } /* line 1495, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .mega-menus .dropdown-item-group .column-content .is-media:hover .meta span:first-child { color: #fcfcfc; } /* line 1509, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-drops .centered-drop > .dropdown .is-trigger .button { background: transparent; border: none; } /* line 1519, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-button > .button { background: transparent !important; border: none; } /* line 1523, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .center .centered-button > .button:hover { background: #2a2a2e !important; } /* line 1534, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head { background: #28282b !important; } /* line 1537, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head:hover { background: #28282b !important; } /* line 1542, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta:hover { background: #28282b !important; } /* line 1547, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar:not(.is-colored) .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child { color: #aaaab3 !important; } /* line 1561, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored { background: #ED1C24; border-bottom-color: #ec131b; /*MOD-ADD*/ } /* line 1567, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .left .separator { border-color: #ee2a32; } /* line 1571, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .left .title { color: #fcfcfc !important; } /* line 1579, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link:hover { background: #de1219; } /* line 1582, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link:hover svg { stroke: #fcfcfc; } /* line 1586, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link:hover span, body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link:hover i { color: #fcfcfc; } /* line 1591, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active { background: #d01018; border-color: #ec131b; } /* line 1595, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active:hover { background: #d01018; } /* line 1599, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active svg { stroke: #fcfcfc; } /* line 1603, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active span, body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link.is-active i { color: #fcfcfc; } /* line 1608, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link svg { stroke: #fac1c4; /*MOD-12%*/ } /* line 1612, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link span, body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-links .centered-link i { color: #fac1c4; /*MOD-12%*/ } /* line 1623, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown:hover .is-trigger .button { background: #d01018; border-color: #e3121a; color: #fcfcfc; } /* line 1633, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.is-active .is-trigger .button { background: #d01018; border-color: #d91119; color: #fcfcfc; } /* line 1646, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .title-wrap h4 { color: #aaaab3; } /* line 1652, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item { background: #2d2d31; border-color: #404046; } /* line 1657, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover i, body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item:hover span { color: #ED1C24; } /* line 1662, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .category-selector .category-selector-inner .category-item span { color: #aaaab3; } /* line 1671, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .mega-menus .dropdown-item-group .column-heading { color: #aaaab3; border-color: #404046; } /* line 1680, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown.has-mega-dropdown .dropdown-menu .dropdown-content .mega-menus .dropdown-item-group .column-content .is-media:hover .meta span:first-child { color: #fcfcfc; } /* line 1694, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown .is-trigger .button { background: #ec131b; border-color: #ec131b; color: #f58488; } /* line 1699, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-drop .dropdown .is-trigger .button svg { stroke: #f68d91; } /* line 1708, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-button .button { background: #ec131b !important; border-color: #ec131b !important; color: #f58488 !important; } /* line 1713, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-drops .centered-button .button:hover { background: #d01018 !important; color: #fcfcfc !important; } /* line 1724, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input { background: #c61017; border-color: #d91119; color: #fcfcfc; } /* line 1729, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input::-webkit-input-placeholder { color: #ee2f36 !important; } body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input::-moz-placeholder { color: #ee2f36 !important; } body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input:-ms-input-placeholder { color: #ee2f36 !important; } body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input::-ms-input-placeholder { color: #ee2f36 !important; } body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input::placeholder { color: #ee2f36 !important; } /* line 1733, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .input:focus ~ .form-icon svg { stroke: #fcfcfc !important; } /* line 1738, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .center .centered-search .field .control .form-icon svg { stroke: #ef383f; } /* line 1749, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .toolbar-link:hover { background: #c61017 !important; border-color: #d91119 !important; } /* line 1754, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .toolbar-link > svg { stroke: #fcfcfc; } /* line 1761, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .dropdown:hover .is-trigger, body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .dropdown.is-active .is-trigger { background: #c61017 !important; border-color: #d91119 !important; } /* line 1767, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .toolbar .dropdown .is-trigger svg { stroke: #fcfcfc; } /* line 1776, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head { background: #28282b !important; } /* line 1779, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head:hover { background: #28282b !important; } /* line 1784, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta:hover { background: #28282b !important; } /* line 1789, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-navbar.is-colored .webapp-navbar-inner .right .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child { color: #aaaab3 !important; } /* line 1803, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar { background: #28282b; border-color: #2d2d31; } /* line 1811, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tabs li.is-active a { border-color: #404046; background: #1e1e21; color: #ED1C24; opacity: 1; } /* line 1819, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tabs li.is-active:hover a { background: #1e1e21; } /* line 1826, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tabs li:hover a { background: #37373b; opacity: 0.9; color: #ED1C24; } /* line 1833, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tabs li a { opacity: .7; color: #aaaab3; } /* line 1843, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column { border-color: #404046; color: #aaaab3; } /* line 1848, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column a { color: #aaaab3; } /* line 1851, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column a:hover { color: #ED1C24; } /* line 1863, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder:hover, body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-active { border-color: #ED1C24; } /* line 1866, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder:hover h3, body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-active h3 { color: #ED1C24; } /* line 1871, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder h3 { color: #aaaab3; } /* line 1879, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li:hover a { opacity: 1; color: #ED1C24; } /* line 1885, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li.is-active { border-color: #ED1C24; } /* line 1888, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li.is-active a { opacity: 1; color: #ED1C24; } /* line 1894, src/assets/scss/layout/_navbar.scss */ body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a { opacity: .7; } /* ========================================================================== 5. Webapp Subnavbar ========================================================================== */ /* line 1911, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar { position: fixed; width: 100%; height: 0; background: #ffffff; opacity: 0; pointer-events: none; z-index: 99; -webkit-transform: translateY(10px); transform: translateY(10px); border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); -webkit-transition: all .3s; transition: all .3s; max-width: 800px; top: 85px; left: 0; right: 0; margin: 0 auto; border-radius: 6px; } /* line 1930, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar.is-active { height: 320px; opacity: 1; pointer-events: all; -webkit-transform: translateY(0); transform: translateY(0); } /* line 1937, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner { position: relative; height: 100%; width: 100%; display: none; } /* line 1943, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner.is-active { display: block; } /* line 1947, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs { margin: 0 auto 10px auto; } /* line 1950, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs.is-3 { max-width: 410px; } /* line 1954, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs.is-2 { max-width: 280px; } /* line 1958, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs.is-4 { max-width: 460px; } /* line 1962, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; border: none !important; padding: 10px 0; } /* line 1967, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs ul li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } /* line 1971, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs ul li.is-active a { font-weight: 600; color: #606061; background: #ffffff; border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1980, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs ul li.is-active:hover a { background: #ffffff; } /* line 1987, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs ul li:hover a { background: #f7f7f7; color: #606061; } /* line 1994, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tabs ul li a { text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: .65rem; letter-spacing: 1px; padding: 10px 16px; border: 1px solid transparent; border-radius: 8px; margin: 0 10px; -webkit-transition: all .3s; transition: all .3s; } /* line 2009, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content { padding: 0 20px; } /* line 2012, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 220px; } /* line 2017, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 940px; max-height: 220px; margin: 0 auto; padding: 10px 20px 0 20px; } /* line 2024, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .columns { height: 100%; } /* line 2028, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column { padding-top: 0; padding-bottom: 0; padding-left: 1.5rem; padding-right: 1.5rem; height: 100%; } /* line 2035, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column:not(:last-child) { border-right: 1px solid #e5e5e5; } /* line 2040, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column i { margin-right: 5px; } /* line 2046, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column a { color: #283252; } /* line 2051, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-heading { font-family: "Montserrat", sans-serif; font-size: .7rem; font-weight: 600; text-transform: uppercase; margin-bottom: 12px; display: inline-block; } /* line 2061, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder { text-align: center; padding: 16px !important; margin-top: 4px; margin-bottom: 10px; height: 7em; } /* line 2070, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder:hover, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-active { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 2074, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder:hover h3, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder.is-active h3 { color: #606061; } /* line 2079, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder > img, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder i { display: block; width: 100%; max-width: 34px; margin: 0 auto 10px auto; font-size: 2em; } /* line 2087, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder h3 { font-family: "Montserrat", sans-serif; font-size: .85rem; font-weight: 600; color: #283252; -webkit-transition: color .3s; transition: color .3s; } /* line 2097, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li { -webkit-transition: all .3s; transition: all .3s; margin-bottom: 6px; } /* line 2102, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li:hover a { color: #606061; } /* line 2107, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li.is-active { border-radius: 0; } /* line 2110, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li.is-active a { color: #3c3c3d; } /* line 2113, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li.is-active a svg { opacity: 1; fill: #606061; } /* line 2120, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #b1b3c4; } /* line 2125, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a span { font-family: "Roboto", sans-serif; font-size: .9rem; } /* line 2130, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a .lnil, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a .lnir, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a .fas, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a .fal, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a .fab, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a .far { margin-right: 10px; } /* line 2134, src/assets/scss/layout/_navbar.scss */ .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center ul li a svg { opacity: 0; position: relative; top: 0; margin-left: 12px; height: 6px; width: 6px; stroke-width: 2px; fill: #606061; -webkit-transition: all .3s; transition: all .3s; } /*! _sidebar.scss | Huro | Css ninja 2020-2021 */ /* 1. Sidebar 2. Sidebar Dark mode */ /* ========================================================================== 1. Sidebar ========================================================================== */ /* line 12, src/assets/scss/layout/_sidebar.scss */ .main-sidebar { position: fixed; top: 0; left: 0; height: 100vh; width: 80px; background-color: #f9f9f9; -webkit-box-shadow: none; box-shadow: none; z-index: 35; -webkit-transition: border-radius .3s; transition: border-radius .3s; } /* line 23, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-bordered { border-right: 1px solid #ededed !important; } /* line 27, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-open { -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.02); box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.02); } /* line 32, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-curved:not(.is-bordered) { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-right: 1px solid #e3e3e3 !important; } /* line 37, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-curved:not(.is-bordered) .sidebar-brand { border-top-right-radius: 20px; } /* line 43, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-colored { background: #606061; border-color: #5b5b5c; } /* line 48, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-colored .sidebar-inner .naver { background: #ffffff; } /* line 56, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover .sidebar-svg, .main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover i, .main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active .sidebar-svg, .main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active i, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover .sidebar-svg, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover i, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active .sidebar-svg, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active i { stroke: #fcfcfc; color: #fcfcfc; } /* line 62, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-colored .sidebar-inner .icon-menu li a .sidebar-svg, .main-sidebar.is-colored .sidebar-inner .icon-menu li a i, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a .sidebar-svg, .main-sidebar.is-colored .sidebar-inner .bottom-menu li a i { stroke: #c6c6c7; /*MOD-25%*/ color: #c6c6c7; } /* line 70, src/assets/scss/layout/_sidebar.scss */ .main-sidebar.is-colored .sidebar-inner .icon-menu .profile-dropdown .status-indicator, .main-sidebar.is-colored .sidebar-inner .bottom-menu .profile-dropdown .status-indicator { border-color: #606061; } /* line 78, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-brand { width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 85, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-brand img { margin-top: 5px; width: 36px; height: auto; } /* line 92, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner { height: calc(100% - 80px); width: 100%; position: relative; } /* line 97, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .naver { position: absolute; top: 0; left: 0; height: 64px; width: 4px; border-radius: 100px; background: #606061; -webkit-transition: all .3s; transition: all .3s; } /* line 107, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .naver.is-search-results { margin-top: 240px; } /* line 111, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .naver.from-bottom { top: unset !important; bottom: -64px; margin-top: 0 !important; } /* line 119, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu { padding-top: 0; display: none; } /* line 123, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu.is-active { display: block; } /* line 129, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li, .main-sidebar .sidebar-inner .bottom-menu li { position: relative; width: 80px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*#open-filters { svg { transform: rotate(0); transition: all .3s; } &:hover { svg { transform: rotate(145deg); } } }*/ } /* line 138, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li.is-active a svg, .main-sidebar .sidebar-inner .icon-menu li.is-active a i, .main-sidebar .sidebar-inner .bottom-menu li.is-active a svg, .main-sidebar .sidebar-inner .bottom-menu li.is-active a i { stroke: #606061; color: #606061; } /* line 144, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li .is-messages-counter, .main-sidebar .sidebar-inner .bottom-menu li .is-messages-counter { position: absolute; top: 6px; right: 16px; display: block; line-height: 17px; background: #e62965; color: #ffffff; font-weight: 500; font-size: .6rem; border-radius: 100px; border: 1px solid #ffffff; -webkit-transform: scale(0.8); transform: scale(0.8); } /* line 159, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li a, .main-sidebar .sidebar-inner .bottom-menu li a { display: block; position: relative; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; -webkit-transition: all .3s; transition: all .3s; /*.sidebar-icon { height: 28px; width: 28px; transition: all .3s; .path { fill: $title-grey; stroke: none; } &:hover, &.is-active { .path { fill: $primary; } } }*/ /*&.is-selected { svg .path { fill: $primary; } }*/ } /* line 167, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li a:hover .sidebar-svg, .main-sidebar .sidebar-inner .icon-menu li a:hover i, .main-sidebar .sidebar-inner .icon-menu li a.is-selected .sidebar-svg, .main-sidebar .sidebar-inner .icon-menu li a.is-selected i, .main-sidebar .sidebar-inner .bottom-menu li a:hover .sidebar-svg, .main-sidebar .sidebar-inner .bottom-menu li a:hover i, .main-sidebar .sidebar-inner .bottom-menu li a.is-selected .sidebar-svg, .main-sidebar .sidebar-inner .bottom-menu li a.is-selected i { stroke: #606061; color: #606061; } /* line 173, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li a .sidebar-svg, .main-sidebar .sidebar-inner .icon-menu li a i, .main-sidebar .sidebar-inner .bottom-menu li a .sidebar-svg, .main-sidebar .sidebar-inner .bottom-menu li a i { height: 28px; width: 28px; font-size: 28px; stroke: #A9ABAC; color: #A9ABAC; stroke-width: 1.6px; -webkit-transition: all .3s; transition: all .3s; } /* line 200, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li a:hover svg, .main-sidebar .sidebar-inner .icon-menu li a.is-active svg, .main-sidebar .sidebar-inner .icon-menu li a:hover i, .main-sidebar .sidebar-inner .icon-menu li a.is-active i, .main-sidebar .sidebar-inner .bottom-menu li a:hover svg, .main-sidebar .sidebar-inner .bottom-menu li a.is-active svg, .main-sidebar .sidebar-inner .bottom-menu li a:hover i, .main-sidebar .sidebar-inner .bottom-menu li a.is-active i { stroke: #606061; color: #606061; } /* line 205, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li a.is-opened, .main-sidebar .sidebar-inner .bottom-menu li a.is-opened { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } /* line 210, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .icon-menu li a.is-inactive, .main-sidebar .sidebar-inner .bottom-menu li a.is-inactive { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } /* line 237, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu { position: absolute; bottom: 0; padding: 0; } /* line 242, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* line 249, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu li.is-rotate a:hover { -webkit-animation: rotating 1s linear infinite; animation: rotating 1s linear infinite; } /* line 254, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 260, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu li .dropdown { position: relative; display: block; height: 48px; width: 48px !important; } /* line 266, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu li .dropdown > img { height: 48px; width: 48px; border-radius: 50%; position: relative; z-index: 1; } /* line 274, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu li .dropdown .status-indicator { display: block; position: absolute; top: 0; right: 0; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #ffffff; background: #06d6a0; z-index: 2; } /* line 290, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu { bottom: 0; left: 145%; } /* line 294, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content { padding-top: 0; overflow: hidden; } /* line 298, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 16px 20px 16px; margin-bottom: 12px; background: #fafafa; } /* line 305, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta { margin-left: 12px; font-family: "Roboto", sans-serif; } /* line 309, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span { display: block; } /* line 312, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child { font-size: 1.1rem; font-weight: 500; color: #283252; line-height: 1.2; } /* line 319, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:nth-child(2) { text-transform: uppercase; color: #a2a5b9; font-size: .7rem; } /* line 329, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-content .logout-button svg { stroke: #fcfcfc !important; } /* line 335, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% !important; } /* line 341, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .dropdown-item:hover:not(.is-button) { background: whitesmoke; } /* line 346, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 15px; } /* line 352, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .flex-item .toggle-title { font-size: .8rem; color: #999999; } /* line 356, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .flex-item .toggle-title:hover { background: transparent !important; } /* line 361, src/assets/scss/layout/_sidebar.scss */ .main-sidebar .sidebar-inner .bottom-menu .profile-dropdown .dropdown-menu .flex-item:hover { background: transparent !important; } /* ========================================================================== 2. Sidebar Dark mode ========================================================================== */ /* line 377, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) { background: #232326; } /* line 380, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored).is-bordered { border-right: 1px solid #232326 !important; } /* line 385, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored).is-curved:not(.is-bordered) { border-color: #4a4a50 !important; } /* line 390, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .naver { background: #ED1C24; } /* line 398, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-selected svg, body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-selected i, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-selected svg, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-selected i { stroke: #ED1C24 !important; color: #ED1C24 !important; } /* line 403, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a.is-selected .sidebar-icon .path, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a.is-selected .sidebar-icon .path { fill: #ED1C24 !important; } /* line 409, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover svg, body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover i, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover svg, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover i { stroke: #ED1C24 !important; color: #ED1C24 !important; } /* line 414, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a:hover .sidebar-icon .path, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a:hover .sidebar-icon .path { fill: #ED1C24 !important; } /* line 419, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .icon-menu li a .sidebar-icon.is-active .path, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li a .sidebar-icon.is-active .path { fill: #ED1C24 !important; } /* line 424, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .icon-menu li svg, body.is-dark .main-sidebar:not(.is-colored) .icon-menu li i, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li svg, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li i { stroke: #d4d4d4; color: #d4d4d4; } /* line 429, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .icon-menu li .status-indicator, body.is-dark .main-sidebar:not(.is-colored) .bottom-menu li .status-indicator { border-color: #232326 !important; } /* line 436, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content { background: #232326; } /* line 439, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-head { background: #28282b !important; } /* line 442, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-head:hover { background: #28282b !important; } /* line 447, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-head .meta:hover { background: #28282b !important; } /* line 452, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-head .meta span:first-child { color: #aaaab3 !important; } /* line 459, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-item { color: #ffffff; } /* line 462, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-item:not(.is-button):hover { background: #2f2f33; } /* line 467, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-item.is-button:hover { background: #28282b !important; } /* line 473, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .profile-dropdown .dropdown-content .dropdown-divider { background: #2f2f33; } /* line 484, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar:not(.is-colored) .sidebar-inner .icon-menu li a.is-active svg, body.is-dark .main-sidebar:not(.is-colored) .sidebar-inner .icon-menu li a.is-active i, body.is-dark .main-sidebar:not(.is-colored) .sidebar-inner .bottom-menu li a.is-active svg, body.is-dark .main-sidebar:not(.is-colored) .sidebar-inner .bottom-menu li a.is-active i { stroke: #ED1C24 !important; color: #ED1C24 !important; } /* line 496, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored { background: #ec131b; border-color: #ec131b !important; } /* line 501, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored .sidebar-inner .naver { opacity: .8; } /* line 509, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a:hover i, body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a.is-active i, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a:hover i, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a.is-active i { stroke: #fcfcfc; color: #fcfcfc; opacity: 1; } /* line 516, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .icon-menu li a i, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a .sidebar-svg, body.is-dark .main-sidebar.is-colored .sidebar-inner .bottom-menu li a i { stroke: white; color: white; opacity: .7; /*MOD-0.5*/ } /* line 527, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored .profile-dropdown .status-indicator { border-color: #ec131b !important; } /* line 533, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head { background: #28282b !important; } /* line 536, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head:hover { background: #28282b !important; } /* line 541, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta:hover { background: #28282b !important; } /* line 546, src/assets/scss/layout/_sidebar.scss */ body.is-dark .main-sidebar.is-colored .profile-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child { color: #aaaab3 !important; } /*! _sidebar-panel.scss | Huro | Css ninja 2020-2021 */ /* 1. Sidebar Panel 2. Sidebar Panel Dark mode 3. Generic Panel 4. Generic Panel Dark Mode 5. Messaging Sidebar 6. Messaging Sidebar Dark mode 7. Collapsed Messaging */ /* ========================================================================== 1. Sidebar Panel ========================================================================== */ /* line 17, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel { position: fixed; top: 0; left: 80px; height: 100%; width: 240px; background: #ffffff; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: -1; -webkit-transition: all .3s; transition: all .3s; } /* line 28, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-active { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; z-index: 175; } /* line 33, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel .inner { position: relative; height: calc(100vh - 60px); width: 240px; overflow-y: auto; overflow-x: hidden; background: #ffffff; } /* line 41, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel .inner::-webkit-scrollbar { width: 3px; } /* line 45, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel .inner::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2); } /*MOD-ADD - for now, disable since trying to use both navs, but with top scrollable*/ /* ========================================================================== 2. Sidebar Panel Dark mode ========================================================================== */ /* line 67, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel { background: #2f2f33; border-color: #2f2f33 !important; } /* line 72, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel .panel-close svg { stroke: #999999 !important; } /* line 77, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel .subpanel-header { background: #2f2f33; } /* line 81, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel .inner { background: #2f2f33; } /* ========================================================================== 3. Generic Panel ========================================================================== */ /* line 94, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; background: #f9f9f9; border-radius: 0 0 10px 10px; } /* line 105, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown { margin-right: 12px; cursor: pointer !important; } /* line 109, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown > img { height: 32px; width: 32px; border-radius: 50%; } /* line 115, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu { margin-top: 12px; } /* line 118, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content { padding-top: 0; padding-bottom: 0; overflow: hidden; } /* line 123, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; } /* line 128, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:hover { background: #f7f7f7; } /* line 132, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta { margin-left: 12px; font-family: "Roboto", sans-serif; } /* line 136, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span { display: block; } /* line 139, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:first-child { font-size: .95rem; font-weight: 500; color: #283252; line-height: 1.2; max-width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* line 150, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:nth-child(2) { color: #a2a5b9; font-size: .85rem; } /* line 162, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header h3 { font-family: "Montserrat", sans-serif; color: #a2a5b9; font-size: 1.3rem; font-weight: 600; } /* line 170, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header i { color: #a2a5b9; font-size: 2.5rem; margin-right: 10px; } /* line 176, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .panel-close { margin-left: auto; display: block; width: 18px; height: 18px; cursor: pointer; } /* line 183, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .subpanel-header .panel-close svg { width: 18px; height: 18px; } /* line 191, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner ul { padding: 10px 0; } /* line 195, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li { height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 2px solid transparent; cursor: pointer; } /* line 204, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.is-active a { font-weight: 500; color: #606061; } /* line 209, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.is-active > a { font-weight: 600; } /* line 215, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.is-group-header { cursor: default; } /* line 218, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.is-group-header div { padding: 5px 20px; width: 100%; font-weight: 600; color: #7f839f; } /* line 228, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li > a i, .sidebar-panel.is-generic .inner li > div i { font-size: 1.2rem; margin-right: 10px; } /* line 233, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li > a h3, .sidebar-panel.is-generic .inner li > a h4, .sidebar-panel.is-generic .inner li > div h3, .sidebar-panel.is-generic .inner li > div h4 { display: inline-block; } /* line 238, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.divider { cursor: default; pointer-events: none; height: 10px; margin: 5px 20px 10px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); } /* line 246, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children { display: block; height: unset; min-height: 36px; margin-bottom: 4px; } /* line 253, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children.active .collapse-wrap > a { color: #283252; font-weight: 600; } /* line 257, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children.active .collapse-wrap > a svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* line 264, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children:hover .collapse-wrap > a { color: #283252; } /* line 269, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 274, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children.is-flex .tag { margin-left: auto; margin-right: 20px; border-radius: 100px; background: #e62965; color: #ffffff; font-size: .8rem; font-weight: 600; } /* line 285, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children .collapse-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; min-height: 36px; } /* line 291, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children .collapse-wrap > a { font-family: "Montserrat", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .9rem; font-weight: 500; color: #a2a5b9; } /* line 299, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children .collapse-wrap > a svg { position: relative; top: 1px; height: 18px; width: 18px; margin-left: auto; -webkit-transform: rotate(0); transform: rotate(0); stroke: #a2a5b9; -webkit-transition: all .3s; transition: all .3s; } /* line 312, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul { padding: 0px; display: none; } /* line 316, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li { height: 32px; font-family: "Roboto", sans-serif; } /* line 321, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li.is-active .is-submenu { font-weight: 500; } /* line 324, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li.is-active .is-submenu svg { display: block; } /* line 330, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-family: "Roboto", sans-serif; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 32px; font-size: .9rem; } /* line 338, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu.is-active { font-weight: 500; color: #606061; } /* line 344, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu .lnil, .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu .lnir { font-size: 1.2rem; margin-right: 10px; } /* line 349, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu > span { font-family: "Roboto", sans-serif; } /* line 353, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg { display: none; height: 8px; width: 8px; max-width: 8px; min-width: 8px; stroke-width: 2px; margin-right: 8px; } /* line 362, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg.is-auto { margin-left: auto; height: 15px; width: 15px; max-width: 15px; min-width: 15px; stroke-width: 2px; margin-right: 4px; } /* line 377, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li a { font-family: "Roboto", sans-serif; display: block; width: 100%; padding: 0 20px; font-size: .95rem; color: #a2a5b9; } /* line 385, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li a:hover { color: #283252; } /* line 390, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li > a { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 500; color: #a2a5b9; } /* line 399, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner li > div:not(.has-children) > a { font-family: "Montserrat",sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .9rem; font-weight: 500; } /* line 409, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner .docked-action { position: absolute; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 64px; width: 100%; padding: 0 26px 0 16px; margin: 0; } /* line 422, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner .docked-action.has-search { bottom: 160px; } /* line 427, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner .docked-action.action-wrap .button { height: 36px !important; } /* line 430, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-generic .inner .docked-action.action-wrap .button svg { height: 16px; width: 16px; margin-right: 2px; margin-left: -2px; } /* ========================================================================== 4. Generic Panel Dark Mode ========================================================================== */ /* line 451, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .subpanel-header { background: #232326; opacity: 1; } /* line 459, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block { background: #28282b; } /* line 462, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:hover { background: #2f2f33 !important; } /* line 468, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:first-child { color: #aaaab3 !important; } /* line 483, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .inner ul li.is-active a { color: #ED1C24 !important; } /* line 490, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .inner ul li.has-children.active .collapse-wrap > a { color: #fcfcfc; } /* line 496, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .inner ul li.has-children:hover .collapse-wrap > a { color: #d0d0d5; } /* line 503, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .inner ul li a:hover { color: #ED1C24; } /* line 509, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu:hover { color: #ED1C24; } /* ========================================================================== 5. Messaging Sidebar ========================================================================== */ /* line 527, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .messages-header { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } /* line 534, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .messages-header h3 { color: #999999; font-size: 1.4rem; } /* line 539, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .messages-header .huro-hamburger { position: relative; top: 2px; } /* line 546, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner { overflow-y: hidden !important; } /* line 549, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner #conversations-list { position: relative; height: 100%; overflow-y: auto !important; } /* line 555, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner #conversations-list::-webkit-scrollbar { width: 3px; } /* line 559, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner #conversations-list::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2); } /* line 566, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner #conversations-list li .recipient-meta span:nth-child(2) { max-width: 135px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 574, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner #conversations-list li .group-message { max-width: 230px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 584, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .is-new-conversation { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; } /* line 592, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .is-new-conversation .button { height: 36px !important; margin: 0 20px; } /* line 596, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .is-new-conversation .button svg { height: 16px; width: 16px; margin-right: 10px; margin-left: -10px; } /* line 606, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar { overflow: auto; height: 100%; } /* line 611, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; } /* line 615, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete.is-active, .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete:hover { background: transparent !important; } /* line 620, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control { position: relative; } /* line 623, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .icon { position: absolute; top: 7px; left: 7px; color: #cecece; } /* line 629, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .icon svg { width: 20px; height: 20px; -webkit-transition: all .3s; transition: all .3s; } /* line 637, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete { width: 100% !important; } /* line 640, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input { padding-left: 40px; background: #ededed; border: none; -webkit-box-shadow: none; box-shadow: none; color: #999999; -webkit-transition: all .3s; transition: all .3s; } /* line 648, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input:focus { background: #f9f9f9; } /* line 651, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input:focus + .icon { color: #606061; } /* line 658, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 664, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper { position: relative; width: 40px !important; height: 40px !important; } /* line 669, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; } /* line 675, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge { position: absolute; bottom: 0; right: -5px; width: 18px; height: 18px; border: 2px solid #ffffff; border-radius: 50%; } /* line 687, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text { margin-left: 15px; } /* line 690, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span { font-size: 0.8rem; color: #A9ABAC; } /* line 700, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete li { height: auto !important; padding-top: 8px; padding-bottom: 8px; border-left: none !important; border-right: none !important; } /* line 709, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .easy-autocomplete-container { top: 120% !important; border: none !important; } /* line 713, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .easy-autocomplete-container ul { border-radius: 4px !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 721, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-cancel { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 727, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner .new-chat-sidebar .is-cancel button { height: 36px; margin: 0 20px; } /* line 735, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner ul { overflow: auto; height: 100%; } /* line 741, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li { position: relative; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 2px solid transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; } /* line 753, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li.is-active { border-left-color: #606061; background: #e2e2e3; } /* line 757, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li.is-active:hover { background: #e2e2e3; } /* line 763, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; cursor: pointer; } /* line 773, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user .user-container { position: relative; } /* line 776, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user .user-container img { height: 36px; width: 36px; border-radius: 50%; display: block; } /* line 782, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user .user-container img.is-user { min-width: 36px; } /* line 786, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user .user-container img.is-badge { display: block; position: absolute; right: -5px; bottom: 0; border-radius: 50%; border: 2px solid #ffffff; height: 16px; width: 16px; border-radius: 50%; } /* line 800, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user .recipient-meta { margin-left: 10px; /*time { display: block; position: absolute; //top: 2px; top: -14px; right: 20px; font-size: .75rem; color: $muted-grey; }*/ } /* line 803, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user .recipient-meta span { display: block; } /* line 806, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user .recipient-meta span:first-child { color: #283252; font-weight: 500; font-size: .9rem; } /* line 812, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .recent-user .recipient-meta span:nth-child(2) { font-size: .75rem; color: #999999; /*&.is-unread { color: $dark-text; font-weight: 500; }*/ } /* line 838, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .user-group { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; cursor: pointer; } /* line 847, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .user-group img { height: 36px; width: 36px; border: 3px solid #ffffff; border-radius: 50%; display: block; } /* line 854, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .user-group img.is-user { min-width: 36px; } /* line 858, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .user-group img:nth-child(2), .sidebar-panel.is-messages .inner li .user-group img:nth-child(3), .sidebar-panel.is-messages .inner li .user-group img:nth-child(4) { margin-left: -15px; } /* line 864, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .user-group .more-indicator { display: block; height: 36px; width: 36px; min-width: 36px; border-radius: 50%; background: #606061; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -15px; border: 2px solid #ffffff; } /* line 877, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .user-group .more-indicator span { display: block; color: #ffffff; font-weight: 600; font-size: .8rem; } /* line 887, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li time { display: block; position: absolute; top: 2px; right: 20px; font-size: .75rem; color: #999999; } /* line 897, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .group-message { padding: 0 20px; margin-top: -20px; font-size: .75rem; color: #999999; } /* line 903, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li .group-message.is-unread { color: #283252; font-weight: 500; } /* line 910, src/assets/scss/layout/_sidebar-panel.scss */ .sidebar-panel.is-messages .inner li:hover { background: #fafafa; } /* ========================================================================== 6. Messaging Sidebar Dark mode ========================================================================== */ /* line 927, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages li.is-active { background: #3b3b41 !important; } /* line 930, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages li.is-active:hover { background: #3b3b41 !important; } /* line 934, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages li.is-active img, body.is-dark .sidebar-panel.is-messages li.is-active .more-indicator { border-color: #3b3b41 !important; } /* line 939, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages li:hover { background: #323236 !important; } /* line 943, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages li img, body.is-dark .sidebar-panel.is-messages li .more-indicator { border-color: #323236 !important; } /* line 947, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages li .more-indicator { background: #ED1C24 !important; } /* line 953, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages li .recipient-meta span:first-child { color: #dbdbdb !important; } /* line 957, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages li .recipient-meta span.is-unread { color: #dbdbdb !important; } /* line 964, src/assets/scss/layout/_sidebar-panel.scss */ body.is-dark .sidebar-panel.is-messages .start-conversation { background: #ED1C24 !important; border: 1px solid #ED1C24 !important; } /* ========================================================================== 7. Collapsed Messaging ========================================================================== */ /* line 977, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging { position: fixed; top: 0; left: 80px; height: 100%; width: 80px; background-color: #f9f9f9; -webkit-box-shadow: none; box-shadow: none; z-index: 34; border-left: 1px solid #ededed; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; transition: all .3s; } /* line 990, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging.is-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 994, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner { position: relative; height: 100%; width: 100%; } /* line 999, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; width: 100%; } /* line 1007, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 64px; width: 100%; } /* line 1014, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-add .button { height: 36px; width: 36px; border-radius: 50%; padding: 4px; -webkit-transition: all .3s; transition: all .3s; } /* line 1021, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-add .button:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 1025, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-add .button svg { height: 18px; width: 18px; } /* line 1032, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations { height: calc(100vh - 80px); } /* line 1035, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 64px; border-left: 2px solid transparent; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 1044, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li.is-active { border-left-color: #606061; background: #e2e2e3; } /* line 1048, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li.is-active:hover { background: #e2e2e3; } /* line 1054, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li .user-container { position: relative; } /* line 1057, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li .user-container img { height: 36px; width: 36px; border-radius: 50%; display: block; } /* line 1063, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li .user-container img.is-user { min-width: 36px; } /* line 1067, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li .user-container img.is-badge { display: block; position: absolute; right: -5px; bottom: 0; border-radius: 50%; border: 2px solid #ffffff; height: 16px; width: 16px; border-radius: 50%; } /* line 1080, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li .user-container .is-count { display: block; position: absolute; right: -12px; bottom: -5px; border-radius: 50%; border: 2px solid #ffffff; height: 28px; width: 28px; background: #606061; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1094, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li .user-container .is-count span { display: block; font-size: .7rem; font-size: 700; color: #fcfcfc; } /* line 1100, src/assets/scss/layout/_sidebar-panel.scss */ .collapsed-messaging .inner .collapsed-conversations li .user-container .is-count span:before { content: '+'; } /*! _sidebar-mobile.scss | Huro | Css ninja 2020-2021 */ /* 1. Mobile Sidebar 2. Mobile Subsidebar 3. Mobile Subsidebar Dark mode */ /* ========================================================================== 1. Mobile Sidebar ========================================================================== */ /* line 13, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar { position: fixed; top: 60px; left: 0; height: calc(100% - 60px); width: 60px; background: #ffffff; border-top: 1px solid #ededed; border-right: 1px solid #ededed; z-index: 100; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; transition: all .3s; } /* line 26, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar.is-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 30, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner { height: 100%; width: 100%; position: relative; } /* line 36, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li, .mobile-main-sidebar .inner .bottom-icon-side-menu li { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 43, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li a, .mobile-main-sidebar .inner .bottom-icon-side-menu li a { display: block; position: relative; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; -webkit-transition: all .3s; transition: all .3s; } /* line 51, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li a:hover > svg, .mobile-main-sidebar .inner .icon-side-menu li a:hover i, .mobile-main-sidebar .inner .icon-side-menu li a.is-active > svg, .mobile-main-sidebar .inner .icon-side-menu li a.is-active i, .mobile-main-sidebar .inner .bottom-icon-side-menu li a:hover > svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li a:hover i, .mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-active > svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-active i { stroke: #606061; color: #606061; } /* line 57, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li a > svg, .mobile-main-sidebar .inner .icon-side-menu li a i, .mobile-main-sidebar .inner .bottom-icon-side-menu li a > svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li a i { stroke: #A9ABAC; height: 28px; width: 28px; stroke-width: 1.6px; color: #A9ABAC; font-size: 28px; } /* line 66, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li a .sidebar-icon, .mobile-main-sidebar .inner .bottom-icon-side-menu li a .sidebar-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; width: 24px; -webkit-transition: all .3s; transition: all .3s; } /* line 77, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li a:hover svg, .mobile-main-sidebar .inner .icon-side-menu li a:hover i, .mobile-main-sidebar .inner .icon-side-menu li a.is-active svg, .mobile-main-sidebar .inner .icon-side-menu li a.is-active i, .mobile-main-sidebar .inner .bottom-icon-side-menu li a:hover svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li a:hover i, .mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-active svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-active i { stroke: #606061; color: #606061; } /* line 83, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li a.is-opened, .mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-opened { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } /* line 88, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li a.is-inactive, .mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-inactive { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } /* line 94, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li a.is-selected svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-selected svg { stroke: #606061; } /* line 101, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li #open-filters svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li #open-filters svg { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s; transition: all .3s; } /* line 107, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li #open-filters:hover svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li #open-filters:hover svg { -webkit-transform: rotate(145deg); transform: rotate(145deg); } /* line 114, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .icon-side-menu li.is-active a svg, .mobile-main-sidebar .inner .icon-side-menu li.is-active a i, .mobile-main-sidebar .inner .bottom-icon-side-menu li.is-active a svg, .mobile-main-sidebar .inner .bottom-icon-side-menu li.is-active a i { stroke: #606061; color: #606061; } /* line 122, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-main-sidebar .inner .bottom-icon-side-menu { position: absolute; bottom: 0; left: 0; } /* ========================================================================== 2. Mobile Subsidebar ========================================================================== */ /* line 134, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar { position: fixed; top: 60px; left: 0; height: calc(100% - 60px); width: 280px; background: #ffffff; border-top: 1px solid #ededed; border-right: 1px solid #ededed; z-index: 99; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; transition: all .3s; -webkit-transition-delay: .15s; transition-delay: .15s; } /* line 148, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 152, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner { position: relative; height: 100%; width: calc(100% - 60px); margin-left: 60px; } /* line 158, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .sidebar-title { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; color: #999999; } /* line 166, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .sidebar-title i { font-size: 2.5rem; margin-right: 10px; } /* line 171, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .sidebar-title h3 { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.4rem; } /* line 179, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu { height: calc(100% - 70px); overflow-y: auto; margin-top: 10px; padding: 0 20px 20px 20px; } /* line 187, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu .is-group-header div { padding: 5px 0px; width: 100%; font-weight: 600; color: #7f839f; } /* line 197, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.is-active a { color: #606061; font-weight: 500; } /* line 203, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children { display: block; height: unset; min-height: 36px; } /* line 210, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children.active .collapse-wrap a { color: #283252; font-weight: 600; } /* line 214, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children.active .collapse-wrap a svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* line 221, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 226, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children.is-flex .tag { margin-left: auto; margin-right: 20px; border-radius: 100px; background: #e62965; color: #ffffff; font-size: .8rem; font-weight: 600; } /* line 237, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children .collapse-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; min-height: 36px; } /* line 243, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children .collapse-wrap > a { font-family: "Montserrat", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .9rem; font-weight: 500; color: #a2a5b9; } /* line 251, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children .collapse-wrap > a svg { position: relative; top: 1px; height: 18px; width: 18px; margin-left: auto; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s; transition: all .3s; } /* line 263, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children ul { padding: 0px; display: none; } /* line 267, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children ul li { height: 32px; } /* line 270, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children ul li .is-submenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 16px; font-size: .95rem; } /* line 276, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children ul li .is-submenu.is-active { font-weight: 500; color: #606061; } /* line 281, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children ul li .is-submenu i { margin-right: 8px; } /* line 285, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.has-children ul li .is-submenu svg { height: 8px; width: 8px; max-width: 8px; min-width: 8px; stroke-width: 2px; margin-right: 8px; } /* line 298, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li.divider { cursor: default; pointer-events: none; height: 10px; margin: 5px 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.5); } /* line 306, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li a { padding: 6px 0; width: 100%; display: block; color: #a2a5b9; } /* line 314, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .submenu li div i { font-size: 1.2rem; margin-right: 10px; } /* line 321, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .bottom-action { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; } /* line 329, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar .inner .bottom-action .button svg { height: 18px; width: 18px; } /* line 338, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging ul { overflow: auto; height: 100%; } /* line 343, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li { position: relative; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 2px solid transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; } /* line 353, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li.is-active { border-left-color: #606061; background: #e2e2e3; } /* line 357, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li.is-active:hover { background: #e2e2e3; } /* line 362, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; cursor: pointer; } /* line 371, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user .user-container { position: relative; } /* line 374, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user .user-container img { height: 32px; width: 32px; border-radius: 50%; display: block; } /* line 380, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user .user-container img.is-user { min-width: 32px; } /* line 384, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user .user-container img.is-badge { display: block; position: absolute; right: -5px; bottom: 0; border-radius: 50%; border: 2px solid #ffffff; height: 16px; width: 16px; border-radius: 50%; } /* line 398, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user .recipient-meta { margin: 0 15px; } /* line 401, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user .recipient-meta span { display: block; } /* line 404, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user .recipient-meta span:first-child { color: #283252; font-weight: 500; font-size: .9rem; } /* line 410, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .recent-user .recipient-meta span:nth-child(2) { font-size: .75rem; color: #999999; } /* line 418, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .user-group { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; cursor: pointer; } /* line 427, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .user-group img { height: 32px; width: 32px; border: 2px solid #ffffff; border-radius: 50%; display: block; } /* line 434, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .user-group img.is-user { min-width: 32px; } /* line 438, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .user-group img:nth-child(2), .mobile-subsidebar.is-messaging li .user-group img:nth-child(3), .mobile-subsidebar.is-messaging li .user-group img:nth-child(4) { margin-left: -15px; } /* line 443, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .user-group .more-indicator { display: block; height: 36px; width: 36px; min-width: 36px; border-radius: 50%; background: #606061; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -15px; border: 2px solid #ffffff; } /* line 456, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .user-group .more-indicator span { display: block; color: #ffffff; font-weight: 600; font-size: .8rem; } /* line 465, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li time { display: block; position: absolute; top: 2px; right: 20px; font-size: .75rem; color: #999999; } /* line 474, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .group-message { padding: 0 10px; margin-top: -20px; font-size: .75rem; color: #999999; white-space: nowrap; overflow: hidden; max-width: 220px; text-overflow: ellipsis; } /* line 484, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li .group-message.is-unread { color: #283252; font-weight: 500; } /* line 490, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-messaging li:hover { background: #fafafa; } /* line 497, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; width: 100%; padding: 10px; border-left: 2px solid transparent; border-bottom: 1px solid #ededed; opacity: 0.8; cursor: pointer; } /* line 509, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item.is-active { opacity: 1; background: #e2e2e3; border-left-color: #606061; } /* line 516, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item.is-active.is-eth .wallet-meta small { color: #606061; } /* line 523, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item.is-active .currency-value span { color: #283252; } /* line 529, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item .currency-coin { position: relative; height: 30px; width: 30px; } /* line 534, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item .currency-coin .kodr-coin-fill, .mobile-subsidebar.is-wallet .wallet-item .currency-coin .eth-coin-fill { height: 30px; width: 30px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s; transition: all .3s; } /* line 540, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item .currency-coin .kodr-coin-fill .st9, .mobile-subsidebar.is-wallet .wallet-item .currency-coin .kodr-coin-fill .st10, .mobile-subsidebar.is-wallet .wallet-item .currency-coin .eth-coin-fill .st9, .mobile-subsidebar.is-wallet .wallet-item .currency-coin .eth-coin-fill .st10 { fill: #999999; } /* line 546, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item .wallet-meta { margin-left: 10px; } /* line 549, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item .wallet-meta span { display: block; font-size: 1rem; color: #999999; } /* line 554, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item .wallet-meta span small { font-size: .9rem; text-transform: uppercase; font-weight: 500; } /* line 562, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item .wallet-meta .currency-value span { font-size: .75rem; font-weight: 500; color: #999999 !important; } /* line 570, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .wallet-item .button { padding: .75rem; height: 32px; width: 32px; padding: 0; border-radius: 4px; } /* line 579, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .buy-wrap { padding: 16px; } /* line 583, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .buy-wrap .button .kodr-coin-fill { height: 24px; width: 24px; margin-right: 5px; margin-left: -5px; } /* line 589, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .buy-wrap .button .kodr-coin-fill .path { fill: #fcfcfc; } /* line 596, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .request-payout { width: 100%; } /* line 599, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .request-payout .button { height: 40px !important; padding: 0 26px 0 26px; } /* line 604, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .request-payout .button:hover svg { fill: #ffffff; } /* line 609, src/assets/scss/layout/_sidebar-mobile.scss */ .mobile-subsidebar.is-wallet .request-payout .button svg { height: 24px; width: 24px; fill: #606061; margin-right: 5px; margin-left: -12px; -webkit-transition: all .3s; transition: all .3s; } /* ========================================================================== 3. Mobile Subsidebar Dark mode ========================================================================== */ /* line 628, src/assets/scss/layout/_sidebar-mobile.scss */ body.is-dark .mobile-main-sidebar { background: #141416; border-color: #252529 !important; } /* line 637, src/assets/scss/layout/_sidebar-mobile.scss */ body.is-dark .mobile-main-sidebar .inner .icon-side-menu li a.is-active svg, body.is-dark .mobile-main-sidebar .inner .icon-side-menu li a.is-active i { stroke: #ED1C24; color: #ED1C24; } /* line 648, src/assets/scss/layout/_sidebar-mobile.scss */ body.is-dark .mobile-subsidebar { background: #28282b; border-color: #2d2d31; } /* line 655, src/assets/scss/layout/_sidebar-mobile.scss */ body.is-dark .mobile-subsidebar .submenu li.is-active a { color: #ED1C24 !important; } /* line 663, src/assets/scss/layout/_sidebar-mobile.scss */ body.is-dark .mobile-subsidebar .submenu li.has-children.active .collapse-wrap > a { color: #fcfcfc; } /* line 674, src/assets/scss/layout/_sidebar-mobile.scss */ body.is-dark .mobile-subsidebar.is-messaging ul li.is-active { background: #19191b; border-left-color: #ED1C24 !important; } /* line 681, src/assets/scss/layout/_sidebar-mobile.scss */ body.is-dark .mobile-subsidebar.is-messaging ul li .recipient-meta span:first-child, body.is-dark .mobile-subsidebar.is-messaging ul li .recipient-meta span.is-unread { color: #cccccc !important; } /* line 688, src/assets/scss/layout/_sidebar-mobile.scss */ body.is-dark .mobile-subsidebar.is-messaging ul li .user-group img, body.is-dark .mobile-subsidebar.is-messaging ul li .user-group span { border-color: #28282b !important; } /*! _right-panel.scss | Huro | Css ninja 2020-2021 */ /* 1. Right Panel Base 2. Right Panel Base Dark mode 3. Languages Panel 4. Languages Panel Dark mode 5. Activity Panel 6. Activity Panel Dark mode 7. Task Panel 8. Task Panel Dark Mode 9. Media Queries */ /* ========================================================================== 1. Right Panel Base ========================================================================== */ /* line 22, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-active .panel-overlay { opacity: .8; pointer-events: all; } /* line 27, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-active .right-panel { -webkit-transform: translateX(0); transform: translateX(0); } /* line 34, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-left.is-active .right-panel { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } /* line 39, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-left .right-panel { right: unset; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* line 46, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .panel-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #232326; opacity: 0; pointer-events: none; z-index: 101; -webkit-transition: all .3s; transition: all .3s; } /* line 59, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel { position: fixed; top: 0; right: 0; width: 360px; height: 100%; background: #ffffff; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 175; -webkit-transition: all .3s; transition: all .3s; } /* line 70, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .right-panel-head { position: relative; height: 60px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; } /* line 79, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .right-panel-head h3 { color: #999999; font-family: "Montserrat", sans-serif; font-size: 1.2rem; } /* line 85, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .right-panel-head > img { max-width: 36px; } /* line 89, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .right-panel-head .close-panel { height: 32px; width: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; } /* line 98, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover { background: #ededed; } /* line 101, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg { stroke: #606061; } /* line 106, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .right-panel-head .close-panel svg { stroke: #a2a5b9; height: 22px; width: 22px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 115, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .right-panel-body { position: relative; height: calc(100% - 60px); width: 100%; } /* ========================================================================== 2. Right Panel Base Dark mode ========================================================================== */ /* line 130, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper .right-panel { background: #232326; } /* line 134, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper .right-panel .right-panel-head h3 { color: #aaaab3; } /* line 139, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover { background: #323236; } /* line 142, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg { stroke: #ED1C24; } /* ========================================================================== 3. Languages Panel ========================================================================== */ /* line 159, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-head { padding: 0 30px; } /* line 164, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0; } /* line 169, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box { margin: 8px 8px 16px 8px; width: calc(33.3% - 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 176, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option { position: relative; } /* line 179, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 3; } /* line 190, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked + .language-option-inner { border-color: #606061; } /* line 193, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked + .language-option-inner .indicator { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 200, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 55px; width: 55px; border-radius: 50%; border: 1.6px solid #ededed; background: #ffffff; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); -webkit-transition: all .3s; transition: all .3s; } /* line 213, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner img { display: block; width: 40px; min-width: 40px; height: 40px; border-radius: 50%; } /* line 221, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator { position: absolute; top: -4px; right: -4px; height: 26px; width: 26px; border-radius: 50%; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #606061; border: 3px solid #ffffff; } /* line 234, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator svg { height: 10px; width: 10px; stroke-width: 3px; stroke: #ffffff; } /* line 247, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-languages .right-panel-body .img-wrap > img { display: block; max-width: 280px; margin: 0 auto; } /* ========================================================================== 4. Languages Panel Dark mode ========================================================================== */ /* line 270, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked + .language-option-inner { border-color: #ED1C24; } /* line 276, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner { border-color: #404046; background: #232326; } /* line 280, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator { background: #ED1C24; border-color: #232326; } /* ========================================================================== 5. Activity Panel ========================================================================== */ /* line 301, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-head { padding: 0 30px; } /* line 305, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body { padding: 0 30px; height: calc(100% - 55px); } /* line 309, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px !important; margin-bottom: 16px; } /* line 317, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta { margin-left: 12px; } /* line 320, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span { display: block; } /* line 323, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:first-child { color: #283252; font-weight: 500; } /* line 328, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:nth-child(2) { color: #a2a5b9; font-size: .9rem; } /* line 332, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:nth-child(2) svg { height: 12px; width: 12px; stroke-width: 1.4px; } /* line 341, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; height: 34px; width: 34px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; } /* line 353, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link:hover { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 357, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link:hover svg { stroke: #606061; } /* line 362, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link svg { height: 16px; width: 16px; stroke: #a2a5b9; } /* line 370, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card { padding: 16px !important; margin-bottom: 16px; } /* line 376, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 380, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .project-avatar { display: block; height: 38px; width: 38px; border-radius: 12px; } /* line 387, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta { margin-left: 12px; } /* line 390, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span { display: block; } /* line 393, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span:first-child { color: #283252; font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 600; } /* line 400, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span:nth-child(2) { font-family: "Roboto", sans-serif; color: #a2a5b9; font-size: .9rem; } /* line 408, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; height: 34px; width: 34px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; } /* line 420, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link:hover { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 424, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link:hover svg { stroke: #606061; } /* line 429, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link svg { height: 16px; width: 16px; stroke: #a2a5b9; } /* line 437, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot { margin-top: 12px; } /* line 440, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .progress { margin-bottom: 10px; margin-top: 18px; } /* line 445, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .foot-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 450, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .foot-stats span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 458, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline { margin-top: 30px; } /* line 461, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 30px; } /* line 466, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item:last-child { padding-bottom: 0; } /* line 470, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item:after { content: ''; position: absolute; top: 36px; left: 18px; width: 1px; height: calc(100% - 36px); border-left: 1px solid #e5e5e5; } /* line 480, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon { position: relative; height: 36px; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 50%; color: #a2a5b9; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 493, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon:after { content: ''; position: absolute; top: 17px; left: 40px; width: 20px; height: 1px; border-top: 1px solid #e5e5e5; } /* line 503, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon img { display: block; height: 28px; width: 28px; border-radius: 50%; } /* line 510, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon svg { height: 16px; width: 16px; stroke-width: 1.6px; } /* line 517, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content { margin-left: 34px; line-height: 1.2; } /* line 521, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content p { font-size: .95rem; font-family: "Montserrat", sans-serif; } /* line 526, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content span { font-size: .85rem; color: #a2a5b9; } /* line 535, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .tabs-wrapper { height: calc(100% - 60px); } /* line 539, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-activity .right-panel .tabs-wrapper .tabs-inner .tabs { margin-left: auto; margin-right: auto; } /* ========================================================================== 5.1 Activity Panel - Timeline Widget (less contrained for re-use) ========================================================================== */ /* line 555, src/assets/scss/layout/_right-panel.scss */ .project-card .project-foot .foot-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* ========================================================================== 6. Activity Panel Dark mode ========================================================================== */ /* line 573, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card, body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card { background: #28282b !important; border-color: #37373b !important; } /* line 581, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .meta span:first-child, body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .meta span:first-child { color: #aaaab3; } /* line 587, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link, body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link { background: #323236 !important; border-color: #404046 !important; } /* line 591, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link:hover, body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link:hover { border-color: #ED1C24 !important; } /* line 594, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link:hover svg, body.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link:hover svg { stroke: #ED1C24 !important; } /* line 603, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item:after { border-color: #404046; } /* line 607, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item .timeline-icon { background: #323236; border-color: #404046; } /* line 611, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item .timeline-icon:after { border-color: #404046 !important; } /* ========================================================================== 7. Task Panel ========================================================================== */ /* line 629, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel { width: 420px; } /* line 632, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-head { padding: 0 30px; } /* line 636, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body { padding: 0 30px; } /* line 639, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1.6px dashed #e5e5e5; } /* line 644, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h3 { text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: .8rem; font-weight: 600; color: #606061; margin-bottom: 10px; } /* line 653, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h4 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; margin-bottom: 5px; } /* line 661, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h5 { text-transform: uppercase; font-family: "Roboto", sans-serif; font-size: .8rem; color: #a2a5b9; } /* line 668, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description { margin-bottom: 20px; } /* line 671, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description p { margin-bottom: 10px; font-size: .95rem; } /* line 675, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description p a { text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 600; font-size: .75rem; color: #a2a5b9; } /* line 686, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 691, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button { height: 40px; width: 40px; border-right: 50%; background: none; border: 1.8px dashed #a2a5b9; border-radius: 50%; color: #a2a5b9; cursor: pointer; outline: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; transition: all .3s; } /* line 707, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button:hover { border: 1.8px solid #606061; color: #606061; } /* line 712, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button svg { height: 18px; width: 18px; } /* line 720, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 723, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats *:last-child { margin-left: auto; } /* line 727, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat, .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a2a5b9; } /* line 732, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat span, .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a span { margin-left: 3px; } /* line 736, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat svg, .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a svg { height: 18px; width: 18px; } /* line 742, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat { margin-right: 15px; } /* line 746, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a { text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 600; font-size: .75rem; color: #606061; } /* line 753, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a span { margin-left: 5px; } /* line 757, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a svg { height: 14px; width: 14px; stroke-width: 3px; } /* line 766, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; background: #ffffff; border: 1px solid transparent; border-radius: 12px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 776, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box:hover { border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 781, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box img { display: block; width: 38px; min-width: 38px; height: 38px; } /* line 788, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta { margin-left: 12px; line-height: 1.3; } /* line 792, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span { display: block; } /* line 795, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:first-child { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 600; color: #283252; } /* line 802, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 806, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:nth-child(2) i { position: relative; top: -3px; font-size: .3rem; color: #a2a5b9; margin: 0 4px; } /* line 817, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .dropdown { margin-left: auto; } /* line 825, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 829, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action { height: 32px; width: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a2a5b9; border-radius: 50%; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } /* line 840, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action:hover { border-color: #e3e3e3; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); color: #606061; } /* line 846, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action svg { height: 16px; width: 16px; } /* line 852, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .button { margin-left: 10px; } /* ========================================================================== 8. Task Panel Dark Mode ========================================================================== */ /* line 874, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group { border-color: #404046 !important; } /* line 877, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h3 { color: #ED1C24; } /* line 881, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h4 { color: #aaaab3; } /* line 889, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner .avatar-stack .h-avatar img { border-color: #232326; } /* line 896, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button:hover { border-color: #ED1C24; color: #ED1C24; } /* line 905, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats > a { color: #ED1C24; } /* line 911, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box { background: #232326 !important; border-color: #232326 !important; } /* line 917, src/assets/scss/layout/_right-panel.scss */ body.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:first-child { color: #aaaab3; } /* ========================================================================== 9. Search Panel ========================================================================== */ /* line 938, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel { width: 420px; } /* line 941, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel .right-panel-head { padding: 0 30px; } /* line 945, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel .right-panel-body { padding: 20px 30px; } /* line 948, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel .right-panel-body .field { position: relative; margin-bottom: 30px; } /* line 953, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel .right-panel-body .field .control .input { min-height: 48px; padding-left: 48px; } /* line 958, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel .right-panel-body .field .control .form-icon { height: 48px; width: 48px; } /* line 965, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel .right-panel-body .recent { font-family: "Roboto", sans-serif; margin-bottom: 30px; padding: 0 20px; } /* line 970, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel .right-panel-body .recent h4 { text-transform: uppercase; font-size: .8rem; color: #a2a5b9; margin-bottom: 12px; } /* line 980, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .flex-meta span:first-child { font-weight: 500; } /* ========================================================================== 10. Search Panel Dark mode ========================================================================== */ /* ========================================================================== 11. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 1002, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel { width: 100%; max-width: 100%; } } /* ==================================================================================== 12. MOD: Custom Overrides Including Folding Toolbar Notification List Into Same Structure ==================================================================================== */ /* line 1017, src/assets/scss/layout/_right-panel.scss */ .toolbar .toolbar-notifications .dropdown .is-trigger .new-indicator { width: 24px; /*MOD, from 16px */ height: 24px; /*MOD, from 16px */ font-size: 12px; /*MOD, from 8px */ } /* line 1023, src/assets/scss/layout/_right-panel.scss */ .toolbar .toolbar-notifications .new-indicator.pulsate { -webkit-animation: pulsate 3.5s ease-out; animation: pulsate 3.5s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* line 1027, src/assets/scss/layout/_right-panel.scss */ .toolbar .toolbar-notifications .new-indicator.tag:not(body) { padding-left: 0.75em; padding-right: 0.75em; } /* line 1036, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel { width: 430px; } /* line 1039, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel .tabs-wrapper.is-triple-slider .tabs, .right-panel-wrapper .right-panel .tabs-wrapper-alt.is-triple-slider .tabs { max-width: 370px; } /*Another way to override above, but not affect this already declared without having to redeclare it*/ @media only screen and (max-width: 767px) { /* line 1047, src/assets/scss/layout/_right-panel.scss */ .right-panel-wrapper .right-panel { width: 100%; max-width: 100%; } } /* line 1053, src/assets/scss/layout/_right-panel.scss */ #profile-menu .dropdown-head { cursor: auto; } /* line 1057, src/assets/scss/layout/_right-panel.scss */ .toolbar .toolbar-notifications .dropdown.is-spaced .dropdown-menu { min-width: 360px; cursor: auto; } /* line 1061, src/assets/scss/layout/_right-panel.scss */ .toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content { width: 100%; } /*Copied from Right Activity Panel - but there is way TOO much hardcoded demo crap in this stuff, so specific and unusable*/ /* line 1067, src/assets/scss/layout/_right-panel.scss */ .notification-list { padding: 0 30px; } /* line 1070, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px !important; margin-bottom: 16px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; width: 100%; padding: 20px; background-color: #ffffff; border-radius: 6px; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 1085, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*align-items: center; - this one seems to be in conflict with something else from parent container*/ margin-left: auto; height: 34px; width: 34px !important; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; } /* line 1097, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card .link:hover { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1102, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card .link svg, .notification-list .team-card .link i { height: 16px; width: 16px; text-align: center; } /* line 1109, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card .meta { margin-left: 12px; width: 250px; } /* line 1113, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card .meta span { display: block; } /* line 1116, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card .meta span:first-child { color: #283252; font-weight: 500; } /* line 1121, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card .meta span:nth-child(2) { color: #a2a5b9; font-size: .9rem; } /* line 1125, src/assets/scss/layout/_right-panel.scss */ .notification-list .team-card .meta span:nth-child(2) svg, .notification-list .team-card .meta span:nth-child(2) i { stroke-width: 1.4px; } /* line 1136, src/assets/scss/layout/_right-panel.scss */ .toolbar-notifications .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link:hover { color: #a2a5b9; } /*Override all layouts on this one*/ /* line 1147, src/assets/scss/layout/_right-panel.scss */ .notification-list .meta span:nth-child(2) svg, .notification-list .meta span:nth-child(2) i, #outgoing-side-tab .meta span:nth-child(2) svg, #outgoing-side-tab .meta span:nth-child(2) i, #recents-side-tab .meta span:nth-child(2) svg, #recents-side-tab .meta span:nth-child(2) i, #workflows-side-tab .meta span:nth-child(2) svg, #workflows-side-tab .meta span:nth-child(2) i { height: 16px; width: 16px; } /* line 1159, src/assets/scss/layout/_right-panel.scss */ .notification-list .link:hover svg, .notification-list .link:hover i, #outgoing-side-tab .link:hover svg, #outgoing-side-tab .link:hover i, #recents-side-tab .link:hover svg, #recents-side-tab .link:hover i, #workflows-side-tab .link:hover svg, #workflows-side-tab .link:hover i { stroke: #606061; color: #606061; } /* line 1165, src/assets/scss/layout/_right-panel.scss */ .notification-list .link svg, .notification-list .link i, #outgoing-side-tab .link svg, #outgoing-side-tab .link i, #recents-side-tab .link svg, #recents-side-tab .link i, #workflows-side-tab .link svg, #workflows-side-tab .link i { stroke: #a2a5b9; color: #a2a5b9; } /* line 1174, src/assets/scss/layout/_right-panel.scss */ #outgoing-side-tab .team-card .meta, #recents-side-tab .team-card .meta { width: 240px; } /* line 1183, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .team-card { background: #28282b !important; border-color: #37373b !important; } /* line 1187, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .team-card.is-primary { background: #ED1C24; border-color: #ED1C24; } /* line 1193, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .team-card .h-avatar img { border-color: #323236 !important; } /* line 1199, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .team-card .avatar-stack .h-avatar { border-color: #323236 !important; } /* line 1204, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .team-card .avatar-stack .h-avatar .avatar.is-more .inner { border-color: #323236 !important; } /* line 1214, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .team-card .meta span:first-child { color: #aaaab3; } /* line 1226, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .link, body.is-dark #outgoing-side-tab .link, body.is-dark #recents-side-tab .link, body.is-dark #workflows-side-tab .link { background: #323236 !important; border-color: #404046 !important; } /* line 1230, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .link:hover, body.is-dark #outgoing-side-tab .link:hover, body.is-dark #recents-side-tab .link:hover, body.is-dark #workflows-side-tab .link:hover { border-color: #ED1C24 !important; } /* line 1233, src/assets/scss/layout/_right-panel.scss */ body.is-dark .notification-list .link:hover svg, body.is-dark .notification-list .link:hover i, body.is-dark #outgoing-side-tab .link:hover svg, body.is-dark #outgoing-side-tab .link:hover i, body.is-dark #recents-side-tab .link:hover svg, body.is-dark #recents-side-tab .link:hover i, body.is-dark #workflows-side-tab .link:hover svg, body.is-dark #workflows-side-tab .link:hover i { stroke: #ED1C24 !important; color: #ED1C24 !important; } /* line 1242, src/assets/scss/layout/_right-panel.scss */ body.is-dark .toolbar-notifications .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link:hover { color: #f69296 !important; } /* line 1250, src/assets/scss/layout/_right-panel.scss */ #search-panel .right-panel .recent-block .flex-meta { /*Not sure why this has to be specified at both locations*/ overflow: hidden; text-overflow: ellipsis; } /* line 1255, src/assets/scss/layout/_right-panel.scss */ #search-panel .right-panel .recent-block .flex-meta span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*! _utilities.scss | Huro | Css ninja 2020-2021 */ /* 1. Titles 2. Divider 3. Helpers 4. Hamburger 5. Tooltips 6. Alertify js 7. Alertify js Dark mode 8. Divider alt 9. Text tips 10. Text tips Dark mode 11. Hopscotch 12. Demo toggler 13. Background images 14. Dark mode images 15. Demo spacer 16. Simplebar 17. Back to top button */ /* ========================================================================== 1. Titles ========================================================================== */ /* line 28, src/assets/scss/layout/_utilities.scss */ .title.light-mb, .subtitle.light-mb { margin-bottom: 10px; } /* line 32, src/assets/scss/layout/_utilities.scss */ .title.no-mb, .subtitle.no-mb { margin-bottom: 0; } /* line 36, src/assets/scss/layout/_utilities.scss */ .title.has-margin-top, .subtitle.has-margin-top { margin-top: 20px; } /* line 40, src/assets/scss/layout/_utilities.scss */ .title.has-margin-top-lg, .subtitle.has-margin-top-lg { margin-top: 50px; } /* line 44, src/assets/scss/layout/_utilities.scss */ .title.is-purple, .subtitle.is-purple { color: #606061; } /* line 48, src/assets/scss/layout/_utilities.scss */ .title.is-light, .subtitle.is-light { color: #ffffff; } /* line 53, src/assets/scss/layout/_utilities.scss */ var { font-style: inherit; } /* line 57, src/assets/scss/layout/_utilities.scss */ .has-text-centered { text-align: center; } /* ========================================================================== 2. Divider ========================================================================== */ /* line 65, src/assets/scss/layout/_utilities.scss */ .divider-container { max-width: 640px; margin: 0 auto; } /* line 69, src/assets/scss/layout/_utilities.scss */ .divider-container .divider { text-align: center; margin: 1.5em auto 1em auto; width: 100%; position: relative; } /* line 75, src/assets/scss/layout/_utilities.scss */ .divider-container .divider span { display: inline-block; margin-top: 1px; font-size: 1rem; text-transform: none; color: #cccccc; } /* line 82, src/assets/scss/layout/_utilities.scss */ .divider-container .divider span:before, .divider-container .divider span:after { width: 36%; display: block; position: absolute; left: 0; top: 0.9em; height: 1px; content: " "; border-top: 1px solid #cccccc; } /* line 93, src/assets/scss/layout/_utilities.scss */ .divider-container .divider span:after { right: 0; left: auto; } @media (max-width: 768px) { /* line 102, src/assets/scss/layout/_utilities.scss */ .divider span:before, .divider span:after { width: 22% !important; } } /* ========================================================================== 3. Helpers ========================================================================== */ /* line 112, src/assets/scss/layout/_utilities.scss */ .is-flex-wrapped { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } /* line 116, src/assets/scss/layout/_utilities.scss */ .is-hidden { display: none !important; } /* line 120, src/assets/scss/layout/_utilities.scss */ .is-vhidden { visibility: hidden !important; } /* line 124, src/assets/scss/layout/_utilities.scss */ .no-click { pointer-events: none !important; } /* line 128, src/assets/scss/layout/_utilities.scss */ .is-disabled { pointer-events: none; opacity: 0.4; cursor: default !important; } /* line 134, src/assets/scss/layout/_utilities.scss */ .ml-auto { margin-left: auto !important; } /* line 138, src/assets/scss/layout/_utilities.scss */ .no-padding { padding: 0 !important; } /* line 142, src/assets/scss/layout/_utilities.scss */ .no-margin { margin: 0 !important; } /* line 146, src/assets/scss/layout/_utilities.scss */ .no-mb { margin-bottom: 0 !important; } /* line 150, src/assets/scss/layout/_utilities.scss */ .mb-20 { margin-bottom: 20px; } /* line 154, src/assets/scss/layout/_utilities.scss */ .is-green { color: #06d6a0; } /* line 158, src/assets/scss/layout/_utilities.scss */ .is-purple { color: #606061; } /* line 162, src/assets/scss/layout/_utilities.scss */ .has-slimscroll { overflow-y: auto; overflow-x: hidden; } /* line 166, src/assets/scss/layout/_utilities.scss */ .has-slimscroll::-webkit-scrollbar { width: 6px !important; } /* line 170, src/assets/scss/layout/_utilities.scss */ .has-slimscroll::-webkit-scrollbar-thumb { border-radius: 10px !important; background: rgba(0, 0, 0, 0.2) !important; } /* line 177, src/assets/scss/layout/_utilities.scss */ .has-slimscroll-sm::-webkit-scrollbar { width: 3px !important; } /* line 181, src/assets/scss/layout/_utilities.scss */ .has-slimscroll-sm::-webkit-scrollbar-thumb { border-radius: 10px !important; background: rgba(0, 0, 0, 0.2) !important; } /* line 187, src/assets/scss/layout/_utilities.scss */ .dark-text { color: #283252; } /* line 191, src/assets/scss/layout/_utilities.scss */ .light-text { color: #a2a5b9; } /* line 195, src/assets/scss/layout/_utilities.scss */ .success-text { color: #06d6a0; } /* line 199, src/assets/scss/layout/_utilities.scss */ .info-text { color: #039BE5; } /* line 203, src/assets/scss/layout/_utilities.scss */ .warning-text { color: #faae42; } /* line 207, src/assets/scss/layout/_utilities.scss */ .danger-text { color: #e62965; } /* line 211, src/assets/scss/layout/_utilities.scss */ .inverted-text { color: #fcfcfc; } /* ========================================================================== 4. Hamburger ========================================================================== */ /* line 219, src/assets/scss/layout/_utilities.scss */ .menu-toggle { font-size: 20px; color: #666; text-align: center; background: transparent; display: block; width: 26px; height: 26px; cursor: pointer; padding: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 1; position: relative; /*MOD-ADD*/ } /* line 236, src/assets/scss/layout/_utilities.scss */ .menu-toggle.has-chevron .icon-box-toggle.active .icon-line-top { width: 13px !important; top: 17px !important; } /* line 241, src/assets/scss/layout/_utilities.scss */ .menu-toggle.has-chevron .icon-box-toggle.active .icon-line-bottom { width: 13px !important; top: 9px !important; } /* line 249, src/assets/scss/layout/_utilities.scss */ .menu-toggle .icon-box-toggle { height: 100%; width: 100%; background: transparent; position: relative; display: block; width: 30px; height: 30px; } /* line 258, src/assets/scss/layout/_utilities.scss */ .menu-toggle .icon-box-toggle.active > span.rotate { -webkit-transform: rotate(90deg); transform: translate(0px, 0px) rotate(90deg); } /* line 266, src/assets/scss/layout/_utilities.scss */ .menu-toggle .icon-box-toggle.active > span > i.icon-line-center { visibility: hidden; width: 1px; height: 3px; left: 70%; } /* line 273, src/assets/scss/layout/_utilities.scss */ .menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom { margin: -2px 0 0 -10px; left: 50%; top: 12px; -webkit-transform: rotate(135deg); transform: translate(0px, 0px) rotate(135deg); } /* line 284, src/assets/scss/layout/_utilities.scss */ .menu-toggle .icon-box-toggle.active > span > i.icon-line-top { margin: -2px 0 0 -10px; left: 50%; top: 12px; -webkit-transform: rotate(45deg); transform: translate(0px, 0px) rotate(45deg); } /* line 296, src/assets/scss/layout/_utilities.scss */ .menu-toggle .icon-line-center { position: absolute; width: 12px; height: 2px; background: #606061; margin: -1px 0 0 -10px; left: 50%; top: 12px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } /* line 310, src/assets/scss/layout/_utilities.scss */ .menu-toggle .icon-line-top { position: absolute; width: 20px; height: 2px; background: #606061; margin: -3px 0 0 -10px; left: 50%; top: 6px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } /* line 324, src/assets/scss/layout/_utilities.scss */ .menu-toggle .icon-line-bottom { position: absolute; width: 20px; height: 2px; background: #606061; margin: 2px 0 0 -10px; left: 50%; top: 17px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } /* line 340, src/assets/scss/layout/_utilities.scss */ .menu-toggle.is-webapp-hamburger i { background: #c6c6c7; } /* line 345, src/assets/scss/layout/_utilities.scss */ .menu-toggle.is-webapp-hamburger:hover i { background: #fcfcfc; } /* ========================================================================== 5. Tooltips ========================================================================== */ /* ========================================================================== 6. Alertify js ========================================================================== */ /* line 362, src/assets/scss/layout/_utilities.scss */ .alertify .ajs-dialog { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: auto; border-radius: 8px !important; background: #ffffff !important; } /* line 370, src/assets/scss/layout/_utilities.scss */ .ajs-dimmer { background-color: #232326 !important; } /* line 374, src/assets/scss/layout/_utilities.scss */ .ajs-header { font-weight: 600 !important; font-family: "Montserrat", sans-serif !important; border-radius: 8px 8px 0 0 !important; background: #f0f0f0 !important; } /* line 382, src/assets/scss/layout/_utilities.scss */ .ajs-commands:hover { opacity: 0.7; } /* line 386, src/assets/scss/layout/_utilities.scss */ .ajs-footer { border-radius: 0 0 6px 6px !important; border: none !important; background: #f0f0f0 !important; } /* line 392, src/assets/scss/layout/_utilities.scss */ .ajs-content { padding: 16px 0 !important; font-family: "Roboto", sans-serif !important; } /* line 396, src/assets/scss/layout/_utilities.scss */ .ajs-content b { font-weight: 500 !important; } /* line 402, src/assets/scss/layout/_utilities.scss */ .ajs-buttons { padding: 6px 10px; } /* line 406, src/assets/scss/layout/_utilities.scss */ .ajs-buttons .ajs-button:hover { opacity: 0.6; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 412, src/assets/scss/layout/_utilities.scss */ .ajs-close { outline: none !important; } /* line 416, src/assets/scss/layout/_utilities.scss */ .ajs-ok { padding: 8px 22px 8px 22px; font-weight: 600; height: 33px; min-width: 82px !important; line-height: 0; text-transform: capitalize !important; font-weight: 500 !important; font-size: .75rem; border-radius: 3px; background: #606061 !important; color: #ffffff !important; border: 1px solid #606061; border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; outline: none !important; } /* line 440, src/assets/scss/layout/_utilities.scss */ .ajs-cancel { padding: 8px 22px 8px 22px; font-weight: 600; height: 33px; min-width: 82px !important; line-height: 0; text-transform: capitalize !important; font-weight: 500 !important; font-size: .75rem; border-radius: 3px; background: #ffffff !important; color: #606061 !important; border: 1px solid #606061 !important; border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; outline: none !important; } /* ========================================================================== 7. Alertify js Dark mode ========================================================================== */ /* line 465, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-dialog { background: #3b3b41 !important; border-color: #28282b !important; } /* line 470, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-header { background: #323236 !important; border-color: #323236 !important; color: #cccccc !important; } /* line 476, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-content { color: #aaaab3 !important; } /* line 479, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-content span { color: #aaaab3; } /* line 482, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-content span b { color: #ED1C24 !important; } /* line 488, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-footer { background: #323236 !important; border-color: #323236 !important; } /* line 492, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-footer .ajs-ok { background: #f69296 !important; } /* line 496, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-footer .ajs-cancel { background: #28282b !important; border-color: #28282b !important; color: #999999 !important; } /* line 503, src/assets/scss/layout/_utilities.scss */ body.is-dark .ajs-footer .ajs-button:hover { opacity: 0.7; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* ========================================================================== 8. Divider alt ========================================================================== */ /* line 515, src/assets/scss/layout/_utilities.scss */ .divider { display: -webkit-box; display: -ms-flexbox; display: flex; color: #999999; outline: none !important; text-transform: uppercase; font-size: .8rem; font-weight: 500; } /* line 523, src/assets/scss/layout/_utilities.scss */ .divider:before, .divider:after { content: ""; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* line 529, src/assets/scss/layout/_utilities.scss */ .divider.line { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1em -1em; } /* line 533, src/assets/scss/layout/_utilities.scss */ .divider.line:before, .divider.line:after { height: 1px; margin: 0 1em; } /* line 541, src/assets/scss/layout/_utilities.scss */ .divider.one-line:before, .divider.one-line:after { background: #e0e0e0; } /* ========================================================================== 9. Text tips ========================================================================== */ /* line 552, src/assets/scss/layout/_utilities.scss */ .has-text-tip, .has-small-text-tip { position: relative; cursor: pointer; } /* line 557, src/assets/scss/layout/_utilities.scss */ .text-tooltip { position: absolute; top: 100%; left: 0; width: 100%; z-index: 999; } /* line 564, src/assets/scss/layout/_utilities.scss */ .text-tooltip .tooltip-content { position: relative; width: 100%; height: 100%; padding: 10px 16px; background: #ffffff; color: #283252; border: 1px solid #cccccc; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 6px; font-size: .9rem; } /* ========================================================================== 10. Text tips Dark mode ========================================================================== */ /* line 585, src/assets/scss/layout/_utilities.scss */ body.is-dark .text-tooltip .tooltip-content { background: #232326; border-color: #232326; color: #cccccc; } /* ========================================================================== 11. Hopscotch ========================================================================== */ /* line 598, src/assets/scss/layout/_utilities.scss */ .app-wrapper { -webkit-transition: all .3s; transition: all .3s; } /* line 601, src/assets/scss/layout/_utilities.scss */ .app-wrapper.is-pushed-bottom { -webkit-transform: translateY(50px); transform: translateY(50px); } /* line 608, src/assets/scss/layout/_utilities.scss */ .hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number { padding: 0; background: #606061; border-radius: 50%; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); font-size: .8rem; } /* line 617, src/assets/scss/layout/_utilities.scss */ .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button { background: #ffffff; text-shadow: none; color: #606061; border-color: #606061; font-weight: 500; height: 32px; min-width: 80px; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; } /* line 628, src/assets/scss/layout/_utilities.scss */ .hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:hover { background: #606061; color: #fcfcfc; } /* ========================================================================== 12. Demo toggler ========================================================================== */ /* line 641, src/assets/scss/layout/_utilities.scss */ .demo-wrapper { position: fixed; bottom: -50px; right: -50px; height: 140px; width: 140px; background: transparent; border-radius: 50%; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-transition: all .3s; transition: all .3s; } /* line 652, src/assets/scss/layout/_utilities.scss */ .demo-wrapper:hover { background: #ffffff; -webkit-transform: scale(1); transform: scale(1); } /* line 656, src/assets/scss/layout/_utilities.scss */ .demo-wrapper:hover .form-switch { opacity: 1 !important; pointer-events: all !important; } /* line 662, src/assets/scss/layout/_utilities.scss */ .demo-wrapper .inner { position: relative; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 670, src/assets/scss/layout/_utilities.scss */ .demo-wrapper .inner .form-switch { position: relative; top: -10px; left: -10px; display: block; -webkit-transition: all .3s; transition: all .3s; opacity: 0; pointer-events: none; } /* ========================================================================== 13. Background images ========================================================================== */ /* line 686, src/assets/scss/layout/_utilities.scss */ .has-background-image { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } /* line 691, src/assets/scss/layout/_utilities.scss */ .has-background-image.is-top { background-position: top !important; } /* line 695, src/assets/scss/layout/_utilities.scss */ .has-background-image.is-bottom { background-position: bottom !important; } /* ========================================================================== 14. Dark mode images ========================================================================== */ /* line 706, src/assets/scss/layout/_utilities.scss */ body.is-dark .light-image { display: none !important; } /* line 710, src/assets/scss/layout/_utilities.scss */ body.is-dark .dark-image { display: inline-block !important; } /* line 714, src/assets/scss/layout/_utilities.scss */ body.is-dark .light-image-block { display: none !important; } /* line 718, src/assets/scss/layout/_utilities.scss */ body.is-dark .dark-image-block { display: block !important; } /* line 723, src/assets/scss/layout/_utilities.scss */ body .light-image { display: inline-block !important; } /* line 727, src/assets/scss/layout/_utilities.scss */ body .dark-image { display: none !important; } /* line 731, src/assets/scss/layout/_utilities.scss */ body .light-image-block { display: block; } /* line 735, src/assets/scss/layout/_utilities.scss */ body .dark-image-block { display: none; } /* ========================================================================== 15. Demo Spacer ========================================================================== */ /* line 744, src/assets/scss/layout/_utilities.scss */ .demo-spacer { width: 100%; height: 2px; padding: 80px 0; } /* ========================================================================== 16. Simplebar ========================================================================== */ /* line 754, src/assets/scss/layout/_utilities.scss */ .simplebar-scrollbar:before { background: rgba(0, 0, 0, 0.2) !important; } /* ========================================================================== 17. Back to top button ========================================================================== */ /* line 762, src/assets/scss/layout/_utilities.scss */ #backtotop { position: fixed; right: 0; opacity: 0; visibility: hidden; bottom: 25px; margin: 0 25px 0 0; z-index: 9999; -webkit-transition: 0.35s; transition: 0.35s; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.5s; transition: all 0.5s; } /* line 774, src/assets/scss/layout/_utilities.scss */ #backtotop.visible { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } /* line 779, src/assets/scss/layout/_utilities.scss */ #backtotop.visible a:hover { outline: none; opacity: 0.9; background: #ED1C24; color: #ffffff; } /* line 787, src/assets/scss/layout/_utilities.scss */ #backtotop a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; outline: none; text-decoration: none; border: 0 none; display: block; width: 46px; height: 46px; background-color: #dddddd; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50%; text-align: center; font-size: 20px; outline: none; color: #283252; } /* line 806, src/assets/scss/layout/_utilities.scss */ #backtotop a i { position: relative; top: 6px; } /*! _buttons.scss | Huro | Css ninja 2020-2021 */ /* 1. H Action 2. H Action Dark mode 3. H Button 4. H Button Dark mode */ /* ========================================================================== 1. H Action ========================================================================== */ /* line 14, src/assets/scss/elements/_buttons.scss */ .button { font-family: "Roboto", sans-serif; -webkit-transition: all .3s; transition: all .3s; } /* line 18, src/assets/scss/elements/_buttons.scss */ .button.h-action { padding: 8px 16px; font-weight: 500; font-size: .9rem; line-height: 0; border-radius: 3px; background: #ffffff; color: #283252; border: 1px solid #cecece; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 30, src/assets/scss/elements/_buttons.scss */ .button.h-action.is-rounded { border-radius: 500px; } /* line 35, src/assets/scss/elements/_buttons.scss */ .button.h-action.is-hoverable:hover { border-color: #606061; background: #606061; color: #ffffff; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 43, src/assets/scss/elements/_buttons.scss */ .button.h-action.is-grey { background: #f2f2f2; border-color: #f2f2f2; color: #999999; } /* line 49, src/assets/scss/elements/_buttons.scss */ .button.h-action.is-active { background: #606061; border-color: #606061; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* ========================================================================== 2. H Action Dark Mode ========================================================================== */ /* line 65, src/assets/scss/elements/_buttons.scss */ body.is-dark .button.h-action { background: #3b3b41; border-color: #404046; color: #aaaab3; } /* line 70, src/assets/scss/elements/_buttons.scss */ body.is-dark .button.h-action:hover { background: #ED1C24; border-color: #ED1C24; color: #fcfcfc; } /* line 77, src/assets/scss/elements/_buttons.scss */ body.is-dark .button.h-action.is-hoverable:hover { border-color: #ED1C24 !important; background: #ED1C24 !important; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; } /* ========================================================================== 3. H Button ========================================================================== */ /* line 93, src/assets/scss/elements/_buttons.scss */ .button.is-circle { border-radius: 50%; } /* line 97, src/assets/scss/elements/_buttons.scss */ .button.h-button { padding: 8px 22px 8px 22px; height: 38px; line-height: 1.1; font-size: .95rem; font-family: "Roboto", sans-serif; -webkit-transition: all .3s; transition: all .3s; } /* line 105, src/assets/scss/elements/_buttons.scss */ .button.h-button:not([disabled]) { cursor: pointer; } /* line 109, src/assets/scss/elements/_buttons.scss */ .button.h-button:active, .button.h-button:focus { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; border-color: #e8e8e8; } /* line 115, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-bold { font-weight: 500; } /* line 120, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-primary.is-raised:hover { opacity: .9; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 125, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-primary.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 131, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-success.is-raised:hover { opacity: .9; -webkit-box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important; } /* line 136, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-success.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important; } /* line 142, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-info.is-raised:hover { opacity: .9; -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; } /* line 147, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-info.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; } /* line 153, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-warning.is-raised:hover { opacity: .9; -webkit-box-shadow: 0 14px 26px -12px rgba(250, 174, 66, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 174, 66, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(250, 174, 66, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 174, 66, 0.2) !important; } /* line 158, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-warning.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(250, 174, 66, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 174, 66, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(250, 174, 66, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 174, 66, 0.2) !important; } /* line 164, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-danger.is-raised:hover { opacity: .9; -webkit-box-shadow: 0 14px 26px -12px rgba(230, 41, 101, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 41, 101, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(230, 41, 101, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 41, 101, 0.2) !important; } /* line 169, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-danger.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(230, 41, 101, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 41, 101, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(230, 41, 101, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 41, 101, 0.2) !important; } /* line 174, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-lower { text-transform: none !important; font-size: .9rem; } /* line 179, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-big { height: 40px; } /* line 183, src/assets/scss/elements/_buttons.scss */ .button.h-button.is-huge { height: 50px; width: 220px; } /* line 189, src/assets/scss/elements/_buttons.scss */ .button.simple-action { height: 32px; padding: 0 24px; line-height: 0; border-radius: 100px; font-size: .9rem; font-weight: 500; -webkit-transition: all .3s; transition: all .3s; } /* line 198, src/assets/scss/elements/_buttons.scss */ .button.simple-action.is-purple { background: #606061; border-color: #606061; color: #fcfcfc; } /* line 203, src/assets/scss/elements/_buttons.scss */ .button.simple-action.is-purple:hover { opacity: .95; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); color: #fcfcfc !important; } /* line 211, src/assets/scss/elements/_buttons.scss */ .button.simple-action.has-icon svg { height: 16px; width: 16px; } /* line 217, src/assets/scss/elements/_buttons.scss */ .button.simple-action:hover { border-color: #606061; color: #606061; } /* line 222, src/assets/scss/elements/_buttons.scss */ .button.simple-action svg { height: 18px; width: 18px; } /* line 229, src/assets/scss/elements/_buttons.scss */ .button .icon svg { height: 14px; width: 14px; } /* ========================================================================== 4. H Button Dark mode ========================================================================== */ /* line 243, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white) { background: #3b3b41; border-color: #404046; color: #aaaab3; } /* line 248, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white):hover { border-color: #4f4f56; } /* line 253, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-primary { border-color: #ED1C24; background: #f69296; } /* line 257, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-primary.is-raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; } /* line 261, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-primary.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; } /* line 265, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-primary.is-outlined { background: transparent; border-color: #ED1C24 !important; color: #ED1C24; } /* line 270, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-primary.is-outlined:hover { background: #ED1C24 !important; border-color: #ED1C24 !important; color: #ffffff !important; } /* line 277, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-primary.is-light { background: #f69296 !important; color: #ED1C24; } /* line 283, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-white { background: #323236 !important; border-color: #999999 !important; color: #999999 !important; } /* line 289, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-dark-outlined { background: #3b3b41; border-color: #404046; color: #aaaab3; } /* line 294, src/assets/scss/elements/_buttons.scss */ body.is-dark .h-button.is-dark-outlined:hover { border-color: #ED1C24 !important; color: #ED1C24 !important; } /* line 302, src/assets/scss/elements/_buttons.scss */ body.is-dark .button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white) { background: #3b3b41; border-color: #404046; color: #aaaab3; } /* line 307, src/assets/scss/elements/_buttons.scss */ body.is-dark .button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white):hover { border-color: #4f4f56; } /* line 312, src/assets/scss/elements/_buttons.scss */ body.is-dark .button.is-primary { border-color: #ED1C24; background: #f69296; } /* line 317, src/assets/scss/elements/_buttons.scss */ body.is-dark .button.is-white { background: #323236 !important; border-color: #999999 !important; color: #999999 !important; } /* line 323, src/assets/scss/elements/_buttons.scss */ body.is-dark .button.is-dark-outlined { background: #3b3b41; border-color: #404046; color: #aaaab3; } /* line 328, src/assets/scss/elements/_buttons.scss */ body.is-dark .button.is-dark-outlined:hover { border-color: #ED1C24 !important; color: #ED1C24 !important; } /* line 335, src/assets/scss/elements/_buttons.scss */ body.is-dark .button.h-action.is-active { background: #ED1C24 !important; border-color: #ED1C24 !important; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; color: #fcfcfc !important; } /*! _blocks.scss | Huro | Css ninja 2020-2021 */ /* 1. Media Flex 2. Media Flex Center 3. Flex Blocks Dark mode 4. Media Flex responsive modifiers */ /* ========================================================================== 1. Media Flex ========================================================================== */ /* line 14, src/assets/scss/elements/_blocks.scss */ .media-flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } /* line 18, src/assets/scss/elements/_blocks.scss */ .media-flex:last-child, .media-flex.no-margin { margin-bottom: 0; } /* line 22, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-meta { margin-left: 12px; line-height: 1.3; } /* line 28, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-meta.is-lighter span:first-child, .media-flex .flex-meta.is-lighter > a:first-child { font-weight: 400; } /* line 36, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-meta.is-light span:first-child, .media-flex .flex-meta.is-light > a:first-child { font-weight: 500; } /* line 42, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-meta span, .media-flex .flex-meta > a { display: block; } /* line 45, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-meta span:first-child, .media-flex .flex-meta > a:first-child { font-family: "Montserrat", sans-serif; color: #283252; font-weight: 600; } /* line 51, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-meta span:nth-child(2), .media-flex .flex-meta > a:nth-child(2) { font-family: "Roboto", sans-serif; color: #a2a5b9; font-size: .9rem; } /* line 58, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-meta a:hover { color: #606061; } /* line 63, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-end { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 68, src/assets/scss/elements/_blocks.scss */ .media-flex .flex-end .end-action { margin-left: 1rem; } /* ========================================================================== 2. Media Flex Center ========================================================================== */ /* line 78, src/assets/scss/elements/_blocks.scss */ .media-flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; } /* line 83, src/assets/scss/elements/_blocks.scss */ .media-flex-center:last-child, .media-flex-center.no-margin { margin-bottom: 0; } /* line 87, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-meta { margin-left: 12px; line-height: 1.4; } /* line 93, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-meta.is-lighter span:first-child, .media-flex-center .flex-meta.is-lighter > a:first-child { font-weight: 400; } /* line 101, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-meta.is-light span:first-child, .media-flex-center .flex-meta.is-light > a:first-child { font-weight: 500; } /* line 107, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-meta span, .media-flex-center .flex-meta > a { display: block; } /* line 110, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-meta span:first-child, .media-flex-center .flex-meta > a:first-child { font-family: "Montserrat", sans-serif; font-size: .95rem; color: #283252; font-weight: 600; } /* line 117, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-meta span:nth-child(2), .media-flex-center .flex-meta > a:nth-child(2) { font-family: "Roboto", sans-serif; color: #a2a5b9; font-size: .9rem; } /* line 124, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-meta a:hover { color: #606061; } /* line 129, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-end { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 135, src/assets/scss/elements/_blocks.scss */ .media-flex-center .flex-end .end-action { margin-left: 1rem; } /* ========================================================================== 3. Flex Blocks Dark mode ========================================================================== */ /* line 150, src/assets/scss/elements/_blocks.scss */ body.is-dark .media-flex-center .flex-meta span:first-child, body.is-dark .media-flex-center .flex-meta a:first-child, body.is-dark .media-flex .flex-meta span:first-child, body.is-dark .media-flex .flex-meta a:first-child { color: #aaaab3; } /* line 155, src/assets/scss/elements/_blocks.scss */ body.is-dark .media-flex-center .flex-meta a:hover, body.is-dark .media-flex .flex-meta a:hover { color: #ED1C24; } /* ========================================================================== 3.5. MOD-ADD: Custom With Accent Block/Card ========================================================================== */ /* line 172, src/assets/scss/elements/_blocks.scss */ .is-accent .media-flex-center .flex-meta span:first-child, .is-accent .media-flex-center .flex-meta a:first-child, .is-accent .media-flex .flex-meta span:first-child, .is-accent .media-flex .flex-meta a:first-child { color: #fcfcfc; } /* line 177, src/assets/scss/elements/_blocks.scss */ .is-accent .media-flex-center .flex-meta a:hover, .is-accent .media-flex .flex-meta a:hover { color: #fcfcfc; } /*TODO: Figure out how to conditionally not apply override in is-dark above when an optional in-between element card is present and is-accent */ /* line 192, src/assets/scss/elements/_blocks.scss */ body.is-dark .is-accent .media-flex-center .flex-meta span:first-child, body.is-dark .is-accent .media-flex-center .flex-meta a:first-child, body.is-dark .is-accent .media-flex .flex-meta span:first-child, body.is-dark .is-accent .media-flex .flex-meta a:first-child { color: #fcfcfc; } /* line 197, src/assets/scss/elements/_blocks.scss */ body.is-dark .is-accent .media-flex-center .flex-meta a:hover, body.is-dark .is-accent .media-flex .flex-meta a:hover { color: #fcfcfc; } /* ========================================================================== 4. Media Flex responsive modifiers ========================================================================== */ @media only screen and (max-width: 767px) { /* line 213, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-mobile, .media-flex-center.is-responsive-mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 217, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-mobile .h-avatar, .media-flex.is-responsive-mobile .h-icon, .media-flex-center.is-responsive-mobile .h-avatar, .media-flex-center.is-responsive-mobile .h-icon { display: block; margin: 0 auto; } /* line 222, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-mobile .flex-meta, .media-flex-center.is-responsive-mobile .flex-meta { margin: 10px auto 16px auto; } /* line 226, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-mobile .flex-end, .media-flex-center.is-responsive-mobile .flex-end { margin: 0 auto 10px auto; } /* line 229, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-mobile .flex-end .end-action, .media-flex-center.is-responsive-mobile .flex-end .end-action { margin-left: 0; } /* line 233, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-mobile .flex-end .button, .media-flex-center.is-responsive-mobile .flex-end .button { min-width: 140px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 243, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-p, .media-flex-center.is-responsive-tablet-p { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 247, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-p .h-avatar, .media-flex.is-responsive-tablet-p .h-icon, .media-flex-center.is-responsive-tablet-p .h-avatar, .media-flex-center.is-responsive-tablet-p .h-icon { display: block; margin: 0 auto; } /* line 252, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-p .flex-meta, .media-flex-center.is-responsive-tablet-p .flex-meta { margin: 10px auto 16px auto; } /* line 256, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-p .flex-end, .media-flex-center.is-responsive-tablet-p .flex-end { margin: 0 auto 10px auto; } /* line 259, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-p .flex-end .end-action, .media-flex-center.is-responsive-tablet-p .flex-end .end-action { margin-left: 0; } /* line 263, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-p .flex-end .button, .media-flex-center.is-responsive-tablet-p .flex-end .button { min-width: 140px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 273, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-l, .media-flex-center.is-responsive-tablet-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 277, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-l .h-avatar, .media-flex.is-responsive-tablet-l .h-icon, .media-flex-center.is-responsive-tablet-l .h-avatar, .media-flex-center.is-responsive-tablet-l .h-icon { display: block; margin: 0 auto; } /* line 282, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-l .flex-meta, .media-flex-center.is-responsive-tablet-l .flex-meta { margin: 10px auto 16px auto; } /* line 286, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-l .flex-end, .media-flex-center.is-responsive-tablet-l .flex-end { margin: 0 auto 10px auto; } /* line 289, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-l .flex-end .end-action, .media-flex-center.is-responsive-tablet-l .flex-end .end-action { margin-left: 0; } /* line 293, src/assets/scss/elements/_blocks.scss */ .media-flex.is-responsive-tablet-l .flex-end .button, .media-flex-center.is-responsive-tablet-l .flex-end .button { min-width: 140px; } } /*! _cards.scss | Huro | Css ninja 2020-2021 */ /* 1. Simple Cards 2. Simple Cards Dark mode */ /* ========================================================================== 1. Simple Cards ========================================================================== */ /* line 12, src/assets/scss/elements/_cards.scss */ .r-card, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder, .finance-dashboard.stock-dashboard .stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item, .list-view.list-view-v1 .list-view-item, .list-view.list-view-v3 .list-view-item, .list-view.list-view-v4 .list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; width: 100%; padding: 20px; background-color: #ffffff; border-radius: 10px; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 23, src/assets/scss/elements/_cards.scss */ .s-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card, .collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card, .personal-dashboard.personal-dashboard-v2 .dashboard-header, .personal-dashboard.personal-dashboard-v2 .dashboard-card, .finance-dashboard.analytics-dashboard .dashboard-tile, .finance-dashboard.analytics-dashboard .dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .spark-tile, .finance-dashboard.sales-dashboard .dashboard-card, .banking-dashboard.banking-dashboard-v1 .dashboard-card, .banking-dashboard.banking-dashboard-v2 .dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile, .banking-dashboard.banking-dashboard-v3 .dashboard-card, .business-dashboard.flights-dashboard .booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary, .business-dashboard.flights-dashboard .flights .flight-card, .business-dashboard.flights-dashboard .company-card, .business-dashboard.flights-dashboard .filters-card, .business-dashboard.company-dashboard .dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile, .list-view.list-view-v2 .list-view-item, .user-grid.user-grid-v1 .grid-item, .user-grid.user-grid-v2 .grid-item, .user-grid.user-grid-v3 .grid-item, .user-grid.user-grid-v4 .grid-item, .card-grid.card-grid-v3 .card-grid-item, .card-grid.card-grid-v4 .card-grid-item, .tile-grid.tile-grid-v1 .tile-grid-item, .tile-grid.tile-grid-v2 .tile-grid-item, .tile-grid.tile-grid-v3 .tile-grid-item, .demo-card, .color-card, .all-projects .project-grid .project-grid-item, .project-details .project-details-inner .project-details-card, .project-details .project-details-inner .side-card, .project-details .project-details-inner .project-team-card, .project-details .project-details-inner .task-grid .task-card, .profile-wrapper .profile-body .profile-card, .account-wrapper .account-box, .search-results-wrapper .search-results-body .filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box, .action-page-wrapper.action-page-v2 .wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner, .form-layout .form-outer, .confirm-account-wrapper .wrapper-inner .action-box, .promotion-page-wrapper .wrapper-inner .action-box, .promotion-page-wrapper .wrapper-outer, .invoice-wrapper .invoice-body .invoice-card, .gauge-widget.is-straight, .icon-toolbar-widget.is-straight, .text-widget.is-straight, .tags-widget.is-straight, .image-widget.is-straight, .list-widget.is-straight, .picker-widget.is-straight, .stats-widget.is-straight, .search-widget.is-straight, .icon-list-widget.is-straight, .video-widget.is-straight, .inbox-widget.is-straight, .illustration-widget.illustration-widget-v1.is-straight, .illustration-widget.illustration-widget-v2.is-straight, .illustration-widget.illustration-widget-v3.is-straight, .creative-list-widget.is-straight, .social-buttons-widget.is-straight, .call-widget.is-straight, .avatar-list-widget.is-straight, .contact-widget.is-straight, .followers-widget.is-straight, .cart-widget.is-straight, .stat-widget.is-straight { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; width: 100%; padding: 20px; background-color: #ffffff; border-radius: 6px; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 34, src/assets/scss/elements/_cards.scss */ .l-card, .boxed-features .flex-card, .personal-dashboard.personal-dashboard-v3 .dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item, .business-dashboard.course-dashboard .course-grid .course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .updates, .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item, .gauge-widget, .icon-toolbar-widget, .text-widget, .tags-widget, .calendar-widget .calendar-widget-inner .calendar-square, .image-widget, .list-widget, .picker-widget, .stats-widget, .search-widget, .icon-list-widget, .video-widget, .inbox-widget, .illustration-widget.illustration-widget-v1, .illustration-widget.illustration-widget-v2, .illustration-widget.illustration-widget-v3, .creative-list-widget, .social-buttons-widget, .call-widget, .avatar-list-widget, .contact-widget, .followers-widget, .cart-widget, .stat-widget, .wizard-v1-wrapper .step-content .wizard-types .wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; width: 100%; padding: 20px; background-color: #ffffff; border-radius: 16px; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 47, src/assets/scss/elements/_cards.scss */ .r-card.has-margin-bottom, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .has-margin-bottom.column-placeholder, .finance-dashboard.stock-dashboard .has-margin-bottom.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .has-margin-bottom.media-feed-item, .list-view.list-view-v1 .has-margin-bottom.list-view-item, .list-view.list-view-v3 .has-margin-bottom.list-view-item, .list-view.list-view-v4 .has-margin-bottom.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .has-margin-bottom.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .has-margin-bottom.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .has-margin-bottom.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .has-margin-bottom.onboarding-card, .s-card.has-margin-bottom, .right-panel-wrapper.is-activity .right-panel .right-panel-body .has-margin-bottom.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .has-margin-bottom.project-card, .has-margin-bottom.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .has-margin-bottom.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .has-margin-bottom.dashboard-card, .personal-dashboard.personal-dashboard-v2 .has-margin-bottom.dashboard-header, .personal-dashboard.personal-dashboard-v2 .has-margin-bottom.dashboard-card, .finance-dashboard.analytics-dashboard .has-margin-bottom.dashboard-tile, .finance-dashboard.analytics-dashboard .has-margin-bottom.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .has-margin-bottom.spark-tile, .finance-dashboard.sales-dashboard .has-margin-bottom.dashboard-card, .banking-dashboard.banking-dashboard-v1 .has-margin-bottom.dashboard-card, .banking-dashboard.banking-dashboard-v2 .has-margin-bottom.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .has-margin-bottom.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .has-margin-bottom.dashboard-card, .business-dashboard.flights-dashboard .has-margin-bottom.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .has-margin-bottom.flight-summary, .business-dashboard.flights-dashboard .flights .has-margin-bottom.flight-card, .business-dashboard.flights-dashboard .has-margin-bottom.company-card, .business-dashboard.flights-dashboard .has-margin-bottom.filters-card, .business-dashboard.company-dashboard .has-margin-bottom.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .has-margin-bottom.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .has-margin-bottom.dashboard-tile, .list-view.list-view-v2 .has-margin-bottom.list-view-item, .user-grid.user-grid-v1 .has-margin-bottom.grid-item, .user-grid.user-grid-v2 .has-margin-bottom.grid-item, .user-grid.user-grid-v3 .has-margin-bottom.grid-item, .user-grid.user-grid-v4 .has-margin-bottom.grid-item, .card-grid.card-grid-v3 .has-margin-bottom.card-grid-item, .card-grid.card-grid-v4 .has-margin-bottom.card-grid-item, .tile-grid.tile-grid-v1 .has-margin-bottom.tile-grid-item, .tile-grid.tile-grid-v2 .has-margin-bottom.tile-grid-item, .tile-grid.tile-grid-v3 .has-margin-bottom.tile-grid-item, .has-margin-bottom.demo-card, .has-margin-bottom.color-card, .all-projects .project-grid .has-margin-bottom.project-grid-item, .project-details .project-details-inner .has-margin-bottom.project-details-card, .project-details .project-details-inner .has-margin-bottom.side-card, .project-details .project-details-inner .has-margin-bottom.project-team-card, .project-details .project-details-inner .task-grid .has-margin-bottom.task-card, .profile-wrapper .profile-body .has-margin-bottom.profile-card, .account-wrapper .has-margin-bottom.account-box, .search-results-wrapper .search-results-body .has-margin-bottom.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .has-margin-bottom.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .has-margin-bottom.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .has-margin-bottom.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .has-margin-bottom.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .has-margin-bottom.action-box, .action-page-wrapper.action-page-v2 .has-margin-bottom.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .has-margin-bottom.form-section-inner, .form-layout .has-margin-bottom.form-outer, .confirm-account-wrapper .wrapper-inner .has-margin-bottom.action-box, .promotion-page-wrapper .wrapper-inner .has-margin-bottom.action-box, .promotion-page-wrapper .has-margin-bottom.wrapper-outer, .invoice-wrapper .invoice-body .has-margin-bottom.invoice-card, .has-margin-bottom.gauge-widget.is-straight, .has-margin-bottom.icon-toolbar-widget.is-straight, .has-margin-bottom.text-widget.is-straight, .has-margin-bottom.tags-widget.is-straight, .has-margin-bottom.image-widget.is-straight, .has-margin-bottom.list-widget.is-straight, .has-margin-bottom.picker-widget.is-straight, .has-margin-bottom.stats-widget.is-straight, .has-margin-bottom.search-widget.is-straight, .has-margin-bottom.icon-list-widget.is-straight, .has-margin-bottom.video-widget.is-straight, .has-margin-bottom.inbox-widget.is-straight, .has-margin-bottom.illustration-widget.illustration-widget-v1.is-straight, .has-margin-bottom.illustration-widget.illustration-widget-v2.is-straight, .has-margin-bottom.illustration-widget.illustration-widget-v3.is-straight, .has-margin-bottom.creative-list-widget.is-straight, .has-margin-bottom.social-buttons-widget.is-straight, .has-margin-bottom.call-widget.is-straight, .has-margin-bottom.avatar-list-widget.is-straight, .has-margin-bottom.contact-widget.is-straight, .has-margin-bottom.followers-widget.is-straight, .has-margin-bottom.cart-widget.is-straight, .has-margin-bottom.stat-widget.is-straight, .l-card.has-margin-bottom, .boxed-features .has-margin-bottom.flex-card, .personal-dashboard.personal-dashboard-v3 .has-margin-bottom.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .has-margin-bottom.grid-item, .business-dashboard.course-dashboard .course-grid .has-margin-bottom.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .has-margin-bottom.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .has-margin-bottom.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .has-margin-bottom.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .has-margin-bottom.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .has-margin-bottom.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .has-margin-bottom.updates, .food-delivery-dashboard .left .left-body .restaurants-list .has-margin-bottom.restaurants-list-item, .has-margin-bottom.gauge-widget, .has-margin-bottom.icon-toolbar-widget, .has-margin-bottom.text-widget, .has-margin-bottom.tags-widget, .calendar-widget .calendar-widget-inner .has-margin-bottom.calendar-square, .has-margin-bottom.image-widget, .has-margin-bottom.list-widget, .has-margin-bottom.picker-widget, .has-margin-bottom.stats-widget, .has-margin-bottom.search-widget, .has-margin-bottom.icon-list-widget, .has-margin-bottom.video-widget, .has-margin-bottom.inbox-widget, .has-margin-bottom.illustration-widget.illustration-widget-v1, .has-margin-bottom.illustration-widget.illustration-widget-v2, .has-margin-bottom.illustration-widget.illustration-widget-v3, .has-margin-bottom.creative-list-widget, .has-margin-bottom.social-buttons-widget, .has-margin-bottom.call-widget, .has-margin-bottom.avatar-list-widget, .has-margin-bottom.contact-widget, .has-margin-bottom.followers-widget, .has-margin-bottom.cart-widget, .has-margin-bottom.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .has-margin-bottom.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .has-margin-bottom.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .has-margin-bottom.edit-box { margin-bottom: 1.5rem; } /* line 54, src/assets/scss/elements/_cards.scss */ .r-card.is-flat, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-flat.column-placeholder, .finance-dashboard.stock-dashboard .is-flat.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-flat.media-feed-item, .list-view.list-view-v1 .is-flat.list-view-item, .list-view.list-view-v3 .is-flat.list-view-item, .list-view.list-view-v4 .is-flat.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-flat.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-flat.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-flat.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-flat.onboarding-card, .s-card.is-flat, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-flat.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-flat.project-card, .is-flat.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-flat.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-flat.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-flat.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-flat.dashboard-card, .finance-dashboard.analytics-dashboard .is-flat.dashboard-tile, .finance-dashboard.analytics-dashboard .is-flat.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-flat.spark-tile, .finance-dashboard.sales-dashboard .is-flat.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-flat.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-flat.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-flat.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-flat.dashboard-card, .business-dashboard.flights-dashboard .is-flat.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-flat.flight-summary, .business-dashboard.flights-dashboard .flights .is-flat.flight-card, .business-dashboard.flights-dashboard .is-flat.company-card, .business-dashboard.flights-dashboard .is-flat.filters-card, .business-dashboard.company-dashboard .is-flat.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-flat.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-flat.dashboard-tile, .list-view.list-view-v2 .is-flat.list-view-item, .user-grid.user-grid-v1 .is-flat.grid-item, .user-grid.user-grid-v2 .is-flat.grid-item, .user-grid.user-grid-v3 .is-flat.grid-item, .user-grid.user-grid-v4 .is-flat.grid-item, .card-grid.card-grid-v3 .is-flat.card-grid-item, .card-grid.card-grid-v4 .is-flat.card-grid-item, .tile-grid.tile-grid-v1 .is-flat.tile-grid-item, .tile-grid.tile-grid-v2 .is-flat.tile-grid-item, .tile-grid.tile-grid-v3 .is-flat.tile-grid-item, .is-flat.demo-card, .is-flat.color-card, .all-projects .project-grid .is-flat.project-grid-item, .project-details .project-details-inner .is-flat.project-details-card, .project-details .project-details-inner .is-flat.side-card, .project-details .project-details-inner .is-flat.project-team-card, .project-details .project-details-inner .task-grid .is-flat.task-card, .profile-wrapper .profile-body .is-flat.profile-card, .account-wrapper .is-flat.account-box, .search-results-wrapper .search-results-body .is-flat.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-flat.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-flat.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-flat.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-flat.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-flat.action-box, .action-page-wrapper.action-page-v2 .is-flat.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-flat.form-section-inner, .form-layout .is-flat.form-outer, .confirm-account-wrapper .wrapper-inner .is-flat.action-box, .promotion-page-wrapper .wrapper-inner .is-flat.action-box, .promotion-page-wrapper .is-flat.wrapper-outer, .invoice-wrapper .invoice-body .is-flat.invoice-card, .is-flat.gauge-widget.is-straight, .is-flat.icon-toolbar-widget.is-straight, .is-flat.text-widget.is-straight, .is-flat.tags-widget.is-straight, .is-flat.image-widget.is-straight, .is-flat.list-widget.is-straight, .is-flat.picker-widget.is-straight, .is-flat.stats-widget.is-straight, .is-flat.search-widget.is-straight, .is-flat.icon-list-widget.is-straight, .is-flat.video-widget.is-straight, .is-flat.inbox-widget.is-straight, .is-flat.illustration-widget.illustration-widget-v1.is-straight, .is-flat.illustration-widget.illustration-widget-v2.is-straight, .is-flat.illustration-widget.illustration-widget-v3.is-straight, .is-flat.creative-list-widget.is-straight, .is-flat.social-buttons-widget.is-straight, .is-flat.call-widget.is-straight, .is-flat.avatar-list-widget.is-straight, .is-flat.contact-widget.is-straight, .is-flat.followers-widget.is-straight, .is-flat.cart-widget.is-straight, .is-flat.stat-widget.is-straight, .l-card.is-flat, .boxed-features .is-flat.flex-card, .personal-dashboard.personal-dashboard-v3 .is-flat.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-flat.grid-item, .business-dashboard.course-dashboard .course-grid .is-flat.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-flat.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-flat.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-flat.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-flat.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-flat.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-flat.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-flat.restaurants-list-item, .is-flat.gauge-widget, .is-flat.icon-toolbar-widget, .is-flat.text-widget, .is-flat.tags-widget, .calendar-widget .calendar-widget-inner .is-flat.calendar-square, .is-flat.image-widget, .is-flat.list-widget, .is-flat.picker-widget, .is-flat.stats-widget, .is-flat.search-widget, .is-flat.icon-list-widget, .is-flat.video-widget, .is-flat.inbox-widget, .is-flat.illustration-widget.illustration-widget-v1, .is-flat.illustration-widget.illustration-widget-v2, .is-flat.illustration-widget.illustration-widget-v3, .is-flat.creative-list-widget, .is-flat.social-buttons-widget, .is-flat.call-widget, .is-flat.avatar-list-widget, .is-flat.contact-widget, .is-flat.followers-widget, .is-flat.cart-widget, .is-flat.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-flat.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-flat.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-flat.edit-box, .h-card.is-flat { -webkit-box-shadow: none; box-shadow: none; } /* line 58, src/assets/scss/elements/_cards.scss */ .r-card.is-raised, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-raised.column-placeholder, .finance-dashboard.stock-dashboard .is-raised.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-raised.media-feed-item, .list-view.list-view-v1 .is-raised.list-view-item, .list-view.list-view-v3 .is-raised.list-view-item, .list-view.list-view-v4 .is-raised.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-raised.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-raised.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-raised.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-raised.onboarding-card, .s-card.is-raised, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-raised.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-raised.project-card, .is-raised.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-raised.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-raised.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-raised.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-raised.dashboard-card, .finance-dashboard.analytics-dashboard .is-raised.dashboard-tile, .finance-dashboard.analytics-dashboard .is-raised.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-raised.spark-tile, .finance-dashboard.sales-dashboard .is-raised.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-raised.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-raised.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-raised.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-raised.dashboard-card, .business-dashboard.flights-dashboard .is-raised.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-raised.flight-summary, .business-dashboard.flights-dashboard .flights .is-raised.flight-card, .business-dashboard.flights-dashboard .is-raised.company-card, .business-dashboard.flights-dashboard .is-raised.filters-card, .business-dashboard.company-dashboard .is-raised.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-raised.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-raised.dashboard-tile, .list-view.list-view-v2 .is-raised.list-view-item, .user-grid.user-grid-v1 .is-raised.grid-item, .user-grid.user-grid-v2 .is-raised.grid-item, .user-grid.user-grid-v3 .is-raised.grid-item, .user-grid.user-grid-v4 .is-raised.grid-item, .card-grid.card-grid-v3 .is-raised.card-grid-item, .card-grid.card-grid-v4 .is-raised.card-grid-item, .tile-grid.tile-grid-v1 .is-raised.tile-grid-item, .tile-grid.tile-grid-v2 .is-raised.tile-grid-item, .tile-grid.tile-grid-v3 .is-raised.tile-grid-item, .is-raised.demo-card, .is-raised.color-card, .all-projects .project-grid .is-raised.project-grid-item, .project-details .project-details-inner .is-raised.project-details-card, .project-details .project-details-inner .is-raised.side-card, .project-details .project-details-inner .is-raised.project-team-card, .project-details .project-details-inner .task-grid .is-raised.task-card, .profile-wrapper .profile-body .is-raised.profile-card, .account-wrapper .is-raised.account-box, .search-results-wrapper .search-results-body .is-raised.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-raised.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-raised.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-raised.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-raised.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-raised.action-box, .action-page-wrapper.action-page-v2 .is-raised.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-raised.form-section-inner, .form-layout .is-raised.form-outer, .confirm-account-wrapper .wrapper-inner .is-raised.action-box, .promotion-page-wrapper .wrapper-inner .is-raised.action-box, .promotion-page-wrapper .is-raised.wrapper-outer, .invoice-wrapper .invoice-body .is-raised.invoice-card, .is-raised.gauge-widget.is-straight, .is-raised.icon-toolbar-widget.is-straight, .is-raised.text-widget.is-straight, .is-raised.tags-widget.is-straight, .is-raised.image-widget.is-straight, .is-raised.list-widget.is-straight, .is-raised.picker-widget.is-straight, .is-raised.stats-widget.is-straight, .is-raised.search-widget.is-straight, .is-raised.icon-list-widget.is-straight, .is-raised.video-widget.is-straight, .is-raised.inbox-widget.is-straight, .is-raised.illustration-widget.illustration-widget-v1.is-straight, .is-raised.illustration-widget.illustration-widget-v2.is-straight, .is-raised.illustration-widget.illustration-widget-v3.is-straight, .is-raised.creative-list-widget.is-straight, .is-raised.social-buttons-widget.is-straight, .is-raised.call-widget.is-straight, .is-raised.avatar-list-widget.is-straight, .is-raised.contact-widget.is-straight, .is-raised.followers-widget.is-straight, .is-raised.cart-widget.is-straight, .is-raised.stat-widget.is-straight, .l-card.is-raised, .boxed-features .is-raised.flex-card, .personal-dashboard.personal-dashboard-v3 .is-raised.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-raised.grid-item, .business-dashboard.course-dashboard .course-grid .is-raised.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-raised.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-raised.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-raised.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-raised.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-raised.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-raised.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-raised.restaurants-list-item, .is-raised.gauge-widget, .is-raised.icon-toolbar-widget, .is-raised.text-widget, .is-raised.tags-widget, .calendar-widget .calendar-widget-inner .is-raised.calendar-square, .is-raised.image-widget, .is-raised.list-widget, .is-raised.picker-widget, .is-raised.stats-widget, .is-raised.search-widget, .is-raised.icon-list-widget, .is-raised.video-widget, .is-raised.inbox-widget, .is-raised.illustration-widget.illustration-widget-v1, .is-raised.illustration-widget.illustration-widget-v2, .is-raised.illustration-widget.illustration-widget-v3, .is-raised.creative-list-widget, .is-raised.social-buttons-widget, .is-raised.call-widget, .is-raised.avatar-list-widget, .is-raised.contact-widget, .is-raised.followers-widget, .is-raised.cart-widget, .is-raised.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-raised.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-raised.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-raised.edit-box, .h-card.is-raised { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 62, src/assets/scss/elements/_cards.scss */ .r-card.is-primary, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder, .finance-dashboard.stock-dashboard .is-primary.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item, .list-view.list-view-v1 .is-primary.list-view-item, .list-view.list-view-v3 .is-primary.list-view-item, .list-view.list-view-v4 .is-primary.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card, .s-card.is-primary, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card, .is-primary.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card, .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile, .finance-dashboard.analytics-dashboard .is-primary.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile, .finance-dashboard.sales-dashboard .is-primary.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card, .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary, .business-dashboard.flights-dashboard .flights .is-primary.flight-card, .business-dashboard.flights-dashboard .is-primary.company-card, .business-dashboard.flights-dashboard .is-primary.filters-card, .business-dashboard.company-dashboard .is-primary.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile, .list-view.list-view-v2 .is-primary.list-view-item, .user-grid.user-grid-v1 .is-primary.grid-item, .user-grid.user-grid-v2 .is-primary.grid-item, .user-grid.user-grid-v3 .is-primary.grid-item, .user-grid.user-grid-v4 .is-primary.grid-item, .card-grid.card-grid-v3 .is-primary.card-grid-item, .card-grid.card-grid-v4 .is-primary.card-grid-item, .tile-grid.tile-grid-v1 .is-primary.tile-grid-item, .tile-grid.tile-grid-v2 .is-primary.tile-grid-item, .tile-grid.tile-grid-v3 .is-primary.tile-grid-item, .is-primary.demo-card, .is-primary.color-card, .all-projects .project-grid .is-primary.project-grid-item, .project-details .project-details-inner .is-primary.project-details-card, .project-details .project-details-inner .is-primary.side-card, .project-details .project-details-inner .is-primary.project-team-card, .project-details .project-details-inner .task-grid .is-primary.task-card, .profile-wrapper .profile-body .is-primary.profile-card, .account-wrapper .is-primary.account-box, .search-results-wrapper .search-results-body .is-primary.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box, .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner, .form-layout .is-primary.form-outer, .confirm-account-wrapper .wrapper-inner .is-primary.action-box, .promotion-page-wrapper .wrapper-inner .is-primary.action-box, .promotion-page-wrapper .is-primary.wrapper-outer, .invoice-wrapper .invoice-body .is-primary.invoice-card, .is-primary.gauge-widget.is-straight, .is-primary.icon-toolbar-widget.is-straight, .is-primary.text-widget.is-straight, .is-primary.tags-widget.is-straight, .is-primary.image-widget.is-straight, .is-primary.list-widget.is-straight, .is-primary.picker-widget.is-straight, .is-primary.stats-widget.is-straight, .is-primary.search-widget.is-straight, .is-primary.icon-list-widget.is-straight, .is-primary.video-widget.is-straight, .is-primary.inbox-widget.is-straight, .is-primary.illustration-widget.illustration-widget-v1.is-straight, .is-primary.illustration-widget.illustration-widget-v2.is-straight, .is-primary.illustration-widget.illustration-widget-v3.is-straight, .is-primary.creative-list-widget.is-straight, .is-primary.social-buttons-widget.is-straight, .is-primary.call-widget.is-straight, .is-primary.avatar-list-widget.is-straight, .is-primary.contact-widget.is-straight, .is-primary.followers-widget.is-straight, .is-primary.cart-widget.is-straight, .is-primary.stat-widget.is-straight, .l-card.is-primary, .boxed-features .is-primary.flex-card, .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item, .business-dashboard.course-dashboard .course-grid .is-primary.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item, .is-primary.gauge-widget, .is-primary.icon-toolbar-widget, .is-primary.text-widget, .is-primary.tags-widget, .calendar-widget .calendar-widget-inner .is-primary.calendar-square, .is-primary.image-widget, .is-primary.list-widget, .is-primary.picker-widget, .is-primary.stats-widget, .is-primary.search-widget, .is-primary.icon-list-widget, .is-primary.video-widget, .is-primary.inbox-widget, .is-primary.illustration-widget.illustration-widget-v1, .is-primary.illustration-widget.illustration-widget-v2, .is-primary.illustration-widget.illustration-widget-v3, .is-primary.creative-list-widget, .is-primary.social-buttons-widget, .is-primary.call-widget, .is-primary.avatar-list-widget, .is-primary.contact-widget, .is-primary.followers-widget, .is-primary.cart-widget, .is-primary.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box, .h-card.is-primary { background: #606061; border-color: #606061; } /* line 66, src/assets/scss/elements/_cards.scss */ .r-card.is-primary .title, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder .title, .finance-dashboard.stock-dashboard .is-primary.stock-card .title, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item .title, .list-view.list-view-v1 .is-primary.list-view-item .title, .list-view.list-view-v3 .is-primary.list-view-item .title, .list-view.list-view-v4 .is-primary.list-view-item .title, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card .title, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card .title, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card .title, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card .title, .r-card.is-primary .subtitle, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder .subtitle, .finance-dashboard.stock-dashboard .is-primary.stock-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item .subtitle, .list-view.list-view-v1 .is-primary.list-view-item .subtitle, .list-view.list-view-v3 .is-primary.list-view-item .subtitle, .list-view.list-view-v4 .is-primary.list-view-item .subtitle, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card .subtitle, .r-card.is-primary h1, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder h1, .finance-dashboard.stock-dashboard .is-primary.stock-card h1, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item h1, .list-view.list-view-v1 .is-primary.list-view-item h1, .list-view.list-view-v3 .is-primary.list-view-item h1, .list-view.list-view-v4 .is-primary.list-view-item h1, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h1, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h1, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h1, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h1, .r-card.is-primary h2, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder h2, .finance-dashboard.stock-dashboard .is-primary.stock-card h2, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item h2, .list-view.list-view-v1 .is-primary.list-view-item h2, .list-view.list-view-v3 .is-primary.list-view-item h2, .list-view.list-view-v4 .is-primary.list-view-item h2, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h2, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h2, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h2, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h2, .r-card.is-primary h3, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder h3, .finance-dashboard.stock-dashboard .is-primary.stock-card h3, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item h3, .list-view.list-view-v1 .is-primary.list-view-item h3, .list-view.list-view-v3 .is-primary.list-view-item h3, .list-view.list-view-v4 .is-primary.list-view-item h3, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h3, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h3, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h3, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h3, .r-card.is-primary h4, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder h4, .finance-dashboard.stock-dashboard .is-primary.stock-card h4, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item h4, .list-view.list-view-v1 .is-primary.list-view-item h4, .list-view.list-view-v3 .is-primary.list-view-item h4, .list-view.list-view-v4 .is-primary.list-view-item h4, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h4, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h4, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h4, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card h4, .r-card.is-primary p, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder p, .finance-dashboard.stock-dashboard .is-primary.stock-card p, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item p, .list-view.list-view-v1 .is-primary.list-view-item p, .list-view.list-view-v3 .is-primary.list-view-item p, .list-view.list-view-v4 .is-primary.list-view-item p, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card p, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card p, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card p, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card p, .s-card.is-primary .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card .title, .is-primary.collapse .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap .title, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card .title, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header .title, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card .title, .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile .title, .finance-dashboard.analytics-dashboard .is-primary.dashboard-card .title, .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile .title, .finance-dashboard.sales-dashboard .is-primary.dashboard-card .title, .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card .title, .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card .title, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile .title, .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card .title, .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper .title, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary .title, .business-dashboard.flights-dashboard .flights .is-primary.flight-card .title, .business-dashboard.flights-dashboard .is-primary.company-card .title, .business-dashboard.flights-dashboard .is-primary.filters-card .title, .business-dashboard.company-dashboard .is-primary.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card .title, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile .title, .list-view.list-view-v2 .is-primary.list-view-item .title, .user-grid.user-grid-v1 .is-primary.grid-item .title, .user-grid.user-grid-v2 .is-primary.grid-item .title, .user-grid.user-grid-v3 .is-primary.grid-item .title, .user-grid.user-grid-v4 .is-primary.grid-item .title, .card-grid.card-grid-v3 .is-primary.card-grid-item .title, .card-grid.card-grid-v4 .is-primary.card-grid-item .title, .tile-grid.tile-grid-v1 .is-primary.tile-grid-item .title, .tile-grid.tile-grid-v2 .is-primary.tile-grid-item .title, .tile-grid.tile-grid-v3 .is-primary.tile-grid-item .title, .is-primary.demo-card .title, .is-primary.color-card .title, .all-projects .project-grid .is-primary.project-grid-item .title, .project-details .project-details-inner .is-primary.project-details-card .title, .project-details .project-details-inner .is-primary.side-card .title, .project-details .project-details-inner .is-primary.project-team-card .title, .project-details .project-details-inner .task-grid .is-primary.task-card .title, .profile-wrapper .profile-body .is-primary.profile-card .title, .account-wrapper .is-primary.account-box .title, .search-results-wrapper .search-results-body .is-primary.filter-box .title, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item .title, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner .title, .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block .title, .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box .title, .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box .title, .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner .title, .form-layout .is-primary.form-outer .title, .confirm-account-wrapper .wrapper-inner .is-primary.action-box .title, .promotion-page-wrapper .wrapper-inner .is-primary.action-box .title, .promotion-page-wrapper .is-primary.wrapper-outer .title, .invoice-wrapper .invoice-body .is-primary.invoice-card .title, .is-primary.gauge-widget.is-straight .title, .is-primary.icon-toolbar-widget.is-straight .title, .is-primary.text-widget.is-straight .title, .is-primary.tags-widget.is-straight .title, .is-primary.image-widget.is-straight .title, .is-primary.list-widget.is-straight .title, .is-primary.picker-widget.is-straight .title, .is-primary.stats-widget.is-straight .title, .is-primary.search-widget.is-straight .title, .is-primary.icon-list-widget.is-straight .title, .is-primary.video-widget.is-straight .title, .is-primary.inbox-widget.is-straight .title, .is-primary.illustration-widget.illustration-widget-v1.is-straight .title, .is-primary.illustration-widget.illustration-widget-v2.is-straight .title, .is-primary.illustration-widget.illustration-widget-v3.is-straight .title, .is-primary.creative-list-widget.is-straight .title, .is-primary.social-buttons-widget.is-straight .title, .is-primary.call-widget.is-straight .title, .is-primary.avatar-list-widget.is-straight .title, .is-primary.contact-widget.is-straight .title, .is-primary.followers-widget.is-straight .title, .is-primary.cart-widget.is-straight .title, .is-primary.stat-widget.is-straight .title, .s-card.is-primary .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card .subtitle, .is-primary.collapse .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap .subtitle, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card .subtitle, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header .subtitle, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card .subtitle, .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile .subtitle, .finance-dashboard.analytics-dashboard .is-primary.dashboard-card .subtitle, .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile .subtitle, .finance-dashboard.sales-dashboard .is-primary.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile .subtitle, .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card .subtitle, .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper .subtitle, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary .subtitle, .business-dashboard.flights-dashboard .flights .is-primary.flight-card .subtitle, .business-dashboard.flights-dashboard .is-primary.company-card .subtitle, .business-dashboard.flights-dashboard .is-primary.filters-card .subtitle, .business-dashboard.company-dashboard .is-primary.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card .subtitle, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile .subtitle, .list-view.list-view-v2 .is-primary.list-view-item .subtitle, .user-grid.user-grid-v1 .is-primary.grid-item .subtitle, .user-grid.user-grid-v2 .is-primary.grid-item .subtitle, .user-grid.user-grid-v3 .is-primary.grid-item .subtitle, .user-grid.user-grid-v4 .is-primary.grid-item .subtitle, .card-grid.card-grid-v3 .is-primary.card-grid-item .subtitle, .card-grid.card-grid-v4 .is-primary.card-grid-item .subtitle, .tile-grid.tile-grid-v1 .is-primary.tile-grid-item .subtitle, .tile-grid.tile-grid-v2 .is-primary.tile-grid-item .subtitle, .tile-grid.tile-grid-v3 .is-primary.tile-grid-item .subtitle, .is-primary.demo-card .subtitle, .is-primary.color-card .subtitle, .all-projects .project-grid .is-primary.project-grid-item .subtitle, .project-details .project-details-inner .is-primary.project-details-card .subtitle, .project-details .project-details-inner .is-primary.side-card .subtitle, .project-details .project-details-inner .is-primary.project-team-card .subtitle, .project-details .project-details-inner .task-grid .is-primary.task-card .subtitle, .profile-wrapper .profile-body .is-primary.profile-card .subtitle, .account-wrapper .is-primary.account-box .subtitle, .search-results-wrapper .search-results-body .is-primary.filter-box .subtitle, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item .subtitle, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner .subtitle, .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block .subtitle, .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box .subtitle, .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box .subtitle, .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner .subtitle, .form-layout .is-primary.form-outer .subtitle, .confirm-account-wrapper .wrapper-inner .is-primary.action-box .subtitle, .promotion-page-wrapper .wrapper-inner .is-primary.action-box .subtitle, .promotion-page-wrapper .is-primary.wrapper-outer .subtitle, .invoice-wrapper .invoice-body .is-primary.invoice-card .subtitle, .is-primary.gauge-widget.is-straight .subtitle, .is-primary.icon-toolbar-widget.is-straight .subtitle, .is-primary.text-widget.is-straight .subtitle, .is-primary.tags-widget.is-straight .subtitle, .is-primary.image-widget.is-straight .subtitle, .is-primary.list-widget.is-straight .subtitle, .is-primary.picker-widget.is-straight .subtitle, .is-primary.stats-widget.is-straight .subtitle, .is-primary.search-widget.is-straight .subtitle, .is-primary.icon-list-widget.is-straight .subtitle, .is-primary.video-widget.is-straight .subtitle, .is-primary.inbox-widget.is-straight .subtitle, .is-primary.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-primary.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-primary.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-primary.creative-list-widget.is-straight .subtitle, .is-primary.social-buttons-widget.is-straight .subtitle, .is-primary.call-widget.is-straight .subtitle, .is-primary.avatar-list-widget.is-straight .subtitle, .is-primary.contact-widget.is-straight .subtitle, .is-primary.followers-widget.is-straight .subtitle, .is-primary.cart-widget.is-straight .subtitle, .is-primary.stat-widget.is-straight .subtitle, .s-card.is-primary h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card h1, .is-primary.collapse h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap h1, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card h1, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header h1, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card h1, .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile h1, .finance-dashboard.analytics-dashboard .is-primary.dashboard-card h1, .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile h1, .finance-dashboard.sales-dashboard .is-primary.dashboard-card h1, .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card h1, .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card h1, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile h1, .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card h1, .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper h1, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary h1, .business-dashboard.flights-dashboard .flights .is-primary.flight-card h1, .business-dashboard.flights-dashboard .is-primary.company-card h1, .business-dashboard.flights-dashboard .is-primary.filters-card h1, .business-dashboard.company-dashboard .is-primary.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card h1, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile h1, .list-view.list-view-v2 .is-primary.list-view-item h1, .user-grid.user-grid-v1 .is-primary.grid-item h1, .user-grid.user-grid-v2 .is-primary.grid-item h1, .user-grid.user-grid-v3 .is-primary.grid-item h1, .user-grid.user-grid-v4 .is-primary.grid-item h1, .card-grid.card-grid-v3 .is-primary.card-grid-item h1, .card-grid.card-grid-v4 .is-primary.card-grid-item h1, .tile-grid.tile-grid-v1 .is-primary.tile-grid-item h1, .tile-grid.tile-grid-v2 .is-primary.tile-grid-item h1, .tile-grid.tile-grid-v3 .is-primary.tile-grid-item h1, .is-primary.demo-card h1, .is-primary.color-card h1, .all-projects .project-grid .is-primary.project-grid-item h1, .project-details .project-details-inner .is-primary.project-details-card h1, .project-details .project-details-inner .is-primary.side-card h1, .project-details .project-details-inner .is-primary.project-team-card h1, .project-details .project-details-inner .task-grid .is-primary.task-card h1, .profile-wrapper .profile-body .is-primary.profile-card h1, .account-wrapper .is-primary.account-box h1, .search-results-wrapper .search-results-body .is-primary.filter-box h1, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item h1, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner h1, .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block h1, .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box h1, .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box h1, .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner h1, .form-layout .is-primary.form-outer h1, .confirm-account-wrapper .wrapper-inner .is-primary.action-box h1, .promotion-page-wrapper .wrapper-inner .is-primary.action-box h1, .promotion-page-wrapper .is-primary.wrapper-outer h1, .invoice-wrapper .invoice-body .is-primary.invoice-card h1, .is-primary.gauge-widget.is-straight h1, .is-primary.icon-toolbar-widget.is-straight h1, .is-primary.text-widget.is-straight h1, .is-primary.tags-widget.is-straight h1, .is-primary.image-widget.is-straight h1, .is-primary.list-widget.is-straight h1, .is-primary.picker-widget.is-straight h1, .is-primary.stats-widget.is-straight h1, .is-primary.search-widget.is-straight h1, .is-primary.icon-list-widget.is-straight h1, .is-primary.video-widget.is-straight h1, .is-primary.inbox-widget.is-straight h1, .is-primary.illustration-widget.illustration-widget-v1.is-straight h1, .is-primary.illustration-widget.illustration-widget-v2.is-straight h1, .is-primary.illustration-widget.illustration-widget-v3.is-straight h1, .is-primary.creative-list-widget.is-straight h1, .is-primary.social-buttons-widget.is-straight h1, .is-primary.call-widget.is-straight h1, .is-primary.avatar-list-widget.is-straight h1, .is-primary.contact-widget.is-straight h1, .is-primary.followers-widget.is-straight h1, .is-primary.cart-widget.is-straight h1, .is-primary.stat-widget.is-straight h1, .s-card.is-primary h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card h2, .is-primary.collapse h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap h2, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card h2, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header h2, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card h2, .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile h2, .finance-dashboard.analytics-dashboard .is-primary.dashboard-card h2, .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile h2, .finance-dashboard.sales-dashboard .is-primary.dashboard-card h2, .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card h2, .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card h2, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile h2, .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card h2, .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper h2, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary h2, .business-dashboard.flights-dashboard .flights .is-primary.flight-card h2, .business-dashboard.flights-dashboard .is-primary.company-card h2, .business-dashboard.flights-dashboard .is-primary.filters-card h2, .business-dashboard.company-dashboard .is-primary.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card h2, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile h2, .list-view.list-view-v2 .is-primary.list-view-item h2, .user-grid.user-grid-v1 .is-primary.grid-item h2, .user-grid.user-grid-v2 .is-primary.grid-item h2, .user-grid.user-grid-v3 .is-primary.grid-item h2, .user-grid.user-grid-v4 .is-primary.grid-item h2, .card-grid.card-grid-v3 .is-primary.card-grid-item h2, .card-grid.card-grid-v4 .is-primary.card-grid-item h2, .tile-grid.tile-grid-v1 .is-primary.tile-grid-item h2, .tile-grid.tile-grid-v2 .is-primary.tile-grid-item h2, .tile-grid.tile-grid-v3 .is-primary.tile-grid-item h2, .is-primary.demo-card h2, .is-primary.color-card h2, .all-projects .project-grid .is-primary.project-grid-item h2, .project-details .project-details-inner .is-primary.project-details-card h2, .project-details .project-details-inner .is-primary.side-card h2, .project-details .project-details-inner .is-primary.project-team-card h2, .project-details .project-details-inner .task-grid .is-primary.task-card h2, .profile-wrapper .profile-body .is-primary.profile-card h2, .account-wrapper .is-primary.account-box h2, .search-results-wrapper .search-results-body .is-primary.filter-box h2, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item h2, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner h2, .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block h2, .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box h2, .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box h2, .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner h2, .form-layout .is-primary.form-outer h2, .confirm-account-wrapper .wrapper-inner .is-primary.action-box h2, .promotion-page-wrapper .wrapper-inner .is-primary.action-box h2, .promotion-page-wrapper .is-primary.wrapper-outer h2, .invoice-wrapper .invoice-body .is-primary.invoice-card h2, .is-primary.gauge-widget.is-straight h2, .is-primary.icon-toolbar-widget.is-straight h2, .is-primary.text-widget.is-straight h2, .is-primary.tags-widget.is-straight h2, .is-primary.image-widget.is-straight h2, .is-primary.list-widget.is-straight h2, .is-primary.picker-widget.is-straight h2, .is-primary.stats-widget.is-straight h2, .is-primary.search-widget.is-straight h2, .is-primary.icon-list-widget.is-straight h2, .is-primary.video-widget.is-straight h2, .is-primary.inbox-widget.is-straight h2, .is-primary.illustration-widget.illustration-widget-v1.is-straight h2, .is-primary.illustration-widget.illustration-widget-v2.is-straight h2, .is-primary.illustration-widget.illustration-widget-v3.is-straight h2, .is-primary.creative-list-widget.is-straight h2, .is-primary.social-buttons-widget.is-straight h2, .is-primary.call-widget.is-straight h2, .is-primary.avatar-list-widget.is-straight h2, .is-primary.contact-widget.is-straight h2, .is-primary.followers-widget.is-straight h2, .is-primary.cart-widget.is-straight h2, .is-primary.stat-widget.is-straight h2, .s-card.is-primary h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card h3, .is-primary.collapse h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap h3, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card h3, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header h3, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card h3, .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile h3, .finance-dashboard.analytics-dashboard .is-primary.dashboard-card h3, .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile h3, .finance-dashboard.sales-dashboard .is-primary.dashboard-card h3, .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card h3, .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card h3, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile h3, .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card h3, .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper h3, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary h3, .business-dashboard.flights-dashboard .flights .is-primary.flight-card h3, .business-dashboard.flights-dashboard .is-primary.company-card h3, .business-dashboard.flights-dashboard .is-primary.filters-card h3, .business-dashboard.company-dashboard .is-primary.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card h3, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile h3, .list-view.list-view-v2 .is-primary.list-view-item h3, .user-grid.user-grid-v1 .is-primary.grid-item h3, .user-grid.user-grid-v2 .is-primary.grid-item h3, .user-grid.user-grid-v3 .is-primary.grid-item h3, .user-grid.user-grid-v4 .is-primary.grid-item h3, .card-grid.card-grid-v3 .is-primary.card-grid-item h3, .card-grid.card-grid-v4 .is-primary.card-grid-item h3, .tile-grid.tile-grid-v1 .is-primary.tile-grid-item h3, .tile-grid.tile-grid-v2 .is-primary.tile-grid-item h3, .tile-grid.tile-grid-v3 .is-primary.tile-grid-item h3, .is-primary.demo-card h3, .is-primary.color-card h3, .all-projects .project-grid .is-primary.project-grid-item h3, .project-details .project-details-inner .is-primary.project-details-card h3, .project-details .project-details-inner .is-primary.side-card h3, .project-details .project-details-inner .is-primary.project-team-card h3, .project-details .project-details-inner .task-grid .is-primary.task-card h3, .profile-wrapper .profile-body .is-primary.profile-card h3, .account-wrapper .is-primary.account-box h3, .search-results-wrapper .search-results-body .is-primary.filter-box h3, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item h3, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner h3, .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block h3, .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box h3, .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box h3, .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner h3, .form-layout .is-primary.form-outer h3, .confirm-account-wrapper .wrapper-inner .is-primary.action-box h3, .promotion-page-wrapper .wrapper-inner .is-primary.action-box h3, .promotion-page-wrapper .is-primary.wrapper-outer h3, .invoice-wrapper .invoice-body .is-primary.invoice-card h3, .is-primary.gauge-widget.is-straight h3, .is-primary.icon-toolbar-widget.is-straight h3, .is-primary.text-widget.is-straight h3, .is-primary.tags-widget.is-straight h3, .is-primary.image-widget.is-straight h3, .is-primary.list-widget.is-straight h3, .is-primary.picker-widget.is-straight h3, .is-primary.stats-widget.is-straight h3, .is-primary.search-widget.is-straight h3, .is-primary.icon-list-widget.is-straight h3, .is-primary.video-widget.is-straight h3, .is-primary.inbox-widget.is-straight h3, .is-primary.illustration-widget.illustration-widget-v1.is-straight h3, .is-primary.illustration-widget.illustration-widget-v2.is-straight h3, .is-primary.illustration-widget.illustration-widget-v3.is-straight h3, .is-primary.creative-list-widget.is-straight h3, .is-primary.social-buttons-widget.is-straight h3, .is-primary.call-widget.is-straight h3, .is-primary.avatar-list-widget.is-straight h3, .is-primary.contact-widget.is-straight h3, .is-primary.followers-widget.is-straight h3, .is-primary.cart-widget.is-straight h3, .is-primary.stat-widget.is-straight h3, .s-card.is-primary h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card h4, .is-primary.collapse h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap h4, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card h4, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header h4, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card h4, .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile h4, .finance-dashboard.analytics-dashboard .is-primary.dashboard-card h4, .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile h4, .finance-dashboard.sales-dashboard .is-primary.dashboard-card h4, .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card h4, .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card h4, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile h4, .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card h4, .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper h4, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary h4, .business-dashboard.flights-dashboard .flights .is-primary.flight-card h4, .business-dashboard.flights-dashboard .is-primary.company-card h4, .business-dashboard.flights-dashboard .is-primary.filters-card h4, .business-dashboard.company-dashboard .is-primary.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card h4, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile h4, .list-view.list-view-v2 .is-primary.list-view-item h4, .user-grid.user-grid-v1 .is-primary.grid-item h4, .user-grid.user-grid-v2 .is-primary.grid-item h4, .user-grid.user-grid-v3 .is-primary.grid-item h4, .user-grid.user-grid-v4 .is-primary.grid-item h4, .card-grid.card-grid-v3 .is-primary.card-grid-item h4, .card-grid.card-grid-v4 .is-primary.card-grid-item h4, .tile-grid.tile-grid-v1 .is-primary.tile-grid-item h4, .tile-grid.tile-grid-v2 .is-primary.tile-grid-item h4, .tile-grid.tile-grid-v3 .is-primary.tile-grid-item h4, .is-primary.demo-card h4, .is-primary.color-card h4, .all-projects .project-grid .is-primary.project-grid-item h4, .project-details .project-details-inner .is-primary.project-details-card h4, .project-details .project-details-inner .is-primary.side-card h4, .project-details .project-details-inner .is-primary.project-team-card h4, .project-details .project-details-inner .task-grid .is-primary.task-card h4, .profile-wrapper .profile-body .is-primary.profile-card h4, .account-wrapper .is-primary.account-box h4, .search-results-wrapper .search-results-body .is-primary.filter-box h4, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item h4, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner h4, .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block h4, .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box h4, .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box h4, .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner h4, .form-layout .is-primary.form-outer h4, .confirm-account-wrapper .wrapper-inner .is-primary.action-box h4, .promotion-page-wrapper .wrapper-inner .is-primary.action-box h4, .promotion-page-wrapper .is-primary.wrapper-outer h4, .invoice-wrapper .invoice-body .is-primary.invoice-card h4, .is-primary.gauge-widget.is-straight h4, .is-primary.icon-toolbar-widget.is-straight h4, .is-primary.text-widget.is-straight h4, .is-primary.tags-widget.is-straight h4, .is-primary.image-widget.is-straight h4, .is-primary.list-widget.is-straight h4, .is-primary.picker-widget.is-straight h4, .is-primary.stats-widget.is-straight h4, .is-primary.search-widget.is-straight h4, .is-primary.icon-list-widget.is-straight h4, .is-primary.video-widget.is-straight h4, .is-primary.inbox-widget.is-straight h4, .is-primary.illustration-widget.illustration-widget-v1.is-straight h4, .is-primary.illustration-widget.illustration-widget-v2.is-straight h4, .is-primary.illustration-widget.illustration-widget-v3.is-straight h4, .is-primary.creative-list-widget.is-straight h4, .is-primary.social-buttons-widget.is-straight h4, .is-primary.call-widget.is-straight h4, .is-primary.avatar-list-widget.is-straight h4, .is-primary.contact-widget.is-straight h4, .is-primary.followers-widget.is-straight h4, .is-primary.cart-widget.is-straight h4, .is-primary.stat-widget.is-straight h4, .s-card.is-primary p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card p, .is-primary.collapse p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap p, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card p, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header p, .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card p, .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile p, .finance-dashboard.analytics-dashboard .is-primary.dashboard-card p, .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile p, .finance-dashboard.sales-dashboard .is-primary.dashboard-card p, .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card p, .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card p, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile p, .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card p, .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper p, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary p, .business-dashboard.flights-dashboard .flights .is-primary.flight-card p, .business-dashboard.flights-dashboard .is-primary.company-card p, .business-dashboard.flights-dashboard .is-primary.filters-card p, .business-dashboard.company-dashboard .is-primary.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card p, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile p, .list-view.list-view-v2 .is-primary.list-view-item p, .user-grid.user-grid-v1 .is-primary.grid-item p, .user-grid.user-grid-v2 .is-primary.grid-item p, .user-grid.user-grid-v3 .is-primary.grid-item p, .user-grid.user-grid-v4 .is-primary.grid-item p, .card-grid.card-grid-v3 .is-primary.card-grid-item p, .card-grid.card-grid-v4 .is-primary.card-grid-item p, .tile-grid.tile-grid-v1 .is-primary.tile-grid-item p, .tile-grid.tile-grid-v2 .is-primary.tile-grid-item p, .tile-grid.tile-grid-v3 .is-primary.tile-grid-item p, .is-primary.demo-card p, .is-primary.color-card p, .all-projects .project-grid .is-primary.project-grid-item p, .project-details .project-details-inner .is-primary.project-details-card p, .project-details .project-details-inner .is-primary.side-card p, .project-details .project-details-inner .is-primary.project-team-card p, .project-details .project-details-inner .task-grid .is-primary.task-card p, .profile-wrapper .profile-body .is-primary.profile-card p, .account-wrapper .is-primary.account-box p, .search-results-wrapper .search-results-body .is-primary.filter-box p, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item p, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner p, .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block p, .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box p, .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box p, .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner p, .form-layout .is-primary.form-outer p, .confirm-account-wrapper .wrapper-inner .is-primary.action-box p, .promotion-page-wrapper .wrapper-inner .is-primary.action-box p, .promotion-page-wrapper .is-primary.wrapper-outer p, .invoice-wrapper .invoice-body .is-primary.invoice-card p, .is-primary.gauge-widget.is-straight p, .is-primary.icon-toolbar-widget.is-straight p, .is-primary.text-widget.is-straight p, .is-primary.tags-widget.is-straight p, .is-primary.image-widget.is-straight p, .is-primary.list-widget.is-straight p, .is-primary.picker-widget.is-straight p, .is-primary.stats-widget.is-straight p, .is-primary.search-widget.is-straight p, .is-primary.icon-list-widget.is-straight p, .is-primary.video-widget.is-straight p, .is-primary.inbox-widget.is-straight p, .is-primary.illustration-widget.illustration-widget-v1.is-straight p, .is-primary.illustration-widget.illustration-widget-v2.is-straight p, .is-primary.illustration-widget.illustration-widget-v3.is-straight p, .is-primary.creative-list-widget.is-straight p, .is-primary.social-buttons-widget.is-straight p, .is-primary.call-widget.is-straight p, .is-primary.avatar-list-widget.is-straight p, .is-primary.contact-widget.is-straight p, .is-primary.followers-widget.is-straight p, .is-primary.cart-widget.is-straight p, .is-primary.stat-widget.is-straight p, .l-card.is-primary .title, .boxed-features .is-primary.flex-card .title, .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card .title, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item .title, .business-dashboard.course-dashboard .course-grid .is-primary.course-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center .title, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates .title, .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item .title, .is-primary.gauge-widget .title, .is-primary.icon-toolbar-widget .title, .is-primary.text-widget .title, .is-primary.tags-widget .title, .calendar-widget .calendar-widget-inner .is-primary.calendar-square .title, .is-primary.image-widget .title, .is-primary.list-widget .title, .is-primary.picker-widget .title, .is-primary.stats-widget .title, .is-primary.search-widget .title, .is-primary.icon-list-widget .title, .is-primary.video-widget .title, .is-primary.inbox-widget .title, .is-primary.illustration-widget.illustration-widget-v1 .title, .is-primary.illustration-widget.illustration-widget-v2 .title, .is-primary.illustration-widget.illustration-widget-v3 .title, .is-primary.creative-list-widget .title, .is-primary.social-buttons-widget .title, .is-primary.call-widget .title, .is-primary.avatar-list-widget .title, .is-primary.contact-widget .title, .is-primary.followers-widget .title, .is-primary.cart-widget .title, .is-primary.stat-widget .title, .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card .title, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions .title, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box .title, .l-card.is-primary .subtitle, .boxed-features .is-primary.flex-card .subtitle, .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card .subtitle, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item .subtitle, .business-dashboard.course-dashboard .course-grid .is-primary.course-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates .subtitle, .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item .subtitle, .is-primary.gauge-widget .subtitle, .is-primary.icon-toolbar-widget .subtitle, .is-primary.text-widget .subtitle, .is-primary.tags-widget .subtitle, .calendar-widget .calendar-widget-inner .is-primary.calendar-square .subtitle, .is-primary.image-widget .subtitle, .is-primary.list-widget .subtitle, .is-primary.picker-widget .subtitle, .is-primary.stats-widget .subtitle, .is-primary.search-widget .subtitle, .is-primary.icon-list-widget .subtitle, .is-primary.video-widget .subtitle, .is-primary.inbox-widget .subtitle, .is-primary.illustration-widget.illustration-widget-v1 .subtitle, .is-primary.illustration-widget.illustration-widget-v2 .subtitle, .is-primary.illustration-widget.illustration-widget-v3 .subtitle, .is-primary.creative-list-widget .subtitle, .is-primary.social-buttons-widget .subtitle, .is-primary.call-widget .subtitle, .is-primary.avatar-list-widget .subtitle, .is-primary.contact-widget .subtitle, .is-primary.followers-widget .subtitle, .is-primary.cart-widget .subtitle, .is-primary.stat-widget .subtitle, .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card .subtitle, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions .subtitle, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box .subtitle, .l-card.is-primary h1, .boxed-features .is-primary.flex-card h1, .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card h1, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item h1, .business-dashboard.course-dashboard .course-grid .is-primary.course-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center h1, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates h1, .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item h1, .is-primary.gauge-widget h1, .is-primary.icon-toolbar-widget h1, .is-primary.text-widget h1, .is-primary.tags-widget h1, .calendar-widget .calendar-widget-inner .is-primary.calendar-square h1, .is-primary.image-widget h1, .is-primary.list-widget h1, .is-primary.picker-widget h1, .is-primary.stats-widget h1, .is-primary.search-widget h1, .is-primary.icon-list-widget h1, .is-primary.video-widget h1, .is-primary.inbox-widget h1, .is-primary.illustration-widget.illustration-widget-v1 h1, .is-primary.illustration-widget.illustration-widget-v2 h1, .is-primary.illustration-widget.illustration-widget-v3 h1, .is-primary.creative-list-widget h1, .is-primary.social-buttons-widget h1, .is-primary.call-widget h1, .is-primary.avatar-list-widget h1, .is-primary.contact-widget h1, .is-primary.followers-widget h1, .is-primary.cart-widget h1, .is-primary.stat-widget h1, .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card h1, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions h1, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box h1, .l-card.is-primary h2, .boxed-features .is-primary.flex-card h2, .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card h2, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item h2, .business-dashboard.course-dashboard .course-grid .is-primary.course-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center h2, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates h2, .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item h2, .is-primary.gauge-widget h2, .is-primary.icon-toolbar-widget h2, .is-primary.text-widget h2, .is-primary.tags-widget h2, .calendar-widget .calendar-widget-inner .is-primary.calendar-square h2, .is-primary.image-widget h2, .is-primary.list-widget h2, .is-primary.picker-widget h2, .is-primary.stats-widget h2, .is-primary.search-widget h2, .is-primary.icon-list-widget h2, .is-primary.video-widget h2, .is-primary.inbox-widget h2, .is-primary.illustration-widget.illustration-widget-v1 h2, .is-primary.illustration-widget.illustration-widget-v2 h2, .is-primary.illustration-widget.illustration-widget-v3 h2, .is-primary.creative-list-widget h2, .is-primary.social-buttons-widget h2, .is-primary.call-widget h2, .is-primary.avatar-list-widget h2, .is-primary.contact-widget h2, .is-primary.followers-widget h2, .is-primary.cart-widget h2, .is-primary.stat-widget h2, .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card h2, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions h2, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box h2, .l-card.is-primary h3, .boxed-features .is-primary.flex-card h3, .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card h3, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item h3, .business-dashboard.course-dashboard .course-grid .is-primary.course-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center h3, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates h3, .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item h3, .is-primary.gauge-widget h3, .is-primary.icon-toolbar-widget h3, .is-primary.text-widget h3, .is-primary.tags-widget h3, .calendar-widget .calendar-widget-inner .is-primary.calendar-square h3, .is-primary.image-widget h3, .is-primary.list-widget h3, .is-primary.picker-widget h3, .is-primary.stats-widget h3, .is-primary.search-widget h3, .is-primary.icon-list-widget h3, .is-primary.video-widget h3, .is-primary.inbox-widget h3, .is-primary.illustration-widget.illustration-widget-v1 h3, .is-primary.illustration-widget.illustration-widget-v2 h3, .is-primary.illustration-widget.illustration-widget-v3 h3, .is-primary.creative-list-widget h3, .is-primary.social-buttons-widget h3, .is-primary.call-widget h3, .is-primary.avatar-list-widget h3, .is-primary.contact-widget h3, .is-primary.followers-widget h3, .is-primary.cart-widget h3, .is-primary.stat-widget h3, .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card h3, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions h3, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box h3, .l-card.is-primary h4, .boxed-features .is-primary.flex-card h4, .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card h4, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item h4, .business-dashboard.course-dashboard .course-grid .is-primary.course-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center h4, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates h4, .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item h4, .is-primary.gauge-widget h4, .is-primary.icon-toolbar-widget h4, .is-primary.text-widget h4, .is-primary.tags-widget h4, .calendar-widget .calendar-widget-inner .is-primary.calendar-square h4, .is-primary.image-widget h4, .is-primary.list-widget h4, .is-primary.picker-widget h4, .is-primary.stats-widget h4, .is-primary.search-widget h4, .is-primary.icon-list-widget h4, .is-primary.video-widget h4, .is-primary.inbox-widget h4, .is-primary.illustration-widget.illustration-widget-v1 h4, .is-primary.illustration-widget.illustration-widget-v2 h4, .is-primary.illustration-widget.illustration-widget-v3 h4, .is-primary.creative-list-widget h4, .is-primary.social-buttons-widget h4, .is-primary.call-widget h4, .is-primary.avatar-list-widget h4, .is-primary.contact-widget h4, .is-primary.followers-widget h4, .is-primary.cart-widget h4, .is-primary.stat-widget h4, .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card h4, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions h4, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box h4, .l-card.is-primary p, .boxed-features .is-primary.flex-card p, .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card p, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item p, .business-dashboard.course-dashboard .course-grid .is-primary.course-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center p, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates p, .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item p, .is-primary.gauge-widget p, .is-primary.icon-toolbar-widget p, .is-primary.text-widget p, .is-primary.tags-widget p, .calendar-widget .calendar-widget-inner .is-primary.calendar-square p, .is-primary.image-widget p, .is-primary.list-widget p, .is-primary.picker-widget p, .is-primary.stats-widget p, .is-primary.search-widget p, .is-primary.icon-list-widget p, .is-primary.video-widget p, .is-primary.inbox-widget p, .is-primary.illustration-widget.illustration-widget-v1 p, .is-primary.illustration-widget.illustration-widget-v2 p, .is-primary.illustration-widget.illustration-widget-v3 p, .is-primary.creative-list-widget p, .is-primary.social-buttons-widget p, .is-primary.call-widget p, .is-primary.avatar-list-widget p, .is-primary.contact-widget p, .is-primary.followers-widget p, .is-primary.cart-widget p, .is-primary.stat-widget p, .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card p, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box p, .h-card.is-primary .title, .h-card.is-primary .subtitle, .h-card.is-primary h1, .h-card.is-primary h2, .h-card.is-primary h3, .h-card.is-primary h4, .h-card.is-primary p { color: #fcfcfc !important; } /* line 71, src/assets/scss/elements/_cards.scss */ .r-card.is-secondary, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-secondary.column-placeholder, .finance-dashboard.stock-dashboard .is-secondary.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-secondary.media-feed-item, .list-view.list-view-v1 .is-secondary.list-view-item, .list-view.list-view-v3 .is-secondary.list-view-item, .list-view.list-view-v4 .is-secondary.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card, .s-card.is-secondary, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card, .is-secondary.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-secondary.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-card, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-tile, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-secondary.spark-tile, .finance-dashboard.sales-dashboard .is-secondary.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-secondary.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-secondary.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-secondary.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-secondary.dashboard-card, .business-dashboard.flights-dashboard .is-secondary.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-secondary.flight-summary, .business-dashboard.flights-dashboard .flights .is-secondary.flight-card, .business-dashboard.flights-dashboard .is-secondary.company-card, .business-dashboard.flights-dashboard .is-secondary.filters-card, .business-dashboard.company-dashboard .is-secondary.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-secondary.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-secondary.dashboard-tile, .list-view.list-view-v2 .is-secondary.list-view-item, .user-grid.user-grid-v1 .is-secondary.grid-item, .user-grid.user-grid-v2 .is-secondary.grid-item, .user-grid.user-grid-v3 .is-secondary.grid-item, .user-grid.user-grid-v4 .is-secondary.grid-item, .card-grid.card-grid-v3 .is-secondary.card-grid-item, .card-grid.card-grid-v4 .is-secondary.card-grid-item, .tile-grid.tile-grid-v1 .is-secondary.tile-grid-item, .tile-grid.tile-grid-v2 .is-secondary.tile-grid-item, .tile-grid.tile-grid-v3 .is-secondary.tile-grid-item, .is-secondary.demo-card, .is-secondary.color-card, .all-projects .project-grid .is-secondary.project-grid-item, .project-details .project-details-inner .is-secondary.project-details-card, .project-details .project-details-inner .is-secondary.side-card, .project-details .project-details-inner .is-secondary.project-team-card, .project-details .project-details-inner .task-grid .is-secondary.task-card, .profile-wrapper .profile-body .is-secondary.profile-card, .account-wrapper .is-secondary.account-box, .search-results-wrapper .search-results-body .is-secondary.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-secondary.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-secondary.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-secondary.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-secondary.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-secondary.action-box, .action-page-wrapper.action-page-v2 .is-secondary.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner, .form-layout .is-secondary.form-outer, .confirm-account-wrapper .wrapper-inner .is-secondary.action-box, .promotion-page-wrapper .wrapper-inner .is-secondary.action-box, .promotion-page-wrapper .is-secondary.wrapper-outer, .invoice-wrapper .invoice-body .is-secondary.invoice-card, .is-secondary.gauge-widget.is-straight, .is-secondary.icon-toolbar-widget.is-straight, .is-secondary.text-widget.is-straight, .is-secondary.tags-widget.is-straight, .is-secondary.image-widget.is-straight, .is-secondary.list-widget.is-straight, .is-secondary.picker-widget.is-straight, .is-secondary.stats-widget.is-straight, .is-secondary.search-widget.is-straight, .is-secondary.icon-list-widget.is-straight, .is-secondary.video-widget.is-straight, .is-secondary.inbox-widget.is-straight, .is-secondary.illustration-widget.illustration-widget-v1.is-straight, .is-secondary.illustration-widget.illustration-widget-v2.is-straight, .is-secondary.illustration-widget.illustration-widget-v3.is-straight, .is-secondary.creative-list-widget.is-straight, .is-secondary.social-buttons-widget.is-straight, .is-secondary.call-widget.is-straight, .is-secondary.avatar-list-widget.is-straight, .is-secondary.contact-widget.is-straight, .is-secondary.followers-widget.is-straight, .is-secondary.cart-widget.is-straight, .is-secondary.stat-widget.is-straight, .l-card.is-secondary, .boxed-features .is-secondary.flex-card, .personal-dashboard.personal-dashboard-v3 .is-secondary.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-secondary.grid-item, .business-dashboard.course-dashboard .course-grid .is-secondary.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-secondary.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-secondary.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-secondary.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-secondary.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-secondary.restaurants-list-item, .is-secondary.gauge-widget, .is-secondary.icon-toolbar-widget, .is-secondary.text-widget, .is-secondary.tags-widget, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square, .is-secondary.image-widget, .is-secondary.list-widget, .is-secondary.picker-widget, .is-secondary.stats-widget, .is-secondary.search-widget, .is-secondary.icon-list-widget, .is-secondary.video-widget, .is-secondary.inbox-widget, .is-secondary.illustration-widget.illustration-widget-v1, .is-secondary.illustration-widget.illustration-widget-v2, .is-secondary.illustration-widget.illustration-widget-v3, .is-secondary.creative-list-widget, .is-secondary.social-buttons-widget, .is-secondary.call-widget, .is-secondary.avatar-list-widget, .is-secondary.contact-widget, .is-secondary.followers-widget, .is-secondary.cart-widget, .is-secondary.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-secondary.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-secondary.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-secondary.edit-box, .h-card.is-secondary { background: #ffffff !important; border-color: #ffffff !important; } /* line 75, src/assets/scss/elements/_cards.scss */ .r-card.is-secondary .title, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-secondary.column-placeholder .title, .finance-dashboard.stock-dashboard .is-secondary.stock-card .title, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-secondary.media-feed-item .title, .list-view.list-view-v1 .is-secondary.list-view-item .title, .list-view.list-view-v3 .is-secondary.list-view-item .title, .list-view.list-view-v4 .is-secondary.list-view-item .title, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card .title, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card .title, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card .title, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card .title, .r-card.is-secondary .subtitle, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-secondary.column-placeholder .subtitle, .finance-dashboard.stock-dashboard .is-secondary.stock-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-secondary.media-feed-item .subtitle, .list-view.list-view-v1 .is-secondary.list-view-item .subtitle, .list-view.list-view-v3 .is-secondary.list-view-item .subtitle, .list-view.list-view-v4 .is-secondary.list-view-item .subtitle, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card .subtitle, .r-card.is-secondary h1, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-secondary.column-placeholder h1, .finance-dashboard.stock-dashboard .is-secondary.stock-card h1, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-secondary.media-feed-item h1, .list-view.list-view-v1 .is-secondary.list-view-item h1, .list-view.list-view-v3 .is-secondary.list-view-item h1, .list-view.list-view-v4 .is-secondary.list-view-item h1, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h1, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h1, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h1, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h1, .r-card.is-secondary h2, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-secondary.column-placeholder h2, .finance-dashboard.stock-dashboard .is-secondary.stock-card h2, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-secondary.media-feed-item h2, .list-view.list-view-v1 .is-secondary.list-view-item h2, .list-view.list-view-v3 .is-secondary.list-view-item h2, .list-view.list-view-v4 .is-secondary.list-view-item h2, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h2, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h2, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h2, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h2, .r-card.is-secondary h3, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-secondary.column-placeholder h3, .finance-dashboard.stock-dashboard .is-secondary.stock-card h3, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-secondary.media-feed-item h3, .list-view.list-view-v1 .is-secondary.list-view-item h3, .list-view.list-view-v3 .is-secondary.list-view-item h3, .list-view.list-view-v4 .is-secondary.list-view-item h3, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h3, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h3, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h3, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h3, .r-card.is-secondary h4, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-secondary.column-placeholder h4, .finance-dashboard.stock-dashboard .is-secondary.stock-card h4, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-secondary.media-feed-item h4, .list-view.list-view-v1 .is-secondary.list-view-item h4, .list-view.list-view-v3 .is-secondary.list-view-item h4, .list-view.list-view-v4 .is-secondary.list-view-item h4, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h4, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h4, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h4, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card h4, .r-card.is-secondary p, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-secondary.column-placeholder p, .finance-dashboard.stock-dashboard .is-secondary.stock-card p, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-secondary.media-feed-item p, .list-view.list-view-v1 .is-secondary.list-view-item p, .list-view.list-view-v3 .is-secondary.list-view-item p, .list-view.list-view-v4 .is-secondary.list-view-item p, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card p, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card p, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card p, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-secondary.onboarding-card p, .s-card.is-secondary .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card .title, .is-secondary.collapse .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap .title, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-secondary.dashboard-card .title, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-header .title, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-card .title, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-tile .title, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-card .title, .finance-dashboard.sales-dashboard .spark-tiles .is-secondary.spark-tile .title, .finance-dashboard.sales-dashboard .is-secondary.dashboard-card .title, .banking-dashboard.banking-dashboard-v1 .is-secondary.dashboard-card .title, .banking-dashboard.banking-dashboard-v2 .is-secondary.dashboard-card .title, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-secondary.dashboard-tile .title, .banking-dashboard.banking-dashboard-v3 .is-secondary.dashboard-card .title, .business-dashboard.flights-dashboard .is-secondary.booking-bar-wrapper .title, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-secondary.flight-summary .title, .business-dashboard.flights-dashboard .flights .is-secondary.flight-card .title, .business-dashboard.flights-dashboard .is-secondary.company-card .title, .business-dashboard.flights-dashboard .is-secondary.filters-card .title, .business-dashboard.company-dashboard .is-secondary.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-secondary.overview-card .title, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-secondary.dashboard-tile .title, .list-view.list-view-v2 .is-secondary.list-view-item .title, .user-grid.user-grid-v1 .is-secondary.grid-item .title, .user-grid.user-grid-v2 .is-secondary.grid-item .title, .user-grid.user-grid-v3 .is-secondary.grid-item .title, .user-grid.user-grid-v4 .is-secondary.grid-item .title, .card-grid.card-grid-v3 .is-secondary.card-grid-item .title, .card-grid.card-grid-v4 .is-secondary.card-grid-item .title, .tile-grid.tile-grid-v1 .is-secondary.tile-grid-item .title, .tile-grid.tile-grid-v2 .is-secondary.tile-grid-item .title, .tile-grid.tile-grid-v3 .is-secondary.tile-grid-item .title, .is-secondary.demo-card .title, .is-secondary.color-card .title, .all-projects .project-grid .is-secondary.project-grid-item .title, .project-details .project-details-inner .is-secondary.project-details-card .title, .project-details .project-details-inner .is-secondary.side-card .title, .project-details .project-details-inner .is-secondary.project-team-card .title, .project-details .project-details-inner .task-grid .is-secondary.task-card .title, .profile-wrapper .profile-body .is-secondary.profile-card .title, .account-wrapper .is-secondary.account-box .title, .search-results-wrapper .search-results-body .is-secondary.filter-box .title, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-secondary.search-results-item .title, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-secondary.plan-inner .title, .saas-billing-wrapper .billing-options-wrapper .left .is-secondary.option-block .title, .action-page-wrapper.action-page-v1 .wrapper-inner .is-secondary.action-box .title, .action-page-wrapper.action-page-v2 .wrapper-inner .is-secondary.action-box .title, .action-page-wrapper.action-page-v2 .is-secondary.wrapper-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner .title, .form-layout .is-secondary.form-outer .title, .confirm-account-wrapper .wrapper-inner .is-secondary.action-box .title, .promotion-page-wrapper .wrapper-inner .is-secondary.action-box .title, .promotion-page-wrapper .is-secondary.wrapper-outer .title, .invoice-wrapper .invoice-body .is-secondary.invoice-card .title, .is-secondary.gauge-widget.is-straight .title, .is-secondary.icon-toolbar-widget.is-straight .title, .is-secondary.text-widget.is-straight .title, .is-secondary.tags-widget.is-straight .title, .is-secondary.image-widget.is-straight .title, .is-secondary.list-widget.is-straight .title, .is-secondary.picker-widget.is-straight .title, .is-secondary.stats-widget.is-straight .title, .is-secondary.search-widget.is-straight .title, .is-secondary.icon-list-widget.is-straight .title, .is-secondary.video-widget.is-straight .title, .is-secondary.inbox-widget.is-straight .title, .is-secondary.illustration-widget.illustration-widget-v1.is-straight .title, .is-secondary.illustration-widget.illustration-widget-v2.is-straight .title, .is-secondary.illustration-widget.illustration-widget-v3.is-straight .title, .is-secondary.creative-list-widget.is-straight .title, .is-secondary.social-buttons-widget.is-straight .title, .is-secondary.call-widget.is-straight .title, .is-secondary.avatar-list-widget.is-straight .title, .is-secondary.contact-widget.is-straight .title, .is-secondary.followers-widget.is-straight .title, .is-secondary.cart-widget.is-straight .title, .is-secondary.stat-widget.is-straight .title, .s-card.is-secondary .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card .subtitle, .is-secondary.collapse .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap .subtitle, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-secondary.dashboard-card .subtitle, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-header .subtitle, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-card .subtitle, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-tile .subtitle, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-card .subtitle, .finance-dashboard.sales-dashboard .spark-tiles .is-secondary.spark-tile .subtitle, .finance-dashboard.sales-dashboard .is-secondary.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v1 .is-secondary.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v2 .is-secondary.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-secondary.dashboard-tile .subtitle, .banking-dashboard.banking-dashboard-v3 .is-secondary.dashboard-card .subtitle, .business-dashboard.flights-dashboard .is-secondary.booking-bar-wrapper .subtitle, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-secondary.flight-summary .subtitle, .business-dashboard.flights-dashboard .flights .is-secondary.flight-card .subtitle, .business-dashboard.flights-dashboard .is-secondary.company-card .subtitle, .business-dashboard.flights-dashboard .is-secondary.filters-card .subtitle, .business-dashboard.company-dashboard .is-secondary.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-secondary.overview-card .subtitle, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-secondary.dashboard-tile .subtitle, .list-view.list-view-v2 .is-secondary.list-view-item .subtitle, .user-grid.user-grid-v1 .is-secondary.grid-item .subtitle, .user-grid.user-grid-v2 .is-secondary.grid-item .subtitle, .user-grid.user-grid-v3 .is-secondary.grid-item .subtitle, .user-grid.user-grid-v4 .is-secondary.grid-item .subtitle, .card-grid.card-grid-v3 .is-secondary.card-grid-item .subtitle, .card-grid.card-grid-v4 .is-secondary.card-grid-item .subtitle, .tile-grid.tile-grid-v1 .is-secondary.tile-grid-item .subtitle, .tile-grid.tile-grid-v2 .is-secondary.tile-grid-item .subtitle, .tile-grid.tile-grid-v3 .is-secondary.tile-grid-item .subtitle, .is-secondary.demo-card .subtitle, .is-secondary.color-card .subtitle, .all-projects .project-grid .is-secondary.project-grid-item .subtitle, .project-details .project-details-inner .is-secondary.project-details-card .subtitle, .project-details .project-details-inner .is-secondary.side-card .subtitle, .project-details .project-details-inner .is-secondary.project-team-card .subtitle, .project-details .project-details-inner .task-grid .is-secondary.task-card .subtitle, .profile-wrapper .profile-body .is-secondary.profile-card .subtitle, .account-wrapper .is-secondary.account-box .subtitle, .search-results-wrapper .search-results-body .is-secondary.filter-box .subtitle, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-secondary.search-results-item .subtitle, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-secondary.plan-inner .subtitle, .saas-billing-wrapper .billing-options-wrapper .left .is-secondary.option-block .subtitle, .action-page-wrapper.action-page-v1 .wrapper-inner .is-secondary.action-box .subtitle, .action-page-wrapper.action-page-v2 .wrapper-inner .is-secondary.action-box .subtitle, .action-page-wrapper.action-page-v2 .is-secondary.wrapper-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner .subtitle, .form-layout .is-secondary.form-outer .subtitle, .confirm-account-wrapper .wrapper-inner .is-secondary.action-box .subtitle, .promotion-page-wrapper .wrapper-inner .is-secondary.action-box .subtitle, .promotion-page-wrapper .is-secondary.wrapper-outer .subtitle, .invoice-wrapper .invoice-body .is-secondary.invoice-card .subtitle, .is-secondary.gauge-widget.is-straight .subtitle, .is-secondary.icon-toolbar-widget.is-straight .subtitle, .is-secondary.text-widget.is-straight .subtitle, .is-secondary.tags-widget.is-straight .subtitle, .is-secondary.image-widget.is-straight .subtitle, .is-secondary.list-widget.is-straight .subtitle, .is-secondary.picker-widget.is-straight .subtitle, .is-secondary.stats-widget.is-straight .subtitle, .is-secondary.search-widget.is-straight .subtitle, .is-secondary.icon-list-widget.is-straight .subtitle, .is-secondary.video-widget.is-straight .subtitle, .is-secondary.inbox-widget.is-straight .subtitle, .is-secondary.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-secondary.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-secondary.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-secondary.creative-list-widget.is-straight .subtitle, .is-secondary.social-buttons-widget.is-straight .subtitle, .is-secondary.call-widget.is-straight .subtitle, .is-secondary.avatar-list-widget.is-straight .subtitle, .is-secondary.contact-widget.is-straight .subtitle, .is-secondary.followers-widget.is-straight .subtitle, .is-secondary.cart-widget.is-straight .subtitle, .is-secondary.stat-widget.is-straight .subtitle, .s-card.is-secondary h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card h1, .is-secondary.collapse h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap h1, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-secondary.dashboard-card h1, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-header h1, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-card h1, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-tile h1, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-card h1, .finance-dashboard.sales-dashboard .spark-tiles .is-secondary.spark-tile h1, .finance-dashboard.sales-dashboard .is-secondary.dashboard-card h1, .banking-dashboard.banking-dashboard-v1 .is-secondary.dashboard-card h1, .banking-dashboard.banking-dashboard-v2 .is-secondary.dashboard-card h1, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-secondary.dashboard-tile h1, .banking-dashboard.banking-dashboard-v3 .is-secondary.dashboard-card h1, .business-dashboard.flights-dashboard .is-secondary.booking-bar-wrapper h1, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-secondary.flight-summary h1, .business-dashboard.flights-dashboard .flights .is-secondary.flight-card h1, .business-dashboard.flights-dashboard .is-secondary.company-card h1, .business-dashboard.flights-dashboard .is-secondary.filters-card h1, .business-dashboard.company-dashboard .is-secondary.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-secondary.overview-card h1, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-secondary.dashboard-tile h1, .list-view.list-view-v2 .is-secondary.list-view-item h1, .user-grid.user-grid-v1 .is-secondary.grid-item h1, .user-grid.user-grid-v2 .is-secondary.grid-item h1, .user-grid.user-grid-v3 .is-secondary.grid-item h1, .user-grid.user-grid-v4 .is-secondary.grid-item h1, .card-grid.card-grid-v3 .is-secondary.card-grid-item h1, .card-grid.card-grid-v4 .is-secondary.card-grid-item h1, .tile-grid.tile-grid-v1 .is-secondary.tile-grid-item h1, .tile-grid.tile-grid-v2 .is-secondary.tile-grid-item h1, .tile-grid.tile-grid-v3 .is-secondary.tile-grid-item h1, .is-secondary.demo-card h1, .is-secondary.color-card h1, .all-projects .project-grid .is-secondary.project-grid-item h1, .project-details .project-details-inner .is-secondary.project-details-card h1, .project-details .project-details-inner .is-secondary.side-card h1, .project-details .project-details-inner .is-secondary.project-team-card h1, .project-details .project-details-inner .task-grid .is-secondary.task-card h1, .profile-wrapper .profile-body .is-secondary.profile-card h1, .account-wrapper .is-secondary.account-box h1, .search-results-wrapper .search-results-body .is-secondary.filter-box h1, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-secondary.search-results-item h1, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-secondary.plan-inner h1, .saas-billing-wrapper .billing-options-wrapper .left .is-secondary.option-block h1, .action-page-wrapper.action-page-v1 .wrapper-inner .is-secondary.action-box h1, .action-page-wrapper.action-page-v2 .wrapper-inner .is-secondary.action-box h1, .action-page-wrapper.action-page-v2 .is-secondary.wrapper-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner h1, .form-layout .is-secondary.form-outer h1, .confirm-account-wrapper .wrapper-inner .is-secondary.action-box h1, .promotion-page-wrapper .wrapper-inner .is-secondary.action-box h1, .promotion-page-wrapper .is-secondary.wrapper-outer h1, .invoice-wrapper .invoice-body .is-secondary.invoice-card h1, .is-secondary.gauge-widget.is-straight h1, .is-secondary.icon-toolbar-widget.is-straight h1, .is-secondary.text-widget.is-straight h1, .is-secondary.tags-widget.is-straight h1, .is-secondary.image-widget.is-straight h1, .is-secondary.list-widget.is-straight h1, .is-secondary.picker-widget.is-straight h1, .is-secondary.stats-widget.is-straight h1, .is-secondary.search-widget.is-straight h1, .is-secondary.icon-list-widget.is-straight h1, .is-secondary.video-widget.is-straight h1, .is-secondary.inbox-widget.is-straight h1, .is-secondary.illustration-widget.illustration-widget-v1.is-straight h1, .is-secondary.illustration-widget.illustration-widget-v2.is-straight h1, .is-secondary.illustration-widget.illustration-widget-v3.is-straight h1, .is-secondary.creative-list-widget.is-straight h1, .is-secondary.social-buttons-widget.is-straight h1, .is-secondary.call-widget.is-straight h1, .is-secondary.avatar-list-widget.is-straight h1, .is-secondary.contact-widget.is-straight h1, .is-secondary.followers-widget.is-straight h1, .is-secondary.cart-widget.is-straight h1, .is-secondary.stat-widget.is-straight h1, .s-card.is-secondary h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card h2, .is-secondary.collapse h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap h2, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-secondary.dashboard-card h2, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-header h2, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-card h2, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-tile h2, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-card h2, .finance-dashboard.sales-dashboard .spark-tiles .is-secondary.spark-tile h2, .finance-dashboard.sales-dashboard .is-secondary.dashboard-card h2, .banking-dashboard.banking-dashboard-v1 .is-secondary.dashboard-card h2, .banking-dashboard.banking-dashboard-v2 .is-secondary.dashboard-card h2, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-secondary.dashboard-tile h2, .banking-dashboard.banking-dashboard-v3 .is-secondary.dashboard-card h2, .business-dashboard.flights-dashboard .is-secondary.booking-bar-wrapper h2, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-secondary.flight-summary h2, .business-dashboard.flights-dashboard .flights .is-secondary.flight-card h2, .business-dashboard.flights-dashboard .is-secondary.company-card h2, .business-dashboard.flights-dashboard .is-secondary.filters-card h2, .business-dashboard.company-dashboard .is-secondary.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-secondary.overview-card h2, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-secondary.dashboard-tile h2, .list-view.list-view-v2 .is-secondary.list-view-item h2, .user-grid.user-grid-v1 .is-secondary.grid-item h2, .user-grid.user-grid-v2 .is-secondary.grid-item h2, .user-grid.user-grid-v3 .is-secondary.grid-item h2, .user-grid.user-grid-v4 .is-secondary.grid-item h2, .card-grid.card-grid-v3 .is-secondary.card-grid-item h2, .card-grid.card-grid-v4 .is-secondary.card-grid-item h2, .tile-grid.tile-grid-v1 .is-secondary.tile-grid-item h2, .tile-grid.tile-grid-v2 .is-secondary.tile-grid-item h2, .tile-grid.tile-grid-v3 .is-secondary.tile-grid-item h2, .is-secondary.demo-card h2, .is-secondary.color-card h2, .all-projects .project-grid .is-secondary.project-grid-item h2, .project-details .project-details-inner .is-secondary.project-details-card h2, .project-details .project-details-inner .is-secondary.side-card h2, .project-details .project-details-inner .is-secondary.project-team-card h2, .project-details .project-details-inner .task-grid .is-secondary.task-card h2, .profile-wrapper .profile-body .is-secondary.profile-card h2, .account-wrapper .is-secondary.account-box h2, .search-results-wrapper .search-results-body .is-secondary.filter-box h2, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-secondary.search-results-item h2, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-secondary.plan-inner h2, .saas-billing-wrapper .billing-options-wrapper .left .is-secondary.option-block h2, .action-page-wrapper.action-page-v1 .wrapper-inner .is-secondary.action-box h2, .action-page-wrapper.action-page-v2 .wrapper-inner .is-secondary.action-box h2, .action-page-wrapper.action-page-v2 .is-secondary.wrapper-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner h2, .form-layout .is-secondary.form-outer h2, .confirm-account-wrapper .wrapper-inner .is-secondary.action-box h2, .promotion-page-wrapper .wrapper-inner .is-secondary.action-box h2, .promotion-page-wrapper .is-secondary.wrapper-outer h2, .invoice-wrapper .invoice-body .is-secondary.invoice-card h2, .is-secondary.gauge-widget.is-straight h2, .is-secondary.icon-toolbar-widget.is-straight h2, .is-secondary.text-widget.is-straight h2, .is-secondary.tags-widget.is-straight h2, .is-secondary.image-widget.is-straight h2, .is-secondary.list-widget.is-straight h2, .is-secondary.picker-widget.is-straight h2, .is-secondary.stats-widget.is-straight h2, .is-secondary.search-widget.is-straight h2, .is-secondary.icon-list-widget.is-straight h2, .is-secondary.video-widget.is-straight h2, .is-secondary.inbox-widget.is-straight h2, .is-secondary.illustration-widget.illustration-widget-v1.is-straight h2, .is-secondary.illustration-widget.illustration-widget-v2.is-straight h2, .is-secondary.illustration-widget.illustration-widget-v3.is-straight h2, .is-secondary.creative-list-widget.is-straight h2, .is-secondary.social-buttons-widget.is-straight h2, .is-secondary.call-widget.is-straight h2, .is-secondary.avatar-list-widget.is-straight h2, .is-secondary.contact-widget.is-straight h2, .is-secondary.followers-widget.is-straight h2, .is-secondary.cart-widget.is-straight h2, .is-secondary.stat-widget.is-straight h2, .s-card.is-secondary h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card h3, .is-secondary.collapse h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap h3, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-secondary.dashboard-card h3, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-header h3, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-card h3, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-tile h3, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-card h3, .finance-dashboard.sales-dashboard .spark-tiles .is-secondary.spark-tile h3, .finance-dashboard.sales-dashboard .is-secondary.dashboard-card h3, .banking-dashboard.banking-dashboard-v1 .is-secondary.dashboard-card h3, .banking-dashboard.banking-dashboard-v2 .is-secondary.dashboard-card h3, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-secondary.dashboard-tile h3, .banking-dashboard.banking-dashboard-v3 .is-secondary.dashboard-card h3, .business-dashboard.flights-dashboard .is-secondary.booking-bar-wrapper h3, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-secondary.flight-summary h3, .business-dashboard.flights-dashboard .flights .is-secondary.flight-card h3, .business-dashboard.flights-dashboard .is-secondary.company-card h3, .business-dashboard.flights-dashboard .is-secondary.filters-card h3, .business-dashboard.company-dashboard .is-secondary.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-secondary.overview-card h3, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-secondary.dashboard-tile h3, .list-view.list-view-v2 .is-secondary.list-view-item h3, .user-grid.user-grid-v1 .is-secondary.grid-item h3, .user-grid.user-grid-v2 .is-secondary.grid-item h3, .user-grid.user-grid-v3 .is-secondary.grid-item h3, .user-grid.user-grid-v4 .is-secondary.grid-item h3, .card-grid.card-grid-v3 .is-secondary.card-grid-item h3, .card-grid.card-grid-v4 .is-secondary.card-grid-item h3, .tile-grid.tile-grid-v1 .is-secondary.tile-grid-item h3, .tile-grid.tile-grid-v2 .is-secondary.tile-grid-item h3, .tile-grid.tile-grid-v3 .is-secondary.tile-grid-item h3, .is-secondary.demo-card h3, .is-secondary.color-card h3, .all-projects .project-grid .is-secondary.project-grid-item h3, .project-details .project-details-inner .is-secondary.project-details-card h3, .project-details .project-details-inner .is-secondary.side-card h3, .project-details .project-details-inner .is-secondary.project-team-card h3, .project-details .project-details-inner .task-grid .is-secondary.task-card h3, .profile-wrapper .profile-body .is-secondary.profile-card h3, .account-wrapper .is-secondary.account-box h3, .search-results-wrapper .search-results-body .is-secondary.filter-box h3, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-secondary.search-results-item h3, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-secondary.plan-inner h3, .saas-billing-wrapper .billing-options-wrapper .left .is-secondary.option-block h3, .action-page-wrapper.action-page-v1 .wrapper-inner .is-secondary.action-box h3, .action-page-wrapper.action-page-v2 .wrapper-inner .is-secondary.action-box h3, .action-page-wrapper.action-page-v2 .is-secondary.wrapper-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner h3, .form-layout .is-secondary.form-outer h3, .confirm-account-wrapper .wrapper-inner .is-secondary.action-box h3, .promotion-page-wrapper .wrapper-inner .is-secondary.action-box h3, .promotion-page-wrapper .is-secondary.wrapper-outer h3, .invoice-wrapper .invoice-body .is-secondary.invoice-card h3, .is-secondary.gauge-widget.is-straight h3, .is-secondary.icon-toolbar-widget.is-straight h3, .is-secondary.text-widget.is-straight h3, .is-secondary.tags-widget.is-straight h3, .is-secondary.image-widget.is-straight h3, .is-secondary.list-widget.is-straight h3, .is-secondary.picker-widget.is-straight h3, .is-secondary.stats-widget.is-straight h3, .is-secondary.search-widget.is-straight h3, .is-secondary.icon-list-widget.is-straight h3, .is-secondary.video-widget.is-straight h3, .is-secondary.inbox-widget.is-straight h3, .is-secondary.illustration-widget.illustration-widget-v1.is-straight h3, .is-secondary.illustration-widget.illustration-widget-v2.is-straight h3, .is-secondary.illustration-widget.illustration-widget-v3.is-straight h3, .is-secondary.creative-list-widget.is-straight h3, .is-secondary.social-buttons-widget.is-straight h3, .is-secondary.call-widget.is-straight h3, .is-secondary.avatar-list-widget.is-straight h3, .is-secondary.contact-widget.is-straight h3, .is-secondary.followers-widget.is-straight h3, .is-secondary.cart-widget.is-straight h3, .is-secondary.stat-widget.is-straight h3, .s-card.is-secondary h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card h4, .is-secondary.collapse h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap h4, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-secondary.dashboard-card h4, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-header h4, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-card h4, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-tile h4, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-card h4, .finance-dashboard.sales-dashboard .spark-tiles .is-secondary.spark-tile h4, .finance-dashboard.sales-dashboard .is-secondary.dashboard-card h4, .banking-dashboard.banking-dashboard-v1 .is-secondary.dashboard-card h4, .banking-dashboard.banking-dashboard-v2 .is-secondary.dashboard-card h4, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-secondary.dashboard-tile h4, .banking-dashboard.banking-dashboard-v3 .is-secondary.dashboard-card h4, .business-dashboard.flights-dashboard .is-secondary.booking-bar-wrapper h4, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-secondary.flight-summary h4, .business-dashboard.flights-dashboard .flights .is-secondary.flight-card h4, .business-dashboard.flights-dashboard .is-secondary.company-card h4, .business-dashboard.flights-dashboard .is-secondary.filters-card h4, .business-dashboard.company-dashboard .is-secondary.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-secondary.overview-card h4, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-secondary.dashboard-tile h4, .list-view.list-view-v2 .is-secondary.list-view-item h4, .user-grid.user-grid-v1 .is-secondary.grid-item h4, .user-grid.user-grid-v2 .is-secondary.grid-item h4, .user-grid.user-grid-v3 .is-secondary.grid-item h4, .user-grid.user-grid-v4 .is-secondary.grid-item h4, .card-grid.card-grid-v3 .is-secondary.card-grid-item h4, .card-grid.card-grid-v4 .is-secondary.card-grid-item h4, .tile-grid.tile-grid-v1 .is-secondary.tile-grid-item h4, .tile-grid.tile-grid-v2 .is-secondary.tile-grid-item h4, .tile-grid.tile-grid-v3 .is-secondary.tile-grid-item h4, .is-secondary.demo-card h4, .is-secondary.color-card h4, .all-projects .project-grid .is-secondary.project-grid-item h4, .project-details .project-details-inner .is-secondary.project-details-card h4, .project-details .project-details-inner .is-secondary.side-card h4, .project-details .project-details-inner .is-secondary.project-team-card h4, .project-details .project-details-inner .task-grid .is-secondary.task-card h4, .profile-wrapper .profile-body .is-secondary.profile-card h4, .account-wrapper .is-secondary.account-box h4, .search-results-wrapper .search-results-body .is-secondary.filter-box h4, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-secondary.search-results-item h4, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-secondary.plan-inner h4, .saas-billing-wrapper .billing-options-wrapper .left .is-secondary.option-block h4, .action-page-wrapper.action-page-v1 .wrapper-inner .is-secondary.action-box h4, .action-page-wrapper.action-page-v2 .wrapper-inner .is-secondary.action-box h4, .action-page-wrapper.action-page-v2 .is-secondary.wrapper-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner h4, .form-layout .is-secondary.form-outer h4, .confirm-account-wrapper .wrapper-inner .is-secondary.action-box h4, .promotion-page-wrapper .wrapper-inner .is-secondary.action-box h4, .promotion-page-wrapper .is-secondary.wrapper-outer h4, .invoice-wrapper .invoice-body .is-secondary.invoice-card h4, .is-secondary.gauge-widget.is-straight h4, .is-secondary.icon-toolbar-widget.is-straight h4, .is-secondary.text-widget.is-straight h4, .is-secondary.tags-widget.is-straight h4, .is-secondary.image-widget.is-straight h4, .is-secondary.list-widget.is-straight h4, .is-secondary.picker-widget.is-straight h4, .is-secondary.stats-widget.is-straight h4, .is-secondary.search-widget.is-straight h4, .is-secondary.icon-list-widget.is-straight h4, .is-secondary.video-widget.is-straight h4, .is-secondary.inbox-widget.is-straight h4, .is-secondary.illustration-widget.illustration-widget-v1.is-straight h4, .is-secondary.illustration-widget.illustration-widget-v2.is-straight h4, .is-secondary.illustration-widget.illustration-widget-v3.is-straight h4, .is-secondary.creative-list-widget.is-straight h4, .is-secondary.social-buttons-widget.is-straight h4, .is-secondary.call-widget.is-straight h4, .is-secondary.avatar-list-widget.is-straight h4, .is-secondary.contact-widget.is-straight h4, .is-secondary.followers-widget.is-straight h4, .is-secondary.cart-widget.is-straight h4, .is-secondary.stat-widget.is-straight h4, .s-card.is-secondary p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-secondary.project-card p, .is-secondary.collapse p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-secondary.content-wrap p, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-secondary.dashboard-card p, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-header p, .personal-dashboard.personal-dashboard-v2 .is-secondary.dashboard-card p, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-tile p, .finance-dashboard.analytics-dashboard .is-secondary.dashboard-card p, .finance-dashboard.sales-dashboard .spark-tiles .is-secondary.spark-tile p, .finance-dashboard.sales-dashboard .is-secondary.dashboard-card p, .banking-dashboard.banking-dashboard-v1 .is-secondary.dashboard-card p, .banking-dashboard.banking-dashboard-v2 .is-secondary.dashboard-card p, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-secondary.dashboard-tile p, .banking-dashboard.banking-dashboard-v3 .is-secondary.dashboard-card p, .business-dashboard.flights-dashboard .is-secondary.booking-bar-wrapper p, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-secondary.flight-summary p, .business-dashboard.flights-dashboard .flights .is-secondary.flight-card p, .business-dashboard.flights-dashboard .is-secondary.company-card p, .business-dashboard.flights-dashboard .is-secondary.filters-card p, .business-dashboard.company-dashboard .is-secondary.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-secondary.overview-card p, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-secondary.dashboard-tile p, .list-view.list-view-v2 .is-secondary.list-view-item p, .user-grid.user-grid-v1 .is-secondary.grid-item p, .user-grid.user-grid-v2 .is-secondary.grid-item p, .user-grid.user-grid-v3 .is-secondary.grid-item p, .user-grid.user-grid-v4 .is-secondary.grid-item p, .card-grid.card-grid-v3 .is-secondary.card-grid-item p, .card-grid.card-grid-v4 .is-secondary.card-grid-item p, .tile-grid.tile-grid-v1 .is-secondary.tile-grid-item p, .tile-grid.tile-grid-v2 .is-secondary.tile-grid-item p, .tile-grid.tile-grid-v3 .is-secondary.tile-grid-item p, .is-secondary.demo-card p, .is-secondary.color-card p, .all-projects .project-grid .is-secondary.project-grid-item p, .project-details .project-details-inner .is-secondary.project-details-card p, .project-details .project-details-inner .is-secondary.side-card p, .project-details .project-details-inner .is-secondary.project-team-card p, .project-details .project-details-inner .task-grid .is-secondary.task-card p, .profile-wrapper .profile-body .is-secondary.profile-card p, .account-wrapper .is-secondary.account-box p, .search-results-wrapper .search-results-body .is-secondary.filter-box p, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-secondary.search-results-item p, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-secondary.plan-inner p, .saas-billing-wrapper .billing-options-wrapper .left .is-secondary.option-block p, .action-page-wrapper.action-page-v1 .wrapper-inner .is-secondary.action-box p, .action-page-wrapper.action-page-v2 .wrapper-inner .is-secondary.action-box p, .action-page-wrapper.action-page-v2 .is-secondary.wrapper-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-secondary.form-section-inner p, .form-layout .is-secondary.form-outer p, .confirm-account-wrapper .wrapper-inner .is-secondary.action-box p, .promotion-page-wrapper .wrapper-inner .is-secondary.action-box p, .promotion-page-wrapper .is-secondary.wrapper-outer p, .invoice-wrapper .invoice-body .is-secondary.invoice-card p, .is-secondary.gauge-widget.is-straight p, .is-secondary.icon-toolbar-widget.is-straight p, .is-secondary.text-widget.is-straight p, .is-secondary.tags-widget.is-straight p, .is-secondary.image-widget.is-straight p, .is-secondary.list-widget.is-straight p, .is-secondary.picker-widget.is-straight p, .is-secondary.stats-widget.is-straight p, .is-secondary.search-widget.is-straight p, .is-secondary.icon-list-widget.is-straight p, .is-secondary.video-widget.is-straight p, .is-secondary.inbox-widget.is-straight p, .is-secondary.illustration-widget.illustration-widget-v1.is-straight p, .is-secondary.illustration-widget.illustration-widget-v2.is-straight p, .is-secondary.illustration-widget.illustration-widget-v3.is-straight p, .is-secondary.creative-list-widget.is-straight p, .is-secondary.social-buttons-widget.is-straight p, .is-secondary.call-widget.is-straight p, .is-secondary.avatar-list-widget.is-straight p, .is-secondary.contact-widget.is-straight p, .is-secondary.followers-widget.is-straight p, .is-secondary.cart-widget.is-straight p, .is-secondary.stat-widget.is-straight p, .l-card.is-secondary .title, .boxed-features .is-secondary.flex-card .title, .personal-dashboard.personal-dashboard-v3 .is-secondary.dashboard-card .title, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-secondary.grid-item .title, .business-dashboard.course-dashboard .course-grid .is-secondary.course-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-secondary.long-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-secondary.media-flex-center .title, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-secondary.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-secondary.writing-stat .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.featured-authors .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.updates .title, .food-delivery-dashboard .left .left-body .restaurants-list .is-secondary.restaurants-list-item .title, .is-secondary.gauge-widget .title, .is-secondary.icon-toolbar-widget .title, .is-secondary.text-widget .title, .is-secondary.tags-widget .title, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square .title, .is-secondary.image-widget .title, .is-secondary.list-widget .title, .is-secondary.picker-widget .title, .is-secondary.stats-widget .title, .is-secondary.search-widget .title, .is-secondary.icon-list-widget .title, .is-secondary.video-widget .title, .is-secondary.inbox-widget .title, .is-secondary.illustration-widget.illustration-widget-v1 .title, .is-secondary.illustration-widget.illustration-widget-v2 .title, .is-secondary.illustration-widget.illustration-widget-v3 .title, .is-secondary.creative-list-widget .title, .is-secondary.social-buttons-widget .title, .is-secondary.call-widget .title, .is-secondary.avatar-list-widget .title, .is-secondary.contact-widget .title, .is-secondary.followers-widget .title, .is-secondary.cart-widget .title, .is-secondary.stat-widget .title, .wizard-v1-wrapper .step-content .wizard-types .is-secondary.wizard-card .title, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-secondary.uploader-actions .title, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-secondary.edit-box .title, .l-card.is-secondary .subtitle, .boxed-features .is-secondary.flex-card .subtitle, .personal-dashboard.personal-dashboard-v3 .is-secondary.dashboard-card .subtitle, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-secondary.grid-item .subtitle, .business-dashboard.course-dashboard .course-grid .is-secondary.course-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-secondary.long-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-secondary.media-flex-center .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-secondary.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-secondary.writing-stat .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.featured-authors .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.updates .subtitle, .food-delivery-dashboard .left .left-body .restaurants-list .is-secondary.restaurants-list-item .subtitle, .is-secondary.gauge-widget .subtitle, .is-secondary.icon-toolbar-widget .subtitle, .is-secondary.text-widget .subtitle, .is-secondary.tags-widget .subtitle, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square .subtitle, .is-secondary.image-widget .subtitle, .is-secondary.list-widget .subtitle, .is-secondary.picker-widget .subtitle, .is-secondary.stats-widget .subtitle, .is-secondary.search-widget .subtitle, .is-secondary.icon-list-widget .subtitle, .is-secondary.video-widget .subtitle, .is-secondary.inbox-widget .subtitle, .is-secondary.illustration-widget.illustration-widget-v1 .subtitle, .is-secondary.illustration-widget.illustration-widget-v2 .subtitle, .is-secondary.illustration-widget.illustration-widget-v3 .subtitle, .is-secondary.creative-list-widget .subtitle, .is-secondary.social-buttons-widget .subtitle, .is-secondary.call-widget .subtitle, .is-secondary.avatar-list-widget .subtitle, .is-secondary.contact-widget .subtitle, .is-secondary.followers-widget .subtitle, .is-secondary.cart-widget .subtitle, .is-secondary.stat-widget .subtitle, .wizard-v1-wrapper .step-content .wizard-types .is-secondary.wizard-card .subtitle, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-secondary.uploader-actions .subtitle, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-secondary.edit-box .subtitle, .l-card.is-secondary h1, .boxed-features .is-secondary.flex-card h1, .personal-dashboard.personal-dashboard-v3 .is-secondary.dashboard-card h1, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-secondary.grid-item h1, .business-dashboard.course-dashboard .course-grid .is-secondary.course-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-secondary.long-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-secondary.media-flex-center h1, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-secondary.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-secondary.writing-stat h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.featured-authors h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.updates h1, .food-delivery-dashboard .left .left-body .restaurants-list .is-secondary.restaurants-list-item h1, .is-secondary.gauge-widget h1, .is-secondary.icon-toolbar-widget h1, .is-secondary.text-widget h1, .is-secondary.tags-widget h1, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square h1, .is-secondary.image-widget h1, .is-secondary.list-widget h1, .is-secondary.picker-widget h1, .is-secondary.stats-widget h1, .is-secondary.search-widget h1, .is-secondary.icon-list-widget h1, .is-secondary.video-widget h1, .is-secondary.inbox-widget h1, .is-secondary.illustration-widget.illustration-widget-v1 h1, .is-secondary.illustration-widget.illustration-widget-v2 h1, .is-secondary.illustration-widget.illustration-widget-v3 h1, .is-secondary.creative-list-widget h1, .is-secondary.social-buttons-widget h1, .is-secondary.call-widget h1, .is-secondary.avatar-list-widget h1, .is-secondary.contact-widget h1, .is-secondary.followers-widget h1, .is-secondary.cart-widget h1, .is-secondary.stat-widget h1, .wizard-v1-wrapper .step-content .wizard-types .is-secondary.wizard-card h1, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-secondary.uploader-actions h1, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-secondary.edit-box h1, .l-card.is-secondary h2, .boxed-features .is-secondary.flex-card h2, .personal-dashboard.personal-dashboard-v3 .is-secondary.dashboard-card h2, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-secondary.grid-item h2, .business-dashboard.course-dashboard .course-grid .is-secondary.course-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-secondary.long-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-secondary.media-flex-center h2, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-secondary.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-secondary.writing-stat h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.featured-authors h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.updates h2, .food-delivery-dashboard .left .left-body .restaurants-list .is-secondary.restaurants-list-item h2, .is-secondary.gauge-widget h2, .is-secondary.icon-toolbar-widget h2, .is-secondary.text-widget h2, .is-secondary.tags-widget h2, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square h2, .is-secondary.image-widget h2, .is-secondary.list-widget h2, .is-secondary.picker-widget h2, .is-secondary.stats-widget h2, .is-secondary.search-widget h2, .is-secondary.icon-list-widget h2, .is-secondary.video-widget h2, .is-secondary.inbox-widget h2, .is-secondary.illustration-widget.illustration-widget-v1 h2, .is-secondary.illustration-widget.illustration-widget-v2 h2, .is-secondary.illustration-widget.illustration-widget-v3 h2, .is-secondary.creative-list-widget h2, .is-secondary.social-buttons-widget h2, .is-secondary.call-widget h2, .is-secondary.avatar-list-widget h2, .is-secondary.contact-widget h2, .is-secondary.followers-widget h2, .is-secondary.cart-widget h2, .is-secondary.stat-widget h2, .wizard-v1-wrapper .step-content .wizard-types .is-secondary.wizard-card h2, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-secondary.uploader-actions h2, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-secondary.edit-box h2, .l-card.is-secondary h3, .boxed-features .is-secondary.flex-card h3, .personal-dashboard.personal-dashboard-v3 .is-secondary.dashboard-card h3, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-secondary.grid-item h3, .business-dashboard.course-dashboard .course-grid .is-secondary.course-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-secondary.long-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-secondary.media-flex-center h3, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-secondary.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-secondary.writing-stat h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.featured-authors h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.updates h3, .food-delivery-dashboard .left .left-body .restaurants-list .is-secondary.restaurants-list-item h3, .is-secondary.gauge-widget h3, .is-secondary.icon-toolbar-widget h3, .is-secondary.text-widget h3, .is-secondary.tags-widget h3, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square h3, .is-secondary.image-widget h3, .is-secondary.list-widget h3, .is-secondary.picker-widget h3, .is-secondary.stats-widget h3, .is-secondary.search-widget h3, .is-secondary.icon-list-widget h3, .is-secondary.video-widget h3, .is-secondary.inbox-widget h3, .is-secondary.illustration-widget.illustration-widget-v1 h3, .is-secondary.illustration-widget.illustration-widget-v2 h3, .is-secondary.illustration-widget.illustration-widget-v3 h3, .is-secondary.creative-list-widget h3, .is-secondary.social-buttons-widget h3, .is-secondary.call-widget h3, .is-secondary.avatar-list-widget h3, .is-secondary.contact-widget h3, .is-secondary.followers-widget h3, .is-secondary.cart-widget h3, .is-secondary.stat-widget h3, .wizard-v1-wrapper .step-content .wizard-types .is-secondary.wizard-card h3, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-secondary.uploader-actions h3, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-secondary.edit-box h3, .l-card.is-secondary h4, .boxed-features .is-secondary.flex-card h4, .personal-dashboard.personal-dashboard-v3 .is-secondary.dashboard-card h4, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-secondary.grid-item h4, .business-dashboard.course-dashboard .course-grid .is-secondary.course-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-secondary.long-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-secondary.media-flex-center h4, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-secondary.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-secondary.writing-stat h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.featured-authors h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.updates h4, .food-delivery-dashboard .left .left-body .restaurants-list .is-secondary.restaurants-list-item h4, .is-secondary.gauge-widget h4, .is-secondary.icon-toolbar-widget h4, .is-secondary.text-widget h4, .is-secondary.tags-widget h4, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square h4, .is-secondary.image-widget h4, .is-secondary.list-widget h4, .is-secondary.picker-widget h4, .is-secondary.stats-widget h4, .is-secondary.search-widget h4, .is-secondary.icon-list-widget h4, .is-secondary.video-widget h4, .is-secondary.inbox-widget h4, .is-secondary.illustration-widget.illustration-widget-v1 h4, .is-secondary.illustration-widget.illustration-widget-v2 h4, .is-secondary.illustration-widget.illustration-widget-v3 h4, .is-secondary.creative-list-widget h4, .is-secondary.social-buttons-widget h4, .is-secondary.call-widget h4, .is-secondary.avatar-list-widget h4, .is-secondary.contact-widget h4, .is-secondary.followers-widget h4, .is-secondary.cart-widget h4, .is-secondary.stat-widget h4, .wizard-v1-wrapper .step-content .wizard-types .is-secondary.wizard-card h4, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-secondary.uploader-actions h4, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-secondary.edit-box h4, .l-card.is-secondary p, .boxed-features .is-secondary.flex-card p, .personal-dashboard.personal-dashboard-v3 .is-secondary.dashboard-card p, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-secondary.grid-item p, .business-dashboard.course-dashboard .course-grid .is-secondary.course-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-secondary.long-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-secondary.media-flex-center p, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-secondary.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-secondary.writing-stat p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.featured-authors p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-secondary.updates p, .food-delivery-dashboard .left .left-body .restaurants-list .is-secondary.restaurants-list-item p, .is-secondary.gauge-widget p, .is-secondary.icon-toolbar-widget p, .is-secondary.text-widget p, .is-secondary.tags-widget p, .calendar-widget .calendar-widget-inner .is-secondary.calendar-square p, .is-secondary.image-widget p, .is-secondary.list-widget p, .is-secondary.picker-widget p, .is-secondary.stats-widget p, .is-secondary.search-widget p, .is-secondary.icon-list-widget p, .is-secondary.video-widget p, .is-secondary.inbox-widget p, .is-secondary.illustration-widget.illustration-widget-v1 p, .is-secondary.illustration-widget.illustration-widget-v2 p, .is-secondary.illustration-widget.illustration-widget-v3 p, .is-secondary.creative-list-widget p, .is-secondary.social-buttons-widget p, .is-secondary.call-widget p, .is-secondary.avatar-list-widget p, .is-secondary.contact-widget p, .is-secondary.followers-widget p, .is-secondary.cart-widget p, .is-secondary.stat-widget p, .wizard-v1-wrapper .step-content .wizard-types .is-secondary.wizard-card p, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-secondary.uploader-actions p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-secondary.edit-box p, .h-card.is-secondary .title, .h-card.is-secondary .subtitle, .h-card.is-secondary h1, .h-card.is-secondary h2, .h-card.is-secondary h3, .h-card.is-secondary h4, .h-card.is-secondary p { color: #fcfcfc !important; } /* line 81, src/assets/scss/elements/_cards.scss */ .r-card.is-accent, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder, .finance-dashboard.stock-dashboard .is-accent.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item, .list-view.list-view-v1 .is-accent.list-view-item, .list-view.list-view-v3 .is-accent.list-view-item, .list-view.list-view-v4 .is-accent.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card, .s-card.is-accent, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card, .is-accent.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile, .finance-dashboard.sales-dashboard .is-accent.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary, .business-dashboard.flights-dashboard .flights .is-accent.flight-card, .business-dashboard.flights-dashboard .is-accent.company-card, .business-dashboard.flights-dashboard .is-accent.filters-card, .business-dashboard.company-dashboard .is-accent.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile, .list-view.list-view-v2 .is-accent.list-view-item, .user-grid.user-grid-v1 .is-accent.grid-item, .user-grid.user-grid-v2 .is-accent.grid-item, .user-grid.user-grid-v3 .is-accent.grid-item, .user-grid.user-grid-v4 .is-accent.grid-item, .card-grid.card-grid-v3 .is-accent.card-grid-item, .card-grid.card-grid-v4 .is-accent.card-grid-item, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item, .is-accent.demo-card, .is-accent.color-card, .all-projects .project-grid .is-accent.project-grid-item, .project-details .project-details-inner .is-accent.project-details-card, .project-details .project-details-inner .is-accent.side-card, .project-details .project-details-inner .is-accent.project-team-card, .project-details .project-details-inner .task-grid .is-accent.task-card, .profile-wrapper .profile-body .is-accent.profile-card, .account-wrapper .is-accent.account-box, .search-results-wrapper .search-results-body .is-accent.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner, .form-layout .is-accent.form-outer, .confirm-account-wrapper .wrapper-inner .is-accent.action-box, .promotion-page-wrapper .wrapper-inner .is-accent.action-box, .promotion-page-wrapper .is-accent.wrapper-outer, .invoice-wrapper .invoice-body .is-accent.invoice-card, .is-accent.gauge-widget.is-straight, .is-accent.icon-toolbar-widget.is-straight, .is-accent.text-widget.is-straight, .is-accent.tags-widget.is-straight, .is-accent.image-widget.is-straight, .is-accent.list-widget.is-straight, .is-accent.picker-widget.is-straight, .is-accent.stats-widget.is-straight, .is-accent.search-widget.is-straight, .is-accent.icon-list-widget.is-straight, .is-accent.video-widget.is-straight, .is-accent.inbox-widget.is-straight, .is-accent.illustration-widget.illustration-widget-v1.is-straight, .is-accent.illustration-widget.illustration-widget-v2.is-straight, .is-accent.illustration-widget.illustration-widget-v3.is-straight, .is-accent.creative-list-widget.is-straight, .is-accent.social-buttons-widget.is-straight, .is-accent.call-widget.is-straight, .is-accent.avatar-list-widget.is-straight, .is-accent.contact-widget.is-straight, .is-accent.followers-widget.is-straight, .is-accent.cart-widget.is-straight, .is-accent.stat-widget.is-straight, .l-card.is-accent, .boxed-features .is-accent.flex-card, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item, .business-dashboard.course-dashboard .course-grid .is-accent.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item, .is-accent.gauge-widget, .is-accent.icon-toolbar-widget, .is-accent.text-widget, .is-accent.tags-widget, .calendar-widget .calendar-widget-inner .is-accent.calendar-square, .is-accent.image-widget, .is-accent.list-widget, .is-accent.picker-widget, .is-accent.stats-widget, .is-accent.search-widget, .is-accent.icon-list-widget, .is-accent.video-widget, .is-accent.inbox-widget, .is-accent.illustration-widget.illustration-widget-v1, .is-accent.illustration-widget.illustration-widget-v2, .is-accent.illustration-widget.illustration-widget-v3, .is-accent.creative-list-widget, .is-accent.social-buttons-widget, .is-accent.call-widget, .is-accent.avatar-list-widget, .is-accent.contact-widget, .is-accent.followers-widget, .is-accent.cart-widget, .is-accent.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box, .h-card.is-accent { background: #ED1C24 !important; border-color: #ED1C24 !important; } /* line 85, src/assets/scss/elements/_cards.scss */ .r-card.is-accent .title, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder .title, .finance-dashboard.stock-dashboard .is-accent.stock-card .title, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item .title, .list-view.list-view-v1 .is-accent.list-view-item .title, .list-view.list-view-v3 .is-accent.list-view-item .title, .list-view.list-view-v4 .is-accent.list-view-item .title, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card .title, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card .title, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card .title, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card .title, .r-card.is-accent .subtitle, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder .subtitle, .finance-dashboard.stock-dashboard .is-accent.stock-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item .subtitle, .list-view.list-view-v1 .is-accent.list-view-item .subtitle, .list-view.list-view-v3 .is-accent.list-view-item .subtitle, .list-view.list-view-v4 .is-accent.list-view-item .subtitle, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card .subtitle, .r-card.is-accent h1, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder h1, .finance-dashboard.stock-dashboard .is-accent.stock-card h1, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item h1, .list-view.list-view-v1 .is-accent.list-view-item h1, .list-view.list-view-v3 .is-accent.list-view-item h1, .list-view.list-view-v4 .is-accent.list-view-item h1, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h1, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h1, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h1, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h1, .r-card.is-accent h2, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder h2, .finance-dashboard.stock-dashboard .is-accent.stock-card h2, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item h2, .list-view.list-view-v1 .is-accent.list-view-item h2, .list-view.list-view-v3 .is-accent.list-view-item h2, .list-view.list-view-v4 .is-accent.list-view-item h2, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h2, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h2, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h2, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h2, .r-card.is-accent h3, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder h3, .finance-dashboard.stock-dashboard .is-accent.stock-card h3, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item h3, .list-view.list-view-v1 .is-accent.list-view-item h3, .list-view.list-view-v3 .is-accent.list-view-item h3, .list-view.list-view-v4 .is-accent.list-view-item h3, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h3, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h3, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h3, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h3, .r-card.is-accent h4, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder h4, .finance-dashboard.stock-dashboard .is-accent.stock-card h4, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item h4, .list-view.list-view-v1 .is-accent.list-view-item h4, .list-view.list-view-v3 .is-accent.list-view-item h4, .list-view.list-view-v4 .is-accent.list-view-item h4, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h4, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h4, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h4, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card h4, .r-card.is-accent p, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder p, .finance-dashboard.stock-dashboard .is-accent.stock-card p, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item p, .list-view.list-view-v1 .is-accent.list-view-item p, .list-view.list-view-v3 .is-accent.list-view-item p, .list-view.list-view-v4 .is-accent.list-view-item p, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card p, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card p, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card p, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card p, .r-card.is-accent div, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-accent.column-placeholder div, .finance-dashboard.stock-dashboard .is-accent.stock-card div, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-accent.media-feed-item div, .list-view.list-view-v1 .is-accent.list-view-item div, .list-view.list-view-v3 .is-accent.list-view-item div, .list-view.list-view-v4 .is-accent.list-view-item div, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card div, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card div, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card div, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-accent.onboarding-card div, .s-card.is-accent .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card .title, .is-accent.collapse .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap .title, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card .title, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header .title, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card .title, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile .title, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card .title, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile .title, .finance-dashboard.sales-dashboard .is-accent.dashboard-card .title, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card .title, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card .title, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile .title, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card .title, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper .title, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary .title, .business-dashboard.flights-dashboard .flights .is-accent.flight-card .title, .business-dashboard.flights-dashboard .is-accent.company-card .title, .business-dashboard.flights-dashboard .is-accent.filters-card .title, .business-dashboard.company-dashboard .is-accent.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card .title, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile .title, .list-view.list-view-v2 .is-accent.list-view-item .title, .user-grid.user-grid-v1 .is-accent.grid-item .title, .user-grid.user-grid-v2 .is-accent.grid-item .title, .user-grid.user-grid-v3 .is-accent.grid-item .title, .user-grid.user-grid-v4 .is-accent.grid-item .title, .card-grid.card-grid-v3 .is-accent.card-grid-item .title, .card-grid.card-grid-v4 .is-accent.card-grid-item .title, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item .title, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item .title, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item .title, .is-accent.demo-card .title, .is-accent.color-card .title, .all-projects .project-grid .is-accent.project-grid-item .title, .project-details .project-details-inner .is-accent.project-details-card .title, .project-details .project-details-inner .is-accent.side-card .title, .project-details .project-details-inner .is-accent.project-team-card .title, .project-details .project-details-inner .task-grid .is-accent.task-card .title, .profile-wrapper .profile-body .is-accent.profile-card .title, .account-wrapper .is-accent.account-box .title, .search-results-wrapper .search-results-body .is-accent.filter-box .title, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item .title, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner .title, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block .title, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box .title, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box .title, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner .title, .form-layout .is-accent.form-outer .title, .confirm-account-wrapper .wrapper-inner .is-accent.action-box .title, .promotion-page-wrapper .wrapper-inner .is-accent.action-box .title, .promotion-page-wrapper .is-accent.wrapper-outer .title, .invoice-wrapper .invoice-body .is-accent.invoice-card .title, .is-accent.gauge-widget.is-straight .title, .is-accent.icon-toolbar-widget.is-straight .title, .is-accent.text-widget.is-straight .title, .is-accent.tags-widget.is-straight .title, .is-accent.image-widget.is-straight .title, .is-accent.list-widget.is-straight .title, .is-accent.picker-widget.is-straight .title, .is-accent.stats-widget.is-straight .title, .is-accent.search-widget.is-straight .title, .is-accent.icon-list-widget.is-straight .title, .is-accent.video-widget.is-straight .title, .is-accent.inbox-widget.is-straight .title, .is-accent.illustration-widget.illustration-widget-v1.is-straight .title, .is-accent.illustration-widget.illustration-widget-v2.is-straight .title, .is-accent.illustration-widget.illustration-widget-v3.is-straight .title, .is-accent.creative-list-widget.is-straight .title, .is-accent.social-buttons-widget.is-straight .title, .is-accent.call-widget.is-straight .title, .is-accent.avatar-list-widget.is-straight .title, .is-accent.contact-widget.is-straight .title, .is-accent.followers-widget.is-straight .title, .is-accent.cart-widget.is-straight .title, .is-accent.stat-widget.is-straight .title, .s-card.is-accent .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card .subtitle, .is-accent.collapse .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap .subtitle, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card .subtitle, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header .subtitle, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card .subtitle, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile .subtitle, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card .subtitle, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile .subtitle, .finance-dashboard.sales-dashboard .is-accent.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile .subtitle, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card .subtitle, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper .subtitle, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary .subtitle, .business-dashboard.flights-dashboard .flights .is-accent.flight-card .subtitle, .business-dashboard.flights-dashboard .is-accent.company-card .subtitle, .business-dashboard.flights-dashboard .is-accent.filters-card .subtitle, .business-dashboard.company-dashboard .is-accent.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card .subtitle, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile .subtitle, .list-view.list-view-v2 .is-accent.list-view-item .subtitle, .user-grid.user-grid-v1 .is-accent.grid-item .subtitle, .user-grid.user-grid-v2 .is-accent.grid-item .subtitle, .user-grid.user-grid-v3 .is-accent.grid-item .subtitle, .user-grid.user-grid-v4 .is-accent.grid-item .subtitle, .card-grid.card-grid-v3 .is-accent.card-grid-item .subtitle, .card-grid.card-grid-v4 .is-accent.card-grid-item .subtitle, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item .subtitle, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item .subtitle, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item .subtitle, .is-accent.demo-card .subtitle, .is-accent.color-card .subtitle, .all-projects .project-grid .is-accent.project-grid-item .subtitle, .project-details .project-details-inner .is-accent.project-details-card .subtitle, .project-details .project-details-inner .is-accent.side-card .subtitle, .project-details .project-details-inner .is-accent.project-team-card .subtitle, .project-details .project-details-inner .task-grid .is-accent.task-card .subtitle, .profile-wrapper .profile-body .is-accent.profile-card .subtitle, .account-wrapper .is-accent.account-box .subtitle, .search-results-wrapper .search-results-body .is-accent.filter-box .subtitle, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item .subtitle, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner .subtitle, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block .subtitle, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box .subtitle, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box .subtitle, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner .subtitle, .form-layout .is-accent.form-outer .subtitle, .confirm-account-wrapper .wrapper-inner .is-accent.action-box .subtitle, .promotion-page-wrapper .wrapper-inner .is-accent.action-box .subtitle, .promotion-page-wrapper .is-accent.wrapper-outer .subtitle, .invoice-wrapper .invoice-body .is-accent.invoice-card .subtitle, .is-accent.gauge-widget.is-straight .subtitle, .is-accent.icon-toolbar-widget.is-straight .subtitle, .is-accent.text-widget.is-straight .subtitle, .is-accent.tags-widget.is-straight .subtitle, .is-accent.image-widget.is-straight .subtitle, .is-accent.list-widget.is-straight .subtitle, .is-accent.picker-widget.is-straight .subtitle, .is-accent.stats-widget.is-straight .subtitle, .is-accent.search-widget.is-straight .subtitle, .is-accent.icon-list-widget.is-straight .subtitle, .is-accent.video-widget.is-straight .subtitle, .is-accent.inbox-widget.is-straight .subtitle, .is-accent.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-accent.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-accent.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-accent.creative-list-widget.is-straight .subtitle, .is-accent.social-buttons-widget.is-straight .subtitle, .is-accent.call-widget.is-straight .subtitle, .is-accent.avatar-list-widget.is-straight .subtitle, .is-accent.contact-widget.is-straight .subtitle, .is-accent.followers-widget.is-straight .subtitle, .is-accent.cart-widget.is-straight .subtitle, .is-accent.stat-widget.is-straight .subtitle, .s-card.is-accent h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card h1, .is-accent.collapse h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap h1, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card h1, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header h1, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card h1, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile h1, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card h1, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile h1, .finance-dashboard.sales-dashboard .is-accent.dashboard-card h1, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card h1, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card h1, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile h1, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card h1, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper h1, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary h1, .business-dashboard.flights-dashboard .flights .is-accent.flight-card h1, .business-dashboard.flights-dashboard .is-accent.company-card h1, .business-dashboard.flights-dashboard .is-accent.filters-card h1, .business-dashboard.company-dashboard .is-accent.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card h1, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile h1, .list-view.list-view-v2 .is-accent.list-view-item h1, .user-grid.user-grid-v1 .is-accent.grid-item h1, .user-grid.user-grid-v2 .is-accent.grid-item h1, .user-grid.user-grid-v3 .is-accent.grid-item h1, .user-grid.user-grid-v4 .is-accent.grid-item h1, .card-grid.card-grid-v3 .is-accent.card-grid-item h1, .card-grid.card-grid-v4 .is-accent.card-grid-item h1, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item h1, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item h1, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item h1, .is-accent.demo-card h1, .is-accent.color-card h1, .all-projects .project-grid .is-accent.project-grid-item h1, .project-details .project-details-inner .is-accent.project-details-card h1, .project-details .project-details-inner .is-accent.side-card h1, .project-details .project-details-inner .is-accent.project-team-card h1, .project-details .project-details-inner .task-grid .is-accent.task-card h1, .profile-wrapper .profile-body .is-accent.profile-card h1, .account-wrapper .is-accent.account-box h1, .search-results-wrapper .search-results-body .is-accent.filter-box h1, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item h1, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner h1, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block h1, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box h1, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box h1, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner h1, .form-layout .is-accent.form-outer h1, .confirm-account-wrapper .wrapper-inner .is-accent.action-box h1, .promotion-page-wrapper .wrapper-inner .is-accent.action-box h1, .promotion-page-wrapper .is-accent.wrapper-outer h1, .invoice-wrapper .invoice-body .is-accent.invoice-card h1, .is-accent.gauge-widget.is-straight h1, .is-accent.icon-toolbar-widget.is-straight h1, .is-accent.text-widget.is-straight h1, .is-accent.tags-widget.is-straight h1, .is-accent.image-widget.is-straight h1, .is-accent.list-widget.is-straight h1, .is-accent.picker-widget.is-straight h1, .is-accent.stats-widget.is-straight h1, .is-accent.search-widget.is-straight h1, .is-accent.icon-list-widget.is-straight h1, .is-accent.video-widget.is-straight h1, .is-accent.inbox-widget.is-straight h1, .is-accent.illustration-widget.illustration-widget-v1.is-straight h1, .is-accent.illustration-widget.illustration-widget-v2.is-straight h1, .is-accent.illustration-widget.illustration-widget-v3.is-straight h1, .is-accent.creative-list-widget.is-straight h1, .is-accent.social-buttons-widget.is-straight h1, .is-accent.call-widget.is-straight h1, .is-accent.avatar-list-widget.is-straight h1, .is-accent.contact-widget.is-straight h1, .is-accent.followers-widget.is-straight h1, .is-accent.cart-widget.is-straight h1, .is-accent.stat-widget.is-straight h1, .s-card.is-accent h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card h2, .is-accent.collapse h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap h2, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card h2, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header h2, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card h2, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile h2, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card h2, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile h2, .finance-dashboard.sales-dashboard .is-accent.dashboard-card h2, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card h2, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card h2, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile h2, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card h2, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper h2, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary h2, .business-dashboard.flights-dashboard .flights .is-accent.flight-card h2, .business-dashboard.flights-dashboard .is-accent.company-card h2, .business-dashboard.flights-dashboard .is-accent.filters-card h2, .business-dashboard.company-dashboard .is-accent.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card h2, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile h2, .list-view.list-view-v2 .is-accent.list-view-item h2, .user-grid.user-grid-v1 .is-accent.grid-item h2, .user-grid.user-grid-v2 .is-accent.grid-item h2, .user-grid.user-grid-v3 .is-accent.grid-item h2, .user-grid.user-grid-v4 .is-accent.grid-item h2, .card-grid.card-grid-v3 .is-accent.card-grid-item h2, .card-grid.card-grid-v4 .is-accent.card-grid-item h2, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item h2, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item h2, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item h2, .is-accent.demo-card h2, .is-accent.color-card h2, .all-projects .project-grid .is-accent.project-grid-item h2, .project-details .project-details-inner .is-accent.project-details-card h2, .project-details .project-details-inner .is-accent.side-card h2, .project-details .project-details-inner .is-accent.project-team-card h2, .project-details .project-details-inner .task-grid .is-accent.task-card h2, .profile-wrapper .profile-body .is-accent.profile-card h2, .account-wrapper .is-accent.account-box h2, .search-results-wrapper .search-results-body .is-accent.filter-box h2, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item h2, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner h2, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block h2, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box h2, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box h2, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner h2, .form-layout .is-accent.form-outer h2, .confirm-account-wrapper .wrapper-inner .is-accent.action-box h2, .promotion-page-wrapper .wrapper-inner .is-accent.action-box h2, .promotion-page-wrapper .is-accent.wrapper-outer h2, .invoice-wrapper .invoice-body .is-accent.invoice-card h2, .is-accent.gauge-widget.is-straight h2, .is-accent.icon-toolbar-widget.is-straight h2, .is-accent.text-widget.is-straight h2, .is-accent.tags-widget.is-straight h2, .is-accent.image-widget.is-straight h2, .is-accent.list-widget.is-straight h2, .is-accent.picker-widget.is-straight h2, .is-accent.stats-widget.is-straight h2, .is-accent.search-widget.is-straight h2, .is-accent.icon-list-widget.is-straight h2, .is-accent.video-widget.is-straight h2, .is-accent.inbox-widget.is-straight h2, .is-accent.illustration-widget.illustration-widget-v1.is-straight h2, .is-accent.illustration-widget.illustration-widget-v2.is-straight h2, .is-accent.illustration-widget.illustration-widget-v3.is-straight h2, .is-accent.creative-list-widget.is-straight h2, .is-accent.social-buttons-widget.is-straight h2, .is-accent.call-widget.is-straight h2, .is-accent.avatar-list-widget.is-straight h2, .is-accent.contact-widget.is-straight h2, .is-accent.followers-widget.is-straight h2, .is-accent.cart-widget.is-straight h2, .is-accent.stat-widget.is-straight h2, .s-card.is-accent h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card h3, .is-accent.collapse h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap h3, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card h3, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header h3, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card h3, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile h3, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card h3, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile h3, .finance-dashboard.sales-dashboard .is-accent.dashboard-card h3, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card h3, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card h3, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile h3, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card h3, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper h3, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary h3, .business-dashboard.flights-dashboard .flights .is-accent.flight-card h3, .business-dashboard.flights-dashboard .is-accent.company-card h3, .business-dashboard.flights-dashboard .is-accent.filters-card h3, .business-dashboard.company-dashboard .is-accent.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card h3, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile h3, .list-view.list-view-v2 .is-accent.list-view-item h3, .user-grid.user-grid-v1 .is-accent.grid-item h3, .user-grid.user-grid-v2 .is-accent.grid-item h3, .user-grid.user-grid-v3 .is-accent.grid-item h3, .user-grid.user-grid-v4 .is-accent.grid-item h3, .card-grid.card-grid-v3 .is-accent.card-grid-item h3, .card-grid.card-grid-v4 .is-accent.card-grid-item h3, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item h3, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item h3, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item h3, .is-accent.demo-card h3, .is-accent.color-card h3, .all-projects .project-grid .is-accent.project-grid-item h3, .project-details .project-details-inner .is-accent.project-details-card h3, .project-details .project-details-inner .is-accent.side-card h3, .project-details .project-details-inner .is-accent.project-team-card h3, .project-details .project-details-inner .task-grid .is-accent.task-card h3, .profile-wrapper .profile-body .is-accent.profile-card h3, .account-wrapper .is-accent.account-box h3, .search-results-wrapper .search-results-body .is-accent.filter-box h3, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item h3, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner h3, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block h3, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box h3, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box h3, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner h3, .form-layout .is-accent.form-outer h3, .confirm-account-wrapper .wrapper-inner .is-accent.action-box h3, .promotion-page-wrapper .wrapper-inner .is-accent.action-box h3, .promotion-page-wrapper .is-accent.wrapper-outer h3, .invoice-wrapper .invoice-body .is-accent.invoice-card h3, .is-accent.gauge-widget.is-straight h3, .is-accent.icon-toolbar-widget.is-straight h3, .is-accent.text-widget.is-straight h3, .is-accent.tags-widget.is-straight h3, .is-accent.image-widget.is-straight h3, .is-accent.list-widget.is-straight h3, .is-accent.picker-widget.is-straight h3, .is-accent.stats-widget.is-straight h3, .is-accent.search-widget.is-straight h3, .is-accent.icon-list-widget.is-straight h3, .is-accent.video-widget.is-straight h3, .is-accent.inbox-widget.is-straight h3, .is-accent.illustration-widget.illustration-widget-v1.is-straight h3, .is-accent.illustration-widget.illustration-widget-v2.is-straight h3, .is-accent.illustration-widget.illustration-widget-v3.is-straight h3, .is-accent.creative-list-widget.is-straight h3, .is-accent.social-buttons-widget.is-straight h3, .is-accent.call-widget.is-straight h3, .is-accent.avatar-list-widget.is-straight h3, .is-accent.contact-widget.is-straight h3, .is-accent.followers-widget.is-straight h3, .is-accent.cart-widget.is-straight h3, .is-accent.stat-widget.is-straight h3, .s-card.is-accent h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card h4, .is-accent.collapse h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap h4, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card h4, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header h4, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card h4, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile h4, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card h4, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile h4, .finance-dashboard.sales-dashboard .is-accent.dashboard-card h4, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card h4, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card h4, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile h4, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card h4, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper h4, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary h4, .business-dashboard.flights-dashboard .flights .is-accent.flight-card h4, .business-dashboard.flights-dashboard .is-accent.company-card h4, .business-dashboard.flights-dashboard .is-accent.filters-card h4, .business-dashboard.company-dashboard .is-accent.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card h4, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile h4, .list-view.list-view-v2 .is-accent.list-view-item h4, .user-grid.user-grid-v1 .is-accent.grid-item h4, .user-grid.user-grid-v2 .is-accent.grid-item h4, .user-grid.user-grid-v3 .is-accent.grid-item h4, .user-grid.user-grid-v4 .is-accent.grid-item h4, .card-grid.card-grid-v3 .is-accent.card-grid-item h4, .card-grid.card-grid-v4 .is-accent.card-grid-item h4, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item h4, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item h4, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item h4, .is-accent.demo-card h4, .is-accent.color-card h4, .all-projects .project-grid .is-accent.project-grid-item h4, .project-details .project-details-inner .is-accent.project-details-card h4, .project-details .project-details-inner .is-accent.side-card h4, .project-details .project-details-inner .is-accent.project-team-card h4, .project-details .project-details-inner .task-grid .is-accent.task-card h4, .profile-wrapper .profile-body .is-accent.profile-card h4, .account-wrapper .is-accent.account-box h4, .search-results-wrapper .search-results-body .is-accent.filter-box h4, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item h4, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner h4, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block h4, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box h4, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box h4, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner h4, .form-layout .is-accent.form-outer h4, .confirm-account-wrapper .wrapper-inner .is-accent.action-box h4, .promotion-page-wrapper .wrapper-inner .is-accent.action-box h4, .promotion-page-wrapper .is-accent.wrapper-outer h4, .invoice-wrapper .invoice-body .is-accent.invoice-card h4, .is-accent.gauge-widget.is-straight h4, .is-accent.icon-toolbar-widget.is-straight h4, .is-accent.text-widget.is-straight h4, .is-accent.tags-widget.is-straight h4, .is-accent.image-widget.is-straight h4, .is-accent.list-widget.is-straight h4, .is-accent.picker-widget.is-straight h4, .is-accent.stats-widget.is-straight h4, .is-accent.search-widget.is-straight h4, .is-accent.icon-list-widget.is-straight h4, .is-accent.video-widget.is-straight h4, .is-accent.inbox-widget.is-straight h4, .is-accent.illustration-widget.illustration-widget-v1.is-straight h4, .is-accent.illustration-widget.illustration-widget-v2.is-straight h4, .is-accent.illustration-widget.illustration-widget-v3.is-straight h4, .is-accent.creative-list-widget.is-straight h4, .is-accent.social-buttons-widget.is-straight h4, .is-accent.call-widget.is-straight h4, .is-accent.avatar-list-widget.is-straight h4, .is-accent.contact-widget.is-straight h4, .is-accent.followers-widget.is-straight h4, .is-accent.cart-widget.is-straight h4, .is-accent.stat-widget.is-straight h4, .s-card.is-accent p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card p, .is-accent.collapse p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap p, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card p, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header p, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card p, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile p, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card p, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile p, .finance-dashboard.sales-dashboard .is-accent.dashboard-card p, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card p, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card p, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile p, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card p, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper p, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary p, .business-dashboard.flights-dashboard .flights .is-accent.flight-card p, .business-dashboard.flights-dashboard .is-accent.company-card p, .business-dashboard.flights-dashboard .is-accent.filters-card p, .business-dashboard.company-dashboard .is-accent.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card p, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile p, .list-view.list-view-v2 .is-accent.list-view-item p, .user-grid.user-grid-v1 .is-accent.grid-item p, .user-grid.user-grid-v2 .is-accent.grid-item p, .user-grid.user-grid-v3 .is-accent.grid-item p, .user-grid.user-grid-v4 .is-accent.grid-item p, .card-grid.card-grid-v3 .is-accent.card-grid-item p, .card-grid.card-grid-v4 .is-accent.card-grid-item p, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item p, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item p, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item p, .is-accent.demo-card p, .is-accent.color-card p, .all-projects .project-grid .is-accent.project-grid-item p, .project-details .project-details-inner .is-accent.project-details-card p, .project-details .project-details-inner .is-accent.side-card p, .project-details .project-details-inner .is-accent.project-team-card p, .project-details .project-details-inner .task-grid .is-accent.task-card p, .profile-wrapper .profile-body .is-accent.profile-card p, .account-wrapper .is-accent.account-box p, .search-results-wrapper .search-results-body .is-accent.filter-box p, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item p, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner p, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block p, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box p, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box p, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner p, .form-layout .is-accent.form-outer p, .confirm-account-wrapper .wrapper-inner .is-accent.action-box p, .promotion-page-wrapper .wrapper-inner .is-accent.action-box p, .promotion-page-wrapper .is-accent.wrapper-outer p, .invoice-wrapper .invoice-body .is-accent.invoice-card p, .is-accent.gauge-widget.is-straight p, .is-accent.icon-toolbar-widget.is-straight p, .is-accent.text-widget.is-straight p, .is-accent.tags-widget.is-straight p, .is-accent.image-widget.is-straight p, .is-accent.list-widget.is-straight p, .is-accent.picker-widget.is-straight p, .is-accent.stats-widget.is-straight p, .is-accent.search-widget.is-straight p, .is-accent.icon-list-widget.is-straight p, .is-accent.video-widget.is-straight p, .is-accent.inbox-widget.is-straight p, .is-accent.illustration-widget.illustration-widget-v1.is-straight p, .is-accent.illustration-widget.illustration-widget-v2.is-straight p, .is-accent.illustration-widget.illustration-widget-v3.is-straight p, .is-accent.creative-list-widget.is-straight p, .is-accent.social-buttons-widget.is-straight p, .is-accent.call-widget.is-straight p, .is-accent.avatar-list-widget.is-straight p, .is-accent.contact-widget.is-straight p, .is-accent.followers-widget.is-straight p, .is-accent.cart-widget.is-straight p, .is-accent.stat-widget.is-straight p, .s-card.is-accent div, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.team-card div, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-accent.project-card div, .is-accent.collapse div, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-accent.content-wrap div, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-accent.dashboard-card div, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-header div, .personal-dashboard.personal-dashboard-v2 .is-accent.dashboard-card div, .finance-dashboard.analytics-dashboard .is-accent.dashboard-tile div, .finance-dashboard.analytics-dashboard .is-accent.dashboard-card div, .finance-dashboard.sales-dashboard .spark-tiles .is-accent.spark-tile div, .finance-dashboard.sales-dashboard .is-accent.dashboard-card div, .banking-dashboard.banking-dashboard-v1 .is-accent.dashboard-card div, .banking-dashboard.banking-dashboard-v2 .is-accent.dashboard-card div, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-accent.dashboard-tile div, .banking-dashboard.banking-dashboard-v3 .is-accent.dashboard-card div, .business-dashboard.flights-dashboard .is-accent.booking-bar-wrapper div, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-accent.flight-summary div, .business-dashboard.flights-dashboard .flights .is-accent.flight-card div, .business-dashboard.flights-dashboard .is-accent.company-card div, .business-dashboard.flights-dashboard .is-accent.filters-card div, .business-dashboard.company-dashboard .is-accent.dashboard-card div, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-accent.overview-card div, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-accent.dashboard-tile div, .list-view.list-view-v2 .is-accent.list-view-item div, .user-grid.user-grid-v1 .is-accent.grid-item div, .user-grid.user-grid-v2 .is-accent.grid-item div, .user-grid.user-grid-v3 .is-accent.grid-item div, .user-grid.user-grid-v4 .is-accent.grid-item div, .card-grid.card-grid-v3 .is-accent.card-grid-item div, .card-grid.card-grid-v4 .is-accent.card-grid-item div, .tile-grid.tile-grid-v1 .is-accent.tile-grid-item div, .tile-grid.tile-grid-v2 .is-accent.tile-grid-item div, .tile-grid.tile-grid-v3 .is-accent.tile-grid-item div, .is-accent.demo-card div, .is-accent.color-card div, .all-projects .project-grid .is-accent.project-grid-item div, .project-details .project-details-inner .is-accent.project-details-card div, .project-details .project-details-inner .is-accent.side-card div, .project-details .project-details-inner .is-accent.project-team-card div, .project-details .project-details-inner .task-grid .is-accent.task-card div, .profile-wrapper .profile-body .is-accent.profile-card div, .account-wrapper .is-accent.account-box div, .search-results-wrapper .search-results-body .is-accent.filter-box div, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-accent.search-results-item div, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-accent.plan-inner div, .saas-billing-wrapper .billing-options-wrapper .left .is-accent.option-block div, .action-page-wrapper.action-page-v1 .wrapper-inner .is-accent.action-box div, .action-page-wrapper.action-page-v2 .wrapper-inner .is-accent.action-box div, .action-page-wrapper.action-page-v2 .is-accent.wrapper-outer div, .form-layout.is-separate .form-outer .form-body .form-section .is-accent.form-section-inner div, .form-layout .is-accent.form-outer div, .confirm-account-wrapper .wrapper-inner .is-accent.action-box div, .promotion-page-wrapper .wrapper-inner .is-accent.action-box div, .promotion-page-wrapper .is-accent.wrapper-outer div, .invoice-wrapper .invoice-body .is-accent.invoice-card div, .is-accent.gauge-widget.is-straight div, .is-accent.icon-toolbar-widget.is-straight div, .is-accent.text-widget.is-straight div, .is-accent.tags-widget.is-straight div, .is-accent.image-widget.is-straight div, .is-accent.list-widget.is-straight div, .is-accent.picker-widget.is-straight div, .is-accent.stats-widget.is-straight div, .is-accent.search-widget.is-straight div, .is-accent.icon-list-widget.is-straight div, .is-accent.video-widget.is-straight div, .is-accent.inbox-widget.is-straight div, .is-accent.illustration-widget.illustration-widget-v1.is-straight div, .is-accent.illustration-widget.illustration-widget-v2.is-straight div, .is-accent.illustration-widget.illustration-widget-v3.is-straight div, .is-accent.creative-list-widget.is-straight div, .is-accent.social-buttons-widget.is-straight div, .is-accent.call-widget.is-straight div, .is-accent.avatar-list-widget.is-straight div, .is-accent.contact-widget.is-straight div, .is-accent.followers-widget.is-straight div, .is-accent.cart-widget.is-straight div, .is-accent.stat-widget.is-straight div, .l-card.is-accent .title, .boxed-features .is-accent.flex-card .title, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card .title, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item .title, .business-dashboard.course-dashboard .course-grid .is-accent.course-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center .title, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates .title, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item .title, .is-accent.gauge-widget .title, .is-accent.icon-toolbar-widget .title, .is-accent.text-widget .title, .is-accent.tags-widget .title, .calendar-widget .calendar-widget-inner .is-accent.calendar-square .title, .is-accent.image-widget .title, .is-accent.list-widget .title, .is-accent.picker-widget .title, .is-accent.stats-widget .title, .is-accent.search-widget .title, .is-accent.icon-list-widget .title, .is-accent.video-widget .title, .is-accent.inbox-widget .title, .is-accent.illustration-widget.illustration-widget-v1 .title, .is-accent.illustration-widget.illustration-widget-v2 .title, .is-accent.illustration-widget.illustration-widget-v3 .title, .is-accent.creative-list-widget .title, .is-accent.social-buttons-widget .title, .is-accent.call-widget .title, .is-accent.avatar-list-widget .title, .is-accent.contact-widget .title, .is-accent.followers-widget .title, .is-accent.cart-widget .title, .is-accent.stat-widget .title, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card .title, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions .title, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box .title, .l-card.is-accent .subtitle, .boxed-features .is-accent.flex-card .subtitle, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card .subtitle, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item .subtitle, .business-dashboard.course-dashboard .course-grid .is-accent.course-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates .subtitle, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item .subtitle, .is-accent.gauge-widget .subtitle, .is-accent.icon-toolbar-widget .subtitle, .is-accent.text-widget .subtitle, .is-accent.tags-widget .subtitle, .calendar-widget .calendar-widget-inner .is-accent.calendar-square .subtitle, .is-accent.image-widget .subtitle, .is-accent.list-widget .subtitle, .is-accent.picker-widget .subtitle, .is-accent.stats-widget .subtitle, .is-accent.search-widget .subtitle, .is-accent.icon-list-widget .subtitle, .is-accent.video-widget .subtitle, .is-accent.inbox-widget .subtitle, .is-accent.illustration-widget.illustration-widget-v1 .subtitle, .is-accent.illustration-widget.illustration-widget-v2 .subtitle, .is-accent.illustration-widget.illustration-widget-v3 .subtitle, .is-accent.creative-list-widget .subtitle, .is-accent.social-buttons-widget .subtitle, .is-accent.call-widget .subtitle, .is-accent.avatar-list-widget .subtitle, .is-accent.contact-widget .subtitle, .is-accent.followers-widget .subtitle, .is-accent.cart-widget .subtitle, .is-accent.stat-widget .subtitle, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card .subtitle, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions .subtitle, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box .subtitle, .l-card.is-accent h1, .boxed-features .is-accent.flex-card h1, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card h1, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item h1, .business-dashboard.course-dashboard .course-grid .is-accent.course-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center h1, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates h1, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item h1, .is-accent.gauge-widget h1, .is-accent.icon-toolbar-widget h1, .is-accent.text-widget h1, .is-accent.tags-widget h1, .calendar-widget .calendar-widget-inner .is-accent.calendar-square h1, .is-accent.image-widget h1, .is-accent.list-widget h1, .is-accent.picker-widget h1, .is-accent.stats-widget h1, .is-accent.search-widget h1, .is-accent.icon-list-widget h1, .is-accent.video-widget h1, .is-accent.inbox-widget h1, .is-accent.illustration-widget.illustration-widget-v1 h1, .is-accent.illustration-widget.illustration-widget-v2 h1, .is-accent.illustration-widget.illustration-widget-v3 h1, .is-accent.creative-list-widget h1, .is-accent.social-buttons-widget h1, .is-accent.call-widget h1, .is-accent.avatar-list-widget h1, .is-accent.contact-widget h1, .is-accent.followers-widget h1, .is-accent.cart-widget h1, .is-accent.stat-widget h1, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card h1, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions h1, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box h1, .l-card.is-accent h2, .boxed-features .is-accent.flex-card h2, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card h2, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item h2, .business-dashboard.course-dashboard .course-grid .is-accent.course-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center h2, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates h2, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item h2, .is-accent.gauge-widget h2, .is-accent.icon-toolbar-widget h2, .is-accent.text-widget h2, .is-accent.tags-widget h2, .calendar-widget .calendar-widget-inner .is-accent.calendar-square h2, .is-accent.image-widget h2, .is-accent.list-widget h2, .is-accent.picker-widget h2, .is-accent.stats-widget h2, .is-accent.search-widget h2, .is-accent.icon-list-widget h2, .is-accent.video-widget h2, .is-accent.inbox-widget h2, .is-accent.illustration-widget.illustration-widget-v1 h2, .is-accent.illustration-widget.illustration-widget-v2 h2, .is-accent.illustration-widget.illustration-widget-v3 h2, .is-accent.creative-list-widget h2, .is-accent.social-buttons-widget h2, .is-accent.call-widget h2, .is-accent.avatar-list-widget h2, .is-accent.contact-widget h2, .is-accent.followers-widget h2, .is-accent.cart-widget h2, .is-accent.stat-widget h2, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card h2, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions h2, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box h2, .l-card.is-accent h3, .boxed-features .is-accent.flex-card h3, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card h3, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item h3, .business-dashboard.course-dashboard .course-grid .is-accent.course-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center h3, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates h3, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item h3, .is-accent.gauge-widget h3, .is-accent.icon-toolbar-widget h3, .is-accent.text-widget h3, .is-accent.tags-widget h3, .calendar-widget .calendar-widget-inner .is-accent.calendar-square h3, .is-accent.image-widget h3, .is-accent.list-widget h3, .is-accent.picker-widget h3, .is-accent.stats-widget h3, .is-accent.search-widget h3, .is-accent.icon-list-widget h3, .is-accent.video-widget h3, .is-accent.inbox-widget h3, .is-accent.illustration-widget.illustration-widget-v1 h3, .is-accent.illustration-widget.illustration-widget-v2 h3, .is-accent.illustration-widget.illustration-widget-v3 h3, .is-accent.creative-list-widget h3, .is-accent.social-buttons-widget h3, .is-accent.call-widget h3, .is-accent.avatar-list-widget h3, .is-accent.contact-widget h3, .is-accent.followers-widget h3, .is-accent.cart-widget h3, .is-accent.stat-widget h3, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card h3, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions h3, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box h3, .l-card.is-accent h4, .boxed-features .is-accent.flex-card h4, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card h4, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item h4, .business-dashboard.course-dashboard .course-grid .is-accent.course-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center h4, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates h4, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item h4, .is-accent.gauge-widget h4, .is-accent.icon-toolbar-widget h4, .is-accent.text-widget h4, .is-accent.tags-widget h4, .calendar-widget .calendar-widget-inner .is-accent.calendar-square h4, .is-accent.image-widget h4, .is-accent.list-widget h4, .is-accent.picker-widget h4, .is-accent.stats-widget h4, .is-accent.search-widget h4, .is-accent.icon-list-widget h4, .is-accent.video-widget h4, .is-accent.inbox-widget h4, .is-accent.illustration-widget.illustration-widget-v1 h4, .is-accent.illustration-widget.illustration-widget-v2 h4, .is-accent.illustration-widget.illustration-widget-v3 h4, .is-accent.creative-list-widget h4, .is-accent.social-buttons-widget h4, .is-accent.call-widget h4, .is-accent.avatar-list-widget h4, .is-accent.contact-widget h4, .is-accent.followers-widget h4, .is-accent.cart-widget h4, .is-accent.stat-widget h4, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card h4, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions h4, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box h4, .l-card.is-accent p, .boxed-features .is-accent.flex-card p, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card p, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item p, .business-dashboard.course-dashboard .course-grid .is-accent.course-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center p, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates p, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item p, .is-accent.gauge-widget p, .is-accent.icon-toolbar-widget p, .is-accent.text-widget p, .is-accent.tags-widget p, .calendar-widget .calendar-widget-inner .is-accent.calendar-square p, .is-accent.image-widget p, .is-accent.list-widget p, .is-accent.picker-widget p, .is-accent.stats-widget p, .is-accent.search-widget p, .is-accent.icon-list-widget p, .is-accent.video-widget p, .is-accent.inbox-widget p, .is-accent.illustration-widget.illustration-widget-v1 p, .is-accent.illustration-widget.illustration-widget-v2 p, .is-accent.illustration-widget.illustration-widget-v3 p, .is-accent.creative-list-widget p, .is-accent.social-buttons-widget p, .is-accent.call-widget p, .is-accent.avatar-list-widget p, .is-accent.contact-widget p, .is-accent.followers-widget p, .is-accent.cart-widget p, .is-accent.stat-widget p, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card p, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box p, .l-card.is-accent div, .boxed-features .is-accent.flex-card div, .personal-dashboard.personal-dashboard-v3 .is-accent.dashboard-card div, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-accent.grid-item div, .business-dashboard.course-dashboard .course-grid .is-accent.course-card div, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-accent.long-card div, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-accent.media-flex-center div, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-accent.dashboard-card div, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-accent.writing-stat div, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.featured-authors div, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-accent.updates div, .food-delivery-dashboard .left .left-body .restaurants-list .is-accent.restaurants-list-item div, .is-accent.gauge-widget div, .is-accent.icon-toolbar-widget div, .is-accent.text-widget div, .is-accent.tags-widget div, .calendar-widget .calendar-widget-inner .is-accent.calendar-square div, .is-accent.image-widget div, .is-accent.list-widget div, .is-accent.picker-widget div, .is-accent.stats-widget div, .is-accent.search-widget div, .is-accent.icon-list-widget div, .is-accent.video-widget div, .is-accent.inbox-widget div, .is-accent.illustration-widget.illustration-widget-v1 div, .is-accent.illustration-widget.illustration-widget-v2 div, .is-accent.illustration-widget.illustration-widget-v3 div, .is-accent.creative-list-widget div, .is-accent.social-buttons-widget div, .is-accent.call-widget div, .is-accent.avatar-list-widget div, .is-accent.contact-widget div, .is-accent.followers-widget div, .is-accent.cart-widget div, .is-accent.stat-widget div, .wizard-v1-wrapper .step-content .wizard-types .is-accent.wizard-card div, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-accent.uploader-actions div, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-accent.edit-box div, .h-card.is-accent .title, .h-card.is-accent .subtitle, .h-card.is-accent h1, .h-card.is-accent h2, .h-card.is-accent h3, .h-card.is-accent h4, .h-card.is-accent p, .h-card.is-accent div { color: #fcfcfc !important; } /* line 90, src/assets/scss/elements/_cards.scss */ .r-card.is-info, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-info.column-placeholder, .finance-dashboard.stock-dashboard .is-info.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-info.media-feed-item, .list-view.list-view-v1 .is-info.list-view-item, .list-view.list-view-v3 .is-info.list-view-item, .list-view.list-view-v4 .is-info.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card, .s-card.is-info, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card, .is-info.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-info.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-card, .finance-dashboard.analytics-dashboard .is-info.dashboard-tile, .finance-dashboard.analytics-dashboard .is-info.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-info.spark-tile, .finance-dashboard.sales-dashboard .is-info.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-info.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-info.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-info.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-info.dashboard-card, .business-dashboard.flights-dashboard .is-info.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-info.flight-summary, .business-dashboard.flights-dashboard .flights .is-info.flight-card, .business-dashboard.flights-dashboard .is-info.company-card, .business-dashboard.flights-dashboard .is-info.filters-card, .business-dashboard.company-dashboard .is-info.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-info.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-info.dashboard-tile, .list-view.list-view-v2 .is-info.list-view-item, .user-grid.user-grid-v1 .is-info.grid-item, .user-grid.user-grid-v2 .is-info.grid-item, .user-grid.user-grid-v3 .is-info.grid-item, .user-grid.user-grid-v4 .is-info.grid-item, .card-grid.card-grid-v3 .is-info.card-grid-item, .card-grid.card-grid-v4 .is-info.card-grid-item, .tile-grid.tile-grid-v1 .is-info.tile-grid-item, .tile-grid.tile-grid-v2 .is-info.tile-grid-item, .tile-grid.tile-grid-v3 .is-info.tile-grid-item, .is-info.demo-card, .is-info.color-card, .all-projects .project-grid .is-info.project-grid-item, .project-details .project-details-inner .is-info.project-details-card, .project-details .project-details-inner .is-info.side-card, .project-details .project-details-inner .is-info.project-team-card, .project-details .project-details-inner .task-grid .is-info.task-card, .profile-wrapper .profile-body .is-info.profile-card, .account-wrapper .is-info.account-box, .search-results-wrapper .search-results-body .is-info.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-info.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-info.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-info.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-info.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-info.action-box, .action-page-wrapper.action-page-v2 .is-info.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner, .form-layout .is-info.form-outer, .confirm-account-wrapper .wrapper-inner .is-info.action-box, .promotion-page-wrapper .wrapper-inner .is-info.action-box, .promotion-page-wrapper .is-info.wrapper-outer, .invoice-wrapper .invoice-body .is-info.invoice-card, .is-info.gauge-widget.is-straight, .is-info.icon-toolbar-widget.is-straight, .is-info.text-widget.is-straight, .is-info.tags-widget.is-straight, .is-info.image-widget.is-straight, .is-info.list-widget.is-straight, .is-info.picker-widget.is-straight, .is-info.stats-widget.is-straight, .is-info.search-widget.is-straight, .is-info.icon-list-widget.is-straight, .is-info.video-widget.is-straight, .is-info.inbox-widget.is-straight, .is-info.illustration-widget.illustration-widget-v1.is-straight, .is-info.illustration-widget.illustration-widget-v2.is-straight, .is-info.illustration-widget.illustration-widget-v3.is-straight, .is-info.creative-list-widget.is-straight, .is-info.social-buttons-widget.is-straight, .is-info.call-widget.is-straight, .is-info.avatar-list-widget.is-straight, .is-info.contact-widget.is-straight, .is-info.followers-widget.is-straight, .is-info.cart-widget.is-straight, .is-info.stat-widget.is-straight, .l-card.is-info, .boxed-features .is-info.flex-card, .personal-dashboard.personal-dashboard-v3 .is-info.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-info.grid-item, .business-dashboard.course-dashboard .course-grid .is-info.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-info.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-info.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-info.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-info.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-info.restaurants-list-item, .is-info.gauge-widget, .is-info.icon-toolbar-widget, .is-info.text-widget, .is-info.tags-widget, .calendar-widget .calendar-widget-inner .is-info.calendar-square, .is-info.image-widget, .is-info.list-widget, .is-info.picker-widget, .is-info.stats-widget, .is-info.search-widget, .is-info.icon-list-widget, .is-info.video-widget, .is-info.inbox-widget, .is-info.illustration-widget.illustration-widget-v1, .is-info.illustration-widget.illustration-widget-v2, .is-info.illustration-widget.illustration-widget-v3, .is-info.creative-list-widget, .is-info.social-buttons-widget, .is-info.call-widget, .is-info.avatar-list-widget, .is-info.contact-widget, .is-info.followers-widget, .is-info.cart-widget, .is-info.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-info.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-info.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-info.edit-box, .h-card.is-info { background: #039BE5 !important; border-color: #039BE5 !important; } /* line 94, src/assets/scss/elements/_cards.scss */ .r-card.is-info .title, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-info.column-placeholder .title, .finance-dashboard.stock-dashboard .is-info.stock-card .title, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-info.media-feed-item .title, .list-view.list-view-v1 .is-info.list-view-item .title, .list-view.list-view-v3 .is-info.list-view-item .title, .list-view.list-view-v4 .is-info.list-view-item .title, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card .title, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card .title, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card .title, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card .title, .r-card.is-info .subtitle, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-info.column-placeholder .subtitle, .finance-dashboard.stock-dashboard .is-info.stock-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-info.media-feed-item .subtitle, .list-view.list-view-v1 .is-info.list-view-item .subtitle, .list-view.list-view-v3 .is-info.list-view-item .subtitle, .list-view.list-view-v4 .is-info.list-view-item .subtitle, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card .subtitle, .r-card.is-info h1, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-info.column-placeholder h1, .finance-dashboard.stock-dashboard .is-info.stock-card h1, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-info.media-feed-item h1, .list-view.list-view-v1 .is-info.list-view-item h1, .list-view.list-view-v3 .is-info.list-view-item h1, .list-view.list-view-v4 .is-info.list-view-item h1, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h1, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h1, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h1, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h1, .r-card.is-info h2, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-info.column-placeholder h2, .finance-dashboard.stock-dashboard .is-info.stock-card h2, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-info.media-feed-item h2, .list-view.list-view-v1 .is-info.list-view-item h2, .list-view.list-view-v3 .is-info.list-view-item h2, .list-view.list-view-v4 .is-info.list-view-item h2, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h2, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h2, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h2, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h2, .r-card.is-info h3, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-info.column-placeholder h3, .finance-dashboard.stock-dashboard .is-info.stock-card h3, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-info.media-feed-item h3, .list-view.list-view-v1 .is-info.list-view-item h3, .list-view.list-view-v3 .is-info.list-view-item h3, .list-view.list-view-v4 .is-info.list-view-item h3, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h3, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h3, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h3, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h3, .r-card.is-info h4, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-info.column-placeholder h4, .finance-dashboard.stock-dashboard .is-info.stock-card h4, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-info.media-feed-item h4, .list-view.list-view-v1 .is-info.list-view-item h4, .list-view.list-view-v3 .is-info.list-view-item h4, .list-view.list-view-v4 .is-info.list-view-item h4, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h4, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h4, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h4, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card h4, .r-card.is-info p, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-info.column-placeholder p, .finance-dashboard.stock-dashboard .is-info.stock-card p, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-info.media-feed-item p, .list-view.list-view-v1 .is-info.list-view-item p, .list-view.list-view-v3 .is-info.list-view-item p, .list-view.list-view-v4 .is-info.list-view-item p, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card p, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card p, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card p, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-info.onboarding-card p, .s-card.is-info .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card .title, .is-info.collapse .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap .title, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-info.dashboard-card .title, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-header .title, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-card .title, .finance-dashboard.analytics-dashboard .is-info.dashboard-tile .title, .finance-dashboard.analytics-dashboard .is-info.dashboard-card .title, .finance-dashboard.sales-dashboard .spark-tiles .is-info.spark-tile .title, .finance-dashboard.sales-dashboard .is-info.dashboard-card .title, .banking-dashboard.banking-dashboard-v1 .is-info.dashboard-card .title, .banking-dashboard.banking-dashboard-v2 .is-info.dashboard-card .title, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-info.dashboard-tile .title, .banking-dashboard.banking-dashboard-v3 .is-info.dashboard-card .title, .business-dashboard.flights-dashboard .is-info.booking-bar-wrapper .title, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-info.flight-summary .title, .business-dashboard.flights-dashboard .flights .is-info.flight-card .title, .business-dashboard.flights-dashboard .is-info.company-card .title, .business-dashboard.flights-dashboard .is-info.filters-card .title, .business-dashboard.company-dashboard .is-info.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-info.overview-card .title, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-info.dashboard-tile .title, .list-view.list-view-v2 .is-info.list-view-item .title, .user-grid.user-grid-v1 .is-info.grid-item .title, .user-grid.user-grid-v2 .is-info.grid-item .title, .user-grid.user-grid-v3 .is-info.grid-item .title, .user-grid.user-grid-v4 .is-info.grid-item .title, .card-grid.card-grid-v3 .is-info.card-grid-item .title, .card-grid.card-grid-v4 .is-info.card-grid-item .title, .tile-grid.tile-grid-v1 .is-info.tile-grid-item .title, .tile-grid.tile-grid-v2 .is-info.tile-grid-item .title, .tile-grid.tile-grid-v3 .is-info.tile-grid-item .title, .is-info.demo-card .title, .is-info.color-card .title, .all-projects .project-grid .is-info.project-grid-item .title, .project-details .project-details-inner .is-info.project-details-card .title, .project-details .project-details-inner .is-info.side-card .title, .project-details .project-details-inner .is-info.project-team-card .title, .project-details .project-details-inner .task-grid .is-info.task-card .title, .profile-wrapper .profile-body .is-info.profile-card .title, .account-wrapper .is-info.account-box .title, .search-results-wrapper .search-results-body .is-info.filter-box .title, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-info.search-results-item .title, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-info.plan-inner .title, .saas-billing-wrapper .billing-options-wrapper .left .is-info.option-block .title, .action-page-wrapper.action-page-v1 .wrapper-inner .is-info.action-box .title, .action-page-wrapper.action-page-v2 .wrapper-inner .is-info.action-box .title, .action-page-wrapper.action-page-v2 .is-info.wrapper-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner .title, .form-layout .is-info.form-outer .title, .confirm-account-wrapper .wrapper-inner .is-info.action-box .title, .promotion-page-wrapper .wrapper-inner .is-info.action-box .title, .promotion-page-wrapper .is-info.wrapper-outer .title, .invoice-wrapper .invoice-body .is-info.invoice-card .title, .is-info.gauge-widget.is-straight .title, .is-info.icon-toolbar-widget.is-straight .title, .is-info.text-widget.is-straight .title, .is-info.tags-widget.is-straight .title, .is-info.image-widget.is-straight .title, .is-info.list-widget.is-straight .title, .is-info.picker-widget.is-straight .title, .is-info.stats-widget.is-straight .title, .is-info.search-widget.is-straight .title, .is-info.icon-list-widget.is-straight .title, .is-info.video-widget.is-straight .title, .is-info.inbox-widget.is-straight .title, .is-info.illustration-widget.illustration-widget-v1.is-straight .title, .is-info.illustration-widget.illustration-widget-v2.is-straight .title, .is-info.illustration-widget.illustration-widget-v3.is-straight .title, .is-info.creative-list-widget.is-straight .title, .is-info.social-buttons-widget.is-straight .title, .is-info.call-widget.is-straight .title, .is-info.avatar-list-widget.is-straight .title, .is-info.contact-widget.is-straight .title, .is-info.followers-widget.is-straight .title, .is-info.cart-widget.is-straight .title, .is-info.stat-widget.is-straight .title, .s-card.is-info .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card .subtitle, .is-info.collapse .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap .subtitle, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-info.dashboard-card .subtitle, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-header .subtitle, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-card .subtitle, .finance-dashboard.analytics-dashboard .is-info.dashboard-tile .subtitle, .finance-dashboard.analytics-dashboard .is-info.dashboard-card .subtitle, .finance-dashboard.sales-dashboard .spark-tiles .is-info.spark-tile .subtitle, .finance-dashboard.sales-dashboard .is-info.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v1 .is-info.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v2 .is-info.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-info.dashboard-tile .subtitle, .banking-dashboard.banking-dashboard-v3 .is-info.dashboard-card .subtitle, .business-dashboard.flights-dashboard .is-info.booking-bar-wrapper .subtitle, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-info.flight-summary .subtitle, .business-dashboard.flights-dashboard .flights .is-info.flight-card .subtitle, .business-dashboard.flights-dashboard .is-info.company-card .subtitle, .business-dashboard.flights-dashboard .is-info.filters-card .subtitle, .business-dashboard.company-dashboard .is-info.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-info.overview-card .subtitle, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-info.dashboard-tile .subtitle, .list-view.list-view-v2 .is-info.list-view-item .subtitle, .user-grid.user-grid-v1 .is-info.grid-item .subtitle, .user-grid.user-grid-v2 .is-info.grid-item .subtitle, .user-grid.user-grid-v3 .is-info.grid-item .subtitle, .user-grid.user-grid-v4 .is-info.grid-item .subtitle, .card-grid.card-grid-v3 .is-info.card-grid-item .subtitle, .card-grid.card-grid-v4 .is-info.card-grid-item .subtitle, .tile-grid.tile-grid-v1 .is-info.tile-grid-item .subtitle, .tile-grid.tile-grid-v2 .is-info.tile-grid-item .subtitle, .tile-grid.tile-grid-v3 .is-info.tile-grid-item .subtitle, .is-info.demo-card .subtitle, .is-info.color-card .subtitle, .all-projects .project-grid .is-info.project-grid-item .subtitle, .project-details .project-details-inner .is-info.project-details-card .subtitle, .project-details .project-details-inner .is-info.side-card .subtitle, .project-details .project-details-inner .is-info.project-team-card .subtitle, .project-details .project-details-inner .task-grid .is-info.task-card .subtitle, .profile-wrapper .profile-body .is-info.profile-card .subtitle, .account-wrapper .is-info.account-box .subtitle, .search-results-wrapper .search-results-body .is-info.filter-box .subtitle, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-info.search-results-item .subtitle, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-info.plan-inner .subtitle, .saas-billing-wrapper .billing-options-wrapper .left .is-info.option-block .subtitle, .action-page-wrapper.action-page-v1 .wrapper-inner .is-info.action-box .subtitle, .action-page-wrapper.action-page-v2 .wrapper-inner .is-info.action-box .subtitle, .action-page-wrapper.action-page-v2 .is-info.wrapper-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner .subtitle, .form-layout .is-info.form-outer .subtitle, .confirm-account-wrapper .wrapper-inner .is-info.action-box .subtitle, .promotion-page-wrapper .wrapper-inner .is-info.action-box .subtitle, .promotion-page-wrapper .is-info.wrapper-outer .subtitle, .invoice-wrapper .invoice-body .is-info.invoice-card .subtitle, .is-info.gauge-widget.is-straight .subtitle, .is-info.icon-toolbar-widget.is-straight .subtitle, .is-info.text-widget.is-straight .subtitle, .is-info.tags-widget.is-straight .subtitle, .is-info.image-widget.is-straight .subtitle, .is-info.list-widget.is-straight .subtitle, .is-info.picker-widget.is-straight .subtitle, .is-info.stats-widget.is-straight .subtitle, .is-info.search-widget.is-straight .subtitle, .is-info.icon-list-widget.is-straight .subtitle, .is-info.video-widget.is-straight .subtitle, .is-info.inbox-widget.is-straight .subtitle, .is-info.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-info.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-info.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-info.creative-list-widget.is-straight .subtitle, .is-info.social-buttons-widget.is-straight .subtitle, .is-info.call-widget.is-straight .subtitle, .is-info.avatar-list-widget.is-straight .subtitle, .is-info.contact-widget.is-straight .subtitle, .is-info.followers-widget.is-straight .subtitle, .is-info.cart-widget.is-straight .subtitle, .is-info.stat-widget.is-straight .subtitle, .s-card.is-info h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card h1, .is-info.collapse h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap h1, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-info.dashboard-card h1, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-header h1, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-card h1, .finance-dashboard.analytics-dashboard .is-info.dashboard-tile h1, .finance-dashboard.analytics-dashboard .is-info.dashboard-card h1, .finance-dashboard.sales-dashboard .spark-tiles .is-info.spark-tile h1, .finance-dashboard.sales-dashboard .is-info.dashboard-card h1, .banking-dashboard.banking-dashboard-v1 .is-info.dashboard-card h1, .banking-dashboard.banking-dashboard-v2 .is-info.dashboard-card h1, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-info.dashboard-tile h1, .banking-dashboard.banking-dashboard-v3 .is-info.dashboard-card h1, .business-dashboard.flights-dashboard .is-info.booking-bar-wrapper h1, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-info.flight-summary h1, .business-dashboard.flights-dashboard .flights .is-info.flight-card h1, .business-dashboard.flights-dashboard .is-info.company-card h1, .business-dashboard.flights-dashboard .is-info.filters-card h1, .business-dashboard.company-dashboard .is-info.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-info.overview-card h1, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-info.dashboard-tile h1, .list-view.list-view-v2 .is-info.list-view-item h1, .user-grid.user-grid-v1 .is-info.grid-item h1, .user-grid.user-grid-v2 .is-info.grid-item h1, .user-grid.user-grid-v3 .is-info.grid-item h1, .user-grid.user-grid-v4 .is-info.grid-item h1, .card-grid.card-grid-v3 .is-info.card-grid-item h1, .card-grid.card-grid-v4 .is-info.card-grid-item h1, .tile-grid.tile-grid-v1 .is-info.tile-grid-item h1, .tile-grid.tile-grid-v2 .is-info.tile-grid-item h1, .tile-grid.tile-grid-v3 .is-info.tile-grid-item h1, .is-info.demo-card h1, .is-info.color-card h1, .all-projects .project-grid .is-info.project-grid-item h1, .project-details .project-details-inner .is-info.project-details-card h1, .project-details .project-details-inner .is-info.side-card h1, .project-details .project-details-inner .is-info.project-team-card h1, .project-details .project-details-inner .task-grid .is-info.task-card h1, .profile-wrapper .profile-body .is-info.profile-card h1, .account-wrapper .is-info.account-box h1, .search-results-wrapper .search-results-body .is-info.filter-box h1, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-info.search-results-item h1, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-info.plan-inner h1, .saas-billing-wrapper .billing-options-wrapper .left .is-info.option-block h1, .action-page-wrapper.action-page-v1 .wrapper-inner .is-info.action-box h1, .action-page-wrapper.action-page-v2 .wrapper-inner .is-info.action-box h1, .action-page-wrapper.action-page-v2 .is-info.wrapper-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner h1, .form-layout .is-info.form-outer h1, .confirm-account-wrapper .wrapper-inner .is-info.action-box h1, .promotion-page-wrapper .wrapper-inner .is-info.action-box h1, .promotion-page-wrapper .is-info.wrapper-outer h1, .invoice-wrapper .invoice-body .is-info.invoice-card h1, .is-info.gauge-widget.is-straight h1, .is-info.icon-toolbar-widget.is-straight h1, .is-info.text-widget.is-straight h1, .is-info.tags-widget.is-straight h1, .is-info.image-widget.is-straight h1, .is-info.list-widget.is-straight h1, .is-info.picker-widget.is-straight h1, .is-info.stats-widget.is-straight h1, .is-info.search-widget.is-straight h1, .is-info.icon-list-widget.is-straight h1, .is-info.video-widget.is-straight h1, .is-info.inbox-widget.is-straight h1, .is-info.illustration-widget.illustration-widget-v1.is-straight h1, .is-info.illustration-widget.illustration-widget-v2.is-straight h1, .is-info.illustration-widget.illustration-widget-v3.is-straight h1, .is-info.creative-list-widget.is-straight h1, .is-info.social-buttons-widget.is-straight h1, .is-info.call-widget.is-straight h1, .is-info.avatar-list-widget.is-straight h1, .is-info.contact-widget.is-straight h1, .is-info.followers-widget.is-straight h1, .is-info.cart-widget.is-straight h1, .is-info.stat-widget.is-straight h1, .s-card.is-info h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card h2, .is-info.collapse h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap h2, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-info.dashboard-card h2, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-header h2, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-card h2, .finance-dashboard.analytics-dashboard .is-info.dashboard-tile h2, .finance-dashboard.analytics-dashboard .is-info.dashboard-card h2, .finance-dashboard.sales-dashboard .spark-tiles .is-info.spark-tile h2, .finance-dashboard.sales-dashboard .is-info.dashboard-card h2, .banking-dashboard.banking-dashboard-v1 .is-info.dashboard-card h2, .banking-dashboard.banking-dashboard-v2 .is-info.dashboard-card h2, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-info.dashboard-tile h2, .banking-dashboard.banking-dashboard-v3 .is-info.dashboard-card h2, .business-dashboard.flights-dashboard .is-info.booking-bar-wrapper h2, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-info.flight-summary h2, .business-dashboard.flights-dashboard .flights .is-info.flight-card h2, .business-dashboard.flights-dashboard .is-info.company-card h2, .business-dashboard.flights-dashboard .is-info.filters-card h2, .business-dashboard.company-dashboard .is-info.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-info.overview-card h2, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-info.dashboard-tile h2, .list-view.list-view-v2 .is-info.list-view-item h2, .user-grid.user-grid-v1 .is-info.grid-item h2, .user-grid.user-grid-v2 .is-info.grid-item h2, .user-grid.user-grid-v3 .is-info.grid-item h2, .user-grid.user-grid-v4 .is-info.grid-item h2, .card-grid.card-grid-v3 .is-info.card-grid-item h2, .card-grid.card-grid-v4 .is-info.card-grid-item h2, .tile-grid.tile-grid-v1 .is-info.tile-grid-item h2, .tile-grid.tile-grid-v2 .is-info.tile-grid-item h2, .tile-grid.tile-grid-v3 .is-info.tile-grid-item h2, .is-info.demo-card h2, .is-info.color-card h2, .all-projects .project-grid .is-info.project-grid-item h2, .project-details .project-details-inner .is-info.project-details-card h2, .project-details .project-details-inner .is-info.side-card h2, .project-details .project-details-inner .is-info.project-team-card h2, .project-details .project-details-inner .task-grid .is-info.task-card h2, .profile-wrapper .profile-body .is-info.profile-card h2, .account-wrapper .is-info.account-box h2, .search-results-wrapper .search-results-body .is-info.filter-box h2, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-info.search-results-item h2, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-info.plan-inner h2, .saas-billing-wrapper .billing-options-wrapper .left .is-info.option-block h2, .action-page-wrapper.action-page-v1 .wrapper-inner .is-info.action-box h2, .action-page-wrapper.action-page-v2 .wrapper-inner .is-info.action-box h2, .action-page-wrapper.action-page-v2 .is-info.wrapper-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner h2, .form-layout .is-info.form-outer h2, .confirm-account-wrapper .wrapper-inner .is-info.action-box h2, .promotion-page-wrapper .wrapper-inner .is-info.action-box h2, .promotion-page-wrapper .is-info.wrapper-outer h2, .invoice-wrapper .invoice-body .is-info.invoice-card h2, .is-info.gauge-widget.is-straight h2, .is-info.icon-toolbar-widget.is-straight h2, .is-info.text-widget.is-straight h2, .is-info.tags-widget.is-straight h2, .is-info.image-widget.is-straight h2, .is-info.list-widget.is-straight h2, .is-info.picker-widget.is-straight h2, .is-info.stats-widget.is-straight h2, .is-info.search-widget.is-straight h2, .is-info.icon-list-widget.is-straight h2, .is-info.video-widget.is-straight h2, .is-info.inbox-widget.is-straight h2, .is-info.illustration-widget.illustration-widget-v1.is-straight h2, .is-info.illustration-widget.illustration-widget-v2.is-straight h2, .is-info.illustration-widget.illustration-widget-v3.is-straight h2, .is-info.creative-list-widget.is-straight h2, .is-info.social-buttons-widget.is-straight h2, .is-info.call-widget.is-straight h2, .is-info.avatar-list-widget.is-straight h2, .is-info.contact-widget.is-straight h2, .is-info.followers-widget.is-straight h2, .is-info.cart-widget.is-straight h2, .is-info.stat-widget.is-straight h2, .s-card.is-info h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card h3, .is-info.collapse h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap h3, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-info.dashboard-card h3, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-header h3, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-card h3, .finance-dashboard.analytics-dashboard .is-info.dashboard-tile h3, .finance-dashboard.analytics-dashboard .is-info.dashboard-card h3, .finance-dashboard.sales-dashboard .spark-tiles .is-info.spark-tile h3, .finance-dashboard.sales-dashboard .is-info.dashboard-card h3, .banking-dashboard.banking-dashboard-v1 .is-info.dashboard-card h3, .banking-dashboard.banking-dashboard-v2 .is-info.dashboard-card h3, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-info.dashboard-tile h3, .banking-dashboard.banking-dashboard-v3 .is-info.dashboard-card h3, .business-dashboard.flights-dashboard .is-info.booking-bar-wrapper h3, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-info.flight-summary h3, .business-dashboard.flights-dashboard .flights .is-info.flight-card h3, .business-dashboard.flights-dashboard .is-info.company-card h3, .business-dashboard.flights-dashboard .is-info.filters-card h3, .business-dashboard.company-dashboard .is-info.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-info.overview-card h3, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-info.dashboard-tile h3, .list-view.list-view-v2 .is-info.list-view-item h3, .user-grid.user-grid-v1 .is-info.grid-item h3, .user-grid.user-grid-v2 .is-info.grid-item h3, .user-grid.user-grid-v3 .is-info.grid-item h3, .user-grid.user-grid-v4 .is-info.grid-item h3, .card-grid.card-grid-v3 .is-info.card-grid-item h3, .card-grid.card-grid-v4 .is-info.card-grid-item h3, .tile-grid.tile-grid-v1 .is-info.tile-grid-item h3, .tile-grid.tile-grid-v2 .is-info.tile-grid-item h3, .tile-grid.tile-grid-v3 .is-info.tile-grid-item h3, .is-info.demo-card h3, .is-info.color-card h3, .all-projects .project-grid .is-info.project-grid-item h3, .project-details .project-details-inner .is-info.project-details-card h3, .project-details .project-details-inner .is-info.side-card h3, .project-details .project-details-inner .is-info.project-team-card h3, .project-details .project-details-inner .task-grid .is-info.task-card h3, .profile-wrapper .profile-body .is-info.profile-card h3, .account-wrapper .is-info.account-box h3, .search-results-wrapper .search-results-body .is-info.filter-box h3, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-info.search-results-item h3, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-info.plan-inner h3, .saas-billing-wrapper .billing-options-wrapper .left .is-info.option-block h3, .action-page-wrapper.action-page-v1 .wrapper-inner .is-info.action-box h3, .action-page-wrapper.action-page-v2 .wrapper-inner .is-info.action-box h3, .action-page-wrapper.action-page-v2 .is-info.wrapper-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner h3, .form-layout .is-info.form-outer h3, .confirm-account-wrapper .wrapper-inner .is-info.action-box h3, .promotion-page-wrapper .wrapper-inner .is-info.action-box h3, .promotion-page-wrapper .is-info.wrapper-outer h3, .invoice-wrapper .invoice-body .is-info.invoice-card h3, .is-info.gauge-widget.is-straight h3, .is-info.icon-toolbar-widget.is-straight h3, .is-info.text-widget.is-straight h3, .is-info.tags-widget.is-straight h3, .is-info.image-widget.is-straight h3, .is-info.list-widget.is-straight h3, .is-info.picker-widget.is-straight h3, .is-info.stats-widget.is-straight h3, .is-info.search-widget.is-straight h3, .is-info.icon-list-widget.is-straight h3, .is-info.video-widget.is-straight h3, .is-info.inbox-widget.is-straight h3, .is-info.illustration-widget.illustration-widget-v1.is-straight h3, .is-info.illustration-widget.illustration-widget-v2.is-straight h3, .is-info.illustration-widget.illustration-widget-v3.is-straight h3, .is-info.creative-list-widget.is-straight h3, .is-info.social-buttons-widget.is-straight h3, .is-info.call-widget.is-straight h3, .is-info.avatar-list-widget.is-straight h3, .is-info.contact-widget.is-straight h3, .is-info.followers-widget.is-straight h3, .is-info.cart-widget.is-straight h3, .is-info.stat-widget.is-straight h3, .s-card.is-info h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card h4, .is-info.collapse h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap h4, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-info.dashboard-card h4, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-header h4, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-card h4, .finance-dashboard.analytics-dashboard .is-info.dashboard-tile h4, .finance-dashboard.analytics-dashboard .is-info.dashboard-card h4, .finance-dashboard.sales-dashboard .spark-tiles .is-info.spark-tile h4, .finance-dashboard.sales-dashboard .is-info.dashboard-card h4, .banking-dashboard.banking-dashboard-v1 .is-info.dashboard-card h4, .banking-dashboard.banking-dashboard-v2 .is-info.dashboard-card h4, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-info.dashboard-tile h4, .banking-dashboard.banking-dashboard-v3 .is-info.dashboard-card h4, .business-dashboard.flights-dashboard .is-info.booking-bar-wrapper h4, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-info.flight-summary h4, .business-dashboard.flights-dashboard .flights .is-info.flight-card h4, .business-dashboard.flights-dashboard .is-info.company-card h4, .business-dashboard.flights-dashboard .is-info.filters-card h4, .business-dashboard.company-dashboard .is-info.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-info.overview-card h4, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-info.dashboard-tile h4, .list-view.list-view-v2 .is-info.list-view-item h4, .user-grid.user-grid-v1 .is-info.grid-item h4, .user-grid.user-grid-v2 .is-info.grid-item h4, .user-grid.user-grid-v3 .is-info.grid-item h4, .user-grid.user-grid-v4 .is-info.grid-item h4, .card-grid.card-grid-v3 .is-info.card-grid-item h4, .card-grid.card-grid-v4 .is-info.card-grid-item h4, .tile-grid.tile-grid-v1 .is-info.tile-grid-item h4, .tile-grid.tile-grid-v2 .is-info.tile-grid-item h4, .tile-grid.tile-grid-v3 .is-info.tile-grid-item h4, .is-info.demo-card h4, .is-info.color-card h4, .all-projects .project-grid .is-info.project-grid-item h4, .project-details .project-details-inner .is-info.project-details-card h4, .project-details .project-details-inner .is-info.side-card h4, .project-details .project-details-inner .is-info.project-team-card h4, .project-details .project-details-inner .task-grid .is-info.task-card h4, .profile-wrapper .profile-body .is-info.profile-card h4, .account-wrapper .is-info.account-box h4, .search-results-wrapper .search-results-body .is-info.filter-box h4, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-info.search-results-item h4, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-info.plan-inner h4, .saas-billing-wrapper .billing-options-wrapper .left .is-info.option-block h4, .action-page-wrapper.action-page-v1 .wrapper-inner .is-info.action-box h4, .action-page-wrapper.action-page-v2 .wrapper-inner .is-info.action-box h4, .action-page-wrapper.action-page-v2 .is-info.wrapper-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner h4, .form-layout .is-info.form-outer h4, .confirm-account-wrapper .wrapper-inner .is-info.action-box h4, .promotion-page-wrapper .wrapper-inner .is-info.action-box h4, .promotion-page-wrapper .is-info.wrapper-outer h4, .invoice-wrapper .invoice-body .is-info.invoice-card h4, .is-info.gauge-widget.is-straight h4, .is-info.icon-toolbar-widget.is-straight h4, .is-info.text-widget.is-straight h4, .is-info.tags-widget.is-straight h4, .is-info.image-widget.is-straight h4, .is-info.list-widget.is-straight h4, .is-info.picker-widget.is-straight h4, .is-info.stats-widget.is-straight h4, .is-info.search-widget.is-straight h4, .is-info.icon-list-widget.is-straight h4, .is-info.video-widget.is-straight h4, .is-info.inbox-widget.is-straight h4, .is-info.illustration-widget.illustration-widget-v1.is-straight h4, .is-info.illustration-widget.illustration-widget-v2.is-straight h4, .is-info.illustration-widget.illustration-widget-v3.is-straight h4, .is-info.creative-list-widget.is-straight h4, .is-info.social-buttons-widget.is-straight h4, .is-info.call-widget.is-straight h4, .is-info.avatar-list-widget.is-straight h4, .is-info.contact-widget.is-straight h4, .is-info.followers-widget.is-straight h4, .is-info.cart-widget.is-straight h4, .is-info.stat-widget.is-straight h4, .s-card.is-info p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-info.project-card p, .is-info.collapse p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-info.content-wrap p, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-info.dashboard-card p, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-header p, .personal-dashboard.personal-dashboard-v2 .is-info.dashboard-card p, .finance-dashboard.analytics-dashboard .is-info.dashboard-tile p, .finance-dashboard.analytics-dashboard .is-info.dashboard-card p, .finance-dashboard.sales-dashboard .spark-tiles .is-info.spark-tile p, .finance-dashboard.sales-dashboard .is-info.dashboard-card p, .banking-dashboard.banking-dashboard-v1 .is-info.dashboard-card p, .banking-dashboard.banking-dashboard-v2 .is-info.dashboard-card p, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-info.dashboard-tile p, .banking-dashboard.banking-dashboard-v3 .is-info.dashboard-card p, .business-dashboard.flights-dashboard .is-info.booking-bar-wrapper p, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-info.flight-summary p, .business-dashboard.flights-dashboard .flights .is-info.flight-card p, .business-dashboard.flights-dashboard .is-info.company-card p, .business-dashboard.flights-dashboard .is-info.filters-card p, .business-dashboard.company-dashboard .is-info.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-info.overview-card p, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-info.dashboard-tile p, .list-view.list-view-v2 .is-info.list-view-item p, .user-grid.user-grid-v1 .is-info.grid-item p, .user-grid.user-grid-v2 .is-info.grid-item p, .user-grid.user-grid-v3 .is-info.grid-item p, .user-grid.user-grid-v4 .is-info.grid-item p, .card-grid.card-grid-v3 .is-info.card-grid-item p, .card-grid.card-grid-v4 .is-info.card-grid-item p, .tile-grid.tile-grid-v1 .is-info.tile-grid-item p, .tile-grid.tile-grid-v2 .is-info.tile-grid-item p, .tile-grid.tile-grid-v3 .is-info.tile-grid-item p, .is-info.demo-card p, .is-info.color-card p, .all-projects .project-grid .is-info.project-grid-item p, .project-details .project-details-inner .is-info.project-details-card p, .project-details .project-details-inner .is-info.side-card p, .project-details .project-details-inner .is-info.project-team-card p, .project-details .project-details-inner .task-grid .is-info.task-card p, .profile-wrapper .profile-body .is-info.profile-card p, .account-wrapper .is-info.account-box p, .search-results-wrapper .search-results-body .is-info.filter-box p, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-info.search-results-item p, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-info.plan-inner p, .saas-billing-wrapper .billing-options-wrapper .left .is-info.option-block p, .action-page-wrapper.action-page-v1 .wrapper-inner .is-info.action-box p, .action-page-wrapper.action-page-v2 .wrapper-inner .is-info.action-box p, .action-page-wrapper.action-page-v2 .is-info.wrapper-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-info.form-section-inner p, .form-layout .is-info.form-outer p, .confirm-account-wrapper .wrapper-inner .is-info.action-box p, .promotion-page-wrapper .wrapper-inner .is-info.action-box p, .promotion-page-wrapper .is-info.wrapper-outer p, .invoice-wrapper .invoice-body .is-info.invoice-card p, .is-info.gauge-widget.is-straight p, .is-info.icon-toolbar-widget.is-straight p, .is-info.text-widget.is-straight p, .is-info.tags-widget.is-straight p, .is-info.image-widget.is-straight p, .is-info.list-widget.is-straight p, .is-info.picker-widget.is-straight p, .is-info.stats-widget.is-straight p, .is-info.search-widget.is-straight p, .is-info.icon-list-widget.is-straight p, .is-info.video-widget.is-straight p, .is-info.inbox-widget.is-straight p, .is-info.illustration-widget.illustration-widget-v1.is-straight p, .is-info.illustration-widget.illustration-widget-v2.is-straight p, .is-info.illustration-widget.illustration-widget-v3.is-straight p, .is-info.creative-list-widget.is-straight p, .is-info.social-buttons-widget.is-straight p, .is-info.call-widget.is-straight p, .is-info.avatar-list-widget.is-straight p, .is-info.contact-widget.is-straight p, .is-info.followers-widget.is-straight p, .is-info.cart-widget.is-straight p, .is-info.stat-widget.is-straight p, .l-card.is-info .title, .boxed-features .is-info.flex-card .title, .personal-dashboard.personal-dashboard-v3 .is-info.dashboard-card .title, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-info.grid-item .title, .business-dashboard.course-dashboard .course-grid .is-info.course-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-info.long-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-info.media-flex-center .title, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-info.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-info.writing-stat .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.featured-authors .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.updates .title, .food-delivery-dashboard .left .left-body .restaurants-list .is-info.restaurants-list-item .title, .is-info.gauge-widget .title, .is-info.icon-toolbar-widget .title, .is-info.text-widget .title, .is-info.tags-widget .title, .calendar-widget .calendar-widget-inner .is-info.calendar-square .title, .is-info.image-widget .title, .is-info.list-widget .title, .is-info.picker-widget .title, .is-info.stats-widget .title, .is-info.search-widget .title, .is-info.icon-list-widget .title, .is-info.video-widget .title, .is-info.inbox-widget .title, .is-info.illustration-widget.illustration-widget-v1 .title, .is-info.illustration-widget.illustration-widget-v2 .title, .is-info.illustration-widget.illustration-widget-v3 .title, .is-info.creative-list-widget .title, .is-info.social-buttons-widget .title, .is-info.call-widget .title, .is-info.avatar-list-widget .title, .is-info.contact-widget .title, .is-info.followers-widget .title, .is-info.cart-widget .title, .is-info.stat-widget .title, .wizard-v1-wrapper .step-content .wizard-types .is-info.wizard-card .title, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-info.uploader-actions .title, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-info.edit-box .title, .l-card.is-info .subtitle, .boxed-features .is-info.flex-card .subtitle, .personal-dashboard.personal-dashboard-v3 .is-info.dashboard-card .subtitle, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-info.grid-item .subtitle, .business-dashboard.course-dashboard .course-grid .is-info.course-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-info.long-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-info.media-flex-center .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-info.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-info.writing-stat .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.featured-authors .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.updates .subtitle, .food-delivery-dashboard .left .left-body .restaurants-list .is-info.restaurants-list-item .subtitle, .is-info.gauge-widget .subtitle, .is-info.icon-toolbar-widget .subtitle, .is-info.text-widget .subtitle, .is-info.tags-widget .subtitle, .calendar-widget .calendar-widget-inner .is-info.calendar-square .subtitle, .is-info.image-widget .subtitle, .is-info.list-widget .subtitle, .is-info.picker-widget .subtitle, .is-info.stats-widget .subtitle, .is-info.search-widget .subtitle, .is-info.icon-list-widget .subtitle, .is-info.video-widget .subtitle, .is-info.inbox-widget .subtitle, .is-info.illustration-widget.illustration-widget-v1 .subtitle, .is-info.illustration-widget.illustration-widget-v2 .subtitle, .is-info.illustration-widget.illustration-widget-v3 .subtitle, .is-info.creative-list-widget .subtitle, .is-info.social-buttons-widget .subtitle, .is-info.call-widget .subtitle, .is-info.avatar-list-widget .subtitle, .is-info.contact-widget .subtitle, .is-info.followers-widget .subtitle, .is-info.cart-widget .subtitle, .is-info.stat-widget .subtitle, .wizard-v1-wrapper .step-content .wizard-types .is-info.wizard-card .subtitle, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-info.uploader-actions .subtitle, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-info.edit-box .subtitle, .l-card.is-info h1, .boxed-features .is-info.flex-card h1, .personal-dashboard.personal-dashboard-v3 .is-info.dashboard-card h1, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-info.grid-item h1, .business-dashboard.course-dashboard .course-grid .is-info.course-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-info.long-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-info.media-flex-center h1, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-info.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-info.writing-stat h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.featured-authors h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.updates h1, .food-delivery-dashboard .left .left-body .restaurants-list .is-info.restaurants-list-item h1, .is-info.gauge-widget h1, .is-info.icon-toolbar-widget h1, .is-info.text-widget h1, .is-info.tags-widget h1, .calendar-widget .calendar-widget-inner .is-info.calendar-square h1, .is-info.image-widget h1, .is-info.list-widget h1, .is-info.picker-widget h1, .is-info.stats-widget h1, .is-info.search-widget h1, .is-info.icon-list-widget h1, .is-info.video-widget h1, .is-info.inbox-widget h1, .is-info.illustration-widget.illustration-widget-v1 h1, .is-info.illustration-widget.illustration-widget-v2 h1, .is-info.illustration-widget.illustration-widget-v3 h1, .is-info.creative-list-widget h1, .is-info.social-buttons-widget h1, .is-info.call-widget h1, .is-info.avatar-list-widget h1, .is-info.contact-widget h1, .is-info.followers-widget h1, .is-info.cart-widget h1, .is-info.stat-widget h1, .wizard-v1-wrapper .step-content .wizard-types .is-info.wizard-card h1, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-info.uploader-actions h1, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-info.edit-box h1, .l-card.is-info h2, .boxed-features .is-info.flex-card h2, .personal-dashboard.personal-dashboard-v3 .is-info.dashboard-card h2, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-info.grid-item h2, .business-dashboard.course-dashboard .course-grid .is-info.course-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-info.long-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-info.media-flex-center h2, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-info.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-info.writing-stat h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.featured-authors h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.updates h2, .food-delivery-dashboard .left .left-body .restaurants-list .is-info.restaurants-list-item h2, .is-info.gauge-widget h2, .is-info.icon-toolbar-widget h2, .is-info.text-widget h2, .is-info.tags-widget h2, .calendar-widget .calendar-widget-inner .is-info.calendar-square h2, .is-info.image-widget h2, .is-info.list-widget h2, .is-info.picker-widget h2, .is-info.stats-widget h2, .is-info.search-widget h2, .is-info.icon-list-widget h2, .is-info.video-widget h2, .is-info.inbox-widget h2, .is-info.illustration-widget.illustration-widget-v1 h2, .is-info.illustration-widget.illustration-widget-v2 h2, .is-info.illustration-widget.illustration-widget-v3 h2, .is-info.creative-list-widget h2, .is-info.social-buttons-widget h2, .is-info.call-widget h2, .is-info.avatar-list-widget h2, .is-info.contact-widget h2, .is-info.followers-widget h2, .is-info.cart-widget h2, .is-info.stat-widget h2, .wizard-v1-wrapper .step-content .wizard-types .is-info.wizard-card h2, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-info.uploader-actions h2, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-info.edit-box h2, .l-card.is-info h3, .boxed-features .is-info.flex-card h3, .personal-dashboard.personal-dashboard-v3 .is-info.dashboard-card h3, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-info.grid-item h3, .business-dashboard.course-dashboard .course-grid .is-info.course-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-info.long-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-info.media-flex-center h3, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-info.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-info.writing-stat h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.featured-authors h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.updates h3, .food-delivery-dashboard .left .left-body .restaurants-list .is-info.restaurants-list-item h3, .is-info.gauge-widget h3, .is-info.icon-toolbar-widget h3, .is-info.text-widget h3, .is-info.tags-widget h3, .calendar-widget .calendar-widget-inner .is-info.calendar-square h3, .is-info.image-widget h3, .is-info.list-widget h3, .is-info.picker-widget h3, .is-info.stats-widget h3, .is-info.search-widget h3, .is-info.icon-list-widget h3, .is-info.video-widget h3, .is-info.inbox-widget h3, .is-info.illustration-widget.illustration-widget-v1 h3, .is-info.illustration-widget.illustration-widget-v2 h3, .is-info.illustration-widget.illustration-widget-v3 h3, .is-info.creative-list-widget h3, .is-info.social-buttons-widget h3, .is-info.call-widget h3, .is-info.avatar-list-widget h3, .is-info.contact-widget h3, .is-info.followers-widget h3, .is-info.cart-widget h3, .is-info.stat-widget h3, .wizard-v1-wrapper .step-content .wizard-types .is-info.wizard-card h3, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-info.uploader-actions h3, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-info.edit-box h3, .l-card.is-info h4, .boxed-features .is-info.flex-card h4, .personal-dashboard.personal-dashboard-v3 .is-info.dashboard-card h4, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-info.grid-item h4, .business-dashboard.course-dashboard .course-grid .is-info.course-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-info.long-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-info.media-flex-center h4, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-info.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-info.writing-stat h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.featured-authors h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.updates h4, .food-delivery-dashboard .left .left-body .restaurants-list .is-info.restaurants-list-item h4, .is-info.gauge-widget h4, .is-info.icon-toolbar-widget h4, .is-info.text-widget h4, .is-info.tags-widget h4, .calendar-widget .calendar-widget-inner .is-info.calendar-square h4, .is-info.image-widget h4, .is-info.list-widget h4, .is-info.picker-widget h4, .is-info.stats-widget h4, .is-info.search-widget h4, .is-info.icon-list-widget h4, .is-info.video-widget h4, .is-info.inbox-widget h4, .is-info.illustration-widget.illustration-widget-v1 h4, .is-info.illustration-widget.illustration-widget-v2 h4, .is-info.illustration-widget.illustration-widget-v3 h4, .is-info.creative-list-widget h4, .is-info.social-buttons-widget h4, .is-info.call-widget h4, .is-info.avatar-list-widget h4, .is-info.contact-widget h4, .is-info.followers-widget h4, .is-info.cart-widget h4, .is-info.stat-widget h4, .wizard-v1-wrapper .step-content .wizard-types .is-info.wizard-card h4, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-info.uploader-actions h4, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-info.edit-box h4, .l-card.is-info p, .boxed-features .is-info.flex-card p, .personal-dashboard.personal-dashboard-v3 .is-info.dashboard-card p, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-info.grid-item p, .business-dashboard.course-dashboard .course-grid .is-info.course-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-info.long-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-info.media-flex-center p, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-info.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-info.writing-stat p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.featured-authors p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-info.updates p, .food-delivery-dashboard .left .left-body .restaurants-list .is-info.restaurants-list-item p, .is-info.gauge-widget p, .is-info.icon-toolbar-widget p, .is-info.text-widget p, .is-info.tags-widget p, .calendar-widget .calendar-widget-inner .is-info.calendar-square p, .is-info.image-widget p, .is-info.list-widget p, .is-info.picker-widget p, .is-info.stats-widget p, .is-info.search-widget p, .is-info.icon-list-widget p, .is-info.video-widget p, .is-info.inbox-widget p, .is-info.illustration-widget.illustration-widget-v1 p, .is-info.illustration-widget.illustration-widget-v2 p, .is-info.illustration-widget.illustration-widget-v3 p, .is-info.creative-list-widget p, .is-info.social-buttons-widget p, .is-info.call-widget p, .is-info.avatar-list-widget p, .is-info.contact-widget p, .is-info.followers-widget p, .is-info.cart-widget p, .is-info.stat-widget p, .wizard-v1-wrapper .step-content .wizard-types .is-info.wizard-card p, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-info.uploader-actions p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-info.edit-box p, .h-card.is-info .title, .h-card.is-info .subtitle, .h-card.is-info h1, .h-card.is-info h2, .h-card.is-info h3, .h-card.is-info h4, .h-card.is-info p { color: #fcfcfc !important; } /* line 99, src/assets/scss/elements/_cards.scss */ .r-card.is-success, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-success.column-placeholder, .finance-dashboard.stock-dashboard .is-success.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-success.media-feed-item, .list-view.list-view-v1 .is-success.list-view-item, .list-view.list-view-v3 .is-success.list-view-item, .list-view.list-view-v4 .is-success.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card, .s-card.is-success, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card, .is-success.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-success.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-card, .finance-dashboard.analytics-dashboard .is-success.dashboard-tile, .finance-dashboard.analytics-dashboard .is-success.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-success.spark-tile, .finance-dashboard.sales-dashboard .is-success.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-success.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-success.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-success.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-success.dashboard-card, .business-dashboard.flights-dashboard .is-success.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-success.flight-summary, .business-dashboard.flights-dashboard .flights .is-success.flight-card, .business-dashboard.flights-dashboard .is-success.company-card, .business-dashboard.flights-dashboard .is-success.filters-card, .business-dashboard.company-dashboard .is-success.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-success.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-success.dashboard-tile, .list-view.list-view-v2 .is-success.list-view-item, .user-grid.user-grid-v1 .is-success.grid-item, .user-grid.user-grid-v2 .is-success.grid-item, .user-grid.user-grid-v3 .is-success.grid-item, .user-grid.user-grid-v4 .is-success.grid-item, .card-grid.card-grid-v3 .is-success.card-grid-item, .card-grid.card-grid-v4 .is-success.card-grid-item, .tile-grid.tile-grid-v1 .is-success.tile-grid-item, .tile-grid.tile-grid-v2 .is-success.tile-grid-item, .tile-grid.tile-grid-v3 .is-success.tile-grid-item, .is-success.demo-card, .is-success.color-card, .all-projects .project-grid .is-success.project-grid-item, .project-details .project-details-inner .is-success.project-details-card, .project-details .project-details-inner .is-success.side-card, .project-details .project-details-inner .is-success.project-team-card, .project-details .project-details-inner .task-grid .is-success.task-card, .profile-wrapper .profile-body .is-success.profile-card, .account-wrapper .is-success.account-box, .search-results-wrapper .search-results-body .is-success.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-success.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-success.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-success.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-success.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-success.action-box, .action-page-wrapper.action-page-v2 .is-success.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner, .form-layout .is-success.form-outer, .confirm-account-wrapper .wrapper-inner .is-success.action-box, .promotion-page-wrapper .wrapper-inner .is-success.action-box, .promotion-page-wrapper .is-success.wrapper-outer, .invoice-wrapper .invoice-body .is-success.invoice-card, .is-success.gauge-widget.is-straight, .is-success.icon-toolbar-widget.is-straight, .is-success.text-widget.is-straight, .is-success.tags-widget.is-straight, .is-success.image-widget.is-straight, .is-success.list-widget.is-straight, .is-success.picker-widget.is-straight, .is-success.stats-widget.is-straight, .is-success.search-widget.is-straight, .is-success.icon-list-widget.is-straight, .is-success.video-widget.is-straight, .is-success.inbox-widget.is-straight, .is-success.illustration-widget.illustration-widget-v1.is-straight, .is-success.illustration-widget.illustration-widget-v2.is-straight, .is-success.illustration-widget.illustration-widget-v3.is-straight, .is-success.creative-list-widget.is-straight, .is-success.social-buttons-widget.is-straight, .is-success.call-widget.is-straight, .is-success.avatar-list-widget.is-straight, .is-success.contact-widget.is-straight, .is-success.followers-widget.is-straight, .is-success.cart-widget.is-straight, .is-success.stat-widget.is-straight, .l-card.is-success, .boxed-features .is-success.flex-card, .personal-dashboard.personal-dashboard-v3 .is-success.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-success.grid-item, .business-dashboard.course-dashboard .course-grid .is-success.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-success.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-success.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-success.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-success.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-success.restaurants-list-item, .is-success.gauge-widget, .is-success.icon-toolbar-widget, .is-success.text-widget, .is-success.tags-widget, .calendar-widget .calendar-widget-inner .is-success.calendar-square, .is-success.image-widget, .is-success.list-widget, .is-success.picker-widget, .is-success.stats-widget, .is-success.search-widget, .is-success.icon-list-widget, .is-success.video-widget, .is-success.inbox-widget, .is-success.illustration-widget.illustration-widget-v1, .is-success.illustration-widget.illustration-widget-v2, .is-success.illustration-widget.illustration-widget-v3, .is-success.creative-list-widget, .is-success.social-buttons-widget, .is-success.call-widget, .is-success.avatar-list-widget, .is-success.contact-widget, .is-success.followers-widget, .is-success.cart-widget, .is-success.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-success.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-success.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-success.edit-box, .h-card.is-success { background: #06d6a0 !important; border-color: #06d6a0 !important; } /* line 103, src/assets/scss/elements/_cards.scss */ .r-card.is-success .title, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-success.column-placeholder .title, .finance-dashboard.stock-dashboard .is-success.stock-card .title, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-success.media-feed-item .title, .list-view.list-view-v1 .is-success.list-view-item .title, .list-view.list-view-v3 .is-success.list-view-item .title, .list-view.list-view-v4 .is-success.list-view-item .title, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card .title, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card .title, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card .title, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card .title, .r-card.is-success .subtitle, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-success.column-placeholder .subtitle, .finance-dashboard.stock-dashboard .is-success.stock-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-success.media-feed-item .subtitle, .list-view.list-view-v1 .is-success.list-view-item .subtitle, .list-view.list-view-v3 .is-success.list-view-item .subtitle, .list-view.list-view-v4 .is-success.list-view-item .subtitle, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card .subtitle, .r-card.is-success h1, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-success.column-placeholder h1, .finance-dashboard.stock-dashboard .is-success.stock-card h1, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-success.media-feed-item h1, .list-view.list-view-v1 .is-success.list-view-item h1, .list-view.list-view-v3 .is-success.list-view-item h1, .list-view.list-view-v4 .is-success.list-view-item h1, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h1, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h1, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h1, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h1, .r-card.is-success h2, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-success.column-placeholder h2, .finance-dashboard.stock-dashboard .is-success.stock-card h2, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-success.media-feed-item h2, .list-view.list-view-v1 .is-success.list-view-item h2, .list-view.list-view-v3 .is-success.list-view-item h2, .list-view.list-view-v4 .is-success.list-view-item h2, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h2, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h2, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h2, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h2, .r-card.is-success h3, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-success.column-placeholder h3, .finance-dashboard.stock-dashboard .is-success.stock-card h3, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-success.media-feed-item h3, .list-view.list-view-v1 .is-success.list-view-item h3, .list-view.list-view-v3 .is-success.list-view-item h3, .list-view.list-view-v4 .is-success.list-view-item h3, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h3, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h3, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h3, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h3, .r-card.is-success h4, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-success.column-placeholder h4, .finance-dashboard.stock-dashboard .is-success.stock-card h4, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-success.media-feed-item h4, .list-view.list-view-v1 .is-success.list-view-item h4, .list-view.list-view-v3 .is-success.list-view-item h4, .list-view.list-view-v4 .is-success.list-view-item h4, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h4, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h4, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h4, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card h4, .r-card.is-success p, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-success.column-placeholder p, .finance-dashboard.stock-dashboard .is-success.stock-card p, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-success.media-feed-item p, .list-view.list-view-v1 .is-success.list-view-item p, .list-view.list-view-v3 .is-success.list-view-item p, .list-view.list-view-v4 .is-success.list-view-item p, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card p, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card p, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card p, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-success.onboarding-card p, .s-card.is-success .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card .title, .is-success.collapse .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap .title, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-success.dashboard-card .title, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-header .title, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-card .title, .finance-dashboard.analytics-dashboard .is-success.dashboard-tile .title, .finance-dashboard.analytics-dashboard .is-success.dashboard-card .title, .finance-dashboard.sales-dashboard .spark-tiles .is-success.spark-tile .title, .finance-dashboard.sales-dashboard .is-success.dashboard-card .title, .banking-dashboard.banking-dashboard-v1 .is-success.dashboard-card .title, .banking-dashboard.banking-dashboard-v2 .is-success.dashboard-card .title, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-success.dashboard-tile .title, .banking-dashboard.banking-dashboard-v3 .is-success.dashboard-card .title, .business-dashboard.flights-dashboard .is-success.booking-bar-wrapper .title, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-success.flight-summary .title, .business-dashboard.flights-dashboard .flights .is-success.flight-card .title, .business-dashboard.flights-dashboard .is-success.company-card .title, .business-dashboard.flights-dashboard .is-success.filters-card .title, .business-dashboard.company-dashboard .is-success.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-success.overview-card .title, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-success.dashboard-tile .title, .list-view.list-view-v2 .is-success.list-view-item .title, .user-grid.user-grid-v1 .is-success.grid-item .title, .user-grid.user-grid-v2 .is-success.grid-item .title, .user-grid.user-grid-v3 .is-success.grid-item .title, .user-grid.user-grid-v4 .is-success.grid-item .title, .card-grid.card-grid-v3 .is-success.card-grid-item .title, .card-grid.card-grid-v4 .is-success.card-grid-item .title, .tile-grid.tile-grid-v1 .is-success.tile-grid-item .title, .tile-grid.tile-grid-v2 .is-success.tile-grid-item .title, .tile-grid.tile-grid-v3 .is-success.tile-grid-item .title, .is-success.demo-card .title, .is-success.color-card .title, .all-projects .project-grid .is-success.project-grid-item .title, .project-details .project-details-inner .is-success.project-details-card .title, .project-details .project-details-inner .is-success.side-card .title, .project-details .project-details-inner .is-success.project-team-card .title, .project-details .project-details-inner .task-grid .is-success.task-card .title, .profile-wrapper .profile-body .is-success.profile-card .title, .account-wrapper .is-success.account-box .title, .search-results-wrapper .search-results-body .is-success.filter-box .title, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-success.search-results-item .title, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-success.plan-inner .title, .saas-billing-wrapper .billing-options-wrapper .left .is-success.option-block .title, .action-page-wrapper.action-page-v1 .wrapper-inner .is-success.action-box .title, .action-page-wrapper.action-page-v2 .wrapper-inner .is-success.action-box .title, .action-page-wrapper.action-page-v2 .is-success.wrapper-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner .title, .form-layout .is-success.form-outer .title, .confirm-account-wrapper .wrapper-inner .is-success.action-box .title, .promotion-page-wrapper .wrapper-inner .is-success.action-box .title, .promotion-page-wrapper .is-success.wrapper-outer .title, .invoice-wrapper .invoice-body .is-success.invoice-card .title, .is-success.gauge-widget.is-straight .title, .is-success.icon-toolbar-widget.is-straight .title, .is-success.text-widget.is-straight .title, .is-success.tags-widget.is-straight .title, .is-success.image-widget.is-straight .title, .is-success.list-widget.is-straight .title, .is-success.picker-widget.is-straight .title, .is-success.stats-widget.is-straight .title, .is-success.search-widget.is-straight .title, .is-success.icon-list-widget.is-straight .title, .is-success.video-widget.is-straight .title, .is-success.inbox-widget.is-straight .title, .is-success.illustration-widget.illustration-widget-v1.is-straight .title, .is-success.illustration-widget.illustration-widget-v2.is-straight .title, .is-success.illustration-widget.illustration-widget-v3.is-straight .title, .is-success.creative-list-widget.is-straight .title, .is-success.social-buttons-widget.is-straight .title, .is-success.call-widget.is-straight .title, .is-success.avatar-list-widget.is-straight .title, .is-success.contact-widget.is-straight .title, .is-success.followers-widget.is-straight .title, .is-success.cart-widget.is-straight .title, .is-success.stat-widget.is-straight .title, .s-card.is-success .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card .subtitle, .is-success.collapse .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap .subtitle, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-success.dashboard-card .subtitle, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-header .subtitle, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-card .subtitle, .finance-dashboard.analytics-dashboard .is-success.dashboard-tile .subtitle, .finance-dashboard.analytics-dashboard .is-success.dashboard-card .subtitle, .finance-dashboard.sales-dashboard .spark-tiles .is-success.spark-tile .subtitle, .finance-dashboard.sales-dashboard .is-success.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v1 .is-success.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v2 .is-success.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-success.dashboard-tile .subtitle, .banking-dashboard.banking-dashboard-v3 .is-success.dashboard-card .subtitle, .business-dashboard.flights-dashboard .is-success.booking-bar-wrapper .subtitle, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-success.flight-summary .subtitle, .business-dashboard.flights-dashboard .flights .is-success.flight-card .subtitle, .business-dashboard.flights-dashboard .is-success.company-card .subtitle, .business-dashboard.flights-dashboard .is-success.filters-card .subtitle, .business-dashboard.company-dashboard .is-success.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-success.overview-card .subtitle, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-success.dashboard-tile .subtitle, .list-view.list-view-v2 .is-success.list-view-item .subtitle, .user-grid.user-grid-v1 .is-success.grid-item .subtitle, .user-grid.user-grid-v2 .is-success.grid-item .subtitle, .user-grid.user-grid-v3 .is-success.grid-item .subtitle, .user-grid.user-grid-v4 .is-success.grid-item .subtitle, .card-grid.card-grid-v3 .is-success.card-grid-item .subtitle, .card-grid.card-grid-v4 .is-success.card-grid-item .subtitle, .tile-grid.tile-grid-v1 .is-success.tile-grid-item .subtitle, .tile-grid.tile-grid-v2 .is-success.tile-grid-item .subtitle, .tile-grid.tile-grid-v3 .is-success.tile-grid-item .subtitle, .is-success.demo-card .subtitle, .is-success.color-card .subtitle, .all-projects .project-grid .is-success.project-grid-item .subtitle, .project-details .project-details-inner .is-success.project-details-card .subtitle, .project-details .project-details-inner .is-success.side-card .subtitle, .project-details .project-details-inner .is-success.project-team-card .subtitle, .project-details .project-details-inner .task-grid .is-success.task-card .subtitle, .profile-wrapper .profile-body .is-success.profile-card .subtitle, .account-wrapper .is-success.account-box .subtitle, .search-results-wrapper .search-results-body .is-success.filter-box .subtitle, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-success.search-results-item .subtitle, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-success.plan-inner .subtitle, .saas-billing-wrapper .billing-options-wrapper .left .is-success.option-block .subtitle, .action-page-wrapper.action-page-v1 .wrapper-inner .is-success.action-box .subtitle, .action-page-wrapper.action-page-v2 .wrapper-inner .is-success.action-box .subtitle, .action-page-wrapper.action-page-v2 .is-success.wrapper-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner .subtitle, .form-layout .is-success.form-outer .subtitle, .confirm-account-wrapper .wrapper-inner .is-success.action-box .subtitle, .promotion-page-wrapper .wrapper-inner .is-success.action-box .subtitle, .promotion-page-wrapper .is-success.wrapper-outer .subtitle, .invoice-wrapper .invoice-body .is-success.invoice-card .subtitle, .is-success.gauge-widget.is-straight .subtitle, .is-success.icon-toolbar-widget.is-straight .subtitle, .is-success.text-widget.is-straight .subtitle, .is-success.tags-widget.is-straight .subtitle, .is-success.image-widget.is-straight .subtitle, .is-success.list-widget.is-straight .subtitle, .is-success.picker-widget.is-straight .subtitle, .is-success.stats-widget.is-straight .subtitle, .is-success.search-widget.is-straight .subtitle, .is-success.icon-list-widget.is-straight .subtitle, .is-success.video-widget.is-straight .subtitle, .is-success.inbox-widget.is-straight .subtitle, .is-success.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-success.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-success.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-success.creative-list-widget.is-straight .subtitle, .is-success.social-buttons-widget.is-straight .subtitle, .is-success.call-widget.is-straight .subtitle, .is-success.avatar-list-widget.is-straight .subtitle, .is-success.contact-widget.is-straight .subtitle, .is-success.followers-widget.is-straight .subtitle, .is-success.cart-widget.is-straight .subtitle, .is-success.stat-widget.is-straight .subtitle, .s-card.is-success h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card h1, .is-success.collapse h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap h1, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-success.dashboard-card h1, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-header h1, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-card h1, .finance-dashboard.analytics-dashboard .is-success.dashboard-tile h1, .finance-dashboard.analytics-dashboard .is-success.dashboard-card h1, .finance-dashboard.sales-dashboard .spark-tiles .is-success.spark-tile h1, .finance-dashboard.sales-dashboard .is-success.dashboard-card h1, .banking-dashboard.banking-dashboard-v1 .is-success.dashboard-card h1, .banking-dashboard.banking-dashboard-v2 .is-success.dashboard-card h1, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-success.dashboard-tile h1, .banking-dashboard.banking-dashboard-v3 .is-success.dashboard-card h1, .business-dashboard.flights-dashboard .is-success.booking-bar-wrapper h1, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-success.flight-summary h1, .business-dashboard.flights-dashboard .flights .is-success.flight-card h1, .business-dashboard.flights-dashboard .is-success.company-card h1, .business-dashboard.flights-dashboard .is-success.filters-card h1, .business-dashboard.company-dashboard .is-success.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-success.overview-card h1, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-success.dashboard-tile h1, .list-view.list-view-v2 .is-success.list-view-item h1, .user-grid.user-grid-v1 .is-success.grid-item h1, .user-grid.user-grid-v2 .is-success.grid-item h1, .user-grid.user-grid-v3 .is-success.grid-item h1, .user-grid.user-grid-v4 .is-success.grid-item h1, .card-grid.card-grid-v3 .is-success.card-grid-item h1, .card-grid.card-grid-v4 .is-success.card-grid-item h1, .tile-grid.tile-grid-v1 .is-success.tile-grid-item h1, .tile-grid.tile-grid-v2 .is-success.tile-grid-item h1, .tile-grid.tile-grid-v3 .is-success.tile-grid-item h1, .is-success.demo-card h1, .is-success.color-card h1, .all-projects .project-grid .is-success.project-grid-item h1, .project-details .project-details-inner .is-success.project-details-card h1, .project-details .project-details-inner .is-success.side-card h1, .project-details .project-details-inner .is-success.project-team-card h1, .project-details .project-details-inner .task-grid .is-success.task-card h1, .profile-wrapper .profile-body .is-success.profile-card h1, .account-wrapper .is-success.account-box h1, .search-results-wrapper .search-results-body .is-success.filter-box h1, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-success.search-results-item h1, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-success.plan-inner h1, .saas-billing-wrapper .billing-options-wrapper .left .is-success.option-block h1, .action-page-wrapper.action-page-v1 .wrapper-inner .is-success.action-box h1, .action-page-wrapper.action-page-v2 .wrapper-inner .is-success.action-box h1, .action-page-wrapper.action-page-v2 .is-success.wrapper-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner h1, .form-layout .is-success.form-outer h1, .confirm-account-wrapper .wrapper-inner .is-success.action-box h1, .promotion-page-wrapper .wrapper-inner .is-success.action-box h1, .promotion-page-wrapper .is-success.wrapper-outer h1, .invoice-wrapper .invoice-body .is-success.invoice-card h1, .is-success.gauge-widget.is-straight h1, .is-success.icon-toolbar-widget.is-straight h1, .is-success.text-widget.is-straight h1, .is-success.tags-widget.is-straight h1, .is-success.image-widget.is-straight h1, .is-success.list-widget.is-straight h1, .is-success.picker-widget.is-straight h1, .is-success.stats-widget.is-straight h1, .is-success.search-widget.is-straight h1, .is-success.icon-list-widget.is-straight h1, .is-success.video-widget.is-straight h1, .is-success.inbox-widget.is-straight h1, .is-success.illustration-widget.illustration-widget-v1.is-straight h1, .is-success.illustration-widget.illustration-widget-v2.is-straight h1, .is-success.illustration-widget.illustration-widget-v3.is-straight h1, .is-success.creative-list-widget.is-straight h1, .is-success.social-buttons-widget.is-straight h1, .is-success.call-widget.is-straight h1, .is-success.avatar-list-widget.is-straight h1, .is-success.contact-widget.is-straight h1, .is-success.followers-widget.is-straight h1, .is-success.cart-widget.is-straight h1, .is-success.stat-widget.is-straight h1, .s-card.is-success h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card h2, .is-success.collapse h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap h2, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-success.dashboard-card h2, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-header h2, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-card h2, .finance-dashboard.analytics-dashboard .is-success.dashboard-tile h2, .finance-dashboard.analytics-dashboard .is-success.dashboard-card h2, .finance-dashboard.sales-dashboard .spark-tiles .is-success.spark-tile h2, .finance-dashboard.sales-dashboard .is-success.dashboard-card h2, .banking-dashboard.banking-dashboard-v1 .is-success.dashboard-card h2, .banking-dashboard.banking-dashboard-v2 .is-success.dashboard-card h2, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-success.dashboard-tile h2, .banking-dashboard.banking-dashboard-v3 .is-success.dashboard-card h2, .business-dashboard.flights-dashboard .is-success.booking-bar-wrapper h2, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-success.flight-summary h2, .business-dashboard.flights-dashboard .flights .is-success.flight-card h2, .business-dashboard.flights-dashboard .is-success.company-card h2, .business-dashboard.flights-dashboard .is-success.filters-card h2, .business-dashboard.company-dashboard .is-success.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-success.overview-card h2, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-success.dashboard-tile h2, .list-view.list-view-v2 .is-success.list-view-item h2, .user-grid.user-grid-v1 .is-success.grid-item h2, .user-grid.user-grid-v2 .is-success.grid-item h2, .user-grid.user-grid-v3 .is-success.grid-item h2, .user-grid.user-grid-v4 .is-success.grid-item h2, .card-grid.card-grid-v3 .is-success.card-grid-item h2, .card-grid.card-grid-v4 .is-success.card-grid-item h2, .tile-grid.tile-grid-v1 .is-success.tile-grid-item h2, .tile-grid.tile-grid-v2 .is-success.tile-grid-item h2, .tile-grid.tile-grid-v3 .is-success.tile-grid-item h2, .is-success.demo-card h2, .is-success.color-card h2, .all-projects .project-grid .is-success.project-grid-item h2, .project-details .project-details-inner .is-success.project-details-card h2, .project-details .project-details-inner .is-success.side-card h2, .project-details .project-details-inner .is-success.project-team-card h2, .project-details .project-details-inner .task-grid .is-success.task-card h2, .profile-wrapper .profile-body .is-success.profile-card h2, .account-wrapper .is-success.account-box h2, .search-results-wrapper .search-results-body .is-success.filter-box h2, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-success.search-results-item h2, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-success.plan-inner h2, .saas-billing-wrapper .billing-options-wrapper .left .is-success.option-block h2, .action-page-wrapper.action-page-v1 .wrapper-inner .is-success.action-box h2, .action-page-wrapper.action-page-v2 .wrapper-inner .is-success.action-box h2, .action-page-wrapper.action-page-v2 .is-success.wrapper-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner h2, .form-layout .is-success.form-outer h2, .confirm-account-wrapper .wrapper-inner .is-success.action-box h2, .promotion-page-wrapper .wrapper-inner .is-success.action-box h2, .promotion-page-wrapper .is-success.wrapper-outer h2, .invoice-wrapper .invoice-body .is-success.invoice-card h2, .is-success.gauge-widget.is-straight h2, .is-success.icon-toolbar-widget.is-straight h2, .is-success.text-widget.is-straight h2, .is-success.tags-widget.is-straight h2, .is-success.image-widget.is-straight h2, .is-success.list-widget.is-straight h2, .is-success.picker-widget.is-straight h2, .is-success.stats-widget.is-straight h2, .is-success.search-widget.is-straight h2, .is-success.icon-list-widget.is-straight h2, .is-success.video-widget.is-straight h2, .is-success.inbox-widget.is-straight h2, .is-success.illustration-widget.illustration-widget-v1.is-straight h2, .is-success.illustration-widget.illustration-widget-v2.is-straight h2, .is-success.illustration-widget.illustration-widget-v3.is-straight h2, .is-success.creative-list-widget.is-straight h2, .is-success.social-buttons-widget.is-straight h2, .is-success.call-widget.is-straight h2, .is-success.avatar-list-widget.is-straight h2, .is-success.contact-widget.is-straight h2, .is-success.followers-widget.is-straight h2, .is-success.cart-widget.is-straight h2, .is-success.stat-widget.is-straight h2, .s-card.is-success h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card h3, .is-success.collapse h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap h3, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-success.dashboard-card h3, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-header h3, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-card h3, .finance-dashboard.analytics-dashboard .is-success.dashboard-tile h3, .finance-dashboard.analytics-dashboard .is-success.dashboard-card h3, .finance-dashboard.sales-dashboard .spark-tiles .is-success.spark-tile h3, .finance-dashboard.sales-dashboard .is-success.dashboard-card h3, .banking-dashboard.banking-dashboard-v1 .is-success.dashboard-card h3, .banking-dashboard.banking-dashboard-v2 .is-success.dashboard-card h3, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-success.dashboard-tile h3, .banking-dashboard.banking-dashboard-v3 .is-success.dashboard-card h3, .business-dashboard.flights-dashboard .is-success.booking-bar-wrapper h3, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-success.flight-summary h3, .business-dashboard.flights-dashboard .flights .is-success.flight-card h3, .business-dashboard.flights-dashboard .is-success.company-card h3, .business-dashboard.flights-dashboard .is-success.filters-card h3, .business-dashboard.company-dashboard .is-success.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-success.overview-card h3, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-success.dashboard-tile h3, .list-view.list-view-v2 .is-success.list-view-item h3, .user-grid.user-grid-v1 .is-success.grid-item h3, .user-grid.user-grid-v2 .is-success.grid-item h3, .user-grid.user-grid-v3 .is-success.grid-item h3, .user-grid.user-grid-v4 .is-success.grid-item h3, .card-grid.card-grid-v3 .is-success.card-grid-item h3, .card-grid.card-grid-v4 .is-success.card-grid-item h3, .tile-grid.tile-grid-v1 .is-success.tile-grid-item h3, .tile-grid.tile-grid-v2 .is-success.tile-grid-item h3, .tile-grid.tile-grid-v3 .is-success.tile-grid-item h3, .is-success.demo-card h3, .is-success.color-card h3, .all-projects .project-grid .is-success.project-grid-item h3, .project-details .project-details-inner .is-success.project-details-card h3, .project-details .project-details-inner .is-success.side-card h3, .project-details .project-details-inner .is-success.project-team-card h3, .project-details .project-details-inner .task-grid .is-success.task-card h3, .profile-wrapper .profile-body .is-success.profile-card h3, .account-wrapper .is-success.account-box h3, .search-results-wrapper .search-results-body .is-success.filter-box h3, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-success.search-results-item h3, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-success.plan-inner h3, .saas-billing-wrapper .billing-options-wrapper .left .is-success.option-block h3, .action-page-wrapper.action-page-v1 .wrapper-inner .is-success.action-box h3, .action-page-wrapper.action-page-v2 .wrapper-inner .is-success.action-box h3, .action-page-wrapper.action-page-v2 .is-success.wrapper-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner h3, .form-layout .is-success.form-outer h3, .confirm-account-wrapper .wrapper-inner .is-success.action-box h3, .promotion-page-wrapper .wrapper-inner .is-success.action-box h3, .promotion-page-wrapper .is-success.wrapper-outer h3, .invoice-wrapper .invoice-body .is-success.invoice-card h3, .is-success.gauge-widget.is-straight h3, .is-success.icon-toolbar-widget.is-straight h3, .is-success.text-widget.is-straight h3, .is-success.tags-widget.is-straight h3, .is-success.image-widget.is-straight h3, .is-success.list-widget.is-straight h3, .is-success.picker-widget.is-straight h3, .is-success.stats-widget.is-straight h3, .is-success.search-widget.is-straight h3, .is-success.icon-list-widget.is-straight h3, .is-success.video-widget.is-straight h3, .is-success.inbox-widget.is-straight h3, .is-success.illustration-widget.illustration-widget-v1.is-straight h3, .is-success.illustration-widget.illustration-widget-v2.is-straight h3, .is-success.illustration-widget.illustration-widget-v3.is-straight h3, .is-success.creative-list-widget.is-straight h3, .is-success.social-buttons-widget.is-straight h3, .is-success.call-widget.is-straight h3, .is-success.avatar-list-widget.is-straight h3, .is-success.contact-widget.is-straight h3, .is-success.followers-widget.is-straight h3, .is-success.cart-widget.is-straight h3, .is-success.stat-widget.is-straight h3, .s-card.is-success h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card h4, .is-success.collapse h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap h4, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-success.dashboard-card h4, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-header h4, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-card h4, .finance-dashboard.analytics-dashboard .is-success.dashboard-tile h4, .finance-dashboard.analytics-dashboard .is-success.dashboard-card h4, .finance-dashboard.sales-dashboard .spark-tiles .is-success.spark-tile h4, .finance-dashboard.sales-dashboard .is-success.dashboard-card h4, .banking-dashboard.banking-dashboard-v1 .is-success.dashboard-card h4, .banking-dashboard.banking-dashboard-v2 .is-success.dashboard-card h4, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-success.dashboard-tile h4, .banking-dashboard.banking-dashboard-v3 .is-success.dashboard-card h4, .business-dashboard.flights-dashboard .is-success.booking-bar-wrapper h4, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-success.flight-summary h4, .business-dashboard.flights-dashboard .flights .is-success.flight-card h4, .business-dashboard.flights-dashboard .is-success.company-card h4, .business-dashboard.flights-dashboard .is-success.filters-card h4, .business-dashboard.company-dashboard .is-success.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-success.overview-card h4, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-success.dashboard-tile h4, .list-view.list-view-v2 .is-success.list-view-item h4, .user-grid.user-grid-v1 .is-success.grid-item h4, .user-grid.user-grid-v2 .is-success.grid-item h4, .user-grid.user-grid-v3 .is-success.grid-item h4, .user-grid.user-grid-v4 .is-success.grid-item h4, .card-grid.card-grid-v3 .is-success.card-grid-item h4, .card-grid.card-grid-v4 .is-success.card-grid-item h4, .tile-grid.tile-grid-v1 .is-success.tile-grid-item h4, .tile-grid.tile-grid-v2 .is-success.tile-grid-item h4, .tile-grid.tile-grid-v3 .is-success.tile-grid-item h4, .is-success.demo-card h4, .is-success.color-card h4, .all-projects .project-grid .is-success.project-grid-item h4, .project-details .project-details-inner .is-success.project-details-card h4, .project-details .project-details-inner .is-success.side-card h4, .project-details .project-details-inner .is-success.project-team-card h4, .project-details .project-details-inner .task-grid .is-success.task-card h4, .profile-wrapper .profile-body .is-success.profile-card h4, .account-wrapper .is-success.account-box h4, .search-results-wrapper .search-results-body .is-success.filter-box h4, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-success.search-results-item h4, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-success.plan-inner h4, .saas-billing-wrapper .billing-options-wrapper .left .is-success.option-block h4, .action-page-wrapper.action-page-v1 .wrapper-inner .is-success.action-box h4, .action-page-wrapper.action-page-v2 .wrapper-inner .is-success.action-box h4, .action-page-wrapper.action-page-v2 .is-success.wrapper-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner h4, .form-layout .is-success.form-outer h4, .confirm-account-wrapper .wrapper-inner .is-success.action-box h4, .promotion-page-wrapper .wrapper-inner .is-success.action-box h4, .promotion-page-wrapper .is-success.wrapper-outer h4, .invoice-wrapper .invoice-body .is-success.invoice-card h4, .is-success.gauge-widget.is-straight h4, .is-success.icon-toolbar-widget.is-straight h4, .is-success.text-widget.is-straight h4, .is-success.tags-widget.is-straight h4, .is-success.image-widget.is-straight h4, .is-success.list-widget.is-straight h4, .is-success.picker-widget.is-straight h4, .is-success.stats-widget.is-straight h4, .is-success.search-widget.is-straight h4, .is-success.icon-list-widget.is-straight h4, .is-success.video-widget.is-straight h4, .is-success.inbox-widget.is-straight h4, .is-success.illustration-widget.illustration-widget-v1.is-straight h4, .is-success.illustration-widget.illustration-widget-v2.is-straight h4, .is-success.illustration-widget.illustration-widget-v3.is-straight h4, .is-success.creative-list-widget.is-straight h4, .is-success.social-buttons-widget.is-straight h4, .is-success.call-widget.is-straight h4, .is-success.avatar-list-widget.is-straight h4, .is-success.contact-widget.is-straight h4, .is-success.followers-widget.is-straight h4, .is-success.cart-widget.is-straight h4, .is-success.stat-widget.is-straight h4, .s-card.is-success p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-success.project-card p, .is-success.collapse p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-success.content-wrap p, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-success.dashboard-card p, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-header p, .personal-dashboard.personal-dashboard-v2 .is-success.dashboard-card p, .finance-dashboard.analytics-dashboard .is-success.dashboard-tile p, .finance-dashboard.analytics-dashboard .is-success.dashboard-card p, .finance-dashboard.sales-dashboard .spark-tiles .is-success.spark-tile p, .finance-dashboard.sales-dashboard .is-success.dashboard-card p, .banking-dashboard.banking-dashboard-v1 .is-success.dashboard-card p, .banking-dashboard.banking-dashboard-v2 .is-success.dashboard-card p, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-success.dashboard-tile p, .banking-dashboard.banking-dashboard-v3 .is-success.dashboard-card p, .business-dashboard.flights-dashboard .is-success.booking-bar-wrapper p, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-success.flight-summary p, .business-dashboard.flights-dashboard .flights .is-success.flight-card p, .business-dashboard.flights-dashboard .is-success.company-card p, .business-dashboard.flights-dashboard .is-success.filters-card p, .business-dashboard.company-dashboard .is-success.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-success.overview-card p, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-success.dashboard-tile p, .list-view.list-view-v2 .is-success.list-view-item p, .user-grid.user-grid-v1 .is-success.grid-item p, .user-grid.user-grid-v2 .is-success.grid-item p, .user-grid.user-grid-v3 .is-success.grid-item p, .user-grid.user-grid-v4 .is-success.grid-item p, .card-grid.card-grid-v3 .is-success.card-grid-item p, .card-grid.card-grid-v4 .is-success.card-grid-item p, .tile-grid.tile-grid-v1 .is-success.tile-grid-item p, .tile-grid.tile-grid-v2 .is-success.tile-grid-item p, .tile-grid.tile-grid-v3 .is-success.tile-grid-item p, .is-success.demo-card p, .is-success.color-card p, .all-projects .project-grid .is-success.project-grid-item p, .project-details .project-details-inner .is-success.project-details-card p, .project-details .project-details-inner .is-success.side-card p, .project-details .project-details-inner .is-success.project-team-card p, .project-details .project-details-inner .task-grid .is-success.task-card p, .profile-wrapper .profile-body .is-success.profile-card p, .account-wrapper .is-success.account-box p, .search-results-wrapper .search-results-body .is-success.filter-box p, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-success.search-results-item p, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-success.plan-inner p, .saas-billing-wrapper .billing-options-wrapper .left .is-success.option-block p, .action-page-wrapper.action-page-v1 .wrapper-inner .is-success.action-box p, .action-page-wrapper.action-page-v2 .wrapper-inner .is-success.action-box p, .action-page-wrapper.action-page-v2 .is-success.wrapper-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-success.form-section-inner p, .form-layout .is-success.form-outer p, .confirm-account-wrapper .wrapper-inner .is-success.action-box p, .promotion-page-wrapper .wrapper-inner .is-success.action-box p, .promotion-page-wrapper .is-success.wrapper-outer p, .invoice-wrapper .invoice-body .is-success.invoice-card p, .is-success.gauge-widget.is-straight p, .is-success.icon-toolbar-widget.is-straight p, .is-success.text-widget.is-straight p, .is-success.tags-widget.is-straight p, .is-success.image-widget.is-straight p, .is-success.list-widget.is-straight p, .is-success.picker-widget.is-straight p, .is-success.stats-widget.is-straight p, .is-success.search-widget.is-straight p, .is-success.icon-list-widget.is-straight p, .is-success.video-widget.is-straight p, .is-success.inbox-widget.is-straight p, .is-success.illustration-widget.illustration-widget-v1.is-straight p, .is-success.illustration-widget.illustration-widget-v2.is-straight p, .is-success.illustration-widget.illustration-widget-v3.is-straight p, .is-success.creative-list-widget.is-straight p, .is-success.social-buttons-widget.is-straight p, .is-success.call-widget.is-straight p, .is-success.avatar-list-widget.is-straight p, .is-success.contact-widget.is-straight p, .is-success.followers-widget.is-straight p, .is-success.cart-widget.is-straight p, .is-success.stat-widget.is-straight p, .l-card.is-success .title, .boxed-features .is-success.flex-card .title, .personal-dashboard.personal-dashboard-v3 .is-success.dashboard-card .title, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-success.grid-item .title, .business-dashboard.course-dashboard .course-grid .is-success.course-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-success.long-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-success.media-flex-center .title, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-success.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-success.writing-stat .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.featured-authors .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.updates .title, .food-delivery-dashboard .left .left-body .restaurants-list .is-success.restaurants-list-item .title, .is-success.gauge-widget .title, .is-success.icon-toolbar-widget .title, .is-success.text-widget .title, .is-success.tags-widget .title, .calendar-widget .calendar-widget-inner .is-success.calendar-square .title, .is-success.image-widget .title, .is-success.list-widget .title, .is-success.picker-widget .title, .is-success.stats-widget .title, .is-success.search-widget .title, .is-success.icon-list-widget .title, .is-success.video-widget .title, .is-success.inbox-widget .title, .is-success.illustration-widget.illustration-widget-v1 .title, .is-success.illustration-widget.illustration-widget-v2 .title, .is-success.illustration-widget.illustration-widget-v3 .title, .is-success.creative-list-widget .title, .is-success.social-buttons-widget .title, .is-success.call-widget .title, .is-success.avatar-list-widget .title, .is-success.contact-widget .title, .is-success.followers-widget .title, .is-success.cart-widget .title, .is-success.stat-widget .title, .wizard-v1-wrapper .step-content .wizard-types .is-success.wizard-card .title, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-success.uploader-actions .title, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-success.edit-box .title, .l-card.is-success .subtitle, .boxed-features .is-success.flex-card .subtitle, .personal-dashboard.personal-dashboard-v3 .is-success.dashboard-card .subtitle, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-success.grid-item .subtitle, .business-dashboard.course-dashboard .course-grid .is-success.course-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-success.long-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-success.media-flex-center .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-success.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-success.writing-stat .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.featured-authors .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.updates .subtitle, .food-delivery-dashboard .left .left-body .restaurants-list .is-success.restaurants-list-item .subtitle, .is-success.gauge-widget .subtitle, .is-success.icon-toolbar-widget .subtitle, .is-success.text-widget .subtitle, .is-success.tags-widget .subtitle, .calendar-widget .calendar-widget-inner .is-success.calendar-square .subtitle, .is-success.image-widget .subtitle, .is-success.list-widget .subtitle, .is-success.picker-widget .subtitle, .is-success.stats-widget .subtitle, .is-success.search-widget .subtitle, .is-success.icon-list-widget .subtitle, .is-success.video-widget .subtitle, .is-success.inbox-widget .subtitle, .is-success.illustration-widget.illustration-widget-v1 .subtitle, .is-success.illustration-widget.illustration-widget-v2 .subtitle, .is-success.illustration-widget.illustration-widget-v3 .subtitle, .is-success.creative-list-widget .subtitle, .is-success.social-buttons-widget .subtitle, .is-success.call-widget .subtitle, .is-success.avatar-list-widget .subtitle, .is-success.contact-widget .subtitle, .is-success.followers-widget .subtitle, .is-success.cart-widget .subtitle, .is-success.stat-widget .subtitle, .wizard-v1-wrapper .step-content .wizard-types .is-success.wizard-card .subtitle, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-success.uploader-actions .subtitle, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-success.edit-box .subtitle, .l-card.is-success h1, .boxed-features .is-success.flex-card h1, .personal-dashboard.personal-dashboard-v3 .is-success.dashboard-card h1, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-success.grid-item h1, .business-dashboard.course-dashboard .course-grid .is-success.course-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-success.long-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-success.media-flex-center h1, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-success.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-success.writing-stat h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.featured-authors h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.updates h1, .food-delivery-dashboard .left .left-body .restaurants-list .is-success.restaurants-list-item h1, .is-success.gauge-widget h1, .is-success.icon-toolbar-widget h1, .is-success.text-widget h1, .is-success.tags-widget h1, .calendar-widget .calendar-widget-inner .is-success.calendar-square h1, .is-success.image-widget h1, .is-success.list-widget h1, .is-success.picker-widget h1, .is-success.stats-widget h1, .is-success.search-widget h1, .is-success.icon-list-widget h1, .is-success.video-widget h1, .is-success.inbox-widget h1, .is-success.illustration-widget.illustration-widget-v1 h1, .is-success.illustration-widget.illustration-widget-v2 h1, .is-success.illustration-widget.illustration-widget-v3 h1, .is-success.creative-list-widget h1, .is-success.social-buttons-widget h1, .is-success.call-widget h1, .is-success.avatar-list-widget h1, .is-success.contact-widget h1, .is-success.followers-widget h1, .is-success.cart-widget h1, .is-success.stat-widget h1, .wizard-v1-wrapper .step-content .wizard-types .is-success.wizard-card h1, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-success.uploader-actions h1, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-success.edit-box h1, .l-card.is-success h2, .boxed-features .is-success.flex-card h2, .personal-dashboard.personal-dashboard-v3 .is-success.dashboard-card h2, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-success.grid-item h2, .business-dashboard.course-dashboard .course-grid .is-success.course-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-success.long-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-success.media-flex-center h2, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-success.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-success.writing-stat h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.featured-authors h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.updates h2, .food-delivery-dashboard .left .left-body .restaurants-list .is-success.restaurants-list-item h2, .is-success.gauge-widget h2, .is-success.icon-toolbar-widget h2, .is-success.text-widget h2, .is-success.tags-widget h2, .calendar-widget .calendar-widget-inner .is-success.calendar-square h2, .is-success.image-widget h2, .is-success.list-widget h2, .is-success.picker-widget h2, .is-success.stats-widget h2, .is-success.search-widget h2, .is-success.icon-list-widget h2, .is-success.video-widget h2, .is-success.inbox-widget h2, .is-success.illustration-widget.illustration-widget-v1 h2, .is-success.illustration-widget.illustration-widget-v2 h2, .is-success.illustration-widget.illustration-widget-v3 h2, .is-success.creative-list-widget h2, .is-success.social-buttons-widget h2, .is-success.call-widget h2, .is-success.avatar-list-widget h2, .is-success.contact-widget h2, .is-success.followers-widget h2, .is-success.cart-widget h2, .is-success.stat-widget h2, .wizard-v1-wrapper .step-content .wizard-types .is-success.wizard-card h2, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-success.uploader-actions h2, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-success.edit-box h2, .l-card.is-success h3, .boxed-features .is-success.flex-card h3, .personal-dashboard.personal-dashboard-v3 .is-success.dashboard-card h3, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-success.grid-item h3, .business-dashboard.course-dashboard .course-grid .is-success.course-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-success.long-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-success.media-flex-center h3, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-success.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-success.writing-stat h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.featured-authors h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.updates h3, .food-delivery-dashboard .left .left-body .restaurants-list .is-success.restaurants-list-item h3, .is-success.gauge-widget h3, .is-success.icon-toolbar-widget h3, .is-success.text-widget h3, .is-success.tags-widget h3, .calendar-widget .calendar-widget-inner .is-success.calendar-square h3, .is-success.image-widget h3, .is-success.list-widget h3, .is-success.picker-widget h3, .is-success.stats-widget h3, .is-success.search-widget h3, .is-success.icon-list-widget h3, .is-success.video-widget h3, .is-success.inbox-widget h3, .is-success.illustration-widget.illustration-widget-v1 h3, .is-success.illustration-widget.illustration-widget-v2 h3, .is-success.illustration-widget.illustration-widget-v3 h3, .is-success.creative-list-widget h3, .is-success.social-buttons-widget h3, .is-success.call-widget h3, .is-success.avatar-list-widget h3, .is-success.contact-widget h3, .is-success.followers-widget h3, .is-success.cart-widget h3, .is-success.stat-widget h3, .wizard-v1-wrapper .step-content .wizard-types .is-success.wizard-card h3, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-success.uploader-actions h3, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-success.edit-box h3, .l-card.is-success h4, .boxed-features .is-success.flex-card h4, .personal-dashboard.personal-dashboard-v3 .is-success.dashboard-card h4, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-success.grid-item h4, .business-dashboard.course-dashboard .course-grid .is-success.course-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-success.long-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-success.media-flex-center h4, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-success.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-success.writing-stat h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.featured-authors h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.updates h4, .food-delivery-dashboard .left .left-body .restaurants-list .is-success.restaurants-list-item h4, .is-success.gauge-widget h4, .is-success.icon-toolbar-widget h4, .is-success.text-widget h4, .is-success.tags-widget h4, .calendar-widget .calendar-widget-inner .is-success.calendar-square h4, .is-success.image-widget h4, .is-success.list-widget h4, .is-success.picker-widget h4, .is-success.stats-widget h4, .is-success.search-widget h4, .is-success.icon-list-widget h4, .is-success.video-widget h4, .is-success.inbox-widget h4, .is-success.illustration-widget.illustration-widget-v1 h4, .is-success.illustration-widget.illustration-widget-v2 h4, .is-success.illustration-widget.illustration-widget-v3 h4, .is-success.creative-list-widget h4, .is-success.social-buttons-widget h4, .is-success.call-widget h4, .is-success.avatar-list-widget h4, .is-success.contact-widget h4, .is-success.followers-widget h4, .is-success.cart-widget h4, .is-success.stat-widget h4, .wizard-v1-wrapper .step-content .wizard-types .is-success.wizard-card h4, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-success.uploader-actions h4, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-success.edit-box h4, .l-card.is-success p, .boxed-features .is-success.flex-card p, .personal-dashboard.personal-dashboard-v3 .is-success.dashboard-card p, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-success.grid-item p, .business-dashboard.course-dashboard .course-grid .is-success.course-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-success.long-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-success.media-flex-center p, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-success.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-success.writing-stat p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.featured-authors p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-success.updates p, .food-delivery-dashboard .left .left-body .restaurants-list .is-success.restaurants-list-item p, .is-success.gauge-widget p, .is-success.icon-toolbar-widget p, .is-success.text-widget p, .is-success.tags-widget p, .calendar-widget .calendar-widget-inner .is-success.calendar-square p, .is-success.image-widget p, .is-success.list-widget p, .is-success.picker-widget p, .is-success.stats-widget p, .is-success.search-widget p, .is-success.icon-list-widget p, .is-success.video-widget p, .is-success.inbox-widget p, .is-success.illustration-widget.illustration-widget-v1 p, .is-success.illustration-widget.illustration-widget-v2 p, .is-success.illustration-widget.illustration-widget-v3 p, .is-success.creative-list-widget p, .is-success.social-buttons-widget p, .is-success.call-widget p, .is-success.avatar-list-widget p, .is-success.contact-widget p, .is-success.followers-widget p, .is-success.cart-widget p, .is-success.stat-widget p, .wizard-v1-wrapper .step-content .wizard-types .is-success.wizard-card p, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-success.uploader-actions p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-success.edit-box p, .h-card.is-success .title, .h-card.is-success .subtitle, .h-card.is-success h1, .h-card.is-success h2, .h-card.is-success h3, .h-card.is-success h4, .h-card.is-success p { color: #fcfcfc !important; } /* line 108, src/assets/scss/elements/_cards.scss */ .r-card.is-warning, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-warning.column-placeholder, .finance-dashboard.stock-dashboard .is-warning.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-warning.media-feed-item, .list-view.list-view-v1 .is-warning.list-view-item, .list-view.list-view-v3 .is-warning.list-view-item, .list-view.list-view-v4 .is-warning.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card, .s-card.is-warning, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card, .is-warning.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-warning.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-card, .finance-dashboard.analytics-dashboard .is-warning.dashboard-tile, .finance-dashboard.analytics-dashboard .is-warning.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-warning.spark-tile, .finance-dashboard.sales-dashboard .is-warning.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-warning.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-warning.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-warning.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-warning.dashboard-card, .business-dashboard.flights-dashboard .is-warning.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-warning.flight-summary, .business-dashboard.flights-dashboard .flights .is-warning.flight-card, .business-dashboard.flights-dashboard .is-warning.company-card, .business-dashboard.flights-dashboard .is-warning.filters-card, .business-dashboard.company-dashboard .is-warning.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-warning.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-warning.dashboard-tile, .list-view.list-view-v2 .is-warning.list-view-item, .user-grid.user-grid-v1 .is-warning.grid-item, .user-grid.user-grid-v2 .is-warning.grid-item, .user-grid.user-grid-v3 .is-warning.grid-item, .user-grid.user-grid-v4 .is-warning.grid-item, .card-grid.card-grid-v3 .is-warning.card-grid-item, .card-grid.card-grid-v4 .is-warning.card-grid-item, .tile-grid.tile-grid-v1 .is-warning.tile-grid-item, .tile-grid.tile-grid-v2 .is-warning.tile-grid-item, .tile-grid.tile-grid-v3 .is-warning.tile-grid-item, .is-warning.demo-card, .is-warning.color-card, .all-projects .project-grid .is-warning.project-grid-item, .project-details .project-details-inner .is-warning.project-details-card, .project-details .project-details-inner .is-warning.side-card, .project-details .project-details-inner .is-warning.project-team-card, .project-details .project-details-inner .task-grid .is-warning.task-card, .profile-wrapper .profile-body .is-warning.profile-card, .account-wrapper .is-warning.account-box, .search-results-wrapper .search-results-body .is-warning.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-warning.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-warning.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-warning.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-warning.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-warning.action-box, .action-page-wrapper.action-page-v2 .is-warning.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner, .form-layout .is-warning.form-outer, .confirm-account-wrapper .wrapper-inner .is-warning.action-box, .promotion-page-wrapper .wrapper-inner .is-warning.action-box, .promotion-page-wrapper .is-warning.wrapper-outer, .invoice-wrapper .invoice-body .is-warning.invoice-card, .is-warning.gauge-widget.is-straight, .is-warning.icon-toolbar-widget.is-straight, .is-warning.text-widget.is-straight, .is-warning.tags-widget.is-straight, .is-warning.image-widget.is-straight, .is-warning.list-widget.is-straight, .is-warning.picker-widget.is-straight, .is-warning.stats-widget.is-straight, .is-warning.search-widget.is-straight, .is-warning.icon-list-widget.is-straight, .is-warning.video-widget.is-straight, .is-warning.inbox-widget.is-straight, .is-warning.illustration-widget.illustration-widget-v1.is-straight, .is-warning.illustration-widget.illustration-widget-v2.is-straight, .is-warning.illustration-widget.illustration-widget-v3.is-straight, .is-warning.creative-list-widget.is-straight, .is-warning.social-buttons-widget.is-straight, .is-warning.call-widget.is-straight, .is-warning.avatar-list-widget.is-straight, .is-warning.contact-widget.is-straight, .is-warning.followers-widget.is-straight, .is-warning.cart-widget.is-straight, .is-warning.stat-widget.is-straight, .l-card.is-warning, .boxed-features .is-warning.flex-card, .personal-dashboard.personal-dashboard-v3 .is-warning.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-warning.grid-item, .business-dashboard.course-dashboard .course-grid .is-warning.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-warning.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-warning.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-warning.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-warning.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-warning.restaurants-list-item, .is-warning.gauge-widget, .is-warning.icon-toolbar-widget, .is-warning.text-widget, .is-warning.tags-widget, .calendar-widget .calendar-widget-inner .is-warning.calendar-square, .is-warning.image-widget, .is-warning.list-widget, .is-warning.picker-widget, .is-warning.stats-widget, .is-warning.search-widget, .is-warning.icon-list-widget, .is-warning.video-widget, .is-warning.inbox-widget, .is-warning.illustration-widget.illustration-widget-v1, .is-warning.illustration-widget.illustration-widget-v2, .is-warning.illustration-widget.illustration-widget-v3, .is-warning.creative-list-widget, .is-warning.social-buttons-widget, .is-warning.call-widget, .is-warning.avatar-list-widget, .is-warning.contact-widget, .is-warning.followers-widget, .is-warning.cart-widget, .is-warning.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-warning.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-warning.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-warning.edit-box, .h-card.is-warning { background: #faae42 !important; border-color: #faae42 !important; } /* line 112, src/assets/scss/elements/_cards.scss */ .r-card.is-warning .title, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-warning.column-placeholder .title, .finance-dashboard.stock-dashboard .is-warning.stock-card .title, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-warning.media-feed-item .title, .list-view.list-view-v1 .is-warning.list-view-item .title, .list-view.list-view-v3 .is-warning.list-view-item .title, .list-view.list-view-v4 .is-warning.list-view-item .title, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card .title, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card .title, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card .title, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card .title, .r-card.is-warning .subtitle, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-warning.column-placeholder .subtitle, .finance-dashboard.stock-dashboard .is-warning.stock-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-warning.media-feed-item .subtitle, .list-view.list-view-v1 .is-warning.list-view-item .subtitle, .list-view.list-view-v3 .is-warning.list-view-item .subtitle, .list-view.list-view-v4 .is-warning.list-view-item .subtitle, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card .subtitle, .r-card.is-warning h1, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-warning.column-placeholder h1, .finance-dashboard.stock-dashboard .is-warning.stock-card h1, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-warning.media-feed-item h1, .list-view.list-view-v1 .is-warning.list-view-item h1, .list-view.list-view-v3 .is-warning.list-view-item h1, .list-view.list-view-v4 .is-warning.list-view-item h1, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h1, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h1, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h1, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h1, .r-card.is-warning h2, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-warning.column-placeholder h2, .finance-dashboard.stock-dashboard .is-warning.stock-card h2, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-warning.media-feed-item h2, .list-view.list-view-v1 .is-warning.list-view-item h2, .list-view.list-view-v3 .is-warning.list-view-item h2, .list-view.list-view-v4 .is-warning.list-view-item h2, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h2, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h2, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h2, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h2, .r-card.is-warning h3, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-warning.column-placeholder h3, .finance-dashboard.stock-dashboard .is-warning.stock-card h3, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-warning.media-feed-item h3, .list-view.list-view-v1 .is-warning.list-view-item h3, .list-view.list-view-v3 .is-warning.list-view-item h3, .list-view.list-view-v4 .is-warning.list-view-item h3, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h3, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h3, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h3, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h3, .r-card.is-warning h4, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-warning.column-placeholder h4, .finance-dashboard.stock-dashboard .is-warning.stock-card h4, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-warning.media-feed-item h4, .list-view.list-view-v1 .is-warning.list-view-item h4, .list-view.list-view-v3 .is-warning.list-view-item h4, .list-view.list-view-v4 .is-warning.list-view-item h4, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h4, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h4, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h4, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card h4, .r-card.is-warning p, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-warning.column-placeholder p, .finance-dashboard.stock-dashboard .is-warning.stock-card p, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-warning.media-feed-item p, .list-view.list-view-v1 .is-warning.list-view-item p, .list-view.list-view-v3 .is-warning.list-view-item p, .list-view.list-view-v4 .is-warning.list-view-item p, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card p, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card p, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card p, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-warning.onboarding-card p, .s-card.is-warning .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card .title, .is-warning.collapse .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap .title, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-warning.dashboard-card .title, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-header .title, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-card .title, .finance-dashboard.analytics-dashboard .is-warning.dashboard-tile .title, .finance-dashboard.analytics-dashboard .is-warning.dashboard-card .title, .finance-dashboard.sales-dashboard .spark-tiles .is-warning.spark-tile .title, .finance-dashboard.sales-dashboard .is-warning.dashboard-card .title, .banking-dashboard.banking-dashboard-v1 .is-warning.dashboard-card .title, .banking-dashboard.banking-dashboard-v2 .is-warning.dashboard-card .title, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-warning.dashboard-tile .title, .banking-dashboard.banking-dashboard-v3 .is-warning.dashboard-card .title, .business-dashboard.flights-dashboard .is-warning.booking-bar-wrapper .title, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-warning.flight-summary .title, .business-dashboard.flights-dashboard .flights .is-warning.flight-card .title, .business-dashboard.flights-dashboard .is-warning.company-card .title, .business-dashboard.flights-dashboard .is-warning.filters-card .title, .business-dashboard.company-dashboard .is-warning.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-warning.overview-card .title, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-warning.dashboard-tile .title, .list-view.list-view-v2 .is-warning.list-view-item .title, .user-grid.user-grid-v1 .is-warning.grid-item .title, .user-grid.user-grid-v2 .is-warning.grid-item .title, .user-grid.user-grid-v3 .is-warning.grid-item .title, .user-grid.user-grid-v4 .is-warning.grid-item .title, .card-grid.card-grid-v3 .is-warning.card-grid-item .title, .card-grid.card-grid-v4 .is-warning.card-grid-item .title, .tile-grid.tile-grid-v1 .is-warning.tile-grid-item .title, .tile-grid.tile-grid-v2 .is-warning.tile-grid-item .title, .tile-grid.tile-grid-v3 .is-warning.tile-grid-item .title, .is-warning.demo-card .title, .is-warning.color-card .title, .all-projects .project-grid .is-warning.project-grid-item .title, .project-details .project-details-inner .is-warning.project-details-card .title, .project-details .project-details-inner .is-warning.side-card .title, .project-details .project-details-inner .is-warning.project-team-card .title, .project-details .project-details-inner .task-grid .is-warning.task-card .title, .profile-wrapper .profile-body .is-warning.profile-card .title, .account-wrapper .is-warning.account-box .title, .search-results-wrapper .search-results-body .is-warning.filter-box .title, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-warning.search-results-item .title, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-warning.plan-inner .title, .saas-billing-wrapper .billing-options-wrapper .left .is-warning.option-block .title, .action-page-wrapper.action-page-v1 .wrapper-inner .is-warning.action-box .title, .action-page-wrapper.action-page-v2 .wrapper-inner .is-warning.action-box .title, .action-page-wrapper.action-page-v2 .is-warning.wrapper-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner .title, .form-layout .is-warning.form-outer .title, .confirm-account-wrapper .wrapper-inner .is-warning.action-box .title, .promotion-page-wrapper .wrapper-inner .is-warning.action-box .title, .promotion-page-wrapper .is-warning.wrapper-outer .title, .invoice-wrapper .invoice-body .is-warning.invoice-card .title, .is-warning.gauge-widget.is-straight .title, .is-warning.icon-toolbar-widget.is-straight .title, .is-warning.text-widget.is-straight .title, .is-warning.tags-widget.is-straight .title, .is-warning.image-widget.is-straight .title, .is-warning.list-widget.is-straight .title, .is-warning.picker-widget.is-straight .title, .is-warning.stats-widget.is-straight .title, .is-warning.search-widget.is-straight .title, .is-warning.icon-list-widget.is-straight .title, .is-warning.video-widget.is-straight .title, .is-warning.inbox-widget.is-straight .title, .is-warning.illustration-widget.illustration-widget-v1.is-straight .title, .is-warning.illustration-widget.illustration-widget-v2.is-straight .title, .is-warning.illustration-widget.illustration-widget-v3.is-straight .title, .is-warning.creative-list-widget.is-straight .title, .is-warning.social-buttons-widget.is-straight .title, .is-warning.call-widget.is-straight .title, .is-warning.avatar-list-widget.is-straight .title, .is-warning.contact-widget.is-straight .title, .is-warning.followers-widget.is-straight .title, .is-warning.cart-widget.is-straight .title, .is-warning.stat-widget.is-straight .title, .s-card.is-warning .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card .subtitle, .is-warning.collapse .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap .subtitle, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-warning.dashboard-card .subtitle, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-header .subtitle, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-card .subtitle, .finance-dashboard.analytics-dashboard .is-warning.dashboard-tile .subtitle, .finance-dashboard.analytics-dashboard .is-warning.dashboard-card .subtitle, .finance-dashboard.sales-dashboard .spark-tiles .is-warning.spark-tile .subtitle, .finance-dashboard.sales-dashboard .is-warning.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v1 .is-warning.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v2 .is-warning.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-warning.dashboard-tile .subtitle, .banking-dashboard.banking-dashboard-v3 .is-warning.dashboard-card .subtitle, .business-dashboard.flights-dashboard .is-warning.booking-bar-wrapper .subtitle, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-warning.flight-summary .subtitle, .business-dashboard.flights-dashboard .flights .is-warning.flight-card .subtitle, .business-dashboard.flights-dashboard .is-warning.company-card .subtitle, .business-dashboard.flights-dashboard .is-warning.filters-card .subtitle, .business-dashboard.company-dashboard .is-warning.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-warning.overview-card .subtitle, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-warning.dashboard-tile .subtitle, .list-view.list-view-v2 .is-warning.list-view-item .subtitle, .user-grid.user-grid-v1 .is-warning.grid-item .subtitle, .user-grid.user-grid-v2 .is-warning.grid-item .subtitle, .user-grid.user-grid-v3 .is-warning.grid-item .subtitle, .user-grid.user-grid-v4 .is-warning.grid-item .subtitle, .card-grid.card-grid-v3 .is-warning.card-grid-item .subtitle, .card-grid.card-grid-v4 .is-warning.card-grid-item .subtitle, .tile-grid.tile-grid-v1 .is-warning.tile-grid-item .subtitle, .tile-grid.tile-grid-v2 .is-warning.tile-grid-item .subtitle, .tile-grid.tile-grid-v3 .is-warning.tile-grid-item .subtitle, .is-warning.demo-card .subtitle, .is-warning.color-card .subtitle, .all-projects .project-grid .is-warning.project-grid-item .subtitle, .project-details .project-details-inner .is-warning.project-details-card .subtitle, .project-details .project-details-inner .is-warning.side-card .subtitle, .project-details .project-details-inner .is-warning.project-team-card .subtitle, .project-details .project-details-inner .task-grid .is-warning.task-card .subtitle, .profile-wrapper .profile-body .is-warning.profile-card .subtitle, .account-wrapper .is-warning.account-box .subtitle, .search-results-wrapper .search-results-body .is-warning.filter-box .subtitle, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-warning.search-results-item .subtitle, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-warning.plan-inner .subtitle, .saas-billing-wrapper .billing-options-wrapper .left .is-warning.option-block .subtitle, .action-page-wrapper.action-page-v1 .wrapper-inner .is-warning.action-box .subtitle, .action-page-wrapper.action-page-v2 .wrapper-inner .is-warning.action-box .subtitle, .action-page-wrapper.action-page-v2 .is-warning.wrapper-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner .subtitle, .form-layout .is-warning.form-outer .subtitle, .confirm-account-wrapper .wrapper-inner .is-warning.action-box .subtitle, .promotion-page-wrapper .wrapper-inner .is-warning.action-box .subtitle, .promotion-page-wrapper .is-warning.wrapper-outer .subtitle, .invoice-wrapper .invoice-body .is-warning.invoice-card .subtitle, .is-warning.gauge-widget.is-straight .subtitle, .is-warning.icon-toolbar-widget.is-straight .subtitle, .is-warning.text-widget.is-straight .subtitle, .is-warning.tags-widget.is-straight .subtitle, .is-warning.image-widget.is-straight .subtitle, .is-warning.list-widget.is-straight .subtitle, .is-warning.picker-widget.is-straight .subtitle, .is-warning.stats-widget.is-straight .subtitle, .is-warning.search-widget.is-straight .subtitle, .is-warning.icon-list-widget.is-straight .subtitle, .is-warning.video-widget.is-straight .subtitle, .is-warning.inbox-widget.is-straight .subtitle, .is-warning.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-warning.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-warning.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-warning.creative-list-widget.is-straight .subtitle, .is-warning.social-buttons-widget.is-straight .subtitle, .is-warning.call-widget.is-straight .subtitle, .is-warning.avatar-list-widget.is-straight .subtitle, .is-warning.contact-widget.is-straight .subtitle, .is-warning.followers-widget.is-straight .subtitle, .is-warning.cart-widget.is-straight .subtitle, .is-warning.stat-widget.is-straight .subtitle, .s-card.is-warning h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h1, .is-warning.collapse h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h1, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-warning.dashboard-card h1, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-header h1, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-card h1, .finance-dashboard.analytics-dashboard .is-warning.dashboard-tile h1, .finance-dashboard.analytics-dashboard .is-warning.dashboard-card h1, .finance-dashboard.sales-dashboard .spark-tiles .is-warning.spark-tile h1, .finance-dashboard.sales-dashboard .is-warning.dashboard-card h1, .banking-dashboard.banking-dashboard-v1 .is-warning.dashboard-card h1, .banking-dashboard.banking-dashboard-v2 .is-warning.dashboard-card h1, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-warning.dashboard-tile h1, .banking-dashboard.banking-dashboard-v3 .is-warning.dashboard-card h1, .business-dashboard.flights-dashboard .is-warning.booking-bar-wrapper h1, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-warning.flight-summary h1, .business-dashboard.flights-dashboard .flights .is-warning.flight-card h1, .business-dashboard.flights-dashboard .is-warning.company-card h1, .business-dashboard.flights-dashboard .is-warning.filters-card h1, .business-dashboard.company-dashboard .is-warning.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-warning.overview-card h1, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-warning.dashboard-tile h1, .list-view.list-view-v2 .is-warning.list-view-item h1, .user-grid.user-grid-v1 .is-warning.grid-item h1, .user-grid.user-grid-v2 .is-warning.grid-item h1, .user-grid.user-grid-v3 .is-warning.grid-item h1, .user-grid.user-grid-v4 .is-warning.grid-item h1, .card-grid.card-grid-v3 .is-warning.card-grid-item h1, .card-grid.card-grid-v4 .is-warning.card-grid-item h1, .tile-grid.tile-grid-v1 .is-warning.tile-grid-item h1, .tile-grid.tile-grid-v2 .is-warning.tile-grid-item h1, .tile-grid.tile-grid-v3 .is-warning.tile-grid-item h1, .is-warning.demo-card h1, .is-warning.color-card h1, .all-projects .project-grid .is-warning.project-grid-item h1, .project-details .project-details-inner .is-warning.project-details-card h1, .project-details .project-details-inner .is-warning.side-card h1, .project-details .project-details-inner .is-warning.project-team-card h1, .project-details .project-details-inner .task-grid .is-warning.task-card h1, .profile-wrapper .profile-body .is-warning.profile-card h1, .account-wrapper .is-warning.account-box h1, .search-results-wrapper .search-results-body .is-warning.filter-box h1, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-warning.search-results-item h1, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-warning.plan-inner h1, .saas-billing-wrapper .billing-options-wrapper .left .is-warning.option-block h1, .action-page-wrapper.action-page-v1 .wrapper-inner .is-warning.action-box h1, .action-page-wrapper.action-page-v2 .wrapper-inner .is-warning.action-box h1, .action-page-wrapper.action-page-v2 .is-warning.wrapper-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h1, .form-layout .is-warning.form-outer h1, .confirm-account-wrapper .wrapper-inner .is-warning.action-box h1, .promotion-page-wrapper .wrapper-inner .is-warning.action-box h1, .promotion-page-wrapper .is-warning.wrapper-outer h1, .invoice-wrapper .invoice-body .is-warning.invoice-card h1, .is-warning.gauge-widget.is-straight h1, .is-warning.icon-toolbar-widget.is-straight h1, .is-warning.text-widget.is-straight h1, .is-warning.tags-widget.is-straight h1, .is-warning.image-widget.is-straight h1, .is-warning.list-widget.is-straight h1, .is-warning.picker-widget.is-straight h1, .is-warning.stats-widget.is-straight h1, .is-warning.search-widget.is-straight h1, .is-warning.icon-list-widget.is-straight h1, .is-warning.video-widget.is-straight h1, .is-warning.inbox-widget.is-straight h1, .is-warning.illustration-widget.illustration-widget-v1.is-straight h1, .is-warning.illustration-widget.illustration-widget-v2.is-straight h1, .is-warning.illustration-widget.illustration-widget-v3.is-straight h1, .is-warning.creative-list-widget.is-straight h1, .is-warning.social-buttons-widget.is-straight h1, .is-warning.call-widget.is-straight h1, .is-warning.avatar-list-widget.is-straight h1, .is-warning.contact-widget.is-straight h1, .is-warning.followers-widget.is-straight h1, .is-warning.cart-widget.is-straight h1, .is-warning.stat-widget.is-straight h1, .s-card.is-warning h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h2, .is-warning.collapse h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h2, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-warning.dashboard-card h2, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-header h2, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-card h2, .finance-dashboard.analytics-dashboard .is-warning.dashboard-tile h2, .finance-dashboard.analytics-dashboard .is-warning.dashboard-card h2, .finance-dashboard.sales-dashboard .spark-tiles .is-warning.spark-tile h2, .finance-dashboard.sales-dashboard .is-warning.dashboard-card h2, .banking-dashboard.banking-dashboard-v1 .is-warning.dashboard-card h2, .banking-dashboard.banking-dashboard-v2 .is-warning.dashboard-card h2, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-warning.dashboard-tile h2, .banking-dashboard.banking-dashboard-v3 .is-warning.dashboard-card h2, .business-dashboard.flights-dashboard .is-warning.booking-bar-wrapper h2, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-warning.flight-summary h2, .business-dashboard.flights-dashboard .flights .is-warning.flight-card h2, .business-dashboard.flights-dashboard .is-warning.company-card h2, .business-dashboard.flights-dashboard .is-warning.filters-card h2, .business-dashboard.company-dashboard .is-warning.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-warning.overview-card h2, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-warning.dashboard-tile h2, .list-view.list-view-v2 .is-warning.list-view-item h2, .user-grid.user-grid-v1 .is-warning.grid-item h2, .user-grid.user-grid-v2 .is-warning.grid-item h2, .user-grid.user-grid-v3 .is-warning.grid-item h2, .user-grid.user-grid-v4 .is-warning.grid-item h2, .card-grid.card-grid-v3 .is-warning.card-grid-item h2, .card-grid.card-grid-v4 .is-warning.card-grid-item h2, .tile-grid.tile-grid-v1 .is-warning.tile-grid-item h2, .tile-grid.tile-grid-v2 .is-warning.tile-grid-item h2, .tile-grid.tile-grid-v3 .is-warning.tile-grid-item h2, .is-warning.demo-card h2, .is-warning.color-card h2, .all-projects .project-grid .is-warning.project-grid-item h2, .project-details .project-details-inner .is-warning.project-details-card h2, .project-details .project-details-inner .is-warning.side-card h2, .project-details .project-details-inner .is-warning.project-team-card h2, .project-details .project-details-inner .task-grid .is-warning.task-card h2, .profile-wrapper .profile-body .is-warning.profile-card h2, .account-wrapper .is-warning.account-box h2, .search-results-wrapper .search-results-body .is-warning.filter-box h2, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-warning.search-results-item h2, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-warning.plan-inner h2, .saas-billing-wrapper .billing-options-wrapper .left .is-warning.option-block h2, .action-page-wrapper.action-page-v1 .wrapper-inner .is-warning.action-box h2, .action-page-wrapper.action-page-v2 .wrapper-inner .is-warning.action-box h2, .action-page-wrapper.action-page-v2 .is-warning.wrapper-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h2, .form-layout .is-warning.form-outer h2, .confirm-account-wrapper .wrapper-inner .is-warning.action-box h2, .promotion-page-wrapper .wrapper-inner .is-warning.action-box h2, .promotion-page-wrapper .is-warning.wrapper-outer h2, .invoice-wrapper .invoice-body .is-warning.invoice-card h2, .is-warning.gauge-widget.is-straight h2, .is-warning.icon-toolbar-widget.is-straight h2, .is-warning.text-widget.is-straight h2, .is-warning.tags-widget.is-straight h2, .is-warning.image-widget.is-straight h2, .is-warning.list-widget.is-straight h2, .is-warning.picker-widget.is-straight h2, .is-warning.stats-widget.is-straight h2, .is-warning.search-widget.is-straight h2, .is-warning.icon-list-widget.is-straight h2, .is-warning.video-widget.is-straight h2, .is-warning.inbox-widget.is-straight h2, .is-warning.illustration-widget.illustration-widget-v1.is-straight h2, .is-warning.illustration-widget.illustration-widget-v2.is-straight h2, .is-warning.illustration-widget.illustration-widget-v3.is-straight h2, .is-warning.creative-list-widget.is-straight h2, .is-warning.social-buttons-widget.is-straight h2, .is-warning.call-widget.is-straight h2, .is-warning.avatar-list-widget.is-straight h2, .is-warning.contact-widget.is-straight h2, .is-warning.followers-widget.is-straight h2, .is-warning.cart-widget.is-straight h2, .is-warning.stat-widget.is-straight h2, .s-card.is-warning h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h3, .is-warning.collapse h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h3, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-warning.dashboard-card h3, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-header h3, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-card h3, .finance-dashboard.analytics-dashboard .is-warning.dashboard-tile h3, .finance-dashboard.analytics-dashboard .is-warning.dashboard-card h3, .finance-dashboard.sales-dashboard .spark-tiles .is-warning.spark-tile h3, .finance-dashboard.sales-dashboard .is-warning.dashboard-card h3, .banking-dashboard.banking-dashboard-v1 .is-warning.dashboard-card h3, .banking-dashboard.banking-dashboard-v2 .is-warning.dashboard-card h3, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-warning.dashboard-tile h3, .banking-dashboard.banking-dashboard-v3 .is-warning.dashboard-card h3, .business-dashboard.flights-dashboard .is-warning.booking-bar-wrapper h3, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-warning.flight-summary h3, .business-dashboard.flights-dashboard .flights .is-warning.flight-card h3, .business-dashboard.flights-dashboard .is-warning.company-card h3, .business-dashboard.flights-dashboard .is-warning.filters-card h3, .business-dashboard.company-dashboard .is-warning.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-warning.overview-card h3, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-warning.dashboard-tile h3, .list-view.list-view-v2 .is-warning.list-view-item h3, .user-grid.user-grid-v1 .is-warning.grid-item h3, .user-grid.user-grid-v2 .is-warning.grid-item h3, .user-grid.user-grid-v3 .is-warning.grid-item h3, .user-grid.user-grid-v4 .is-warning.grid-item h3, .card-grid.card-grid-v3 .is-warning.card-grid-item h3, .card-grid.card-grid-v4 .is-warning.card-grid-item h3, .tile-grid.tile-grid-v1 .is-warning.tile-grid-item h3, .tile-grid.tile-grid-v2 .is-warning.tile-grid-item h3, .tile-grid.tile-grid-v3 .is-warning.tile-grid-item h3, .is-warning.demo-card h3, .is-warning.color-card h3, .all-projects .project-grid .is-warning.project-grid-item h3, .project-details .project-details-inner .is-warning.project-details-card h3, .project-details .project-details-inner .is-warning.side-card h3, .project-details .project-details-inner .is-warning.project-team-card h3, .project-details .project-details-inner .task-grid .is-warning.task-card h3, .profile-wrapper .profile-body .is-warning.profile-card h3, .account-wrapper .is-warning.account-box h3, .search-results-wrapper .search-results-body .is-warning.filter-box h3, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-warning.search-results-item h3, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-warning.plan-inner h3, .saas-billing-wrapper .billing-options-wrapper .left .is-warning.option-block h3, .action-page-wrapper.action-page-v1 .wrapper-inner .is-warning.action-box h3, .action-page-wrapper.action-page-v2 .wrapper-inner .is-warning.action-box h3, .action-page-wrapper.action-page-v2 .is-warning.wrapper-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h3, .form-layout .is-warning.form-outer h3, .confirm-account-wrapper .wrapper-inner .is-warning.action-box h3, .promotion-page-wrapper .wrapper-inner .is-warning.action-box h3, .promotion-page-wrapper .is-warning.wrapper-outer h3, .invoice-wrapper .invoice-body .is-warning.invoice-card h3, .is-warning.gauge-widget.is-straight h3, .is-warning.icon-toolbar-widget.is-straight h3, .is-warning.text-widget.is-straight h3, .is-warning.tags-widget.is-straight h3, .is-warning.image-widget.is-straight h3, .is-warning.list-widget.is-straight h3, .is-warning.picker-widget.is-straight h3, .is-warning.stats-widget.is-straight h3, .is-warning.search-widget.is-straight h3, .is-warning.icon-list-widget.is-straight h3, .is-warning.video-widget.is-straight h3, .is-warning.inbox-widget.is-straight h3, .is-warning.illustration-widget.illustration-widget-v1.is-straight h3, .is-warning.illustration-widget.illustration-widget-v2.is-straight h3, .is-warning.illustration-widget.illustration-widget-v3.is-straight h3, .is-warning.creative-list-widget.is-straight h3, .is-warning.social-buttons-widget.is-straight h3, .is-warning.call-widget.is-straight h3, .is-warning.avatar-list-widget.is-straight h3, .is-warning.contact-widget.is-straight h3, .is-warning.followers-widget.is-straight h3, .is-warning.cart-widget.is-straight h3, .is-warning.stat-widget.is-straight h3, .s-card.is-warning h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card h4, .is-warning.collapse h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap h4, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-warning.dashboard-card h4, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-header h4, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-card h4, .finance-dashboard.analytics-dashboard .is-warning.dashboard-tile h4, .finance-dashboard.analytics-dashboard .is-warning.dashboard-card h4, .finance-dashboard.sales-dashboard .spark-tiles .is-warning.spark-tile h4, .finance-dashboard.sales-dashboard .is-warning.dashboard-card h4, .banking-dashboard.banking-dashboard-v1 .is-warning.dashboard-card h4, .banking-dashboard.banking-dashboard-v2 .is-warning.dashboard-card h4, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-warning.dashboard-tile h4, .banking-dashboard.banking-dashboard-v3 .is-warning.dashboard-card h4, .business-dashboard.flights-dashboard .is-warning.booking-bar-wrapper h4, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-warning.flight-summary h4, .business-dashboard.flights-dashboard .flights .is-warning.flight-card h4, .business-dashboard.flights-dashboard .is-warning.company-card h4, .business-dashboard.flights-dashboard .is-warning.filters-card h4, .business-dashboard.company-dashboard .is-warning.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-warning.overview-card h4, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-warning.dashboard-tile h4, .list-view.list-view-v2 .is-warning.list-view-item h4, .user-grid.user-grid-v1 .is-warning.grid-item h4, .user-grid.user-grid-v2 .is-warning.grid-item h4, .user-grid.user-grid-v3 .is-warning.grid-item h4, .user-grid.user-grid-v4 .is-warning.grid-item h4, .card-grid.card-grid-v3 .is-warning.card-grid-item h4, .card-grid.card-grid-v4 .is-warning.card-grid-item h4, .tile-grid.tile-grid-v1 .is-warning.tile-grid-item h4, .tile-grid.tile-grid-v2 .is-warning.tile-grid-item h4, .tile-grid.tile-grid-v3 .is-warning.tile-grid-item h4, .is-warning.demo-card h4, .is-warning.color-card h4, .all-projects .project-grid .is-warning.project-grid-item h4, .project-details .project-details-inner .is-warning.project-details-card h4, .project-details .project-details-inner .is-warning.side-card h4, .project-details .project-details-inner .is-warning.project-team-card h4, .project-details .project-details-inner .task-grid .is-warning.task-card h4, .profile-wrapper .profile-body .is-warning.profile-card h4, .account-wrapper .is-warning.account-box h4, .search-results-wrapper .search-results-body .is-warning.filter-box h4, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-warning.search-results-item h4, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-warning.plan-inner h4, .saas-billing-wrapper .billing-options-wrapper .left .is-warning.option-block h4, .action-page-wrapper.action-page-v1 .wrapper-inner .is-warning.action-box h4, .action-page-wrapper.action-page-v2 .wrapper-inner .is-warning.action-box h4, .action-page-wrapper.action-page-v2 .is-warning.wrapper-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner h4, .form-layout .is-warning.form-outer h4, .confirm-account-wrapper .wrapper-inner .is-warning.action-box h4, .promotion-page-wrapper .wrapper-inner .is-warning.action-box h4, .promotion-page-wrapper .is-warning.wrapper-outer h4, .invoice-wrapper .invoice-body .is-warning.invoice-card h4, .is-warning.gauge-widget.is-straight h4, .is-warning.icon-toolbar-widget.is-straight h4, .is-warning.text-widget.is-straight h4, .is-warning.tags-widget.is-straight h4, .is-warning.image-widget.is-straight h4, .is-warning.list-widget.is-straight h4, .is-warning.picker-widget.is-straight h4, .is-warning.stats-widget.is-straight h4, .is-warning.search-widget.is-straight h4, .is-warning.icon-list-widget.is-straight h4, .is-warning.video-widget.is-straight h4, .is-warning.inbox-widget.is-straight h4, .is-warning.illustration-widget.illustration-widget-v1.is-straight h4, .is-warning.illustration-widget.illustration-widget-v2.is-straight h4, .is-warning.illustration-widget.illustration-widget-v3.is-straight h4, .is-warning.creative-list-widget.is-straight h4, .is-warning.social-buttons-widget.is-straight h4, .is-warning.call-widget.is-straight h4, .is-warning.avatar-list-widget.is-straight h4, .is-warning.contact-widget.is-straight h4, .is-warning.followers-widget.is-straight h4, .is-warning.cart-widget.is-straight h4, .is-warning.stat-widget.is-straight h4, .s-card.is-warning p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-warning.project-card p, .is-warning.collapse p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-warning.content-wrap p, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-warning.dashboard-card p, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-header p, .personal-dashboard.personal-dashboard-v2 .is-warning.dashboard-card p, .finance-dashboard.analytics-dashboard .is-warning.dashboard-tile p, .finance-dashboard.analytics-dashboard .is-warning.dashboard-card p, .finance-dashboard.sales-dashboard .spark-tiles .is-warning.spark-tile p, .finance-dashboard.sales-dashboard .is-warning.dashboard-card p, .banking-dashboard.banking-dashboard-v1 .is-warning.dashboard-card p, .banking-dashboard.banking-dashboard-v2 .is-warning.dashboard-card p, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-warning.dashboard-tile p, .banking-dashboard.banking-dashboard-v3 .is-warning.dashboard-card p, .business-dashboard.flights-dashboard .is-warning.booking-bar-wrapper p, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-warning.flight-summary p, .business-dashboard.flights-dashboard .flights .is-warning.flight-card p, .business-dashboard.flights-dashboard .is-warning.company-card p, .business-dashboard.flights-dashboard .is-warning.filters-card p, .business-dashboard.company-dashboard .is-warning.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-warning.overview-card p, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-warning.dashboard-tile p, .list-view.list-view-v2 .is-warning.list-view-item p, .user-grid.user-grid-v1 .is-warning.grid-item p, .user-grid.user-grid-v2 .is-warning.grid-item p, .user-grid.user-grid-v3 .is-warning.grid-item p, .user-grid.user-grid-v4 .is-warning.grid-item p, .card-grid.card-grid-v3 .is-warning.card-grid-item p, .card-grid.card-grid-v4 .is-warning.card-grid-item p, .tile-grid.tile-grid-v1 .is-warning.tile-grid-item p, .tile-grid.tile-grid-v2 .is-warning.tile-grid-item p, .tile-grid.tile-grid-v3 .is-warning.tile-grid-item p, .is-warning.demo-card p, .is-warning.color-card p, .all-projects .project-grid .is-warning.project-grid-item p, .project-details .project-details-inner .is-warning.project-details-card p, .project-details .project-details-inner .is-warning.side-card p, .project-details .project-details-inner .is-warning.project-team-card p, .project-details .project-details-inner .task-grid .is-warning.task-card p, .profile-wrapper .profile-body .is-warning.profile-card p, .account-wrapper .is-warning.account-box p, .search-results-wrapper .search-results-body .is-warning.filter-box p, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-warning.search-results-item p, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-warning.plan-inner p, .saas-billing-wrapper .billing-options-wrapper .left .is-warning.option-block p, .action-page-wrapper.action-page-v1 .wrapper-inner .is-warning.action-box p, .action-page-wrapper.action-page-v2 .wrapper-inner .is-warning.action-box p, .action-page-wrapper.action-page-v2 .is-warning.wrapper-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-warning.form-section-inner p, .form-layout .is-warning.form-outer p, .confirm-account-wrapper .wrapper-inner .is-warning.action-box p, .promotion-page-wrapper .wrapper-inner .is-warning.action-box p, .promotion-page-wrapper .is-warning.wrapper-outer p, .invoice-wrapper .invoice-body .is-warning.invoice-card p, .is-warning.gauge-widget.is-straight p, .is-warning.icon-toolbar-widget.is-straight p, .is-warning.text-widget.is-straight p, .is-warning.tags-widget.is-straight p, .is-warning.image-widget.is-straight p, .is-warning.list-widget.is-straight p, .is-warning.picker-widget.is-straight p, .is-warning.stats-widget.is-straight p, .is-warning.search-widget.is-straight p, .is-warning.icon-list-widget.is-straight p, .is-warning.video-widget.is-straight p, .is-warning.inbox-widget.is-straight p, .is-warning.illustration-widget.illustration-widget-v1.is-straight p, .is-warning.illustration-widget.illustration-widget-v2.is-straight p, .is-warning.illustration-widget.illustration-widget-v3.is-straight p, .is-warning.creative-list-widget.is-straight p, .is-warning.social-buttons-widget.is-straight p, .is-warning.call-widget.is-straight p, .is-warning.avatar-list-widget.is-straight p, .is-warning.contact-widget.is-straight p, .is-warning.followers-widget.is-straight p, .is-warning.cart-widget.is-straight p, .is-warning.stat-widget.is-straight p, .l-card.is-warning .title, .boxed-features .is-warning.flex-card .title, .personal-dashboard.personal-dashboard-v3 .is-warning.dashboard-card .title, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-warning.grid-item .title, .business-dashboard.course-dashboard .course-grid .is-warning.course-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-warning.long-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-warning.media-flex-center .title, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-warning.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-warning.writing-stat .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.featured-authors .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.updates .title, .food-delivery-dashboard .left .left-body .restaurants-list .is-warning.restaurants-list-item .title, .is-warning.gauge-widget .title, .is-warning.icon-toolbar-widget .title, .is-warning.text-widget .title, .is-warning.tags-widget .title, .calendar-widget .calendar-widget-inner .is-warning.calendar-square .title, .is-warning.image-widget .title, .is-warning.list-widget .title, .is-warning.picker-widget .title, .is-warning.stats-widget .title, .is-warning.search-widget .title, .is-warning.icon-list-widget .title, .is-warning.video-widget .title, .is-warning.inbox-widget .title, .is-warning.illustration-widget.illustration-widget-v1 .title, .is-warning.illustration-widget.illustration-widget-v2 .title, .is-warning.illustration-widget.illustration-widget-v3 .title, .is-warning.creative-list-widget .title, .is-warning.social-buttons-widget .title, .is-warning.call-widget .title, .is-warning.avatar-list-widget .title, .is-warning.contact-widget .title, .is-warning.followers-widget .title, .is-warning.cart-widget .title, .is-warning.stat-widget .title, .wizard-v1-wrapper .step-content .wizard-types .is-warning.wizard-card .title, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-warning.uploader-actions .title, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-warning.edit-box .title, .l-card.is-warning .subtitle, .boxed-features .is-warning.flex-card .subtitle, .personal-dashboard.personal-dashboard-v3 .is-warning.dashboard-card .subtitle, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-warning.grid-item .subtitle, .business-dashboard.course-dashboard .course-grid .is-warning.course-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-warning.long-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-warning.media-flex-center .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-warning.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-warning.writing-stat .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.featured-authors .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.updates .subtitle, .food-delivery-dashboard .left .left-body .restaurants-list .is-warning.restaurants-list-item .subtitle, .is-warning.gauge-widget .subtitle, .is-warning.icon-toolbar-widget .subtitle, .is-warning.text-widget .subtitle, .is-warning.tags-widget .subtitle, .calendar-widget .calendar-widget-inner .is-warning.calendar-square .subtitle, .is-warning.image-widget .subtitle, .is-warning.list-widget .subtitle, .is-warning.picker-widget .subtitle, .is-warning.stats-widget .subtitle, .is-warning.search-widget .subtitle, .is-warning.icon-list-widget .subtitle, .is-warning.video-widget .subtitle, .is-warning.inbox-widget .subtitle, .is-warning.illustration-widget.illustration-widget-v1 .subtitle, .is-warning.illustration-widget.illustration-widget-v2 .subtitle, .is-warning.illustration-widget.illustration-widget-v3 .subtitle, .is-warning.creative-list-widget .subtitle, .is-warning.social-buttons-widget .subtitle, .is-warning.call-widget .subtitle, .is-warning.avatar-list-widget .subtitle, .is-warning.contact-widget .subtitle, .is-warning.followers-widget .subtitle, .is-warning.cart-widget .subtitle, .is-warning.stat-widget .subtitle, .wizard-v1-wrapper .step-content .wizard-types .is-warning.wizard-card .subtitle, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-warning.uploader-actions .subtitle, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-warning.edit-box .subtitle, .l-card.is-warning h1, .boxed-features .is-warning.flex-card h1, .personal-dashboard.personal-dashboard-v3 .is-warning.dashboard-card h1, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-warning.grid-item h1, .business-dashboard.course-dashboard .course-grid .is-warning.course-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-warning.long-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-warning.media-flex-center h1, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-warning.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-warning.writing-stat h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.featured-authors h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.updates h1, .food-delivery-dashboard .left .left-body .restaurants-list .is-warning.restaurants-list-item h1, .is-warning.gauge-widget h1, .is-warning.icon-toolbar-widget h1, .is-warning.text-widget h1, .is-warning.tags-widget h1, .calendar-widget .calendar-widget-inner .is-warning.calendar-square h1, .is-warning.image-widget h1, .is-warning.list-widget h1, .is-warning.picker-widget h1, .is-warning.stats-widget h1, .is-warning.search-widget h1, .is-warning.icon-list-widget h1, .is-warning.video-widget h1, .is-warning.inbox-widget h1, .is-warning.illustration-widget.illustration-widget-v1 h1, .is-warning.illustration-widget.illustration-widget-v2 h1, .is-warning.illustration-widget.illustration-widget-v3 h1, .is-warning.creative-list-widget h1, .is-warning.social-buttons-widget h1, .is-warning.call-widget h1, .is-warning.avatar-list-widget h1, .is-warning.contact-widget h1, .is-warning.followers-widget h1, .is-warning.cart-widget h1, .is-warning.stat-widget h1, .wizard-v1-wrapper .step-content .wizard-types .is-warning.wizard-card h1, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-warning.uploader-actions h1, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-warning.edit-box h1, .l-card.is-warning h2, .boxed-features .is-warning.flex-card h2, .personal-dashboard.personal-dashboard-v3 .is-warning.dashboard-card h2, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-warning.grid-item h2, .business-dashboard.course-dashboard .course-grid .is-warning.course-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-warning.long-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-warning.media-flex-center h2, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-warning.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-warning.writing-stat h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.featured-authors h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.updates h2, .food-delivery-dashboard .left .left-body .restaurants-list .is-warning.restaurants-list-item h2, .is-warning.gauge-widget h2, .is-warning.icon-toolbar-widget h2, .is-warning.text-widget h2, .is-warning.tags-widget h2, .calendar-widget .calendar-widget-inner .is-warning.calendar-square h2, .is-warning.image-widget h2, .is-warning.list-widget h2, .is-warning.picker-widget h2, .is-warning.stats-widget h2, .is-warning.search-widget h2, .is-warning.icon-list-widget h2, .is-warning.video-widget h2, .is-warning.inbox-widget h2, .is-warning.illustration-widget.illustration-widget-v1 h2, .is-warning.illustration-widget.illustration-widget-v2 h2, .is-warning.illustration-widget.illustration-widget-v3 h2, .is-warning.creative-list-widget h2, .is-warning.social-buttons-widget h2, .is-warning.call-widget h2, .is-warning.avatar-list-widget h2, .is-warning.contact-widget h2, .is-warning.followers-widget h2, .is-warning.cart-widget h2, .is-warning.stat-widget h2, .wizard-v1-wrapper .step-content .wizard-types .is-warning.wizard-card h2, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-warning.uploader-actions h2, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-warning.edit-box h2, .l-card.is-warning h3, .boxed-features .is-warning.flex-card h3, .personal-dashboard.personal-dashboard-v3 .is-warning.dashboard-card h3, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-warning.grid-item h3, .business-dashboard.course-dashboard .course-grid .is-warning.course-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-warning.long-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-warning.media-flex-center h3, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-warning.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-warning.writing-stat h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.featured-authors h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.updates h3, .food-delivery-dashboard .left .left-body .restaurants-list .is-warning.restaurants-list-item h3, .is-warning.gauge-widget h3, .is-warning.icon-toolbar-widget h3, .is-warning.text-widget h3, .is-warning.tags-widget h3, .calendar-widget .calendar-widget-inner .is-warning.calendar-square h3, .is-warning.image-widget h3, .is-warning.list-widget h3, .is-warning.picker-widget h3, .is-warning.stats-widget h3, .is-warning.search-widget h3, .is-warning.icon-list-widget h3, .is-warning.video-widget h3, .is-warning.inbox-widget h3, .is-warning.illustration-widget.illustration-widget-v1 h3, .is-warning.illustration-widget.illustration-widget-v2 h3, .is-warning.illustration-widget.illustration-widget-v3 h3, .is-warning.creative-list-widget h3, .is-warning.social-buttons-widget h3, .is-warning.call-widget h3, .is-warning.avatar-list-widget h3, .is-warning.contact-widget h3, .is-warning.followers-widget h3, .is-warning.cart-widget h3, .is-warning.stat-widget h3, .wizard-v1-wrapper .step-content .wizard-types .is-warning.wizard-card h3, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-warning.uploader-actions h3, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-warning.edit-box h3, .l-card.is-warning h4, .boxed-features .is-warning.flex-card h4, .personal-dashboard.personal-dashboard-v3 .is-warning.dashboard-card h4, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-warning.grid-item h4, .business-dashboard.course-dashboard .course-grid .is-warning.course-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-warning.long-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-warning.media-flex-center h4, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-warning.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-warning.writing-stat h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.featured-authors h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.updates h4, .food-delivery-dashboard .left .left-body .restaurants-list .is-warning.restaurants-list-item h4, .is-warning.gauge-widget h4, .is-warning.icon-toolbar-widget h4, .is-warning.text-widget h4, .is-warning.tags-widget h4, .calendar-widget .calendar-widget-inner .is-warning.calendar-square h4, .is-warning.image-widget h4, .is-warning.list-widget h4, .is-warning.picker-widget h4, .is-warning.stats-widget h4, .is-warning.search-widget h4, .is-warning.icon-list-widget h4, .is-warning.video-widget h4, .is-warning.inbox-widget h4, .is-warning.illustration-widget.illustration-widget-v1 h4, .is-warning.illustration-widget.illustration-widget-v2 h4, .is-warning.illustration-widget.illustration-widget-v3 h4, .is-warning.creative-list-widget h4, .is-warning.social-buttons-widget h4, .is-warning.call-widget h4, .is-warning.avatar-list-widget h4, .is-warning.contact-widget h4, .is-warning.followers-widget h4, .is-warning.cart-widget h4, .is-warning.stat-widget h4, .wizard-v1-wrapper .step-content .wizard-types .is-warning.wizard-card h4, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-warning.uploader-actions h4, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-warning.edit-box h4, .l-card.is-warning p, .boxed-features .is-warning.flex-card p, .personal-dashboard.personal-dashboard-v3 .is-warning.dashboard-card p, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-warning.grid-item p, .business-dashboard.course-dashboard .course-grid .is-warning.course-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-warning.long-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-warning.media-flex-center p, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-warning.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-warning.writing-stat p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.featured-authors p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-warning.updates p, .food-delivery-dashboard .left .left-body .restaurants-list .is-warning.restaurants-list-item p, .is-warning.gauge-widget p, .is-warning.icon-toolbar-widget p, .is-warning.text-widget p, .is-warning.tags-widget p, .calendar-widget .calendar-widget-inner .is-warning.calendar-square p, .is-warning.image-widget p, .is-warning.list-widget p, .is-warning.picker-widget p, .is-warning.stats-widget p, .is-warning.search-widget p, .is-warning.icon-list-widget p, .is-warning.video-widget p, .is-warning.inbox-widget p, .is-warning.illustration-widget.illustration-widget-v1 p, .is-warning.illustration-widget.illustration-widget-v2 p, .is-warning.illustration-widget.illustration-widget-v3 p, .is-warning.creative-list-widget p, .is-warning.social-buttons-widget p, .is-warning.call-widget p, .is-warning.avatar-list-widget p, .is-warning.contact-widget p, .is-warning.followers-widget p, .is-warning.cart-widget p, .is-warning.stat-widget p, .wizard-v1-wrapper .step-content .wizard-types .is-warning.wizard-card p, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-warning.uploader-actions p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-warning.edit-box p, .h-card.is-warning .title, .h-card.is-warning .subtitle, .h-card.is-warning h1, .h-card.is-warning h2, .h-card.is-warning h3, .h-card.is-warning h4, .h-card.is-warning p { color: #fcfcfc !important; } /* line 117, src/assets/scss/elements/_cards.scss */ .r-card.is-danger, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-danger.column-placeholder, .finance-dashboard.stock-dashboard .is-danger.stock-card, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-danger.media-feed-item, .list-view.list-view-v1 .is-danger.list-view-item, .list-view.list-view-v3 .is-danger.list-view-item, .list-view.list-view-v4 .is-danger.list-view-item, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card, .s-card.is-danger, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card, .is-danger.collapse, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-danger.dashboard-card, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-header, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-card, .finance-dashboard.analytics-dashboard .is-danger.dashboard-tile, .finance-dashboard.analytics-dashboard .is-danger.dashboard-card, .finance-dashboard.sales-dashboard .spark-tiles .is-danger.spark-tile, .finance-dashboard.sales-dashboard .is-danger.dashboard-card, .banking-dashboard.banking-dashboard-v1 .is-danger.dashboard-card, .banking-dashboard.banking-dashboard-v2 .is-danger.dashboard-card, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-danger.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .is-danger.dashboard-card, .business-dashboard.flights-dashboard .is-danger.booking-bar-wrapper, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-danger.flight-summary, .business-dashboard.flights-dashboard .flights .is-danger.flight-card, .business-dashboard.flights-dashboard .is-danger.company-card, .business-dashboard.flights-dashboard .is-danger.filters-card, .business-dashboard.company-dashboard .is-danger.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-danger.overview-card, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-danger.dashboard-tile, .list-view.list-view-v2 .is-danger.list-view-item, .user-grid.user-grid-v1 .is-danger.grid-item, .user-grid.user-grid-v2 .is-danger.grid-item, .user-grid.user-grid-v3 .is-danger.grid-item, .user-grid.user-grid-v4 .is-danger.grid-item, .card-grid.card-grid-v3 .is-danger.card-grid-item, .card-grid.card-grid-v4 .is-danger.card-grid-item, .tile-grid.tile-grid-v1 .is-danger.tile-grid-item, .tile-grid.tile-grid-v2 .is-danger.tile-grid-item, .tile-grid.tile-grid-v3 .is-danger.tile-grid-item, .is-danger.demo-card, .is-danger.color-card, .all-projects .project-grid .is-danger.project-grid-item, .project-details .project-details-inner .is-danger.project-details-card, .project-details .project-details-inner .is-danger.side-card, .project-details .project-details-inner .is-danger.project-team-card, .project-details .project-details-inner .task-grid .is-danger.task-card, .profile-wrapper .profile-body .is-danger.profile-card, .account-wrapper .is-danger.account-box, .search-results-wrapper .search-results-body .is-danger.filter-box, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-danger.search-results-item, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-danger.plan-inner, .saas-billing-wrapper .billing-options-wrapper .left .is-danger.option-block, .action-page-wrapper.action-page-v1 .wrapper-inner .is-danger.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .is-danger.action-box, .action-page-wrapper.action-page-v2 .is-danger.wrapper-outer, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner, .form-layout .is-danger.form-outer, .confirm-account-wrapper .wrapper-inner .is-danger.action-box, .promotion-page-wrapper .wrapper-inner .is-danger.action-box, .promotion-page-wrapper .is-danger.wrapper-outer, .invoice-wrapper .invoice-body .is-danger.invoice-card, .is-danger.gauge-widget.is-straight, .is-danger.icon-toolbar-widget.is-straight, .is-danger.text-widget.is-straight, .is-danger.tags-widget.is-straight, .is-danger.image-widget.is-straight, .is-danger.list-widget.is-straight, .is-danger.picker-widget.is-straight, .is-danger.stats-widget.is-straight, .is-danger.search-widget.is-straight, .is-danger.icon-list-widget.is-straight, .is-danger.video-widget.is-straight, .is-danger.inbox-widget.is-straight, .is-danger.illustration-widget.illustration-widget-v1.is-straight, .is-danger.illustration-widget.illustration-widget-v2.is-straight, .is-danger.illustration-widget.illustration-widget-v3.is-straight, .is-danger.creative-list-widget.is-straight, .is-danger.social-buttons-widget.is-straight, .is-danger.call-widget.is-straight, .is-danger.avatar-list-widget.is-straight, .is-danger.contact-widget.is-straight, .is-danger.followers-widget.is-straight, .is-danger.cart-widget.is-straight, .is-danger.stat-widget.is-straight, .l-card.is-danger, .boxed-features .is-danger.flex-card, .personal-dashboard.personal-dashboard-v3 .is-danger.dashboard-card, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-danger.grid-item, .business-dashboard.course-dashboard .course-grid .is-danger.course-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-danger.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-danger.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-danger.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-danger.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.updates, .food-delivery-dashboard .left .left-body .restaurants-list .is-danger.restaurants-list-item, .is-danger.gauge-widget, .is-danger.icon-toolbar-widget, .is-danger.text-widget, .is-danger.tags-widget, .calendar-widget .calendar-widget-inner .is-danger.calendar-square, .is-danger.image-widget, .is-danger.list-widget, .is-danger.picker-widget, .is-danger.stats-widget, .is-danger.search-widget, .is-danger.icon-list-widget, .is-danger.video-widget, .is-danger.inbox-widget, .is-danger.illustration-widget.illustration-widget-v1, .is-danger.illustration-widget.illustration-widget-v2, .is-danger.illustration-widget.illustration-widget-v3, .is-danger.creative-list-widget, .is-danger.social-buttons-widget, .is-danger.call-widget, .is-danger.avatar-list-widget, .is-danger.contact-widget, .is-danger.followers-widget, .is-danger.cart-widget, .is-danger.stat-widget, .wizard-v1-wrapper .step-content .wizard-types .is-danger.wizard-card, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-danger.uploader-actions, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-danger.edit-box, .h-card.is-danger { background: #e62965 !important; border-color: #e62965 !important; } /* line 121, src/assets/scss/elements/_cards.scss */ .r-card.is-danger .title, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-danger.column-placeholder .title, .finance-dashboard.stock-dashboard .is-danger.stock-card .title, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-danger.media-feed-item .title, .list-view.list-view-v1 .is-danger.list-view-item .title, .list-view.list-view-v3 .is-danger.list-view-item .title, .list-view.list-view-v4 .is-danger.list-view-item .title, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card .title, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card .title, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card .title, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card .title, .r-card.is-danger .subtitle, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-danger.column-placeholder .subtitle, .finance-dashboard.stock-dashboard .is-danger.stock-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-danger.media-feed-item .subtitle, .list-view.list-view-v1 .is-danger.list-view-item .subtitle, .list-view.list-view-v3 .is-danger.list-view-item .subtitle, .list-view.list-view-v4 .is-danger.list-view-item .subtitle, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card .subtitle, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card .subtitle, .r-card.is-danger h1, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-danger.column-placeholder h1, .finance-dashboard.stock-dashboard .is-danger.stock-card h1, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-danger.media-feed-item h1, .list-view.list-view-v1 .is-danger.list-view-item h1, .list-view.list-view-v3 .is-danger.list-view-item h1, .list-view.list-view-v4 .is-danger.list-view-item h1, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h1, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h1, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h1, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h1, .r-card.is-danger h2, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-danger.column-placeholder h2, .finance-dashboard.stock-dashboard .is-danger.stock-card h2, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-danger.media-feed-item h2, .list-view.list-view-v1 .is-danger.list-view-item h2, .list-view.list-view-v3 .is-danger.list-view-item h2, .list-view.list-view-v4 .is-danger.list-view-item h2, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h2, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h2, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h2, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h2, .r-card.is-danger h3, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-danger.column-placeholder h3, .finance-dashboard.stock-dashboard .is-danger.stock-card h3, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-danger.media-feed-item h3, .list-view.list-view-v1 .is-danger.list-view-item h3, .list-view.list-view-v3 .is-danger.list-view-item h3, .list-view.list-view-v4 .is-danger.list-view-item h3, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h3, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h3, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h3, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h3, .r-card.is-danger h4, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-danger.column-placeholder h4, .finance-dashboard.stock-dashboard .is-danger.stock-card h4, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-danger.media-feed-item h4, .list-view.list-view-v1 .is-danger.list-view-item h4, .list-view.list-view-v3 .is-danger.list-view-item h4, .list-view.list-view-v4 .is-danger.list-view-item h4, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h4, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h4, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h4, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card h4, .r-card.is-danger p, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-danger.column-placeholder p, .finance-dashboard.stock-dashboard .is-danger.stock-card p, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-danger.media-feed-item p, .list-view.list-view-v1 .is-danger.list-view-item p, .list-view.list-view-v3 .is-danger.list-view-item p, .list-view.list-view-v4 .is-danger.list-view-item p, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card p, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card p, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card p, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-danger.onboarding-card p, .s-card.is-danger .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card .title, .is-danger.collapse .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap .title, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-danger.dashboard-card .title, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-header .title, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-card .title, .finance-dashboard.analytics-dashboard .is-danger.dashboard-tile .title, .finance-dashboard.analytics-dashboard .is-danger.dashboard-card .title, .finance-dashboard.sales-dashboard .spark-tiles .is-danger.spark-tile .title, .finance-dashboard.sales-dashboard .is-danger.dashboard-card .title, .banking-dashboard.banking-dashboard-v1 .is-danger.dashboard-card .title, .banking-dashboard.banking-dashboard-v2 .is-danger.dashboard-card .title, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-danger.dashboard-tile .title, .banking-dashboard.banking-dashboard-v3 .is-danger.dashboard-card .title, .business-dashboard.flights-dashboard .is-danger.booking-bar-wrapper .title, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-danger.flight-summary .title, .business-dashboard.flights-dashboard .flights .is-danger.flight-card .title, .business-dashboard.flights-dashboard .is-danger.company-card .title, .business-dashboard.flights-dashboard .is-danger.filters-card .title, .business-dashboard.company-dashboard .is-danger.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-danger.overview-card .title, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-danger.dashboard-tile .title, .list-view.list-view-v2 .is-danger.list-view-item .title, .user-grid.user-grid-v1 .is-danger.grid-item .title, .user-grid.user-grid-v2 .is-danger.grid-item .title, .user-grid.user-grid-v3 .is-danger.grid-item .title, .user-grid.user-grid-v4 .is-danger.grid-item .title, .card-grid.card-grid-v3 .is-danger.card-grid-item .title, .card-grid.card-grid-v4 .is-danger.card-grid-item .title, .tile-grid.tile-grid-v1 .is-danger.tile-grid-item .title, .tile-grid.tile-grid-v2 .is-danger.tile-grid-item .title, .tile-grid.tile-grid-v3 .is-danger.tile-grid-item .title, .is-danger.demo-card .title, .is-danger.color-card .title, .all-projects .project-grid .is-danger.project-grid-item .title, .project-details .project-details-inner .is-danger.project-details-card .title, .project-details .project-details-inner .is-danger.side-card .title, .project-details .project-details-inner .is-danger.project-team-card .title, .project-details .project-details-inner .task-grid .is-danger.task-card .title, .profile-wrapper .profile-body .is-danger.profile-card .title, .account-wrapper .is-danger.account-box .title, .search-results-wrapper .search-results-body .is-danger.filter-box .title, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-danger.search-results-item .title, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-danger.plan-inner .title, .saas-billing-wrapper .billing-options-wrapper .left .is-danger.option-block .title, .action-page-wrapper.action-page-v1 .wrapper-inner .is-danger.action-box .title, .action-page-wrapper.action-page-v2 .wrapper-inner .is-danger.action-box .title, .action-page-wrapper.action-page-v2 .is-danger.wrapper-outer .title, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner .title, .form-layout .is-danger.form-outer .title, .confirm-account-wrapper .wrapper-inner .is-danger.action-box .title, .promotion-page-wrapper .wrapper-inner .is-danger.action-box .title, .promotion-page-wrapper .is-danger.wrapper-outer .title, .invoice-wrapper .invoice-body .is-danger.invoice-card .title, .is-danger.gauge-widget.is-straight .title, .is-danger.icon-toolbar-widget.is-straight .title, .is-danger.text-widget.is-straight .title, .is-danger.tags-widget.is-straight .title, .is-danger.image-widget.is-straight .title, .is-danger.list-widget.is-straight .title, .is-danger.picker-widget.is-straight .title, .is-danger.stats-widget.is-straight .title, .is-danger.search-widget.is-straight .title, .is-danger.icon-list-widget.is-straight .title, .is-danger.video-widget.is-straight .title, .is-danger.inbox-widget.is-straight .title, .is-danger.illustration-widget.illustration-widget-v1.is-straight .title, .is-danger.illustration-widget.illustration-widget-v2.is-straight .title, .is-danger.illustration-widget.illustration-widget-v3.is-straight .title, .is-danger.creative-list-widget.is-straight .title, .is-danger.social-buttons-widget.is-straight .title, .is-danger.call-widget.is-straight .title, .is-danger.avatar-list-widget.is-straight .title, .is-danger.contact-widget.is-straight .title, .is-danger.followers-widget.is-straight .title, .is-danger.cart-widget.is-straight .title, .is-danger.stat-widget.is-straight .title, .s-card.is-danger .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card .subtitle, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card .subtitle, .is-danger.collapse .subtitle, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap .subtitle, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-danger.dashboard-card .subtitle, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-header .subtitle, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-card .subtitle, .finance-dashboard.analytics-dashboard .is-danger.dashboard-tile .subtitle, .finance-dashboard.analytics-dashboard .is-danger.dashboard-card .subtitle, .finance-dashboard.sales-dashboard .spark-tiles .is-danger.spark-tile .subtitle, .finance-dashboard.sales-dashboard .is-danger.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v1 .is-danger.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v2 .is-danger.dashboard-card .subtitle, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-danger.dashboard-tile .subtitle, .banking-dashboard.banking-dashboard-v3 .is-danger.dashboard-card .subtitle, .business-dashboard.flights-dashboard .is-danger.booking-bar-wrapper .subtitle, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-danger.flight-summary .subtitle, .business-dashboard.flights-dashboard .flights .is-danger.flight-card .subtitle, .business-dashboard.flights-dashboard .is-danger.company-card .subtitle, .business-dashboard.flights-dashboard .is-danger.filters-card .subtitle, .business-dashboard.company-dashboard .is-danger.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-danger.overview-card .subtitle, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-danger.dashboard-tile .subtitle, .list-view.list-view-v2 .is-danger.list-view-item .subtitle, .user-grid.user-grid-v1 .is-danger.grid-item .subtitle, .user-grid.user-grid-v2 .is-danger.grid-item .subtitle, .user-grid.user-grid-v3 .is-danger.grid-item .subtitle, .user-grid.user-grid-v4 .is-danger.grid-item .subtitle, .card-grid.card-grid-v3 .is-danger.card-grid-item .subtitle, .card-grid.card-grid-v4 .is-danger.card-grid-item .subtitle, .tile-grid.tile-grid-v1 .is-danger.tile-grid-item .subtitle, .tile-grid.tile-grid-v2 .is-danger.tile-grid-item .subtitle, .tile-grid.tile-grid-v3 .is-danger.tile-grid-item .subtitle, .is-danger.demo-card .subtitle, .is-danger.color-card .subtitle, .all-projects .project-grid .is-danger.project-grid-item .subtitle, .project-details .project-details-inner .is-danger.project-details-card .subtitle, .project-details .project-details-inner .is-danger.side-card .subtitle, .project-details .project-details-inner .is-danger.project-team-card .subtitle, .project-details .project-details-inner .task-grid .is-danger.task-card .subtitle, .profile-wrapper .profile-body .is-danger.profile-card .subtitle, .account-wrapper .is-danger.account-box .subtitle, .search-results-wrapper .search-results-body .is-danger.filter-box .subtitle, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-danger.search-results-item .subtitle, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-danger.plan-inner .subtitle, .saas-billing-wrapper .billing-options-wrapper .left .is-danger.option-block .subtitle, .action-page-wrapper.action-page-v1 .wrapper-inner .is-danger.action-box .subtitle, .action-page-wrapper.action-page-v2 .wrapper-inner .is-danger.action-box .subtitle, .action-page-wrapper.action-page-v2 .is-danger.wrapper-outer .subtitle, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner .subtitle, .form-layout .is-danger.form-outer .subtitle, .confirm-account-wrapper .wrapper-inner .is-danger.action-box .subtitle, .promotion-page-wrapper .wrapper-inner .is-danger.action-box .subtitle, .promotion-page-wrapper .is-danger.wrapper-outer .subtitle, .invoice-wrapper .invoice-body .is-danger.invoice-card .subtitle, .is-danger.gauge-widget.is-straight .subtitle, .is-danger.icon-toolbar-widget.is-straight .subtitle, .is-danger.text-widget.is-straight .subtitle, .is-danger.tags-widget.is-straight .subtitle, .is-danger.image-widget.is-straight .subtitle, .is-danger.list-widget.is-straight .subtitle, .is-danger.picker-widget.is-straight .subtitle, .is-danger.stats-widget.is-straight .subtitle, .is-danger.search-widget.is-straight .subtitle, .is-danger.icon-list-widget.is-straight .subtitle, .is-danger.video-widget.is-straight .subtitle, .is-danger.inbox-widget.is-straight .subtitle, .is-danger.illustration-widget.illustration-widget-v1.is-straight .subtitle, .is-danger.illustration-widget.illustration-widget-v2.is-straight .subtitle, .is-danger.illustration-widget.illustration-widget-v3.is-straight .subtitle, .is-danger.creative-list-widget.is-straight .subtitle, .is-danger.social-buttons-widget.is-straight .subtitle, .is-danger.call-widget.is-straight .subtitle, .is-danger.avatar-list-widget.is-straight .subtitle, .is-danger.contact-widget.is-straight .subtitle, .is-danger.followers-widget.is-straight .subtitle, .is-danger.cart-widget.is-straight .subtitle, .is-danger.stat-widget.is-straight .subtitle, .s-card.is-danger h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card h1, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card h1, .is-danger.collapse h1, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap h1, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-danger.dashboard-card h1, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-header h1, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-card h1, .finance-dashboard.analytics-dashboard .is-danger.dashboard-tile h1, .finance-dashboard.analytics-dashboard .is-danger.dashboard-card h1, .finance-dashboard.sales-dashboard .spark-tiles .is-danger.spark-tile h1, .finance-dashboard.sales-dashboard .is-danger.dashboard-card h1, .banking-dashboard.banking-dashboard-v1 .is-danger.dashboard-card h1, .banking-dashboard.banking-dashboard-v2 .is-danger.dashboard-card h1, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-danger.dashboard-tile h1, .banking-dashboard.banking-dashboard-v3 .is-danger.dashboard-card h1, .business-dashboard.flights-dashboard .is-danger.booking-bar-wrapper h1, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-danger.flight-summary h1, .business-dashboard.flights-dashboard .flights .is-danger.flight-card h1, .business-dashboard.flights-dashboard .is-danger.company-card h1, .business-dashboard.flights-dashboard .is-danger.filters-card h1, .business-dashboard.company-dashboard .is-danger.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-danger.overview-card h1, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-danger.dashboard-tile h1, .list-view.list-view-v2 .is-danger.list-view-item h1, .user-grid.user-grid-v1 .is-danger.grid-item h1, .user-grid.user-grid-v2 .is-danger.grid-item h1, .user-grid.user-grid-v3 .is-danger.grid-item h1, .user-grid.user-grid-v4 .is-danger.grid-item h1, .card-grid.card-grid-v3 .is-danger.card-grid-item h1, .card-grid.card-grid-v4 .is-danger.card-grid-item h1, .tile-grid.tile-grid-v1 .is-danger.tile-grid-item h1, .tile-grid.tile-grid-v2 .is-danger.tile-grid-item h1, .tile-grid.tile-grid-v3 .is-danger.tile-grid-item h1, .is-danger.demo-card h1, .is-danger.color-card h1, .all-projects .project-grid .is-danger.project-grid-item h1, .project-details .project-details-inner .is-danger.project-details-card h1, .project-details .project-details-inner .is-danger.side-card h1, .project-details .project-details-inner .is-danger.project-team-card h1, .project-details .project-details-inner .task-grid .is-danger.task-card h1, .profile-wrapper .profile-body .is-danger.profile-card h1, .account-wrapper .is-danger.account-box h1, .search-results-wrapper .search-results-body .is-danger.filter-box h1, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-danger.search-results-item h1, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-danger.plan-inner h1, .saas-billing-wrapper .billing-options-wrapper .left .is-danger.option-block h1, .action-page-wrapper.action-page-v1 .wrapper-inner .is-danger.action-box h1, .action-page-wrapper.action-page-v2 .wrapper-inner .is-danger.action-box h1, .action-page-wrapper.action-page-v2 .is-danger.wrapper-outer h1, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner h1, .form-layout .is-danger.form-outer h1, .confirm-account-wrapper .wrapper-inner .is-danger.action-box h1, .promotion-page-wrapper .wrapper-inner .is-danger.action-box h1, .promotion-page-wrapper .is-danger.wrapper-outer h1, .invoice-wrapper .invoice-body .is-danger.invoice-card h1, .is-danger.gauge-widget.is-straight h1, .is-danger.icon-toolbar-widget.is-straight h1, .is-danger.text-widget.is-straight h1, .is-danger.tags-widget.is-straight h1, .is-danger.image-widget.is-straight h1, .is-danger.list-widget.is-straight h1, .is-danger.picker-widget.is-straight h1, .is-danger.stats-widget.is-straight h1, .is-danger.search-widget.is-straight h1, .is-danger.icon-list-widget.is-straight h1, .is-danger.video-widget.is-straight h1, .is-danger.inbox-widget.is-straight h1, .is-danger.illustration-widget.illustration-widget-v1.is-straight h1, .is-danger.illustration-widget.illustration-widget-v2.is-straight h1, .is-danger.illustration-widget.illustration-widget-v3.is-straight h1, .is-danger.creative-list-widget.is-straight h1, .is-danger.social-buttons-widget.is-straight h1, .is-danger.call-widget.is-straight h1, .is-danger.avatar-list-widget.is-straight h1, .is-danger.contact-widget.is-straight h1, .is-danger.followers-widget.is-straight h1, .is-danger.cart-widget.is-straight h1, .is-danger.stat-widget.is-straight h1, .s-card.is-danger h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card h2, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card h2, .is-danger.collapse h2, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap h2, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-danger.dashboard-card h2, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-header h2, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-card h2, .finance-dashboard.analytics-dashboard .is-danger.dashboard-tile h2, .finance-dashboard.analytics-dashboard .is-danger.dashboard-card h2, .finance-dashboard.sales-dashboard .spark-tiles .is-danger.spark-tile h2, .finance-dashboard.sales-dashboard .is-danger.dashboard-card h2, .banking-dashboard.banking-dashboard-v1 .is-danger.dashboard-card h2, .banking-dashboard.banking-dashboard-v2 .is-danger.dashboard-card h2, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-danger.dashboard-tile h2, .banking-dashboard.banking-dashboard-v3 .is-danger.dashboard-card h2, .business-dashboard.flights-dashboard .is-danger.booking-bar-wrapper h2, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-danger.flight-summary h2, .business-dashboard.flights-dashboard .flights .is-danger.flight-card h2, .business-dashboard.flights-dashboard .is-danger.company-card h2, .business-dashboard.flights-dashboard .is-danger.filters-card h2, .business-dashboard.company-dashboard .is-danger.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-danger.overview-card h2, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-danger.dashboard-tile h2, .list-view.list-view-v2 .is-danger.list-view-item h2, .user-grid.user-grid-v1 .is-danger.grid-item h2, .user-grid.user-grid-v2 .is-danger.grid-item h2, .user-grid.user-grid-v3 .is-danger.grid-item h2, .user-grid.user-grid-v4 .is-danger.grid-item h2, .card-grid.card-grid-v3 .is-danger.card-grid-item h2, .card-grid.card-grid-v4 .is-danger.card-grid-item h2, .tile-grid.tile-grid-v1 .is-danger.tile-grid-item h2, .tile-grid.tile-grid-v2 .is-danger.tile-grid-item h2, .tile-grid.tile-grid-v3 .is-danger.tile-grid-item h2, .is-danger.demo-card h2, .is-danger.color-card h2, .all-projects .project-grid .is-danger.project-grid-item h2, .project-details .project-details-inner .is-danger.project-details-card h2, .project-details .project-details-inner .is-danger.side-card h2, .project-details .project-details-inner .is-danger.project-team-card h2, .project-details .project-details-inner .task-grid .is-danger.task-card h2, .profile-wrapper .profile-body .is-danger.profile-card h2, .account-wrapper .is-danger.account-box h2, .search-results-wrapper .search-results-body .is-danger.filter-box h2, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-danger.search-results-item h2, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-danger.plan-inner h2, .saas-billing-wrapper .billing-options-wrapper .left .is-danger.option-block h2, .action-page-wrapper.action-page-v1 .wrapper-inner .is-danger.action-box h2, .action-page-wrapper.action-page-v2 .wrapper-inner .is-danger.action-box h2, .action-page-wrapper.action-page-v2 .is-danger.wrapper-outer h2, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner h2, .form-layout .is-danger.form-outer h2, .confirm-account-wrapper .wrapper-inner .is-danger.action-box h2, .promotion-page-wrapper .wrapper-inner .is-danger.action-box h2, .promotion-page-wrapper .is-danger.wrapper-outer h2, .invoice-wrapper .invoice-body .is-danger.invoice-card h2, .is-danger.gauge-widget.is-straight h2, .is-danger.icon-toolbar-widget.is-straight h2, .is-danger.text-widget.is-straight h2, .is-danger.tags-widget.is-straight h2, .is-danger.image-widget.is-straight h2, .is-danger.list-widget.is-straight h2, .is-danger.picker-widget.is-straight h2, .is-danger.stats-widget.is-straight h2, .is-danger.search-widget.is-straight h2, .is-danger.icon-list-widget.is-straight h2, .is-danger.video-widget.is-straight h2, .is-danger.inbox-widget.is-straight h2, .is-danger.illustration-widget.illustration-widget-v1.is-straight h2, .is-danger.illustration-widget.illustration-widget-v2.is-straight h2, .is-danger.illustration-widget.illustration-widget-v3.is-straight h2, .is-danger.creative-list-widget.is-straight h2, .is-danger.social-buttons-widget.is-straight h2, .is-danger.call-widget.is-straight h2, .is-danger.avatar-list-widget.is-straight h2, .is-danger.contact-widget.is-straight h2, .is-danger.followers-widget.is-straight h2, .is-danger.cart-widget.is-straight h2, .is-danger.stat-widget.is-straight h2, .s-card.is-danger h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card h3, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card h3, .is-danger.collapse h3, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap h3, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-danger.dashboard-card h3, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-header h3, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-card h3, .finance-dashboard.analytics-dashboard .is-danger.dashboard-tile h3, .finance-dashboard.analytics-dashboard .is-danger.dashboard-card h3, .finance-dashboard.sales-dashboard .spark-tiles .is-danger.spark-tile h3, .finance-dashboard.sales-dashboard .is-danger.dashboard-card h3, .banking-dashboard.banking-dashboard-v1 .is-danger.dashboard-card h3, .banking-dashboard.banking-dashboard-v2 .is-danger.dashboard-card h3, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-danger.dashboard-tile h3, .banking-dashboard.banking-dashboard-v3 .is-danger.dashboard-card h3, .business-dashboard.flights-dashboard .is-danger.booking-bar-wrapper h3, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-danger.flight-summary h3, .business-dashboard.flights-dashboard .flights .is-danger.flight-card h3, .business-dashboard.flights-dashboard .is-danger.company-card h3, .business-dashboard.flights-dashboard .is-danger.filters-card h3, .business-dashboard.company-dashboard .is-danger.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-danger.overview-card h3, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-danger.dashboard-tile h3, .list-view.list-view-v2 .is-danger.list-view-item h3, .user-grid.user-grid-v1 .is-danger.grid-item h3, .user-grid.user-grid-v2 .is-danger.grid-item h3, .user-grid.user-grid-v3 .is-danger.grid-item h3, .user-grid.user-grid-v4 .is-danger.grid-item h3, .card-grid.card-grid-v3 .is-danger.card-grid-item h3, .card-grid.card-grid-v4 .is-danger.card-grid-item h3, .tile-grid.tile-grid-v1 .is-danger.tile-grid-item h3, .tile-grid.tile-grid-v2 .is-danger.tile-grid-item h3, .tile-grid.tile-grid-v3 .is-danger.tile-grid-item h3, .is-danger.demo-card h3, .is-danger.color-card h3, .all-projects .project-grid .is-danger.project-grid-item h3, .project-details .project-details-inner .is-danger.project-details-card h3, .project-details .project-details-inner .is-danger.side-card h3, .project-details .project-details-inner .is-danger.project-team-card h3, .project-details .project-details-inner .task-grid .is-danger.task-card h3, .profile-wrapper .profile-body .is-danger.profile-card h3, .account-wrapper .is-danger.account-box h3, .search-results-wrapper .search-results-body .is-danger.filter-box h3, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-danger.search-results-item h3, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-danger.plan-inner h3, .saas-billing-wrapper .billing-options-wrapper .left .is-danger.option-block h3, .action-page-wrapper.action-page-v1 .wrapper-inner .is-danger.action-box h3, .action-page-wrapper.action-page-v2 .wrapper-inner .is-danger.action-box h3, .action-page-wrapper.action-page-v2 .is-danger.wrapper-outer h3, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner h3, .form-layout .is-danger.form-outer h3, .confirm-account-wrapper .wrapper-inner .is-danger.action-box h3, .promotion-page-wrapper .wrapper-inner .is-danger.action-box h3, .promotion-page-wrapper .is-danger.wrapper-outer h3, .invoice-wrapper .invoice-body .is-danger.invoice-card h3, .is-danger.gauge-widget.is-straight h3, .is-danger.icon-toolbar-widget.is-straight h3, .is-danger.text-widget.is-straight h3, .is-danger.tags-widget.is-straight h3, .is-danger.image-widget.is-straight h3, .is-danger.list-widget.is-straight h3, .is-danger.picker-widget.is-straight h3, .is-danger.stats-widget.is-straight h3, .is-danger.search-widget.is-straight h3, .is-danger.icon-list-widget.is-straight h3, .is-danger.video-widget.is-straight h3, .is-danger.inbox-widget.is-straight h3, .is-danger.illustration-widget.illustration-widget-v1.is-straight h3, .is-danger.illustration-widget.illustration-widget-v2.is-straight h3, .is-danger.illustration-widget.illustration-widget-v3.is-straight h3, .is-danger.creative-list-widget.is-straight h3, .is-danger.social-buttons-widget.is-straight h3, .is-danger.call-widget.is-straight h3, .is-danger.avatar-list-widget.is-straight h3, .is-danger.contact-widget.is-straight h3, .is-danger.followers-widget.is-straight h3, .is-danger.cart-widget.is-straight h3, .is-danger.stat-widget.is-straight h3, .s-card.is-danger h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card h4, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card h4, .is-danger.collapse h4, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap h4, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-danger.dashboard-card h4, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-header h4, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-card h4, .finance-dashboard.analytics-dashboard .is-danger.dashboard-tile h4, .finance-dashboard.analytics-dashboard .is-danger.dashboard-card h4, .finance-dashboard.sales-dashboard .spark-tiles .is-danger.spark-tile h4, .finance-dashboard.sales-dashboard .is-danger.dashboard-card h4, .banking-dashboard.banking-dashboard-v1 .is-danger.dashboard-card h4, .banking-dashboard.banking-dashboard-v2 .is-danger.dashboard-card h4, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-danger.dashboard-tile h4, .banking-dashboard.banking-dashboard-v3 .is-danger.dashboard-card h4, .business-dashboard.flights-dashboard .is-danger.booking-bar-wrapper h4, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-danger.flight-summary h4, .business-dashboard.flights-dashboard .flights .is-danger.flight-card h4, .business-dashboard.flights-dashboard .is-danger.company-card h4, .business-dashboard.flights-dashboard .is-danger.filters-card h4, .business-dashboard.company-dashboard .is-danger.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-danger.overview-card h4, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-danger.dashboard-tile h4, .list-view.list-view-v2 .is-danger.list-view-item h4, .user-grid.user-grid-v1 .is-danger.grid-item h4, .user-grid.user-grid-v2 .is-danger.grid-item h4, .user-grid.user-grid-v3 .is-danger.grid-item h4, .user-grid.user-grid-v4 .is-danger.grid-item h4, .card-grid.card-grid-v3 .is-danger.card-grid-item h4, .card-grid.card-grid-v4 .is-danger.card-grid-item h4, .tile-grid.tile-grid-v1 .is-danger.tile-grid-item h4, .tile-grid.tile-grid-v2 .is-danger.tile-grid-item h4, .tile-grid.tile-grid-v3 .is-danger.tile-grid-item h4, .is-danger.demo-card h4, .is-danger.color-card h4, .all-projects .project-grid .is-danger.project-grid-item h4, .project-details .project-details-inner .is-danger.project-details-card h4, .project-details .project-details-inner .is-danger.side-card h4, .project-details .project-details-inner .is-danger.project-team-card h4, .project-details .project-details-inner .task-grid .is-danger.task-card h4, .profile-wrapper .profile-body .is-danger.profile-card h4, .account-wrapper .is-danger.account-box h4, .search-results-wrapper .search-results-body .is-danger.filter-box h4, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-danger.search-results-item h4, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-danger.plan-inner h4, .saas-billing-wrapper .billing-options-wrapper .left .is-danger.option-block h4, .action-page-wrapper.action-page-v1 .wrapper-inner .is-danger.action-box h4, .action-page-wrapper.action-page-v2 .wrapper-inner .is-danger.action-box h4, .action-page-wrapper.action-page-v2 .is-danger.wrapper-outer h4, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner h4, .form-layout .is-danger.form-outer h4, .confirm-account-wrapper .wrapper-inner .is-danger.action-box h4, .promotion-page-wrapper .wrapper-inner .is-danger.action-box h4, .promotion-page-wrapper .is-danger.wrapper-outer h4, .invoice-wrapper .invoice-body .is-danger.invoice-card h4, .is-danger.gauge-widget.is-straight h4, .is-danger.icon-toolbar-widget.is-straight h4, .is-danger.text-widget.is-straight h4, .is-danger.tags-widget.is-straight h4, .is-danger.image-widget.is-straight h4, .is-danger.list-widget.is-straight h4, .is-danger.picker-widget.is-straight h4, .is-danger.stats-widget.is-straight h4, .is-danger.search-widget.is-straight h4, .is-danger.icon-list-widget.is-straight h4, .is-danger.video-widget.is-straight h4, .is-danger.inbox-widget.is-straight h4, .is-danger.illustration-widget.illustration-widget-v1.is-straight h4, .is-danger.illustration-widget.illustration-widget-v2.is-straight h4, .is-danger.illustration-widget.illustration-widget-v3.is-straight h4, .is-danger.creative-list-widget.is-straight h4, .is-danger.social-buttons-widget.is-straight h4, .is-danger.call-widget.is-straight h4, .is-danger.avatar-list-widget.is-straight h4, .is-danger.contact-widget.is-straight h4, .is-danger.followers-widget.is-straight h4, .is-danger.cart-widget.is-straight h4, .is-danger.stat-widget.is-straight h4, .s-card.is-danger p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.team-card p, .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-danger.project-card p, .is-danger.collapse p, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-danger.content-wrap p, .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-danger.dashboard-card p, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-header p, .personal-dashboard.personal-dashboard-v2 .is-danger.dashboard-card p, .finance-dashboard.analytics-dashboard .is-danger.dashboard-tile p, .finance-dashboard.analytics-dashboard .is-danger.dashboard-card p, .finance-dashboard.sales-dashboard .spark-tiles .is-danger.spark-tile p, .finance-dashboard.sales-dashboard .is-danger.dashboard-card p, .banking-dashboard.banking-dashboard-v1 .is-danger.dashboard-card p, .banking-dashboard.banking-dashboard-v2 .is-danger.dashboard-card p, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-danger.dashboard-tile p, .banking-dashboard.banking-dashboard-v3 .is-danger.dashboard-card p, .business-dashboard.flights-dashboard .is-danger.booking-bar-wrapper p, .business-dashboard.flights-dashboard .flights-summary-wrapper .is-danger.flight-summary p, .business-dashboard.flights-dashboard .flights .is-danger.flight-card p, .business-dashboard.flights-dashboard .is-danger.company-card p, .business-dashboard.flights-dashboard .is-danger.filters-card p, .business-dashboard.company-dashboard .is-danger.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v1 .is-danger.overview-card p, .ecommerce-dashboard.ecommerce-dashboard-v1 .is-danger.dashboard-tile p, .list-view.list-view-v2 .is-danger.list-view-item p, .user-grid.user-grid-v1 .is-danger.grid-item p, .user-grid.user-grid-v2 .is-danger.grid-item p, .user-grid.user-grid-v3 .is-danger.grid-item p, .user-grid.user-grid-v4 .is-danger.grid-item p, .card-grid.card-grid-v3 .is-danger.card-grid-item p, .card-grid.card-grid-v4 .is-danger.card-grid-item p, .tile-grid.tile-grid-v1 .is-danger.tile-grid-item p, .tile-grid.tile-grid-v2 .is-danger.tile-grid-item p, .tile-grid.tile-grid-v3 .is-danger.tile-grid-item p, .is-danger.demo-card p, .is-danger.color-card p, .all-projects .project-grid .is-danger.project-grid-item p, .project-details .project-details-inner .is-danger.project-details-card p, .project-details .project-details-inner .is-danger.side-card p, .project-details .project-details-inner .is-danger.project-team-card p, .project-details .project-details-inner .task-grid .is-danger.task-card p, .profile-wrapper .profile-body .is-danger.profile-card p, .account-wrapper .is-danger.account-box p, .search-results-wrapper .search-results-body .is-danger.filter-box p, .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-danger.search-results-item p, .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-danger.plan-inner p, .saas-billing-wrapper .billing-options-wrapper .left .is-danger.option-block p, .action-page-wrapper.action-page-v1 .wrapper-inner .is-danger.action-box p, .action-page-wrapper.action-page-v2 .wrapper-inner .is-danger.action-box p, .action-page-wrapper.action-page-v2 .is-danger.wrapper-outer p, .form-layout.is-separate .form-outer .form-body .form-section .is-danger.form-section-inner p, .form-layout .is-danger.form-outer p, .confirm-account-wrapper .wrapper-inner .is-danger.action-box p, .promotion-page-wrapper .wrapper-inner .is-danger.action-box p, .promotion-page-wrapper .is-danger.wrapper-outer p, .invoice-wrapper .invoice-body .is-danger.invoice-card p, .is-danger.gauge-widget.is-straight p, .is-danger.icon-toolbar-widget.is-straight p, .is-danger.text-widget.is-straight p, .is-danger.tags-widget.is-straight p, .is-danger.image-widget.is-straight p, .is-danger.list-widget.is-straight p, .is-danger.picker-widget.is-straight p, .is-danger.stats-widget.is-straight p, .is-danger.search-widget.is-straight p, .is-danger.icon-list-widget.is-straight p, .is-danger.video-widget.is-straight p, .is-danger.inbox-widget.is-straight p, .is-danger.illustration-widget.illustration-widget-v1.is-straight p, .is-danger.illustration-widget.illustration-widget-v2.is-straight p, .is-danger.illustration-widget.illustration-widget-v3.is-straight p, .is-danger.creative-list-widget.is-straight p, .is-danger.social-buttons-widget.is-straight p, .is-danger.call-widget.is-straight p, .is-danger.avatar-list-widget.is-straight p, .is-danger.contact-widget.is-straight p, .is-danger.followers-widget.is-straight p, .is-danger.cart-widget.is-straight p, .is-danger.stat-widget.is-straight p, .l-card.is-danger .title, .boxed-features .is-danger.flex-card .title, .personal-dashboard.personal-dashboard-v3 .is-danger.dashboard-card .title, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-danger.grid-item .title, .business-dashboard.course-dashboard .course-grid .is-danger.course-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-danger.long-card .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-danger.media-flex-center .title, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-danger.dashboard-card .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-danger.writing-stat .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.featured-authors .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.updates .title, .food-delivery-dashboard .left .left-body .restaurants-list .is-danger.restaurants-list-item .title, .is-danger.gauge-widget .title, .is-danger.icon-toolbar-widget .title, .is-danger.text-widget .title, .is-danger.tags-widget .title, .calendar-widget .calendar-widget-inner .is-danger.calendar-square .title, .is-danger.image-widget .title, .is-danger.list-widget .title, .is-danger.picker-widget .title, .is-danger.stats-widget .title, .is-danger.search-widget .title, .is-danger.icon-list-widget .title, .is-danger.video-widget .title, .is-danger.inbox-widget .title, .is-danger.illustration-widget.illustration-widget-v1 .title, .is-danger.illustration-widget.illustration-widget-v2 .title, .is-danger.illustration-widget.illustration-widget-v3 .title, .is-danger.creative-list-widget .title, .is-danger.social-buttons-widget .title, .is-danger.call-widget .title, .is-danger.avatar-list-widget .title, .is-danger.contact-widget .title, .is-danger.followers-widget .title, .is-danger.cart-widget .title, .is-danger.stat-widget .title, .wizard-v1-wrapper .step-content .wizard-types .is-danger.wizard-card .title, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-danger.uploader-actions .title, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-danger.edit-box .title, .l-card.is-danger .subtitle, .boxed-features .is-danger.flex-card .subtitle, .personal-dashboard.personal-dashboard-v3 .is-danger.dashboard-card .subtitle, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-danger.grid-item .subtitle, .business-dashboard.course-dashboard .course-grid .is-danger.course-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-danger.long-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-danger.media-flex-center .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-danger.dashboard-card .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-danger.writing-stat .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.featured-authors .subtitle, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.updates .subtitle, .food-delivery-dashboard .left .left-body .restaurants-list .is-danger.restaurants-list-item .subtitle, .is-danger.gauge-widget .subtitle, .is-danger.icon-toolbar-widget .subtitle, .is-danger.text-widget .subtitle, .is-danger.tags-widget .subtitle, .calendar-widget .calendar-widget-inner .is-danger.calendar-square .subtitle, .is-danger.image-widget .subtitle, .is-danger.list-widget .subtitle, .is-danger.picker-widget .subtitle, .is-danger.stats-widget .subtitle, .is-danger.search-widget .subtitle, .is-danger.icon-list-widget .subtitle, .is-danger.video-widget .subtitle, .is-danger.inbox-widget .subtitle, .is-danger.illustration-widget.illustration-widget-v1 .subtitle, .is-danger.illustration-widget.illustration-widget-v2 .subtitle, .is-danger.illustration-widget.illustration-widget-v3 .subtitle, .is-danger.creative-list-widget .subtitle, .is-danger.social-buttons-widget .subtitle, .is-danger.call-widget .subtitle, .is-danger.avatar-list-widget .subtitle, .is-danger.contact-widget .subtitle, .is-danger.followers-widget .subtitle, .is-danger.cart-widget .subtitle, .is-danger.stat-widget .subtitle, .wizard-v1-wrapper .step-content .wizard-types .is-danger.wizard-card .subtitle, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-danger.uploader-actions .subtitle, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-danger.edit-box .subtitle, .l-card.is-danger h1, .boxed-features .is-danger.flex-card h1, .personal-dashboard.personal-dashboard-v3 .is-danger.dashboard-card h1, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-danger.grid-item h1, .business-dashboard.course-dashboard .course-grid .is-danger.course-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-danger.long-card h1, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-danger.media-flex-center h1, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-danger.dashboard-card h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-danger.writing-stat h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.featured-authors h1, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.updates h1, .food-delivery-dashboard .left .left-body .restaurants-list .is-danger.restaurants-list-item h1, .is-danger.gauge-widget h1, .is-danger.icon-toolbar-widget h1, .is-danger.text-widget h1, .is-danger.tags-widget h1, .calendar-widget .calendar-widget-inner .is-danger.calendar-square h1, .is-danger.image-widget h1, .is-danger.list-widget h1, .is-danger.picker-widget h1, .is-danger.stats-widget h1, .is-danger.search-widget h1, .is-danger.icon-list-widget h1, .is-danger.video-widget h1, .is-danger.inbox-widget h1, .is-danger.illustration-widget.illustration-widget-v1 h1, .is-danger.illustration-widget.illustration-widget-v2 h1, .is-danger.illustration-widget.illustration-widget-v3 h1, .is-danger.creative-list-widget h1, .is-danger.social-buttons-widget h1, .is-danger.call-widget h1, .is-danger.avatar-list-widget h1, .is-danger.contact-widget h1, .is-danger.followers-widget h1, .is-danger.cart-widget h1, .is-danger.stat-widget h1, .wizard-v1-wrapper .step-content .wizard-types .is-danger.wizard-card h1, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-danger.uploader-actions h1, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-danger.edit-box h1, .l-card.is-danger h2, .boxed-features .is-danger.flex-card h2, .personal-dashboard.personal-dashboard-v3 .is-danger.dashboard-card h2, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-danger.grid-item h2, .business-dashboard.course-dashboard .course-grid .is-danger.course-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-danger.long-card h2, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-danger.media-flex-center h2, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-danger.dashboard-card h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-danger.writing-stat h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.featured-authors h2, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.updates h2, .food-delivery-dashboard .left .left-body .restaurants-list .is-danger.restaurants-list-item h2, .is-danger.gauge-widget h2, .is-danger.icon-toolbar-widget h2, .is-danger.text-widget h2, .is-danger.tags-widget h2, .calendar-widget .calendar-widget-inner .is-danger.calendar-square h2, .is-danger.image-widget h2, .is-danger.list-widget h2, .is-danger.picker-widget h2, .is-danger.stats-widget h2, .is-danger.search-widget h2, .is-danger.icon-list-widget h2, .is-danger.video-widget h2, .is-danger.inbox-widget h2, .is-danger.illustration-widget.illustration-widget-v1 h2, .is-danger.illustration-widget.illustration-widget-v2 h2, .is-danger.illustration-widget.illustration-widget-v3 h2, .is-danger.creative-list-widget h2, .is-danger.social-buttons-widget h2, .is-danger.call-widget h2, .is-danger.avatar-list-widget h2, .is-danger.contact-widget h2, .is-danger.followers-widget h2, .is-danger.cart-widget h2, .is-danger.stat-widget h2, .wizard-v1-wrapper .step-content .wizard-types .is-danger.wizard-card h2, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-danger.uploader-actions h2, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-danger.edit-box h2, .l-card.is-danger h3, .boxed-features .is-danger.flex-card h3, .personal-dashboard.personal-dashboard-v3 .is-danger.dashboard-card h3, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-danger.grid-item h3, .business-dashboard.course-dashboard .course-grid .is-danger.course-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-danger.long-card h3, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-danger.media-flex-center h3, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-danger.dashboard-card h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-danger.writing-stat h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.featured-authors h3, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.updates h3, .food-delivery-dashboard .left .left-body .restaurants-list .is-danger.restaurants-list-item h3, .is-danger.gauge-widget h3, .is-danger.icon-toolbar-widget h3, .is-danger.text-widget h3, .is-danger.tags-widget h3, .calendar-widget .calendar-widget-inner .is-danger.calendar-square h3, .is-danger.image-widget h3, .is-danger.list-widget h3, .is-danger.picker-widget h3, .is-danger.stats-widget h3, .is-danger.search-widget h3, .is-danger.icon-list-widget h3, .is-danger.video-widget h3, .is-danger.inbox-widget h3, .is-danger.illustration-widget.illustration-widget-v1 h3, .is-danger.illustration-widget.illustration-widget-v2 h3, .is-danger.illustration-widget.illustration-widget-v3 h3, .is-danger.creative-list-widget h3, .is-danger.social-buttons-widget h3, .is-danger.call-widget h3, .is-danger.avatar-list-widget h3, .is-danger.contact-widget h3, .is-danger.followers-widget h3, .is-danger.cart-widget h3, .is-danger.stat-widget h3, .wizard-v1-wrapper .step-content .wizard-types .is-danger.wizard-card h3, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-danger.uploader-actions h3, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-danger.edit-box h3, .l-card.is-danger h4, .boxed-features .is-danger.flex-card h4, .personal-dashboard.personal-dashboard-v3 .is-danger.dashboard-card h4, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-danger.grid-item h4, .business-dashboard.course-dashboard .course-grid .is-danger.course-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-danger.long-card h4, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-danger.media-flex-center h4, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-danger.dashboard-card h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-danger.writing-stat h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.featured-authors h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.updates h4, .food-delivery-dashboard .left .left-body .restaurants-list .is-danger.restaurants-list-item h4, .is-danger.gauge-widget h4, .is-danger.icon-toolbar-widget h4, .is-danger.text-widget h4, .is-danger.tags-widget h4, .calendar-widget .calendar-widget-inner .is-danger.calendar-square h4, .is-danger.image-widget h4, .is-danger.list-widget h4, .is-danger.picker-widget h4, .is-danger.stats-widget h4, .is-danger.search-widget h4, .is-danger.icon-list-widget h4, .is-danger.video-widget h4, .is-danger.inbox-widget h4, .is-danger.illustration-widget.illustration-widget-v1 h4, .is-danger.illustration-widget.illustration-widget-v2 h4, .is-danger.illustration-widget.illustration-widget-v3 h4, .is-danger.creative-list-widget h4, .is-danger.social-buttons-widget h4, .is-danger.call-widget h4, .is-danger.avatar-list-widget h4, .is-danger.contact-widget h4, .is-danger.followers-widget h4, .is-danger.cart-widget h4, .is-danger.stat-widget h4, .wizard-v1-wrapper .step-content .wizard-types .is-danger.wizard-card h4, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-danger.uploader-actions h4, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-danger.edit-box h4, .l-card.is-danger p, .boxed-features .is-danger.flex-card p, .personal-dashboard.personal-dashboard-v3 .is-danger.dashboard-card p, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-danger.grid-item p, .business-dashboard.course-dashboard .course-grid .is-danger.course-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-danger.long-card p, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-danger.media-flex-center p, .lifestyle-dashboard.lifestyle-dashboard-v3 .is-danger.dashboard-card p, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-danger.writing-stat p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.featured-authors p, .lifestyle-dashboard.lifestyle-dashboard-v4 .is-danger.updates p, .food-delivery-dashboard .left .left-body .restaurants-list .is-danger.restaurants-list-item p, .is-danger.gauge-widget p, .is-danger.icon-toolbar-widget p, .is-danger.text-widget p, .is-danger.tags-widget p, .calendar-widget .calendar-widget-inner .is-danger.calendar-square p, .is-danger.image-widget p, .is-danger.list-widget p, .is-danger.picker-widget p, .is-danger.stats-widget p, .is-danger.search-widget p, .is-danger.icon-list-widget p, .is-danger.video-widget p, .is-danger.inbox-widget p, .is-danger.illustration-widget.illustration-widget-v1 p, .is-danger.illustration-widget.illustration-widget-v2 p, .is-danger.illustration-widget.illustration-widget-v3 p, .is-danger.creative-list-widget p, .is-danger.social-buttons-widget p, .is-danger.call-widget p, .is-danger.avatar-list-widget p, .is-danger.contact-widget p, .is-danger.followers-widget p, .is-danger.cart-widget p, .is-danger.stat-widget p, .wizard-v1-wrapper .step-content .wizard-types .is-danger.wizard-card p, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-danger.uploader-actions p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-danger.edit-box p, .h-card.is-danger .title, .h-card.is-danger .subtitle, .h-card.is-danger h1, .h-card.is-danger h2, .h-card.is-danger h3, .h-card.is-danger h4, .h-card.is-danger p { color: #fcfcfc !important; } /* line 126, src/assets/scss/elements/_cards.scss */ .r-card .card-head, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head, .finance-dashboard.stock-dashboard .stock-card .card-head, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .card-head, .list-view.list-view-v1 .list-view-item .card-head, .list-view.list-view-v3 .list-view-item .card-head, .list-view.list-view-v4 .list-view-item .card-head, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head, .s-card .card-head, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head, .collapse .card-head, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .card-head, .personal-dashboard.personal-dashboard-v2 .dashboard-header .card-head, .personal-dashboard.personal-dashboard-v2 .dashboard-card .card-head, .finance-dashboard.analytics-dashboard .dashboard-tile .card-head, .finance-dashboard.analytics-dashboard .dashboard-card .card-head, .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .card-head, .finance-dashboard.sales-dashboard .dashboard-card .card-head, .banking-dashboard.banking-dashboard-v1 .dashboard-card .card-head, .banking-dashboard.banking-dashboard-v2 .dashboard-card .card-head, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .card-head, .banking-dashboard.banking-dashboard-v3 .dashboard-card .card-head, .business-dashboard.flights-dashboard .booking-bar-wrapper .card-head, .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .card-head, .business-dashboard.flights-dashboard .flights .flight-card .card-head, .business-dashboard.flights-dashboard .company-card .card-head, .business-dashboard.flights-dashboard .filters-card .card-head, .business-dashboard.company-dashboard .dashboard-card .card-head, .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head, .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .card-head, .list-view.list-view-v2 .list-view-item .card-head, .user-grid.user-grid-v1 .grid-item .card-head, .user-grid.user-grid-v2 .grid-item .card-head, .user-grid.user-grid-v3 .grid-item .card-head, .user-grid.user-grid-v4 .grid-item .card-head, .card-grid.card-grid-v3 .card-grid-item .card-head, .card-grid.card-grid-v4 .card-grid-item .card-head, .tile-grid.tile-grid-v1 .tile-grid-item .card-head, .tile-grid.tile-grid-v2 .tile-grid-item .card-head, .tile-grid.tile-grid-v3 .tile-grid-item .card-head, .demo-card .card-head, .color-card .card-head, .all-projects .project-grid .project-grid-item .card-head, .project-details .project-details-inner .project-details-card .card-head, .project-details .project-details-inner .side-card .card-head, .project-details .project-details-inner .project-team-card .card-head, .project-details .project-details-inner .task-grid .task-card .card-head, .profile-wrapper .profile-body .profile-card .card-head, .account-wrapper .account-box .card-head, .search-results-wrapper .search-results-body .filter-box .card-head, .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .card-head, .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .card-head, .saas-billing-wrapper .billing-options-wrapper .left .option-block .card-head, .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .card-head, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .card-head, .action-page-wrapper.action-page-v2 .wrapper-outer .card-head, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head, .form-layout .form-outer .card-head, .confirm-account-wrapper .wrapper-inner .action-box .card-head, .promotion-page-wrapper .wrapper-inner .action-box .card-head, .promotion-page-wrapper .wrapper-outer .card-head, .invoice-wrapper .invoice-body .invoice-card .card-head, .gauge-widget.is-straight .card-head, .icon-toolbar-widget.is-straight .card-head, .text-widget.is-straight .card-head, .tags-widget.is-straight .card-head, .image-widget.is-straight .card-head, .list-widget.is-straight .card-head, .picker-widget.is-straight .card-head, .stats-widget.is-straight .card-head, .search-widget.is-straight .card-head, .icon-list-widget.is-straight .card-head, .video-widget.is-straight .card-head, .inbox-widget.is-straight .card-head, .illustration-widget.illustration-widget-v1.is-straight .card-head, .illustration-widget.illustration-widget-v2.is-straight .card-head, .illustration-widget.illustration-widget-v3.is-straight .card-head, .creative-list-widget.is-straight .card-head, .social-buttons-widget.is-straight .card-head, .call-widget.is-straight .card-head, .avatar-list-widget.is-straight .card-head, .contact-widget.is-straight .card-head, .followers-widget.is-straight .card-head, .cart-widget.is-straight .card-head, .stat-widget.is-straight .card-head, .l-card .card-head, .boxed-features .flex-card .card-head, .personal-dashboard.personal-dashboard-v3 .dashboard-card .card-head, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .card-head, .business-dashboard.course-dashboard .course-grid .course-card .card-head, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .card-head, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .card-head, .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .card-head, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .card-head, .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .card-head, .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .card-head, .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .card-head, .gauge-widget .card-head, .icon-toolbar-widget .card-head, .text-widget .card-head, .tags-widget .card-head, .calendar-widget .calendar-widget-inner .calendar-square .card-head, .image-widget .card-head, .list-widget .card-head, .picker-widget .card-head, .stats-widget .card-head, .search-widget .card-head, .icon-list-widget .card-head, .video-widget .card-head, .inbox-widget .card-head, .illustration-widget.illustration-widget-v1 .card-head, .illustration-widget.illustration-widget-v2 .card-head, .illustration-widget.illustration-widget-v3 .card-head, .creative-list-widget .card-head, .social-buttons-widget .card-head, .call-widget .card-head, .avatar-list-widget .card-head, .contact-widget .card-head, .followers-widget .card-head, .cart-widget .card-head, .stat-widget .card-head, .wizard-v1-wrapper .step-content .wizard-types .wizard-card .card-head, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .card-head, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .card-head, .h-card .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 131, src/assets/scss/elements/_cards.scss */ .r-card .card-head .left, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head .left, .finance-dashboard.stock-dashboard .stock-card .card-head .left, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .card-head .left, .list-view.list-view-v1 .list-view-item .card-head .left, .list-view.list-view-v3 .list-view-item .card-head .left, .list-view.list-view-v4 .list-view-item .card-head .left, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .left, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .left, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .left, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .left, .r-card .card-head .right, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head .right, .finance-dashboard.stock-dashboard .stock-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .card-head .right, .list-view.list-view-v1 .list-view-item .card-head .right, .list-view.list-view-v3 .list-view-item .card-head .right, .list-view.list-view-v4 .list-view-item .card-head .right, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .right, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .right, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .right, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .right, .s-card .card-head .left, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head .left, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head .left, .collapse .card-head .left, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head .left, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .card-head .left, .personal-dashboard.personal-dashboard-v2 .dashboard-header .card-head .left, .personal-dashboard.personal-dashboard-v2 .dashboard-card .card-head .left, .finance-dashboard.analytics-dashboard .dashboard-tile .card-head .left, .finance-dashboard.analytics-dashboard .dashboard-card .card-head .left, .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .card-head .left, .finance-dashboard.sales-dashboard .dashboard-card .card-head .left, .banking-dashboard.banking-dashboard-v1 .dashboard-card .card-head .left, .banking-dashboard.banking-dashboard-v2 .dashboard-card .card-head .left, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .card-head .left, .banking-dashboard.banking-dashboard-v3 .dashboard-card .card-head .left, .business-dashboard.flights-dashboard .booking-bar-wrapper .card-head .left, .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .card-head .left, .business-dashboard.flights-dashboard .flights .flight-card .card-head .left, .business-dashboard.flights-dashboard .company-card .card-head .left, .business-dashboard.flights-dashboard .filters-card .card-head .left, .business-dashboard.company-dashboard .dashboard-card .card-head .left, .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head .left, .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .card-head .left, .list-view.list-view-v2 .list-view-item .card-head .left, .user-grid.user-grid-v1 .grid-item .card-head .left, .user-grid.user-grid-v2 .grid-item .card-head .left, .user-grid.user-grid-v3 .grid-item .card-head .left, .user-grid.user-grid-v4 .grid-item .card-head .left, .card-grid.card-grid-v3 .card-grid-item .card-head .left, .card-grid.card-grid-v4 .card-grid-item .card-head .left, .tile-grid.tile-grid-v1 .tile-grid-item .card-head .left, .tile-grid.tile-grid-v2 .tile-grid-item .card-head .left, .tile-grid.tile-grid-v3 .tile-grid-item .card-head .left, .demo-card .card-head .left, .color-card .card-head .left, .all-projects .project-grid .project-grid-item .card-head .left, .project-details .project-details-inner .project-details-card .card-head .left, .project-details .project-details-inner .side-card .card-head .left, .project-details .project-details-inner .project-team-card .card-head .left, .project-details .project-details-inner .task-grid .task-card .card-head .left, .profile-wrapper .profile-body .profile-card .card-head .left, .account-wrapper .account-box .card-head .left, .search-results-wrapper .search-results-body .filter-box .card-head .left, .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .card-head .left, .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .card-head .left, .saas-billing-wrapper .billing-options-wrapper .left .option-block .card-head .left, .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .card-head .left, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .card-head .left, .action-page-wrapper.action-page-v2 .wrapper-outer .card-head .left, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head .left, .form-layout .form-outer .card-head .left, .confirm-account-wrapper .wrapper-inner .action-box .card-head .left, .promotion-page-wrapper .wrapper-inner .action-box .card-head .left, .promotion-page-wrapper .wrapper-outer .card-head .left, .invoice-wrapper .invoice-body .invoice-card .card-head .left, .gauge-widget.is-straight .card-head .left, .icon-toolbar-widget.is-straight .card-head .left, .text-widget.is-straight .card-head .left, .tags-widget.is-straight .card-head .left, .image-widget.is-straight .card-head .left, .list-widget.is-straight .card-head .left, .picker-widget.is-straight .card-head .left, .stats-widget.is-straight .card-head .left, .search-widget.is-straight .card-head .left, .icon-list-widget.is-straight .card-head .left, .video-widget.is-straight .card-head .left, .inbox-widget.is-straight .card-head .left, .illustration-widget.illustration-widget-v1.is-straight .card-head .left, .illustration-widget.illustration-widget-v2.is-straight .card-head .left, .illustration-widget.illustration-widget-v3.is-straight .card-head .left, .creative-list-widget.is-straight .card-head .left, .social-buttons-widget.is-straight .card-head .left, .call-widget.is-straight .card-head .left, .avatar-list-widget.is-straight .card-head .left, .contact-widget.is-straight .card-head .left, .followers-widget.is-straight .card-head .left, .cart-widget.is-straight .card-head .left, .stat-widget.is-straight .card-head .left, .s-card .card-head .right, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head .right, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head .right, .collapse .card-head .right, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head .right, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .card-head .right, .personal-dashboard.personal-dashboard-v2 .dashboard-header .card-head .right, .personal-dashboard.personal-dashboard-v2 .dashboard-card .card-head .right, .finance-dashboard.analytics-dashboard .dashboard-tile .card-head .right, .finance-dashboard.analytics-dashboard .dashboard-card .card-head .right, .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .card-head .right, .finance-dashboard.sales-dashboard .dashboard-card .card-head .right, .banking-dashboard.banking-dashboard-v1 .dashboard-card .card-head .right, .banking-dashboard.banking-dashboard-v2 .dashboard-card .card-head .right, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .card-head .right, .banking-dashboard.banking-dashboard-v3 .dashboard-card .card-head .right, .business-dashboard.flights-dashboard .booking-bar-wrapper .card-head .right, .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .card-head .right, .business-dashboard.flights-dashboard .flights .flight-card .card-head .right, .business-dashboard.flights-dashboard .company-card .card-head .right, .business-dashboard.flights-dashboard .filters-card .card-head .right, .business-dashboard.company-dashboard .dashboard-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head .right, .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .card-head .right, .list-view.list-view-v2 .list-view-item .card-head .right, .user-grid.user-grid-v1 .grid-item .card-head .right, .user-grid.user-grid-v2 .grid-item .card-head .right, .user-grid.user-grid-v3 .grid-item .card-head .right, .user-grid.user-grid-v4 .grid-item .card-head .right, .card-grid.card-grid-v3 .card-grid-item .card-head .right, .card-grid.card-grid-v4 .card-grid-item .card-head .right, .tile-grid.tile-grid-v1 .tile-grid-item .card-head .right, .tile-grid.tile-grid-v2 .tile-grid-item .card-head .right, .tile-grid.tile-grid-v3 .tile-grid-item .card-head .right, .demo-card .card-head .right, .color-card .card-head .right, .all-projects .project-grid .project-grid-item .card-head .right, .project-details .project-details-inner .project-details-card .card-head .right, .project-details .project-details-inner .side-card .card-head .right, .project-details .project-details-inner .project-team-card .card-head .right, .project-details .project-details-inner .task-grid .task-card .card-head .right, .profile-wrapper .profile-body .profile-card .card-head .right, .account-wrapper .account-box .card-head .right, .search-results-wrapper .search-results-body .filter-box .card-head .right, .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .card-head .right, .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .card-head .right, .saas-billing-wrapper .billing-options-wrapper .left .option-block .card-head .right, .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .card-head .right, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .card-head .right, .action-page-wrapper.action-page-v2 .wrapper-outer .card-head .right, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head .right, .form-layout .form-outer .card-head .right, .confirm-account-wrapper .wrapper-inner .action-box .card-head .right, .promotion-page-wrapper .wrapper-inner .action-box .card-head .right, .promotion-page-wrapper .wrapper-outer .card-head .right, .invoice-wrapper .invoice-body .invoice-card .card-head .right, .gauge-widget.is-straight .card-head .right, .icon-toolbar-widget.is-straight .card-head .right, .text-widget.is-straight .card-head .right, .tags-widget.is-straight .card-head .right, .image-widget.is-straight .card-head .right, .list-widget.is-straight .card-head .right, .picker-widget.is-straight .card-head .right, .stats-widget.is-straight .card-head .right, .search-widget.is-straight .card-head .right, .icon-list-widget.is-straight .card-head .right, .video-widget.is-straight .card-head .right, .inbox-widget.is-straight .card-head .right, .illustration-widget.illustration-widget-v1.is-straight .card-head .right, .illustration-widget.illustration-widget-v2.is-straight .card-head .right, .illustration-widget.illustration-widget-v3.is-straight .card-head .right, .creative-list-widget.is-straight .card-head .right, .social-buttons-widget.is-straight .card-head .right, .call-widget.is-straight .card-head .right, .avatar-list-widget.is-straight .card-head .right, .contact-widget.is-straight .card-head .right, .followers-widget.is-straight .card-head .right, .cart-widget.is-straight .card-head .right, .stat-widget.is-straight .card-head .right, .l-card .card-head .left, .boxed-features .flex-card .card-head .left, .personal-dashboard.personal-dashboard-v3 .dashboard-card .card-head .left, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .card-head .left, .business-dashboard.course-dashboard .course-grid .course-card .card-head .left, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .card-head .left, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .card-head .left, .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .card-head .left, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .card-head .left, .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .card-head .left, .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .card-head .left, .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .card-head .left, .gauge-widget .card-head .left, .icon-toolbar-widget .card-head .left, .text-widget .card-head .left, .tags-widget .card-head .left, .calendar-widget .calendar-widget-inner .calendar-square .card-head .left, .image-widget .card-head .left, .list-widget .card-head .left, .picker-widget .card-head .left, .stats-widget .card-head .left, .search-widget .card-head .left, .icon-list-widget .card-head .left, .video-widget .card-head .left, .inbox-widget .card-head .left, .illustration-widget.illustration-widget-v1 .card-head .left, .illustration-widget.illustration-widget-v2 .card-head .left, .illustration-widget.illustration-widget-v3 .card-head .left, .creative-list-widget .card-head .left, .social-buttons-widget .card-head .left, .call-widget .card-head .left, .avatar-list-widget .card-head .left, .contact-widget .card-head .left, .followers-widget .card-head .left, .cart-widget .card-head .left, .stat-widget .card-head .left, .wizard-v1-wrapper .step-content .wizard-types .wizard-card .card-head .left, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .card-head .left, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .card-head .left, .l-card .card-head .right, .boxed-features .flex-card .card-head .right, .personal-dashboard.personal-dashboard-v3 .dashboard-card .card-head .right, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .card-head .right, .business-dashboard.course-dashboard .course-grid .course-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .card-head .right, .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .card-head .right, .gauge-widget .card-head .right, .icon-toolbar-widget .card-head .right, .text-widget .card-head .right, .tags-widget .card-head .right, .calendar-widget .calendar-widget-inner .calendar-square .card-head .right, .image-widget .card-head .right, .list-widget .card-head .right, .picker-widget .card-head .right, .stats-widget .card-head .right, .search-widget .card-head .right, .icon-list-widget .card-head .right, .video-widget .card-head .right, .inbox-widget .card-head .right, .illustration-widget.illustration-widget-v1 .card-head .right, .illustration-widget.illustration-widget-v2 .card-head .right, .illustration-widget.illustration-widget-v3 .card-head .right, .creative-list-widget .card-head .right, .social-buttons-widget .card-head .right, .call-widget .card-head .right, .avatar-list-widget .card-head .right, .contact-widget .card-head .right, .followers-widget .card-head .right, .cart-widget .card-head .right, .stat-widget .card-head .right, .wizard-v1-wrapper .step-content .wizard-types .wizard-card .card-head .right, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .card-head .right, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .card-head .right, .h-card .card-head .left, .h-card .card-head .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 137, src/assets/scss/elements/_cards.scss */ .r-card .card-head .left .title, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head .left .title, .finance-dashboard.stock-dashboard .stock-card .card-head .left .title, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .card-head .left .title, .list-view.list-view-v1 .list-view-item .card-head .left .title, .list-view.list-view-v3 .list-view-item .card-head .left .title, .list-view.list-view-v4 .list-view-item .card-head .left .title, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .left .title, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .left .title, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .left .title, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .left .title, .s-card .card-head .left .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head .left .title, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head .left .title, .collapse .card-head .left .title, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head .left .title, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .card-head .left .title, .personal-dashboard.personal-dashboard-v2 .dashboard-header .card-head .left .title, .personal-dashboard.personal-dashboard-v2 .dashboard-card .card-head .left .title, .finance-dashboard.analytics-dashboard .dashboard-tile .card-head .left .title, .finance-dashboard.analytics-dashboard .dashboard-card .card-head .left .title, .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .card-head .left .title, .finance-dashboard.sales-dashboard .dashboard-card .card-head .left .title, .banking-dashboard.banking-dashboard-v1 .dashboard-card .card-head .left .title, .banking-dashboard.banking-dashboard-v2 .dashboard-card .card-head .left .title, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .card-head .left .title, .banking-dashboard.banking-dashboard-v3 .dashboard-card .card-head .left .title, .business-dashboard.flights-dashboard .booking-bar-wrapper .card-head .left .title, .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .card-head .left .title, .business-dashboard.flights-dashboard .flights .flight-card .card-head .left .title, .business-dashboard.flights-dashboard .company-card .card-head .left .title, .business-dashboard.flights-dashboard .filters-card .card-head .left .title, .business-dashboard.company-dashboard .dashboard-card .card-head .left .title, .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head .left .title, .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .card-head .left .title, .list-view.list-view-v2 .list-view-item .card-head .left .title, .user-grid.user-grid-v1 .grid-item .card-head .left .title, .user-grid.user-grid-v2 .grid-item .card-head .left .title, .user-grid.user-grid-v3 .grid-item .card-head .left .title, .user-grid.user-grid-v4 .grid-item .card-head .left .title, .card-grid.card-grid-v3 .card-grid-item .card-head .left .title, .card-grid.card-grid-v4 .card-grid-item .card-head .left .title, .tile-grid.tile-grid-v1 .tile-grid-item .card-head .left .title, .tile-grid.tile-grid-v2 .tile-grid-item .card-head .left .title, .tile-grid.tile-grid-v3 .tile-grid-item .card-head .left .title, .demo-card .card-head .left .title, .color-card .card-head .left .title, .all-projects .project-grid .project-grid-item .card-head .left .title, .project-details .project-details-inner .project-details-card .card-head .left .title, .project-details .project-details-inner .side-card .card-head .left .title, .project-details .project-details-inner .project-team-card .card-head .left .title, .project-details .project-details-inner .task-grid .task-card .card-head .left .title, .profile-wrapper .profile-body .profile-card .card-head .left .title, .account-wrapper .account-box .card-head .left .title, .search-results-wrapper .search-results-body .filter-box .card-head .left .title, .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .card-head .left .title, .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .card-head .left .title, .saas-billing-wrapper .billing-options-wrapper .left .option-block .card-head .left .title, .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .card-head .left .title, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .card-head .left .title, .action-page-wrapper.action-page-v2 .wrapper-outer .card-head .left .title, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head .left .title, .form-layout .form-outer .card-head .left .title, .confirm-account-wrapper .wrapper-inner .action-box .card-head .left .title, .promotion-page-wrapper .wrapper-inner .action-box .card-head .left .title, .promotion-page-wrapper .wrapper-outer .card-head .left .title, .invoice-wrapper .invoice-body .invoice-card .card-head .left .title, .gauge-widget.is-straight .card-head .left .title, .icon-toolbar-widget.is-straight .card-head .left .title, .text-widget.is-straight .card-head .left .title, .tags-widget.is-straight .card-head .left .title, .image-widget.is-straight .card-head .left .title, .list-widget.is-straight .card-head .left .title, .picker-widget.is-straight .card-head .left .title, .stats-widget.is-straight .card-head .left .title, .search-widget.is-straight .card-head .left .title, .icon-list-widget.is-straight .card-head .left .title, .video-widget.is-straight .card-head .left .title, .inbox-widget.is-straight .card-head .left .title, .illustration-widget.illustration-widget-v1.is-straight .card-head .left .title, .illustration-widget.illustration-widget-v2.is-straight .card-head .left .title, .illustration-widget.illustration-widget-v3.is-straight .card-head .left .title, .creative-list-widget.is-straight .card-head .left .title, .social-buttons-widget.is-straight .card-head .left .title, .call-widget.is-straight .card-head .left .title, .avatar-list-widget.is-straight .card-head .left .title, .contact-widget.is-straight .card-head .left .title, .followers-widget.is-straight .card-head .left .title, .cart-widget.is-straight .card-head .left .title, .stat-widget.is-straight .card-head .left .title, .l-card .card-head .left .title, .boxed-features .flex-card .card-head .left .title, .personal-dashboard.personal-dashboard-v3 .dashboard-card .card-head .left .title, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .card-head .left .title, .business-dashboard.course-dashboard .course-grid .course-card .card-head .left .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .card-head .left .title, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .card-head .left .title, .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .card-head .left .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .card-head .left .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .card-head .left .title, .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .card-head .left .title, .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .card-head .left .title, .gauge-widget .card-head .left .title, .icon-toolbar-widget .card-head .left .title, .text-widget .card-head .left .title, .tags-widget .card-head .left .title, .calendar-widget .calendar-widget-inner .calendar-square .card-head .left .title, .image-widget .card-head .left .title, .list-widget .card-head .left .title, .picker-widget .card-head .left .title, .stats-widget .card-head .left .title, .search-widget .card-head .left .title, .icon-list-widget .card-head .left .title, .video-widget .card-head .left .title, .inbox-widget .card-head .left .title, .illustration-widget.illustration-widget-v1 .card-head .left .title, .illustration-widget.illustration-widget-v2 .card-head .left .title, .illustration-widget.illustration-widget-v3 .card-head .left .title, .creative-list-widget .card-head .left .title, .social-buttons-widget .card-head .left .title, .call-widget .card-head .left .title, .avatar-list-widget .card-head .left .title, .contact-widget .card-head .left .title, .followers-widget .card-head .left .title, .cart-widget .card-head .left .title, .stat-widget .card-head .left .title, .wizard-v1-wrapper .step-content .wizard-types .wizard-card .card-head .left .title, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .card-head .left .title, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .card-head .left .title, .h-card .card-head .left .title { font-size: 1.2rem; font-weight: 500; } /* line 143, src/assets/scss/elements/_cards.scss */ .r-card .card-head .right, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-head .right, .finance-dashboard.stock-dashboard .stock-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .card-head .right, .list-view.list-view-v1 .list-view-item .card-head .right, .list-view.list-view-v3 .list-view-item .card-head .right, .list-view.list-view-v4 .list-view-item .card-head .right, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .right, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .right, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .right, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-head .right, .s-card .card-head .right, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-head .right, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-head .right, .collapse .card-head .right, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-head .right, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .card-head .right, .personal-dashboard.personal-dashboard-v2 .dashboard-header .card-head .right, .personal-dashboard.personal-dashboard-v2 .dashboard-card .card-head .right, .finance-dashboard.analytics-dashboard .dashboard-tile .card-head .right, .finance-dashboard.analytics-dashboard .dashboard-card .card-head .right, .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .card-head .right, .finance-dashboard.sales-dashboard .dashboard-card .card-head .right, .banking-dashboard.banking-dashboard-v1 .dashboard-card .card-head .right, .banking-dashboard.banking-dashboard-v2 .dashboard-card .card-head .right, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .card-head .right, .banking-dashboard.banking-dashboard-v3 .dashboard-card .card-head .right, .business-dashboard.flights-dashboard .booking-bar-wrapper .card-head .right, .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .card-head .right, .business-dashboard.flights-dashboard .flights .flight-card .card-head .right, .business-dashboard.flights-dashboard .company-card .card-head .right, .business-dashboard.flights-dashboard .filters-card .card-head .right, .business-dashboard.company-dashboard .dashboard-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head .right, .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .card-head .right, .list-view.list-view-v2 .list-view-item .card-head .right, .user-grid.user-grid-v1 .grid-item .card-head .right, .user-grid.user-grid-v2 .grid-item .card-head .right, .user-grid.user-grid-v3 .grid-item .card-head .right, .user-grid.user-grid-v4 .grid-item .card-head .right, .card-grid.card-grid-v3 .card-grid-item .card-head .right, .card-grid.card-grid-v4 .card-grid-item .card-head .right, .tile-grid.tile-grid-v1 .tile-grid-item .card-head .right, .tile-grid.tile-grid-v2 .tile-grid-item .card-head .right, .tile-grid.tile-grid-v3 .tile-grid-item .card-head .right, .demo-card .card-head .right, .color-card .card-head .right, .all-projects .project-grid .project-grid-item .card-head .right, .project-details .project-details-inner .project-details-card .card-head .right, .project-details .project-details-inner .side-card .card-head .right, .project-details .project-details-inner .project-team-card .card-head .right, .project-details .project-details-inner .task-grid .task-card .card-head .right, .profile-wrapper .profile-body .profile-card .card-head .right, .account-wrapper .account-box .card-head .right, .search-results-wrapper .search-results-body .filter-box .card-head .right, .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .card-head .right, .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .card-head .right, .saas-billing-wrapper .billing-options-wrapper .left .option-block .card-head .right, .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .card-head .right, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .card-head .right, .action-page-wrapper.action-page-v2 .wrapper-outer .card-head .right, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-head .right, .form-layout .form-outer .card-head .right, .confirm-account-wrapper .wrapper-inner .action-box .card-head .right, .promotion-page-wrapper .wrapper-inner .action-box .card-head .right, .promotion-page-wrapper .wrapper-outer .card-head .right, .invoice-wrapper .invoice-body .invoice-card .card-head .right, .gauge-widget.is-straight .card-head .right, .icon-toolbar-widget.is-straight .card-head .right, .text-widget.is-straight .card-head .right, .tags-widget.is-straight .card-head .right, .image-widget.is-straight .card-head .right, .list-widget.is-straight .card-head .right, .picker-widget.is-straight .card-head .right, .stats-widget.is-straight .card-head .right, .search-widget.is-straight .card-head .right, .icon-list-widget.is-straight .card-head .right, .video-widget.is-straight .card-head .right, .inbox-widget.is-straight .card-head .right, .illustration-widget.illustration-widget-v1.is-straight .card-head .right, .illustration-widget.illustration-widget-v2.is-straight .card-head .right, .illustration-widget.illustration-widget-v3.is-straight .card-head .right, .creative-list-widget.is-straight .card-head .right, .social-buttons-widget.is-straight .card-head .right, .call-widget.is-straight .card-head .right, .avatar-list-widget.is-straight .card-head .right, .contact-widget.is-straight .card-head .right, .followers-widget.is-straight .card-head .right, .cart-widget.is-straight .card-head .right, .stat-widget.is-straight .card-head .right, .l-card .card-head .right, .boxed-features .flex-card .card-head .right, .personal-dashboard.personal-dashboard-v3 .dashboard-card .card-head .right, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .card-head .right, .business-dashboard.course-dashboard .course-grid .course-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .card-head .right, .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .card-head .right, .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .card-head .right, .gauge-widget .card-head .right, .icon-toolbar-widget .card-head .right, .text-widget .card-head .right, .tags-widget .card-head .right, .calendar-widget .calendar-widget-inner .calendar-square .card-head .right, .image-widget .card-head .right, .list-widget .card-head .right, .picker-widget .card-head .right, .stats-widget .card-head .right, .search-widget .card-head .right, .icon-list-widget .card-head .right, .video-widget .card-head .right, .inbox-widget .card-head .right, .illustration-widget.illustration-widget-v1 .card-head .right, .illustration-widget.illustration-widget-v2 .card-head .right, .illustration-widget.illustration-widget-v3 .card-head .right, .creative-list-widget .card-head .right, .social-buttons-widget .card-head .right, .call-widget .card-head .right, .avatar-list-widget .card-head .right, .contact-widget .card-head .right, .followers-widget .card-head .right, .cart-widget .card-head .right, .stat-widget .card-head .right, .wizard-v1-wrapper .step-content .wizard-types .wizard-card .card-head .right, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .card-head .right, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .card-head .right, .h-card .card-head .right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 148, src/assets/scss/elements/_cards.scss */ .r-card .card-inner, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .card-inner, .finance-dashboard.stock-dashboard .stock-card .card-inner, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .card-inner, .list-view.list-view-v1 .list-view-item .card-inner, .list-view.list-view-v3 .list-view-item .card-inner, .list-view.list-view-v4 .list-view-item .card-inner, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-inner, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-inner, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-inner, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .card-inner, .s-card .card-inner, .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .card-inner, .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .card-inner, .collapse .card-inner, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .card-inner, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .card-inner, .personal-dashboard.personal-dashboard-v2 .dashboard-header .card-inner, .personal-dashboard.personal-dashboard-v2 .dashboard-card .card-inner, .finance-dashboard.analytics-dashboard .dashboard-tile .card-inner, .finance-dashboard.analytics-dashboard .dashboard-card .card-inner, .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .card-inner, .finance-dashboard.sales-dashboard .dashboard-card .card-inner, .banking-dashboard.banking-dashboard-v1 .dashboard-card .card-inner, .banking-dashboard.banking-dashboard-v2 .dashboard-card .card-inner, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .card-inner, .banking-dashboard.banking-dashboard-v3 .dashboard-card .card-inner, .business-dashboard.flights-dashboard .booking-bar-wrapper .card-inner, .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .card-inner, .business-dashboard.flights-dashboard .flights .flight-card .card-inner, .business-dashboard.flights-dashboard .company-card .card-inner, .business-dashboard.flights-dashboard .filters-card .card-inner, .business-dashboard.company-dashboard .dashboard-card .card-inner, .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-inner, .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .card-inner, .list-view.list-view-v2 .list-view-item .card-inner, .user-grid.user-grid-v1 .grid-item .card-inner, .user-grid.user-grid-v2 .grid-item .card-inner, .user-grid.user-grid-v3 .grid-item .card-inner, .user-grid.user-grid-v4 .grid-item .card-inner, .card-grid.card-grid-v3 .card-grid-item .card-inner, .card-grid.card-grid-v4 .card-grid-item .card-inner, .tile-grid.tile-grid-v1 .tile-grid-item .card-inner, .tile-grid.tile-grid-v2 .tile-grid-item .card-inner, .tile-grid.tile-grid-v3 .tile-grid-item .card-inner, .demo-card .card-inner, .color-card .card-inner, .all-projects .project-grid .project-grid-item .card-inner, .project-details .project-details-inner .project-details-card .card-inner, .project-details .project-details-inner .side-card .card-inner, .project-details .project-details-inner .project-team-card .card-inner, .project-details .project-details-inner .task-grid .task-card .card-inner, .profile-wrapper .profile-body .profile-card .card-inner, .account-wrapper .account-box .card-inner, .search-results-wrapper .search-results-body .filter-box .card-inner, .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .card-inner, .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .card-inner, .saas-billing-wrapper .billing-options-wrapper .left .option-block .card-inner, .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .card-inner, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .card-inner, .action-page-wrapper.action-page-v2 .wrapper-outer .card-inner, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .card-inner, .form-layout .form-outer .card-inner, .confirm-account-wrapper .wrapper-inner .action-box .card-inner, .promotion-page-wrapper .wrapper-inner .action-box .card-inner, .promotion-page-wrapper .wrapper-outer .card-inner, .invoice-wrapper .invoice-body .invoice-card .card-inner, .gauge-widget.is-straight .card-inner, .icon-toolbar-widget.is-straight .card-inner, .text-widget.is-straight .card-inner, .tags-widget.is-straight .card-inner, .image-widget.is-straight .card-inner, .list-widget.is-straight .card-inner, .picker-widget.is-straight .card-inner, .stats-widget.is-straight .card-inner, .search-widget.is-straight .card-inner, .icon-list-widget.is-straight .card-inner, .video-widget.is-straight .card-inner, .inbox-widget.is-straight .card-inner, .illustration-widget.illustration-widget-v1.is-straight .card-inner, .illustration-widget.illustration-widget-v2.is-straight .card-inner, .illustration-widget.illustration-widget-v3.is-straight .card-inner, .creative-list-widget.is-straight .card-inner, .social-buttons-widget.is-straight .card-inner, .call-widget.is-straight .card-inner, .avatar-list-widget.is-straight .card-inner, .contact-widget.is-straight .card-inner, .followers-widget.is-straight .card-inner, .cart-widget.is-straight .card-inner, .stat-widget.is-straight .card-inner, .l-card .card-inner, .boxed-features .flex-card .card-inner, .personal-dashboard.personal-dashboard-v3 .dashboard-card .card-inner, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .card-inner, .business-dashboard.course-dashboard .course-grid .course-card .card-inner, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .card-inner, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .card-inner, .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .card-inner, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .card-inner, .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .card-inner, .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .card-inner, .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .card-inner, .gauge-widget .card-inner, .icon-toolbar-widget .card-inner, .text-widget .card-inner, .tags-widget .card-inner, .calendar-widget .calendar-widget-inner .calendar-square .card-inner, .image-widget .card-inner, .list-widget .card-inner, .picker-widget .card-inner, .stats-widget .card-inner, .search-widget .card-inner, .icon-list-widget .card-inner, .video-widget .card-inner, .inbox-widget .card-inner, .illustration-widget.illustration-widget-v1 .card-inner, .illustration-widget.illustration-widget-v2 .card-inner, .illustration-widget.illustration-widget-v3 .card-inner, .creative-list-widget .card-inner, .social-buttons-widget .card-inner, .call-widget .card-inner, .avatar-list-widget .card-inner, .contact-widget .card-inner, .followers-widget .card-inner, .cart-widget .card-inner, .stat-widget .card-inner, .wizard-v1-wrapper .step-content .wizard-types .wizard-card .card-inner, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .card-inner, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .card-inner, .h-card .card-inner { padding-top: 1.75rem; } /* line 162, src/assets/scss/elements/_cards.scss */ .h-card.is-success .action-link, .h-card.is-info .action-link, .h-card.is-warning .action-link, .h-card.is-danger .action-link, .h-card.is-primary .action-link, .h-card.is-secondary .action-link { color: #283252; } /* line 166, src/assets/scss/elements/_cards.scss */ .h-card.is-success .action-link:after, .h-card.is-info .action-link:after, .h-card.is-warning .action-link:after, .h-card.is-danger .action-link:after, .h-card.is-primary .action-link:after, .h-card.is-secondary .action-link:after { border-bottom-color: #283252; } /* ========================================================================== 2. Simple Cards Dark mode ========================================================================== */ /* line 178, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card, body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center body.is-dark .column-placeholder, body.is-dark .finance-dashboard.stock-dashboard .stock-card, .finance-dashboard.stock-dashboard body.is-dark .stock-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content body.is-dark .media-feed-item, body.is-dark .list-view.list-view-v1 .list-view-item, .list-view.list-view-v1 body.is-dark .list-view-item, body.is-dark .list-view.list-view-v3 .list-view-item, .list-view.list-view-v3 body.is-dark .list-view-item, body.is-dark .list-view.list-view-v4 .list-view-item, .list-view.list-view-v4 body.is-dark .list-view-item, body.is-dark .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card, body.is-dark .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card, body.is-dark .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card, body.is-dark .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card, body.is-dark .s-card, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card, body.is-dark .collapse, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap, body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card, .personal-dashboard.personal-dashboard-v1 .dashboard-body body.is-dark .dashboard-card, body.is-dark .personal-dashboard.personal-dashboard-v2 .dashboard-header, .personal-dashboard.personal-dashboard-v2 body.is-dark .dashboard-header, body.is-dark .personal-dashboard.personal-dashboard-v2 .dashboard-card, .personal-dashboard.personal-dashboard-v2 body.is-dark .dashboard-card, body.is-dark .finance-dashboard.analytics-dashboard .dashboard-tile, .finance-dashboard.analytics-dashboard body.is-dark .dashboard-tile, body.is-dark .finance-dashboard.analytics-dashboard .dashboard-card, .finance-dashboard.analytics-dashboard body.is-dark .dashboard-card, body.is-dark .finance-dashboard.sales-dashboard .spark-tiles .spark-tile, .finance-dashboard.sales-dashboard .spark-tiles body.is-dark .spark-tile, body.is-dark .finance-dashboard.sales-dashboard .dashboard-card, .finance-dashboard.sales-dashboard body.is-dark .dashboard-card, body.is-dark .banking-dashboard.banking-dashboard-v1 .dashboard-card, .banking-dashboard.banking-dashboard-v1 body.is-dark .dashboard-card, body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card, .banking-dashboard.banking-dashboard-v2 body.is-dark .dashboard-card, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles body.is-dark .dashboard-tile, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-card, .banking-dashboard.banking-dashboard-v3 body.is-dark .dashboard-card, body.is-dark .business-dashboard.flights-dashboard .booking-bar-wrapper, .business-dashboard.flights-dashboard body.is-dark .booking-bar-wrapper, body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary, .business-dashboard.flights-dashboard .flights-summary-wrapper body.is-dark .flight-summary, body.is-dark .business-dashboard.flights-dashboard .flights .flight-card, .business-dashboard.flights-dashboard .flights body.is-dark .flight-card, body.is-dark .business-dashboard.flights-dashboard .company-card, .business-dashboard.flights-dashboard body.is-dark .company-card, body.is-dark .business-dashboard.flights-dashboard .filters-card, .business-dashboard.flights-dashboard body.is-dark .filters-card, body.is-dark .business-dashboard.company-dashboard .dashboard-card, .business-dashboard.company-dashboard body.is-dark .dashboard-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card, .lifestyle-dashboard.lifestyle-dashboard-v1 body.is-dark .overview-card, body.is-dark .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile, .ecommerce-dashboard.ecommerce-dashboard-v1 body.is-dark .dashboard-tile, body.is-dark .list-view.list-view-v2 .list-view-item, .list-view.list-view-v2 body.is-dark .list-view-item, body.is-dark .user-grid.user-grid-v1 .grid-item, .user-grid.user-grid-v1 body.is-dark .grid-item, body.is-dark .user-grid.user-grid-v2 .grid-item, .user-grid.user-grid-v2 body.is-dark .grid-item, body.is-dark .user-grid.user-grid-v3 .grid-item, .user-grid.user-grid-v3 body.is-dark .grid-item, body.is-dark .user-grid.user-grid-v4 .grid-item, .user-grid.user-grid-v4 body.is-dark .grid-item, body.is-dark .card-grid.card-grid-v3 .card-grid-item, .card-grid.card-grid-v3 body.is-dark .card-grid-item, body.is-dark .card-grid.card-grid-v4 .card-grid-item, .card-grid.card-grid-v4 body.is-dark .card-grid-item, body.is-dark .tile-grid.tile-grid-v1 .tile-grid-item, .tile-grid.tile-grid-v1 body.is-dark .tile-grid-item, body.is-dark .tile-grid.tile-grid-v2 .tile-grid-item, .tile-grid.tile-grid-v2 body.is-dark .tile-grid-item, body.is-dark .tile-grid.tile-grid-v3 .tile-grid-item, .tile-grid.tile-grid-v3 body.is-dark .tile-grid-item, body.is-dark .demo-card, body.is-dark .color-card, body.is-dark .all-projects .project-grid .project-grid-item, .all-projects .project-grid body.is-dark .project-grid-item, body.is-dark .project-details .project-details-inner .project-details-card, .project-details .project-details-inner body.is-dark .project-details-card, body.is-dark .project-details .project-details-inner .side-card, .project-details .project-details-inner body.is-dark .side-card, body.is-dark .project-details .project-details-inner .project-team-card, .project-details .project-details-inner body.is-dark .project-team-card, body.is-dark .project-details .project-details-inner .task-grid .task-card, .project-details .project-details-inner .task-grid body.is-dark .task-card, body.is-dark .profile-wrapper .profile-body .profile-card, .profile-wrapper .profile-body body.is-dark .profile-card, body.is-dark .account-wrapper .account-box, .account-wrapper body.is-dark .account-box, body.is-dark .search-results-wrapper .search-results-body .filter-box, .search-results-wrapper .search-results-body body.is-dark .filter-box, body.is-dark .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item, .search-results-wrapper .search-results-body .search-results-group .search-results-list body.is-dark .search-results-item, body.is-dark .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner, .saas-billing-wrapper .plans-wrapper .left .plans .plan body.is-dark .plan-inner, body.is-dark .saas-billing-wrapper .billing-options-wrapper .left .option-block, .saas-billing-wrapper .billing-options-wrapper .left body.is-dark .option-block, body.is-dark .action-page-wrapper.action-page-v1 .wrapper-inner .action-box, .action-page-wrapper.action-page-v1 .wrapper-inner body.is-dark .action-box, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-inner .action-box, .action-page-wrapper.action-page-v2 .wrapper-inner body.is-dark .action-box, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-outer, .action-page-wrapper.action-page-v2 body.is-dark .wrapper-outer, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner, body.is-dark .form-layout .form-outer, .form-layout body.is-dark .form-outer, body.is-dark .confirm-account-wrapper .wrapper-inner .action-box, .confirm-account-wrapper .wrapper-inner body.is-dark .action-box, body.is-dark .promotion-page-wrapper .wrapper-inner .action-box, .promotion-page-wrapper .wrapper-inner body.is-dark .action-box, body.is-dark .promotion-page-wrapper .wrapper-outer, .promotion-page-wrapper body.is-dark .wrapper-outer, body.is-dark .invoice-wrapper .invoice-body .invoice-card, .invoice-wrapper .invoice-body body.is-dark .invoice-card, body.is-dark .gauge-widget.is-straight, body.is-dark .icon-toolbar-widget.is-straight, body.is-dark .text-widget.is-straight, body.is-dark .tags-widget.is-straight, body.is-dark .image-widget.is-straight, body.is-dark .list-widget.is-straight, body.is-dark .picker-widget.is-straight, body.is-dark .stats-widget.is-straight, body.is-dark .search-widget.is-straight, body.is-dark .icon-list-widget.is-straight, body.is-dark .video-widget.is-straight, body.is-dark .inbox-widget.is-straight, body.is-dark .illustration-widget.illustration-widget-v1.is-straight, body.is-dark .illustration-widget.illustration-widget-v2.is-straight, body.is-dark .illustration-widget.illustration-widget-v3.is-straight, body.is-dark .creative-list-widget.is-straight, body.is-dark .social-buttons-widget.is-straight, body.is-dark .call-widget.is-straight, body.is-dark .avatar-list-widget.is-straight, body.is-dark .contact-widget.is-straight, body.is-dark .followers-widget.is-straight, body.is-dark .cart-widget.is-straight, body.is-dark .stat-widget.is-straight, body.is-dark .l-card, body.is-dark .boxed-features .flex-card, .boxed-features body.is-dark .flex-card, body.is-dark .personal-dashboard.personal-dashboard-v3 .dashboard-card, .personal-dashboard.personal-dashboard-v3 body.is-dark .dashboard-card, body.is-dark .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 body.is-dark .grid-item, body.is-dark .business-dashboard.course-dashboard .course-grid .course-card, .business-dashboard.course-dashboard .course-grid body.is-dark .course-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 body.is-dark .long-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list body.is-dark .media-flex-center, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v3 body.is-dark .dashboard-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats body.is-dark .writing-stat, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .featured-authors, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .updates, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .updates, body.is-dark .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item, .food-delivery-dashboard .left .left-body .restaurants-list body.is-dark .restaurants-list-item, body.is-dark .gauge-widget, body.is-dark .icon-toolbar-widget, body.is-dark .text-widget, body.is-dark .tags-widget, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square, body.is-dark .image-widget, body.is-dark .list-widget, body.is-dark .picker-widget, body.is-dark .stats-widget, body.is-dark .search-widget, body.is-dark .icon-list-widget, body.is-dark .video-widget, body.is-dark .inbox-widget, body.is-dark .illustration-widget.illustration-widget-v1, body.is-dark .illustration-widget.illustration-widget-v2, body.is-dark .illustration-widget.illustration-widget-v3, body.is-dark .creative-list-widget, body.is-dark .social-buttons-widget, body.is-dark .call-widget, body.is-dark .avatar-list-widget, body.is-dark .contact-widget, body.is-dark .followers-widget, body.is-dark .cart-widget, body.is-dark .stat-widget, body.is-dark .wizard-v1-wrapper .step-content .wizard-types .wizard-card, .wizard-v1-wrapper .step-content .wizard-types body.is-dark .wizard-card, body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left body.is-dark .uploader-actions, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body body.is-dark .edit-box { background: #323236; border-color: #404046; } /* line 182, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card.is-primary, body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .is-primary.column-placeholder, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center body.is-dark .is-primary.column-placeholder, body.is-dark .finance-dashboard.stock-dashboard .is-primary.stock-card, .finance-dashboard.stock-dashboard body.is-dark .is-primary.stock-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .is-primary.media-feed-item, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content body.is-dark .is-primary.media-feed-item, body.is-dark .list-view.list-view-v1 .is-primary.list-view-item, .list-view.list-view-v1 body.is-dark .is-primary.list-view-item, body.is-dark .list-view.list-view-v3 .is-primary.list-view-item, .list-view.list-view-v3 body.is-dark .is-primary.list-view-item, body.is-dark .list-view.list-view-v4 .is-primary.list-view-item, .list-view.list-view-v4 body.is-dark .is-primary.list-view-item, body.is-dark .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner body.is-dark .is-primary.onboarding-card, body.is-dark .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner body.is-dark .is-primary.onboarding-card, body.is-dark .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner body.is-dark .is-primary.onboarding-card, body.is-dark .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .is-primary.onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner body.is-dark .is-primary.onboarding-card, body.is-dark .s-card.is-primary, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.team-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-primary.team-card, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .is-primary.project-card, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .is-primary.project-card, body.is-dark .is-primary.collapse, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .is-primary.content-wrap, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .is-primary.content-wrap, body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-body .is-primary.dashboard-card, .personal-dashboard.personal-dashboard-v1 .dashboard-body body.is-dark .is-primary.dashboard-card, body.is-dark .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-header, .personal-dashboard.personal-dashboard-v2 body.is-dark .is-primary.dashboard-header, body.is-dark .personal-dashboard.personal-dashboard-v2 .is-primary.dashboard-card, .personal-dashboard.personal-dashboard-v2 body.is-dark .is-primary.dashboard-card, body.is-dark .finance-dashboard.analytics-dashboard .is-primary.dashboard-tile, .finance-dashboard.analytics-dashboard body.is-dark .is-primary.dashboard-tile, body.is-dark .finance-dashboard.analytics-dashboard .is-primary.dashboard-card, .finance-dashboard.analytics-dashboard body.is-dark .is-primary.dashboard-card, body.is-dark .finance-dashboard.sales-dashboard .spark-tiles .is-primary.spark-tile, .finance-dashboard.sales-dashboard .spark-tiles body.is-dark .is-primary.spark-tile, body.is-dark .finance-dashboard.sales-dashboard .is-primary.dashboard-card, .finance-dashboard.sales-dashboard body.is-dark .is-primary.dashboard-card, body.is-dark .banking-dashboard.banking-dashboard-v1 .is-primary.dashboard-card, .banking-dashboard.banking-dashboard-v1 body.is-dark .is-primary.dashboard-card, body.is-dark .banking-dashboard.banking-dashboard-v2 .is-primary.dashboard-card, .banking-dashboard.banking-dashboard-v2 body.is-dark .is-primary.dashboard-card, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .is-primary.dashboard-tile, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles body.is-dark .is-primary.dashboard-tile, body.is-dark .banking-dashboard.banking-dashboard-v3 .is-primary.dashboard-card, .banking-dashboard.banking-dashboard-v3 body.is-dark .is-primary.dashboard-card, body.is-dark .business-dashboard.flights-dashboard .is-primary.booking-bar-wrapper, .business-dashboard.flights-dashboard body.is-dark .is-primary.booking-bar-wrapper, body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .is-primary.flight-summary, .business-dashboard.flights-dashboard .flights-summary-wrapper body.is-dark .is-primary.flight-summary, body.is-dark .business-dashboard.flights-dashboard .flights .is-primary.flight-card, .business-dashboard.flights-dashboard .flights body.is-dark .is-primary.flight-card, body.is-dark .business-dashboard.flights-dashboard .is-primary.company-card, .business-dashboard.flights-dashboard body.is-dark .is-primary.company-card, body.is-dark .business-dashboard.flights-dashboard .is-primary.filters-card, .business-dashboard.flights-dashboard body.is-dark .is-primary.filters-card, body.is-dark .business-dashboard.company-dashboard .is-primary.dashboard-card, .business-dashboard.company-dashboard body.is-dark .is-primary.dashboard-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .is-primary.overview-card, .lifestyle-dashboard.lifestyle-dashboard-v1 body.is-dark .is-primary.overview-card, body.is-dark .ecommerce-dashboard.ecommerce-dashboard-v1 .is-primary.dashboard-tile, .ecommerce-dashboard.ecommerce-dashboard-v1 body.is-dark .is-primary.dashboard-tile, body.is-dark .list-view.list-view-v2 .is-primary.list-view-item, .list-view.list-view-v2 body.is-dark .is-primary.list-view-item, body.is-dark .user-grid.user-grid-v1 .is-primary.grid-item, .user-grid.user-grid-v1 body.is-dark .is-primary.grid-item, body.is-dark .user-grid.user-grid-v2 .is-primary.grid-item, .user-grid.user-grid-v2 body.is-dark .is-primary.grid-item, body.is-dark .user-grid.user-grid-v3 .is-primary.grid-item, .user-grid.user-grid-v3 body.is-dark .is-primary.grid-item, body.is-dark .user-grid.user-grid-v4 .is-primary.grid-item, .user-grid.user-grid-v4 body.is-dark .is-primary.grid-item, body.is-dark .card-grid.card-grid-v3 .is-primary.card-grid-item, .card-grid.card-grid-v3 body.is-dark .is-primary.card-grid-item, body.is-dark .card-grid.card-grid-v4 .is-primary.card-grid-item, .card-grid.card-grid-v4 body.is-dark .is-primary.card-grid-item, body.is-dark .tile-grid.tile-grid-v1 .is-primary.tile-grid-item, .tile-grid.tile-grid-v1 body.is-dark .is-primary.tile-grid-item, body.is-dark .tile-grid.tile-grid-v2 .is-primary.tile-grid-item, .tile-grid.tile-grid-v2 body.is-dark .is-primary.tile-grid-item, body.is-dark .tile-grid.tile-grid-v3 .is-primary.tile-grid-item, .tile-grid.tile-grid-v3 body.is-dark .is-primary.tile-grid-item, body.is-dark .is-primary.demo-card, body.is-dark .is-primary.color-card, body.is-dark .all-projects .project-grid .is-primary.project-grid-item, .all-projects .project-grid body.is-dark .is-primary.project-grid-item, body.is-dark .project-details .project-details-inner .is-primary.project-details-card, .project-details .project-details-inner body.is-dark .is-primary.project-details-card, body.is-dark .project-details .project-details-inner .is-primary.side-card, .project-details .project-details-inner body.is-dark .is-primary.side-card, body.is-dark .project-details .project-details-inner .is-primary.project-team-card, .project-details .project-details-inner body.is-dark .is-primary.project-team-card, body.is-dark .project-details .project-details-inner .task-grid .is-primary.task-card, .project-details .project-details-inner .task-grid body.is-dark .is-primary.task-card, body.is-dark .profile-wrapper .profile-body .is-primary.profile-card, .profile-wrapper .profile-body body.is-dark .is-primary.profile-card, body.is-dark .account-wrapper .is-primary.account-box, .account-wrapper body.is-dark .is-primary.account-box, body.is-dark .search-results-wrapper .search-results-body .is-primary.filter-box, .search-results-wrapper .search-results-body body.is-dark .is-primary.filter-box, body.is-dark .search-results-wrapper .search-results-body .search-results-group .search-results-list .is-primary.search-results-item, .search-results-wrapper .search-results-body .search-results-group .search-results-list body.is-dark .is-primary.search-results-item, body.is-dark .saas-billing-wrapper .plans-wrapper .left .plans .plan .is-primary.plan-inner, .saas-billing-wrapper .plans-wrapper .left .plans .plan body.is-dark .is-primary.plan-inner, body.is-dark .saas-billing-wrapper .billing-options-wrapper .left .is-primary.option-block, .saas-billing-wrapper .billing-options-wrapper .left body.is-dark .is-primary.option-block, body.is-dark .action-page-wrapper.action-page-v1 .wrapper-inner .is-primary.action-box, .action-page-wrapper.action-page-v1 .wrapper-inner body.is-dark .is-primary.action-box, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-inner .is-primary.action-box, .action-page-wrapper.action-page-v2 .wrapper-inner body.is-dark .is-primary.action-box, body.is-dark .action-page-wrapper.action-page-v2 .is-primary.wrapper-outer, .action-page-wrapper.action-page-v2 body.is-dark .is-primary.wrapper-outer, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .is-primary.form-section-inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .is-primary.form-section-inner, body.is-dark .form-layout .is-primary.form-outer, .form-layout body.is-dark .is-primary.form-outer, body.is-dark .confirm-account-wrapper .wrapper-inner .is-primary.action-box, .confirm-account-wrapper .wrapper-inner body.is-dark .is-primary.action-box, body.is-dark .promotion-page-wrapper .wrapper-inner .is-primary.action-box, .promotion-page-wrapper .wrapper-inner body.is-dark .is-primary.action-box, body.is-dark .promotion-page-wrapper .is-primary.wrapper-outer, .promotion-page-wrapper body.is-dark .is-primary.wrapper-outer, body.is-dark .invoice-wrapper .invoice-body .is-primary.invoice-card, .invoice-wrapper .invoice-body body.is-dark .is-primary.invoice-card, body.is-dark .is-primary.gauge-widget.is-straight, body.is-dark .is-primary.icon-toolbar-widget.is-straight, body.is-dark .is-primary.text-widget.is-straight, body.is-dark .is-primary.tags-widget.is-straight, body.is-dark .is-primary.image-widget.is-straight, body.is-dark .is-primary.list-widget.is-straight, body.is-dark .is-primary.picker-widget.is-straight, body.is-dark .is-primary.stats-widget.is-straight, body.is-dark .is-primary.search-widget.is-straight, body.is-dark .is-primary.icon-list-widget.is-straight, body.is-dark .is-primary.video-widget.is-straight, body.is-dark .is-primary.inbox-widget.is-straight, body.is-dark .is-primary.illustration-widget.illustration-widget-v1.is-straight, body.is-dark .is-primary.illustration-widget.illustration-widget-v2.is-straight, body.is-dark .is-primary.illustration-widget.illustration-widget-v3.is-straight, body.is-dark .is-primary.creative-list-widget.is-straight, body.is-dark .is-primary.social-buttons-widget.is-straight, body.is-dark .is-primary.call-widget.is-straight, body.is-dark .is-primary.avatar-list-widget.is-straight, body.is-dark .is-primary.contact-widget.is-straight, body.is-dark .is-primary.followers-widget.is-straight, body.is-dark .is-primary.cart-widget.is-straight, body.is-dark .is-primary.stat-widget.is-straight, body.is-dark .l-card.is-primary, body.is-dark .boxed-features .is-primary.flex-card, .boxed-features body.is-dark .is-primary.flex-card, body.is-dark .personal-dashboard.personal-dashboard-v3 .is-primary.dashboard-card, .personal-dashboard.personal-dashboard-v3 body.is-dark .is-primary.dashboard-card, body.is-dark .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .is-primary.grid-item, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 body.is-dark .is-primary.grid-item, body.is-dark .business-dashboard.course-dashboard .course-grid .is-primary.course-card, .business-dashboard.course-dashboard .course-grid body.is-dark .is-primary.course-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .is-primary.long-card, .lifestyle-dashboard.lifestyle-dashboard-v2 body.is-dark .is-primary.long-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .is-primary.media-flex-center, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list body.is-dark .is-primary.media-flex-center, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v3 .is-primary.dashboard-card, .lifestyle-dashboard.lifestyle-dashboard-v3 body.is-dark .is-primary.dashboard-card, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .is-primary.writing-stat, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats body.is-dark .is-primary.writing-stat, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.featured-authors, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .is-primary.featured-authors, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .is-primary.updates, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .is-primary.updates, body.is-dark .food-delivery-dashboard .left .left-body .restaurants-list .is-primary.restaurants-list-item, .food-delivery-dashboard .left .left-body .restaurants-list body.is-dark .is-primary.restaurants-list-item, body.is-dark .is-primary.gauge-widget, body.is-dark .is-primary.icon-toolbar-widget, body.is-dark .is-primary.text-widget, body.is-dark .is-primary.tags-widget, body.is-dark .calendar-widget .calendar-widget-inner .is-primary.calendar-square, .calendar-widget .calendar-widget-inner body.is-dark .is-primary.calendar-square, body.is-dark .is-primary.image-widget, body.is-dark .is-primary.list-widget, body.is-dark .is-primary.picker-widget, body.is-dark .is-primary.stats-widget, body.is-dark .is-primary.search-widget, body.is-dark .is-primary.icon-list-widget, body.is-dark .is-primary.video-widget, body.is-dark .is-primary.inbox-widget, body.is-dark .is-primary.illustration-widget.illustration-widget-v1, body.is-dark .is-primary.illustration-widget.illustration-widget-v2, body.is-dark .is-primary.illustration-widget.illustration-widget-v3, body.is-dark .is-primary.creative-list-widget, body.is-dark .is-primary.social-buttons-widget, body.is-dark .is-primary.call-widget, body.is-dark .is-primary.avatar-list-widget, body.is-dark .is-primary.contact-widget, body.is-dark .is-primary.followers-widget, body.is-dark .is-primary.cart-widget, body.is-dark .is-primary.stat-widget, body.is-dark .wizard-v1-wrapper .step-content .wizard-types .is-primary.wizard-card, .wizard-v1-wrapper .step-content .wizard-types body.is-dark .is-primary.wizard-card, body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .is-primary.uploader-actions, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left body.is-dark .is-primary.uploader-actions, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .is-primary.edit-box, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body body.is-dark .is-primary.edit-box { background: #ED1C24; border-color: #ED1C24; } /* line 188, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card .h-avatar img, body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .h-avatar img, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center body.is-dark .column-placeholder .h-avatar img, body.is-dark .finance-dashboard.stock-dashboard .stock-card .h-avatar img, .finance-dashboard.stock-dashboard body.is-dark .stock-card .h-avatar img, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .h-avatar img, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content body.is-dark .media-feed-item .h-avatar img, body.is-dark .list-view.list-view-v1 .list-view-item .h-avatar img, .list-view.list-view-v1 body.is-dark .list-view-item .h-avatar img, body.is-dark .list-view.list-view-v3 .list-view-item .h-avatar img, .list-view.list-view-v3 body.is-dark .list-view-item .h-avatar img, body.is-dark .list-view.list-view-v4 .list-view-item .h-avatar img, .list-view.list-view-v4 body.is-dark .list-view-item .h-avatar img, body.is-dark .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .h-avatar img, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .h-avatar img, body.is-dark .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .h-avatar img, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .h-avatar img, body.is-dark .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .h-avatar img, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .h-avatar img, body.is-dark .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .h-avatar img, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .h-avatar img, body.is-dark .s-card .h-avatar img, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .h-avatar img, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card .h-avatar img, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .h-avatar img, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card .h-avatar img, body.is-dark .collapse .h-avatar img, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .h-avatar img, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap .h-avatar img, body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .h-avatar img, .personal-dashboard.personal-dashboard-v1 .dashboard-body body.is-dark .dashboard-card .h-avatar img, body.is-dark .personal-dashboard.personal-dashboard-v2 .dashboard-header .h-avatar img, .personal-dashboard.personal-dashboard-v2 body.is-dark .dashboard-header .h-avatar img, body.is-dark .personal-dashboard.personal-dashboard-v2 .dashboard-card .h-avatar img, .personal-dashboard.personal-dashboard-v2 body.is-dark .dashboard-card .h-avatar img, body.is-dark .finance-dashboard.analytics-dashboard .dashboard-tile .h-avatar img, .finance-dashboard.analytics-dashboard body.is-dark .dashboard-tile .h-avatar img, body.is-dark .finance-dashboard.analytics-dashboard .dashboard-card .h-avatar img, .finance-dashboard.analytics-dashboard body.is-dark .dashboard-card .h-avatar img, body.is-dark .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .h-avatar img, .finance-dashboard.sales-dashboard .spark-tiles body.is-dark .spark-tile .h-avatar img, body.is-dark .finance-dashboard.sales-dashboard .dashboard-card .h-avatar img, .finance-dashboard.sales-dashboard body.is-dark .dashboard-card .h-avatar img, body.is-dark .banking-dashboard.banking-dashboard-v1 .dashboard-card .h-avatar img, .banking-dashboard.banking-dashboard-v1 body.is-dark .dashboard-card .h-avatar img, body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card .h-avatar img, .banking-dashboard.banking-dashboard-v2 body.is-dark .dashboard-card .h-avatar img, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .h-avatar img, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles body.is-dark .dashboard-tile .h-avatar img, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-card .h-avatar img, .banking-dashboard.banking-dashboard-v3 body.is-dark .dashboard-card .h-avatar img, body.is-dark .business-dashboard.flights-dashboard .booking-bar-wrapper .h-avatar img, .business-dashboard.flights-dashboard body.is-dark .booking-bar-wrapper .h-avatar img, body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .h-avatar img, .business-dashboard.flights-dashboard .flights-summary-wrapper body.is-dark .flight-summary .h-avatar img, body.is-dark .business-dashboard.flights-dashboard .flights .flight-card .h-avatar img, .business-dashboard.flights-dashboard .flights body.is-dark .flight-card .h-avatar img, body.is-dark .business-dashboard.flights-dashboard .company-card .h-avatar img, .business-dashboard.flights-dashboard body.is-dark .company-card .h-avatar img, body.is-dark .business-dashboard.flights-dashboard .filters-card .h-avatar img, .business-dashboard.flights-dashboard body.is-dark .filters-card .h-avatar img, body.is-dark .business-dashboard.company-dashboard .dashboard-card .h-avatar img, .business-dashboard.company-dashboard body.is-dark .dashboard-card .h-avatar img, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .h-avatar img, .lifestyle-dashboard.lifestyle-dashboard-v1 body.is-dark .overview-card .h-avatar img, body.is-dark .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .h-avatar img, .ecommerce-dashboard.ecommerce-dashboard-v1 body.is-dark .dashboard-tile .h-avatar img, body.is-dark .list-view.list-view-v2 .list-view-item .h-avatar img, .list-view.list-view-v2 body.is-dark .list-view-item .h-avatar img, body.is-dark .user-grid.user-grid-v1 .grid-item .h-avatar img, .user-grid.user-grid-v1 body.is-dark .grid-item .h-avatar img, body.is-dark .user-grid.user-grid-v2 .grid-item .h-avatar img, .user-grid.user-grid-v2 body.is-dark .grid-item .h-avatar img, body.is-dark .user-grid.user-grid-v3 .grid-item .h-avatar img, .user-grid.user-grid-v3 body.is-dark .grid-item .h-avatar img, body.is-dark .user-grid.user-grid-v4 .grid-item .h-avatar img, .user-grid.user-grid-v4 body.is-dark .grid-item .h-avatar img, body.is-dark .card-grid.card-grid-v3 .card-grid-item .h-avatar img, .card-grid.card-grid-v3 body.is-dark .card-grid-item .h-avatar img, body.is-dark .card-grid.card-grid-v4 .card-grid-item .h-avatar img, .card-grid.card-grid-v4 body.is-dark .card-grid-item .h-avatar img, body.is-dark .tile-grid.tile-grid-v1 .tile-grid-item .h-avatar img, .tile-grid.tile-grid-v1 body.is-dark .tile-grid-item .h-avatar img, body.is-dark .tile-grid.tile-grid-v2 .tile-grid-item .h-avatar img, .tile-grid.tile-grid-v2 body.is-dark .tile-grid-item .h-avatar img, body.is-dark .tile-grid.tile-grid-v3 .tile-grid-item .h-avatar img, .tile-grid.tile-grid-v3 body.is-dark .tile-grid-item .h-avatar img, body.is-dark .demo-card .h-avatar img, body.is-dark .color-card .h-avatar img, body.is-dark .all-projects .project-grid .project-grid-item .h-avatar img, .all-projects .project-grid body.is-dark .project-grid-item .h-avatar img, body.is-dark .project-details .project-details-inner .project-details-card .h-avatar img, .project-details .project-details-inner body.is-dark .project-details-card .h-avatar img, body.is-dark .project-details .project-details-inner .side-card .h-avatar img, .project-details .project-details-inner body.is-dark .side-card .h-avatar img, body.is-dark .project-details .project-details-inner .project-team-card .h-avatar img, .project-details .project-details-inner body.is-dark .project-team-card .h-avatar img, body.is-dark .project-details .project-details-inner .task-grid .task-card .h-avatar img, .project-details .project-details-inner .task-grid body.is-dark .task-card .h-avatar img, body.is-dark .profile-wrapper .profile-body .profile-card .h-avatar img, .profile-wrapper .profile-body body.is-dark .profile-card .h-avatar img, body.is-dark .account-wrapper .account-box .h-avatar img, .account-wrapper body.is-dark .account-box .h-avatar img, body.is-dark .search-results-wrapper .search-results-body .filter-box .h-avatar img, .search-results-wrapper .search-results-body body.is-dark .filter-box .h-avatar img, body.is-dark .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .h-avatar img, .search-results-wrapper .search-results-body .search-results-group .search-results-list body.is-dark .search-results-item .h-avatar img, body.is-dark .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .h-avatar img, .saas-billing-wrapper .plans-wrapper .left .plans .plan body.is-dark .plan-inner .h-avatar img, body.is-dark .saas-billing-wrapper .billing-options-wrapper .left .option-block .h-avatar img, .saas-billing-wrapper .billing-options-wrapper .left body.is-dark .option-block .h-avatar img, body.is-dark .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .h-avatar img, .action-page-wrapper.action-page-v1 .wrapper-inner body.is-dark .action-box .h-avatar img, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .h-avatar img, .action-page-wrapper.action-page-v2 .wrapper-inner body.is-dark .action-box .h-avatar img, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-outer .h-avatar img, .action-page-wrapper.action-page-v2 body.is-dark .wrapper-outer .h-avatar img, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .h-avatar img, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner .h-avatar img, body.is-dark .form-layout .form-outer .h-avatar img, .form-layout body.is-dark .form-outer .h-avatar img, body.is-dark .confirm-account-wrapper .wrapper-inner .action-box .h-avatar img, .confirm-account-wrapper .wrapper-inner body.is-dark .action-box .h-avatar img, body.is-dark .promotion-page-wrapper .wrapper-inner .action-box .h-avatar img, .promotion-page-wrapper .wrapper-inner body.is-dark .action-box .h-avatar img, body.is-dark .promotion-page-wrapper .wrapper-outer .h-avatar img, .promotion-page-wrapper body.is-dark .wrapper-outer .h-avatar img, body.is-dark .invoice-wrapper .invoice-body .invoice-card .h-avatar img, .invoice-wrapper .invoice-body body.is-dark .invoice-card .h-avatar img, body.is-dark .gauge-widget.is-straight .h-avatar img, body.is-dark .icon-toolbar-widget.is-straight .h-avatar img, body.is-dark .text-widget.is-straight .h-avatar img, body.is-dark .tags-widget.is-straight .h-avatar img, body.is-dark .image-widget.is-straight .h-avatar img, body.is-dark .list-widget.is-straight .h-avatar img, body.is-dark .picker-widget.is-straight .h-avatar img, body.is-dark .stats-widget.is-straight .h-avatar img, body.is-dark .search-widget.is-straight .h-avatar img, body.is-dark .icon-list-widget.is-straight .h-avatar img, body.is-dark .video-widget.is-straight .h-avatar img, body.is-dark .inbox-widget.is-straight .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v1.is-straight .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v2.is-straight .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v3.is-straight .h-avatar img, body.is-dark .creative-list-widget.is-straight .h-avatar img, body.is-dark .social-buttons-widget.is-straight .h-avatar img, body.is-dark .call-widget.is-straight .h-avatar img, body.is-dark .avatar-list-widget.is-straight .h-avatar img, body.is-dark .contact-widget.is-straight .h-avatar img, body.is-dark .followers-widget.is-straight .h-avatar img, body.is-dark .cart-widget.is-straight .h-avatar img, body.is-dark .stat-widget.is-straight .h-avatar img, body.is-dark .l-card .h-avatar img, body.is-dark .boxed-features .flex-card .h-avatar img, .boxed-features body.is-dark .flex-card .h-avatar img, body.is-dark .personal-dashboard.personal-dashboard-v3 .dashboard-card .h-avatar img, .personal-dashboard.personal-dashboard-v3 body.is-dark .dashboard-card .h-avatar img, body.is-dark .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .h-avatar img, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 body.is-dark .grid-item .h-avatar img, body.is-dark .business-dashboard.course-dashboard .course-grid .course-card .h-avatar img, .business-dashboard.course-dashboard .course-grid body.is-dark .course-card .h-avatar img, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .h-avatar img, .lifestyle-dashboard.lifestyle-dashboard-v2 body.is-dark .long-card .h-avatar img, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .h-avatar img, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list body.is-dark .media-flex-center .h-avatar img, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .h-avatar img, .lifestyle-dashboard.lifestyle-dashboard-v3 body.is-dark .dashboard-card .h-avatar img, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .h-avatar img, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats body.is-dark .writing-stat .h-avatar img, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .h-avatar img, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .featured-authors .h-avatar img, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .h-avatar img, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .updates .h-avatar img, body.is-dark .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .h-avatar img, .food-delivery-dashboard .left .left-body .restaurants-list body.is-dark .restaurants-list-item .h-avatar img, body.is-dark .gauge-widget .h-avatar img, body.is-dark .icon-toolbar-widget .h-avatar img, body.is-dark .text-widget .h-avatar img, body.is-dark .tags-widget .h-avatar img, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .h-avatar img, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square .h-avatar img, body.is-dark .image-widget .h-avatar img, body.is-dark .list-widget .h-avatar img, body.is-dark .picker-widget .h-avatar img, body.is-dark .stats-widget .h-avatar img, body.is-dark .search-widget .h-avatar img, body.is-dark .icon-list-widget .h-avatar img, body.is-dark .video-widget .h-avatar img, body.is-dark .inbox-widget .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v1 .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v2 .h-avatar img, body.is-dark .illustration-widget.illustration-widget-v3 .h-avatar img, body.is-dark .creative-list-widget .h-avatar img, body.is-dark .social-buttons-widget .h-avatar img, body.is-dark .call-widget .h-avatar img, body.is-dark .avatar-list-widget .h-avatar img, body.is-dark .contact-widget .h-avatar img, body.is-dark .followers-widget .h-avatar img, body.is-dark .cart-widget .h-avatar img, body.is-dark .stat-widget .h-avatar img, body.is-dark .wizard-v1-wrapper .step-content .wizard-types .wizard-card .h-avatar img, .wizard-v1-wrapper .step-content .wizard-types body.is-dark .wizard-card .h-avatar img, body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .h-avatar img, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left body.is-dark .uploader-actions .h-avatar img, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .h-avatar img, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body body.is-dark .edit-box .h-avatar img { border-color: #323236 !important; } /* line 194, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card .avatar-stack .h-avatar, body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .avatar-stack .h-avatar, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center body.is-dark .column-placeholder .avatar-stack .h-avatar, body.is-dark .finance-dashboard.stock-dashboard .stock-card .avatar-stack .h-avatar, .finance-dashboard.stock-dashboard body.is-dark .stock-card .avatar-stack .h-avatar, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .avatar-stack .h-avatar, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content body.is-dark .media-feed-item .avatar-stack .h-avatar, body.is-dark .list-view.list-view-v1 .list-view-item .avatar-stack .h-avatar, .list-view.list-view-v1 body.is-dark .list-view-item .avatar-stack .h-avatar, body.is-dark .list-view.list-view-v3 .list-view-item .avatar-stack .h-avatar, .list-view.list-view-v3 body.is-dark .list-view-item .avatar-stack .h-avatar, body.is-dark .list-view.list-view-v4 .list-view-item .avatar-stack .h-avatar, .list-view.list-view-v4 body.is-dark .list-view-item .avatar-stack .h-avatar, body.is-dark .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .avatar-stack .h-avatar, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .avatar-stack .h-avatar, body.is-dark .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .avatar-stack .h-avatar, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .avatar-stack .h-avatar, body.is-dark .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .avatar-stack .h-avatar, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .avatar-stack .h-avatar, body.is-dark .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .avatar-stack .h-avatar, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .avatar-stack .h-avatar, body.is-dark .s-card .avatar-stack .h-avatar, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .avatar-stack .h-avatar, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card .avatar-stack .h-avatar, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .avatar-stack .h-avatar, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card .avatar-stack .h-avatar, body.is-dark .collapse .avatar-stack .h-avatar, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .avatar-stack .h-avatar, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap .avatar-stack .h-avatar, body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .avatar-stack .h-avatar, .personal-dashboard.personal-dashboard-v1 .dashboard-body body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .personal-dashboard.personal-dashboard-v2 .dashboard-header .avatar-stack .h-avatar, .personal-dashboard.personal-dashboard-v2 body.is-dark .dashboard-header .avatar-stack .h-avatar, body.is-dark .personal-dashboard.personal-dashboard-v2 .dashboard-card .avatar-stack .h-avatar, .personal-dashboard.personal-dashboard-v2 body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .finance-dashboard.analytics-dashboard .dashboard-tile .avatar-stack .h-avatar, .finance-dashboard.analytics-dashboard body.is-dark .dashboard-tile .avatar-stack .h-avatar, body.is-dark .finance-dashboard.analytics-dashboard .dashboard-card .avatar-stack .h-avatar, .finance-dashboard.analytics-dashboard body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .avatar-stack .h-avatar, .finance-dashboard.sales-dashboard .spark-tiles body.is-dark .spark-tile .avatar-stack .h-avatar, body.is-dark .finance-dashboard.sales-dashboard .dashboard-card .avatar-stack .h-avatar, .finance-dashboard.sales-dashboard body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .banking-dashboard.banking-dashboard-v1 .dashboard-card .avatar-stack .h-avatar, .banking-dashboard.banking-dashboard-v1 body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card .avatar-stack .h-avatar, .banking-dashboard.banking-dashboard-v2 body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .avatar-stack .h-avatar, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles body.is-dark .dashboard-tile .avatar-stack .h-avatar, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-card .avatar-stack .h-avatar, .banking-dashboard.banking-dashboard-v3 body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .business-dashboard.flights-dashboard .booking-bar-wrapper .avatar-stack .h-avatar, .business-dashboard.flights-dashboard body.is-dark .booking-bar-wrapper .avatar-stack .h-avatar, body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .avatar-stack .h-avatar, .business-dashboard.flights-dashboard .flights-summary-wrapper body.is-dark .flight-summary .avatar-stack .h-avatar, body.is-dark .business-dashboard.flights-dashboard .flights .flight-card .avatar-stack .h-avatar, .business-dashboard.flights-dashboard .flights body.is-dark .flight-card .avatar-stack .h-avatar, body.is-dark .business-dashboard.flights-dashboard .company-card .avatar-stack .h-avatar, .business-dashboard.flights-dashboard body.is-dark .company-card .avatar-stack .h-avatar, body.is-dark .business-dashboard.flights-dashboard .filters-card .avatar-stack .h-avatar, .business-dashboard.flights-dashboard body.is-dark .filters-card .avatar-stack .h-avatar, body.is-dark .business-dashboard.company-dashboard .dashboard-card .avatar-stack .h-avatar, .business-dashboard.company-dashboard body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .avatar-stack .h-avatar, .lifestyle-dashboard.lifestyle-dashboard-v1 body.is-dark .overview-card .avatar-stack .h-avatar, body.is-dark .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .avatar-stack .h-avatar, .ecommerce-dashboard.ecommerce-dashboard-v1 body.is-dark .dashboard-tile .avatar-stack .h-avatar, body.is-dark .list-view.list-view-v2 .list-view-item .avatar-stack .h-avatar, .list-view.list-view-v2 body.is-dark .list-view-item .avatar-stack .h-avatar, body.is-dark .user-grid.user-grid-v1 .grid-item .avatar-stack .h-avatar, .user-grid.user-grid-v1 body.is-dark .grid-item .avatar-stack .h-avatar, body.is-dark .user-grid.user-grid-v2 .grid-item .avatar-stack .h-avatar, .user-grid.user-grid-v2 body.is-dark .grid-item .avatar-stack .h-avatar, body.is-dark .user-grid.user-grid-v3 .grid-item .avatar-stack .h-avatar, .user-grid.user-grid-v3 body.is-dark .grid-item .avatar-stack .h-avatar, body.is-dark .user-grid.user-grid-v4 .grid-item .avatar-stack .h-avatar, .user-grid.user-grid-v4 body.is-dark .grid-item .avatar-stack .h-avatar, body.is-dark .card-grid.card-grid-v3 .card-grid-item .avatar-stack .h-avatar, .card-grid.card-grid-v3 body.is-dark .card-grid-item .avatar-stack .h-avatar, body.is-dark .card-grid.card-grid-v4 .card-grid-item .avatar-stack .h-avatar, .card-grid.card-grid-v4 body.is-dark .card-grid-item .avatar-stack .h-avatar, body.is-dark .tile-grid.tile-grid-v1 .tile-grid-item .avatar-stack .h-avatar, .tile-grid.tile-grid-v1 body.is-dark .tile-grid-item .avatar-stack .h-avatar, body.is-dark .tile-grid.tile-grid-v2 .tile-grid-item .avatar-stack .h-avatar, .tile-grid.tile-grid-v2 body.is-dark .tile-grid-item .avatar-stack .h-avatar, body.is-dark .tile-grid.tile-grid-v3 .tile-grid-item .avatar-stack .h-avatar, .tile-grid.tile-grid-v3 body.is-dark .tile-grid-item .avatar-stack .h-avatar, body.is-dark .demo-card .avatar-stack .h-avatar, body.is-dark .color-card .avatar-stack .h-avatar, body.is-dark .all-projects .project-grid .project-grid-item .avatar-stack .h-avatar, .all-projects .project-grid body.is-dark .project-grid-item .avatar-stack .h-avatar, body.is-dark .project-details .project-details-inner .project-details-card .avatar-stack .h-avatar, .project-details .project-details-inner body.is-dark .project-details-card .avatar-stack .h-avatar, body.is-dark .project-details .project-details-inner .side-card .avatar-stack .h-avatar, .project-details .project-details-inner body.is-dark .side-card .avatar-stack .h-avatar, body.is-dark .project-details .project-details-inner .project-team-card .avatar-stack .h-avatar, .project-details .project-details-inner body.is-dark .project-team-card .avatar-stack .h-avatar, body.is-dark .project-details .project-details-inner .task-grid .task-card .avatar-stack .h-avatar, .project-details .project-details-inner .task-grid body.is-dark .task-card .avatar-stack .h-avatar, body.is-dark .profile-wrapper .profile-body .profile-card .avatar-stack .h-avatar, .profile-wrapper .profile-body body.is-dark .profile-card .avatar-stack .h-avatar, body.is-dark .account-wrapper .account-box .avatar-stack .h-avatar, .account-wrapper body.is-dark .account-box .avatar-stack .h-avatar, body.is-dark .search-results-wrapper .search-results-body .filter-box .avatar-stack .h-avatar, .search-results-wrapper .search-results-body body.is-dark .filter-box .avatar-stack .h-avatar, body.is-dark .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .avatar-stack .h-avatar, .search-results-wrapper .search-results-body .search-results-group .search-results-list body.is-dark .search-results-item .avatar-stack .h-avatar, body.is-dark .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .avatar-stack .h-avatar, .saas-billing-wrapper .plans-wrapper .left .plans .plan body.is-dark .plan-inner .avatar-stack .h-avatar, body.is-dark .saas-billing-wrapper .billing-options-wrapper .left .option-block .avatar-stack .h-avatar, .saas-billing-wrapper .billing-options-wrapper .left body.is-dark .option-block .avatar-stack .h-avatar, body.is-dark .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .avatar-stack .h-avatar, .action-page-wrapper.action-page-v1 .wrapper-inner body.is-dark .action-box .avatar-stack .h-avatar, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .avatar-stack .h-avatar, .action-page-wrapper.action-page-v2 .wrapper-inner body.is-dark .action-box .avatar-stack .h-avatar, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-outer .avatar-stack .h-avatar, .action-page-wrapper.action-page-v2 body.is-dark .wrapper-outer .avatar-stack .h-avatar, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .avatar-stack .h-avatar, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner .avatar-stack .h-avatar, body.is-dark .form-layout .form-outer .avatar-stack .h-avatar, .form-layout body.is-dark .form-outer .avatar-stack .h-avatar, body.is-dark .confirm-account-wrapper .wrapper-inner .action-box .avatar-stack .h-avatar, .confirm-account-wrapper .wrapper-inner body.is-dark .action-box .avatar-stack .h-avatar, body.is-dark .promotion-page-wrapper .wrapper-inner .action-box .avatar-stack .h-avatar, .promotion-page-wrapper .wrapper-inner body.is-dark .action-box .avatar-stack .h-avatar, body.is-dark .promotion-page-wrapper .wrapper-outer .avatar-stack .h-avatar, .promotion-page-wrapper body.is-dark .wrapper-outer .avatar-stack .h-avatar, body.is-dark .invoice-wrapper .invoice-body .invoice-card .avatar-stack .h-avatar, .invoice-wrapper .invoice-body body.is-dark .invoice-card .avatar-stack .h-avatar, body.is-dark .gauge-widget.is-straight .avatar-stack .h-avatar, body.is-dark .icon-toolbar-widget.is-straight .avatar-stack .h-avatar, body.is-dark .text-widget.is-straight .avatar-stack .h-avatar, body.is-dark .tags-widget.is-straight .avatar-stack .h-avatar, body.is-dark .image-widget.is-straight .avatar-stack .h-avatar, body.is-dark .list-widget.is-straight .avatar-stack .h-avatar, body.is-dark .picker-widget.is-straight .avatar-stack .h-avatar, body.is-dark .stats-widget.is-straight .avatar-stack .h-avatar, body.is-dark .search-widget.is-straight .avatar-stack .h-avatar, body.is-dark .icon-list-widget.is-straight .avatar-stack .h-avatar, body.is-dark .video-widget.is-straight .avatar-stack .h-avatar, body.is-dark .inbox-widget.is-straight .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v1.is-straight .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v2.is-straight .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v3.is-straight .avatar-stack .h-avatar, body.is-dark .creative-list-widget.is-straight .avatar-stack .h-avatar, body.is-dark .social-buttons-widget.is-straight .avatar-stack .h-avatar, body.is-dark .call-widget.is-straight .avatar-stack .h-avatar, body.is-dark .avatar-list-widget.is-straight .avatar-stack .h-avatar, body.is-dark .contact-widget.is-straight .avatar-stack .h-avatar, body.is-dark .followers-widget.is-straight .avatar-stack .h-avatar, body.is-dark .cart-widget.is-straight .avatar-stack .h-avatar, body.is-dark .stat-widget.is-straight .avatar-stack .h-avatar, body.is-dark .l-card .avatar-stack .h-avatar, body.is-dark .boxed-features .flex-card .avatar-stack .h-avatar, .boxed-features body.is-dark .flex-card .avatar-stack .h-avatar, body.is-dark .personal-dashboard.personal-dashboard-v3 .dashboard-card .avatar-stack .h-avatar, .personal-dashboard.personal-dashboard-v3 body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .avatar-stack .h-avatar, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 body.is-dark .grid-item .avatar-stack .h-avatar, body.is-dark .business-dashboard.course-dashboard .course-grid .course-card .avatar-stack .h-avatar, .business-dashboard.course-dashboard .course-grid body.is-dark .course-card .avatar-stack .h-avatar, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .avatar-stack .h-avatar, .lifestyle-dashboard.lifestyle-dashboard-v2 body.is-dark .long-card .avatar-stack .h-avatar, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .avatar-stack .h-avatar, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list body.is-dark .media-flex-center .avatar-stack .h-avatar, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .avatar-stack .h-avatar, .lifestyle-dashboard.lifestyle-dashboard-v3 body.is-dark .dashboard-card .avatar-stack .h-avatar, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .avatar-stack .h-avatar, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats body.is-dark .writing-stat .avatar-stack .h-avatar, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .avatar-stack .h-avatar, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .featured-authors .avatar-stack .h-avatar, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .avatar-stack .h-avatar, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .updates .avatar-stack .h-avatar, body.is-dark .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .avatar-stack .h-avatar, .food-delivery-dashboard .left .left-body .restaurants-list body.is-dark .restaurants-list-item .avatar-stack .h-avatar, body.is-dark .gauge-widget .avatar-stack .h-avatar, body.is-dark .icon-toolbar-widget .avatar-stack .h-avatar, body.is-dark .text-widget .avatar-stack .h-avatar, body.is-dark .tags-widget .avatar-stack .h-avatar, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .avatar-stack .h-avatar, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square .avatar-stack .h-avatar, body.is-dark .image-widget .avatar-stack .h-avatar, body.is-dark .list-widget .avatar-stack .h-avatar, body.is-dark .picker-widget .avatar-stack .h-avatar, body.is-dark .stats-widget .avatar-stack .h-avatar, body.is-dark .search-widget .avatar-stack .h-avatar, body.is-dark .icon-list-widget .avatar-stack .h-avatar, body.is-dark .video-widget .avatar-stack .h-avatar, body.is-dark .inbox-widget .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v1 .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v2 .avatar-stack .h-avatar, body.is-dark .illustration-widget.illustration-widget-v3 .avatar-stack .h-avatar, body.is-dark .creative-list-widget .avatar-stack .h-avatar, body.is-dark .social-buttons-widget .avatar-stack .h-avatar, body.is-dark .call-widget .avatar-stack .h-avatar, body.is-dark .avatar-list-widget .avatar-stack .h-avatar, body.is-dark .contact-widget .avatar-stack .h-avatar, body.is-dark .followers-widget .avatar-stack .h-avatar, body.is-dark .cart-widget .avatar-stack .h-avatar, body.is-dark .stat-widget .avatar-stack .h-avatar, body.is-dark .wizard-v1-wrapper .step-content .wizard-types .wizard-card .avatar-stack .h-avatar, .wizard-v1-wrapper .step-content .wizard-types body.is-dark .wizard-card .avatar-stack .h-avatar, body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .avatar-stack .h-avatar, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left body.is-dark .uploader-actions .avatar-stack .h-avatar, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .avatar-stack .h-avatar, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body body.is-dark .edit-box .avatar-stack .h-avatar { border-color: #323236 !important; } /* line 199, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center .column-placeholder .avatar-stack .h-avatar .avatar.is-more .inner, .webapp-subnavbar .webapp-subnavbar-inner .tab-content .tab-content-inner .center body.is-dark .column-placeholder .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .finance-dashboard.stock-dashboard .stock-card .avatar-stack .h-avatar .avatar.is-more .inner, .finance-dashboard.stock-dashboard body.is-dark .stock-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .avatar-stack .h-avatar .avatar.is-more .inner, .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content body.is-dark .media-feed-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-view.list-view-v1 .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, .list-view.list-view-v1 body.is-dark .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-view.list-view-v3 .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, .list-view.list-view-v3 body.is-dark .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-view.list-view-v4 .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, .list-view.list-view-v4 body.is-dark .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .avatar-stack .h-avatar .avatar.is-more .inner, .standard-onboarding .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .avatar-stack .h-avatar .avatar.is-more .inner, .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .avatar-stack .h-avatar .avatar.is-more .inner, .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .avatar-stack .h-avatar .avatar.is-more .inner, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner body.is-dark .onboarding-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .s-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .avatar-stack .h-avatar .avatar.is-more .inner, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .team-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .avatar-stack .h-avatar .avatar.is-more .inner, .right-panel-wrapper.is-activity .right-panel .right-panel-body body.is-dark .project-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .collapse .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .avatar-stack .h-avatar .avatar.is-more .inner, .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item body.is-dark .content-wrap .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .personal-dashboard.personal-dashboard-v1 .dashboard-body body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .personal-dashboard.personal-dashboard-v2 .dashboard-header .avatar-stack .h-avatar .avatar.is-more .inner, .personal-dashboard.personal-dashboard-v2 body.is-dark .dashboard-header .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .personal-dashboard.personal-dashboard-v2 .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .personal-dashboard.personal-dashboard-v2 body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .finance-dashboard.analytics-dashboard .dashboard-tile .avatar-stack .h-avatar .avatar.is-more .inner, .finance-dashboard.analytics-dashboard body.is-dark .dashboard-tile .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .finance-dashboard.analytics-dashboard .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .finance-dashboard.analytics-dashboard body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .finance-dashboard.sales-dashboard .spark-tiles .spark-tile .avatar-stack .h-avatar .avatar.is-more .inner, .finance-dashboard.sales-dashboard .spark-tiles body.is-dark .spark-tile .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .finance-dashboard.sales-dashboard .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .finance-dashboard.sales-dashboard body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .banking-dashboard.banking-dashboard-v1 .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .banking-dashboard.banking-dashboard-v1 body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .banking-dashboard.banking-dashboard-v2 body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile .avatar-stack .h-avatar .avatar.is-more .inner, .banking-dashboard.banking-dashboard-v3 .dashboard-tiles body.is-dark .dashboard-tile .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .banking-dashboard.banking-dashboard-v3 .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .banking-dashboard.banking-dashboard-v3 body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .business-dashboard.flights-dashboard .booking-bar-wrapper .avatar-stack .h-avatar .avatar.is-more .inner, .business-dashboard.flights-dashboard body.is-dark .booking-bar-wrapper .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .avatar-stack .h-avatar .avatar.is-more .inner, .business-dashboard.flights-dashboard .flights-summary-wrapper body.is-dark .flight-summary .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .business-dashboard.flights-dashboard .flights .flight-card .avatar-stack .h-avatar .avatar.is-more .inner, .business-dashboard.flights-dashboard .flights body.is-dark .flight-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .business-dashboard.flights-dashboard .company-card .avatar-stack .h-avatar .avatar.is-more .inner, .business-dashboard.flights-dashboard body.is-dark .company-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .business-dashboard.flights-dashboard .filters-card .avatar-stack .h-avatar .avatar.is-more .inner, .business-dashboard.flights-dashboard body.is-dark .filters-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .business-dashboard.company-dashboard .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .business-dashboard.company-dashboard body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .avatar-stack .h-avatar .avatar.is-more .inner, .lifestyle-dashboard.lifestyle-dashboard-v1 body.is-dark .overview-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .avatar-stack .h-avatar .avatar.is-more .inner, .ecommerce-dashboard.ecommerce-dashboard-v1 body.is-dark .dashboard-tile .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-view.list-view-v2 .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, .list-view.list-view-v2 body.is-dark .list-view-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .user-grid.user-grid-v1 .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .user-grid.user-grid-v1 body.is-dark .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .user-grid.user-grid-v2 .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .user-grid.user-grid-v2 body.is-dark .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .user-grid.user-grid-v3 .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .user-grid.user-grid-v3 body.is-dark .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .user-grid.user-grid-v4 .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .user-grid.user-grid-v4 body.is-dark .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .card-grid.card-grid-v3 .card-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .card-grid.card-grid-v3 body.is-dark .card-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .card-grid.card-grid-v4 .card-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .card-grid.card-grid-v4 body.is-dark .card-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .tile-grid.tile-grid-v1 .tile-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .tile-grid.tile-grid-v1 body.is-dark .tile-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .tile-grid.tile-grid-v2 .tile-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .tile-grid.tile-grid-v2 body.is-dark .tile-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .tile-grid.tile-grid-v3 .tile-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .tile-grid.tile-grid-v3 body.is-dark .tile-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .demo-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .color-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .all-projects .project-grid .project-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .all-projects .project-grid body.is-dark .project-grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .project-details .project-details-inner .project-details-card .avatar-stack .h-avatar .avatar.is-more .inner, .project-details .project-details-inner body.is-dark .project-details-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .project-details .project-details-inner .side-card .avatar-stack .h-avatar .avatar.is-more .inner, .project-details .project-details-inner body.is-dark .side-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .project-details .project-details-inner .project-team-card .avatar-stack .h-avatar .avatar.is-more .inner, .project-details .project-details-inner body.is-dark .project-team-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .project-details .project-details-inner .task-grid .task-card .avatar-stack .h-avatar .avatar.is-more .inner, .project-details .project-details-inner .task-grid body.is-dark .task-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .profile-wrapper .profile-body .profile-card .avatar-stack .h-avatar .avatar.is-more .inner, .profile-wrapper .profile-body body.is-dark .profile-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .account-wrapper .account-box .avatar-stack .h-avatar .avatar.is-more .inner, .account-wrapper body.is-dark .account-box .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .search-results-wrapper .search-results-body .filter-box .avatar-stack .h-avatar .avatar.is-more .inner, .search-results-wrapper .search-results-body body.is-dark .filter-box .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item .avatar-stack .h-avatar .avatar.is-more .inner, .search-results-wrapper .search-results-body .search-results-group .search-results-list body.is-dark .search-results-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .avatar-stack .h-avatar .avatar.is-more .inner, .saas-billing-wrapper .plans-wrapper .left .plans .plan body.is-dark .plan-inner .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .saas-billing-wrapper .billing-options-wrapper .left .option-block .avatar-stack .h-avatar .avatar.is-more .inner, .saas-billing-wrapper .billing-options-wrapper .left body.is-dark .option-block .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .avatar-stack .h-avatar .avatar.is-more .inner, .action-page-wrapper.action-page-v1 .wrapper-inner body.is-dark .action-box .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .avatar-stack .h-avatar .avatar.is-more .inner, .action-page-wrapper.action-page-v2 .wrapper-inner body.is-dark .action-box .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .action-page-wrapper.action-page-v2 .wrapper-outer .avatar-stack .h-avatar .avatar.is-more .inner, .action-page-wrapper.action-page-v2 body.is-dark .wrapper-outer .avatar-stack .h-avatar .avatar.is-more .inner, .form-layout.is-separate .form-outer .form-body .form-section body.is-dark .form-section-inner .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .form-layout .form-outer .avatar-stack .h-avatar .avatar.is-more .inner, .form-layout body.is-dark .form-outer .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .confirm-account-wrapper .wrapper-inner .action-box .avatar-stack .h-avatar .avatar.is-more .inner, .confirm-account-wrapper .wrapper-inner body.is-dark .action-box .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .promotion-page-wrapper .wrapper-inner .action-box .avatar-stack .h-avatar .avatar.is-more .inner, .promotion-page-wrapper .wrapper-inner body.is-dark .action-box .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .promotion-page-wrapper .wrapper-outer .avatar-stack .h-avatar .avatar.is-more .inner, .promotion-page-wrapper body.is-dark .wrapper-outer .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .invoice-wrapper .invoice-body .invoice-card .avatar-stack .h-avatar .avatar.is-more .inner, .invoice-wrapper .invoice-body body.is-dark .invoice-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .gauge-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .icon-toolbar-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .text-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .tags-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .image-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .picker-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .stats-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .search-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .icon-list-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .video-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .inbox-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v1.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v2.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v3.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .creative-list-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .social-buttons-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .call-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .avatar-list-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .contact-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .followers-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .cart-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .stat-widget.is-straight .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .l-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .boxed-features .flex-card .avatar-stack .h-avatar .avatar.is-more .inner, .boxed-features body.is-dark .flex-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .personal-dashboard.personal-dashboard-v3 .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .personal-dashboard.personal-dashboard-v3 body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, .business-dashboard.hr-dashboard .recent-rookies .user-grid.user-grid-v4 body.is-dark .grid-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .business-dashboard.course-dashboard .course-grid .course-card .avatar-stack .h-avatar .avatar.is-more .inner, .business-dashboard.course-dashboard .course-grid body.is-dark .course-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .avatar-stack .h-avatar .avatar.is-more .inner, .lifestyle-dashboard.lifestyle-dashboard-v2 body.is-dark .long-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .avatar-stack .h-avatar .avatar.is-more .inner, .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list body.is-dark .media-flex-center .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, .lifestyle-dashboard.lifestyle-dashboard-v3 body.is-dark .dashboard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat .avatar-stack .h-avatar .avatar.is-more .inner, .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats body.is-dark .writing-stat .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .avatar-stack .h-avatar .avatar.is-more .inner, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .featured-authors .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .avatar-stack .h-avatar .avatar.is-more .inner, .lifestyle-dashboard.lifestyle-dashboard-v4 body.is-dark .updates .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .avatar-stack .h-avatar .avatar.is-more .inner, .food-delivery-dashboard .left .left-body .restaurants-list body.is-dark .restaurants-list-item .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .gauge-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .icon-toolbar-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .text-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .tags-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .avatar-stack .h-avatar .avatar.is-more .inner, .calendar-widget .calendar-widget-inner body.is-dark .calendar-square .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .image-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .list-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .picker-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .stats-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .search-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .icon-list-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .video-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .inbox-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v1 .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v2 .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .illustration-widget.illustration-widget-v3 .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .creative-list-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .social-buttons-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .call-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .avatar-list-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .contact-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .followers-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .cart-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .stat-widget .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .wizard-v1-wrapper .step-content .wizard-types .wizard-card .avatar-stack .h-avatar .avatar.is-more .inner, .wizard-v1-wrapper .step-content .wizard-types body.is-dark .wizard-card .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .avatar-stack .h-avatar .avatar.is-more .inner, .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left body.is-dark .uploader-actions .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .avatar-stack .h-avatar .avatar.is-more .inner, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body body.is-dark .edit-box .avatar-stack .h-avatar .avatar.is-more .inner { border-color: #323236 !important; } /* line 216, src/assets/scss/elements/_cards.scss */ body.is-dark .h-card.is-success div, body.is-dark .h-card.is-success p, body.is-dark .h-card.is-success .media-flex-center .flex-meta span:first-child, body.is-dark .h-card.is-info div, body.is-dark .h-card.is-info p, body.is-dark .h-card.is-info .media-flex-center .flex-meta span:first-child, body.is-dark .h-card.is-warning div, body.is-dark .h-card.is-warning p, body.is-dark .h-card.is-warning .media-flex-center .flex-meta span:first-child, body.is-dark .h-card.is-danger div, body.is-dark .h-card.is-danger p, body.is-dark .h-card.is-danger .media-flex-center .flex-meta span:first-child, body.is-dark .h-card.is-primary div, body.is-dark .h-card.is-primary p, body.is-dark .h-card.is-primary .media-flex-center .flex-meta span:first-child, body.is-dark .h-card.is-secondary div, body.is-dark .h-card.is-secondary p, body.is-dark .h-card.is-secondary .media-flex-center .flex-meta span:first-child { color: #283252; } /* ========================================================================== 3. Advanced Cards ========================================================================== */ /* line 229, src/assets/scss/elements/_cards.scss */ .l-card-advanced { border-radius: 16px; } /* line 233, src/assets/scss/elements/_cards.scss */ .r-card-advanced { border-radius: 10px; } /* line 237, src/assets/scss/elements/_cards.scss */ .s-card-advanced { border-radius: 6px; } /* line 241, src/assets/scss/elements/_cards.scss */ .r-card-advanced, .s-card-advanced, .l-card-advanced { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; width: 100%; background-color: #ffffff; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 249, src/assets/scss/elements/_cards.scss */ .r-card-advanced .card-head, .r-card-advanced .card-foot, .s-card-advanced .card-head, .s-card-advanced .card-foot, .l-card-advanced .card-head, .l-card-advanced .card-foot { padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 255, src/assets/scss/elements/_cards.scss */ .r-card-advanced .card-head .left, .r-card-advanced .card-foot .left, .s-card-advanced .card-head .left, .s-card-advanced .card-foot .left, .l-card-advanced .card-head .left, .l-card-advanced .card-foot .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 260, src/assets/scss/elements/_cards.scss */ .r-card-advanced .card-head .right, .r-card-advanced .card-foot .right, .s-card-advanced .card-head .right, .s-card-advanced .card-foot .right, .l-card-advanced .card-head .right, .l-card-advanced .card-foot .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 267, src/assets/scss/elements/_cards.scss */ .r-card-advanced .card-head, .s-card-advanced .card-head, .l-card-advanced .card-head { border-bottom: 1px solid #e5e5e5; } /* line 271, src/assets/scss/elements/_cards.scss */ .r-card-advanced .card-foot, .s-card-advanced .card-foot, .l-card-advanced .card-foot { border-top: 1px solid #e5e5e5; } /* line 275, src/assets/scss/elements/_cards.scss */ .r-card-advanced .card-body, .s-card-advanced .card-body, .l-card-advanced .card-body { padding: 20px; } /* ========================================================================== 4. Advanced Cards Dark mode ========================================================================== */ /* line 286, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card-advanced, body.is-dark .s-card-advanced, body.is-dark .l-card-advanced { background: #323236; border-color: #404046; } /* line 290, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card-advanced .card-head, body.is-dark .r-card-advanced .card-foot, body.is-dark .s-card-advanced .card-head, body.is-dark .s-card-advanced .card-foot, body.is-dark .l-card-advanced .card-head, body.is-dark .l-card-advanced .card-foot { border-color: #404046; } /* line 295, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card-advanced .h-avatar img, body.is-dark .s-card-advanced .h-avatar img, body.is-dark .l-card-advanced .h-avatar img { border-color: #323236 !important; } /* line 301, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card-advanced .avatar-stack .h-avatar, body.is-dark .s-card-advanced .avatar-stack .h-avatar, body.is-dark .l-card-advanced .avatar-stack .h-avatar { border-color: #323236 !important; } /* line 306, src/assets/scss/elements/_cards.scss */ body.is-dark .r-card-advanced .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .s-card-advanced .avatar-stack .h-avatar .avatar.is-more .inner, body.is-dark .l-card-advanced .avatar-stack .h-avatar .avatar.is-more .inner { border-color: #323236 !important; } /* ========================================================================== 5. Bulma Cards ========================================================================== */ /* line 322, src/assets/scss/elements/_cards.scss */ .card.h-card { -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; border: 1px solid #e5e5e5; } /* line 327, src/assets/scss/elements/_cards.scss */ .card.h-card .card-header { -webkit-box-shadow: none; box-shadow: none; } /* line 330, src/assets/scss/elements/_cards.scss */ .card.h-card .card-header .card-header-title { font-family: "Montserrat", sans-serif; font-weight: 600; } /* line 337, src/assets/scss/elements/_cards.scss */ .card.h-card .card-image img { -o-object-fit: cover; object-fit: cover; } /* line 343, src/assets/scss/elements/_cards.scss */ .card.h-card .card-footer a { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* ========================================================================== 6. Bulma Cards Dark mode ========================================================================== */ /* line 358, src/assets/scss/elements/_cards.scss */ body.is-dark .card.h-card { background: #323236; border-color: #404046; } /* line 363, src/assets/scss/elements/_cards.scss */ body.is-dark .card.h-card .card-header .card-header-title { color: #aaaab3; } /* line 368, src/assets/scss/elements/_cards.scss */ body.is-dark .card.h-card .card-footer { border-color: #404046; } /* line 371, src/assets/scss/elements/_cards.scss */ body.is-dark .card.h-card .card-footer a { border-color: #404046; } /* line 377, src/assets/scss/elements/_cards.scss */ body.is-dark .card.h-card .h-avatar .badge { border-color: #323236; } /*! _content.scss | Huro | Css ninja 2020-2021 */ /* 1. Content 2. Content Dark mode */ /* ========================================================================== 1. Content ========================================================================== */ /* line 13, src/assets/scss/elements/_content.scss */ .content ol, .content ul { color: #283252; font-family: "Roboto", sans-serif; } /* line 17, src/assets/scss/elements/_content.scss */ .content ol.is-light, .content ul.is-light { color: #a2a5b9; } /* line 22, src/assets/scss/elements/_content.scss */ .content blockquote { color: #a2a5b9; } /* line 25, src/assets/scss/elements/_content.scss */ .content blockquote.is-primary { border-color: #606061; } /* line 29, src/assets/scss/elements/_content.scss */ .content blockquote.is-success { border-color: #06d6a0; } /* line 33, src/assets/scss/elements/_content.scss */ .content blockquote.is-info { border-color: #039BE5; } /* line 37, src/assets/scss/elements/_content.scss */ .content blockquote.is-warning { border-color: #faae42; } /* line 41, src/assets/scss/elements/_content.scss */ .content blockquote.is-danger { border-color: #e62965; } /* line 47, src/assets/scss/elements/_content.scss */ .content table th { color: #283252; font-family: "Montserrat", sans-serif; } /* line 52, src/assets/scss/elements/_content.scss */ .content table td { color: #a2a5b9; } /* ========================================================================== 2. Content Dark mode ========================================================================== */ /* line 67, src/assets/scss/elements/_content.scss */ body.is-dark .content ol:not(.is-light), body.is-dark .content ul:not(.is-light) { color: #aaaab3; } /* line 72, src/assets/scss/elements/_content.scss */ body.is-dark .content blockquote { background: #3b3b41; } /* line 75, src/assets/scss/elements/_content.scss */ body.is-dark .content blockquote:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) { border-color: #28282b; } /* line 79, src/assets/scss/elements/_content.scss */ body.is-dark .content blockquote.is-primary { border-color: #ED1C24; } /* line 86, src/assets/scss/elements/_content.scss */ body.is-dark .content table th { color: #aaaab3; border-color: #45454b; } /* line 91, src/assets/scss/elements/_content.scss */ body.is-dark .content table td { border-color: #45454b; } /* line 97, src/assets/scss/elements/_content.scss */ body.is-dark .is-divider, body.is-dark .is-divider-vertical { border-color: #45454b; } /* line 100, src/assets/scss/elements/_content.scss */ body.is-dark .is-divider:before, body.is-dark .is-divider-vertical:before { border-color: #45454b; } /* line 104, src/assets/scss/elements/_content.scss */ body.is-dark .is-divider:after, body.is-dark .is-divider-vertical:after { background: #323236; } /*! _forms-general.scss | Huro | Css ninja 2020-2021 */ /* 1. labels 2. Inputs and textareas 3. Radios 4. Fieldset | Field | Control 5. Fieldset | Field | Control Dark mode 6. Custom select 7. Autocomplete 8. Autocomplete Dark mode 9. Switch 10. Range input 11. File inputs 12. File inputs Dark mode 13. Filepond 14. Filepond Dark mode 15. Choices 16. Choices Dark mode */ /* ========================================================================== 1. Labels ========================================================================== */ /* line 26, src/assets/scss/elements/_forms-general.scss */ .form-label { display: block; margin-bottom: 4px; font-size: .9rem; font-weight: 500; color: #283252; } /* line 33, src/assets/scss/elements/_forms-general.scss */ .form-label.is-smaller { font-size: .8rem; font-weight: 400; } /* line 38, src/assets/scss/elements/_forms-general.scss */ .form-label.is-narrow { margin-bottom: 0; } /* line 43, src/assets/scss/elements/_forms-general.scss */ .sub-label { font-size: .8rem; color: #999999; } /* ========================================================================== 2. Inputs and textareas ========================================================================== */ /* line 52, src/assets/scss/elements/_forms-general.scss */ .input, .input:focus, .textarea, .textarea:focus { -webkit-box-shadow: none; box-shadow: none; } /* line 56, src/assets/scss/elements/_forms-general.scss */ .input { height: 38px; -webkit-transition: all .3s; transition: all .3s; } /* line 62, src/assets/scss/elements/_forms-general.scss */ .input:focus { border-color: #e3e3e3; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 66, src/assets/scss/elements/_forms-general.scss */ .input:focus.is-primary-focus { border-color: #606061 !important; } /* line 70, src/assets/scss/elements/_forms-general.scss */ .input:focus.is-success-focus { border-color: #06d6a0 !important; } /* line 74, src/assets/scss/elements/_forms-general.scss */ .input:focus.is-info-focus { border-color: #039BE5 !important; } /* line 78, src/assets/scss/elements/_forms-general.scss */ .input:focus.is-warning-focus { border-color: #faae42 !important; } /* line 82, src/assets/scss/elements/_forms-general.scss */ .input:focus.is-danger-focus { border-color: #e62965 !important; } /* line 88, src/assets/scss/elements/_forms-general.scss */ .textarea { -webkit-transition: all .3s; transition: all .3s; } /* line 91, src/assets/scss/elements/_forms-general.scss */ .textarea:focus { border-color: #e3e3e3; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 95, src/assets/scss/elements/_forms-general.scss */ .textarea:focus.is-primary-focus { border-color: #606061 !important; } /* line 99, src/assets/scss/elements/_forms-general.scss */ .textarea:focus.is-success-focus { border-color: #06d6a0 !important; } /* line 103, src/assets/scss/elements/_forms-general.scss */ .textarea:focus.is-info-focus { border-color: #039BE5 !important; } /* line 107, src/assets/scss/elements/_forms-general.scss */ .textarea:focus.is-warning-focus { border-color: #faae42 !important; } /* line 111, src/assets/scss/elements/_forms-general.scss */ .textarea:focus.is-danger-focus { border-color: #e62965 !important; } /* ========================================================================== 3. Inputs and textareas dark-mode ========================================================================== */ /* line 123, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input, body.is-dark .textarea { background-color: #28282b; border-color: #2d2d31; color: #aaaab3; } /* line 128, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input:hover, body.is-dark .textarea:hover { border-color: #404046; } /* line 132, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input:focus, body.is-dark .textarea:focus { border-color: #37373b; } /* line 135, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input:focus + .form-icon svg, body.is-dark .textarea:focus + .form-icon svg { stroke: #ED1C24 !important; } /* line 140, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input::-webkit-input-placeholder, body.is-dark .textarea::-webkit-input-placeholder { color: gray !important; } /* line 144, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input::-moz-placeholder, body.is-dark .textarea::-moz-placeholder { color: gray !important; } /* line 148, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input:-ms-input-placeholder, body.is-dark .textarea:-ms-input-placeholder { color: gray !important; } /* line 152, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input:-moz-placeholder, body.is-dark .textarea:-moz-placeholder { color: gray !important; } /* line 157, src/assets/scss/elements/_forms-general.scss */ body.is-dark .input.is-primary-focus:focus, body.is-dark .textarea.is-primary-focus:focus { border-color: #ED1C24 !important; } /* ========================================================================== 3. Radios ========================================================================== */ /* line 169, src/assets/scss/elements/_forms-general.scss */ .radio-list { padding: 6px 4px; } /* line 173, src/assets/scss/elements/_forms-general.scss */ .radio-list li label { position: relative; display: block; } /* line 177, src/assets/scss/elements/_forms-general.scss */ .radio-list li label input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; } /* line 187, src/assets/scss/elements/_forms-general.scss */ .radio-list li label input:checked + .k-radio .radio-knob { border-color: #606061; } /* line 190, src/assets/scss/elements/_forms-general.scss */ .radio-list li label input:checked + .k-radio .radio-knob .knob-inner { -webkit-transform: scale(1); transform: scale(1); } /* line 195, src/assets/scss/elements/_forms-general.scss */ .radio-list li label input:checked + .k-radio .label-text { color: #283252; } /* line 201, src/assets/scss/elements/_forms-general.scss */ .radio-list li label span { display: block; } /* line 205, src/assets/scss/elements/_forms-general.scss */ .radio-list li label .k-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 0; } /* line 210, src/assets/scss/elements/_forms-general.scss */ .radio-list li label .k-radio .radio-knob { height: 20px; width: 20px; border: 1px solid #cccccc; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 219, src/assets/scss/elements/_forms-general.scss */ .radio-list li label .k-radio .radio-knob .knob-inner { height: 8px; width: 8px; border-radius: 50%; background: #606061; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: scale(0); transform: scale(0); } /* line 229, src/assets/scss/elements/_forms-general.scss */ .radio-list li label .k-radio .label-text { margin-left: 10px; color: #999999; font-size: .9rem; font-weight: 500; line-height: 0; -webkit-transition: color .3s; transition: color .3s; } /* ========================================================================== 4. Fieldset | Field | Controls ========================================================================== */ /* line 246, src/assets/scss/elements/_forms-general.scss */ .form-fieldset { padding: 20px 0; max-width: 480px; margin: 0 auto; } /* line 251, src/assets/scss/elements/_forms-general.scss */ .form-fieldset .fieldset-heading { margin-bottom: 20px; } /* line 254, src/assets/scss/elements/_forms-general.scss */ .form-fieldset .fieldset-heading h4 { font-family: "Montserrat", sans-serif; font-weight: 600; } /* line 259, src/assets/scss/elements/_forms-general.scss */ .form-fieldset .fieldset-heading p { font-size: .9rem; } /* line 265, src/assets/scss/elements/_forms-general.scss */ .form-fieldset .columns .column { padding-top: .5rem; padding-bottom: .5rem; } /* line 272, src/assets/scss/elements/_forms-general.scss */ .select:not(.is-multiple):not(.is-loading)::after { border-color: #bdbdbd; border-width: 1.4px; } /* line 279, src/assets/scss/elements/_forms-general.scss */ .select.is-loading:after { right: 0.75em; top: 0.75em; } /* line 286, src/assets/scss/elements/_forms-general.scss */ .select + .icon svg { height: 18px; width: 18px; } /* line 291, src/assets/scss/elements/_forms-general.scss */ .select + .icon .lnil, .select + .icon .lnir { font-size: 16px; } /* line 298, src/assets/scss/elements/_forms-general.scss */ select:focus { -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #dedede !important; } /* line 307, src/assets/scss/elements/_forms-general.scss */ .field.is-horizontal .field-label .label { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9 !important; font-weight: 400; } /* line 318, src/assets/scss/elements/_forms-general.scss */ .field.has-addons .control .button, .field.is-grouped .control .button { height: 38px; } /* line 322, src/assets/scss/elements/_forms-general.scss */ .field.has-addons .control .select, .field.is-grouped .control .select { height: 38px; } /* line 326, src/assets/scss/elements/_forms-general.scss */ .field.has-addons .control .select.currency-select select, .field.is-grouped .control .select.currency-select select { font-family: "Roboto", sans-serif; font-weight: 600; } /* line 332, src/assets/scss/elements/_forms-general.scss */ .field.has-addons .control .select select, .field.is-grouped .control .select select { height: 38px; } /* line 340, src/assets/scss/elements/_forms-general.scss */ .field.has-textarea-addon .textarea { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; border-color: #e8e8e8 !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 348, src/assets/scss/elements/_forms-general.scss */ .field.has-textarea-addon .is-textarea-addon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 12px 8px; background: #ffffff; border-radius: 0 0 4px 4px; border: 1px solid #e8e8e8; border-top: none; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 362, src/assets/scss/elements/_forms-general.scss */ .field > label { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9 !important; } /* line 371, src/assets/scss/elements/_forms-general.scss */ .control.is-loading:after { right: 0.75em; top: 0.75em; } /* line 377, src/assets/scss/elements/_forms-general.scss */ .control.has-icon { position: relative; } /* line 380, src/assets/scss/elements/_forms-general.scss */ .control.has-icon .form-icon { position: absolute; top: 0; left: 0; height: 38px; width: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 390, src/assets/scss/elements/_forms-general.scss */ .control.has-icon .form-icon svg { height: 18px; width: 18px; stroke: #cecece; -webkit-transition: all .3s; transition: all .3s; } /* line 397, src/assets/scss/elements/_forms-general.scss */ .control.has-icon .form-icon .fas, .control.has-icon .form-icon .far, .control.has-icon .form-icon .fal, .control.has-icon .form-icon .fab { color: #cecece; -webkit-transition: all .3s; transition: all .3s; } /* line 402, src/assets/scss/elements/_forms-general.scss */ .control.has-icon .form-icon .lnil, .control.has-icon .form-icon .lnir { font-size: 1.2rem; color: #cecece; -webkit-transition: all .3s; transition: all .3s; } /* line 409, src/assets/scss/elements/_forms-general.scss */ .control.has-icon .input { height: 38px; padding-left: 38px; -webkit-transition: all .3s; transition: all .3s; } /* line 416, src/assets/scss/elements/_forms-general.scss */ .control.has-icon .input:focus + .form-icon svg { stroke: #606061; } /* line 420, src/assets/scss/elements/_forms-general.scss */ .control.has-icon .input:focus + .form-icon .fas, .control.has-icon .input:focus + .form-icon .far, .control.has-icon .input:focus + .form-icon .fal, .control.has-icon .input:focus + .form-icon .fab { color: #606061; } /* line 424, src/assets/scss/elements/_forms-general.scss */ .control.has-icon .input:focus + .form-icon .lnil, .control.has-icon .input:focus + .form-icon .lnir { color: #606061; } /* line 434, src/assets/scss/elements/_forms-general.scss */ .control.has-validation.has-success input { border-color: #06d6a0 !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); -webkit-transition: all .3s; transition: all .3s; } /* line 440, src/assets/scss/elements/_forms-general.scss */ .control.has-validation.has-success .validation-icon.is-success, .control.has-validation.has-success .form-icon { opacity: 1 !important; } /* line 443, src/assets/scss/elements/_forms-general.scss */ .control.has-validation.has-success .validation-icon.is-success svg, .control.has-validation.has-success .validation-icon.is-success .form-icon svg, .control.has-validation.has-success .form-icon svg, .control.has-validation.has-success .form-icon .form-icon svg { stroke: #06d6a0 !important; } /* line 450, src/assets/scss/elements/_forms-general.scss */ .control.has-validation.has-error input { border-color: #e62965 !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 455, src/assets/scss/elements/_forms-general.scss */ .control.has-validation.has-error .validation-icon.is-error, .control.has-validation.has-error .form-icon { opacity: 1 !important; } /* line 458, src/assets/scss/elements/_forms-general.scss */ .control.has-validation.has-error .validation-icon.is-error svg, .control.has-validation.has-error .validation-icon.is-error .form-icon svg, .control.has-validation.has-error .form-icon svg, .control.has-validation.has-error .form-icon .form-icon svg { stroke: #e62965 !important; } /* line 464, src/assets/scss/elements/_forms-general.scss */ .control.has-validation.has-error .help-text span.info { display: none; } /* line 468, src/assets/scss/elements/_forms-general.scss */ .control.has-validation.has-error .help-text span.error { display: block; } /* line 474, src/assets/scss/elements/_forms-general.scss */ .control.has-validation .input { padding-right: 40px; } /* line 478, src/assets/scss/elements/_forms-general.scss */ .control.has-validation .validation-icon { position: absolute; top: 0; right: 0; height: 38px; width: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } /* line 490, src/assets/scss/elements/_forms-general.scss */ .control.has-validation .validation-icon svg { height: 18px; width: 18px; stroke: #cecece; -webkit-transition: all .3s; transition: all .3s; } /* line 499, src/assets/scss/elements/_forms-general.scss */ .control .help-text { display: block; color: #999999; margin-top: 10px; font-size: .8rem; } /* line 506, src/assets/scss/elements/_forms-general.scss */ .control .help-text span.info { display: block; } /* line 510, src/assets/scss/elements/_forms-general.scss */ .control .help-text span.error { display: none; color: #e62965; } /* line 517, src/assets/scss/elements/_forms-general.scss */ .control .search-results { position: absolute; top: 64px; left: 0; width: 100%; max-height: 285px; overflow-y: auto; background: #ffffff; opacity: 0; border: 1px solid #e5e5e5; border-radius: 4px; pointer-events: none; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); z-index: 10; -webkit-transition: all .3s; transition: all .3s; } /* line 534, src/assets/scss/elements/_forms-general.scss */ .control .search-results.is-active { opacity: 1; pointer-events: all; -webkit-transform: translateY(0); transform: translateY(0); } /* line 540, src/assets/scss/elements/_forms-general.scss */ .control .search-results .placeholder-wrap { min-height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; } /* line 548, src/assets/scss/elements/_forms-general.scss */ .control .search-results .placeholder-wrap .placeholder-content img { display: block; margin: 0 auto; max-width: 100px; } /* line 554, src/assets/scss/elements/_forms-general.scss */ .control .search-results .placeholder-wrap .placeholder-content h3 { font-family: "Roboto", sans-serif; font-weight: 600; color: #283252; padding: 0; } /* line 561, src/assets/scss/elements/_forms-general.scss */ .control .search-results .placeholder-wrap .placeholder-content p { color: #a2a5b9; font-size: .95rem; max-width: 420px; margin: 0 auto; } /* line 570, src/assets/scss/elements/_forms-general.scss */ .control .search-results .search-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; -webkit-transition: all .3s; transition: all .3s; } /* line 576, src/assets/scss/elements/_forms-general.scss */ .control .search-results .search-result:last-child { border-bottom: none; } /* line 580, src/assets/scss/elements/_forms-general.scss */ .control .search-results .search-result:hover { background: #f7f7f7; } /* line 585, src/assets/scss/elements/_forms-general.scss */ .control .search-results .search-result .h-avatar .article { border-radius: 2px; } /* line 590, src/assets/scss/elements/_forms-general.scss */ .control .search-results .search-result .meta { margin-left: 12px; } /* line 593, src/assets/scss/elements/_forms-general.scss */ .control .search-results .search-result .meta span { display: block; line-height: 1.3; } /* line 597, src/assets/scss/elements/_forms-general.scss */ .control .search-results .search-result .meta span:first-child { font-family: "Roboto", sans-serif; font-weight: 500; font-size: .9rem; color: #283252; } /* line 604, src/assets/scss/elements/_forms-general.scss */ .control .search-results .search-result .meta span:nth-child(2) { font-size: .85rem; color: #a2a5b9; } /* ========================================================================== 5. Fieldset | Field | Controls Dark mode ========================================================================== */ /* line 622, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-fieldset .fieldset-heading h4 { color: #aaaab3; } /* line 630, src/assets/scss/elements/_forms-general.scss */ body.is-dark .field.has-textarea-addon .textarea { border-color: #2d2d31 !important; } /* line 634, src/assets/scss/elements/_forms-general.scss */ body.is-dark .field.has-textarea-addon .is-textarea-addon { background-color: #28282b; border-color: #2d2d31; } /* line 646, src/assets/scss/elements/_forms-general.scss */ body.is-dark .control.has-icon .input:focus ~ .form-icon svg { stroke: #ED1C24; } /* line 650, src/assets/scss/elements/_forms-general.scss */ body.is-dark .control.has-icon .input:focus ~ .form-icon .fas, body.is-dark .control.has-icon .input:focus ~ .form-icon .fal, body.is-dark .control.has-icon .input:focus ~ .form-icon .far, body.is-dark .control.has-icon .input:focus ~ .form-icon .fab, body.is-dark .control.has-icon .input:focus ~ .form-icon .lnir, body.is-dark .control.has-icon .input:focus ~ .form-icon .lnil { color: #ED1C24; } /* line 658, src/assets/scss/elements/_forms-general.scss */ body.is-dark .control.has-icon .form-icon svg { stroke: #9397ae; } /* line 662, src/assets/scss/elements/_forms-general.scss */ body.is-dark .control.has-icon .form-icon .fas, body.is-dark .control.has-icon .form-icon .fal, body.is-dark .control.has-icon .form-icon .far, body.is-dark .control.has-icon .form-icon .fab, body.is-dark .control.has-icon .form-icon .lnir, body.is-dark .control.has-icon .form-icon .lnil { color: #9397ae; } /* line 672, src/assets/scss/elements/_forms-general.scss */ body.is-dark .select:not(.is-multiple):not(.is-loading):hover:after { border-color: #aaaab3 !important; } /* line 678, src/assets/scss/elements/_forms-general.scss */ body.is-dark .select select { background-color: #3b3b41; border-color: #404046 !important; color: #aaaab3; } /* line 685, src/assets/scss/elements/_forms-general.scss */ body.is-dark .search-results { background: #1e1e21; border-color: #2d2d31 !important; } /* line 690, src/assets/scss/elements/_forms-general.scss */ body.is-dark .search-results .search-result:hover { background: #28282b; } /* line 696, src/assets/scss/elements/_forms-general.scss */ body.is-dark .search-results .search-result .meta span:first-child { color: #aaaab3; } /* ========================================================================== 6. Custom select ========================================================================== */ /* line 710, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper { position: relative; margin-bottom: 10px; } /* line 715, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper.is-opened .custom-select { border-color: #cecece; } /* line 719, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper.is-opened .select-drop { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; } /* line 725, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper.is-opened .select-caret { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* line 728, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper.is-opened .select-caret svg { stroke: #606061; } /* line 734, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ededed; border-radius: 6px; padding: 14px 16px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 744, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select:hover { border-color: #cecece; } /* line 749, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select .selected-option .option-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 754, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select .selected-option .option-content .image { margin-right: 15px; } /* line 757, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select .selected-option .option-content .image img { height: 38px; width: 38px; border-radius: 50%; } /* line 765, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select .selected-option .option-content .option-text span { display: block; } /* line 768, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select .selected-option .option-content .option-text span:first-child { font-size: 1rem; font-weight: 500; color: #606061; } /* line 774, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select .selected-option .option-content .option-text span:nth-child(2) { font-size: .85rem; color: #999999; } /* line 783, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select .select-caret { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s; transition: all .3s; } /* line 792, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .custom-select .select-caret svg { width: 20px; height: 20px; stroke: #999999; } /* line 800, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop { position: absolute; top: 100%; left: 0; width: 100%; background: #ffffff; border: 1px solid #ededed; border-radius: 6px; margin-top: 10px; padding: 5px 0; -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; z-index: 5; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 817, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner { position: relative; } /* line 820, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper { cursor: pointer; border-bottom: 1px solid #ededed; } /* line 824, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper:last-child { border-bottom: 0; } /* line 828, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper:hover { background: #fafafa; } /* line 832, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper .option-content { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 838, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper .option-content .image { margin-right: 15px; } /* line 841, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper .option-content .image img { height: 32px; width: 32px; border-radius: 50%; } /* line 849, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper .option-content .option-text span { display: block; } /* line 852, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper .option-content .option-text span:first-child { font-size: .9rem; font-weight: 500; color: #283252; } /* line 858, src/assets/scss/elements/_forms-general.scss */ .custom-select-wrapper .select-drop .inner .option-wrapper .option-content .option-text span:nth-child(2) { font-size: .75rem; color: #999999; } /* ========================================================================== 7. Autocomplete ========================================================================== */ /* line 875, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control { position: relative; } /* line 878, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control .easy-autocomplete { width: 100% !important; } /* line 881, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control .easy-autocomplete input { -webkit-box-shadow: none; box-shadow: none; color: #999999; -webkit-transition: all .3s; transition: all .3s; } /* line 887, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control .easy-autocomplete .template-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 892, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper { position: relative; width: 40px !important; height: 40px !important; } /* line 897, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; } /* line 903, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge { position: absolute; bottom: 0; right: -5px; width: 18px; height: 18px; border: 2px solid #ffffff; border-radius: 50%; } /* line 914, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control .easy-autocomplete .template-wrapper .entry-text { margin-left: 15px; } /* line 917, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span { font-size: 0.8rem; color: #A9ABAC; } /* line 926, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete li { height: auto !important; padding-top: 8px; padding-bottom: 8px; border-left: none !important; border-right: none !important; } /* line 934, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .easy-autocomplete-container { top: 120% !important; border: none !important; } /* line 938, src/assets/scss/elements/_forms-general.scss */ .h-autocomplete .easy-autocomplete-container ul { border-radius: 4px !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 947, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete { width: 100% !important; } /* line 950, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete input { -webkit-box-shadow: none; box-shadow: none; } /* line 953, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete input:focus { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 956, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete input:focus + .icon { color: #606061; } /* line 962, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete .template-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 966, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper { position: relative; margin-right: 10px; } /* line 970, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar { width: 32px !important; height: 32px !important; border-radius: 50% !important; } /* line 976, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge { position: absolute; bottom: 0; right: -2px; width: 16px; height: 16px; border: 1px solid #ffffff; border-radius: 50%; } /* line 987, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text { color: #283252; line-height: 1.3; } /* line 991, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span { font-family: "Roboto", sans-serif; display: block; } /* line 995, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span:first-child { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 500; color: #283252; } /* line 1002, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 1012, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete li { height: auto !important; padding-top: 8px; padding-bottom: 8px; border-left: none !important; border-right: none !important; } /* line 1020, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .easy-autocomplete-container { top: 120% !important; border: none !important; } /* line 1024, src/assets/scss/elements/_forms-general.scss */ .is-autocomplete .easy-autocomplete-container ul { border-radius: 4px !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* ========================================================================== 8. Autocomplete Dark mode ========================================================================== */ /* line 1039, src/assets/scss/elements/_forms-general.scss */ body.is-dark .is-autocomplete .easy-autocomplete-container > ul { background: #232326; border-color: #37373b; } /* line 1043, src/assets/scss/elements/_forms-general.scss */ body.is-dark .is-autocomplete .easy-autocomplete-container > ul li { border-color: #37373b; } /* line 1046, src/assets/scss/elements/_forms-general.scss */ body.is-dark .is-autocomplete .easy-autocomplete-container > ul li.selected { background-color: #2a2a2e; } /* line 1052, src/assets/scss/elements/_forms-general.scss */ body.is-dark .is-autocomplete .easy-autocomplete-container > ul li .eac-item .template-wrapper .entry-text { color: #283252; } /* line 1056, src/assets/scss/elements/_forms-general.scss */ body.is-dark .is-autocomplete .easy-autocomplete-container > ul li .eac-item .template-wrapper .entry-text span:first-child { color: #aaaab3; } /* ========================================================================== 9. Switch ========================================================================== */ /* line 1074, src/assets/scss/elements/_forms-general.scss */ .form-switch { position: relative; display: inline-block; cursor: pointer; -webkit-tap-highlight-color: transparent; } /* line 1082, src/assets/scss/elements/_forms-general.scss */ .form-switch.is-primary input:checked + i { background-color: #606061; } /* line 1090, src/assets/scss/elements/_forms-general.scss */ .form-switch.is-success input:checked + i { background-color: #06d6a0; } /* line 1098, src/assets/scss/elements/_forms-general.scss */ .form-switch.is-info input:checked + i { background-color: #039BE5; } /* line 1106, src/assets/scss/elements/_forms-general.scss */ .form-switch.is-warning input:checked + i { background-color: #faae42; } /* line 1114, src/assets/scss/elements/_forms-general.scss */ .form-switch.is-danger input:checked + i { background-color: #e62965; } /* line 1120, src/assets/scss/elements/_forms-general.scss */ .form-switch i { position: relative; display: inline-block; width: 46px; height: 26px; background-color: #e6e6e6; border-radius: 23px; vertical-align: text-bottom; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } /* line 1130, src/assets/scss/elements/_forms-general.scss */ .form-switch i::before { content: ""; position: absolute; left: 0; width: 42px; height: 22px; background-color: #ffffff; border-radius: 11px; -webkit-transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1); transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1); -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } /* line 1142, src/assets/scss/elements/_forms-general.scss */ .form-switch i::after { content: ""; position: absolute; left: 0; width: 22px; height: 22px; background-color: #ffffff; border-radius: 11px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); -webkit-transform: translate3d(2px, 2px, 0); transform: translate3d(2px, 2px, 0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* line 1157, src/assets/scss/elements/_forms-general.scss */ .form-switch:active i::after { width: 28px; -webkit-transform: translate3d(2px, 2px, 0); transform: translate3d(2px, 2px, 0); } /* line 1163, src/assets/scss/elements/_forms-general.scss */ .form-switch:active input:checked + i::after { -webkit-transform: translate3d(16px, 2px, 0); transform: translate3d(16px, 2px, 0); } /* line 1169, src/assets/scss/elements/_forms-general.scss */ .form-switch input { position: absolute; opacity: 0; pointer-events: none; } /* line 1174, src/assets/scss/elements/_forms-general.scss */ .form-switch input:checked + i { background-color: #a2a5b9; } /* line 1177, src/assets/scss/elements/_forms-general.scss */ .form-switch input:checked + i::before { -webkit-transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); } /* line 1181, src/assets/scss/elements/_forms-general.scss */ .form-switch input:checked + i::after { -webkit-transform: translate3d(22px, 2px, 0); transform: translate3d(22px, 2px, 0); } /* line 1187, src/assets/scss/elements/_forms-general.scss */ .form-switch small { color: #999999; position: relative; top: -4px; } /* line 1194, src/assets/scss/elements/_forms-general.scss */ .switch-block { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1199, src/assets/scss/elements/_forms-general.scss */ .switch-block .text { margin-left: 6px; } /* line 1202, src/assets/scss/elements/_forms-general.scss */ .switch-block .text span { display: block; position: relative; top: -2px; color: #a2a5b9; } /* ========================================================================== 14. Switch Dark mode ========================================================================== */ /* line 1220, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-primary input:checked + i { background-color: #ED1C24 !important; } /* line 1223, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-primary input:checked + i:after { background: #ffffff !important; } /* line 1232, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-success input:checked + i { background-color: #06d6a0 !important; } /* line 1235, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-success input:checked + i:after { background: #ffffff !important; } /* line 1244, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-info input:checked + i { background-color: #039BE5 !important; } /* line 1247, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-info input:checked + i:after { background: #ffffff !important; } /* line 1256, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-warning input:checked + i { background-color: #faae42 !important; } /* line 1259, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-warning input:checked + i:after { background: #ffffff !important; } /* line 1268, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-danger input:checked + i { background-color: #e62965 !important; } /* line 1271, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch.is-danger input:checked + i:after { background: #ffffff !important; } /* line 1278, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch i { background: #232326 !important; } /* line 1281, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch i:before { background: #232326 !important; } /* line 1285, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch i:after { background: #595960 !important; } /* line 1292, src/assets/scss/elements/_forms-general.scss */ body.is-dark .form-switch input:checked + i:after { background: #aeaeb4 !important; } /* ========================================================================== 14. Thin Switch ========================================================================== */ /* line 1305, src/assets/scss/elements/_forms-general.scss */ .thin-switch { display: block; margin-left: 8px; } /* line 1310, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-primary .input:checked ~ .slider { background: #939394; } /* line 1313, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-primary .input:checked ~ .slider:after { background: #606061; border-color: #606061; } /* line 1321, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-success .input:checked ~ .slider { background: #48facc; } /* line 1324, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-success .input:checked ~ .slider:after { background: #06d6a0; border-color: #06d6a0; } /* line 1332, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-info .input:checked ~ .slider { background: #51c5fd; } /* line 1335, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-info .input:checked ~ .slider:after { background: #039BE5; border-color: #039BE5; } /* line 1343, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-warning .input:checked ~ .slider { background: #fdd9a5; } /* line 1346, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-warning .input:checked ~ .slider:after { background: #faae42; border-color: #faae42; } /* line 1354, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-danger .input:checked ~ .slider { background: #f184a7; } /* line 1357, src/assets/scss/elements/_forms-general.scss */ .thin-switch.is-danger .input:checked ~ .slider:after { background: #e62965; border-color: #e62965; } /* line 1364, src/assets/scss/elements/_forms-general.scss */ .thin-switch .slider { position: relative; display: inline-block; height: 8px; width: 32px; border-radius: 8px; cursor: pointer; background: #c5c5c5; -webkit-transition: all .2s ease; transition: all .2s ease; } /* line 1374, src/assets/scss/elements/_forms-general.scss */ .thin-switch .slider:after { background: #eeeeee; position: absolute; left: -8px; top: -8.5px; display: block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid transparent; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); content: ''; -webkit-transition: all .2s ease; transition: all .2s ease; } /* line 1390, src/assets/scss/elements/_forms-general.scss */ .thin-switch label { margin-right: 7px; } /* line 1394, src/assets/scss/elements/_forms-general.scss */ .thin-switch .input { display: none; } /* line 1397, src/assets/scss/elements/_forms-general.scss */ .thin-switch .input ~ .label { margin-left: 8px; } /* line 1402, src/assets/scss/elements/_forms-general.scss */ .thin-switch .input:checked ~ .slider:after { left: 16px; } /* line 1409, src/assets/scss/elements/_forms-general.scss */ .thin-switch .input:checked ~ .slider:after { background: #ffffff; border: 1px solid #ededed; } /* line 1416, src/assets/scss/elements/_forms-general.scss */ .thin-switch-block { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1421, src/assets/scss/elements/_forms-general.scss */ .thin-switch-block .text { margin-left: 16px; } /* line 1424, src/assets/scss/elements/_forms-general.scss */ .thin-switch-block .text span { display: block; position: relative; color: #a2a5b9; } /* ========================================================================== 14. Thin Switch Dark mode ========================================================================== */ /* line 1440, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch.is-primary .input:checked ~ .slider { background: #f47b7f; } /* line 1443, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch.is-primary .input:checked ~ .slider:after { background: #ED1C24; border-color: #ED1C24; } /* line 1452, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch.is-success .input:checked ~ .slider:after { background: #06d6a0; border-color: #06d6a0; } /* line 1461, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch.is-info .input:checked ~ .slider:after { background: #039BE5; border-color: #039BE5; } /* line 1470, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch.is-warning .input:checked ~ .slider:after { background: #faae42; border-color: #faae42; } /* line 1479, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch.is-danger .input:checked ~ .slider:after { background: #e62965; border-color: #e62965; } /* line 1486, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch .slider { background: #232326; } /* line 1489, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch .slider:after { background: #595960; } /* line 1495, src/assets/scss/elements/_forms-general.scss */ body.is-dark .thin-switch .input:checked ~ .slider:after { background: #aeaeb4; border: #aeaeb4; } /* ========================================================================== 10. Range input ========================================================================== */ /* line 1508, src/assets/scss/elements/_forms-general.scss */ .range-slider { position: relative; width: 100%; margin: 0 4px; } /* line 1513, src/assets/scss/elements/_forms-general.scss */ .range-slider .slider-output { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 0; } /* line 1520, src/assets/scss/elements/_forms-general.scss */ .range-slider .slider-output small { font-size: .8rem; color: #999999; } /* line 1526, src/assets/scss/elements/_forms-general.scss */ .range-slider .input-range { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 5px; background: #ccc; outline: none; } /* line 1535, src/assets/scss/elements/_forms-general.scss */ .range-slider .input-range:focus::-webkit-slider-thumb { -webkit-transform: scale(1.15); transform: scale(1.15); } /* line 1541, src/assets/scss/elements/_forms-general.scss */ .range-slider .input-range::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #606061; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out; -webkit-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: scale(1); transform: scale(1); } /* line 1555, src/assets/scss/elements/_forms-general.scss */ .range-slider .input-range::-webkit-slider-thumb:hover { background: #606061; } /* line 1559, src/assets/scss/elements/_forms-general.scss */ .range-slider .input-range:active::-moz-range-thumb { background: #606061; } /* line 1563, src/assets/scss/elements/_forms-general.scss */ .range-slider .input-range::-moz-range-thumb { width: 16px; height: 16px; border: 0; border-radius: 50%; background: #606061; cursor: pointer; -webkit-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; } /* line 1574, src/assets/scss/elements/_forms-general.scss */ .range-slider .range-value { display: block !important; position: relative; color: #606061; font-size: 14px; font-weight: 500; padding: 0 10px; } /* line 1583, src/assets/scss/elements/_forms-general.scss */ .range-slider ::-moz-range-track { background: #ccc; border: 0; } /* line 1588, src/assets/scss/elements/_forms-general.scss */ .range-slider input::-moz-focus-inner { border: 0; } /* ========================================================================== 11. File inputs ========================================================================== */ /* line 1600, src/assets/scss/elements/_forms-general.scss */ .file.is-default:hover .file-cta { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 1605, src/assets/scss/elements/_forms-general.scss */ .file.is-default .file-cta { background: #ffffff; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* ========================================================================== 12. File inputs Dark mode ========================================================================== */ /* line 1621, src/assets/scss/elements/_forms-general.scss */ body.is-dark .file:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) .file-cta { background: #3b3b41; border-color: #404046; color: #aaaab3; } /* line 1628, src/assets/scss/elements/_forms-general.scss */ body.is-dark .file .file-name { background-color: #28282b; border-color: #2d2d31; } /* ========================================================================== 13. Filepond ========================================================================== */ /* line 1642, src/assets/scss/elements/_forms-general.scss */ .filepond-uploader.is-two-grid .filepond--item { width: calc(50% - .5em); } /* line 1648, src/assets/scss/elements/_forms-general.scss */ .filepond-uploader.is-three-grid .filepond--item { width: calc(33.3% - .5em); } /* line 1653, src/assets/scss/elements/_forms-general.scss */ .filepond-uploader .filepond--root { border: 2px dashed #e3e3e3; border-radius: 4px; min-height: 70px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 1662, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap, .filepond-square-wrap { display: inline-block; height: 100px; width: 100px; max-height: 100px; max-width: 100px; } /* line 1669, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap.is-tiny, .filepond-square-wrap.is-tiny { height: 68px; width: 68px; max-height: 68px; max-width: 68px; } /* line 1675, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap.is-tiny .lnil, .filepond-square-wrap.is-tiny .lnil { font-size: 1.8rem; } /* line 1680, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap.is-small, .filepond-square-wrap.is-small { height: 80px; width: 80px; max-height: 80px; max-width: 80px; } /* line 1686, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap.is-small .lnil, .filepond-square-wrap.is-small .lnil { font-size: 2rem; } /* line 1692, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap:hover .lnil, .filepond-square-wrap:hover .lnil { color: #606061; } /* line 1696, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap:hover .filepond--root, .filepond-square-wrap:hover .filepond--root { border-color: dashed #dedede; } /* line 1701, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap .lnil, .filepond-square-wrap .lnil { pointer-events: none; font-size: 2.4rem; color: #a2a5b9; -webkit-transition: color .3s; transition: color .3s; } /* line 1708, src/assets/scss/elements/_forms-general.scss */ .filepond-profile-wrap .filepond--root, .filepond-square-wrap .filepond--root { border: 2px dashed #e3e3e3; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 1716, src/assets/scss/elements/_forms-general.scss */ .filepond-square-wrap .filepond--root { border-radius: 4px; } /* ========================================================================== 14. Filepond Dark mode ========================================================================== */ /* line 1729, src/assets/scss/elements/_forms-general.scss */ body.is-dark .filepond-uploader:hover .lnil, body.is-dark .filepond-profile-wrap:hover .lnil, body.is-dark .filepond-square-wrap:hover .lnil { color: #ED1C24; } /* line 1734, src/assets/scss/elements/_forms-general.scss */ body.is-dark .filepond-uploader .filepond--root, body.is-dark .filepond-profile-wrap .filepond--root, body.is-dark .filepond-square-wrap .filepond--root { border-color: #404046; } /* line 1738, src/assets/scss/elements/_forms-general.scss */ body.is-dark .filepond-uploader .filepond--drop-label, body.is-dark .filepond-profile-wrap .filepond--drop-label, body.is-dark .filepond-square-wrap .filepond--drop-label { background: #28282b; } /* line 1741, src/assets/scss/elements/_forms-general.scss */ body.is-dark .filepond-uploader .filepond--drop-label label, body.is-dark .filepond-profile-wrap .filepond--drop-label label, body.is-dark .filepond-square-wrap .filepond--drop-label label { color: #aaaab3; } /* ========================================================================== 15. Choices ========================================================================== */ /* line 1755, src/assets/scss/elements/_forms-general.scss */ .choices.is-focused .choices__inner { border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1761, src/assets/scss/elements/_forms-general.scss */ .choices .choices__inner { border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; } /* line 1766, src/assets/scss/elements/_forms-general.scss */ .choices .choices__inner .choices__list .choices__item { position: relative !important; background-color: #e8e8e8; border-color: #e8e8e8; color: #283252; font-family: "Roboto", sans-serif; padding: 4px 10px 5px 10px; } /* line 1774, src/assets/scss/elements/_forms-general.scss */ .choices .choices__inner .choices__list .choices__item:before { content: '\f00d'; position: absolute; top: 4.5px; right: 14px; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; color: #a2a5b9; } /* line 1784, src/assets/scss/elements/_forms-general.scss */ .choices .choices__inner .choices__list .choices__item button { border: none; background-image: none; margin: 0 -4px 0 4px; } /* line 1793, src/assets/scss/elements/_forms-general.scss */ .choices .choices__list--dropdown { margin-top: 6px; border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1798, src/assets/scss/elements/_forms-general.scss */ .choices .choices__list--dropdown .choices__item--choice { color: #a2a5b9; } /* ========================================================================== 16. Choices Dark mode ========================================================================== */ /* line 1812, src/assets/scss/elements/_forms-general.scss */ body.is-dark .choices.is-focused .choices__inner { border-color: #37373b; } /* line 1817, src/assets/scss/elements/_forms-general.scss */ body.is-dark .choices .choices__inner { background-color: #28282b; border-color: #2d2d31; } /* line 1821, src/assets/scss/elements/_forms-general.scss */ body.is-dark .choices .choices__inner input { background-color: #28282b; color: #aaaab3; } /* line 1827, src/assets/scss/elements/_forms-general.scss */ body.is-dark .choices .choices__inner .choices__list .choices__item { background-color: #37373b; border-color: #37373b; color: #aaaab3; } /* line 1835, src/assets/scss/elements/_forms-general.scss */ body.is-dark .choices .choices__list--dropdown { background-color: #28282b; border-color: #2d2d31; } /* line 1840, src/assets/scss/elements/_forms-general.scss */ body.is-dark .choices .choices__list--dropdown .choices__item.is-highlighted { background-color: #1e1e21; } /*! _forms-combos.scss | Huro | Css ninja 2020-2021 */ /* 1. H Select 2. H Select Dark mode 3. Combo Box 4. Combo Box Dark mode */ /* ========================================================================== 1. H Select ========================================================================== */ /* line 14, src/assets/scss/elements/_forms-combos.scss */ .h-select { width: 100%; z-index: 3; } /* line 19, src/assets/scss/elements/_forms-combos.scss */ .h-select.is-dropup .select-drop { top: -180px; } /* line 25, src/assets/scss/elements/_forms-combos.scss */ .h-select.is-active .select-drop { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; } /* line 31, src/assets/scss/elements/_forms-combos.scss */ .h-select.is-active .select-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* line 37, src/assets/scss/elements/_forms-combos.scss */ .h-select.has-media .select-drop { min-height: 180px; max-height: 180px; } /* line 43, src/assets/scss/elements/_forms-combos.scss */ .h-select.has-media .option-meta img { max-height: 36px !important; border-radius: 50%; } /* line 51, src/assets/scss/elements/_forms-combos.scss */ .h-select.is-rounded .select-box { border-radius: 500px; padding-left: 16px; } /* line 56, src/assets/scss/elements/_forms-combos.scss */ .h-select.is-rounded .select-icon { right: 4px; } /* line 62, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 40px 0 10px; height: 38px; width: 100%; border: 1px solid #cccccc; border-radius: 4px; color: #999999; background: #ffffff; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 76, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-box:hover { border-color: #ededed; } /* line 80, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-box span { font-family: "Roboto", sans-serif; font-size: .9rem; position: relative; top: 0; } /* line 88, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-icon { position: absolute; top: 0; right: 0; width: 38px; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotate(0); transform: rotate(0); } /* line 100, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-icon svg { height: 20px; width: 20px; stroke: #bababa !important; -webkit-transition: all .3s; transition: all .3s; } /* line 108, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop { position: absolute; top: 40px; left: 0; width: 100%; max-height: 180px; overflow-y: auto; background: #ffffff; border: 1px solid #ededed; border-radius: 4px; z-index: 5; -webkit-transition: all .3s; transition: all .3s; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); pointer-events: none; } /* line 125, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner { position: relative; height: 100%; width: 100%; background: #ffffff; } /* line 131, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; } /* line 136, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row:hover { background: whitesmoke; } /* line 140, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; } /* line 149, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row input:checked + .option-meta { background: #f7f7f7; } /* line 152, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row input:checked + .option-meta span { color: #283252; } /* line 157, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row input:checked + .option-meta svg.is-purple { stroke: #606061; } /* line 164, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row .option-meta { padding: 12px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 170, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row .option-meta img { display: block; max-height: 20px; } /* line 175, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row .option-meta svg { height: 20px; width: 20px; stroke: #cecece; } /* line 180, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row .option-meta svg.is-small { height: 14px; width: 14px; } /* line 186, src/assets/scss/elements/_forms-combos.scss */ .h-select .select-drop .drop-inner .option-row .option-meta span { display: block; font-weight: 500; color: #999999; font-size: .9rem; margin-left: 8px; } /* ========================================================================== 2. H Select Dark mode ========================================================================== */ /* line 206, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .h-select .select-box { background: #252529 !important; border-color: #2d2d31 !important; } /* line 211, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .h-select .select-drop { border-color: #2d2d31 !important; background: #252529 !important; } /* line 215, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .h-select .select-drop .drop-inner { background: #252529 !important; } /* line 219, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .h-select .select-drop .option-row { background: #252529 !important; border-color: #2d2d31 !important; } /* line 223, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .h-select .select-drop .option-row:hover { background: #2a2a2e !important; } /* line 227, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .h-select .select-drop .option-row input:checked + .option-meta { background: #2d2d31 !important; } /* line 230, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .h-select .select-drop .option-row input:checked + .option-meta span { color: #cccccc !important; } /* ========================================================================== 3. Combo Box ========================================================================== */ /* line 246, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-label { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; } /* line 252, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box, .is-combo .image-combo-box, .is-combo .stacked-combo-box, .is-combo .user-combo-box { position: relative; background: #ffffff; border: 1px solid #cccccc; border-radius: 4px; height: 38px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 262, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box.has-rounded-images .combo-item img, .is-combo .combo-box.has-rounded-images .item-icon img, .is-combo .image-combo-box.has-rounded-images .combo-item img, .is-combo .image-combo-box.has-rounded-images .item-icon img, .is-combo .stacked-combo-box.has-rounded-images .combo-item img, .is-combo .stacked-combo-box.has-rounded-images .item-icon img, .is-combo .user-combo-box.has-rounded-images .combo-item img, .is-combo .user-combo-box.has-rounded-images .item-icon img { border-radius: 50% !important; } /* line 267, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box.is-rounded, .is-combo .image-combo-box.is-rounded, .is-combo .stacked-combo-box.is-rounded, .is-combo .user-combo-box.is-rounded { border-radius: 500px; } /* line 271, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner, .is-combo .image-combo-box .box-inner, .is-combo .stacked-combo-box .box-inner, .is-combo .user-combo-box .box-inner { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 279, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item, .is-combo .image-combo-box .box-inner .combo-item, .is-combo .stacked-combo-box .box-inner .combo-item, .is-combo .user-combo-box .box-inner .combo-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 38px; padding-left: 8px; } /* line 285, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item i, .is-combo .image-combo-box .box-inner .combo-item i, .is-combo .stacked-combo-box .box-inner .combo-item i, .is-combo .user-combo-box .box-inner .combo-item i { color: #a2a5b9; font-size: 20px; margin: 0 8px; } /* line 291, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item .fa, .is-combo .image-combo-box .box-inner .combo-item .fa, .is-combo .stacked-combo-box .box-inner .combo-item .fa, .is-combo .user-combo-box .box-inner .combo-item .fa { font-size: 14px; } /* line 294, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-green, .is-combo .image-combo-box .box-inner .combo-item .fa.is-green, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-green, .is-combo .user-combo-box .box-inner .combo-item .fa.is-green { color: #06d6a0; } /* line 298, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-blue, .is-combo .image-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .user-combo-box .box-inner .combo-item .fa.is-blue { color: #039BE5; } /* line 302, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-orange, .is-combo .image-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .user-combo-box .box-inner .combo-item .fa.is-orange { color: #faae42; } /* line 306, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item .fa.is-red, .is-combo .image-combo-box .box-inner .combo-item .fa.is-red, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-red, .is-combo .user-combo-box .box-inner .combo-item .fa.is-red { color: #e62965; } /* line 311, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item img, .is-combo .image-combo-box .box-inner .combo-item img, .is-combo .stacked-combo-box .box-inner .combo-item img, .is-combo .user-combo-box .box-inner .combo-item img { display: block; height: 22px; width: 22px; border-radius: 6px; -o-object-fit: contain; object-fit: contain; margin-right: 8px; } /* line 319, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked, .is-combo .image-combo-box .box-inner .combo-item img.is-stacked, .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked, .is-combo .user-combo-box .box-inner .combo-item img.is-stacked { height: 26px; width: 26px; border: 2px solid #ffffff; margin-right: 0 !important; } /* line 329, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1) { margin-left: -9px; } /* line 329, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2) { margin-left: -9px; } /* line 329, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3) { margin-left: -9px; } /* line 329, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4) { margin-left: -9px; } /* line 329, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5) { margin-left: -9px; } /* line 337, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item .avatar-container, .is-combo .image-combo-box .box-inner .combo-item .avatar-container, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container, .is-combo .user-combo-box .box-inner .combo-item .avatar-container { position: relative; display: block; height: 26px; width: 26px; } /* line 343, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .avatar { display: block; height: 26px; width: 26px; border-radius: 50%; } /* line 350, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .badge { position: absolute; bottom: 0; right: -6px; height: 16px; width: 16px; border-radius: 50%; border: 2px solid #ffffff; margin: 0; } /* line 362, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item span, .is-combo .image-combo-box .box-inner .combo-item span, .is-combo .stacked-combo-box .box-inner .combo-item span, .is-combo .user-combo-box .box-inner .combo-item span { display: block; color: #283252; font-size: .9rem; font-weight: 500; } /* line 369, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-inner .combo-item span.is-pushed, .is-combo .image-combo-box .box-inner .combo-item span.is-pushed, .is-combo .stacked-combo-box .box-inner .combo-item span.is-pushed, .is-combo .user-combo-box .box-inner .combo-item span.is-pushed { margin-left: 18px; } /* line 376, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-chevron, .is-combo .image-combo-box .box-chevron, .is-combo .stacked-combo-box .box-chevron, .is-combo .user-combo-box .box-chevron { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; width: 36px; } /* line 386, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-chevron svg, .is-combo .image-combo-box .box-chevron svg, .is-combo .stacked-combo-box .box-chevron svg, .is-combo .user-combo-box .box-chevron svg { height: 18px; width: 18px; stroke: #bababa !important; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s; transition: all .3s; } /* line 395, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown, .is-combo .image-combo-box .box-dropdown, .is-combo .stacked-combo-box .box-dropdown, .is-combo .user-combo-box .box-dropdown { position: absolute; top: 32px; left: 0; width: 100%; z-index: 50; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 406, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown.is-dropup, .is-combo .image-combo-box .box-dropdown.is-dropup, .is-combo .stacked-combo-box .box-dropdown.is-dropup, .is-combo .user-combo-box .box-dropdown.is-dropup { top: -165px; height: 148px; } /* line 410, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .image-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .user-combo-box .box-dropdown.is-dropup .dropdown-inner { overflow-y: auto; } /* line 415, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner, .is-combo .image-combo-box .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, .is-combo .user-combo-box .box-dropdown .dropdown-inner { position: relative; width: 100%; height: 100%; background: #ffffff; border: 1px solid #cccccc; border-radius: 4px; margin-top: 10px; max-height: 190px; overflow-y: auto; } /* line 426, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul { padding: 10px 0; } /* line 429, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li { padding: 6px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } /* line 436, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li:hover { background: #f2f2f2; } /* line 442, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i { color: #606061; } /* line 446, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img { opacity: 1; } /* line 451, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active span { color: #283252; } /* line 455, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark { opacity: 1; } /* line 460, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 30px; margin-right: 8px; } /* line 469, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon i { color: #999999; font-size: 20px; } /* line 474, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa { font-size: 16px; position: relative; top: 5px; } /* line 479, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green { color: #06d6a0; } /* line 483, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue { color: #039BE5; } /* line 487, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange { color: #faae42; } /* line 491, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red { color: #e62965; } /* line 496, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img { display: block; height: 22px; width: 22px; border-radius: 6px; -o-object-fit: contain; object-fit: contain; -webkit-transition: opacity .3s; transition: opacity .3s; } /* line 504, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img { opacity: .4; } /* line 509, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar { display: block; height: 24px; width: 24px; border-radius: 50%; } /* line 516, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge { position: absolute; bottom: 0; right: 0; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #ffffff; } /* line 527, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 16px; width: 16px; margin-right: 8px; margin-left: auto; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } /* line 538, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg { stroke: #606061; stroke-width: 3px; height: 14px; width: 14px; } /* line 546, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li span { display: block; color: #999999; font-size: .9rem; font-weight: 500; } /* line 557, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box.is-active, .is-combo .image-combo-box.is-active, .is-combo .stacked-combo-box.is-active, .is-combo .user-combo-box.is-active { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 561, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box.is-active .box-chevron svg, .is-combo .image-combo-box.is-active .box-chevron svg, .is-combo .stacked-combo-box.is-active .box-chevron svg, .is-combo .user-combo-box.is-active .box-chevron svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* line 565, src/assets/scss/elements/_forms-combos.scss */ .is-combo .combo-box.is-active .box-dropdown, .is-combo .image-combo-box.is-active .box-dropdown, .is-combo .stacked-combo-box.is-active .box-dropdown, .is-combo .user-combo-box.is-active .box-dropdown { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; } /* line 573, src/assets/scss/elements/_forms-combos.scss */ .is-combo .help-text { font-size: .75rem; color: #999999; } /* line 578, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box { position: relative; background: #ffffff; border: 1px solid #cccccc; border-radius: 4px; height: 58px; margin-top: 4px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 588, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } /* line 594, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-inner .combo-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; padding-left: 8px; } /* line 600, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-inner .combo-item i { color: #606061; font-size: 1.6rem; } /* line 605, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-inner .combo-item .combo-text { margin-left: 16px; } /* line 608, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-inner .combo-item .combo-text span { display: block; } /* line 611, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-inner .combo-item .combo-text span:first-child { color: #283252; font-size: .9rem; font-weight: 500; } /* line 617, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-inner .combo-item .combo-text span:nth-child(2) { color: #999999; font-size: .8rem; max-width: 330px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 630, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-chevron { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 58px; width: 58px; } /* line 640, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-chevron svg { height: 18px; width: 18px; stroke: #283252; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all .3s; transition: all .3s; } /* line 649, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown { position: absolute; top: 54px; left: 0; width: 100%; z-index: 50; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 660, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner { position: relative; width: 100%; height: 100%; background: #ffffff; border: 1px solid #cccccc; border-radius: 4px; margin-top: 10px; max-height: 190px; overflow-y: auto; overflow-x: hidden; } /* line 672, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul { padding: 10px 0; } /* line 675, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li { padding: 6px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } /* line 682, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 30px; min-height: 30px; min-width: 30px; margin-right: 16px; } /* line 692, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon i { color: #999999; font-size: 1.6rem; } /* line 699, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span { display: block; } /* line 702, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:first-child { color: #283252; font-size: .9rem; font-weight: 500; } /* line 708, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:nth-child(2) { color: #999999; font-size: .8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 718, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li:hover { background: #f2f2f2; } /* line 723, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i { color: #606061; } /* line 727, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span { color: #283252; } /* line 736, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box.is-active { border-color: #606061; } /* line 739, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box.is-active .box-chevron svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* line 743, src/assets/scss/elements/_forms-combos.scss */ .is-combo .big-combo-box.is-active .box-dropdown { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; } /* ========================================================================== 4. Combo Box Dark mode ========================================================================== */ /* line 760, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box, body.is-dark .is-combo .image-combo-box, body.is-dark .is-combo .stacked-combo-box, body.is-dark .is-combo .user-combo-box { background: #252529 !important; border-color: #2d2d31 !important; } /* line 766, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-inner .combo-item i, body.is-dark .is-combo .image-combo-box .box-inner .combo-item i, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item i, body.is-dark .is-combo .user-combo-box .box-inner .combo-item i { color: #ED1C24 !important; } /* line 770, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-inner .combo-item img, body.is-dark .is-combo .image-combo-box .box-inner .combo-item img, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item img, body.is-dark .is-combo .user-combo-box .box-inner .combo-item img { border-color: #1e1e21 !important; } /* line 774, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-inner .combo-item .selected-item, body.is-dark .is-combo .image-combo-box .box-inner .combo-item .selected-item, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .selected-item, body.is-dark .is-combo .user-combo-box .box-inner .combo-item .selected-item { color: #cccccc !important; } /* line 780, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-inner .combo-item .combo-text span:first-child, body.is-dark .is-combo .image-combo-box .box-inner .combo-item .combo-text span:first-child, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .combo-text span:first-child, body.is-dark .is-combo .user-combo-box .box-inner .combo-item .combo-text span:first-child { color: #b8b8b8 !important; } /* line 784, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-inner .combo-item .combo-text span:nth-child(2), body.is-dark .is-combo .image-combo-box .box-inner .combo-item .combo-text span:nth-child(2), body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .combo-text span:nth-child(2), body.is-dark .is-combo .user-combo-box .box-inner .combo-item .combo-text span:nth-child(2) { color: #737373 !important; } /* line 788, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-inner .combo-item .combo-text span.is-pushed, body.is-dark .is-combo .image-combo-box .box-inner .combo-item .combo-text span.is-pushed, body.is-dark .is-combo .stacked-combo-box .box-inner .combo-item .combo-text span.is-pushed, body.is-dark .is-combo .user-combo-box .box-inner .combo-item .combo-text span.is-pushed { color: #cccccc !important; } /* line 796, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-chevron svg, body.is-dark .is-combo .image-combo-box .box-chevron svg, body.is-dark .is-combo .stacked-combo-box .box-chevron svg, body.is-dark .is-combo .user-combo-box .box-chevron svg { stroke: #d9d9d9 !important; } /* line 802, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner { background: #19191b !important; border-color: #19191b; } /* line 807, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li img, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li img, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li img, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li img { border-color: #1e1e21 !important; } /* line 811, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li:hover, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li:hover, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li:hover, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li:hover { background: #28282b !important; } /* line 816, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li.is-active .item-icon i, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li.is-active .item-icon i, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li.is-active .item-icon i, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li.is-active .item-icon i { color: #ED1C24 !important; } /* line 820, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li.is-active .checkmark svg, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li.is-active .checkmark svg, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li.is-active .checkmark svg, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li.is-active .checkmark svg { stroke: #ED1C24 !important; } /* line 827, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li .item-name span:first-child, body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li .item-name span:first-child, body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li .item-name span:first-child, body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li .item-name span:first-child { color: #b8b8b8 !important; } /* line 831, src/assets/scss/elements/_forms-combos.scss */ body.is-dark .is-combo .combo-box .box-dropdown .dropdown-inner li .item-name span:nth-child(2), body.is-dark .is-combo .image-combo-box .box-dropdown .dropdown-inner li .item-name span:nth-child(2), body.is-dark .is-combo .stacked-combo-box .box-dropdown .dropdown-inner li .item-name span:nth-child(2), body.is-dark .is-combo .user-combo-box .box-dropdown .dropdown-inner li .item-name span:nth-child(2) { color: #737373 !important; } /*! _checkboxes.scss | Huro | Css ninja 2020-2021 */ /* 1. Animated Checkbox 2. Animated Checkbox Dark mode 3. Checkbox List 4. Regular Checkbox / Radio 5. Regular Checkbox / Radio Dark mode */ /* ========================================================================== 1. Animated Checkbox ========================================================================== */ /* line 17, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox { position: relative; height: 32px; width: 32px; } /* line 23, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-purple .checkmark-circle { stroke: #8269B2 !important; } /* line 27, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-purple .checkmark { -webkit-box-shadow: inset 0px 0px 0px #8269B2 !important; box-shadow: inset 0px 0px 0px #8269B2 !important; } /* line 31, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-purple .checkmark-check { stroke: #8269B2 !important; } /* line 37, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-info .checkmark-circle { stroke: #039BE5 !important; } /* line 41, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-info .checkmark { -webkit-box-shadow: inset 0px 0px 0px #039BE5 !important; box-shadow: inset 0px 0px 0px #039BE5 !important; } /* line 45, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-info .checkmark-check { stroke: #039BE5 !important; } /* line 51, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-success .checkmark-circle { stroke: #06d6a0 !important; } /* line 55, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-success .checkmark { -webkit-box-shadow: inset 0px 0px 0px #06d6a0 !important; box-shadow: inset 0px 0px 0px #06d6a0 !important; } /* line 59, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-success .checkmark-check { stroke: #06d6a0 !important; } /* line 65, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-warning .checkmark-circle { stroke: #faae42 !important; } /* line 69, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-warning .checkmark { -webkit-box-shadow: inset 0px 0px 0px #faae42 !important; box-shadow: inset 0px 0px 0px #faae42 !important; } /* line 73, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-warning .checkmark-check { stroke: #faae42 !important; } /* line 79, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-danger .checkmark-circle { stroke: #F92B60 !important; } /* line 83, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-danger .checkmark { -webkit-box-shadow: inset 0px 0px 0px #F92B60 !important; box-shadow: inset 0px 0px 0px #F92B60 !important; } /* line 87, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-danger .checkmark-check { stroke: #F92B60 !important; } /* line 92, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 1; } /* line 103, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox .checkmark-wrap { position: relative; height: 32px; width: 32px; } /* line 108, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox .checkmark-wrap .shadow-circle { position: absolute; top: 0; left: 0; height: 32px; width: 32px; border-radius: 50%; border: 1px solid #cecece; z-index: 0; opacity: 1; -webkit-transition: all .2s; transition: all .2s; } /* line 120, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox .checkmark-wrap .shadow-circle.is-opaque { opacity: 0; } /* line 125, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox .checkmark-wrap .checkmark-circle { height: 32px; width: 32px; stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; fill: none; stroke: #606061; } /* line 137, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox .checkmark-wrap .checkmark { width: 32px; height: 32px; border-radius: 50%; display: block; stroke-width: 2; stroke: #cecece; stroke-miterlimit: 10; margin: 0 auto; -webkit-box-shadow: inset 0px 0px 0px #606061; box-shadow: inset 0px 0px 0px #606061; } /* line 150, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox .checkmark-wrap .checkmark-check { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; stroke: #606061; } /* line 159, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-checked .checkmark-circle { -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) both; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) both; } /* line 163, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-checked .checkmark-check { -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s both; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s both; } /* line 169, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-unchecked .checkmark-circle { -webkit-animation: reverseCircle 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.2s both; animation: reverseCircle 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.2s both; } /* line 173, src/assets/scss/elements/_forms-checkboxes.scss */ .animated-checkbox.is-unchecked .checkmark-check { -webkit-animation: reverseCheck 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.1s both; animation: reverseCheck 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.1s both; } @-webkit-keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @-webkit-keyframes reverseCircle { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 166; } } @keyframes reverseCircle { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 166; } } @-webkit-keyframes reverseCheck { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 48; } } @keyframes reverseCheck { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 48; } } /* ========================================================================== 2. Animated Checkbox Dark Mode ========================================================================== */ /* line 214, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .animated-checkbox .checkmark-wrap .checkmark-circle, body.is-dark .animated-checkbox .checkmark-wrap .checkmark-check { stroke: #ED1C24; } /* line 218, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .animated-checkbox .checkmark-wrap .shadow-circle { border-color: #54545b; } /* ========================================================================== 3. Checkbox list ========================================================================== */ /* line 231, src/assets/scss/elements/_forms-checkboxes.scss */ .checkboxes-list .list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; padding: 0; border: none; } /* line 239, src/assets/scss/elements/_forms-checkboxes.scss */ .checkboxes-list .list-item .animated-checkbox .checkmark-wrap { position: relative; } /* line 244, src/assets/scss/elements/_forms-checkboxes.scss */ .checkboxes-list .list-item .item-meta { margin-left: 1rem; } /* line 247, src/assets/scss/elements/_forms-checkboxes.scss */ .checkboxes-list .list-item .item-meta span { display: block; line-height: 1.4; } /* line 251, src/assets/scss/elements/_forms-checkboxes.scss */ .checkboxes-list .list-item .item-meta span:first-child { font-family: "Montserrat", sans-serif; font-size: .95rem; font-weight: 600; color: #283252; } /* line 258, src/assets/scss/elements/_forms-checkboxes.scss */ .checkboxes-list .list-item .item-meta span:nth-child(2) { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; } /* ========================================================================== 4. Regular Checkbox / Radio ========================================================================== */ /* line 272, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox, .radio { position: relative; cursor: pointer; padding: 1em; } /* line 277, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox::-moz-selection, .radio::-moz-selection { background: transparent; } .checkbox::selection, .radio::selection { background: transparent; } /* line 281, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox input + span, .radio input + span { position: relative; top: -1px; background: #ffffff; content: ""; display: inline-block; margin: 0 .5em 0 0; padding: 0; vertical-align: middle; width: 1.4em; height: 1.4em; border: 1px solid #d9d9d9; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 296, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox input + span::after, .radio input + span::after { content: ""; display: block; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } @media screen and (min-width: 768px) { /* line 305, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox:hover input + span, .radio:hover input + span { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } } /* line 310, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox input:active + span, .radio input:active + span { -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } /* line 319, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox input:checked + span::after, .radio input:checked + span::after { -webkit-transform: translate(-50%, -50%) scale(1) !important; transform: translate(-50%, -50%) scale(1) !important; } /* line 323, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox input, .radio input { position: absolute; cursor: pointer; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } /* line 331, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox { color: #a2a5b9; } /* line 336, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox:hover { color: #a2a5b9; } /* line 341, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-circle input + span { border-radius: 50%; } /* line 347, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid input + span { background: whitesmoke; } /* line 352, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-primary input + span { border-color: #606061; background: #606061; } /* line 356, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-primary input + span:after { color: #ffffff; } /* line 363, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-success input + span { border-color: #06d6a0; background: #06d6a0; } /* line 367, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-success input + span:after { color: #ffffff; } /* line 374, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-info input + span { border-color: #039BE5; background: #039BE5; } /* line 378, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-info input + span:after { color: #ffffff; } /* line 385, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-warning input + span { border-color: #faae42; background: #faae42; } /* line 389, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-warning input + span:after { color: #ffffff; } /* line 396, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-danger input + span { border-color: #e62965; background: #e62965; } /* line 400, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-solid.is-danger input + span:after { color: #ffffff; } /* line 409, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-primary input:checked + span { border-color: #606061; } /* line 414, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-primary input + span:after { color: #606061; } /* line 421, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-success input:checked + span { border-color: #06d6a0; } /* line 426, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-success input + span:after { color: #06d6a0; } /* line 433, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-info input:checked + span { border-color: #039BE5; } /* line 438, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-info input + span:after { color: #039BE5; } /* line 445, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-warning input:checked + span { border-color: #faae42; } /* line 450, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-warning input + span:after { color: #faae42; } /* line 457, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-danger input:checked + span { border-color: #e62965; } /* line 462, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox.is-outlined.is-danger input + span:after { color: #e62965; } /* line 469, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox input + span { border-radius: 2px; -webkit-transition: all .3s; transition: all .3s; } /* line 473, src/assets/scss/elements/_forms-checkboxes.scss */ .checkbox input + span::after { background-size: contain; position: absolute; top: 48%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); content: "\f00c"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: .7rem; } /* line 487, src/assets/scss/elements/_forms-checkboxes.scss */ .radio { color: #a2a5b9; } /* line 492, src/assets/scss/elements/_forms-checkboxes.scss */ .radio + .radio { margin-left: 0 !important; } /* line 496, src/assets/scss/elements/_forms-checkboxes.scss */ .radio:hover { color: #a2a5b9; } /* line 501, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-square input + span { border-radius: 4px; } /* line 507, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid input + span { background: whitesmoke; } /* line 512, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-primary input + span { border-color: #606061; background: #606061; } /* line 516, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-primary input + span:after { color: #ffffff; } /* line 523, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-success input + span { border-color: #06d6a0; background: #06d6a0; } /* line 527, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-success input + span:after { color: #ffffff; } /* line 534, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-info input + span { border-color: #039BE5; background: #039BE5; } /* line 538, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-info input + span:after { color: #ffffff; } /* line 545, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-warning input + span { border-color: #faae42; background: #faae42; } /* line 549, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-warning input + span:after { color: #ffffff; } /* line 556, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-danger input + span { border-color: #e62965; background: #e62965; } /* line 560, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-solid.is-danger input + span:after { color: #ffffff; } /* line 569, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-primary input:checked + span { border-color: #606061; } /* line 574, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-primary input + span:after { color: #606061; } /* line 581, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-success input:checked + span { border-color: #06d6a0; } /* line 586, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-success input + span:after { color: #06d6a0; } /* line 593, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-info input:checked + span { border-color: #039BE5; } /* line 598, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-info input + span:after { color: #039BE5; } /* line 605, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-warning input:checked + span { border-color: #faae42; } /* line 610, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-warning input + span:after { color: #faae42; } /* line 617, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-danger input:checked + span { border-color: #e62965; } /* line 622, src/assets/scss/elements/_forms-checkboxes.scss */ .radio.is-outlined.is-danger input + span:after { color: #e62965; } /* line 629, src/assets/scss/elements/_forms-checkboxes.scss */ .radio input + span { border-radius: 100%; } /* line 632, src/assets/scss/elements/_forms-checkboxes.scss */ .radio input + span::after { background-size: contain; position: absolute; top: 49%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); content: "\f111"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: .6rem; } /* ========================================================================== 5. Regular Checkbox / Radio Dark mode ========================================================================== */ /* line 655, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .checkbox input + span, body.is-dark .radio input + span { background-color: #28282b; border-color: #2d2d31; } /* line 659, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .checkbox input + span::after, body.is-dark .radio input + span::after { color: #aaaab3; } /* line 664, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .checkbox input + span, body.is-dark .radio input + span { border-color: #4a4a50; } /* line 671, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .checkbox.is-solid.is-primary input + span, body.is-dark .radio.is-solid.is-primary input + span { background-color: #ED1C24 !important; border-color: #ED1C24 !important; } /* line 678, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .checkbox.is-outlined.is-primary input:checked + span, body.is-dark .radio.is-outlined.is-primary input:checked + span { border-color: #ED1C24 !important; } /* line 681, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .checkbox.is-outlined.is-primary input:checked + span::after, body.is-dark .radio.is-outlined.is-primary input:checked + span::after { color: #ED1C24 !important; } /* ========================================================================== 6. H Toggle ========================================================================== */ /* line 694, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle { margin: 0 auto; width: 76px; display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 706, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle input { position: absolute; opacity: 0; cursor: pointer; } /* line 711, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle input:checked ~ .toggler { background: #e8e8e8; border-color: #e8e8e8; } /* line 715, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle input:checked ~ .toggler .active, .h-toggle input:checked ~ .toggler .inactive { -webkit-transform: translateX(80%) rotate(360deg); transform: translateX(80%) rotate(360deg); } /* line 719, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle input:checked ~ .toggler .active { opacity: 1; } /* line 723, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle input:checked ~ .toggler .inactive { opacity: 0; } /* line 729, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle .toggler { position: relative; display: block; height: 16px; width: 50px; border: 1.6px solid #cecece; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; } /* line 738, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle .toggler .active, .h-toggle .toggler .inactive { position: absolute; top: -14px; left: -10px; height: 40px; width: 40px; border-radius: 50%; background: #ffffff; border: 1.6px solid transparent; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition: all .3s ease; transition: all .3s ease; } /* line 754, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle .toggler .active i, .h-toggle .toggler .inactive i { color: #ffffff; font-size: 18px; } /* line 759, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle .toggler .active svg, .h-toggle .toggler .inactive svg { height: 16px; width: 16px; } /* line 765, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle .toggler .inactive { background: #ffffff; border-color: #06d6a0; color: #06d6a0; opacity: 1; z-index: 1; } /* line 773, src/assets/scss/elements/_forms-checkboxes.scss */ .h-toggle .toggler .active { background: #ffffff; border-color: #a2a5b9; color: #a2a5b9; opacity: 0; z-index: 0; } /* ========================================================================== 7. H Toggle Dark mode ========================================================================== */ /* line 791, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .h-toggle input:checked ~ .toggler { background: #28282b; } /* line 796, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .h-toggle .toggler { border-color: #606068; } /* line 799, src/assets/scss/elements/_forms-checkboxes.scss */ body.is-dark .h-toggle .toggler .active, body.is-dark .h-toggle .toggler .inactive { background: #28282b; } /*! _forms-slider.scss | Huro | Css ninja 2020-2021 */ /* 1. NoUI Slider 2. NoUI Slider Dark mode */ /* ========================================================================== 1. NoUI Slider ========================================================================== */ /* line 12, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal, .noUi-vertical { border: none; -webkit-box-shadow: none; box-shadow: none; } /* line 17, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-info .noUi-connect, .noUi-vertical.is-info .noUi-connect { background: #039BE5; } /* line 21, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-info .noUi-tooltip, .noUi-vertical.is-info .noUi-tooltip { background: #039BE5; color: #fcfcfc; } /* line 25, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-info .noUi-tooltip:after, .noUi-vertical.is-info .noUi-tooltip:after { background: #039BE5; } /* line 32, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-success .noUi-connect, .noUi-vertical.is-success .noUi-connect { background: #06d6a0; } /* line 36, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-success .noUi-tooltip, .noUi-vertical.is-success .noUi-tooltip { background: #06d6a0; color: #fcfcfc; } /* line 40, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-success .noUi-tooltip:after, .noUi-vertical.is-success .noUi-tooltip:after { background: #06d6a0; } /* line 47, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-warning .noUi-connect, .noUi-vertical.is-warning .noUi-connect { background: #faae42; } /* line 51, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-warning .noUi-tooltip, .noUi-vertical.is-warning .noUi-tooltip { background: #faae42; color: #fcfcfc; } /* line 55, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-warning .noUi-tooltip:after, .noUi-vertical.is-warning .noUi-tooltip:after { background: #faae42; } /* line 62, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-danger .noUi-connect, .noUi-vertical.is-danger .noUi-connect { background: #e62965; } /* line 66, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-danger .noUi-tooltip, .noUi-vertical.is-danger .noUi-tooltip { background: #e62965; color: #fcfcfc; } /* line 70, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-danger .noUi-tooltip:after, .noUi-vertical.is-danger .noUi-tooltip:after { background: #e62965; } /* line 76, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-connects, .noUi-vertical .noUi-connects { background: #eef0f7; border: none !important; } /* line 81, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-connect, .noUi-vertical .noUi-connect { background-color: #606061; } /* line 85, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle { outline: none !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 92, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-small { height: 10px; } /* line 96, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-small.is-rounded .noUi-handle { border-radius: 50%; } /* line 101, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-small .noUi-handle { width: 22px; height: 22px; top: -6px; } /* line 106, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-small .noUi-handle:before { height: 10px; top: 5px; left: 8px; } /* line 112, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-small .noUi-handle:after { height: 10px; top: 5px; left: 11px; } /* line 120, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-tiny { height: 6px; } /* line 124, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-tiny.is-rounded .noUi-handle { border-radius: 50%; } /* line 129, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-tiny .noUi-handle { width: 18px; height: 18px; top: -6px; } /* line 134, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-tiny .noUi-handle:before { height: 10px; top: 3px; left: 6px; } /* line 140, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.is-tiny .noUi-handle:after { height: 10px; top: 3px; left: 9px; } /* line 148, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-handle { width: 28px; height: 28px; } /* line 152, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-handle:before { left: 11px; } /* line 156, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-handle:after { left: 16px; } /* line 161, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-tooltip { background: #606061; color: #fcfcfc; } /* line 165, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-tooltip:after { background: #606061; } /* line 171, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical { height: 180px; } /* line 174, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-small { width: 10px; } /* line 178, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-small.is-rounded .noUi-handle { border-radius: 50%; } /* line 183, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-small .noUi-handle { width: 22px; height: 22px; top: -6px; } /* line 188, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-small .noUi-handle:before { width: 10px !important; top: 7px !important; left: 6px !important; } /* line 194, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-small .noUi-handle:after { width: 10px !important; top: 11px !important; left: 6px !important; } /* line 202, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-tiny { width: 6px; } /* line 206, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-tiny.is-rounded .noUi-handle { border-radius: 50%; } /* line 211, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-tiny .noUi-handle { width: 18px; height: 18px; top: -6px; } /* line 216, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-tiny .noUi-handle:before { width: 8px !important; top: 6px !important; left: 4px !important; } /* line 222, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical.is-tiny .noUi-handle:after { width: 8px !important; top: 9px !important; left: 4px !important; } /* line 230, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical .noUi-handle { width: 28px; height: 28px; } /* line 234, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical .noUi-handle:before { left: 7px; top: 10px; } /* line 239, src/assets/scss/elements/_forms-slider.scss */ .noUi-vertical .noUi-handle:after { left: 7px; top: 15px; } /* line 248, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal.has-fixed-tooltip .noUi-tooltip, .noUi-vertical.has-fixed-tooltip .noUi-tooltip { opacity: 1 !important; pointer-events: all !important; -webkit-transform: translate(-50%, 0) scale(1) !important; transform: translate(-50%, 0) scale(1) !important; } /* line 255, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-tooltip, .noUi-vertical .noUi-tooltip { width: 50px; height: 50px; line-height: 50px; font-family: "Roboto", sans-serif; font-size: .9rem; opacity: 0; pointer-events: none; -webkit-transform: translate(-50%, 10%) scale(0.8); transform: translate(-50%, 10%) scale(0.8); border-radius: 50%; background: #606061; position: absolute; left: 50%; top: -70px; -webkit-transition: all .3s; transition: all .3s; padding: 0; } /* line 272, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-tooltip:after, .noUi-vertical .noUi-tooltip:after { content: ''; position: absolute; top: -1px; left: -1px; width: 50px; height: 50px; border-radius: 50% 50% 50% 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #606061; z-index: -1; } /* line 286, src/assets/scss/elements/_forms-slider.scss */ .noUi-horizontal .noUi-active .noUi-tooltip, .noUi-vertical .noUi-active .noUi-tooltip { opacity: 1; pointer-events: all; -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); } /* ========================================================================== 2. NoUI Slider Dark mode ========================================================================== */ /* line 303, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-info .noUi-connect, body.is-dark .noUi-vertical.is-info .noUi-connect { background: #039BE5; } /* line 307, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-info .noUi-tooltip, body.is-dark .noUi-vertical.is-info .noUi-tooltip { background: #039BE5; } /* line 310, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-info .noUi-tooltip:after, body.is-dark .noUi-vertical.is-info .noUi-tooltip:after { background: #039BE5; } /* line 317, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-success .noUi-connect, body.is-dark .noUi-vertical.is-success .noUi-connect { background: #06d6a0; } /* line 321, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-success .noUi-tooltip, body.is-dark .noUi-vertical.is-success .noUi-tooltip { background: #06d6a0; } /* line 324, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-success .noUi-tooltip:after, body.is-dark .noUi-vertical.is-success .noUi-tooltip:after { background: #06d6a0; } /* line 331, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-warning .noUi-connect, body.is-dark .noUi-vertical.is-warning .noUi-connect { background: #faae42; } /* line 335, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-warning .noUi-tooltip, body.is-dark .noUi-vertical.is-warning .noUi-tooltip { background: #faae42; } /* line 338, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-warning .noUi-tooltip:after, body.is-dark .noUi-vertical.is-warning .noUi-tooltip:after { background: #faae42; } /* line 345, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-danger .noUi-connect, body.is-dark .noUi-vertical.is-danger .noUi-connect { background: #e62965; } /* line 349, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-danger .noUi-tooltip, body.is-dark .noUi-vertical.is-danger .noUi-tooltip { background: #e62965; } /* line 352, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal.is-danger .noUi-tooltip:after, body.is-dark .noUi-vertical.is-danger .noUi-tooltip:after { background: #e62965; } /* line 358, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal .noUi-connects, body.is-dark .noUi-vertical .noUi-connects { background: #28282b; } /* line 362, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal .noUi-connect, body.is-dark .noUi-vertical .noUi-connect { background-color: #ED1C24; } /* line 366, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal .noUi-handle, body.is-dark .noUi-vertical .noUi-handle { background: #232326; border-color: #404046; } /* line 370, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal .noUi-handle:before, body.is-dark .noUi-horizontal .noUi-handle:after, body.is-dark .noUi-vertical .noUi-handle:before, body.is-dark .noUi-vertical .noUi-handle:after { background: #54545b; } /* line 375, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal .noUi-tooltip, body.is-dark .noUi-vertical .noUi-tooltip { background: #ED1C24; } /* line 378, src/assets/scss/elements/_forms-slider.scss */ body.is-dark .noUi-horizontal .noUi-tooltip:after, body.is-dark .noUi-vertical .noUi-tooltip:after { background: #ED1C24; } /*! _icons.scss | Huro | Css ninja 2020-2021 */ /* 1. Icons 2. Icons Dark Mode */ /* ========================================================================== 1. Icons ========================================================================== */ /* line 12, src/assets/scss/elements/_icons.scss */ .icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 17, src/assets/scss/elements/_icons.scss */ .icons .h-icon { margin: 0 6px; } /* line 22, src/assets/scss/elements/_icons.scss */ .h-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 40px; min-width: 40px; border-radius: 8px; background: #ededed; -webkit-transition: all .3s; transition: all .3s; } /* line 34, src/assets/scss/elements/_icons.scss */ .h-icon.is-small { height: 32px; width: 32px; min-width: 32px; } /* line 39, src/assets/scss/elements/_icons.scss */ .h-icon.is-small .fas, .h-icon.is-small .fab, .h-icon.is-small .far, .h-icon.is-small .fal { font-size: 1rem; } /* line 43, src/assets/scss/elements/_icons.scss */ .h-icon.is-small .lnil, .h-icon.is-small .lnir { font-size: 1.2rem; } /* line 47, src/assets/scss/elements/_icons.scss */ .h-icon.is-small svg { height: 16px; width: 16px; stroke-width: 1.4px; } /* line 54, src/assets/scss/elements/_icons.scss */ .h-icon.is-medium { height: 50px; width: 50px; min-width: 50px; } /* line 59, src/assets/scss/elements/_icons.scss */ .h-icon.is-medium.is-bordered { border-width: 1.6px; } /* line 63, src/assets/scss/elements/_icons.scss */ .h-icon.is-medium .fas, .h-icon.is-medium .fab, .h-icon.is-medium .far, .h-icon.is-medium .fal { font-size: 1.5rem; } /* line 67, src/assets/scss/elements/_icons.scss */ .h-icon.is-medium .lnil, .h-icon.is-medium .lnir { font-size: 1.7rem; } /* line 71, src/assets/scss/elements/_icons.scss */ .h-icon.is-medium svg { height: 25px; width: 25px; stroke-width: 1.4px; } /* line 78, src/assets/scss/elements/_icons.scss */ .h-icon.is-large { height: 68px; width: 68px; min-width: 68px; } /* line 83, src/assets/scss/elements/_icons.scss */ .h-icon.is-large.is-bordered { border-width: 2px; } /* line 87, src/assets/scss/elements/_icons.scss */ .h-icon.is-large .fas, .h-icon.is-large .fab, .h-icon.is-large .far, .h-icon.is-large .fal { font-size: 2rem; } /* line 91, src/assets/scss/elements/_icons.scss */ .h-icon.is-large .lnil, .h-icon.is-large .lnir { font-size: 2.2rem; } /* line 95, src/assets/scss/elements/_icons.scss */ .h-icon.is-large svg { height: 34px; width: 34px; stroke-width: 2px; } /* line 102, src/assets/scss/elements/_icons.scss */ .h-icon.is-big { height: 80px; width: 80px; min-width: 80px; } /* line 107, src/assets/scss/elements/_icons.scss */ .h-icon.is-big.is-bordered { border-width: 2px; } /* line 111, src/assets/scss/elements/_icons.scss */ .h-icon.is-big .fas, .h-icon.is-big .fab, .h-icon.is-big .far, .h-icon.is-big .fal { font-size: 2.4rem; } /* line 115, src/assets/scss/elements/_icons.scss */ .h-icon.is-big .lnil, .h-icon.is-big .lnir { font-size: 2.6rem; } /* line 119, src/assets/scss/elements/_icons.scss */ .h-icon.is-big svg { height: 40px; width: 40px; stroke-width: 3px; } /* line 126, src/assets/scss/elements/_icons.scss */ .h-icon.is-xl { height: 100px; width: 100px; min-width: 100px; } /* line 131, src/assets/scss/elements/_icons.scss */ .h-icon.is-xl.is-bordered { border-width: 2px; } /* line 135, src/assets/scss/elements/_icons.scss */ .h-icon.is-xl .fas, .h-icon.is-xl .fab, .h-icon.is-xl .far, .h-icon.is-xl .fal { font-size: 3rem; } /* line 139, src/assets/scss/elements/_icons.scss */ .h-icon.is-xl .lnil, .h-icon.is-xl .lnir { font-size: 3.4rem; } /* line 143, src/assets/scss/elements/_icons.scss */ .h-icon.is-xl svg { height: 50px; width: 50px; stroke-width: 3px; } /* line 150, src/assets/scss/elements/_icons.scss */ .h-icon.is-rounded { border-radius: 50%; } /* line 154, src/assets/scss/elements/_icons.scss */ .h-icon.is-primary { background: #cbcbcc; } /* line 157, src/assets/scss/elements/_icons.scss */ .h-icon.is-primary.is-bordered { border-color: #606061; } /* line 161, src/assets/scss/elements/_icons.scss */ .h-icon.is-primary i { color: #606061; } /* line 165, src/assets/scss/elements/_icons.scss */ .h-icon.is-primary svg { stroke: #606061; } /* line 170, src/assets/scss/elements/_icons.scss */ .h-icon.is-secondary { background: white; } /* line 173, src/assets/scss/elements/_icons.scss */ .h-icon.is-secondary.is-bordered { border-color: #ffffff; } /* line 177, src/assets/scss/elements/_icons.scss */ .h-icon.is-secondary i { color: #ffffff; } /* line 181, src/assets/scss/elements/_icons.scss */ .h-icon.is-secondary svg { stroke: #ffffff; } /* line 186, src/assets/scss/elements/_icons.scss */ .h-icon.is-accent { background: #fac6c8; } /* line 189, src/assets/scss/elements/_icons.scss */ .h-icon.is-accent.is-bordered { border-color: #ED1C24; } /* line 193, src/assets/scss/elements/_icons.scss */ .h-icon.is-accent i { color: #ED1C24; } /* line 197, src/assets/scss/elements/_icons.scss */ .h-icon.is-accent svg { stroke: #ED1C24; } /* line 202, src/assets/scss/elements/_icons.scss */ .h-icon.is-success { background: #c4fdef; } /* line 205, src/assets/scss/elements/_icons.scss */ .h-icon.is-success.is-bordered { border-color: #06d6a0; } /* line 209, src/assets/scss/elements/_icons.scss */ .h-icon.is-success i { color: #06d6a0; } /* line 213, src/assets/scss/elements/_icons.scss */ .h-icon.is-success svg { stroke: #06d6a0; } /* line 218, src/assets/scss/elements/_icons.scss */ .h-icon.is-info { background: #cfeffe; } /* line 221, src/assets/scss/elements/_icons.scss */ .h-icon.is-info.is-bordered { border-color: #039BE5; } /* line 225, src/assets/scss/elements/_icons.scss */ .h-icon.is-info i { color: #039BE5; } /* line 229, src/assets/scss/elements/_icons.scss */ .h-icon.is-info svg { stroke: #039BE5; } /* line 234, src/assets/scss/elements/_icons.scss */ .h-icon.is-warning { background: #fef2e1; } /* line 237, src/assets/scss/elements/_icons.scss */ .h-icon.is-warning.is-bordered { border-color: #faae42; } /* line 241, src/assets/scss/elements/_icons.scss */ .h-icon.is-warning i { color: #faae42; } /* line 245, src/assets/scss/elements/_icons.scss */ .h-icon.is-warning svg { stroke: #faae42; } /* line 250, src/assets/scss/elements/_icons.scss */ .h-icon.is-danger { background: #f9cddb; } /* line 253, src/assets/scss/elements/_icons.scss */ .h-icon.is-danger.is-bordered { border-color: #e62965; } /* line 257, src/assets/scss/elements/_icons.scss */ .h-icon.is-danger i { color: #e62965; } /* line 261, src/assets/scss/elements/_icons.scss */ .h-icon.is-danger svg { stroke: #e62965; } /* line 266, src/assets/scss/elements/_icons.scss */ .h-icon.is-purple { background: #e7e2f0; } /* line 269, src/assets/scss/elements/_icons.scss */ .h-icon.is-purple.is-bordered { border-color: #8269B2; } /* line 273, src/assets/scss/elements/_icons.scss */ .h-icon.is-purple i { color: #8269B2; } /* line 277, src/assets/scss/elements/_icons.scss */ .h-icon.is-purple svg { stroke: #8269B2; } /* line 282, src/assets/scss/elements/_icons.scss */ .h-icon.is-blue { background: #e4f7ff; } /* line 285, src/assets/scss/elements/_icons.scss */ .h-icon.is-blue.is-bordered { border-color: #37C3FF; } /* line 289, src/assets/scss/elements/_icons.scss */ .h-icon.is-blue i { color: #37C3FF; } /* line 293, src/assets/scss/elements/_icons.scss */ .h-icon.is-blue svg { stroke: #37C3FF; } /* line 298, src/assets/scss/elements/_icons.scss */ .h-icon.is-yellow { background: #fff6de; } /* line 301, src/assets/scss/elements/_icons.scss */ .h-icon.is-yellow.is-bordered { border-color: #FFD66E; } /* line 305, src/assets/scss/elements/_icons.scss */ .h-icon.is-yellow i { color: #FFD66E; } /* line 309, src/assets/scss/elements/_icons.scss */ .h-icon.is-yellow svg { stroke: #FFD66E; } /* line 314, src/assets/scss/elements/_icons.scss */ .h-icon.is-orange { background: #ffefe7; } /* line 317, src/assets/scss/elements/_icons.scss */ .h-icon.is-orange.is-bordered { border-color: #FFA981; } /* line 321, src/assets/scss/elements/_icons.scss */ .h-icon.is-orange i { color: #FFA981; } /* line 325, src/assets/scss/elements/_icons.scss */ .h-icon.is-orange svg { stroke: #FFA981; } /* line 330, src/assets/scss/elements/_icons.scss */ .h-icon.is-green { background: #e7f8e5; } /* line 333, src/assets/scss/elements/_icons.scss */ .h-icon.is-green.is-bordered { border-color: #93E088; } /* line 337, src/assets/scss/elements/_icons.scss */ .h-icon.is-green i { color: #93E088; } /* line 341, src/assets/scss/elements/_icons.scss */ .h-icon.is-green svg { stroke: #93E088; } /* line 346, src/assets/scss/elements/_icons.scss */ .h-icon.is-red { background: #fee7ed; } /* line 349, src/assets/scss/elements/_icons.scss */ .h-icon.is-red.is-bordered { border-color: #F92B60; } /* line 353, src/assets/scss/elements/_icons.scss */ .h-icon.is-red i { color: #F92B60; } /* line 357, src/assets/scss/elements/_icons.scss */ .h-icon.is-red svg { stroke: #F92B60; } /* line 362, src/assets/scss/elements/_icons.scss */ .h-icon.is-bordered { border: 1px solid #999999; } /* line 366, src/assets/scss/elements/_icons.scss */ .h-icon .fas, .h-icon .fab, .h-icon .far, .h-icon .fal { font-size: 1.2rem; color: #999999; -webkit-transition: color .3s; transition: color .3s; } /* line 372, src/assets/scss/elements/_icons.scss */ .h-icon .lnil, .h-icon .lnir { font-size: 1.4rem; color: #999999; -webkit-transition: color .3s; transition: color .3s; } /* line 378, src/assets/scss/elements/_icons.scss */ .h-icon svg { height: 20px; width: 20px; stroke-width: 1.4px; } /* ========================================================================== 2. Icons Dark Mode ========================================================================== */ /* line 392, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-primary { background: #ED1C24; } /* line 395, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-primary.is-bordered { border-color: #ED1C24; } /* line 399, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-primary i { color: #ffffff; } /* line 403, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-primary svg { stroke: #fcfcfc; } /* line 408, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-accent { background: #ED1C24; } /* line 411, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-accent.is-bordered { border-color: #ED1C24; } /* line 415, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-accent i { color: #ffffff; } /* line 419, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-accent svg { stroke: #fcfcfc; } /* line 424, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-success { background: #06d6a0; } /* line 427, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-success.is-bordered { border-color: #06d6a0; } /* line 431, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-success i { color: #ffffff; } /* line 435, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-success svg { stroke: #fcfcfc; } /* line 440, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-info { background: #039BE5; } /* line 443, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-info.is-bordered { border-color: #039BE5; } /* line 447, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-info i { color: #ffffff; } /* line 451, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-info svg { stroke: #fcfcfc; } /* line 456, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-warning { background: #faae42; } /* line 459, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-warning.is-bordered { border-color: #faae42; } /* line 463, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-warning i { color: #ffffff; } /* line 467, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-warning svg { stroke: #fcfcfc; } /* line 472, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-danger { background: #e62965; } /* line 475, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-danger.is-bordered { border-color: #e62965; } /* line 479, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-danger i { color: #ffffff; } /* line 483, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-danger svg { stroke: #fcfcfc; } /* line 488, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-purple { background: #8269B2; } /* line 491, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-purple.is-bordered { border-color: #8269B2; } /* line 495, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-purple i { color: #ffffff; } /* line 499, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-purple svg { stroke: #fcfcfc; } /* line 504, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-blue { background: #37C3FF; } /* line 507, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-blue.is-bordered { border-color: #37C3FF; } /* line 511, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-blue i { color: #ffffff; } /* line 515, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-blue svg { stroke: #fcfcfc; } /* line 520, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-yellow { background: #FFD66E; } /* line 523, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-yellow.is-bordered { border-color: #FFD66E; } /* line 527, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-yellow i { color: #ffffff; } /* line 531, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-yellow svg { stroke: #fcfcfc; } /* line 536, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-orange { background: #FFA981; } /* line 539, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-orange.is-bordered { border-color: #FFA981; } /* line 543, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-orange i { color: #ffffff; } /* line 547, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-orange svg { stroke: #fcfcfc; } /* line 552, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-green { background: #93E088; } /* line 555, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-green.is-bordered { border-color: #93E088; } /* line 559, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-green i { color: #ffffff; } /* line 563, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-green svg { stroke: #fcfcfc; } /* line 568, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-red { background: #F92B60; } /* line 571, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-red.is-bordered { border-color: #F92B60; } /* line 575, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-red i { color: #ffffff; } /* line 579, src/assets/scss/elements/_icons.scss */ body.is-dark .h-icon.is-red svg { stroke: #fcfcfc; } /*! _links.scss | Huro | Css ninja 2020-2021 */ /* 1. Action Link 2. Action Link Dark Mode */ /* ========================================================================== 1. Action Link ========================================================================== */ /* line 12, src/assets/scss/elements/_links.scss */ .action-link { position: relative; display: inline-block; font-weight: 500; color: #606061; -webkit-transition: opacity .3s; transition: opacity .3s; /*MOD-ADD*/ } /* line 19, src/assets/scss/elements/_links.scss */ .action-link:after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; border-bottom: 1.6px dotted #606061; } /* line 29, src/assets/scss/elements/_links.scss */ .action-link:hover { color: #606061; opacity: .6; } /* line 35, src/assets/scss/elements/_links.scss */ .action-link.link-as-label { color: #283252; } /* line 38, src/assets/scss/elements/_links.scss */ .action-link.link-as-label:after { border-bottom-color: #283252; } /* ========================================================================== 2. Action Link Dark Mode ========================================================================== */ /* line 50, src/assets/scss/elements/_links.scss */ body.is-dark .action-link { color: #ED1C24; /*MOD-ADD*/ } /* line 53, src/assets/scss/elements/_links.scss */ body.is-dark .action-link:after { border-bottom-color: #ED1C24; } /* line 58, src/assets/scss/elements/_links.scss */ body.is-dark .action-link.link-as-label { color: #a2a5b9; } /* line 61, src/assets/scss/elements/_links.scss */ body.is-dark .action-link.link-as-label:after { border-bottom-color: #a2a5b9; } /* ========================================================================== 3. MOD-ADD: Custom Action Link With Accent Card ========================================================================== */ /* line 75, src/assets/scss/elements/_links.scss */ .is-accent .action-link { color: #fcfcfc; } /* line 78, src/assets/scss/elements/_links.scss */ .is-accent .action-link:after { border-bottom-color: #fcfcfc; } /*TODO: Figure out how to conditionally not apply override in is-dark above when an optional in-between element card is present and is-accent */ /* line 89, src/assets/scss/elements/_links.scss */ body.is-dark .is-accent .action-link { color: #fcfcfc; } /* line 92, src/assets/scss/elements/_links.scss */ body.is-dark .is-accent .action-link:after { border-bottom-color: #fcfcfc; } /*! _lists.scss | Huro | Css ninja 2020-2021 */ /* 1. User List 2. User List Dark mode */ /* ========================================================================== 1. User List ========================================================================== */ /* line 14, src/assets/scss/elements/_lists.scss */ .user-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 0; } /* line 21, src/assets/scss/elements/_lists.scss */ .user-list .user-list-avatar img { width: 40px; height: 40px; border-radius: 100px; } /* line 27, src/assets/scss/elements/_lists.scss */ .user-list .user-list-info { margin: 0 10px; } /* line 30, src/assets/scss/elements/_lists.scss */ .user-list .user-list-info .name { font-family: "Montserrat", sans-serif; font-size: .95rem; font-weight: 600; color: #283252; } /* line 37, src/assets/scss/elements/_lists.scss */ .user-list .user-list-info .position { font-family: "Roboto", sans-serif; font-size: 12px; color: #a2a5b9; } /* line 44, src/assets/scss/elements/_lists.scss */ .user-list .user-list-status { height: 10px; width: 10px; border-radius: 100px; background: #ededed; margin-left: auto; margin-right: 1rem; } /* line 52, src/assets/scss/elements/_lists.scss */ .user-list .user-list-status.is-offline { background: #ededed; } /* line 56, src/assets/scss/elements/_lists.scss */ .user-list .user-list-status.is-online { background: #06d6a0; } /* line 60, src/assets/scss/elements/_lists.scss */ .user-list .user-list-status.is-busy { background: #faae42; } /* line 65, src/assets/scss/elements/_lists.scss */ .user-list .user-list-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } /* line 70, src/assets/scss/elements/_lists.scss */ .user-list .user-list-icons a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32px; border-radius: 50%; color: #cecfda; font-size: .9rem; -webkit-transition: all .3s; transition: all .3s; } /* line 81, src/assets/scss/elements/_lists.scss */ .user-list .user-list-icons a:hover { color: #a2a5b9; background: whitesmoke; } /* ========================================================================== 2. User List Dark mode ========================================================================== */ /* line 97, src/assets/scss/elements/_lists.scss */ body.is-dark .user-list .user-list-icons a:hover { background: #3b3b41; } /*! _tags.scss | Huro | Css ninja 2020-2021 */ /* 1. Tags 2. Tags Dark mode */ /* ========================================================================== 1. Tags ========================================================================== */ /* line 12, src/assets/scss/elements/_tags.scss */ .tag:not(body) { display: inline-block; line-height: 2.3; height: 2.4em; } /* line 17, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-rounded { padding-left: 1em; padding-right: 1em; } /* line 22, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-curved { padding-left: 0.85em; padding-right: 0.85em; line-height: 2.5; height: 2.6em; border-radius: 8px; } /* line 30, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-elevated { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 34, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-solid { background: #ffffff; border: 1px solid #e5e5e5; color: #a2a5b9; } /* line 41, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-primary.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 45, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-primary.is-outlined { background: none !important; color: #606061; border: 1px solid #606061; } /* line 53, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-success.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important; } /* line 57, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-success.is-outlined { background: none !important; color: #06d6a0; border: 1px solid #06d6a0; } /* line 65, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-info.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; } /* line 69, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-info.is-outlined { background: none !important; color: #039BE5; border: 1px solid #039BE5; } /* line 77, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-warning.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(250, 174, 66, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 174, 66, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(250, 174, 66, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 174, 66, 0.2) !important; } /* line 81, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-warning.is-outlined { background: none !important; color: #faae42; border: 1px solid #faae42; } /* line 89, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-danger.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(230, 41, 101, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 41, 101, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(230, 41, 101, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 41, 101, 0.2) !important; } /* line 93, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-danger.is-outlined { background: none !important; color: #e62965; border: 1px solid #e62965; } /* line 100, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-secondary { background: #ffffff; color: #ffffff; } /* line 104, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-secondary.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); } /* line 108, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-secondary.is-outlined { background: none !important; color: #ffffff; border: 1px solid #ffffff; } /* line 115, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-green { background: #93E088; color: #ffffff; } /* line 119, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-green.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(72, 199, 116, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(72, 199, 116, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(72, 199, 116, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(72, 199, 116, 0.2) !important; } /* line 123, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-green.is-outlined { background: none !important; color: #93E088; border: 1px solid #93E088; } /* line 130, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-blue { background: #37C3FF; color: #ffffff; } /* line 134, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-blue.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(55, 195, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(55, 195, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(55, 195, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(55, 195, 255, 0.2) !important; } /* line 138, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-blue.is-outlined { background: none !important; color: #37C3FF; border: 1px solid #37C3FF; } /* line 145, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-green { background: #93E088; color: #ffffff; } /* line 149, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-green.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(72, 199, 116, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(72, 199, 116, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(72, 199, 116, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(72, 199, 116, 0.2) !important; } /* line 153, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-green.is-outlined { background: none !important; color: #93E088; border: 1px solid #93E088; } /* line 160, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-purple { background: #8269B2; color: #ffffff; } /* line 164, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-purple.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(130, 105, 178, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(130, 105, 178, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(130, 105, 178, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(130, 105, 178, 0.2) !important; } /* line 168, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-purple.is-outlined { background: none !important; color: #8269B2; border: 1px solid #8269B2; } /* line 175, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-orange { background: #FFA981; color: #ffffff; } /* line 179, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-orange.is-elevated { -webkit-box-shadow: 0 14px 26px -12px rgba(255, 169, 129, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 169, 129, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 169, 129, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 169, 129, 0.2) !important; } /* line 183, src/assets/scss/elements/_tags.scss */ .tag:not(body).is-orange.is-outlined { background: none !important; color: #FFA981; border: 1px solid #FFA981; } /* ========================================================================== 2. Tags Dark mode ========================================================================== */ /* line 198, src/assets/scss/elements/_tags.scss */ body.is-dark .tag:not(.is-primary):not(.is-secondary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-orange):not(.is-green):not(.is-blue):not(.is-purple) { background: #3b3b41; border-color: #3b3b41; color: #aaaab3; } /* line 204, src/assets/scss/elements/_tags.scss */ body.is-dark .tag.is-primary { background: #ED1C24; } /* line 207, src/assets/scss/elements/_tags.scss */ body.is-dark .tag.is-primary.is-outlined { border-color: #ED1C24; color: #ED1C24; } /* line 212, src/assets/scss/elements/_tags.scss */ body.is-dark .tag.is-primary.is-light { background: #f58488; color: #ED1C24; } /*! _accordion.scss | Huro | Css ninja 2020-2021 */ /* 1. Accordion 2. Accordion Dark mode 3. Collapse 4. Collapse Dark mode 5. Image Accordion */ /* ========================================================================== 1. Accordion ========================================================================== */ /* line 15, src/assets/scss/components/_accordion.scss */ .single-accordion { background: #ffffff; background: #ffffff; margin: 0 auto; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 6px; overflow: hidden; } /* line 23, src/assets/scss/components/_accordion.scss */ .single-accordion .accordion-header { border-bottom: 1px solid #DDE0E7; color: #283252; cursor: pointer; font-weight: 600; font-size: .95rem; font-family: "Montserrat", sans-serif; padding: 1.5rem; } /* line 32, src/assets/scss/components/_accordion.scss */ .single-accordion .accordion-header:hover { background: #F6F7F9; } /* line 37, src/assets/scss/components/_accordion.scss */ .single-accordion .accordion-header.is-active:before { background-color: #606061; } /* line 42, src/assets/scss/components/_accordion.scss */ .single-accordion .accordion-header:before { content: ''; vertical-align: middle; display: inline-block; width: .75rem; height: .75rem; border-radius: 50%; background-color: #B1B5BE; margin-right: .75rem; } /* line 54, src/assets/scss/components/_accordion.scss */ .single-accordion .accordion-content { display: none; border-bottom: 1px solid #DDE0E7; background: #F6F7F9; padding: 1.5rem; color: #a2a5b9; font-family: "Roboto", sans-serif; } /* ========================================================================== 2. Accordion Dark mode ========================================================================== */ /* line 70, src/assets/scss/components/_accordion.scss */ body.is-dark .single-accordion { background: #2d2d31; border-color: #404046; } /* line 74, src/assets/scss/components/_accordion.scss */ body.is-dark .single-accordion .accordion-header { color: #aaaab3; border-color: #404046; } /* line 78, src/assets/scss/components/_accordion.scss */ body.is-dark .single-accordion .accordion-header:hover { background: #323236; } /* line 82, src/assets/scss/components/_accordion.scss */ body.is-dark .single-accordion .accordion-header:before { background: #232326; } /* line 87, src/assets/scss/components/_accordion.scss */ body.is-dark .single-accordion .accordion-header.is-active:before { background-color: #ED1C24; } /* line 93, src/assets/scss/components/_accordion.scss */ body.is-dark .single-accordion .accordion-content { background: #232326; border-color: #37373b; } /* ========================================================================== 3. Collapse ========================================================================== */ /* line 105, src/assets/scss/components/_accordion.scss */ .collapse { padding: 0; margin-bottom: 1.5rem; } /* line 114, src/assets/scss/components/_accordion.scss */ .collapse.has-plus.is-active .collapse-header .collapse-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 124, src/assets/scss/components/_accordion.scss */ .collapse.has-chevron.is-active .collapse-header .collapse-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* line 132, src/assets/scss/components/_accordion.scss */ .collapse.is-active .collapse-icon { border-color: #e5e5e5 !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 138, src/assets/scss/components/_accordion.scss */ .collapse .collapse-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; padding: 0 20px; cursor: pointer; } /* line 146, src/assets/scss/components/_accordion.scss */ .collapse .collapse-header h3 { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 600; color: #283252; } /* line 153, src/assets/scss/components/_accordion.scss */ .collapse .collapse-header .collapse-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 30px; background: #ffffff; border-radius: 50%; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } /* line 164, src/assets/scss/components/_accordion.scss */ .collapse .collapse-header .collapse-icon svg { height: 16px; width: 16px; stroke: #a2a5b9; } /* line 172, src/assets/scss/components/_accordion.scss */ .collapse .collapse-content { display: none; padding: 0 20px 20px 20px; color: #a2a5b9; font-family: "Roboto", sans-serif; } /* line 178, src/assets/scss/components/_accordion.scss */ .collapse .collapse-content p:not(:last-child) { margin-bottom: 12px; } /* ========================================================================== 4. Collapse Dark mode ========================================================================== */ /* line 193, src/assets/scss/components/_accordion.scss */ body.is-dark .collapse.is-active .collapse-header .collapse-icon { background: #28282b; border-color: #2d2d31 !important; } /* line 201, src/assets/scss/components/_accordion.scss */ body.is-dark .collapse .collapse-header h3 { color: #aaaab3; } /* line 205, src/assets/scss/components/_accordion.scss */ body.is-dark .collapse .collapse-header .collapse-icon { background: #323236; border-color: #323236; } /* ========================================================================== 5. Image Accordion ========================================================================== */ /* line 221, src/assets/scss/components/_accordion.scss */ .image-accordion { width: 100%; max-width: 1080px; height: 250px; overflow: hidden; margin: 50px auto; } /* line 228, src/assets/scss/components/_accordion.scss */ .image-accordion ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; } /* line 235, src/assets/scss/components/_accordion.scss */ .image-accordion ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 250px; background-repeat: no-repeat; background-position: center center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 245, src/assets/scss/components/_accordion.scss */ .image-accordion ul li div { display: block; overflow: hidden; width: 100%; } /* line 250, src/assets/scss/components/_accordion.scss */ .image-accordion ul li div a { display: block; height: 250px; width: 100%; position: relative; z-index: 3; vertical-align: bottom; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; text-decoration: none; font-family: Open Sans, sans-serif; -webkit-transition: all 200ms ease; transition: all 200ms ease; } /* line 264, src/assets/scss/components/_accordion.scss */ .image-accordion ul li div a * { opacity: 0; margin: 0; width: 100%; text-overflow: ellipsis; position: relative; z-index: 5; white-space: nowrap; overflow: hidden; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 400ms ease; transition: all 400ms ease; } /* line 279, src/assets/scss/components/_accordion.scss */ .image-accordion ul li div a h2 { font-family: "Montserrat", sans-serif; font-weight: 300; text-overflow: clip; font-size: 1.4rem; text-transform: uppercase; margin-bottom: 0; top: 160px; } /* line 289, src/assets/scss/components/_accordion.scss */ .image-accordion ul li div a p { top: 160px; font-size: 13.5px; color: #ffffff; } /* line 298, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li, .image-accordion ul:focus-within li { width: 8%; } /* line 303, src/assets/scss/components/_accordion.scss */ .image-accordion ul li:focus { outline: none; } /* line 307, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li:hover, .image-accordion ul li:focus, .image-accordion ul:focus-within li:focus { width: 60%; } /* line 312, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li:hover a, .image-accordion ul li:focus a, .image-accordion ul:focus-within li:focus a { background: rgba(0, 0, 0, 0.4); } /* line 315, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li:hover a *, .image-accordion ul li:focus a *, .image-accordion ul:focus-within li:focus a * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } /* line 323, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li { width: 8% !important; } /* line 326, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li a * { opacity: 0 !important; } /* line 331, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li:hover { width: 60% !important; } /* line 334, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); } /* line 337, src/assets/scss/components/_accordion.scss */ .image-accordion ul:hover li:hover a * { opacity: 1 !important; -webkit-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 600px) { /* line 348, src/assets/scss/components/_accordion.scss */ .image-accordion { height: auto; } /* line 352, src/assets/scss/components/_accordion.scss */ .image-accordion ul li, .image-accordion ul li:hover, .image-accordion ul:hover li, .image-accordion ul:hover li:hover { position: relative; display: table; table-layout: fixed; width: 100% !important; -webkit-transition: none; transition: none; } } /*! _breadcrumbs.scss | Huro | Css Ninja 2020-2021 */ /* 1. Breadcrumbs 2. Breadcrumbs Dark mode */ /* ========================================================================== 1. Breadcrumbs ========================================================================== */ /* line 14, src/assets/scss/components/_breadcrumbs.scss */ .breadcrumb.is-narrow { margin-bottom: 10px; } /* line 20, src/assets/scss/components/_breadcrumbs.scss */ .breadcrumb ul li a { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 24, src/assets/scss/components/_breadcrumbs.scss */ .breadcrumb ul li a:hover { color: #606061; } /* line 31, src/assets/scss/components/_breadcrumbs.scss */ .breadcrumb ul li a .icon.is-solo svg { top: 2px; } /* line 36, src/assets/scss/components/_breadcrumbs.scss */ .breadcrumb ul li a .icon svg { position: relative; top: 0; height: 16px; min-width: 16px; } /* ========================================================================== 2. Breadcrumbs Dark mode ========================================================================== */ /* line 59, src/assets/scss/components/_breadcrumbs.scss */ body.is-dark .breadcrumb ul li a:hover { color: #ED1C24; } /*! _datepicker.scss | Huro | Css ninja 2020-2021 */ /* 1. Pickaday Datepicker 2. Pickaday Datepicker Dark mode 3. Bulma Datetimepickers 4. Bulma Datetimepickers Dark mode 5. Clock Timepicker 6. Clock Timepicker Dark mode */ /* ========================================================================== 1. Pickaday Datepicker ========================================================================== */ /* line 16, src/assets/scss/components/_datepicker.scss */ .pika-single { margin-top: 6px; border-radius: 6px; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 22, src/assets/scss/components/_datepicker.scss */ .pika-single.is-bound { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 26, src/assets/scss/components/_datepicker.scss */ .pika-single .pika-lendar { padding: 16px; } /* line 29, src/assets/scss/components/_datepicker.scss */ .pika-single .pika-lendar .pika-title { font-family: "Roboto", sans-serif; color: #283252; } /* line 33, src/assets/scss/components/_datepicker.scss */ .pika-single .pika-lendar .pika-title .pika-prev, .pika-single .pika-lendar .pika-title .pika-next { height: 30px; width: 30px; font-size: 0; } /* line 42, src/assets/scss/components/_datepicker.scss */ .pika-single .pika-lendar .pika-table thead th { font-weight: 400; font-family: "Roboto", sans-serif; color: #283252; } /* line 52, src/assets/scss/components/_datepicker.scss */ .pika-single .pika-lendar .pika-table tbody td.is-selected .pika-day, .pika-single .pika-lendar .pika-table tbody td.is-selected .pika-button { -webkit-box-shadow: none; box-shadow: none; background: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); color: #ffffff; } /* line 61, src/assets/scss/components/_datepicker.scss */ .pika-single .pika-lendar .pika-table tbody td:hover .pika-day, .pika-single .pika-lendar .pika-table tbody td:hover .pika-button { -webkit-box-shadow: none; box-shadow: none; background: #ededed; color: #283252; } /* line 68, src/assets/scss/components/_datepicker.scss */ .pika-single .pika-lendar .pika-table tbody td .pika-day, .pika-single .pika-lendar .pika-table tbody td .pika-button { text-align: center; background: #ffffff; border-radius: 50%; width: 26px; height: 26px; color: #a2a5b9; } /* ========================================================================== 2. Pickaday Datepicker Dark mode ========================================================================== */ /* line 88, src/assets/scss/components/_datepicker.scss */ body.is-dark .pika-single { background: #232326 !important; border-color: #37373b !important; } /* line 92, src/assets/scss/components/_datepicker.scss */ body.is-dark .pika-single .pika-title { color: #aaaab3 !important; } /* line 95, src/assets/scss/components/_datepicker.scss */ body.is-dark .pika-single .pika-title .pika-label { background: #232326 !important; color: #aaaab3 !important; } /* line 103, src/assets/scss/components/_datepicker.scss */ body.is-dark .pika-single .pika-table thead th { color: #aaaab3; } /* line 111, src/assets/scss/components/_datepicker.scss */ body.is-dark .pika-single .pika-table tbody td.is-selected .pika-day, body.is-dark .pika-single .pika-table tbody td.is-selected .pika-button { background: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* line 118, src/assets/scss/components/_datepicker.scss */ body.is-dark .pika-single .pika-table tbody td:hover .pika-day, body.is-dark .pika-single .pika-table tbody td:hover .pika-button { background: #37373b !important; color: #ffffff; } /* line 124, src/assets/scss/components/_datepicker.scss */ body.is-dark .pika-single .pika-table tbody td .pika-day, body.is-dark .pika-single .pika-table tbody td .pika-button { background: #232326; } /* ========================================================================== 3. Bulma Datetimepickers ========================================================================== */ /* line 139, src/assets/scss/components/_datepicker.scss */ .is-bulma-timepicker .datetimepicker-dummy:before { content: '\f017' !important; } /* line 144, src/assets/scss/components/_datepicker.scss */ .datetimepicker-dummy { height: 38px; } /* line 147, src/assets/scss/components/_datepicker.scss */ .datetimepicker-dummy:before { content: '\f133'; -webkit-mask: none !important; mask: none !important; background-color: transparent; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; color: #a2a5b9; } /* line 156, src/assets/scss/components/_datepicker.scss */ .datetimepicker-dummy .datetimepicker-dummy-wrapper { border-color: #e3e3e3; border-radius: 4px; } /* line 161, src/assets/scss/components/_datepicker.scss */ .datetimepicker-dummy .datetimepicker-clear-button { height: 28px; margin: .3rem .2rem 0 0 !important; color: #a2a5b9 !important; } /* line 174, src/assets/scss/components/_datepicker.scss */ .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-years::-webkit-scrollbar, .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-months::-webkit-scrollbar, .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-dates::-webkit-scrollbar { width: 6px !important; } /* line 178, src/assets/scss/components/_datepicker.scss */ .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-years::-webkit-scrollbar-thumb, .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-months::-webkit-scrollbar-thumb, .datetimepicker-wrapper .is-datetimepicker-default .datetimepicker-container .datepicker .datepicker-body .datepicker-dates::-webkit-scrollbar-thumb { border-radius: 10px !important; background: rgba(0, 0, 0, 0.2) !important; } /* line 188, src/assets/scss/components/_datepicker.scss */ .datetimepicker-wrapper .datetimepicker-footer { padding: 20px 10px !important; } /* ========================================================================== 4. Bulma Datetimepickers Dark mode ========================================================================== */ /* line 200, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-dummy .datetimepicker-dummy-wrapper { background: #28282b; border-color: #323236; } /* line 204, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input { color: #aaaab3; } /* line 210, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container { background: #1e1e21; } /* line 213, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container:after { border-bottom-color: #1e1e21 !important; } /* line 221, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datetimepicker-header .datetimepicker-selection-details .datetimepicker-selection-start .datetimepicker-selection-wrapper .datetimepicker-selection-day { color: #ED1C24; } /* line 226, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datetimepicker-header .datetimepicker-selection-details .datetimepicker-selection-start .datetimepicker-selection-wrapper .datetimepicker-selection-date .datetimepicker-selection-month { color: #aaaab3; } /* line 230, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datetimepicker-header .datetimepicker-selection-details .datetimepicker-selection-start .datetimepicker-selection-wrapper .datetimepicker-selection-date .datetimepicker-selection-weekday { color: #ED1C24; } /* line 237, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datetimepicker-header .datetimepicker-selection-details .datetimepicker-selection-start .datetimepicker-selection-time .datetimepicker-selection-hour { color: #aaaab3; } /* line 246, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-nav { background: #ED1C24 !important; } /* line 249, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-nav .button { background: #ED1C24 !important; border-color: #ED1C24 !important; color: #fcfcfc !important; } /* line 259, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-years .datepicker-year:hover { border-color: #2d2d31 !important; background: #2d2d31 !important; } /* line 264, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-years .datepicker-year.is-active { border-color: #ED1C24 !important; background: #ED1C24 !important; } /* line 268, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-years .datepicker-year.is-active .item { color: #ffffff !important; } /* line 273, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-years .datepicker-year .item { color: #aaaab3; } /* line 280, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-months .datepicker-month { color: #aaaab3; } /* line 283, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-months .datepicker-month:hover { border-color: #2d2d31 !important; background: #2d2d31 !important; } /* line 288, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-months .datepicker-month.is-active { border-color: #ED1C24 !important; background: #ED1C24 !important; color: #ffffff !important; } /* line 299, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date:not(.is-current-month) { border-color: #37373b !important; background: #37373b !important; } /* line 303, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date:not(.is-current-month) .date-item { color: #a2a5b9 !important; } /* line 308, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item { color: #aaaab3; } /* line 311, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover { border-color: #ED1C24 !important; color: #ED1C24 !important; background: #37373b !important; } /* line 317, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today { border-color: #ED1C24 !important; color: #ED1C24 !important; } /* line 322, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active { border-color: #ED1C24 !important; background: #ED1C24 !important; color: #ffffff !important; } /* line 338, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-hours .timepicker-input .timepicker-input-number, body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-minutes .timepicker-input .timepicker-input-number, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-hours .timepicker-input .timepicker-input-number, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-minutes .timepicker-input .timepicker-input-number { color: #aaaab3; } /* line 344, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-hours .timepicker-next:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-hours .timepicker-previous:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-minutes .timepicker-next:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-minutes .timepicker-previous:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-hours .timepicker-next:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-hours .timepicker-previous:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-minutes .timepicker-next:hover, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-minutes .timepicker-previous:hover { border-color: #2d2d31 !important; background: #2d2d31 !important; } /* line 351, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .timepicker .timepicker-start .timepicker-time-divider, body.is-dark .datetimepicker-container .timepicker .timepicker-end .timepicker-time-divider { color: #ED1C24 !important; } /* line 357, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-container .timepicker .timepicker-end:before { background: #404046 !important; } /* line 364, src/assets/scss/components/_datepicker.scss */ body.is-dark .datetimepicker-footer { background: #1e1e21; } /* ========================================================================== 5. Clock Timepicker ========================================================================== */ /* line 375, src/assets/scss/components/_datepicker.scss */ .is-clock-timepicker { position: relative; } /* line 378, src/assets/scss/components/_datepicker.scss */ .is-clock-timepicker .control { position: relative; } /* line 381, src/assets/scss/components/_datepicker.scss */ .is-clock-timepicker .control .chevron { position: absolute; top: 3px; right: 2px; height: 34px; width: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; color: #a2a5b9; pointer-events: none; } /* line 394, src/assets/scss/components/_datepicker.scss */ .is-clock-timepicker .control .chevron svg { height: 18px; width: 18px; } /* line 401, src/assets/scss/components/_datepicker.scss */ .is-clock-timepicker input { --size: 1.2rem; --margin: calc(var(--size) * 0.5); --marginLeft: calc(var(--size) + calc(var(--size) * 0.5)); background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); background-position: var(--margin) 52%; background-repeat: no-repeat; background-size: var(--size) var(--size); padding-bottom: 4px; padding-left: 34px; line-height: 2; color: #a2a5b9; font-family: "Roboto", sans-serif; -webkit-transition: backgroundImage 0.25s; transition: backgroundImage 0.25s; } /* ========================================================================== 5. Clock Timepicker Dark mode ========================================================================== */ /* line 427, src/assets/scss/components/_datepicker.scss */ body.is-dark .is-clock-timepicker .control .chevron { background-color: #28282b; } /*! _dropdowns.scss | Huro | Css ninja 2020-2021 */ /* 1. Dropdown class 2. Dropdown Dark mode */ /* ========================================================================== 1. Dropdown class ========================================================================== */ /* line 15, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-dots:hover .is-trigger, .dropdown.is-dots.is-active .is-trigger { background: #f2f2f2; } /* line 18, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-dots:hover .is-trigger svg, .dropdown.is-dots.is-active .is-trigger svg { stroke: #969ab0; } /* line 24, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-dots .is-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 30px; border-radius: 50%; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 34, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-dots .is-trigger svg { height: 20px; width: 20px; stroke: #a2a5b9; stroke-width: 1.6px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 43, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-dots .dropdown-menu { margin-top: 6px; padding-bottom: 0; text-align: left; } /* line 52, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-modern.is-active .caret { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* line 57, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-modern .is-trigger .button { padding-right: 0.75em; } /* line 60, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-modern .is-trigger .button .caret { height: 22px; width: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; margin-left: 6px; } /* line 69, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-modern .is-trigger .button .caret svg { height: 16px; width: 16px; stroke: #a2a5b9; } /* line 77, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-modern .dropdown-menu { margin-top: 6px; } /* line 83, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-menu { -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05); border-color: #ededed; padding-top: 0; min-width: 260px; } /* line 89, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-menu.has-margin { margin-top: 10px; } /* line 93, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-menu .dropdown-content { border: 1px solid #ededed; -webkit-box-shadow: none; box-shadow: none; } /* line 100, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item { padding-right: 1rem !important; padding: 0.5rem 1rem; font-size: .95rem; color: #a2a5b9; -webkit-transition: all .3s; transition: all .3s; } /* line 107, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item:not(.is-button):hover, .dropdown.is-spaced .dropdown-item:not(.is-button).is-active { background: whitesmoke; color: #283252; } /* line 113, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.no-hover:hover { background: #ffffff; } /* line 118, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 124, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media:hover .icon svg, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon svg { stroke: #606061; } /* line 128, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media:hover .icon .lnir, .dropdown.is-spaced .dropdown-item.is-media:hover .icon .lnil, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon .lnir, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon .lnil { color: #606061; } /* line 134, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; width: 28px; } /* line 141, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .icon svg { height: 18px; width: 18px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 147, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .icon .lnir, .dropdown.is-spaced .dropdown-item.is-media .icon .lnil { font-size: 16px; -webkit-transition: color .3s; transition: color .3s; } /* line 153, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .item-img { display: block; height: 32px; width: 32px; border-radius: 6px; } /* line 159, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .item-img.is-rounded { border-radius: 50%; } /* line 164, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .meta { margin-left: 10px; } /* line 167, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .meta span { display: block; line-height: 1.3; } /* line 171, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .meta span:first-child { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 600; color: #283252; } /* line 178, src/assets/scss/components/_dropdowns.scss */ .dropdown.is-spaced .dropdown-item.is-media .meta span:nth-child(2) { font-family: "Roboto", sans-serif; color: #a2a5b9; font-size: .9rem; } /* line 190, src/assets/scss/components/_dropdowns.scss */ .dropdown .is-trigger .button { font-family: "Roboto", sans-serif; } /* line 193, src/assets/scss/components/_dropdowns.scss */ .dropdown .is-trigger .button:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #e3e3e3; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 204, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item { color: #a2a5b9; } /* line 207, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item:hover { color: #283252; } /* line 212, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 1rem; } /* line 219, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child svg { height: 16px; width: 16px; stroke: #999999; } /* line 226, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown { position: absolute; right: -282px; top: 0; width: 280px; -webkit-transition: all .3s; transition: all .3s; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); pointer-events: none; } /* line 237, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner { position: relative; height: 100%; width: 100%; background: #ffffff; border: 1px solid #cccccc; border-radius: 6px; padding: 8px 0; } /* line 247, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting { padding: 0 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } /* line 253, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting label { -webkit-transform: scale(0.7); transform: scale(0.7); } /* line 258, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span { display: block; font-size: .8rem; } /* line 262, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span:first-child { color: #283252; font-weight: 500; } /* line 267, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span:nth-child(2) { color: #999999; } /* line 278, src/assets/scss/components/_dropdowns.scss */ .dropdown .dropdown-menu .dropdown-item.has-child:hover .child-dropdown { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; } /* ========================================================================== 2. Dropdown Dark mode ========================================================================== */ /* line 296, src/assets/scss/components/_dropdowns.scss */ body.is-dark .toolbar-link:hover { background: #28282b !important; } /* line 300, src/assets/scss/components/_dropdowns.scss */ body.is-dark .toolbar-link svg { stroke: #aaaab3; } /* line 309, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced.is-dots:hover .is-trigger, body.is-dark .dropdown.is-spaced.is-dots.is-active .is-trigger { background: #28282b !important; } /* line 312, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced.is-dots:hover .is-trigger svg, body.is-dark .dropdown.is-spaced.is-dots.is-active .is-trigger svg { stroke: #aaaab3; } /* line 320, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content { background: #232326 !important; border-color: #37373b !important; } /* line 324, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading { border-color: #37373b !important; } /* line 327, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:hover, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading *:hover { background: #232326 !important; } /* line 332, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link { color: #ED1C24 !important; } /* line 341, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item:hover, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item *:hover { background: #232326 !important; } /* line 346, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item .user-content .user-info { color: #aaaab3 !important; } /* line 357, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon svg { stroke: #ED1C24 !important; } /* line 361, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .lnir, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .lnil { color: #ED1C24; } /* line 368, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon svg { stroke: #a2a5b9; } /* line 372, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .lnir, body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .lnil { color: #a2a5b9; } /* line 379, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .meta span:first-child { color: #aaaab3; } /* line 390, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown .dropdown-menu .dropdown-content { background: #232326; border-color: #37373b !important; } /* line 394, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item { color: #a2a5b9; } /* line 397, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active { background: #ED1C24 !important; } /* line 402, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-divider { background: #2f2f33; } /* line 406, src/assets/scss/components/_dropdowns.scss */ body.is-dark .dropdown .dropdown-menu .dropdown-content a:hover { background: #2f2f33 !important; } /* line 414, src/assets/scss/components/_dropdowns.scss */ body.is-dark .child-dropdown .inner { background: #232326 !important; border-color: #2d2d31 !important; } /* line 418, src/assets/scss/components/_dropdowns.scss */ body.is-dark .child-dropdown .inner:hover { background: #232326 !important; border-color: #2d2d31 !important; } /* line 427, src/assets/scss/components/_dropdowns.scss */ body.is-dark .child-dropdown .inner ul li .text span:first-child { color: #aaaab3 !important; } /*! _editors.scss | Huro | Css Ninja 2020-2021 */ /* 1. Summernote Editor 2. Summernote Dark mode 3. Sun Editor Dark mode */ /* ========================================================================== 1. Summernote Editor ========================================================================== */ /* line 16, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-header h4 { font-family: "Roboto", sans-serif; font-size: 1.2rem !important; font-weight: 500; color: #283252; } /* line 23, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-header .close { outline: none !important; } /* line 28, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-body { padding: 30px; } /* line 32, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-body .form-group label { font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: 400; color: #a2a5b9; } /* line 41, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-footer { padding: 0 16px; height: 70px; background: #eef0f7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 49, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-footer .btn-primary { height: 40px; background: #606061; padding-bottom: 8px; opacity: 1; min-width: 130px; border-radius: 6px; } /* ========================================================================== 2. Summernote Dark mode ========================================================================== */ /* line 68, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-toolbar { background: #28282b; border-color: #404046; } /* line 73, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-toolbar .note-btn-group .note-btn { background: #2d2d31; border-color: #404046; } /* line 77, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-toolbar .note-btn-group .note-btn i, body.is-dark .note-editor .note-toolbar .note-btn-group .note-btn .note-icon-caret { color: #aaaab3; } /* line 82, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu { background: #1e1e21; border-color: #37373b; } /* line 86, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dropdown-item { color: #a2a5b9; } /* line 89, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dropdown-item:hover { background: #252529; } /* line 94, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dimension-display { color: #aaaab3; } /* line 104, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-editable .table tbody td { border-color: #404046 !important; } /* line 111, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-popover { background: #28282b; border-color: #404046; } /* line 116, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-popover.bottom .note-popover-arrow:after { border-bottom-color: #28282b; } /* line 122, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-popover .note-btn-group .note-btn { background: #2d2d31; border-color: #404046; } /* line 126, src/assets/scss/components/_editors.scss */ body.is-dark .note-editor .note-popover .note-btn-group .note-btn i, body.is-dark .note-editor .note-popover .note-btn-group .note-btn .note-icon-caret { color: #aaaab3; } /* line 137, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content { border: none; } /* line 140, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-header { background: #28282b; border-color: #404046; } /* line 144, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-header h4 { color: #aaaab3; } /* line 148, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-header .close { color: #aaaab3 !important; } /* line 151, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-header .close .note-icon-close { color: #aaaab3 !important; } /* line 157, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-body { background: #2d2d31; } /* line 161, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-body .form-group input { background: #1e1e21; border-color: #37373b; color: #a2a5b9; height: 38px; border-radius: 4px; } /* line 171, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-footer { background: #28282b; border-color: #404046; } /* line 175, src/assets/scss/components/_editors.scss */ .note-modal .note-modal-content .note-modal-footer .btn-primary { background: #ED1C24; border-color: #ED1C24; } /* ========================================================================== 3. Sun Editor Dark mode ========================================================================== */ /* line 189, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor { width: 100%; border-color: #404046 !important; background: #1e1e21; } /* line 195, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-toolbar { background: #1e1e21; border-color: #404046; outline: none; } /* line 200, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-toolbar.se-toolbar-balloon { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 203, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-toolbar.se-toolbar-balloon .se-arrow.se-arrow-down:after { border-top-color: #1e1e21; } /* line 209, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module { background: #2d2d31; border-color: #404046; } /* line 215, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button { color: #aaaab3; } /* line 218, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button:hover { background: #28282b; border-color: #404046; } /* line 229, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-wrapper { background: #0b0b0b; } /* line 232, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-wrapper .se-wrapper-inner { background: #0b0b0b; color: #aaaab3; } /* line 238, src/assets/scss/components/_editors.scss */ body.is-dark .sun-editor .se-container .se-resizing-bar { background: #1e1e21; border-color: #404046; } /*! _modals.scss | Huro | Css ninja 2020-2021 */ /* 1. Base Class 2. H Modal 3. H Modal Dark mode 4. Media queries */ /* ========================================================================== 1. Base Class ========================================================================== */ /* line 14, src/assets/scss/components/_modals.scss */ .modal { -webkit-transition: all 0.5s; transition: all 0.5s; } /* line 18, src/assets/scss/components/_modals.scss */ .modal.is-big .modal-content { width: 100%; max-width: 1040px; } /* line 22, src/assets/scss/components/_modals.scss */ .modal.is-big .modal-content .modal-card { width: 100%; } /* line 29, src/assets/scss/components/_modals.scss */ .modal.is-large .modal-content { width: 100%; max-width: 840px; } /* line 33, src/assets/scss/components/_modals.scss */ .modal.is-large .modal-content .modal-card { width: 100%; } /* line 40, src/assets/scss/components/_modals.scss */ .modal.is-medium .modal-content { width: 100%; max-width: 720px; } /* line 44, src/assets/scss/components/_modals.scss */ .modal.is-medium .modal-content .modal-card { width: 100%; } /* line 51, src/assets/scss/components/_modals.scss */ .modal.is-small .modal-content { width: 100%; max-width: 420px; } /* line 55, src/assets/scss/components/_modals.scss */ .modal.is-small .modal-content .modal-card { width: 100%; } /* line 61, src/assets/scss/components/_modals.scss */ .modal .modal-content { -webkit-transition: all 0.4s; transition: all 0.4s; } /* ========================================================================== 2. H Modal ========================================================================== */ /* line 71, src/assets/scss/components/_modals.scss */ .h-modal.is-active { z-index: 175 !important; } /* line 74, src/assets/scss/components/_modals.scss */ .h-modal.is-active .h-modal-close { cursor: pointer; } /* line 79, src/assets/scss/components/_modals.scss */ .h-modal .h-modal-card { width: 100%; background: #ffffff; border: 1px solid #ededed; border-radius: 8px; padding: 40px; } /* line 87, src/assets/scss/components/_modals.scss */ .h-modal .modal-background { background-color: rgba(35, 35, 38, 0.8); } /* line 91, src/assets/scss/components/_modals.scss */ .h-modal .modal-content { -webkit-transform: scale(1) !important; transform: scale(1) !important; opacity: 1 !important; max-width: 540px; overflow-x: hidden; -webkit-animation: fadeInDown .5s; animation: fadeInDown .5s; margin: 0; padding: 0 10px; } /* line 100, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card { max-width: 100%; margin: 0 auto; } /* line 104, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card.is-rounded { border-radius: 12px; } /* line 108, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 20px; background: #606061; border-bottom-color: #e5e5e5; } /* line 116, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-head.no-border { border-bottom-color: transparent; } /* line 120, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-head h3 { font-family: "Montserrat", sans-serif; color: #ffffff; font-weight: 600; font-size: 1rem; } /* line 127, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-head .h-modal-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; border-color: transparent; width: 22px; height: 22px; padding: 0; outline: none !important; } /* line 139, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-head .h-modal-close:hover svg { opacity: 0.7; } /* line 145, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-head .h-modal-close svg { width: 22px; height: 22px; stroke: #ffffff; } /* line 154, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-body .modal-form { padding: 10px 0 20px 0; } /* line 159, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-foot { background-color: #ffffff; padding: 15px 20px; border-top: 1px solid #e5e5e5; } /* line 164, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-foot.no-border { border-top-color: transparent; } /* line 168, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-foot.is-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } /* line 172, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-foot.is-centered { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } /* line 176, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-foot.is-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } /* line 180, src/assets/scss/components/_modals.scss */ .h-modal .modal-content .modal-card .modal-card-foot .h-button { min-width: 110px; } /* ========================================================================== 3. H Modal Dark mode ========================================================================== */ /* line 195, src/assets/scss/components/_modals.scss */ body.is-dark .h-modal .modal-background { background: rgba(101, 101, 104, 0.8) !important; } /* line 201, src/assets/scss/components/_modals.scss */ body.is-dark .h-modal .modal-content .modal-card .modal-card-head { background: #f69296 !important; border-color: #404046; } /* line 205, src/assets/scss/components/_modals.scss */ body.is-dark .h-modal .modal-content .modal-card .modal-card-head h3 { color: #ffffff; } /* line 211, src/assets/scss/components/_modals.scss */ body.is-dark .h-modal .modal-content .modal-card .modal-card-head .h-modal-close:hover svg { stroke: #ED1C24; } /* line 218, src/assets/scss/components/_modals.scss */ body.is-dark .h-modal .modal-content .modal-card .modal-card-body { background: #323236 !important; } /* line 222, src/assets/scss/components/_modals.scss */ body.is-dark .h-modal .modal-content .modal-card .modal-card-foot { background: #323236 !important; border-color: #404046; } /* ========================================================================== 4. Media queries ========================================================================== */ @media screen and (min-width: 768px) { /* line 239, src/assets/scss/components/_modals.scss */ .modal.modal-lg .modal-card, .modal.modal-lg .modal-content { width: 800px !important; } /* line 245, src/assets/scss/components/_modals.scss */ .modal.modal-sm .modal-card, .modal.modal-sm .modal-content { width: 400px !important; } } /*! _message.scss | Huro | Css ninja 2020-2021 */ /* 1. Message 2. Message Dark mode */ /* ========================================================================== 1. Message ========================================================================== */ /* line 12, src/assets/scss/components/_message.scss */ .message { position: relative; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); padding-right: 20px; } /* line 18, src/assets/scss/components/_message.scss */ .message.is-primary { border-color: #9d9d9e; } /* line 22, src/assets/scss/components/_message.scss */ .message.is-primary .delete:before, .message.is-primary .delete:after { background-color: #606061; } /* line 28, src/assets/scss/components/_message.scss */ .message.is-info { border-color: #65cbfd; } /* line 32, src/assets/scss/components/_message.scss */ .message.is-info .delete:before, .message.is-info .delete:after { background-color: #039BE5; } /* line 38, src/assets/scss/components/_message.scss */ .message.is-success { border-color: #5cfad1; } /* line 42, src/assets/scss/components/_message.scss */ .message.is-success .delete:before, .message.is-success .delete:after { background-color: #06d6a0; } /* line 48, src/assets/scss/components/_message.scss */ .message.is-warning { border-color: #fde1b9; } /* line 52, src/assets/scss/components/_message.scss */ .message.is-warning .delete:before, .message.is-warning .delete:after { background-color: #faae42; } /* line 58, src/assets/scss/components/_message.scss */ .message.is-danger { border-color: #f397b4; } /* line 62, src/assets/scss/components/_message.scss */ .message.is-danger .delete:before, .message.is-danger .delete:after { background-color: #e62965; } /* line 68, src/assets/scss/components/_message.scss */ .message .delete { position: absolute; background-color: transparent; top: 6px; right: 6px; } /* line 74, src/assets/scss/components/_message.scss */ .message .delete:before { height: 1px; background-color: #a2a5b9; } /* line 79, src/assets/scss/components/_message.scss */ .message .delete:after { width: 1px; background-color: #a2a5b9; } /* line 85, src/assets/scss/components/_message.scss */ .message .message-body { border: none; } /* ========================================================================== 2. Message Dark mode ========================================================================== */ /* line 97, src/assets/scss/components/_message.scss */ body.is-dark .message:not(.is-primary):not(.is-info):not(.is-success):not(.is-warning):not(.is-danger) { background-color: #232326; border-color: #2a2a2e; } /* line 101, src/assets/scss/components/_message.scss */ body.is-dark .message:not(.is-primary):not(.is-info):not(.is-success):not(.is-warning):not(.is-danger) .message-body { color: #a2a5b9; } /* line 106, src/assets/scss/components/_message.scss */ body.is-dark .message.is-primary { background: #ED1C24; border-color: #ED1C24; } /* line 110, src/assets/scss/components/_message.scss */ body.is-dark .message.is-primary .message-body { color: #ffffff; } /* line 115, src/assets/scss/components/_message.scss */ body.is-dark .message.is-primary .delete:before, body.is-dark .message.is-primary .delete:after { background-color: #ffffff; } /* line 121, src/assets/scss/components/_message.scss */ body.is-dark .message.is-success { background: #06d6a0; border-color: #06d6a0; } /* line 125, src/assets/scss/components/_message.scss */ body.is-dark .message.is-success .message-body { color: #ffffff; } /* line 130, src/assets/scss/components/_message.scss */ body.is-dark .message.is-success .delete:before, body.is-dark .message.is-success .delete:after { background-color: #ffffff; } /* line 136, src/assets/scss/components/_message.scss */ body.is-dark .message.is-info { background: #039BE5; border-color: #039BE5; } /* line 140, src/assets/scss/components/_message.scss */ body.is-dark .message.is-info .message-body { color: #ffffff; } /* line 145, src/assets/scss/components/_message.scss */ body.is-dark .message.is-info .delete:before, body.is-dark .message.is-info .delete:after { background-color: #ffffff; } /* line 151, src/assets/scss/components/_message.scss */ body.is-dark .message.is-warning { background: #faae42; border-color: #faae42; } /* line 155, src/assets/scss/components/_message.scss */ body.is-dark .message.is-warning .message-body { color: #ffffff; } /* line 160, src/assets/scss/components/_message.scss */ body.is-dark .message.is-warning .delete:before, body.is-dark .message.is-warning .delete:after { background-color: #ffffff; } /* line 166, src/assets/scss/components/_message.scss */ body.is-dark .message.is-danger { background: #e62965; border-color: #e62965; } /* line 170, src/assets/scss/components/_message.scss */ body.is-dark .message.is-danger .message-body { color: #ffffff; } /* line 175, src/assets/scss/components/_message.scss */ body.is-dark .message.is-danger .delete:before, body.is-dark .message.is-danger .delete:after { background-color: #ffffff; } /*! _media.scss | Huro | Css ninja 2020-2021 */ /* 1. Light Gallery (Lightbox plugin) */ /* ========================================================================== 1. Light Gallery (Lightbox plugin) ========================================================================== */ /* line 11, src/assets/scss/components/_media.scss */ .light-gallery-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 15, src/assets/scss/components/_media.scss */ .light-gallery-wrap > a { position: relative; display: block; margin: 8px; max-width: calc(33.3% - 16px); overflow: hidden; } /* line 23, src/assets/scss/components/_media.scss */ .light-gallery-wrap > a:hover .video-overlay { background: rgba(35, 35, 38, 0.7); } /* line 28, src/assets/scss/components/_media.scss */ .light-gallery-wrap > a .video-overlay { position: absolute; height: 100%; width: 100%; background: rgba(35, 35, 38, 0.95); background-size: cover; border-radius: 18px; -webkit-transition: all .3s; transition: all .3s; z-index: 1; } /* line 39, src/assets/scss/components/_media.scss */ .light-gallery-wrap > a .video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } /* line 46, src/assets/scss/components/_media.scss */ .light-gallery-wrap > a .video-button .button-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #606061; color: #fcfcfc; height: 58px; width: 58px; border-radius: 50%; z-index: 1; } /* line 59, src/assets/scss/components/_media.scss */ .light-gallery-wrap > a .video-button:after { content: ''; position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); height: 24px; width: 24px; border-radius: 50%; background: #606061; -webkit-animation: wave 1.6s infinite; animation: wave 1.6s infinite; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; transform-origin: center center; z-index: 0; } /* line 75, src/assets/scss/components/_media.scss */ .light-gallery-wrap > a img { display: block; border-radius: 18px; width: 100%; -o-object-fit: cover; object-fit: cover; height: 250px; } @media only screen and (max-width: 767px) { /* line 87, src/assets/scss/components/_media.scss */ .light-gallery-wrap a { max-width: calc(100% - 16px); } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 95, src/assets/scss/components/_media.scss */ .light-gallery-wrap a { max-width: calc(50% - 16px); } /* line 98, src/assets/scss/components/_media.scss */ .light-gallery-wrap a img { height: 230px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 108, src/assets/scss/components/_media.scss */ .light-gallery-wrap a img { height: 200px; } } /*! _charts.scss | Huro | Css Ninja 2020-2021 */ /* 1. Apex Charts */ /* ========================================================================== 1. Apex Charts ========================================================================== */ /* line 11, src/assets/scss/components/_charts.scss */ .apexcharts-title-text { font-family: "Montserrat", sans-serif !important; font-size: 1rem !important; font-weight: 600 !important; color: #283252; } /* line 19, src/assets/scss/components/_charts.scss */ .apexcharts-legend .apexcharts-legend-text { font-family: "Roboto", sans-serif !important; } /* line 26, src/assets/scss/components/_charts.scss */ .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text, .apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text, .apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text, .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text { font-family: "Roboto", sans-serif !important; } /* line 33, src/assets/scss/components/_charts.scss */ .apexcharts-datalabels-group .apexcharts-text { font-family: "Roboto", sans-serif !important; font-weight: 600; } /* line 41, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-title-text { fill: #aaaab3 !important; } /* line 45, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-subtitle-text { fill: #ED1C24; } /* line 51, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label { fill: #aaaab3; } /* line 61, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label { fill: #aaaab3; } /* line 66, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis line, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis line { stroke: #404046; } /* line 73, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal .apexcharts-gridline, body.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-grid .apexcharts-gridlines-horizontal .apexcharts-gridline { stroke: #404046; } /* line 82, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-gridlines-vertical .apexcharts-gridline { stroke: #404046; } /* line 88, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-series-markers .apexcharts-marker, body.is-dark .apexcharts-series-bubble .apexcharts-marker { stroke: #28282b; } /* line 93, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-pie-area, body.is-dark .apexcharts-pie-slice-0 { stroke: #404046; } /* line 103, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-datalabels-group .apexcharts-text, body.is-dark .apexcharts-datalabels-group .apexcharts-datalabel-value { fill: #aaaab3; } /* line 110, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text { color: #aaaab3 !important; } /* line 117, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-yaxis line, body.is-dark .apexcharts-xaxis-inversed line { stroke: #404046; } /* line 123, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-radialbar-track .apexcharts-radialbar-area, body.is-dark .apexcharts-track .apexcharts-radialbar-area { stroke: #28282b; } /* line 129, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-radar-series > polygon, body.is-dark .apexcharts-radar-series > line, body.is-dark .apexcharts-plot-series > polygon, body.is-dark .apexcharts-plot-series > line { fill: none !important; stroke: #404046; } /* line 135, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-text, body.is-dark .apexcharts-yaxis-title-text { fill: #aaaab3; font-family: "Roboto", sans-serif; font-weight: 400; } /* line 141, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-data-labels text { fill: #fafafa; font-family: "Roboto", sans-serif; font-weight: 400; } /* line 147, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-bar-area { stroke: #404046; } /* line 152, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-slices .apexcharts-pie-label { fill: #fafafa !important; } /* line 157, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-tooltip { -webkit-box-shadow: 2px 2px 6px -4px #232326 !important; box-shadow: 2px 2px 6px -4px #232326 !important; } /* line 160, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-tooltip.apexcharts-theme-light { border: 1px solid #404046; background: #28282b; color: #aaaab3 !important; } /* line 165, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { background: #28282b; border-bottom: 1px solid #404046; color: #aaaab3; } /* line 171, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-value, body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-z-value, body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group, body.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-marker { color: #aaaab3 !important; } /* line 179, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-tooltip * { font-family: "Roboto", sans-serif; color: inherit; } /* line 184, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-tooltip .apexcharts-yaxistooltip-text { color: #aaaab3 !important; } /* line 189, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-xaxistooltip { border: 1px solid #404046; background: #28282b; color: #aaaab3 !important; } /* line 194, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:after { border-bottom-color: #28282b; } /* line 198, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:before { border-bottom-color: #404046; } /* line 202, src/assets/scss/components/_charts.scss */ body.is-dark .apexcharts-xaxistooltip * { font-family: "Roboto", sans-serif; color: inherit; } /* ========================================================================== 2. Billboard js ========================================================================== */ /* line 214, src/assets/scss/components/_charts.scss */ .bb-title { font-family: "Montserrat", sans-serif !important; font-size: 1rem !important; font-weight: 600 !important; color: #283252; } /* line 221, src/assets/scss/components/_charts.scss */ .bb-axis line, .bb-axis .domain { stroke: #e3e3e3; } /* line 226, src/assets/scss/components/_charts.scss */ .tick text tspan { fill: #9397ae; } /* line 233, src/assets/scss/components/_charts.scss */ body.is-dark .bb-title { fill: #aaaab3 !important; } /* line 237, src/assets/scss/components/_charts.scss */ body.is-dark .bb-axis line, body.is-dark .bb-axis .domain { stroke: #54545b !important; } /* line 242, src/assets/scss/components/_charts.scss */ body.is-dark .bb-legend .bb-legend-background rect { fill: #1e1e21 !important; stroke: #404046 !important; } /* line 248, src/assets/scss/components/_charts.scss */ body.is-dark .bb-legend .bb-legend-item text { fill: #aaaab3; } /* line 254, src/assets/scss/components/_charts.scss */ body.is-dark .bb-chart-arc path { stroke: #404046 !important; } /* line 258, src/assets/scss/components/_charts.scss */ body.is-dark .bb-chart-arcs .bb-chart-arcs-background { stroke: #3b3b41 !important; fill: #1e1e21 !important; } /* line 263, src/assets/scss/components/_charts.scss */ body.is-dark .bb-chart-arcs-title, body.is-dark .bb-gauge-value, body.is-dark .bb-axis text { fill: #aaaab3; } /* line 267, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip { border: 1px solid #3b3b41 !important; } /* line 272, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip th { border-color: #3b3b41 !important; background-color: #1e1e21 !important; color: #fffdfd !important; font-family: "Roboto", sans-serif !important; font-weight: 400 !important; } /* line 279, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip th span { font-family: "Roboto", sans-serif !important; font-weight: 400 !important; color: #fffdfd !important; } /* line 286, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip tr { border-color: #3b3b41 !important; } /* line 290, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip td { background-color: #1e1e21 !important; border-color: #3b3b41 !important; color: #a2a5b9 !important; } /* line 295, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip td > span, body.is-dark .bb-tooltip td > svg { color: #fffdfd !important; border-color: #3b3b41 !important; fill: #ffffff !important; stroke: #ffffff !important; } /* line 303, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip .bb-tooltip-title { color: #fffdfd !important; } /* line 308, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip .bb-tooltip-detail .bb-tooltip-name, body.is-dark .bb-tooltip .bb-tooltip-detail .bb-tooltip-value { color: #fffdfd !important; } /* line 311, src/assets/scss/components/_charts.scss */ body.is-dark .bb-tooltip .bb-tooltip-detail .bb-tooltip-name span, body.is-dark .bb-tooltip .bb-tooltip-detail .bb-tooltip-value span { color: #fffdfd !important; } /*! _loader.scss | Huro | Css Ninja 2020-2021 */ /* 1. Infinite Srcoll Loader 2. H Loader */ /* ========================================================================== 1. Infinite Srcoll Loader ========================================================================== */ /* line 12, src/assets/scss/components/_loader.scss */ .infinite-scroll-loader { width: 100%; opacity: 0; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 18, src/assets/scss/components/_loader.scss */ .infinite-scroll-loader.is-active { pointer-events: all; opacity: 1; } /* line 23, src/assets/scss/components/_loader.scss */ .infinite-scroll-loader .infinite-scroll-loader-inner { height: 180px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } /* line 31, src/assets/scss/components/_loader.scss */ .infinite-scroll-loader .infinite-scroll-loader-inner .loader { height: 5rem; width: 5rem; } /* line 37, src/assets/scss/components/_loader.scss */ .infinite-scroll-loader .infinite-scroll-loader-inner .loader-end span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* ========================================================================== 2. H Loader ========================================================================== */ /* line 49, src/assets/scss/components/_loader.scss */ .has-loader { position: relative; } /* line 52, src/assets/scss/components/_loader.scss */ .has-loader.has-loader-active { overflow: hidden; } /* line 55, src/assets/scss/components/_loader.scss */ .has-loader.has-loader-active .h-loader-wrapper { opacity: 1; pointer-events: all; } /* line 61, src/assets/scss/components/_loader.scss */ .has-loader .h-loader-wrapper { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; background: #ffffff; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 5; } /* line 76, src/assets/scss/components/_loader.scss */ .has-loader .h-loader-wrapper .loader { height: 3rem; width: 3rem; } /* line 80, src/assets/scss/components/_loader.scss */ .has-loader .h-loader-wrapper .loader.is-small { height: 2rem; width: 2rem; } /* line 85, src/assets/scss/components/_loader.scss */ .has-loader .h-loader-wrapper .loader.is-large { height: 5rem; width: 5rem; } /* line 90, src/assets/scss/components/_loader.scss */ .has-loader .h-loader-wrapper .loader.is-xl { height: 7rem; width: 7rem; } /* line 101, src/assets/scss/components/_loader.scss */ body.is-dark .has-loader .h-loader-wrapper { background: #323236; } @-webkit-keyframes spinAroundLoader { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spinAroundLoader { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* line 136, src/assets/scss/components/_loader.scss */ .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after, .huro-demo-wrapper:after { -webkit-animation: spinAroundLoader 500ms infinite linear; animation: spinAroundLoader 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } /*! _toggles.scss | Huro | Css ninja 2020-2021 */ /* 1. Sliding Switch 2. Special Checkbox */ /* ========================================================================== 1. Sliding Switch ========================================================================== */ /* line 12, src/assets/scss/components/_toggles.scss */ .sliding-toggle { width: 86px; display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 23, src/assets/scss/components/_toggles.scss */ .sliding-toggle input { position: absolute; opacity: 0; cursor: pointer; } /* line 28, src/assets/scss/components/_toggles.scss */ .sliding-toggle input:checked ~ .toggler { border-color: #ED1C24; } /* line 31, src/assets/scss/components/_toggles.scss */ .sliding-toggle input:checked ~ .toggler .dark, .sliding-toggle input:checked ~ .toggler .light { -webkit-transform: translateX(100%) rotate(360deg); transform: translateX(100%) rotate(360deg); } /* line 35, src/assets/scss/components/_toggles.scss */ .sliding-toggle input:checked ~ .toggler .dark { opacity: 1 !important; } /* line 39, src/assets/scss/components/_toggles.scss */ .sliding-toggle input:checked ~ .toggler .light { opacity: 0 !important; } /* line 45, src/assets/scss/components/_toggles.scss */ .sliding-toggle .toggler { position: relative; display: block; height: 31px; width: 53px; border: 2px solid #606061; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; } /* line 54, src/assets/scss/components/_toggles.scss */ .sliding-toggle .toggler .dark, .sliding-toggle .toggler .light { position: absolute; top: 2px; left: 2px; height: 22px; width: 22px; border-radius: 50%; background: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition: all .3s ease; transition: all .3s ease; } /* line 68, src/assets/scss/components/_toggles.scss */ .sliding-toggle .toggler .dark svg, .sliding-toggle .toggler .light svg { stroke: #ffffff !important; height: 14px !important; width: 14px !important; opacity: 1 !important; } /* line 76, src/assets/scss/components/_toggles.scss */ .sliding-toggle .toggler .light { background: #606061; border-color: #606061; opacity: 1; z-index: 1; } /* line 83, src/assets/scss/components/_toggles.scss */ .sliding-toggle .toggler .dark { background: #ED1C24; border-color: #ED1C24; opacity: 0; z-index: 0; } /* line 89, src/assets/scss/components/_toggles.scss */ .sliding-toggle .toggler .dark svg { stroke: #ffffff !important; } /* ===================================================== 2. Special Checkbox ===================================================== */ /* line 100, src/assets/scss/components/_toggles.scss */ .special-checkbox { position: relative; } /* line 103, src/assets/scss/components/_toggles.scss */ .special-checkbox label { background-color: #ffffff; border: 1px solid #cccccc; border-radius: 50%; cursor: pointer; height: 28px; left: 0; position: absolute; top: 0; width: 28px; } /* line 114, src/assets/scss/components/_toggles.scss */ .special-checkbox label:after { border: 2px solid #ffffff; border-top: none; border-right: none; content: ""; height: 6px; left: 7px; opacity: 0; position: absolute; top: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 12px; } /* line 129, src/assets/scss/components/_toggles.scss */ .special-checkbox input[type="checkbox"] { visibility: hidden; } /* line 133, src/assets/scss/components/_toggles.scss */ .special-checkbox input[type="checkbox"]:checked + label { background-color: #606061; border-color: #606061; } /* line 138, src/assets/scss/components/_toggles.scss */ .special-checkbox input[type="checkbox"]:checked + label:after { opacity: 1; } /* line 144, src/assets/scss/components/_toggles.scss */ .special-checkbox.is-small label { height: 20px; width: 20px; } /* line 148, src/assets/scss/components/_toggles.scss */ .special-checkbox.is-small label:after { left: 4px; top: 5px; width: 11px; height: 6px; -webkit-transform: rotate(-45deg) scale(0.8); transform: rotate(-45deg) scale(0.8); } /* line 157, src/assets/scss/components/_toggles.scss */ .special-checkbox.is-small span { position: relative; top: -2px; padding: 0 10px; cursor: default; } /*! _video-player.scss | Huro | Css ninja 2020-2021 */ /* 1. Video Player 2. Video Block */ /* ========================================================================== 1. Video Player ========================================================================== */ /* line 12, src/assets/scss/components/_video-player.scss */ .video-container { position: relative; padding-top: 56.25%; margin: 0 auto; background: #232326; border-radius: 2px; } /* line 19, src/assets/scss/components/_video-player.scss */ .video-container .video-player, .video-container .media-player { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 2px; } /* line 29, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar { padding: 8px 16px; } /* line 32, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar .media-symbol { height: 1.8em; width: 1.8em; } /* line 37, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar .media-control { border-radius: 50%; padding: 8px; cursor: pointer; border: 1px solid transparent; outline: none !important; -webkit-transition: all .3s; transition: all .3s; } /* line 45, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar .media-control:hover { background: transparent; color: #606061; } /* line 51, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar .media-control.media-play .media-play-symbol { position: relative; left: 2px; } /* line 58, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar .media-control.media-mute .media-mute-symbol, .video-container .media-player .media-toolbar .media-control.media-mute .media-unmute-symbol, .video-container .media-player .media-toolbar .media-control.media-mute .media-download-symbol, .video-container .media-player .media-toolbar .media-control.media-mute .media-enterFullscreen-symbol, .video-container .media-player .media-toolbar .media-control.media-mute .media-leaveFullscreen-symbol, .video-container .media-player .media-toolbar .media-control.media-unmute .media-mute-symbol, .video-container .media-player .media-toolbar .media-control.media-unmute .media-unmute-symbol, .video-container .media-player .media-toolbar .media-control.media-unmute .media-download-symbol, .video-container .media-player .media-toolbar .media-control.media-unmute .media-enterFullscreen-symbol, .video-container .media-player .media-toolbar .media-control.media-unmute .media-leaveFullscreen-symbol, .video-container .media-player .media-toolbar .media-control.media-download .media-mute-symbol, .video-container .media-player .media-toolbar .media-control.media-download .media-unmute-symbol, .video-container .media-player .media-toolbar .media-control.media-download .media-download-symbol, .video-container .media-player .media-toolbar .media-control.media-download .media-enterFullscreen-symbol, .video-container .media-player .media-toolbar .media-control.media-download .media-leaveFullscreen-symbol, .video-container .media-player .media-toolbar .media-control.media-fullscreen .media-mute-symbol, .video-container .media-player .media-toolbar .media-control.media-fullscreen .media-unmute-symbol, .video-container .media-player .media-toolbar .media-control.media-fullscreen .media-download-symbol, .video-container .media-player .media-toolbar .media-control.media-fullscreen .media-enterFullscreen-symbol, .video-container .media-player .media-toolbar .media-control.media-fullscreen .media-leaveFullscreen-symbol { position: relative; left: 1px; } /* line 65, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar .media-current-time, .video-container .media-player .media-toolbar .media-remaining-time { padding: 0 10px 0 8px; width: auto; } /* line 71, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar .media-slider .media-range { border-radius: 100px; } /* line 74, src/assets/scss/components/_video-player.scss */ .video-container .media-player .media-toolbar .media-slider .media-range .media-meter { border-radius: 100px; background: #606061; } /* ========================================================================== 2. Video Player Dark mode ========================================================================== */ /* line 93, src/assets/scss/components/_video-player.scss */ body.is-dark .video-container .media-player .media-toolbar { padding: 8px 16px; } /* line 96, src/assets/scss/components/_video-player.scss */ body.is-dark .video-container .media-player .media-toolbar .media-control { color: #a2a5b9; } /* line 99, src/assets/scss/components/_video-player.scss */ body.is-dark .video-container .media-player .media-toolbar .media-control:hover { background: transparent; color: #ED1C24; } /* line 105, src/assets/scss/components/_video-player.scss */ body.is-dark .video-container .media-player .media-toolbar .media-current-time, body.is-dark .video-container .media-player .media-toolbar .media-remaining-time { color: #aaaab3; } /* line 110, src/assets/scss/components/_video-player.scss */ body.is-dark .video-container .media-player .media-toolbar .media-slider .media-range { background: #28282b; } /* line 113, src/assets/scss/components/_video-player.scss */ body.is-dark .video-container .media-player .media-toolbar .media-slider .media-range .media-meter { background: #ED1C24; } /*! _placeholders.scss | Huro | Css ninja 2020-2021 */ /* 1. Section Placeholder 2. Page Placeholder */ /* ========================================================================== 1 Section Placeholder ========================================================================== */ /* line 12, src/assets/scss/components/_placeholders.scss */ .section-placeholder { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } /* line 19, src/assets/scss/components/_placeholders.scss */ .section-placeholder .placeholder-content { text-align: center; } /* line 22, src/assets/scss/components/_placeholders.scss */ .section-placeholder .placeholder-content > img { display: block; max-width: 280px; margin: 0 auto 10px auto; } /* line 28, src/assets/scss/components/_placeholders.scss */ .section-placeholder .placeholder-content .h-avatar { margin: 0 auto 10px auto; } /* line 32, src/assets/scss/components/_placeholders.scss */ .section-placeholder .placeholder-content h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; } /* line 39, src/assets/scss/components/_placeholders.scss */ .section-placeholder .placeholder-content p { font-family: "Roboto", sans-serif; font-size: 1rem; color: #a2a5b9; max-width: 280px; margin: 0 auto 12px auto; } /* line 47, src/assets/scss/components/_placeholders.scss */ .section-placeholder .placeholder-content .button { min-width: 140px; } /* ========================================================================== 2. Page placeholder ========================================================================== */ /* line 58, src/assets/scss/components/_placeholders.scss */ .page-placeholder { min-height: 400px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } /* line 68, src/assets/scss/components/_placeholders.scss */ .page-placeholder.is-wider .placeholder-content > p { font-size: 1rem; max-width: 420px; } /* line 75, src/assets/scss/components/_placeholders.scss */ .page-placeholder .placeholder-content { text-align: center; } /* line 78, src/assets/scss/components/_placeholders.scss */ .page-placeholder .placeholder-content img { display: block; max-width: 340px; margin: 0 auto 12px auto; } /* line 83, src/assets/scss/components/_placeholders.scss */ .page-placeholder .placeholder-content img.is-larger { max-width: 440px; } /* line 88, src/assets/scss/components/_placeholders.scss */ .page-placeholder .placeholder-content h3 { font-size: 1.3rem; font-weight: 600; font-family: "Montserrat", sans-serif; color: #283252; } /* line 95, src/assets/scss/components/_placeholders.scss */ .page-placeholder .placeholder-content p { font-size: 1.1rem; max-width: 440px; margin: 0 auto 12px auto; color: #a2a5b9; } /* line 101, src/assets/scss/components/_placeholders.scss */ .page-placeholder .placeholder-content p.is-larger { max-width: 620px; } /* line 106, src/assets/scss/components/_placeholders.scss */ .page-placeholder .placeholder-content .btn { margin-bottom: 8px; } /* line 116, src/assets/scss/components/_placeholders.scss */ body.is-dark .page-placeholder .placeholder-content h3 { color: #aaaab3; } @media (max-width: 767px) { /* line 127, src/assets/scss/components/_placeholders.scss */ .page-placeholder .placeholder-content img { max-width: 280px; } } /*! _popovers.scss | Huro | Css ninja 2020-2021 */ /* 1. Web UI Popover 2. Web UI Popover Dark mode 3. User profile popovers 4. User profile popovers Dark mode 5. Simple popover */ /* ========================================================================== 1. Web UI Popover ========================================================================== */ /* line 15, src/assets/scss/components/_popovers.scss */ .webui-popover { -webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 10px 4px !important; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 10px 4px !important; background: #eeeeee !important; color: #283252 !important; margin-top: -20px !important; border: 1px solid #ededed; } /* line 22, src/assets/scss/components/_popovers.scss */ .webui-popover.top > .webui-arrow { border-top-color: #ffffff !important; } /* line 26, src/assets/scss/components/_popovers.scss */ .webui-popover.bottom-right > .webui-arrow { border-right-color: transparent !important; border-bottom-color: transparent !important; } /* line 31, src/assets/scss/components/_popovers.scss */ .webui-popover.top-right > .webui-arrow { border-right-color: transparent !important; } /* line 34, src/assets/scss/components/_popovers.scss */ .webui-popover.top-right > .webui-arrow:after { border-top-color: #ffffff !important; } /* line 39, src/assets/scss/components/_popovers.scss */ .webui-popover.top-left > .webui-arrow { border-top-color: #eeeeee !important; } /* line 43, src/assets/scss/components/_popovers.scss */ .webui-popover.left > .webui-arrow { border-left-color: transparent !important; } /* line 47, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-arrow { border-top-color: transparent !important; border-right-color: transparent !important; } /* line 51, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-arrow:after { border-top-color: transparent !important; } /* line 56, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-title { background-color: transparent !important; border-bottom: none !important; font-weight: 500; } /* line 62, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content { font-size: .75rem !important; } /* line 65, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; } /* line 71, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block .staff-avatar { height: 38px; width: 38px; border-radius: 50%; } /* line 77, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block .content-block { margin-left: 10px; } /* line 80, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block .content-block label, .webui-popover .webui-popover-content .popover-flex-block .content-block span { display: block; } /* line 84, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block .content-block label { color: #7283ba; text-transform: uppercase; font-size: 70%; } /* line 91, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star, .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star-half { color: #FFD700; } /* line 95, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block .icon-block { height: 38px; width: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 102, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block .icon-block svg { height: 18px; width: 18px; stroke: #283252; stroke-width: 1.3px; } /* line 108, src/assets/scss/components/_popovers.scss */ .webui-popover .webui-popover-content .popover-flex-block .icon-block svg.is-medium { height: 26px; width: 26px; } /* ========================================================================== 2. Web UI Popover Dark mode ========================================================================== */ /* line 124, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover { background: #232326 !important; border-color: #323236; } /* line 129, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.top .webui-arrow { border-top-color: #232326 !important; } /* line 135, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.right .webui-arrow { border-top-color: transparent !important; border-right-color: #232326 !important; } /* line 139, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.right .webui-arrow:after { border-right-color: #232326 !important; } /* line 147, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.left .webui-arrow:after { border-left-color: #232326 !important; } /* line 155, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.bottom .webui-arrow:after { border-bottom-color: #232326 !important; } /* line 163, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.bottom-right .webui-arrow:after, body.is-dark .webui-popover.bottom-left .webui-arrow:after { border-bottom-color: #232326 !important; } /* line 171, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.top-right .webui-arrow:after { border-top-color: #232326 !important; } /* line 178, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.top-left .webui-arrow { border-top-color: #232326 !important; } /* line 183, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover .webui-popover-inner { background: #232326 !important; border-color: #232326 !important; } /* line 188, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover .title { color: #bfbfbf !important; } /* line 192, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover .country img, body.is-dark .webui-popover .primary-skill img { border-color: #232326 !important; } /* line 197, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover .notification-content a { color: #ED1C24 !important; } /* line 201, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover .notification-content span { color: #b3b3b3 !important; } /* line 206, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover .media + .media { border-top-color: #3b3b41 !important; } /* line 210, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover .loader-overlay { background: rgba(42, 42, 44, 0.95) !important; } /* ========================================================================== 3. User profile popovers ========================================================================== */ /* line 223, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper, .webui-popover-profile .profile-popover-block .skill-popover-wrapper, .webui-popover-profile .skill-popover-block .profile-popover-wrapper, .webui-popover-profile .skill-popover-block .skill-popover-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 16px; } /* line 229, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-avatar, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-avatar, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-avatar, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-avatar, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar { position: relative; width: 44px; height: 44px; min-width: 44px; z-index: 0; } /* line 236, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-avatar img, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar img, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-avatar img, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar img, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-avatar img, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar img, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-avatar img, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar img { display: block; } /* line 240, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-avatar .avatar, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar .avatar, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-avatar .avatar, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar .avatar, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-avatar .avatar, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar .avatar, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-avatar .avatar, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar .avatar { width: 44px; height: 44px; border-radius: 50%; } /* line 246, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-avatar .badge, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar .badge, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-avatar .badge, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar .badge, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-avatar .badge, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar .badge, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-avatar .badge, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar .badge { position: absolute; right: -2px; bottom: 0; width: 20px; height: 20px; border: 1.6px solid #ffffff; border-radius: 50%; } /* line 257, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar { background: whitesmoke; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; } /* line 264, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary { background: #cbcbcc; } /* line 267, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary span { color: #606061; } /* line 272, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent { background: #fac6c8; } /* line 275, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent span { color: #ED1C24; } /* line 280, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success { background: #c4fdef; } /* line 283, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success span { color: #06d6a0; } /* line 288, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info { background: #cfeffe; } /* line 291, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info span { color: #039BE5; } /* line 296, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning { background: #fef2e1; } /* line 299, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning span { color: #faae42; } /* line 304, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger { background: #f9cddb; } /* line 307, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger span { color: #e62965; } /* line 312, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple { background: #e7e2f0; } /* line 315, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple span { color: #8269B2; } /* line 320, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange { background: #ffe8dd; } /* line 323, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange span { color: #FFA981; } /* line 328, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue { background: #daf4ff; } /* line 331, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue span { color: #37C3FF; } /* line 336, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red { background: #fee7ed; } /* line 339, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red span { color: #F92B60; } /* line 344, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green { background: #e4f7e1; } /* line 347, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green span { color: #93E088; } /* line 352, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow { background: #fff6de; } /* line 355, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow span { color: #ffca45; } /* line 360, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar span { font-size: 1.1rem; font-family: "Roboto", sans-serif; text-transform: uppercase; font-weight: 500; color: #283252; } /* line 369, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta { margin-left: 16px; } /* line 372, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span { display: block; } /* line 375, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 380, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .skill-name, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .username, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .skill-name, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .username, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .skill-name, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .username, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .skill-name, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .skill-name, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .username, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .skill-name, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .username, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .skill-name, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .username, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .skill-name { display: block; font-family: "Montserrat", sans-serif; line-height: 1.2; font-size: .9rem; font-weight: 600; } /* line 388, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .location, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .location, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .location, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .location, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .location, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .location, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .location, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .location { font-size: .75rem; color: #a2a5b9; } /* line 394, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.job-title, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-type, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.job-title, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-type, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.job-title, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-type, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.job-title, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-type { font-size: .8rem; color: #606061; font-weight: 500; } /* line 400, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.bio, .webui-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-description, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.bio, .webui-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-description, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.bio, .webui-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-description, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.bio, .webui-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-description { font-size: .8rem; color: #a2a5b9; } /* line 408, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .popover-actions, .webui-popover-profile .skill-popover-block .popover-actions { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 12px 12px 12px; } /* line 415, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .popover-actions .button, .webui-popover-profile .skill-popover-block .popover-actions .button { height: 26px; } /* line 419, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .popover-actions .popover-icon, .webui-popover-profile .skill-popover-block .popover-actions .popover-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; max-width: 30px; margin: 0 2px; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 431, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .popover-actions .popover-icon:hover, .webui-popover-profile .skill-popover-block .popover-actions .popover-icon:hover { background: whitesmoke; } /* line 434, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .popover-actions .popover-icon:hover svg, .webui-popover-profile .skill-popover-block .popover-actions .popover-icon:hover svg { stroke: #a2a5b9; } /* line 439, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .popover-actions .popover-icon svg, .webui-popover-profile .skill-popover-block .popover-actions .popover-icon svg { width: 16px; height: 16px; stroke: #a2a5b9; } /* line 447, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .loader-overlay, .webui-popover-profile .skill-popover-block .loader-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(255, 255, 255, 0.95); opacity: 0; -webkit-transition: all .3s; transition: all .3s; z-index: 0; } /* line 464, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .loader-overlay.is-active, .webui-popover-profile .skill-popover-block .loader-overlay.is-active { opacity: 1; z-index: 1; } /* line 470, src/assets/scss/components/_popovers.scss */ .webui-popover-profile .profile-popover-block .loader-overlay .loader.is-loading, .webui-popover-profile .skill-popover-block .loader-overlay .loader.is-loading { height: 24px; width: 24px; min-height: 24px; min-width: 24px; } /* ========================================================================== 4. User profile popovers Dark mode ========================================================================== */ /* line 489, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover-profile .profile-popover-block .badge { border-color: #232326 !important; } /* line 494, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover-profile .profile-popover-block .user-meta .username, body.is-dark .webui-popover-profile .profile-popover-block .user-meta .skill-name, body.is-dark .webui-popover-profile .profile-popover-block .skill-meta .username, body.is-dark .webui-popover-profile .profile-popover-block .skill-meta .skill-name { color: #bfbfbf; } /* line 499, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover-profile .profile-popover-block .job-title, body.is-dark .webui-popover-profile .profile-popover-block .skill-type { color: #ED1C24 !important; } /* line 503, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover-profile .profile-popover-block .popover-actions .popover-icon:hover { background: #323236 !important; } /* line 506, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover-profile .profile-popover-block .popover-actions .popover-icon:hover svg { stroke: #ED1C24; } /* ========================================================================== 5. Simple popover ========================================================================== */ /* line 522, src/assets/scss/components/_popovers.scss */ .webui-popover.webui-popover-default .webui-popover-content .popover-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } /* line 527, src/assets/scss/components/_popovers.scss */ .webui-popover.webui-popover-default .webui-popover-content .popover-head .h-avatar, .webui-popover.webui-popover-default .webui-popover-content .popover-head .h-icon { margin-right: 10px; } /* line 531, src/assets/scss/components/_popovers.scss */ .webui-popover.webui-popover-default .webui-popover-content .popover-head h4 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .9rem; color: #363636; margin-bottom: 0; } /* line 540, src/assets/scss/components/_popovers.scss */ .webui-popover.webui-popover-default .webui-popover-content .popover-body { padding: 0; } /* line 543, src/assets/scss/components/_popovers.scss */ .webui-popover.webui-popover-default .webui-popover-content .popover-body p { font-family: "Roboto", sans-serif; font-size: .9rem; color: #283252 !important; } /* line 548, src/assets/scss/components/_popovers.scss */ .webui-popover.webui-popover-default .webui-popover-content .popover-body p:last-child { margin-bottom: 8px; } /* ========================================================================== 6. Simple popover Dark - MOD-ADD ========================================================================== */ /* line 568, src/assets/scss/components/_popovers.scss */ body.is-dark .webui-popover.webui-popover-default .webui-popover-content .popover-body p { color: #a2a5b9 !important; } /*! _progress.scss | Huro | Css ninja 2020-2021 */ /* 1. Progress Bar */ /* ========================================================================== 1. Progress Bar ========================================================================== */ /* line 12, src/assets/scss/components/_progress.scss */ .progress { margin-bottom: 0; } /* line 15, src/assets/scss/components/_progress.scss */ .progress::-webkit-progress-value { border-radius: 50px; } /* line 19, src/assets/scss/components/_progress.scss */ .progress::-moz-progress-bar { border-radius: 50px; } /* line 23, src/assets/scss/components/_progress.scss */ .progress::-ms-fill { border-radius: 50px; } /* line 27, src/assets/scss/components/_progress.scss */ .progress.is-smaller { height: .5rem !important; } /* line 31, src/assets/scss/components/_progress.scss */ .progress.is-tiny { height: .35rem !important; } /* ========================================================================== 2. Progress Bar Dark mode ========================================================================== */ /* line 43, src/assets/scss/components/_progress.scss */ body.is-dark .progress { background-color: #232326; } /* line 46, src/assets/scss/components/_progress.scss */ body.is-dark .progress::-webkit-progress-bar { background-color: #232326; } /* line 51, src/assets/scss/components/_progress.scss */ body.is-dark .progress.is-primary::-webkit-progress-value { background: #ED1C24; } /* line 55, src/assets/scss/components/_progress.scss */ body.is-dark .progress.is-primary::-moz-progress-bar { background: #ED1C24; } /* line 59, src/assets/scss/components/_progress.scss */ body.is-dark .progress.is-primary::-ms-fill { background: #ED1C24; } /* line 65, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-primary { background-color: #ED1C24; background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #232326), color-stop(30%, #ED1C24)); background-image: linear-gradient(to right, #232326 30%, #ED1C24 30%); } /* line 69, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-primary::-webkit-progress-bar { background: transparent; } /* line 73, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-primary::-moz-progress-bar { background: transparent; } /* line 78, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-success { background-color: #06d6a0; background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #232326), color-stop(30%, #06d6a0)); background-image: linear-gradient(to right, #232326 30%, #06d6a0 30%); } /* line 82, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-success::-webkit-progress-bar { background: transparent; } /* line 86, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-success::-moz-progress-bar { background: transparent; } /* line 91, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-info { background-color: #039BE5; background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #232326), color-stop(30%, #039BE5)); background-image: linear-gradient(to right, #232326 30%, #039BE5 30%); } /* line 95, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-info::-webkit-progress-bar { background: transparent; } /* line 99, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-info::-moz-progress-bar { background: transparent; } /* line 104, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-warning { background-color: #faae42; background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #232326), color-stop(30%, #faae42)); background-image: linear-gradient(to right, #232326 30%, #faae42 30%); } /* line 108, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-warning::-webkit-progress-bar { background: transparent; } /* line 112, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-warning::-moz-progress-bar { background: transparent; } /* line 117, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-danger { background-color: #e62965; background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #232326), color-stop(30%, #e62965)); background-image: linear-gradient(to right, #232326 30%, #e62965 30%); } /* line 121, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-danger::-webkit-progress-bar { background: transparent; } /* line 125, src/assets/scss/components/_progress.scss */ body.is-dark .progress:indeterminate.is-danger::-moz-progress-bar { background: transparent; } /*! _theme-switch.scss | Huro | Css ninja 2020-2021 */ /* 1. Theme Switch */ /* ========================================================================== 1. Theme Switch ========================================================================== */ /* line 15, src/assets/scss/components/_theme-switch.scss */ .dark-mode { cursor: pointer; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } /* line 19, src/assets/scss/components/_theme-switch.scss */ .dark-mode input { display: none; } /* line 21, src/assets/scss/components/_theme-switch.scss */ .dark-mode input + span { display: block; border-radius: 50%; width: 36px; height: 36px; position: relative; -webkit-box-shadow: inset 16px -16px 0 0 #ffd22e; box-shadow: inset 16px -16px 0 0 #ffd22e; -webkit-transform: scale(1) rotate(-2deg); transform: scale(1) rotate(-2deg); -webkit-transition: -webkit-box-shadow .5s ease 0s, -webkit-transform .4s ease .1s; transition: -webkit-box-shadow .5s ease 0s, -webkit-transform .4s ease .1s; transition: box-shadow .5s ease 0s, transform .4s ease .1s; transition: box-shadow .5s ease 0s, transform .4s ease .1s, -webkit-box-shadow .5s ease 0s, -webkit-transform .4s ease .1s; } /* line 30, src/assets/scss/components/_theme-switch.scss */ .dark-mode input + span:before { content: ''; width: inherit; height: inherit; border-radius: inherit; position: absolute; left: 0; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } /* line 41, src/assets/scss/components/_theme-switch.scss */ .dark-mode input + span:after { content: ''; width: 8px; height: 8px; border-radius: 50%; margin: -4px 0 0 -4px; position: absolute; top: 50%; left: 50%; -webkit-box-shadow: 0 -23px 0 #ffb62e, 0 23px 0 #ffb62e, 23px 0 0 #ffb62e, -23px 0 0 #ffb62e, 15px 15px 0 #ffb62e, -15px 15px 0 #ffb62e, 15px -15px 0 #ffb62e, -15px -15px 0 #ffb62e; box-shadow: 0 -23px 0 #ffb62e, 0 23px 0 #ffb62e, 23px 0 0 #ffb62e, -23px 0 0 #ffb62e, 15px 15px 0 #ffb62e, -15px 15px 0 #ffb62e, 15px -15px 0 #ffb62e, -15px -15px 0 #ffb62e; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease; transition: all .3s ease; } /* line 55, src/assets/scss/components/_theme-switch.scss */ .dark-mode input:checked + span { -webkit-box-shadow: inset 32px -32px 0 0 #ffd22e; box-shadow: inset 32px -32px 0 0 #ffd22e; -webkit-transform: scale(0.5) rotate(0deg); transform: scale(0.5) rotate(0deg); -webkit-transition: -webkit-transform .3s ease .1s, -webkit-box-shadow .2s ease 0s; transition: -webkit-transform .3s ease .1s, -webkit-box-shadow .2s ease 0s; transition: transform .3s ease .1s, box-shadow .2s ease 0s; transition: transform .3s ease .1s, box-shadow .2s ease 0s, -webkit-transform .3s ease .1s, -webkit-box-shadow .2s ease 0s; } /* line 59, src/assets/scss/components/_theme-switch.scss */ .dark-mode input:checked + span:before { background: #ffb62e; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: background-color .3s ease .1s; transition: background-color .3s ease .1s; } /* line 64, src/assets/scss/components/_theme-switch.scss */ .dark-mode input:checked + span:after { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: -webkit-transform .5s ease .15s; transition: -webkit-transform .5s ease .15s; transition: transform .5s ease .15s; transition: transform .5s ease .15s, -webkit-transform .5s ease .15s; } /*! _avatar.scss | Huro | Css ninja 2020-2021 */ /* 1. Avatar 2. Avatar Dark Mode */ /* ========================================================================== 1. Avatar ========================================================================== */ /* line 12, src/assets/scss/components/_avatar.scss */ .h-avatar { position: relative; display: inline-block; vertical-align: bottom; } /* line 18, src/assets/scss/components/_avatar.scss */ .h-avatar.has-dot:after { content: ''; position: absolute; top: 1px; right: 1px; height: 12px; width: 12px; border-radius: 50%; background: #06d6a0; border: 1.8px solid #ffffff; } /* line 31, src/assets/scss/components/_avatar.scss */ .h-avatar.has-dot.has-dot-squared:after { top: -3px; right: -3px; } /* line 38, src/assets/scss/components/_avatar.scss */ .h-avatar.has-dot.dot-primary:after { background: #606061; } /* line 44, src/assets/scss/components/_avatar.scss */ .h-avatar.has-dot.dot-info:after { background: #039BE5; } /* line 50, src/assets/scss/components/_avatar.scss */ .h-avatar.has-dot.dot-warning:after { background: #faae42; } /* line 56, src/assets/scss/components/_avatar.scss */ .h-avatar.has-dot.dot-danger:after { background: #e62965; } /* line 62, src/assets/scss/components/_avatar.scss */ .h-avatar.has-dot.dot-grey:after { background: #a2a5b9; } /* line 68, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar { width: 40px; min-width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; } /* line 74, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-squared { border-radius: 10px !important; } /* line 78, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ededed; border-radius: 50%; } /* line 85, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-primary { background: #cbcbcc; } /* line 88, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-primary span { color: #606061; } /* line 93, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-accent { background: #fac6c8; } /* line 96, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-accent span { color: #ED1C24; } /* line 101, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-success { background: #c4fdef; } /* line 104, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-success span { color: #06d6a0; } /* line 109, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-info { background: #cfeffe; } /* line 112, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-info span { color: #039BE5; } /* line 117, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-warning { background: #fef2e1; } /* line 120, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-warning span { color: #faae42; } /* line 125, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-danger { background: #f9cddb; } /* line 128, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-danger span { color: #e62965; } /* line 133, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-purple { background: #e7e2f0; } /* line 136, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-purple span { color: #8269B2; } /* line 141, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-orange { background: #ffe8dd; } /* line 144, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-orange span { color: #FFA981; } /* line 149, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-blue { background: #daf4ff; } /* line 152, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-blue span { color: #37C3FF; } /* line 157, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-red { background: #fee7ed; } /* line 160, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-red span { color: #F92B60; } /* line 165, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-green { background: #e4f7e1; } /* line 168, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-green span { color: #93E088; } /* line 173, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-yellow { background: #fff6de; } /* line 176, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake.is-h-yellow span { color: #ffca45; } /* line 181, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-fake span { position: relative; display: block; font-size: 1rem; font-weight: 500; color: #999999; } /* line 192, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; } /* line 198, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-more .inner { width: 40px; min-width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background: #f2f2f2; border: 1px solid #ededed; } /* line 209, src/assets/scss/components/_avatar.scss */ .h-avatar .avatar.is-more .inner span { line-height: 1; position: relative; left: -3px; display: block; font-size: .9rem; font-weight: 500; color: #a2a5b9; } /* line 224, src/assets/scss/components/_avatar.scss */ .h-avatar .badge { position: absolute; bottom: 0; right: 0; height: 16px; width: 16px; border: 1px solid #ffffff; } /* line 233, src/assets/scss/components/_avatar.scss */ .h-avatar img { display: block; border-radius: 50%; } /* line 238, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small { max-width: 32px; min-width: 32px; max-height: 32px; } /* line 244, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small.has-dot:after { content: ''; top: 0; right: 0; height: 8px; width: 8px; border-width: 1.4px; } /* line 254, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small.has-dot.has-dot-squared:after { top: -2px; right: -2px; } /* line 261, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small .avatar { width: 32px; min-width: 32px; height: 32px; } /* line 266, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small .avatar.is-squared { border-radius: 8px !important; } /* line 270, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small .avatar.is-fake, .h-avatar.is-small .avatar.is-more { width: 32px; min-width: 32px; height: 32px; } /* line 275, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small .avatar.is-fake .inner, .h-avatar.is-small .avatar.is-more .inner { width: 30px; min-width: 30px; height: 30px; } /* line 281, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small .avatar.is-fake span, .h-avatar.is-small .avatar.is-more span { font-size: .85rem; } /* line 287, src/assets/scss/components/_avatar.scss */ .h-avatar.is-small .badge { border-width: 1px; width: 12px; height: 12px; } /* line 294, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium { max-width: 50px; min-width: 50px; } /* line 299, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium.has-dot:after { content: ''; top: 1px; right: 1px; height: 12px; width: 12px; border-width: 2px; } /* line 309, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium.has-dot.has-dot-squared:after { top: -3px; right: -3px; } /* line 316, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium .avatar { width: 50px; min-width: 50px; height: 50px; } /* line 321, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium .avatar.is-squared { border-radius: 12px !important; } /* line 325, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium .avatar.is-fake, .h-avatar.is-medium .avatar.is-more { width: 50px; min-width: 50px; height: 50px; } /* line 330, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium .avatar.is-fake .inner, .h-avatar.is-medium .avatar.is-more .inner { width: 50px; min-width: 50px; height: 50px; } /* line 336, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium .avatar.is-fake span, .h-avatar.is-medium .avatar.is-more span { font-size: 1.2rem; } /* line 342, src/assets/scss/components/_avatar.scss */ .h-avatar.is-medium .badge { border-width: 2px; height: 20px; width: 20px; } /* line 349, src/assets/scss/components/_avatar.scss */ .h-avatar.is-large { max-width: 68px; min-width: 68px; } /* line 354, src/assets/scss/components/_avatar.scss */ .h-avatar.is-large.has-dot:after { content: ''; top: 4px; right: 4px; height: 14px; width: 14px; border-width: 2.6px; } /* line 364, src/assets/scss/components/_avatar.scss */ .h-avatar.is-large.has-dot.has-dot-squared:after { top: -4px; right: -1px; } /* line 371, src/assets/scss/components/_avatar.scss */ .h-avatar.is-large .avatar { width: 68px; min-width: 68px; height: 68px; } /* line 376, src/assets/scss/components/_avatar.scss */ .h-avatar.is-large .avatar.is-squared { border-radius: 16px !important; } /* line 380, src/assets/scss/components/_avatar.scss */ .h-avatar.is-large .avatar.is-fake { width: 68px; min-width: 68px; height: 68px; } /* line 385, src/assets/scss/components/_avatar.scss */ .h-avatar.is-large .avatar.is-fake span { font-size: 1.4rem; } /* line 391, src/assets/scss/components/_avatar.scss */ .h-avatar.is-large .badge { border-width: 2px; height: 24px; width: 24px; } /* line 398, src/assets/scss/components/_avatar.scss */ .h-avatar.is-big { max-width: 80px; min-width: 80px; } /* line 403, src/assets/scss/components/_avatar.scss */ .h-avatar.is-big.has-dot:after { content: ''; top: 4px; right: 4px; height: 16px; width: 16px; border-width: 2.8px; } /* line 413, src/assets/scss/components/_avatar.scss */ .h-avatar.is-big.has-dot.has-dot-squared:after { top: -4px; right: -1px; } /* line 420, src/assets/scss/components/_avatar.scss */ .h-avatar.is-big .avatar { width: 80px; min-width: 80px; height: 80px; } /* line 425, src/assets/scss/components/_avatar.scss */ .h-avatar.is-big .avatar.is-squared { border-radius: 18px !important; } /* line 429, src/assets/scss/components/_avatar.scss */ .h-avatar.is-big .avatar.is-fake { width: 80px; min-width: 80px; height: 80px; } /* line 434, src/assets/scss/components/_avatar.scss */ .h-avatar.is-big .avatar.is-fake span { font-size: 1.4rem; } /* line 440, src/assets/scss/components/_avatar.scss */ .h-avatar.is-big .badge { border-width: 2.4px; height: 28px; width: 28px; } /* line 447, src/assets/scss/components/_avatar.scss */ .h-avatar.is-xl { max-width: 100px; min-width: 100px; } /* line 452, src/assets/scss/components/_avatar.scss */ .h-avatar.is-xl.has-dot:after { content: ''; top: 6px; right: 5px; height: 18px; width: 18px; border-width: 2.8px; } /* line 462, src/assets/scss/components/_avatar.scss */ .h-avatar.is-xl.has-dot.has-dot-squared:after { top: -3px; right: -3px; } /* line 469, src/assets/scss/components/_avatar.scss */ .h-avatar.is-xl .avatar { width: 100px; min-width: 100px; height: 100px; } /* line 474, src/assets/scss/components/_avatar.scss */ .h-avatar.is-xl .avatar.is-squared { border-radius: 22px !important; } /* line 478, src/assets/scss/components/_avatar.scss */ .h-avatar.is-xl .avatar.is-fake { width: 100px; min-width: 100px; height: 100px; } /* line 483, src/assets/scss/components/_avatar.scss */ .h-avatar.is-xl .avatar.is-fake span { font-size: 1.6rem; } /* line 489, src/assets/scss/components/_avatar.scss */ .h-avatar.is-xl .badge { border-width: 3px; height: 34px; width: 34px; } /* line 497, src/assets/scss/components/_avatar.scss */ .avatar-stack { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 500, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar { border-radius: 50%; } /* line 503, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small { border-radius: 50%; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(1) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(2) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(3) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(4) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(5) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(6) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(7) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(8) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(9) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(10) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(11) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(12) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(13) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(14) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(15) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(16) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(17) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(18) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(19) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(20) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(21) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(22) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(23) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(24) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(25) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(26) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(27) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(28) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(29) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(30) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(31) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(32) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(33) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(34) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(35) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(36) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(37) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(38) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(39) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(40) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(41) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(42) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(43) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(44) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(45) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(46) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(47) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(48) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(49) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(50) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(51) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(52) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(53) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(54) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(55) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(56) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(57) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(58) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(59) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(60) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(61) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(62) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(63) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(64) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(65) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(66) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(67) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(68) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(69) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(70) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(71) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(72) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(73) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(74) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(75) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(76) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(77) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(78) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(79) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(80) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(81) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(82) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(83) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(84) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(85) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(86) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(87) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(88) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(89) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(90) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(91) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(92) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(93) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(94) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(95) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(96) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(97) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(98) { margin-left: -12px; } /* line 510, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small:not(:first-child):nth-child(99) { margin-left: -12px; } /* line 516, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-small img, .avatar-stack .h-avatar.is-small .is-fake, .avatar-stack .h-avatar.is-small .is-more .inner { border: 2px solid #ffffff; } /* line 521, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium { border-radius: 50%; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(1) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(2) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(3) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(4) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(5) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(6) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(7) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(8) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(9) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(10) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(11) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(12) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(13) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(14) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(15) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(16) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(17) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(18) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(19) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(20) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(21) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(22) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(23) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(24) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(25) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(26) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(27) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(28) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(29) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(30) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(31) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(32) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(33) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(34) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(35) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(36) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(37) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(38) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(39) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(40) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(41) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(42) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(43) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(44) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(45) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(46) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(47) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(48) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(49) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(50) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(51) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(52) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(53) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(54) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(55) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(56) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(57) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(58) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(59) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(60) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(61) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(62) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(63) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(64) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(65) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(66) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(67) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(68) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(69) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(70) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(71) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(72) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(73) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(74) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(75) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(76) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(77) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(78) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(79) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(80) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(81) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(82) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(83) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(84) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(85) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(86) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(87) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(88) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(89) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(90) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(91) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(92) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(93) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(94) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(95) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(96) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(97) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(98) { margin-left: -16px; } /* line 528, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium:not(:first-child):nth-child(99) { margin-left: -16px; } /* line 534, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar.is-medium img, .avatar-stack .h-avatar.is-medium .is-fake, .avatar-stack .h-avatar.is-medium .is-more .inner { border: 4px solid #ffffff; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(1) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(2) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(3) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(4) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(5) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(6) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(7) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(8) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(9) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(10) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(11) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(12) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(13) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(14) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(15) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(16) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(17) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(18) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(19) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(20) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(21) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(22) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(23) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(24) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(25) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(26) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(27) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(28) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(29) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(30) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(31) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(32) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(33) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(34) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(35) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(36) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(37) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(38) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(39) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(40) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(41) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(42) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(43) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(44) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(45) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(46) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(47) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(48) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(49) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(50) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(51) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(52) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(53) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(54) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(55) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(56) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(57) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(58) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(59) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(60) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(61) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(62) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(63) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(64) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(65) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(66) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(67) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(68) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(69) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(70) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(71) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(72) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(73) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(74) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(75) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(76) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(77) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(78) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(79) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(80) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(81) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(82) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(83) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(84) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(85) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(86) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(87) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(88) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(89) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(90) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(91) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(92) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(93) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(94) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(95) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(96) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(97) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(98) { margin-left: -14px; } /* line 543, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar:not(:first-child):nth-child(99) { margin-left: -14px; } /* line 549, src/assets/scss/components/_avatar.scss */ .avatar-stack .h-avatar img, .avatar-stack .h-avatar .is-fake, .avatar-stack .h-avatar .is-more .inner { border: 2px solid #ffffff; } /* ========================================================================== 2. Avatar Dark Mode ========================================================================== */ /* line 562, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar { border-color: #323236; } /* line 566, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-primary { background: #606061; } /* line 569, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-primary span { color: #ffffff; } /* line 574, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-accent { background: #ED1C24; } /* line 577, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-accent span { color: #ffffff; } /* line 582, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-success { background: #06d6a0; } /* line 585, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-success span { color: #ffffff; } /* line 590, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-info { background: #039BE5; } /* line 593, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-info span { color: #ffffff; } /* line 598, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-warning { background: #faae42; } /* line 601, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-warning span { color: #ffffff; } /* line 606, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-danger { background: #e62965; } /* line 609, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-danger span { color: #ffffff; } /* line 614, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-purple { background: #8269B2; } /* line 617, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-purple span { color: #ffffff; } /* line 622, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-orange { background: #FFA981; } /* line 625, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-orange span { color: #ffffff; } /* line 630, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-blue { background: #37C3FF; } /* line 633, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-blue span { color: #ffffff; } /* line 638, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-red { background: #F92B60; } /* line 641, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-red span { color: #ffffff; } /* line 646, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-green { background: #93E088; } /* line 649, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-green span { color: #ffffff; } /* line 654, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-yellow { background: #FFD66E; } /* line 657, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake.is-h-yellow span { color: #ffffff; } /* line 664, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-more .inner { background: #3b3b41; border-color: #1e1e21; } /* line 670, src/assets/scss/components/_avatar.scss */ body.is-dark .h-avatar .avatar.is-fake { border-color: #323236; } /*! _snacks.scss | Huro | Css ninja 2020-2021 */ /* 1. Snacks 2. Snacks Dark mode */ /* ========================================================================== 1. Snacks ========================================================================== */ /* line 12, src/assets/scss/components/_snacks.scss */ .snacks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 16, src/assets/scss/components/_snacks.scss */ .snacks .snack { margin: 0 8px 16px 8px; } /* line 21, src/assets/scss/components/_snacks.scss */ .snack { display: inline-block; background: #f2f2f2; height: 38px; width: auto; border-radius: 500px; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 30, src/assets/scss/components/_snacks.scss */ .snack:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 34, src/assets/scss/components/_snacks.scss */ .snack.is-white { background: #ffffff; } /* line 38, src/assets/scss/components/_snacks.scss */ .snack.is-small { height: 30px; } /* line 41, src/assets/scss/components/_snacks.scss */ .snack.is-small .snack-media { height: 32px; width: 32px; margin-right: 4px; } /* line 46, src/assets/scss/components/_snacks.scss */ .snack.is-small .snack-media.is-icon { height: 30px; width: 30px; } /* line 50, src/assets/scss/components/_snacks.scss */ .snack.is-small .snack-media.is-icon svg { height: 15px; width: 15px; } /* line 55, src/assets/scss/components/_snacks.scss */ .snack.is-small .snack-media.is-icon .fas, .snack.is-small .snack-media.is-icon .far, .snack.is-small .snack-media.is-icon .fad, .snack.is-small .snack-media.is-icon .fal, .snack.is-small .snack-media.is-icon .fab { font-size: 13px; } /* line 59, src/assets/scss/components/_snacks.scss */ .snack.is-small .snack-media.is-icon .lnil, .snack.is-small .snack-media.is-icon .lnir { font-size: 16px; } /* line 64, src/assets/scss/components/_snacks.scss */ .snack.is-small .snack-media img { height: 30px; width: 30px; } /* line 70, src/assets/scss/components/_snacks.scss */ .snack.is-small .snack-text { font-size: .9rem; top: -12px; } /* line 75, src/assets/scss/components/_snacks.scss */ .snack.is-small .snack-action { top: -9px; margin: 0 10px 0 6px; } /* line 81, src/assets/scss/components/_snacks.scss */ .snack .snack-media { position: relative; top: -1px; height: 40px; width: 40px; display: inline-block; margin-right: 6px; } /* line 89, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon { position: relative; left: -1px; height: 38px; width: 38px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 50%; } /* line 99, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-solid .fas, .snack .snack-media.is-icon.is-solid .far, .snack .snack-media.is-icon.is-solid .fad, .snack .snack-media.is-icon.is-solid .fal, .snack .snack-media.is-icon.is-solid .fab, .snack .snack-media.is-icon.is-solid .lnil, .snack .snack-media.is-icon.is-solid .lnir { color: #ffffff !important; } /* line 104, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-primary { border-color: #606061; } /* line 107, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-primary.is-solid { background: #606061; } /* line 110, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-primary.is-solid svg { stroke: #ffffff; } /* line 115, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-primary svg { stroke: #606061; } /* line 119, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-primary .fas, .snack .snack-media.is-icon.is-primary .far, .snack .snack-media.is-icon.is-primary .fad, .snack .snack-media.is-icon.is-primary .fal, .snack .snack-media.is-icon.is-primary .fab, .snack .snack-media.is-icon.is-primary .lnil, .snack .snack-media.is-icon.is-primary .lnir { color: #606061; } /* line 124, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-success { border-color: #06d6a0; } /* line 127, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-success.is-solid { background: #06d6a0; } /* line 130, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-success.is-solid svg { stroke: #ffffff; } /* line 135, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-success svg { stroke: #06d6a0; } /* line 139, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-success .fas, .snack .snack-media.is-icon.is-success .far, .snack .snack-media.is-icon.is-success .fad, .snack .snack-media.is-icon.is-success .fal, .snack .snack-media.is-icon.is-success .fab, .snack .snack-media.is-icon.is-success .lnil, .snack .snack-media.is-icon.is-success .lnir { color: #06d6a0; } /* line 144, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-info { border-color: #039BE5; } /* line 147, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-info.is-solid { background: #039BE5; } /* line 150, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-info.is-solid svg { stroke: #ffffff; } /* line 155, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-info svg { stroke: #039BE5; } /* line 159, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-info .fas, .snack .snack-media.is-icon.is-info .far, .snack .snack-media.is-icon.is-info .fad, .snack .snack-media.is-icon.is-info .fal, .snack .snack-media.is-icon.is-info .fab, .snack .snack-media.is-icon.is-info .lnil, .snack .snack-media.is-icon.is-info .lnir { color: #039BE5; } /* line 164, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-warning { border-color: #faae42; } /* line 167, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-warning.is-solid { background: #faae42; } /* line 170, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-warning.is-solid svg { stroke: #ffffff; } /* line 175, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-warning svg { stroke: #faae42; } /* line 179, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-warning .fas, .snack .snack-media.is-icon.is-warning .far, .snack .snack-media.is-icon.is-warning .fad, .snack .snack-media.is-icon.is-warning .fal, .snack .snack-media.is-icon.is-warning .fab, .snack .snack-media.is-icon.is-warning .lnil, .snack .snack-media.is-icon.is-warning .lnir { color: #faae42; } /* line 184, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-danger { border-color: #e62965; } /* line 187, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-danger.is-solid { background: #e62965; } /* line 190, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-danger.is-solid svg { stroke: #ffffff; } /* line 195, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-danger svg { stroke: #e62965; } /* line 199, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon.is-danger .fas, .snack .snack-media.is-icon.is-danger .far, .snack .snack-media.is-icon.is-danger .fad, .snack .snack-media.is-icon.is-danger .fal, .snack .snack-media.is-icon.is-danger .fab, .snack .snack-media.is-icon.is-danger .lnil, .snack .snack-media.is-icon.is-danger .lnir { color: #e62965; } /* line 204, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon .snack-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 211, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon svg { height: 18px; width: 18px; stroke-width: 1.6px; stroke: #a2a5b9; } /* line 218, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon .fas, .snack .snack-media.is-icon .far, .snack .snack-media.is-icon .fad, .snack .snack-media.is-icon .fal, .snack .snack-media.is-icon .fab { font-size: 15px; color: #a2a5b9; } /* line 223, src/assets/scss/components/_snacks.scss */ .snack .snack-media.is-icon .lnil, .snack .snack-media.is-icon .lnir { font-size: 18px; color: #a2a5b9; } /* line 229, src/assets/scss/components/_snacks.scss */ .snack .snack-media img { display: inline-block; height: 38px; width: 38px; border-radius: 50%; } /* line 237, src/assets/scss/components/_snacks.scss */ .snack .snack-text { display: inline-block; position: relative; top: -15px; color: #283252; } /* line 244, src/assets/scss/components/_snacks.scss */ .snack .snack-action { position: relative; top: -12px; display: inline-block; margin: 0 16px 0 10px; cursor: pointer; } /* line 251, src/assets/scss/components/_snacks.scss */ .snack .snack-action svg { height: 14px; width: 14px; stroke: #a2a5b9; } /* ========================================================================== 2. Snacks Dark mode ========================================================================== */ /* line 266, src/assets/scss/components/_snacks.scss */ body.is-dark .snack { background: #28282b; border-color: #2d2d31; } /* line 272, src/assets/scss/components/_snacks.scss */ body.is-dark .snack .snack-media.is-icon:not(.is-solid) { background: #2d2d31; } /* line 276, src/assets/scss/components/_snacks.scss */ body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) { border-color: #ED1C24; } /* line 279, src/assets/scss/components/_snacks.scss */ body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) svg { stroke: #ED1C24; } /* line 283, src/assets/scss/components/_snacks.scss */ body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fas, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .far, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fad, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fab, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .fal, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .lnil, body.is-dark .snack .snack-media.is-icon.is-primary:not(.is-solid) .lnir { color: #ED1C24; } /* line 288, src/assets/scss/components/_snacks.scss */ body.is-dark .snack .snack-media.is-icon.is-primary.is-solid { background: #ED1C24; border-color: #ED1C24; } /* line 295, src/assets/scss/components/_snacks.scss */ body.is-dark .snack .snack-text { color: #aaaab3; } /*! _tabs.scss | Huro | Css ninja 2020-2021 */ /* 1. Tabs 2. Tabs Dark mode 3. Tab Content 4. Sliding tabs 2X 5. Sliding tabs 3X 6. Sliding tabs Dark mode */ /* ========================================================================== 1. Tabs ========================================================================== */ /* line 16, src/assets/scss/components/_tabs.scss */ .tabs { margin-bottom: 20px; } /* line 22, src/assets/scss/components/_tabs.scss */ .tabs.is-toggle li:first-child a { border-right: none; } /* line 28, src/assets/scss/components/_tabs.scss */ .tabs.is-toggle li:last-child a { border-left: none; } /* line 34, src/assets/scss/components/_tabs.scss */ .tabs.is-toggle li.is-active a { background: #606061; border-color: #606061; } /* line 38, src/assets/scss/components/_tabs.scss */ .tabs.is-toggle li.is-active a:hover { color: #ffffff; } /* line 44, src/assets/scss/components/_tabs.scss */ .tabs.is-toggle li a { -webkit-transition: all .3s; transition: all .3s; } /* line 47, src/assets/scss/components/_tabs.scss */ .tabs.is-toggle li a:hover { border-color: #dbdbdb; } /* line 56, src/assets/scss/components/_tabs.scss */ .tabs li.is-active a { border-bottom-color: #606061; color: #606061; } /* line 60, src/assets/scss/components/_tabs.scss */ .tabs li.is-active a:hover { border-bottom-color: #606061; color: #606061; } /* line 67, src/assets/scss/components/_tabs.scss */ .tabs li a { font-family: "Roboto", sans-serif; border-bottom-width: 2px; color: #606061; border-bottom-color: transparent; } /* line 73, src/assets/scss/components/_tabs.scss */ .tabs li a:hover { color: #a2a5b9; border-bottom-color: transparent; } /* line 78, src/assets/scss/components/_tabs.scss */ .tabs li a svg { height: 16px; width: 16px; margin-right: 6px; } /* line 84, src/assets/scss/components/_tabs.scss */ .tabs li a .fas, .tabs li a .fal, .tabs li a .far, .tabs li a .fad, .tabs li a .fab { font-size: 20px; margin-right: 6px; } /* line 89, src/assets/scss/components/_tabs.scss */ .tabs li a .lnil, .tabs li a .lnir { font-size: 20px; margin-right: 6px; } /* line 94, src/assets/scss/components/_tabs.scss */ .tabs li a small { margin-left: 5px; } /* ========================================================================== 2. Tabs Dark mode ========================================================================== */ /* line 111, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs.is-boxed li.is-active a, body.is-dark .tabs.is-boxed li.is-active a:hover { background: #252529 !important; } /* line 116, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs.is-boxed li a { border-color: #4a4a50 !important; } /* line 119, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs.is-boxed li a:hover { background: #2d2d31 !important; } /* line 129, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs.is-toggle li.is-active a, body.is-dark .tabs.is-toggle li.is-active a:hover { background: #ED1C24 !important; border-color: #ED1C24; color: #ffffff; } /* line 136, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs.is-toggle li a { border-color: #4a4a50 !important; } /* line 139, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs.is-toggle li a:hover { background: #2d2d31 !important; } /* line 146, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs ul { border-bottom-color: #4a4a50; } /* line 152, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs li.is-active a { border-bottom-color: #ED1C24; color: #ED1C24; } /* line 159, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs li a { color: #dedede; } /* line 162, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs li a:hover { color: #f69296; } /* ========================================================================== 3. Tab Content ========================================================================== */ /* line 175, src/assets/scss/components/_tabs.scss */ .tab-content { display: none; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } /* line 180, src/assets/scss/components/_tabs.scss */ .tab-content.is-active { display: block; } /* line 183, src/assets/scss/components/_tabs.scss */ .tab-content.is-active.is-spaced { margin-top: 10px !important; } /* line 188, src/assets/scss/components/_tabs.scss */ .tab-content.is-spaced { margin-top: 40px; } /* line 192, src/assets/scss/components/_tabs.scss */ .tab-content.is-spaced-lg { margin-top: 40px !important; } /* ========================================================================== 4. Sliding tabs 2X ========================================================================== */ /* line 204, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider.is-inverted .tabs, .tabs-wrapper-alt.is-slider.is-inverted .tabs { background: #ffffff; } /* line 210, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider.is-squared .tabs, .tabs-wrapper.is-slider.is-squared .tab-naver, .tabs-wrapper-alt.is-slider.is-squared .tabs, .tabs-wrapper-alt.is-slider.is-squared .tab-naver { border-radius: 8px; } /* line 215, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs, .tabs-wrapper-alt.is-slider .tabs { position: relative; background: #f2f2f2; border: 1px solid #ededed; max-width: 185px; height: 35px; border-bottom: none; border-radius: 500px; } /* line 224, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs ul, .tabs-wrapper-alt.is-slider .tabs ul { border-bottom: none; } /* line 229, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs ul.is-profile li a, .tabs-wrapper-alt.is-slider .tabs ul.is-profile li a { color: #fcfcfc !important; } /* line 233, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs ul.is-profile li.is-active a, .tabs-wrapper-alt.is-slider .tabs ul.is-profile li.is-active a { color: #283252 !important; } /* line 240, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs li, .tabs-wrapper-alt.is-slider .tabs li { width: 50%; } /* line 243, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs li a, .tabs-wrapper-alt.is-slider .tabs li a { font-family: "Roboto", sans-serif; height: 40px; border-bottom: none; position: relative; z-index: 5; } /* line 251, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs li a span, .tabs-wrapper-alt.is-slider .tabs li a span { position: relative; top: -1px; display: block; } /* line 258, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs li.is-active a, .tabs-wrapper-alt.is-slider .tabs li.is-active a { color: #ffffff; font-weight: 400; } /* line 264, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs li:first-child.is-active ~ .tab-naver, .tabs-wrapper-alt.is-slider .tabs li:first-child.is-active ~ .tab-naver { margin-left: 0; } /* line 270, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tabs li:nth-child(2).is-active ~ .tab-naver, .tabs-wrapper-alt.is-slider .tabs li:nth-child(2).is-active ~ .tab-naver { margin-left: 50% !important; } /* line 277, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tab-naver, .tabs-wrapper-alt.is-slider .tab-naver { position: absolute; top: 0; left: 0; display: block; width: 50%; height: 20px; background: #606061; z-index: 1; position: absolute; top: .5px; left: 0; display: block; width: 50%; height: 32px; -webkit-transition: all .3s; transition: all .3s; z-index: 4; border-radius: 50px; } /* line 296, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tab-naver.is-profile, .tabs-wrapper-alt.is-slider .tab-naver.is-profile { background: #fcfcfc !important; } /* line 300, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-slider .tab-naver.is-active, .tabs-wrapper-alt.is-slider .tab-naver.is-active { margin-left: 50%; } /* ========================================================================== 5. Sliding tabs 3X ========================================================================== */ /* line 314, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider.is-inverted .tabs, .tabs-wrapper-alt.is-triple-slider.is-inverted .tabs { background: #ffffff; } /* line 320, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider.is-squared .tabs, .tabs-wrapper.is-triple-slider.is-squared .tab-naver, .tabs-wrapper-alt.is-triple-slider.is-squared .tabs, .tabs-wrapper-alt.is-triple-slider.is-squared .tab-naver { border-radius: 8px; } /* line 325, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs, .tabs-wrapper-alt.is-triple-slider .tabs { position: relative; background: #f2f2f2; border: 1px solid #ededed; max-width: 280px; height: 35px; border-bottom: none; border-radius: 500px; } /* line 334, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs ul, .tabs-wrapper-alt.is-triple-slider .tabs ul { border-bottom: none; } /* line 339, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs ul.is-profile li a, .tabs-wrapper-alt.is-triple-slider .tabs ul.is-profile li a { color: #fcfcfc !important; } /* line 343, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs ul.is-profile li.is-active a, .tabs-wrapper-alt.is-triple-slider .tabs ul.is-profile li.is-active a { color: #283252 !important; } /* line 350, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs li, .tabs-wrapper-alt.is-triple-slider .tabs li { width: 33.3%; } /* line 353, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs li a, .tabs-wrapper-alt.is-triple-slider .tabs li a { font-family: "Roboto", sans-serif; font-weight: 400; height: 40px; border-bottom: none; position: relative; z-index: 5; } /* line 362, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs li a span, .tabs-wrapper-alt.is-triple-slider .tabs li a span { position: relative; top: -1px; display: block; } /* line 369, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs li.is-active a, .tabs-wrapper-alt.is-triple-slider .tabs li.is-active a { color: #ffffff; font-weight: 400; } /* line 375, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs li:first-child.is-active ~ .tab-naver, .tabs-wrapper-alt.is-triple-slider .tabs li:first-child.is-active ~ .tab-naver { margin-left: 0; } /* line 381, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs li:nth-child(2).is-active ~ .tab-naver, .tabs-wrapper-alt.is-triple-slider .tabs li:nth-child(2).is-active ~ .tab-naver { margin-left: 33% !important; } /* line 387, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tabs li:nth-child(3).is-active ~ .tab-naver, .tabs-wrapper-alt.is-triple-slider .tabs li:nth-child(3).is-active ~ .tab-naver { margin-left: 66.6%; } /* line 394, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tab-naver, .tabs-wrapper-alt.is-triple-slider .tab-naver { position: absolute; top: .5px; left: 0; display: block; width: 33.3% !important; height: 20px; background: #606061; z-index: 1; position: absolute; left: 0; display: block; height: 32px; -webkit-transition: all .3s; transition: all .3s; z-index: 4; border-radius: 50px; } /* line 411, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tab-naver.is-profile, .tabs-wrapper-alt.is-triple-slider .tab-naver.is-profile { background: #fcfcfc !important; } /* line 415, src/assets/scss/components/_tabs.scss */ .tabs-wrapper.is-triple-slider .tab-naver.is-active, .tabs-wrapper-alt.is-triple-slider .tab-naver.is-active { margin-left: 48%; } /* ========================================================================== 6. Sliding tabs Dark mode ========================================================================== */ /* line 431, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs-wrapper.is-slider.is-inverted .tabs, body.is-dark .tabs-wrapper.is-triple-slider.is-inverted .tabs { border: 1px solid #4a4a50 !important; background: #28282b !important; } /* line 437, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs-wrapper.is-slider .tabs, body.is-dark .tabs-wrapper.is-triple-slider .tabs { border: 1px solid #4a4a50 !important; background: #28282b !important; } /* line 441, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs-wrapper.is-slider .tabs .tab-naver, body.is-dark .tabs-wrapper.is-triple-slider .tabs .tab-naver { background: #ED1C24 !important; } /* line 445, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs-wrapper.is-slider .tabs ul, body.is-dark .tabs-wrapper.is-triple-slider .tabs ul { border: none; } /* line 451, src/assets/scss/components/_tabs.scss */ body.is-dark .tabs-wrapper.is-slider .tabs li.is-active a, body.is-dark .tabs-wrapper.is-triple-slider .tabs li.is-active a { color: #ffffff; } /* ========================================================================== 4. Vertical tabs ========================================================================== */ @media only screen and (max-width: 767px) { /* line 473, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .tabs ul li.is-active a { color: #606061; border-bottom-color: #606061; } /* line 479, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .tabs ul li a { color: #a2a5b9; } /* line 487, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .content-wrap .tab-content { padding-top: 12px; display: none; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 492, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .content-wrap .tab-content.is-active { display: block; } } @media only screen and (min-width: 768px) { /* line 501, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 504, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .tabs { min-width: 25%; max-width: 25%; margin-right: 30px; } /* line 509, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .tabs ul { display: block; text-align: left; border-bottom-color: transparent !important; } /* line 514, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .tabs ul li { display: block; } /* line 518, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .tabs ul li.is-active a { color: #606061; border-right-color: #606061; } /* line 524, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .tabs ul li a { display: block; border-bottom-color: transparent !important; border-right: 2px solid #dbdbdb; color: #a2a5b9; } /* line 534, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .content-wrap { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 537, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .content-wrap .tab-content { display: none; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 541, src/assets/scss/components/_tabs.scss */ .vertical-tabs-wrapper .content-wrap .tab-content.is-active { display: block; } } /*! _table.scss | Huro | Css ninja 2020-2021 */ /* 1. Flex Table 2. Flex Table Dark mode 3. Table Pagination 4. Table Pagination Dark mode 5. Flex Table Advanced wrapper 6. Flex Table Advanced wrapper Dark mode 7. Bulma Table 8. Bulma Table Dark mode 9. Media Queries */ /* ========================================================================== 1. Flex Table ========================================================================== */ /* line 21, src/assets/scss/components/_table.scss */ .flex-table.is-compact .flex-table-item { margin-bottom: 0; border-radius: 0; } /* line 25, src/assets/scss/components/_table.scss */ .flex-table.is-compact .flex-table-item:not(:last-child) { border-bottom: none; } /* line 29, src/assets/scss/components/_table.scss */ .flex-table.is-compact .flex-table-item:nth-child(2) { border-radius: 8px 8px 0 0; } /* line 33, src/assets/scss/components/_table.scss */ .flex-table.is-compact .flex-table-item:last-child { margin-bottom: 6px; border-radius: 0 0 8px 8px; } /* line 40, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; } /* line 45, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header span { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .8rem; font-weight: 600; color: #999999; text-transform: uppercase; padding: 0 10px 10px 10px; } /* line 55, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header span.is-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; max-width: 30px; } /* line 62, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header span.is-checkbox .checkbox { padding: 0; } /* line 65, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header span.is-checkbox .checkbox > span { height: 22px; } /* line 71, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header span.cell-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 75, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header span.cell-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 79, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header span.is-grow { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 83, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header span.is-grow-lg { -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; } /* line 89, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; min-height: 60px; background: #ffffff; border-radius: 8px; border: 1px solid #e5e5e5; padding: 8px; margin-bottom: 6px; } /* line 100, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item.is-row { border: none; background: transparent; } /* line 105, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; font-family: "Roboto", sans-serif; } /* line 112, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-grow { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 116, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.cell-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 120, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.cell-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 125, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.cell-end .button.has-dot .dot { position: relative; top: 1px; font-size: 4px; margin: 0 6px; } /* line 134, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.cell-end .action-link { font-size: .9rem; } /* line 140, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-bold > span { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 600; } /* line 147, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; max-width: 30px; } /* line 154, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-checkbox .checkbox { padding: 0; margin-left: 4px; } /* line 160, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user, .flex-table .flex-table-item .flex-table-cell.is-media { padding-left: 0; } /* line 163, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user.is-grow, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 167, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user.is-grow-lg, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow-lg { -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; } /* line 171, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div span:not(.avatar), .flex-table .flex-table-item .flex-table-cell.is-media > div span:not(.avatar) { display: block; margin-left: 10px; } /* line 176, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div, .flex-table .flex-table-item .flex-table-cell.is-media > div { line-height: 1.2; } /* line 179, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div .item-name, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-name { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 600; color: #363636; } /* line 186, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta { color: #a2a5b9; } /* line 189, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta svg, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta svg { position: relative; top: 2px; height: 14px; width: 14px; stroke-width: 1.6px; margin-right: 4px; } /* line 198, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta span, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta span { display: inline-block; margin-left: 0; font-size: .9rem; } /* line 204, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media { margin-left: 10px; margin-top: 4px; } /* line 208, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media .h-avatar, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media .h-avatar { width: 26px !important; min-width: 26px !important; height: 26px !important; } /* line 213, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media .h-avatar .avatar, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media .h-avatar .avatar { width: 26px !important; min-width: 26px !important; height: 26px !important; } /* line 221, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .separator, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .separator { padding: 0 8px; } /* line 229, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .avatar.is-fake span, .flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .avatar.is-fake span { margin: 0; } /* line 235, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user .media, .flex-table .flex-table-item .flex-table-cell.is-media .media { display: block; width: 100%; max-width: 130px; min-height: 95px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } /* line 244, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user .cell-image, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image { display: block; width: 100%; max-width: 80px; } /* line 249, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell.is-user .cell-image.is-mini, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image.is-mini { max-width: 40px; } /* line 255, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell .cell-icon { margin-right: 4px; color: #a2a5b9; } /* line 260, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell .tag { margin-bottom: 0 !important; line-height: 1.8; height: 1.8em; } /* line 266, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell .flex-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 270, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell .flex-media .meta { margin-left: 6px; line-height: 1.3; } /* line 274, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell .flex-media .meta span { display: block !important; font-size: .8rem; color: #a2a5b9; font-family: "Roboto", sans-serif; } /* line 283, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell .dot-levels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 287, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell .dot-levels .dot { font-size: 8px; color: #b3b6c6; margin: 0 6px; } /* line 292, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active { color: #606061; } /* ========================================================================== 2. Flex Table Dark mode ========================================================================== */ /* line 308, src/assets/scss/components/_table.scss */ body.is-dark .flex-table .flex-table-item { background: #323236; border-color: #404046; } /* line 315, src/assets/scss/components/_table.scss */ body.is-dark .flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .badge, body.is-dark .flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .badge { border-color: #323236 !important; } /* line 324, src/assets/scss/components/_table.scss */ body.is-dark .flex-table .flex-table-item .flex-table-cell.cell-end .button.dark-outlined:hover { border-color: #ED1C24 !important; color: #ED1C24 !important; } /* line 332, src/assets/scss/components/_table.scss */ body.is-dark .flex-table .flex-table-item .flex-table-cell .dark-text { color: #aaaab3 !important; } /* line 337, src/assets/scss/components/_table.scss */ body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar { border-color: #323236; } /* line 341, src/assets/scss/components/_table.scss */ body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar .is-more .inner { border-color: #323236 !important; } /* line 350, src/assets/scss/components/_table.scss */ body.is-dark .flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active { color: #ED1C24; } /* ========================================================================== 3. Table Pagination ========================================================================== */ /* line 365, src/assets/scss/components/_table.scss */ .flex-pagination { padding: 12px 0; } /* line 368, src/assets/scss/components/_table.scss */ .flex-pagination .pagination-next, .flex-pagination .pagination-previous { background: #ffffff; min-width: 85px; } /* line 372, src/assets/scss/components/_table.scss */ .flex-pagination .pagination-next.has-chevron, .flex-pagination .pagination-previous.has-chevron { min-width: 55px; } /* line 375, src/assets/scss/components/_table.scss */ .flex-pagination .pagination-next.has-chevron svg, .flex-pagination .pagination-previous.has-chevron svg { height: 16px; width: 16px; stroke-width: 3px; stroke: #606061; } /* line 386, src/assets/scss/components/_table.scss */ .flex-pagination .pagination-list li .pagination-link { background: #ffffff; font-family: "Roboto", sans-serif; font-size: .9em; } /* line 391, src/assets/scss/components/_table.scss */ .flex-pagination .pagination-list li .pagination-link.is-current { background: #606061; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* ========================================================================== 4. Table Pagination Dark mode ========================================================================== */ /* line 408, src/assets/scss/components/_table.scss */ body.is-dark .flex-pagination .pagination-next, body.is-dark .flex-pagination .pagination-previous { background: #28282b; border-color: #2d2d31; color: #aaaab3; } /* line 413, src/assets/scss/components/_table.scss */ body.is-dark .flex-pagination .pagination-next svg, body.is-dark .flex-pagination .pagination-previous svg { stroke: #ED1C24; } /* line 420, src/assets/scss/components/_table.scss */ body.is-dark .flex-pagination .pagination-list li .pagination-link { background: #28282b; border-color: #2d2d31; color: #aaaab3; } /* line 425, src/assets/scss/components/_table.scss */ body.is-dark .flex-pagination .pagination-list li .pagination-link.is-current { background: #ED1C24; color: #fcfcfc; border-color: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* ========================================================================== 5. Flex Table advanced wrapper ========================================================================== */ /* line 442, src/assets/scss/components/_table.scss */ .flex-table-wrapper { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px; padding: 20px; } /* line 448, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } /* line 456, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table .flex-table-item { margin-bottom: 0; border-radius: 0; border-left: none; border-right: none; border-top: none; } /* line 463, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table .flex-table-item:last-child { margin-bottom: 6px; border-bottom: none; } /* ========================================================================== 6. Flex Table advanced wrapper Dark mode ========================================================================== */ /* line 477, src/assets/scss/components/_table.scss */ body.is-dark .flex-table-wrapper { background: #323236; border-color: #404046; } /* ========================================================================== 7. Bulma Table ========================================================================== */ /* line 488, src/assets/scss/components/_table.scss */ .demo-table { margin-bottom: 3rem; } /* line 494, src/assets/scss/components/_table.scss */ .table tbody th { font-family: "Roboto", sans-serif; color: #283252; } /* line 498, src/assets/scss/components/_table.scss */ .table tbody th.is-media { width: 40px; } /* line 503, src/assets/scss/components/_table.scss */ .table tbody th.is-end > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 510, src/assets/scss/components/_table.scss */ .table tbody td { font-family: "Roboto", sans-serif; vertical-align: middle; } /* line 514, src/assets/scss/components/_table.scss */ .table tbody td:not(:first-child) { color: #a2a5b9; } /* line 518, src/assets/scss/components/_table.scss */ .table tbody td.is-media { width: 40px; } /* line 523, src/assets/scss/components/_table.scss */ .table tbody td.is-end > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* ========================================================================== 8. Bulma Table Dark mode ========================================================================== */ /* line 538, src/assets/scss/components/_table.scss */ body.is-dark .table { background: #323236; border-color: #404046; } /* line 544, src/assets/scss/components/_table.scss */ body.is-dark .table.is-hoverable tr:not(.is-selected):hover { background: #39393e; } /* line 552, src/assets/scss/components/_table.scss */ body.is-dark .table.is-striped tr:not(.is-selected):nth-child(even) { background: #39393e; } /* line 559, src/assets/scss/components/_table.scss */ body.is-dark .table tbody th, body.is-dark .table tbody td { border-color: #404046; } /* line 563, src/assets/scss/components/_table.scss */ body.is-dark .table tbody th { color: #aaaab3; } /* line 568, src/assets/scss/components/_table.scss */ body.is-dark .table tbody td:first-child { color: #aaaab3; } /* ========================================================================== 9. Media Queries ========================================================================== */ @media (max-width: 767px) { /* line 583, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table-toolbar { margin-bottom: 10px; } /* line 586, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table-toolbar .left { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 590, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table-toolbar .right { display: none; } /* line 597, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table .flex-table-header .is-checkbox { display: none; } /* line 602, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table .flex-table-item { padding-left: 0; padding-right: 0; } /* line 606, src/assets/scss/components/_table.scss */ .flex-table-wrapper .flex-table .flex-table-item .is-checkbox { display: none; } /* line 614, src/assets/scss/components/_table.scss */ .flex-table .flex-table-header { display: none; } /* line 618, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell { position: relative; margin-bottom: 12px; } /* line 622, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell:before { content: attr(data-th); font-size: .9rem; text-transform: uppercase; font-weight: 500; color: #999999; } /* line 631, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell.no-label-mobile:before { display: none !important; } /* line 636, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell.cell-end { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } /* line 639, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell.cell-end .btn-group { margin-left: auto; } /* line 645, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell.is-user span { font-size: 1.2rem; } /* line 650, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell > span, .flex-table .flex-table-cell > .is-pushed-mobile { margin-left: auto; } /* line 653, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell > span.no-push, .flex-table .flex-table-cell > .is-pushed-mobile.no-push { margin-left: 0 !important; } /* line 659, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% !important; padding: 20px; margin-bottom: 16px; } /* line 666, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item:last-child { margin-bottom: 0; } /* line 670, src/assets/scss/components/_table.scss */ .flex-table .flex-table-item > div { border: none !important; } /* line 677, src/assets/scss/components/_table.scss */ .pagination-next.has-chevron, .pagination-previous.has-chevron { min-width: 55px; max-width: 55px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 688, src/assets/scss/components/_table.scss */ .flex-table .flex-table-cell.is-user img { min-width: 50px; } /* line 696, src/assets/scss/components/_table.scss */ .pagination-next.has-chevron, .pagination-previous.has-chevron { min-width: 55px; max-width: 55px; } /* line 702, src/assets/scss/components/_table.scss */ .pagination-next { margin-right: auto; } } /*! _datatable.scss | Huro | Css ninja 2020-2021 */ /* 1. Datatable Toolbar 2. Datatable Toolbar Dark mode 3. Datatable pagination 4. Datatable pagination Dark mode 5. Datatable sorting 6. Ajax Loading bar 7. Datatable */ /* ========================================================================== 1. Datatable Toolbar ========================================================================== */ /* line 17, src/assets/scss/components/_datatable.scss */ .datatable-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 22, src/assets/scss/components/_datatable.scss */ .datatable-toolbar.is-webapp { padding-top: 30px; } /* line 26, src/assets/scss/components/_datatable.scss */ .datatable-toolbar.is-reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 30, src/assets/scss/components/_datatable.scss */ .datatable-toolbar .field { margin-bottom: 0; } /* line 34, src/assets/scss/components/_datatable.scss */ .datatable-toolbar .field .control .button { color: #a2a5b9; } /* line 37, src/assets/scss/components/_datatable.scss */ .datatable-toolbar .field .control .button:hover { background: #606061; border-color: #606061; color: #fcfcfc; } /* line 46, src/assets/scss/components/_datatable.scss */ .datatable-toolbar .buttons { margin-left: auto; margin-bottom: 0; } /* line 50, src/assets/scss/components/_datatable.scss */ .datatable-toolbar .buttons .h-button { margin-bottom: 0; } /* ========================================================================== 2. Datatable Toolbar Dark mode ========================================================================== */ /* line 65, src/assets/scss/components/_datatable.scss */ body.is-dark .datatable-toolbar .field .control .button { background: #232326 !important; color: #a2a5b9; } /* line 69, src/assets/scss/components/_datatable.scss */ body.is-dark .datatable-toolbar .field .control .button:hover { background: #ED1C24 !important; border-color: #ED1C24 !important; color: #fcfcfc !important; } /* ========================================================================== 3. Datatable pagination ========================================================================== */ /* line 85, src/assets/scss/components/_datatable.scss */ .pagination { text-align: center; } /* line 88, src/assets/scss/components/_datatable.scss */ .pagination li { list-style-type: none; float: left; } /* line 92, src/assets/scss/components/_datatable.scss */ .pagination li a { padding: 0 5px; cursor: pointer; } /* line 97, src/assets/scss/components/_datatable.scss */ .pagination li.active { background: #606061 !important; } /* line 100, src/assets/scss/components/_datatable.scss */ .pagination li.active a { cursor: default; color: #fcfcfc !important; } /* line 109, src/assets/scss/components/_datatable.scss */ .pagination.datatable-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 10px; } /* line 115, src/assets/scss/components/_datatable.scss */ .pagination.datatable-pagination .datatable-info { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 121, src/assets/scss/components/_datatable.scss */ .pagination.datatable-pagination ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px !important; height: 36px !important; border-radius: 50%; margin: 4px; background: #ededed; -webkit-transition: all .3s; transition: all .3s; } /* line 132, src/assets/scss/components/_datatable.scss */ .pagination.datatable-pagination ul li.is-selected { background: #606061; } /* line 135, src/assets/scss/components/_datatable.scss */ .pagination.datatable-pagination ul li.is-selected a { color: #ffffff; } /* line 140, src/assets/scss/components/_datatable.scss */ .pagination.datatable-pagination ul li:hover { background: #ffffff; border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 146, src/assets/scss/components/_datatable.scss */ .pagination.datatable-pagination ul li a { font-family: "Roboto", sans-serif; font-size: .9rem; font-weight: 500; color: #283252; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 155, src/assets/scss/components/_datatable.scss */ .pagination.datatable-pagination ul li a i { font-size: 14px; } /* ========================================================================== 4. Datatable pagination Dark mode ========================================================================== */ /* line 173, src/assets/scss/components/_datatable.scss */ body.is-dark .pagination.datatable-pagination ul li { background: #232326; } /* line 176, src/assets/scss/components/_datatable.scss */ body.is-dark .pagination.datatable-pagination ul li.is-selected { background: #ED1C24; } /* line 179, src/assets/scss/components/_datatable.scss */ body.is-dark .pagination.datatable-pagination ul li.is-selected a { color: #ffffff; } /* line 184, src/assets/scss/components/_datatable.scss */ body.is-dark .pagination.datatable-pagination ul li.active { background: #ED1C24 !important; } /* line 187, src/assets/scss/components/_datatable.scss */ body.is-dark .pagination.datatable-pagination ul li.active a { color: #ffffff; } /* line 192, src/assets/scss/components/_datatable.scss */ body.is-dark .pagination.datatable-pagination ul li:hover { border-color: #2d2d31 !important; } /* line 196, src/assets/scss/components/_datatable.scss */ body.is-dark .pagination.datatable-pagination ul li a { color: #fcfcfc; } /* ========================================================================== 5. Datatable sorting ========================================================================== */ /* line 210, src/assets/scss/components/_datatable.scss */ .sorting { cursor: pointer; background-image: url("/assets/img/icons/datatable/sort_both.png"); background-repeat: no-repeat; background-position: center right; } /* line 217, src/assets/scss/components/_datatable.scss */ .sorting-desc { background-image: url("/assets/img/icons/datatable/sort_desc.png"); } /* line 221, src/assets/scss/components/_datatable.scss */ .sorting-asc { background-image: url("/assets/img/icons/datatable/sort_asc.png"); } /* ========================================================================== 6. Ajax Loading bar ========================================================================== */ /* line 229, src/assets/scss/components/_datatable.scss */ .datatable-load-bar { width: 100%; margin: 8px 0; } /* line 234, src/assets/scss/components/_datatable.scss */ .datatable-load-bar { border: 1px solid gray; height: 10px; } /* line 239, src/assets/scss/components/_datatable.scss */ .datatable-load-bar .bar { height: 10px; background-color: #AEF; } /* line 244, src/assets/scss/components/_datatable.scss */ .datatable-filter-line { background: #fcfcfc; } /* ========================================================================== 7. Datatable ========================================================================== */ /* line 252, src/assets/scss/components/_datatable.scss */ .table-wrapper { overflow-x: auto; overflow-y: visible; border: 1px solid #e5e5e5; border-radius: 8px; min-height: 500px; background: #ffffff; } /* line 260, src/assets/scss/components/_datatable.scss */ .table-wrapper.has-margin-bottom { margin-bottom: 40px; } /* line 264, src/assets/scss/components/_datatable.scss */ .table-wrapper .section-placeholder { margin-top: -30px; } /* line 268, src/assets/scss/components/_datatable.scss */ .table-wrapper .table { display: table; width: 100%; } /* line 272, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable { overflow: visible; } /* line 275, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .sorting { background-position: 90% 48%; } /* line 280, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable tr.is-selected { background: #f7f7f7; } /* line 283, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable tr.is-selected td { border-color: #e3e3e3; } /* line 289, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable tr.datatable-filter-line td { border-bottom: 1px solid #ededed; } /* line 295, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable th, .table-wrapper .table.is-datatable td { vertical-align: middle; } /* line 299, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable th { padding: 16px 20px; font-family: "Montserrat", sans-serif; font-size: .8rem; color: #283252; text-transform: uppercase; border: 1px solid #ededed; } /* line 307, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable th .checkbox { padding: 0; } /* line 312, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable td { padding: 12px 20px; } /* line 317, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable td.datatable-filter-cell .control .input { padding-left: 40px; } /* line 323, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable td .checkbox { padding: 0; } /* line 328, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable input { padding: 6px 8px; border-radius: 4px; border: 1px solid #cecece; -webkit-box-shadow: none; box-shadow: none; } /* line 334, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable input:focus { border-color: #e3e3e3; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 340, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .datatable-avatar { width: 36px; height: 36px; border-radius: 50%; } /* line 346, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .product-photo { width: 80px; height: 80px; -o-object-fit: contain; object-fit: contain; } /* line 352, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .file-icon { width: 46px; height: 46px; -o-object-fit: contain; object-fit: contain; } /* line 358, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 363, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .status.is-available i { color: #06d6a0; } /* line 369, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .status.is-busy i { color: #e62965; } /* line 375, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .status.is-offline i { color: #a2a5b9; } /* line 380, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .status i { margin-right: 8px; font-size: 8px; } /* line 385, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .status span { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; } /* line 392, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .flex-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 396, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .flex-media .meta { margin-left: 10px; line-height: 1.3; } /* line 400, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .flex-media .meta span { display: block; font-size: .8rem; color: #a2a5b9; font-family: "Roboto", sans-serif; } /* line 406, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .flex-media .meta span:first-child { font-family: "Montserrat", sans-serif; color: #283252; } /* line 414, src/assets/scss/components/_datatable.scss */ .table-wrapper .table.is-datatable .row-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* ========================================================================== 8. Datatable Dark mode ========================================================================== */ /* line 428, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper { border-color: #404046; background: #323236; } /* line 437, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable tr:first-child:hover { background: #323236 !important; } /* line 442, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable tr.is-selected { background: #2f2f33 !important; } /* line 445, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable tr.is-selected td { border-color: #37373b !important; } /* line 450, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable tr.datatable-filter-line { background: #2a2a2e; } /* line 453, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable tr.datatable-filter-line td { border-color: #404046; } /* line 457, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable tr.datatable-filter-line td .control .input { border-color: #404046; } /* line 465, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable th { border-color: #404046; color: #aaaab3; } /* line 472, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable td .h-button:hover { border-color: #ED1C24 !important; color: #ED1C24 !important; } /* line 482, src/assets/scss/components/_datatable.scss */ body.is-dark .table-wrapper .table.is-datatable .flex-media .meta span:first-child { color: #aaaab3; } /*! _toasts.scss | Huro | Css ninja 2020-2021 */ /* 1. Notyf Toasts 2. Special Checkbox */ /* ========================================================================== 1. Notyf Toasts ========================================================================== */ /* line 16, src/assets/scss/components/_toasts.scss */ .notyf .notyf__toast .notyf__wrapper .notyf__icon .fas, .notyf .notyf__toast .notyf__wrapper .notyf__icon .fal, .notyf .notyf__toast .notyf__wrapper .notyf__icon .far, .notyf .notyf__toast .notyf__wrapper .notyf__icon .fad, .notyf .notyf__toast .notyf__wrapper .notyf__icon .fab { color: #ffffff !important; font-size: 1.6rem !important; } /* line 22, src/assets/scss/components/_toasts.scss */ .notyf .notyf__toast .notyf__wrapper .notyf__message, .notyf .notyf__toast .notyf__wrapper .toast-item-validation-title { color: #ffffff !important; } /* line 31, src/assets/scss/components/_toasts.scss */ .notyf .notyf__toast.notyf__toast--warning .notyf__icon, .notyf .notyf__toast.notyf__toast--warning .notyf__message, .notyf .notyf__toast.notyf__toast--warning .toast-item-validation-title, .notyf .notyf__toast.notyf__toast--success .notyf__icon, .notyf .notyf__toast.notyf__toast--success .notyf__message, .notyf .notyf__toast.notyf__toast--success .toast-item-validation-title { color: #283252 !important; } /* line 36, src/assets/scss/components/_toasts.scss */ .notyf .notyf__toast.notyf__toast--warning .notyf__icon .fas, .notyf .notyf__toast.notyf__toast--warning .notyf__icon .fal, .notyf .notyf__toast.notyf__toast--warning .notyf__icon .far, .notyf .notyf__toast.notyf__toast--warning .notyf__icon .fad, .notyf .notyf__toast.notyf__toast--warning .notyf__icon .fab, .notyf .notyf__toast.notyf__toast--warning .notyf__message .fas, .notyf .notyf__toast.notyf__toast--warning .notyf__message .fal, .notyf .notyf__toast.notyf__toast--warning .notyf__message .far, .notyf .notyf__toast.notyf__toast--warning .notyf__message .fad, .notyf .notyf__toast.notyf__toast--warning .notyf__message .fab, .notyf .notyf__toast.notyf__toast--warning .toast-item-validation-title .fas, .notyf .notyf__toast.notyf__toast--warning .toast-item-validation-title .fal, .notyf .notyf__toast.notyf__toast--warning .toast-item-validation-title .far, .notyf .notyf__toast.notyf__toast--warning .toast-item-validation-title .fad, .notyf .notyf__toast.notyf__toast--warning .toast-item-validation-title .fab, .notyf .notyf__toast.notyf__toast--success .notyf__icon .fas, .notyf .notyf__toast.notyf__toast--success .notyf__icon .fal, .notyf .notyf__toast.notyf__toast--success .notyf__icon .far, .notyf .notyf__toast.notyf__toast--success .notyf__icon .fad, .notyf .notyf__toast.notyf__toast--success .notyf__icon .fab, .notyf .notyf__toast.notyf__toast--success .notyf__message .fas, .notyf .notyf__toast.notyf__toast--success .notyf__message .fal, .notyf .notyf__toast.notyf__toast--success .notyf__message .far, .notyf .notyf__toast.notyf__toast--success .notyf__message .fad, .notyf .notyf__toast.notyf__toast--success .notyf__message .fab, .notyf .notyf__toast.notyf__toast--success .toast-item-validation-title .fas, .notyf .notyf__toast.notyf__toast--success .toast-item-validation-title .fal, .notyf .notyf__toast.notyf__toast--success .toast-item-validation-title .far, .notyf .notyf__toast.notyf__toast--success .toast-item-validation-title .fad, .notyf .notyf__toast.notyf__toast--success .toast-item-validation-title .fab { color: #283252 !important; } /*! _tooltips.scss | Huro | Css ninja 2020-2021 */ /* 1. CSS Tooltips 2. CSS Tooltips Dark mode */ /* ========================================================================== 1. CSS Tooltips ========================================================================== */ /* line 12, src/assets/scss/components/_tooltips.scss */ [class*="hint--"] { position: relative; display: inline-block; cursor: pointer; } /* line 18, src/assets/scss/components/_tooltips.scss */ [class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 1000ms; transition-delay: 0ms; } /* line 35, src/assets/scss/components/_tooltips.scss */ [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; } /* line 40, src/assets/scss/components/_tooltips.scss */ [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } /* line 46, src/assets/scss/components/_tooltips.scss */ [class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; } /* line 54, src/assets/scss/components/_tooltips.scss */ [class*="hint--"]:after { background: #383838; color: white; padding: 8px 10px; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 12px; white-space: nowrap; } /* line 64, src/assets/scss/components/_tooltips.scss */ [class*="hint--"][aria-label]:after { content: attr(aria-label); } /* line 68, src/assets/scss/components/_tooltips.scss */ [class*="hint--"][data-hint]:after { content: attr(data-hint); } /* line 72, src/assets/scss/components/_tooltips.scss */ [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } /* line 79, src/assets/scss/components/_tooltips.scss */ .hint--top-left:before { border-top-color: #383838; } /* line 83, src/assets/scss/components/_tooltips.scss */ .hint--top-right:before { border-top-color: #383838; } /* line 87, src/assets/scss/components/_tooltips.scss */ .hint--top:before { border-top-color: #383838; } /* line 91, src/assets/scss/components/_tooltips.scss */ .hint--bottom-left:before { border-bottom-color: #383838; } /* line 95, src/assets/scss/components/_tooltips.scss */ .hint--bottom-right:before { border-bottom-color: #383838; } /* line 99, src/assets/scss/components/_tooltips.scss */ .hint--bottom:before { border-bottom-color: #383838; } /* line 103, src/assets/scss/components/_tooltips.scss */ .hint--left:before { border-left-color: #383838; } /* line 107, src/assets/scss/components/_tooltips.scss */ .hint--right:before { border-right-color: #383838; } /* line 112, src/assets/scss/components/_tooltips.scss */ .hint--top:before { margin-bottom: -11px; } /* line 116, src/assets/scss/components/_tooltips.scss */ .hint--top:before, .hint--top:after { bottom: 100%; left: 50%; } /* line 121, src/assets/scss/components/_tooltips.scss */ .hint--top:before { left: calc(50% - 6px); } /* line 125, src/assets/scss/components/_tooltips.scss */ .hint--top:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* line 131, src/assets/scss/components/_tooltips.scss */ .hint--top:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* line 137, src/assets/scss/components/_tooltips.scss */ .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } /* line 144, src/assets/scss/components/_tooltips.scss */ .hint--bottom:before { margin-top: -11px; } /* line 148, src/assets/scss/components/_tooltips.scss */ .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; } /* line 153, src/assets/scss/components/_tooltips.scss */ .hint--bottom:before { left: calc(50% - 6px); } /* line 157, src/assets/scss/components/_tooltips.scss */ .hint--bottom:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* line 163, src/assets/scss/components/_tooltips.scss */ .hint--bottom:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } /* line 169, src/assets/scss/components/_tooltips.scss */ .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } /* line 176, src/assets/scss/components/_tooltips.scss */ .hint--right:before { margin-left: -11px; margin-bottom: -6px; } /* line 181, src/assets/scss/components/_tooltips.scss */ .hint--right:after { margin-bottom: -14px; } /* line 185, src/assets/scss/components/_tooltips.scss */ .hint--right:before, .hint--right:after { left: 100%; bottom: 50%; } /* line 190, src/assets/scss/components/_tooltips.scss */ .hint--right:hover:before { -webkit-transform: translateX(8px); transform: translateX(8px); } /* line 196, src/assets/scss/components/_tooltips.scss */ .hint--right:hover:after { -webkit-transform: translateX(8px); transform: translateX(8px); } /* line 203, src/assets/scss/components/_tooltips.scss */ .hint--left:before { margin-right: -11px; margin-bottom: -6px; } /* line 208, src/assets/scss/components/_tooltips.scss */ .hint--left:after { margin-bottom: -14px; } /* line 212, src/assets/scss/components/_tooltips.scss */ .hint--left:before, .hint--left:after { right: 100%; bottom: 50%; } /* line 217, src/assets/scss/components/_tooltips.scss */ .hint--left:hover:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } /* line 223, src/assets/scss/components/_tooltips.scss */ .hint--left:hover:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } /* line 230, src/assets/scss/components/_tooltips.scss */ .hint--top-left:before { margin-bottom: -11px; } /* line 234, src/assets/scss/components/_tooltips.scss */ .hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50%; } /* line 239, src/assets/scss/components/_tooltips.scss */ .hint--top-left:before { left: calc(50% - 6px); } /* line 243, src/assets/scss/components/_tooltips.scss */ .hint--top-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* line 249, src/assets/scss/components/_tooltips.scss */ .hint--top-left:after { margin-left: 12px; } /* line 253, src/assets/scss/components/_tooltips.scss */ .hint--top-left:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* line 259, src/assets/scss/components/_tooltips.scss */ .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } /* line 266, src/assets/scss/components/_tooltips.scss */ .hint--top-right:before { margin-bottom: -11px; } /* line 270, src/assets/scss/components/_tooltips.scss */ .hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50%; } /* line 275, src/assets/scss/components/_tooltips.scss */ .hint--top-right:before { left: calc(50% - 6px); } /* line 279, src/assets/scss/components/_tooltips.scss */ .hint--top-right:after { -webkit-transform: translateX(0); transform: translateX(0); } /* line 285, src/assets/scss/components/_tooltips.scss */ .hint--top-right:after { margin-left: -12px; } /* line 289, src/assets/scss/components/_tooltips.scss */ .hint--top-right:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* line 295, src/assets/scss/components/_tooltips.scss */ .hint--top-right:hover:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* line 302, src/assets/scss/components/_tooltips.scss */ .hint--bottom-left:before { margin-top: -11px; } /* line 306, src/assets/scss/components/_tooltips.scss */ .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50%; } /* line 311, src/assets/scss/components/_tooltips.scss */ .hint--bottom-left:before { left: calc(50% - 6px); } /* line 315, src/assets/scss/components/_tooltips.scss */ .hint--bottom-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* line 321, src/assets/scss/components/_tooltips.scss */ .hint--bottom-left:after { margin-left: 12px; } /* line 325, src/assets/scss/components/_tooltips.scss */ .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } /* line 331, src/assets/scss/components/_tooltips.scss */ .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } /* line 338, src/assets/scss/components/_tooltips.scss */ .hint--bottom-right:before { margin-top: -11px; } /* line 342, src/assets/scss/components/_tooltips.scss */ .hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50%; } /* line 347, src/assets/scss/components/_tooltips.scss */ .hint--bottom-right:before { left: calc(50% - 6px); } /* line 351, src/assets/scss/components/_tooltips.scss */ .hint--bottom-right:after { -webkit-transform: translateX(0); transform: translateX(0); } /* line 357, src/assets/scss/components/_tooltips.scss */ .hint--bottom-right:after { margin-left: -12px; } /* line 361, src/assets/scss/components/_tooltips.scss */ .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } /* line 367, src/assets/scss/components/_tooltips.scss */ .hint--bottom-right:hover:after { -webkit-transform: translateY(8px); transform: translateY(8px); } /* line 374, src/assets/scss/components/_tooltips.scss */ .hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } /* line 382, src/assets/scss/components/_tooltips.scss */ .hint--small:after { width: 80px; } /* line 386, src/assets/scss/components/_tooltips.scss */ .hint--medium:after { width: 150px; } /* line 390, src/assets/scss/components/_tooltips.scss */ .hint--large:after { width: 300px; } /* line 395, src/assets/scss/components/_tooltips.scss */ [class*="hint--"] { /** * tooltip body */ } /* line 401, src/assets/scss/components/_tooltips.scss */ [class*="hint--"]:after { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 406, src/assets/scss/components/_tooltips.scss */ .hint--primary:after { background-color: #606061; } /* line 410, src/assets/scss/components/_tooltips.scss */ .hint--primary.hint--top-left:before { border-top-color: #606061; } /* line 414, src/assets/scss/components/_tooltips.scss */ .hint--primary.hint--top-right:before { border-top-color: #606061; } /* line 418, src/assets/scss/components/_tooltips.scss */ .hint--primary.hint--top:before { border-top-color: #606061; } /* line 422, src/assets/scss/components/_tooltips.scss */ .hint--primary.hint--bottom-left:before { border-bottom-color: #606061; } /* line 426, src/assets/scss/components/_tooltips.scss */ .hint--primary.hint--bottom-right:before { border-bottom-color: #606061; } /* line 430, src/assets/scss/components/_tooltips.scss */ .hint--primary.hint--bottom:before { border-bottom-color: #606061; } /* line 434, src/assets/scss/components/_tooltips.scss */ .hint--primary.hint--left:before { border-left-color: #606061; } /* line 438, src/assets/scss/components/_tooltips.scss */ .hint--primary.hint--right:before { border-right-color: #606061; } /* line 443, src/assets/scss/components/_tooltips.scss */ .hint--error:after { background-color: #e62965; } /* line 447, src/assets/scss/components/_tooltips.scss */ .hint--error.hint--top-left:before { border-top-color: #e62965; } /* line 451, src/assets/scss/components/_tooltips.scss */ .hint--error.hint--top-right:before { border-top-color: #e62965; } /* line 455, src/assets/scss/components/_tooltips.scss */ .hint--error.hint--top:before { border-top-color: #e62965; } /* line 459, src/assets/scss/components/_tooltips.scss */ .hint--error.hint--bottom-left:before { border-bottom-color: #e62965; } /* line 463, src/assets/scss/components/_tooltips.scss */ .hint--error.hint--bottom-right:before { border-bottom-color: #e62965; } /* line 467, src/assets/scss/components/_tooltips.scss */ .hint--error.hint--bottom:before { border-bottom-color: #e62965; } /* line 471, src/assets/scss/components/_tooltips.scss */ .hint--error.hint--left:before { border-left-color: #e62965; } /* line 475, src/assets/scss/components/_tooltips.scss */ .hint--error.hint--right:before { border-right-color: #e62965; } /* line 480, src/assets/scss/components/_tooltips.scss */ .hint--warning:after { background-color: #faae42; } /* line 484, src/assets/scss/components/_tooltips.scss */ .hint--warning.hint--top-left:before { border-top-color: #faae42; } /* line 488, src/assets/scss/components/_tooltips.scss */ .hint--warning.hint--top-right:before { border-top-color: #faae42; } /* line 492, src/assets/scss/components/_tooltips.scss */ .hint--warning.hint--top:before { border-top-color: #faae42; } /* line 496, src/assets/scss/components/_tooltips.scss */ .hint--warning.hint--bottom-left:before { border-bottom-color: #faae42; } /* line 500, src/assets/scss/components/_tooltips.scss */ .hint--warning.hint--bottom-right:before { border-bottom-color: #faae42; } /* line 504, src/assets/scss/components/_tooltips.scss */ .hint--warning.hint--bottom:before { border-bottom-color: #faae42; } /* line 508, src/assets/scss/components/_tooltips.scss */ .hint--warning.hint--left:before { border-left-color: #faae42; } /* line 512, src/assets/scss/components/_tooltips.scss */ .hint--warning.hint--right:before { border-right-color: #faae42; } /* line 517, src/assets/scss/components/_tooltips.scss */ .hint--info:after { background-color: #039BE5; } /* line 521, src/assets/scss/components/_tooltips.scss */ .hint--info.hint--top-left:before { border-top-color: #039BE5; } /* line 525, src/assets/scss/components/_tooltips.scss */ .hint--info.hint--top-right:before { border-top-color: #039BE5; } /* line 529, src/assets/scss/components/_tooltips.scss */ .hint--info.hint--top:before { border-top-color: #039BE5; } /* line 533, src/assets/scss/components/_tooltips.scss */ .hint--info.hint--bottom-left:before { border-bottom-color: #039BE5; } /* line 537, src/assets/scss/components/_tooltips.scss */ .hint--info.hint--bottom-right:before { border-bottom-color: #039BE5; } /* line 541, src/assets/scss/components/_tooltips.scss */ .hint--info.hint--bottom:before { border-bottom-color: #039BE5; } /* line 545, src/assets/scss/components/_tooltips.scss */ .hint--info.hint--left:before { border-left-color: #039BE5; } /* line 549, src/assets/scss/components/_tooltips.scss */ .hint--info.hint--right:before { border-right-color: #039BE5; } /* line 554, src/assets/scss/components/_tooltips.scss */ .hint--success:after { background-color: #06d6a0; } /* line 558, src/assets/scss/components/_tooltips.scss */ .hint--success.hint--top-left:before { border-top-color: #06d6a0; } /* line 562, src/assets/scss/components/_tooltips.scss */ .hint--success.hint--top-right:before { border-top-color: #06d6a0; } /* line 566, src/assets/scss/components/_tooltips.scss */ .hint--success.hint--top:before { border-top-color: #06d6a0; } /* line 570, src/assets/scss/components/_tooltips.scss */ .hint--success.hint--bottom-left:before { border-bottom-color: #06d6a0; } /* line 574, src/assets/scss/components/_tooltips.scss */ .hint--success.hint--bottom-right:before { border-bottom-color: #06d6a0; } /* line 578, src/assets/scss/components/_tooltips.scss */ .hint--success.hint--bottom:before { border-bottom-color: #06d6a0; } /* line 582, src/assets/scss/components/_tooltips.scss */ .hint--success.hint--left:before { border-left-color: #06d6a0; } /* line 586, src/assets/scss/components/_tooltips.scss */ .hint--success.hint--right:before { border-right-color: #06d6a0; } /* line 592, src/assets/scss/components/_tooltips.scss */ .hint--light:after { background-color: #ffffff; color: #283252 !important; -webkit-box-shadow: 0px 5px 15px 0px rgba(39, 26, 54, 0.15); box-shadow: 0px 5px 15px 0px rgba(39, 26, 54, 0.15); } /* line 598, src/assets/scss/components/_tooltips.scss */ .hint--light.hint--top-left:before { border-top-color: #ffffff; } /* line 602, src/assets/scss/components/_tooltips.scss */ .hint--light.hint--top-right:before { border-top-color: #ffffff; } /* line 606, src/assets/scss/components/_tooltips.scss */ .hint--light.hint--top:before { border-top-color: #ffffff; } /* line 610, src/assets/scss/components/_tooltips.scss */ .hint--light.hint--bottom-left:before { border-bottom-color: #ffffff; } /* line 614, src/assets/scss/components/_tooltips.scss */ .hint--light.hint--bottom-right:before { border-bottom-color: #ffffff; } /* line 618, src/assets/scss/components/_tooltips.scss */ .hint--light.hint--bottom:before { border-bottom-color: #ffffff; } /* line 622, src/assets/scss/components/_tooltips.scss */ .hint--light.hint--left:before { border-left-color: #ffffff; } /* line 626, src/assets/scss/components/_tooltips.scss */ .hint--light.hint--right:before { border-right-color: #ffffff; } /* line 631, src/assets/scss/components/_tooltips.scss */ .hint--bubble:after { border-radius: 100px !important; font-size: .6rem !important; text-transform: uppercase !important; } /* line 638, src/assets/scss/components/_tooltips.scss */ .hint--bubble.hint--top-left:before { display: none; } /* line 642, src/assets/scss/components/_tooltips.scss */ .hint--bubble.hint--top-right:before { display: none; } /* line 646, src/assets/scss/components/_tooltips.scss */ .hint--bubble.hint--top:before { display: none; } /* line 650, src/assets/scss/components/_tooltips.scss */ .hint--bubble.hint--bottom-left:before { display: none; } /* line 654, src/assets/scss/components/_tooltips.scss */ .hint--bubble.hint--bottom-right:before { display: none; } /* line 658, src/assets/scss/components/_tooltips.scss */ .hint--bubble.hint--bottom:before { display: none; } /* line 662, src/assets/scss/components/_tooltips.scss */ .hint--bubble.hint--left:before { display: none; } /* line 666, src/assets/scss/components/_tooltips.scss */ .hint--bubble.hint--right:before { display: none; } /* line 671, src/assets/scss/components/_tooltips.scss */ .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } /* line 676, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--top:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* line 682, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } /* line 688, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* line 694, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } /* line 700, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* line 706, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* line 712, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); transform: translateY(8px); } /* line 718, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } /* line 724, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); transform: translateY(8px); } /* line 730, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } /* line 736, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); transform: translateY(8px); } /* line 742, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); transform: translateY(8px); } /* line 748, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--left:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } /* line 754, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--left:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } /* line 760, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--right:before { -webkit-transform: translateX(8px); transform: translateX(8px); } /* line 766, src/assets/scss/components/_tooltips.scss */ .hint--always.hint--right:after { -webkit-transform: translateX(8px); transform: translateX(8px); } /* line 773, src/assets/scss/components/_tooltips.scss */ .hint--rounded:after { border-radius: 4px; } /* line 778, src/assets/scss/components/_tooltips.scss */ .hint--no-animate:before, .hint--no-animate:after { -webkit-transition-duration: 0ms; transition-duration: 0ms; } /* line 784, src/assets/scss/components/_tooltips.scss */ .hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } /* line 790, src/assets/scss/components/_tooltips.scss */ .hint--no-shadow:before, .hint--no-shadow:after { text-shadow: initial; -webkit-box-shadow: initial; box-shadow: initial; } /* ========================================================================== 2. CSS Tooltips Dark mode ========================================================================== */ /* line 803, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--top-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after { background: #19191b !important; } /* line 807, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--top-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before { border-top-color: #19191b; } /* line 813, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--top-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after { background: #19191b !important; } /* line 817, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--top-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before { border-top-color: #19191b; } /* line 823, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--top:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after { background: #19191b !important; } /* line 827, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--top:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before { border-top-color: #19191b; } /* line 833, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--bottom-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after { background: #19191b !important; } /* line 837, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--bottom-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before { border-bottom-color: #19191b; } /* line 843, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--bottom-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after { background: #19191b !important; } /* line 847, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--bottom-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before { border-bottom-color: #19191b; } /* line 853, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--bottom:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after { background: #19191b !important; } /* line 857, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--bottom:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before { border-bottom-color: #19191b; } /* line 863, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after { background: #19191b !important; } /* line 867, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before { border-left-color: #19191b; } /* line 873, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):after { background: #19191b !important; } /* line 877, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary):before { border-right-color: #19191b; } /* line 882, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary:after { background-color: #ED1C24; } /* line 886, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary.hint--top-left:before { border-top-color: #ED1C24; } /* line 890, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary.hint--top-right:before { border-top-color: #ED1C24; } /* line 894, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary.hint--top:before { border-top-color: #ED1C24; } /* line 898, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary.hint--bottom-left:before { border-bottom-color: #ED1C24; } /* line 902, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary.hint--bottom-right:before { border-bottom-color: #ED1C24; } /* line 906, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary.hint--bottom:before { border-bottom-color: #ED1C24; } /* line 910, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary.hint--left:before { border-left-color: #ED1C24; } /* line 914, src/assets/scss/components/_tooltips.scss */ body.is-dark .hint--primary.hint--right:before { border-right-color: #ED1C24; } /*! _timeline.scss | Huro | Css ninja 2020-2021 */ /* 1. Timeline 2. Timeline Dark mode 3. Media Queries */ /* ========================================================================== 1. Timeline ========================================================================== */ /* line 13, src/assets/scss/components/_timeline.scss */ .timeline-wrapper { max-width: 940px; margin: 0 auto; } /* line 17, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner { padding-top: 30px; } /* line 21, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } /* line 27, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before { content: ''; position: absolute; top: 46px; left: 111px; height: 100%; width: 2px; background: #cecece; z-index: 0; } /* line 39, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:last-child:before { display: none; } /* line 47, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item.is-unread .content-wrap .content-box .status { background: #F92B60 !important; } /* line 54, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date { width: 80px; font-family: "Roboto", sans-serif; text-align: right; } /* line 59, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date span { font-size: .9rem; color: #a2a5b9; } /* line 65, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot { position: relative; height: 14px; width: 14px; border-radius: 50%; border: 2.6px solid #606061; margin: 0 25px; z-index: 1; } /* line 74, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-info { border-color: #039BE5; } /* line 78, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-success { border-color: #06d6a0; } /* line 82, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-warning { border-color: #faae42; } /* line 86, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-danger { border-color: #e62965; } /* line 90, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-purple { border-color: #b86bff; } /* line 95, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 100, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 104, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .status { height: 8px; width: 8px; min-width: 8px; border-radius: 50%; background: #cecfda; margin: 0 16px 0 0; } /* line 113, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 12px; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 120, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text { line-height: 1.2; } /* line 123, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p { color: #8589a3; } /* line 126, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p span { font-family: "Montserrat", sans-serif; color: #283252; font-weight: 600; } /* line 132, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p a { color: #606061; } /* line 136, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p .tag { position: relative; top: -1px; font-weight: 500; line-height: 1.8; height: 1.8em; margin: 0 2px; } /* line 146, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text > span { color: #a2a5b9; font-size: .9rem; } /* line 153, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-end { margin-left: auto; } /* line 156, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-end .h-avatar { margin: 0 2px; } /* line 162, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .meta-content { padding-left: 78px; } /* line 169, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .load-more-wrap { padding: 40px 0; } /* line 172, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .load-more-wrap .button { min-width: 240px; min-height: 50px; text-transform: uppercase; font-size: .85rem; font-weight: 500; color: #a2a5b9; } /* ========================================================================== 2. Timeline Dark mode ========================================================================== */ /* line 194, src/assets/scss/components/_timeline.scss */ body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before { background: #54545b; } /* line 200, src/assets/scss/components/_timeline.scss */ body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .status { background: #54545b; } /* line 207, src/assets/scss/components/_timeline.scss */ body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p span { color: #aaaab3; } /* line 211, src/assets/scss/components/_timeline.scss */ body.is-dark .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p a { color: #ED1C24; } /* line 223, src/assets/scss/components/_timeline.scss */ body.is-dark .timeline-wrapper .timeline-wrapper-inner .load-more-wrap .button { background: #28282b !important; } /* ========================================================================== 3. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 238, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner { padding-top: 0; } /* line 242, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 245, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before { display: none; } /* line 249, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot { display: none; } /* line 253, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date { -ms-flex-item-align: end; align-self: end; margin-bottom: 4px; } /* line 260, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-end { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 273, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner { padding-top: 0; } /* line 277, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 280, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before { display: none; } /* line 284, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot { display: none; } /* line 288, src/assets/scss/components/_timeline.scss */ .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date { -ms-flex-item-align: end; align-self: end; margin-bottom: 4px; } } /*! _circle-chart.scss | Huro | Css Ninja 2020-2021 */ /* 1. Circle Chart 2. Circle Chart Dark mode */ /* ========================================================================== 1. Circle Chart ========================================================================== */ /* line 14, src/assets/scss/components/_circle-chart.scss */ .circle-chart-wrapper.is-success .circle-chart__circle { stroke: #06d6a0; } /* line 20, src/assets/scss/components/_circle-chart.scss */ .circle-chart-wrapper.is-info .circle-chart__circle { stroke: #039BE5; } /* line 26, src/assets/scss/components/_circle-chart.scss */ .circle-chart-wrapper.is-warning .circle-chart__circle { stroke: #faae42; } /* line 32, src/assets/scss/components/_circle-chart.scss */ .circle-chart-wrapper.is-danger .circle-chart__circle { stroke: #e62965; } /* line 38, src/assets/scss/components/_circle-chart.scss */ .circle-chart__circle { animation: circle-chart-fill 2.4s reverse; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center; transform-origin: center; stroke: #606061; -webkit-animation-timing-function: cubic-bezier(0.78, 0.59, 0.19, 0.33); animation-timing-function: cubic-bezier(0.78, 0.59, 0.19, 0.33); } /* line 46, src/assets/scss/components/_circle-chart.scss */ .circle-chart__circle_2 { animation: circle-chart-fill_3 4s reverse; } /* line 50, src/assets/scss/components/_circle-chart.scss */ .circle-chart__background { stroke: #efefef; } @-webkit-keyframes circle-chart-fill { 50% { } 100% { stroke-dasharray: 0 100; } } @keyframes circle-chart-fill { 50% { } 100% { stroke-dasharray: 0 100; } } @-webkit-keyframes circle-chart-fill_2 { from { opacity: 1; } to { stroke-dasharray: 0 100; opacity: 0; } } @keyframes circle-chart-fill_2 { from { opacity: 1; } to { stroke-dasharray: 0 100; opacity: 0; } } @-webkit-keyframes circle-chart-fill_3 { 0% { opacity: 1; } 50% { opacity: 1; stroke-dasharray: 0 100; } 100% { stroke-dasharray: 0 100; opacity: 0; } } @keyframes circle-chart-fill_3 { 0% { opacity: 1; } 50% { opacity: 1; stroke-dasharray: 0 100; } 100% { stroke-dasharray: 0 100; opacity: 0; } } /* ========================================================================== 2. Circle Chart Dark mode ========================================================================== */ /* line 99, src/assets/scss/components/_circle-chart.scss */ body.is-dark .circle-chart-wrapper:not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) .circle-chart__circle { stroke: #ED1C24; } /* line 105, src/assets/scss/components/_circle-chart.scss */ body.is-dark .circle-chart__background { stroke: #1e1e21; } /*! _landing.scss | Huro | Css ninja 2020-2021 */ /* 1. Landing page defaults 2. Navigation 3. Navigation Dark mode 4. Hero 5. Hero Dark mode 6. Stacks 7. Boxed Features 8. Boxed Features Dark mode 9. Sections 10. Sections Dark mode 11. CTA block 12. CTA block Dark mode 13. Demos 14. Demos Dark mode 15. Footer 16. Footer Dark mode 17. Night Switch 18. CTA Section 19. CTA Section Dark mode 20. Media Queries */ /* ========================================================================== 1. Defaults ========================================================================== */ /* line 34, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .container { max-width: 1140px; } /* line 38, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .light-image-l { display: inline-block !important; } /* line 42, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .dark-image-l { display: none !important; } /* line 46, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .light-image-block-l { display: block !important; } /* line 50, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .dark-image-block-l { display: none !important; } /* line 54, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark { background: #0c0e14; } /* line 57, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .light-image-l { display: none !important; } /* line 61, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .dark-image-l { display: inline-block !important; } /* line 65, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .light-image-block-l { display: none !important; } /* line 69, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .dark-image-block-l { display: block !important; } /* line 75, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark #backtotop.visible a { background: #ED1C24 !important; color: #fcfcfc !important; } /* ========================================================================== 2. Navigation ========================================================================== */ /* line 89, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar { top: 15px; height: 65px; max-width: 1140px; margin: 0 auto; background: #ffffff; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border: 1px solid #ededed; border-radius: 500px; font-family: "Roboto", sans-serif; z-index: 99; -webkit-transition: all .3s; transition: all .3s; } /* line 102, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-docked { top: 0; border-color: transparent; height: 110px; -webkit-box-shadow: none; box-shadow: none; background: transparent; } /* line 110, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-docked .navbar-brand .brand-icon { height: 64px; width: 64px; background: #ffffff; border-color: #e5e5e5; } /* line 120, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-docked .navbar-menu .navbar-item.is-theme-toggle { opacity: 0; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 129, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-solid { background: #ffffff !important; border-radius: 10px 10px 0 0; } /* line 135, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-brand img { position: relative; display: block; width: 100%; max-width: 34px; max-height: 34px; margin-left: 10px; } /* line 144, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-brand .brand-icon { height: 50px; width: 50px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } /* line 154, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-brand .brand-icon img { position: relative; top: -2px; margin-left: 0; } /* line 163, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-burger span { height: 2px; } /* line 170, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item.is-theme-toggle { opacity: 1; pointer-events: all; } /* line 175, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .nav-link { position: relative; font-family: "Montserrat", sans-serif; font-size: .9rem; color: #a2a5b9; text-transform: capitalize; } /* line 182, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .nav-link:before { content: ""; position: absolute; top: -4px; left: 2px; width: 50%; -webkit-transform-origin: right center; transform-origin: right center; height: 3px; border-radius: 50px; background: #606061; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* line 204, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .nav-link:hover, .landing-page-wrapper .navbar .navbar-menu .navbar-item .nav-link.is-active { color: #283252; } /* line 207, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .nav-link:hover:before, .landing-page-wrapper .navbar .navbar-menu .navbar-item .nav-link.is-active:before { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } /* line 218, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .nav-link.active:before { background: #606061; } /* line 224, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle { width: 54px; display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: scale(0.9); transform: scale(0.9); } /* line 233, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input { position: absolute; opacity: 0; cursor: pointer; } /* line 238, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler { border-color: #ED1C24; } /* line 241, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .dark, .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .light { -webkit-transform: translateX(100%) rotate(360deg); transform: translateX(100%) rotate(360deg); } /* line 245, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .dark { opacity: 1 !important; } /* line 249, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .light { opacity: 0 !important; } /* line 255, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler { position: relative; display: block; height: 31px; width: 53px; border: 2px solid #606061; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; } /* line 264, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark, .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light { position: absolute; top: 2px; left: 2px; height: 22px; width: 22px; border-radius: 50%; background: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition: all .3s ease; transition: all .3s ease; } /* line 278, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark svg, .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light svg { stroke: #ffffff !important; height: 14px !important; width: 14px !important; opacity: 1 !important; } /* line 286, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light { background: #606061; border-color: #606061; opacity: 1; z-index: 1; } /* line 293, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark { background: #ED1C24; border-color: #ED1C24; opacity: 0; z-index: 0; } /* line 299, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark svg { stroke: #ffffff !important; } /* line 306, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .button { height: 44px; min-width: 110px; } /* ========================================================================== 3. Navigation Dark mode ========================================================================== */ /* line 322, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar:not(.is-docked) { background: #1b202e; border-color: #272d41; } /* line 329, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar.is-docked .navbar-brand .brand-icon { background: #282d45; border-color: #3b4265; } /* line 336, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar.is-solid { background: #1b202e !important; border-color: #272d41 !important; } /* line 341, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar.is-solid .navbar-brand .brand-icon { border-color: transparent; background-color: transparent; } /* line 348, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar.is-solid .navbar-menu.is-active { background: #23293a; border-color: #272d41; } /* line 356, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar .navbar-burger span { background: #fcfcfc; } /* line 363, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar .navbar-item .nav-link:hover, .landing-page-wrapper.is-dark .navbar .navbar-item .nav-link.is-active { color: #ED1C24; } /* line 367, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar .navbar-item .nav-link:before { background: #ED1C24; } /* line 373, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar .navbar-item .button.is-primary { background: #ED1C24; border-color: #ED1C24; } /* line 377, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .navbar .navbar-item .button.is-primary.is-raised:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* ========================================================================== 4. Hero ========================================================================== */ @-webkit-keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* line 407, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper #demo-canvas { position: absolute; bottom: 20%; width: 100%; height: 100%; z-index: 0; } /* line 416, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero { position: relative; z-index: 10; } /* line 421, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero.is-active .absolute-header { -webkit-transform: translateY(0); transform: translateY(0); } /* line 425, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero.is-active .absolute-header .header-inner .states { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } /* line 433, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero.is-active .hero-body .hero-mockup { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; pointer-events: all; } /* line 441, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero .hero-body { position: relative; z-index: 1; } /* line 445, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero .hero-body .switch-wrapper { margin: 80px auto 0 auto; } /* line 449, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero .hero-body .title { color: #283252; } /* line 452, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero .hero-body .title span { color: #606061; } /* line 457, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero .hero-body .subtitle { color: #a2a5b9; margin-bottom: 2rem; } /* line 462, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero .hero-body .tag { position: relative; top: -2px; left: 2px; line-height: 2; font-weight: 500; max-height: 20px; } /* line 471, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero .hero-body .hero-mockup { display: block; max-width: 740px; margin: 0 auto; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; border-radius: 12px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); pointer-events: none; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .3s; transition-delay: .3s; } /* line 484, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .hero.rounded-hero .hero-body .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 492, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .is-hero-title { z-index: 2; } /* line 495, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .is-hero-title h1, .landing-page-wrapper .is-hero-title h2 { color: #ffffff; } /* line 500, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .absolute-header { position: absolute; top: 0; left: 0; width: 100%; height: 580px; background: #e7eaf3; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s; transition: all .3s; } /* line 510, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .absolute-header .header-inner { position: relative; height: 100%; width: 100%; } /* line 515, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .absolute-header .header-inner .cut-circle { display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: auto; } /* ========================================================================== 5. Hero Dark mode ========================================================================== */ /* line 534, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .hero .absolute-header { background-color: #191c2b; } /* line 539, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .hero .hero-body .title { color: #fcfcfc; } /* line 542, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .hero .hero-body .title span { color: #ED1C24; } /* line 547, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .hero .hero-body .tag { background: #ED1C24 !important; } /* ========================================================================== 6. Stacks ========================================================================== */ /* line 559, src/assets/scss/pages/demo/_landing.scss */ .stacks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 540px; margin: 0 auto; padding: 20px 0 20px 0; } /* line 567, src/assets/scss/pages/demo/_landing.scss */ .stacks .stack { height: 54px; width: 54px; min-width: 54px; border-radius: 50%; background: #ffffff; border: 1px solid #ededed; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 6px; } /* line 580, src/assets/scss/pages/demo/_landing.scss */ .stacks .stack img { display: block; height: 40px; width: 40px; border-radius: 50%; } /* ========================================================================== 7. Boxed Features ========================================================================== */ /* line 594, src/assets/scss/pages/demo/_landing.scss */ .boxed-features .flex-card { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 601, src/assets/scss/pages/demo/_landing.scss */ .boxed-features .flex-card .flex-cell { width: 25%; border-right: 1px solid #e5e5e5; text-align: center; padding: 24px 16px; } /* line 607, src/assets/scss/pages/demo/_landing.scss */ .boxed-features .flex-card .flex-cell.is-bordered { border-bottom: 1px solid #e5e5e5; } /* line 611, src/assets/scss/pages/demo/_landing.scss */ .boxed-features .flex-card .flex-cell.no-border-edge { border-right: none; } /* line 615, src/assets/scss/pages/demo/_landing.scss */ .boxed-features .flex-card .flex-cell i { font-size: 2.2rem; color: #606061; margin-bottom: 6px; } /* line 621, src/assets/scss/pages/demo/_landing.scss */ .boxed-features .flex-card .flex-cell h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .95rem; color: #283252; } /* line 628, src/assets/scss/pages/demo/_landing.scss */ .boxed-features .flex-card .flex-cell p { font-size: .95rem; color: #a2a5b9; max-width: 200px; margin: 0 auto; } /* ========================================================================== 8. Boxed Features Dark mode ========================================================================== */ /* line 645, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .stacks .stack { background: #282d45; border-color: #3b4265; } /* line 652, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .boxed-features .flex-card { background: #151825; border-color: #1d2031; } /* line 656, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .boxed-features .flex-card .flex-cell { border-color: #212438; } /* line 659, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .boxed-features .flex-card .flex-cell i { color: #ED1C24; } /* line 663, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .boxed-features .flex-card .flex-cell h3 { color: #aaaab3; } /* ========================================================================== 9. Sections ========================================================================== */ /* line 676, src/assets/scss/pages/demo/_landing.scss */ .section { position: relative; } /* line 679, src/assets/scss/pages/demo/_landing.scss */ .section.section-focus { background: #f2f3f8; } /* line 683, src/assets/scss/pages/demo/_landing.scss */ .section .section-title { padding: 40px 0; } /* line 686, src/assets/scss/pages/demo/_landing.scss */ .section .section-title h2 { font-family: "Montserrat", sans-serif; margin-bottom: 6px; font-weight: 300; } /* line 692, src/assets/scss/pages/demo/_landing.scss */ .section .section-title h4 { font-family: "Roboto", sans-serif; color: #a2a5b9; font-size: 1.4rem; font-weight: 300; } /* line 700, src/assets/scss/pages/demo/_landing.scss */ .section .section-feature-description { font-size: 1.2rem; } /* line 705, src/assets/scss/pages/demo/_landing.scss */ .section .side-feature h2 { font-family: "Roboto", sans-serif; font-weight: 300; } /* ========================================================================== 10. Sections Dark mode ========================================================================== */ /* line 719, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .section.section-focus { background: #10121a; } /* line 724, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .section .section-title h2 { color: #aaaab3; } /* line 730, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .section .side-feature h2, .landing-page-wrapper.is-dark .section .side-feature h3 { color: #aaaab3; } /* ========================================================================== 11. CTA block ========================================================================== */ /* line 742, src/assets/scss/pages/demo/_landing.scss */ .cta-block { padding-bottom: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; border-bottom: 1px solid #e3e3e3; margin: 40px 0; } /* line 750, src/assets/scss/pages/demo/_landing.scss */ .cta-block.no-border { padding-bottom: 2rem; border-bottom: none; } /* line 755, src/assets/scss/pages/demo/_landing.scss */ .cta-block.is-box { padding: 3rem 2rem; background: #ffffff; border-radius: 8px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border: 1px solid #ededed; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 765, src/assets/scss/pages/demo/_landing.scss */ .cta-block .head-text h3 { font-family: "Montserrat", sans-serif; font-size: 1.8rem; color: #283252; } /* line 771, src/assets/scss/pages/demo/_landing.scss */ .cta-block .head-text p { font-family: "Roboto", sans-serif; font-size: 1.1rem; color: #a2a5b9; } /* line 781, src/assets/scss/pages/demo/_landing.scss */ .cta-block .head-action .buttons .button.action-button { height: 36px; min-width: 140px; } /* line 786, src/assets/scss/pages/demo/_landing.scss */ .cta-block .head-action .buttons .button.chat-button { background: transparent; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; color: #606061; font-weight: 500; } /* ========================================================================== 12. CTA block Dark mode ========================================================================== */ /* line 805, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .cta-block { border-color: #212438; } /* line 809, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .cta-block .head-text h3 { color: #aaaab3; } /* line 817, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .cta-block .head-action .buttons .button.action-button { background: #ED1C24; border-color: #ED1C24; } /* line 822, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .cta-block .head-action .buttons .button.chat-button { color: #ED1C24; } /* ========================================================================== 13. Demos ========================================================================== */ /* line 837, src/assets/scss/pages/demo/_landing.scss */ .huro-demos .demo-section { margin-bottom: 100px; } /* line 840, src/assets/scss/pages/demo/_landing.scss */ .huro-demos .demo-section .demo-section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } /* line 845, src/assets/scss/pages/demo/_landing.scss */ .huro-demos .demo-section .demo-section-title img { display: block; width: 100%; max-width: 100px; } /* line 851, src/assets/scss/pages/demo/_landing.scss */ .huro-demos .demo-section .demo-section-title .title-meta { margin-left: 12px; line-height: 1.2; } /* line 855, src/assets/scss/pages/demo/_landing.scss */ .huro-demos .demo-section .demo-section-title .title-meta h3 { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.3rem; color: #283252; } /* line 862, src/assets/scss/pages/demo/_landing.scss */ .huro-demos .demo-section .demo-section-title .title-meta p { font-family: "Roboto", sans-serif; font-size: 1.1rem; color: #a2a5b9; } /* line 872, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper { position: relative; overflow: hidden; border-radius: 10px; border: 1px solid #e0e0e0; min-height: 205px; } /* line 880, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper:hover .circle-overlay { -webkit-transform: scale(35); transform: scale(35); } /* line 884, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper:hover .demo-title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0 !important; transition-delay: 0 !important; } /* line 890, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper:hover .demo-link { color: #ffffff; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0 !important; transition-delay: 0 !important; } /* line 898, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper:after { position: absolute !important; top: 40%; left: 42%; height: 3.5rem; width: 3.5rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; } /* line 911, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper.loaded:after { display: none !important; } /* line 916, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper img { border-radius: 10px; max-width: 100%; } /* line 921, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .new-tag { position: absolute; bottom: 10px; right: 10px; background: red; color: #ffffff; font-family: "Roboto", sans-serif; padding: 6px 16px; border-radius: 8px; text-transform: uppercase; font-size: .8rem; z-index: 3; } /* line 935, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .circle-overlay { position: absolute; top: -60px; left: -60px; width: 60px; height: 60px; border-radius: 50%; background: #606061; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 1; } /* line 948, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-info { position: absolute; margin: 0 auto; top: 26%; left: 0; right: 0; z-index: 2; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 961, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-title { color: #ffffff; font-family: "Roboto", sans-serif; font-size: 1.5rem; font-weight: 600; padding-bottom: 0; opacity: 0; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #939394; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } /* line 975, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-title span { display: block; } /* line 978, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-title span:first-child { text-transform: uppercase; font-size: .75rem; } /* line 983, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-title span:nth-child(2) { font-weight: 300; } /* line 989, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-link { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /* line 995, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-link a { font-family: "Roboto", sans-serif; color: #ffffff; font-size: 1rem; margin-left: 8px; } /* line 1001, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-link a i { position: relative; top: 1px; opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* line 1009, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper .demo-link a:hover i { opacity: 1; -webkit-transform: translateX(5px); transform: translateX(5px); } /* line 1019, src/assets/scss/pages/demo/_landing.scss */ .component-features .media-flex .left-icon { margin-right: 10px; } /* line 1022, src/assets/scss/pages/demo/_landing.scss */ .component-features .media-flex .left-icon i { color: #606061; font-size: 2.6rem; } /* line 1029, src/assets/scss/pages/demo/_landing.scss */ .component-features .media-flex .flex-meta h4 { font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 500; margin-bottom: 4px; } /* line 1036, src/assets/scss/pages/demo/_landing.scss */ .component-features .media-flex .flex-meta p { font-family: "Roboto", sans-serif; line-height: 1.4; } /* line 1044, src/assets/scss/pages/demo/_landing.scss */ .component-box { display: block; text-align: center; background: #ffffff; border: 1px solid #e5e5e5; padding: 20px; border-radius: 8px; margin-bottom: 0; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 1055, src/assets/scss/pages/demo/_landing.scss */ .component-box:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-color: #606061; } /* line 1061, src/assets/scss/pages/demo/_landing.scss */ .component-box:hover .component img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } /* line 1067, src/assets/scss/pages/demo/_landing.scss */ .component-box:hover .component-title { color: #283252; } /* line 1073, src/assets/scss/pages/demo/_landing.scss */ .component-box .component img { display: block; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .6; max-height: 80px; -webkit-transition: all .3s; transition: all .3s; } /* line 1082, src/assets/scss/pages/demo/_landing.scss */ .component-box .component-title { font-family: "Montserrat", sans-serif; font-size: 1rem; padding-top: 6px; color: #a2a5b9; -webkit-transition: color .3s; transition: color .3s; } /* ========================================================================== 14. Demos Dark mode ========================================================================== */ /* line 1101, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-demos .demo-section .demo-section-title .title-meta h3 { color: #aaaab3; } /* line 1108, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-demos .huro-demo-wrapper { border-color: #404046; } /* line 1111, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-demos .huro-demo-wrapper .circle-overlay { background: #ED1C24; } /* line 1115, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-demos .huro-demo-wrapper .demo-title { border-color: #f14b52; } /* line 1124, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .component-features .media-flex .left-icon i { color: #ED1C24; } /* line 1130, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .component-features .media-flex .flex-meta h4 { color: #aaaab3; } /* line 1138, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .button.is-huge { background: #ED1C24; border-color: #ED1C24; } /* line 1149, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .vertical-tabs-wrapper .tabs ul li.is-active a { color: #ED1C24; border-color: #ED1C24; } /* line 1155, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .vertical-tabs-wrapper .tabs ul li a { border-color: #2e364d; } /* line 1163, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .component-box { background: #151825; border-color: #1d2031; } /* line 1167, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .component-box:hover { border-color: #ED1C24; } /* line 1170, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .component-box:hover .component-title { color: #ED1C24; } /* ========================================================================== 15. footer ========================================================================== */ /* line 1182, src/assets/scss/pages/demo/_landing.scss */ .huro-footer { padding-bottom: 0 !important; padding-top: 4rem !important; background: #f9f9f9; } /* line 1187, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head { padding-bottom: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e3e3e3; } /* line 1195, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head .head-text h3 { font-family: "Roboto", sans-serif; font-size: 1.8rem; color: #283252; } /* line 1201, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head .head-text p { font-size: 1.1rem; color: #a2a5b9; } /* line 1210, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head .head-action .buttons .button.action-button { height: 36px; min-width: 140px; } /* line 1215, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head .head-action .buttons .button.chat-button { background: transparent; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; color: #606061; font-weight: 500; } /* line 1228, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body { padding-top: 3rem; } /* line 1231, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .footer-column { padding-top: 20px; } /* line 1234, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .footer-column .column-header { font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #283252; font-size: 1rem; font-weight: 700; margin: 10px 0; } /* line 1243, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .footer-column .column-item { padding-bottom: 10px; } /* line 1246, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .footer-column .column-item a { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 1250, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .footer-column .column-item a:hover { color: #606061; } /* line 1257, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1262, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .social-links a { color: #a2a5b9; margin: 0 5px; } /* line 1266, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .social-links a:hover { color: #606061; } /* line 1272, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .footer-description { color: #a2a5b9; } /* line 1276, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .moto { color: #a2a5b9; } /* line 1280, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body .small-footer-logo { height: 36px; } /* line 1285, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-copyright { font-family: "Roboto", sans-serif; color: #a2a5b9; padding: 4rem 0 2rem 0; } /* line 1290, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-copyright a { color: #a2a5b9; } /* line 1293, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-copyright a:hover { color: #606061; } /* ========================================================================== 16. Footer Dark mode ========================================================================== */ /* line 1306, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer { background: #1b202e; } /* line 1309, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-head { border-color: #2e364d; } /* line 1313, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-head .head-text h3 { color: #aaaab3; } /* line 1317, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-head .head-text p { font-size: 1.1rem; color: #a2a5b9; } /* line 1326, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-head .head-action .buttons .button.action-button { background: #ED1C24; border-color: #ED1C24; } /* line 1331, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-head .head-action .buttons .button.chat-button { color: #ED1C24; } /* line 1341, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-body .footer-column .column-header { color: #aaaab3; } /* line 1346, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-body .footer-column .column-item a:hover { color: #ED1C24; } /* line 1353, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-body .social-links a:hover { color: #ED1C24; } /* line 1361, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper.is-dark .huro-footer .footer-copyright a:hover { color: #ED1C24; } /* ========================================================================== 17. Night Switch ========================================================================== */ /* line 1374, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper { position: relative; width: 130px; } /* line 1378, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle { display: block; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: scale(0.6); transform: scale(0.6); } /* line 1385, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--checkbox { display: none; } /* line 1389, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--btn { display: block; margin: 0 auto; font-size: 1.4em; -webkit-transition: all 350ms ease-in; transition: all 350ms ease-in; } /* line 1395, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--btn:hover { cursor: pointer; } /* line 1403, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--btn, .switch-wrapper .night-toggle--btn:before, .switch-wrapper .night-toggle--btn:after, .switch-wrapper .night-toggle--checkbox, .switch-wrapper .night-toggle--checkbox:before, .switch-wrapper .night-toggle--checkbox:after, .switch-wrapper .night-toggle--feature, .switch-wrapper .night-toggle--feature:before, .switch-wrapper .night-toggle--feature:after { -webkit-transition: all 250ms ease-in; transition: all 250ms ease-in; } /* line 1409, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--btn:before, .switch-wrapper .night-toggle--btn:after, .switch-wrapper .night-toggle--checkbox:before, .switch-wrapper .night-toggle--checkbox:after, .switch-wrapper .night-toggle--feature:before, .switch-wrapper .night-toggle--feature:after { content: ''; display: block; } /* line 1436, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--btn, .switch-wrapper .night-toggle--like .night-toggle--btn { position: relative; height: 70px; width: 125px; border-radius: 70px; } /* line 1443, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--btn:before, .switch-wrapper .night-toggle--like .night-toggle--btn:before { position: absolute; top: 2px; left: 4px; width: 56px; height: 56px; border-radius: 50%; } /* line 1455, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--btn { border: 5px solid #1c1c1c; background-color: #3c4145; } /* line 1460, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--btn:before { background-color: #fff; border: 5px solid #e3e3c7; } /* line 1465, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--btn:after { position: absolute; top: 62%; left: 39px; z-index: 10; width: 11.2px; height: 11.2px; opacity: 0; background-color: #fff; border-radius: 50%; -webkit-box-shadow: #fff 0 0, #fff 3px 0, #fff 6px 0, #fff 9px 0, #fff 11px 0, #fff 14px 0, #fff 16px 0, #fff 21px -1px 0 1px, #fff 16px -7px 0 -2px, #fff 7px -7px 0 1px, #d3d3d3 0 0 0 4px, #d3d3d3 6px 0 0 4px, #d3d3d3 11px 0 0 4px, #d3d3d3 16px 0 0 4px, #d3d3d3 21px -1px 0 5px, #d3d3d3 16px -7px 0 1px, #d3d3d3 7px -7px 0 5px; box-shadow: #fff 0 0, #fff 3px 0, #fff 6px 0, #fff 9px 0, #fff 11px 0, #fff 14px 0, #fff 16px 0, #fff 21px -1px 0 1px, #fff 16px -7px 0 -2px, #fff 7px -7px 0 1px, #d3d3d3 0 0 0 4px, #d3d3d3 6px 0 0 4px, #d3d3d3 11px 0 0 4px, #d3d3d3 16px 0 0 4px, #d3d3d3 21px -1px 0 5px, #d3d3d3 16px -7px 0 1px, #d3d3d3 7px -7px 0 5px; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } @-webkit-keyframes starry_star { 50% { background-color: rgba(255, 255, 255, 0.1); -webkit-box-shadow: #fff 30px -3px 0 0, #fff 12px 10px 0 -1px, rgba(255, 255, 255, 0.1) 38px 18px 0 1px, #fff 32px 34px 0 0, rgba(255, 255, 255, 0.1) 20px 24px 0 -1.5px, #fff 5px 38px 0 1px; box-shadow: #fff 30px -3px 0 0, #fff 12px 10px 0 -1px, rgba(255, 255, 255, 0.1) 38px 18px 0 1px, #fff 32px 34px 0 0, rgba(255, 255, 255, 0.1) 20px 24px 0 -1.5px, #fff 5px 38px 0 1px; } } @keyframes starry_star { 50% { background-color: rgba(255, 255, 255, 0.1); -webkit-box-shadow: #fff 30px -3px 0 0, #fff 12px 10px 0 -1px, rgba(255, 255, 255, 0.1) 38px 18px 0 1px, #fff 32px 34px 0 0, rgba(255, 255, 255, 0.1) 20px 24px 0 -1.5px, #fff 5px 38px 0 1px; box-shadow: #fff 30px -3px 0 0, #fff 12px 10px 0 -1px, rgba(255, 255, 255, 0.1) 38px 18px 0 1px, #fff 32px 34px 0 0, rgba(255, 255, 255, 0.1) 20px 24px 0 -1.5px, #fff 5px 38px 0 1px; } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 100; -webkit-transform: scale(1.1); transform: scale(1.1); } 55% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { opacity: 100; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 100; -webkit-transform: scale(1.1); transform: scale(1.1); } 55% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { opacity: 100; -webkit-transform: scale(1); transform: scale(1); } } /* line 1515, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--feature { display: block; position: absolute; top: 9px; left: 52.5%; z-index: 20; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; -webkit-box-shadow: rgba(255, 255, 255, 0.1) 30px -3px 0 0, rgba(255, 255, 255, 0.1) 12px 10px 0 -1px, #fff 38px 18px 0 1px, rgba(255, 255, 255, 0.1) 32px 34px 0 0, #fff 20px 24px 0 -1.5px, rgba(255, 255, 255, 0.1) 5px 38px 0 1px; box-shadow: rgba(255, 255, 255, 0.1) 30px -3px 0 0, rgba(255, 255, 255, 0.1) 12px 10px 0 -1px, #fff 38px 18px 0 1px, rgba(255, 255, 255, 0.1) 32px 34px 0 0, #fff 20px 24px 0 -1.5px, rgba(255, 255, 255, 0.1) 5px 38px 0 1px; -webkit-animation: starry_star 5s ease-in-out infinite; animation: starry_star 5s ease-in-out infinite; } /* line 1528, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--feature:before { position: absolute; top: -2px; left: -25px; width: 18px; height: 18px; background-color: #fff; border-radius: 50%; border: 5px solid #e3e3c7; -webkit-box-shadow: #e3e3c7 -28px 0 0 -3px, #e3e3c7 -8px 24px 0 -2px; box-shadow: #e3e3c7 -28px 0 0 -3px, #e3e3c7 -8px 24px 0 -2px; -webkit-transform-origin: -6px 130%; transform-origin: -6px 130%; } /* line 1544, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn { background-color: #f47176; border: 5px solid #f25e64; } /* line 1548, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn:before { left: 55px; background-color: #ffdf6d; border: 5px solid #e1c348; } /* line 1554, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn:after { opacity: 100; -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 0.60s; animation-duration: 0.60s; -webkit-animation-delay: 0.10s; animation-delay: 0.10s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* line 1563, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn > .night-toggle--feature { opacity: 0; -webkit-box-shadow: rgba(255, 255, 255, 0.1) 30px -3px 0 -4px, rgba(255, 255, 255, 0.1) 12px 10px 0 -5px, #fff 38px 18px 0 -3px, rgba(255, 255, 255, 0.1) 32px 34px 0 -4px, #fff 20px 24px 0 -5.5px, rgba(255, 255, 255, 0.1) 5px 38px 0 -3px; box-shadow: rgba(255, 255, 255, 0.1) 30px -3px 0 -4px, rgba(255, 255, 255, 0.1) 12px 10px 0 -5px, #fff 38px 18px 0 -3px, rgba(255, 255, 255, 0.1) 32px 34px 0 -4px, #fff 20px 24px 0 -5.5px, rgba(255, 255, 255, 0.1) 5px 38px 0 -3px; -webkit-animation: none; animation: none; } /* line 1568, src/assets/scss/pages/demo/_landing.scss */ .switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn > .night-toggle--feature:before { left: 25px; -webkit-transform: rotate(70deg); transform: rotate(70deg); } /* ========================================================================== 18. CTA Section ========================================================================== */ /* line 1583, src/assets/scss/pages/demo/_landing.scss */ .cta-wrapper .cta-title { text-align: center; } /* line 1586, src/assets/scss/pages/demo/_landing.scss */ .cta-wrapper .cta-title h3 { font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 1.5rem; color: #a2a5b9; margin-bottom: 20px; } /* line 1594, src/assets/scss/pages/demo/_landing.scss */ .cta-wrapper .cta-title .custom-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px auto; max-width: 200px; font-family: "Roboto", sans-serif; border: 2px solid #D3F4ED; border-radius: 100px; background: #D3F4ED; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); -webkit-transition: all .3s; transition: all .3s; } /* line 1606, src/assets/scss/pages/demo/_landing.scss */ .cta-wrapper .cta-title .custom-button img { display: block; height: 50px; width: 50px; } /* line 1612, src/assets/scss/pages/demo/_landing.scss */ .cta-wrapper .cta-title .custom-button span { display: block; font-family: "Roboto", sans-serif; font-weight: 600; font-size: 1rem; color: #46cbb1; margin-left: 22px; -webkit-transition: color .3s; transition: color .3s; } /* ========================================================================== 19. Media Queries ========================================================================== */ @media (max-width: 767px) { /* line 1631, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 32px); margin: 0 16px; } /* line 1637, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-docked { height: 80px; } /* line 1642, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-docked .navbar-menu .navbar-item.is-theme-toggle { display: none !important; } /* line 1651, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar:not(.is-docked).is-solid .navbar-menu { top: 73px !important; } /* line 1658, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar:not(.is-docked) .navbar-menu .navbar-item.is-theme-toggle { display: block; } /* line 1665, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-solid { top: 10px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 1670, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-solid .navbar-brand .brand-icon { border-color: transparent; } /* line 1675, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-solid .navbar-menu { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 1680, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-brand { width: 100%; } /* line 1683, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-brand .navbar-burger { border-radius: 50%; margin-right: 12px; } /* line 1689, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu { width: calc(100% - 32px); position: fixed; top: 78px; left: 0; right: 0; margin: 0 auto; border-radius: 0 0 10px 10px; padding: 30px; text-align: center; border: 1px solid #ededed; -webkit-box-shadow: none; box-shadow: none; } /* line 1704, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item.is-theme-toggle .theme-toggle { margin: 0 auto; } /* line 1709, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .button { width: 100%; } /* line 1716, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .rounded-hero { min-height: 75vh !important; max-height: 75vh; } /* line 1720, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .rounded-hero .absolute-header { height: 500px; } /* line 1725, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .rounded-hero .hero-body .hero-mockup { max-width: 340px !important; } /* line 1729, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .rounded-hero .hero-body h1 { font-size: 3.2rem !important; } /* line 1737, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .boxed-features .flex-card .flex-cell { width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; } /* line 1742, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .boxed-features .flex-card .flex-cell:last-child { border-bottom: none; } /* line 1749, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .cta-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 1753, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .cta-block .head-text { padding-bottom: 20px; } /* line 1759, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper { min-height: 184px; } /* line 1763, src/assets/scss/pages/demo/_landing.scss */ .side-feature { margin-bottom: 60px !important; } /* line 1768, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 1772, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head .head-text { padding-bottom: 20px; } /* line 1777, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-body { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 1786, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 32px); margin: 0 16px; } /* line 1792, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-docked { height: 80px; } /* line 1797, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-docked .navbar-menu .navbar-item.is-theme-toggle { display: none !important; } /* line 1806, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar:not(.is-docked).is-solid .navbar-menu { top: 73px !important; } /* line 1813, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar:not(.is-docked) .navbar-menu .navbar-item.is-theme-toggle { display: block; } /* line 1820, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-solid { top: 10px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 1825, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-solid .navbar-brand .brand-icon { border-color: transparent; } /* line 1830, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar.is-solid .navbar-menu { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 1835, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-brand { width: 100%; } /* line 1838, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-brand .navbar-burger { height: 40px; width: 40px; border-radius: 50%; margin-right: 12px; } /* line 1846, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu { width: calc(100% - 32px); position: fixed; top: 78px; left: 0; right: 0; margin: 0 auto; border-radius: 0 0 10px 10px; padding: 30px; text-align: center; border: 1px solid #ededed; -webkit-box-shadow: none; box-shadow: none; } /* line 1861, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item.is-theme-toggle .theme-toggle { margin: 0 auto; } /* line 1866, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar .navbar-menu .navbar-item .button { width: 100%; } /* line 1874, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .main-hero .is-hero-title { text-align: center !important; } /* line 1877, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .main-hero .is-hero-title .buttons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 1883, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .rounded-hero { min-height: 75vh !important; } /* line 1887, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .rounded-hero .hero-body .hero-mockup { max-width: 610px !important; } /* line 1895, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .huro-demos .demo-section .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1898, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .huro-demos .demo-section .columns .column.is-4 { min-width: 50% !important; } /* line 1905, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .side-feature { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1910, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .component-features .media-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 1914, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .component-features .media-flex .left-icon, .landing-page-wrapper .component-features .media-flex .flex-meta { margin: 0; } /* line 1918, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .component-features .media-flex .left-icon { margin-bottom: 10px; } /* line 1926, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .huro-components .tab-content .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1929, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .huro-components .tab-content .columns .column.is-3 { min-width: 33.3% !important; } /* line 1938, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head, .huro-footer .footer-body { padding-left: 20px; padding-right: 20px; } /* line 1943, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-description { max-width: 400px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 1951, src/assets/scss/pages/demo/_landing.scss */ .landing-page-wrapper .navbar { width: calc(100% - 40px); margin: 0 20px; } /* line 1957, src/assets/scss/pages/demo/_landing.scss */ .huro-demo-wrapper { min-height: 174px; } /* line 1962, src/assets/scss/pages/demo/_landing.scss */ .huro-footer .footer-head, .huro-footer .footer-body { padding-left: 20px; padding-right: 20px; } } /*! _personal.scss | Huro | Css ninja 2020-2021 */ /* 1. Personal Dashboard V1 2. Personal Dashboard V1 Dark mode 3. Personal Dashboard V2 4. Personal Dashboard V2 Dark mode 5. Media Queries */ /* ========================================================================== 1. Personal Dashboard V1 ========================================================================== */ /* line 16, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.is-webapp { margin-top: 30px; } /* line 21, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; margin-bottom: 30px; } /* line 27, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-header .start { margin-left: 12px; } /* line 30, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-header .start h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.3rem; color: #283252; } /* line 38, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-header .end { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 43, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-header .end .button { margin-left: 10px; } /* line 50, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card { font-family: "Roboto", sans-serif; } /* line 55, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card > h4, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .apexcharts-title-text { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; margin-bottom: 12px; } /* line 64, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } /* line 70, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat { width: calc(50% - 16px); padding: 40px 20px; background: #f5f6fa; margin: 8px; border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; } /* line 81, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center .flex-meta span:first-child { font-size: 1.4rem; font-weight: 600; color: #283252; } /* line 95, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-upgrade { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #747476; border-color: #747476; padding: 20px 40px; min-height: 320px; border-radius: 6px; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 107, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-upgrade .lnil, .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-upgrade .lnir { position: absolute; bottom: 1rem; right: 1rem; font-size: 4rem; opacity: .3; } /* line 115, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-upgrade .cta-content { text-align: center; } /* line 118, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-upgrade .cta-content h4 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.2rem; color: #fcfcfc; margin-bottom: 8px; } /* line 127, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-upgrade .link { display: block; font-family: "Montserrat", sans-serif; font-weight: 500; margin-top: .5rem; } /* line 133, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-upgrade .link:hover { color: #fcfcfc; opacity: .6; } /* line 142, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-gauge { position: relative; } /* line 145, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-gauge .people { position: absolute; top: 80px; left: 0; right: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 5; } /* line 155, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-gauge .people .h-avatar { margin: 0 4px; } /* ========================================================================== 2. Personal Dashboard V1 Dark Mode ========================================================================== */ /* line 175, src/assets/scss/pages/dashboards/_personal.scss */ body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-header .start h3 { color: #aaaab3; } /* line 183, src/assets/scss/pages/dashboards/_personal.scss */ body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card.is-upgrade { background: #ED1C24; border-color: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* line 191, src/assets/scss/pages/dashboards/_personal.scss */ body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat { background: #28282b; border: 1px solid #404046; } /* line 198, src/assets/scss/pages/dashboards/_personal.scss */ body.is-dark .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center .flex-meta span:first-child { color: #aaaab3; } /* ========================================================================== 3. Personal Dashboard V2 ========================================================================== */ /* line 220, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; } /* line 227, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .user-meta { padding: 0 3rem; border-right: 1px solid #e5e5e5; } /* line 231, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .user-meta h3 { max-width: 180px; } /* line 236, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .user-action { padding: 0 3rem; } /* line 240, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .cta { position: relative; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 275px; margin-left: auto; background: #747476; padding: 20px; border-radius: 6px; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 250, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .cta .lnil, .personal-dashboard.personal-dashboard-v2 .dashboard-header .cta .lnir { position: absolute; bottom: 1rem; right: 1rem; font-size: 4rem; opacity: .3; } /* line 258, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .cta .link { font-family: "Montserrat", sans-serif; display: block; font-weight: 500; margin-top: .5rem; } /* line 264, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .cta .link:hover { color: #fcfcfc; opacity: .6; } /* line 272, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-card { padding: 30px; } /* line 277, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-card:not(:last-child) { margin-bottom: 1.5rem; } /* line 281, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-card .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 287, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-card .card-head h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; margin-bottom: 0; } /* line 296, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-card .active-projects, .personal-dashboard.personal-dashboard-v2 .dashboard-card .active-team, .personal-dashboard.personal-dashboard-v2 .dashboard-card .active-list { padding: 10px 0; } /* ========================================================================== 4. Personal Dashboard V2 Dark Mode ========================================================================== */ /* line 312, src/assets/scss/pages/dashboards/_personal.scss */ body.is-dark .personal-dashboard.personal-dashboard-v2 .home-header .cta { background: #ee252d; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* ========================================================================== 5. Personal Dashboard V3 ========================================================================== */ /* line 331, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .columns.is-flex-tablet-p .column.is-6 { min-width: 50%; } /* line 338, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card { font-family: "Roboto", sans-serif; } /* line 343, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card:not(:last-child) { margin-bottom: 1.5rem; } /* line 347, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-welcome { background: #f5f6fa; border: none; padding: 40px; } /* line 353, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-welcome .welcome-title h3 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 2rem; color: #283252; } /* line 361, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-welcome .welcome-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } /* line 366, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-welcome .welcome-progress .meta { margin-left: 16px; } /* line 369, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-welcome .welcome-progress .meta span { display: block; } /* line 372, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-welcome .welcome-progress .meta span:first-child { color: #a2a5b9; font-size: .95rem; } /* line 377, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-welcome .welcome-progress .meta span:nth-child(2) { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; } /* line 388, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-welcome .button-wrap .h-button { height: 44px; border-radius: 10px; } /* line 396, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-interview:not(:last-child) { margin-bottom: .75rem; } /* line 401, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .dashboard-card.is-interview .flex-end svg { height: 18px; width: 18px; stroke: #a2a5b9; } /* line 410, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .picker-widget { padding: 40px; height: 317px; } /* line 415, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .stats-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 280px; } /* line 420, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .stats-wrapper .people { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6px; } /* line 428, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .stats-wrapper .people .left span { display: block; font-family: "Roboto", sans-serif; } /* line 432, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .stats-wrapper .people .left span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 438, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .stats-wrapper .people .left span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 442, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .stats-wrapper .people .left span:nth-child(2) a { font-weight: 500; color: #606061; } /* ========================================================================== 6. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 462, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-header { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 466, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-header .start { margin: 10px auto; } /* line 470, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-header .end { margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 480, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat { padding: 20px; } /* line 483, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 486, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center .flex-meta { margin: 10px 0; text-align: center; } /* line 499, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 503, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .h-avatar { margin-bottom: 10px; } /* line 507, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .user-meta { padding-top: 10px; padding-bottom: 10px; border: none; } /* line 513, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .user-action { padding-bottom: 30px; } /* line 517, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .dashboard-header .cta { margin-left: 0; } /* line 525, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v2 .active-projects .media-flex-center .flex-end .avatar-stack { display: none; } /* line 534, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v3 .stats-wrapper { height: auto; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 548, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat { padding: 20px 20px; } /* line 551, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 554, src/assets/scss/pages/dashboards/_personal.scss */ .personal-dashboard.personal-dashboard-v1 .dashboard-body .dashboard-card .quick-stats .quick-stats-inner .quick-stat .media-flex-center .flex-meta { margin: 2px 0 0 0; text-align: center; } } /*! _finance.scss | Huro | Css ninja 2020-2021 */ /* 1. Analytics Dashboard 2. Analytics Dashboard Dark mode 1. Stock Dashboard 2. Stock Dashboard Dark mode 3. Media Queries */ /* ========================================================================== 1. Analytics Dashboard ========================================================================== */ /* line 17, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-tile { font-family: "Roboto", sans-serif; } /* line 22, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-tile .tile-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 27, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-tile .tile-head h3 { font-family: "Montserrat", sans-serif; color: #283252; font-weight: 600; } /* line 34, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-tile .tile-body { font-size: 2rem; padding: 4px 0 8px 0; } /* line 38, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-tile .tile-body span { color: #283252; font-weight: 600; } /* line 46, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-tile .tile-foot span:first-child { font-weight: 500; } /* line 49, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-tile .tile-foot span:first-child svg { height: 16px; width: 16px; margin-right: 6px; stroke-width: 3px; } /* line 57, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-tile .tile-foot span:nth-child(2) { color: #a2a5b9; font-size: .9rem; } /* line 65, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card { font-family: "Roboto", sans-serif; height: 100%; } /* line 71, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 77, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .card-head h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 85, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .revenue-stats { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 88, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .revenue-stats .revenue-stat { margin-right: 30px; font-family: "Roboto", sans-serif; } /* line 92, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .revenue-stats .revenue-stat span { display: block; } /* line 95, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .revenue-stats .revenue-stat span:first-child { color: #a2a5b9; font-size: .9rem; } /* line 100, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .revenue-stats .revenue-stat span:nth-child(2) { color: #283252; font-size: 1.2rem; font-weight: 600; } /* line 106, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .revenue-stats .revenue-stat span.current { color: #ED1C24; } /* line 113, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .radial-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 44px); } /* line 118, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .radial-wrap .radial-stats { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 20px; border-top: 1px solid #e5e5e5; } /* line 124, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .radial-wrap .radial-stats .radial-stat { width: 50%; text-align: center; } /* line 128, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .radial-wrap .radial-stats .radial-stat:first-child { border-right: 1px solid #e5e5e5; } /* line 132, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .radial-wrap .radial-stats .radial-stat span { display: block; } /* line 135, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .radial-wrap .radial-stats .radial-stat span:first-child { color: #a2a5b9; font-size: .9rem; } /* line 140, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .radial-wrap .radial-stats .radial-stat span:nth-child(2) { color: #283252; font-size: 1.3rem; font-weight: 600; } /* line 150, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .progress-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 44px); font-family: "Roboto", sans-serif; } /* line 156, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .progress-block .value { font-size: 1.4rem; font-weight: 600; } /* line 160, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .progress-block .value span { color: #283252; } /* line 165, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .progress-block .progress { margin-bottom: 8px; } /* line 171, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .progress-block .progress-foot span:first-child { font-weight: 500; } /* line 174, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .progress-block .progress-foot span:first-child svg { height: 16px; width: 16px; margin-right: 6px; stroke-width: 3px; } /* line 182, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .progress-block .progress-foot span:nth-child(2) { color: #a2a5b9; font-size: .9rem; } /* line 189, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.analytics-dashboard .dashboard-card .progress-block .circle-chart-wrapper { margin-top: auto; } /* ========================================================================== 3. Stock Dashboard ========================================================================== */ /* line 203, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; padding: 5px 0; margin: 5px 0; } /* line 212, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; margin-right: 10px; } /* line 219, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo:before { content: ''; width: 36px; height: 36px; -webkit-transform: rotate(0); transform: rotate(0); border-radius: 7px; } /* line 227, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo.github:before, .finance-dashboard.stock-dashboard .stock .stock-logo.apple:before { background: #444; -webkit-box-shadow: 0 14px 26px -12px rgba(68, 68, 68, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(68, 68, 68, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(68, 68, 68, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(68, 68, 68, 0.2) !important; } /* line 232, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo.invision:before { background: #ff3366; -webkit-box-shadow: 0 14px 26px -12px rgba(255, 51, 102, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 51, 102, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 51, 102, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 51, 102, 0.2) !important; } /* line 237, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo.facebook:before, .finance-dashboard.stock-dashboard .stock .stock-logo.docker:before { background: #3B5998; -webkit-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important; } /* line 242, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo.amazon:before { background: #FF9900; -webkit-box-shadow: 0 14px 26px -12px rgba(255, 153, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 153, 0, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 153, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 153, 0, 0.2) !important; } /* line 247, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo.twitter:before { background: #1dcaff; -webkit-box-shadow: 0 14px 26px -12px rgba(29, 202, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(29, 202, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(29, 202, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(29, 202, 255, 0.2) !important; } /* line 252, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo.algolia:before { background: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* line 257, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo.snapchat:before { background: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 262, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-logo i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 270, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-info { margin-left: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.2; } /* line 275, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-info .stock-name { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .9rem; color: #283252; } /* line 282, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-info .stock-fullname { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 288, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock .stock-value { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: bold; color: #a2a5b9; text-align: right; } /* line 296, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .graph { position: relative; display: inline-block; width: 100%; padding: 20px; background: #ffffff; border-radius: 10px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border: 1px solid #ededed; } /* line 306, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .graph .dropdown { position: absolute; top: 10px; right: 10px; } /* line 312, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .graph > svg { max-width: 100%; min-height: 90px; margin: 0 auto 16px auto; display: block; } /* line 318, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .graph > svg text { font-family: Roboto; font-weight: 700; font-size: 12px; font-style: normal; } /* line 327, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 0; } /* line 331, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* line 340, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category:hover .asset .asset-logo { -webkit-transform: translateY(-5px); transform: translateY(-5px); } /* line 343, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category:hover .asset .asset-logo:before { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 348, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category:hover .asset .asset-logo i { color: #606061; } /* line 354, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category:hover .asset-name { color: #606061; } /* line 359, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category .asset { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 10px 0; } /* line 365, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category .asset .asset-logo { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -webkit-transition: all .3s; transition: all .3s; } /* line 372, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category .asset .asset-logo:before { content: ''; width: 46px; height: 46px; background-color: #ffffff; border: 1px solid #ededed; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 10px; -webkit-transition: all .3s; transition: all .3s; } /* line 383, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category .asset .asset-logo i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #a2a5b9; font-size: 18px; -webkit-transition: color .3s; transition: color .3s; } /* line 395, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category .asset-name { color: #283252; font-size: .9rem; font-family: "Montserrat", sans-serif; font-weight: 600; -webkit-transition: color .3s; transition: color .3s; } /* line 408, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock-card .action-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 414, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock-card .action-bar h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 422, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock-card .stock { margin: 8px 0; } /* line 426, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .stock-card .stock .stock-logo i { font-size: 14px; } /* ========================================================================== 4. Stock Dashboard Dark mode ========================================================================== */ /* line 443, src/assets/scss/pages/dashboards/_finance.scss */ body.is-dark .finance-dashboard.stock-dashboard .graph { background: #323236 !important; border-color: #404046 !important; } /* line 450, src/assets/scss/pages/dashboards/_finance.scss */ body.is-dark .finance-dashboard.stock-dashboard .stock .stock-info .stock-name { color: #aaaab3; } /* line 461, src/assets/scss/pages/dashboards/_finance.scss */ body.is-dark .finance-dashboard.stock-dashboard .asset-category .category:hover .asset .asset-logo:before { border-color: #ED1C24 !important; } /* line 468, src/assets/scss/pages/dashboards/_finance.scss */ body.is-dark .finance-dashboard.stock-dashboard .asset-category .category:hover .asset .asset-logo i { color: #ED1C24; } /* line 474, src/assets/scss/pages/dashboards/_finance.scss */ body.is-dark .finance-dashboard.stock-dashboard .asset-category .category:hover .asset-name { color: #ED1C24; } /* line 481, src/assets/scss/pages/dashboards/_finance.scss */ body.is-dark .finance-dashboard.stock-dashboard .asset-category .category .asset .asset-logo:before { background: #323236 !important; border-color: #404046 !important; } /* line 488, src/assets/scss/pages/dashboards/_finance.scss */ body.is-dark .finance-dashboard.stock-dashboard .asset-category .category .asset-name { color: #aaaab3; } /* line 496, src/assets/scss/pages/dashboards/_finance.scss */ body.is-dark .finance-dashboard.stock-dashboard .stock-card .action-bar h3 { color: #aaaab3; } /* ========================================================================== 5. Sales Dashboard ========================================================================== */ /* line 512, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; margin-bottom: 30px; } /* line 518, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-header .start { margin-left: 12px; } /* line 521, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-header .start h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.3rem; color: #283252; } /* line 529, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-header .end { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 534, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-header .end .button { margin-left: 10px; } /* line 541, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .spark-tiles .spark-tile { padding: 0; } /* line 551, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card:not(:last-child) { margin-bottom: 1.5rem; } /* line 555, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card.flex-chart { height: calc(50% - .75rem); } /* line 559, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 565, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .card-head h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 573, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .revenue-stats { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; } /* line 577, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .revenue-stats .revenue-stat { margin-right: 30px; font-family: "Roboto", sans-serif; } /* line 581, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .revenue-stats .revenue-stat span { display: block; } /* line 584, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .revenue-stats .revenue-stat span:first-child { color: #a2a5b9; font-size: .9rem; } /* line 589, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .revenue-stats .revenue-stat span:nth-child(2) { color: #283252; font-size: 1.2rem; font-weight: 600; } /* line 595, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .revenue-stats .revenue-stat span.current { color: #ED1C24; } /* line 602, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 607, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-media .meta { margin-right: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; } /* line 612, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-media .meta h4 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 619, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-media .meta span { display: block; color: #283252; font-size: 1.2rem; font-weight: 600; margin-bottom: 8px; } /* line 627, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-media .meta p { font-size: .9rem; } /* line 632, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-media .chart-container { min-width: 110px; } /* line 637, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-group { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 640, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-group .group { text-align: center; width: 33.3%; } /* line 644, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-group .group .chart-container { margin-top: -5px; } /* line 648, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-group .group span { display: block; margin-top: -25px; font-family: "Roboto", sans-serif; color: #283252; font-weight: 600; font-size: 1.2rem; } /* line 657, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-card .chart-group .group p { font-size: .9rem; } /* line 664, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .widget { min-height: 305px; } /* ========================================================================== 5. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 677, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 680, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.stock-dashboard .asset-category .category { min-width: 25% !important; margin-bottom: 12px !important; } /* line 688, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-header { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 692, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-header .start { margin: 10px auto; } /* line 696, src/assets/scss/pages/dashboards/_finance.scss */ .finance-dashboard.sales-dashboard .dashboard-header .end { margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } /*! _banking.scss | Huro | Css ninja 2020-2021 */ /* 1. Banking Dashboard V1 2. Banking Dashboard V2 */ /* ========================================================================== 1. Banking Dashboard V1 ========================================================================== */ /* line 15, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .columns .column { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } /* line 23, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card:not(:last-child) { margin-bottom: 1.5rem; } /* line 27, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards { padding: 0; } /* line 30, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .title-wrap { padding: 20px 20px 10px 20px; margin-bottom: 0; } /* line 36, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } /* line 41, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner:not(:first-child) { border-top: 1.6px dashed #e3e3e3; } /* line 45, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 80px; width: 120px; min-width: 120px; background: #ededed; border-radius: 10px; padding: 6px 10px 8px 10px; overflow: hidden; } /* line 58, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card.is-theme-1 { background: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 63, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card.is-theme-2 { background: #039BE5; -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; } /* line 69, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card .top .card-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 74, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card .top .card-number span { font-family: "Roboto", sans-serif; font-size: .8rem; font-weight: 500; color: #fcfcfc; display: block; } /* line 82, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card .top .card-number img { display: block; width: 100%; max-width: 28px; } /* line 90, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card .bottom { font-family: "Roboto", sans-serif; font-size: .7rem; font-weight: 500; color: #fcfcfc; } /* line 97, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card .shape { position: absolute; bottom: -10px; right: -10px; height: 46px; width: 46px; background: #ffffff; border-radius: 50%; opacity: .15; } /* line 109, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card-meta { margin-left: 16px; } /* line 112, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card-meta span { display: block; font-family: "Roboto", sans-serif; } /* line 116, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card-meta span:first-child { font-size: .9rem; color: #a2a5b9; } /* line 121, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card-meta span:nth-child(2) { color: #283252; font-size: 1.6rem; font-weight: 600; line-height: 1.2; } /* line 130, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card-end { margin-left: auto; } /* line 135, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner { padding: 10px 20px 20px 20px; } /* line 138, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin-bottom: 12px; } /* line 145, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .title-wrap h3 { font-size: 1rem; color: #283252; font-weight: 500; } /* line 151, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .title-wrap .action-link { font-size: .9rem; } /* line 156, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .info-block-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 6px 0; } /* line 162, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .info-block-line h4 { font-family: "Roboto", sans-serif; font-weight: 500; color: #283252; font-size: .9rem; line-height: 2; } /* line 170, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .info-block-line span { color: #a2a5b9; font-size: .9rem; } /* line 174, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .info-block-line span.has-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 180, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .info-block-line span.has-image img { max-width: 28px; margin-right: 6px; } /* line 186, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .info-block-inner .info-block-line span i { position: relative; top: 0; font-size: 10px; margin-right: 8px; } /* line 198, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 372px; } /* line 204, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts .people-wrap .people { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; } /* line 208, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts .people-wrap .people .h-avatar { margin: 0 4px; } /* line 213, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts .people-wrap .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "Roboto", sans-serif; padding: 0 4px; } /* line 220, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts .people-wrap .actions span { font-size: .9rem; color: #a2a5b9; } /* line 225, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts .people-wrap .actions a { color: #a2a5b9; } /* line 228, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts .people-wrap .actions a:hover { color: #606061; } /* line 232, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts .people-wrap .actions a svg { height: 16px; width: 16px; } /* line 240, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts .transfer-form { margin-top: auto; } /* line 246, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-transactions .transactions { padding: 10px 0; } /* line 252, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-transactions .transactions .media-flex-center .flex-meta span:nth-child(2) { font-size: .85rem; } /* line 258, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-transactions .transactions .media-flex-center .flex-end { font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: 500; color: #283252; } /* line 268, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-income { position: relative; } /* line 271, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-income .field { position: absolute; top: 12px; right: 16px; z-index: 5; } /* line 278, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-income .field .h-select .select-box { border-color: transparent; } /* line 285, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card > .title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; font-family: "Roboto", sans-serif; } /* line 292, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card > .title-wrap h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 299, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card > .title-wrap .title-meta { font-size: 1rem; font-weight: 500; color: #283252; } /* line 305, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card > .title-wrap .action-link { font-size: .9rem; } /* line 310, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card .context-text { font-size: .9rem; margin-bottom: 10px; } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 325, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card { height: 67px; width: 100px; min-width: 100px; } /* line 333, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-credit-cards .card-block .card-block-inner .credit-card-meta span:nth-child(2) { font-size: 1.3rem; } /* line 342, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card.is-contacts { height: 400px; } /* line 346, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v1 .dashboard-card .context-text { font-size: .8rem; } } /* ========================================================================== 2. Banking Dashboard V2 ========================================================================== */ /* line 363, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card:not(:last-child) { margin-bottom: 1.5rem; } /* line 368, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel.is-grey { background: #f5f6fa; border: none; } /* line 376, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .columns .column:first-child .inner-box { border-right: 1px solid #e5e5e5; } /* line 383, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box { position: relative; margin: 20px; height: calc(100% - 40px); } /* line 388, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .box-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 394, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .box-title h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; } /* line 402, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .box-title .h-select .select-box { border-color: transparent; } /* line 408, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 411, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .controls { margin-right: 1.5rem; } /* line 416, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .controls .button .icon svg { height: 20px; width: 20px; } /* line 424, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel { max-width: 520px; } /* line 427, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .slick-dots { text-align: right; position: absolute; top: -45px; right: 0; height: auto; max-height: 30px; width: auto; } /* line 436, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .slick-dots li { margin: 0; } /* line 441, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner { margin-bottom: 0; } /* line 444, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item { margin: 0 1.5rem 1.5rem 0; outline: none !important; } /* line 449, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item.slick-current .ccard { background-image: linear-gradient(-225deg, #4c4c4c 0%, #5b5b5c 48%, #7e7e80 100%); -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 453, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item.slick-current .ccard .shape { opacity: 0.15; } /* line 459, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item.slick-current .ccard .top img.active { display: block; } /* line 463, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item.slick-current .ccard .top img.inactive, .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item.slick-current .ccard .top img.inactive.light-image { display: none !important; } /* line 470, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item.slick-current .ccard .bottom span { color: #fcfcfc; } /* line 477, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: "Roboto", sans-serif; width: 240px; height: 144px; border-radius: 14px; background: #ededed; padding: 18px; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s; transition: all .3s; } /* line 491, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .shape { position: absolute; bottom: -10px; right: -10px; height: 70px; width: 70px; background: #ffffff; border-radius: 50%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } /* line 504, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .top img { display: block; max-width: 35px; } /* line 508, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .top img.active { display: none; } /* line 512, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .top img.inactive { display: block; } /* line 518, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .bottom { margin-top: auto; } /* line 521, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .bottom span { display: block; color: #283252; } /* line 525, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .bottom span:first-child { font-weight: 600; font-size: 1.3rem; } /* line 530, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .bottom span:nth-child(2) { font-size: .9rem; } /* line 541, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 60px); } /* line 547, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance span { display: block; color: #606061; } /* line 551, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance span:first-child { font-weight: 700; font-size: 2.4rem; } /* line 556, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance span:nth-child(2) { font-size: 1rem; font-weight: 500; } /* line 563, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 567, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat { width: 50%; font-family: "Roboto", sans-serif; } /* line 571, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-title { color: #a2a5b9; margin-bottom: 6px; } /* line 576, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 580, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 30px; border-radius: 50%; background: #f2f2f2; } /* line 589, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-icon.is-up { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* line 592, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-icon.is-up svg { stroke: #93E088; } /* line 597, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-icon.is-down { -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 600, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-icon.is-down svg { stroke: #F92B60; } /* line 605, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-icon svg { height: 16px; width: 16px; stroke-width: 3px; } /* line 612, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-text { margin-left: 12px; font-family: "Roboto", sans-serif; font-weight: 600; font-size: 1.1rem; color: #283252; } /* line 625, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary { padding: 0 20px; border: 1px solid #e0e0e0; border-radius: 6px; } /* line 630, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary .monthly-summary-item { padding: 20px 0; font-family: "Roboto", sans-serif; } /* line 634, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary .monthly-summary-item:first-child { border-bottom: 1px solid #e0e0e0; } /* line 638, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary .monthly-summary-item span { display: block; } /* line 641, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary .monthly-summary-item span:first-child { font-size: .85rem; font-weight: 500; color: #a2a5b9; } /* line 647, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary .monthly-summary-item span:nth-child(2) { font-weight: 500; } /* line 650, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary .monthly-summary-item span:nth-child(2).is-income { color: #93E088; } /* line 654, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary .monthly-summary-item span:nth-child(2).is-expense { color: #F92B60; } /* line 663, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .chart-wrapper { position: relative; padding-right: 30px; } /* line 667, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .chart-wrapper .action-link { position: absolute; top: -42px; right: 45px; } /* line 674, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .transactions { padding: 10px 0; } /* line 680, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .transactions .media-flex-center .flex-meta span:nth-child(2) { font-size: .85rem; } /* line 686, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .transactions .media-flex-center .flex-end { font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: 500; color: #283252; } /* line 695, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0 0 0; } /* line 700, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .button-wrap .button { max-width: 49%; } /* ========================================================================== 3. Banking Dashboard V2 Dark mode ========================================================================== */ /* line 719, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel { background: #323236; } /* line 722, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box { border-color: #404046 !important; } /* line 726, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .box-title h3 { color: #aaaab3; } /* line 735, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-carousel .cards-carousel-inner .cards-carousel-item.slick-current .ccard { background-image: linear-gradient(-225deg, #d01018 0%, #ec131b 48%, #f1555b 100%); -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* line 740, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-carousel .cards-carousel-inner .cards-carousel-item.slick-current .ccard .top .inactive.dark-image { display: none !important; } /* line 747, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard { background: #28282b; } /* line 751, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .top .inactive.dark-image { display: block !important; } /* line 757, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard .bottom span { color: #aaaab3; } /* line 768, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance span { color: #ED1C24; } /* line 776, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-icon { background: #28282b; } /* line 780, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance-stats .card-balance-stat .stat-block .stat-text { color: #aaaab3; } /* line 789, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary { border-color: #404046; background: #2d2d31; } /* line 793, src/assets/scss/pages/dashboards/_banking.scss */ body.is-dark .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap .monthly-summary .monthly-summary-item { border-color: #404046; } /* ========================================================================== 4. Banking Dashboard V3 ========================================================================== */ /* line 812, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "Roboto", sans-serif; margin-bottom: 20px; } /* line 820, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-header .left > span { color: #a2a5b9; } /* line 825, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-header .left .currency .amount { position: relative; font-size: 2rem; font-weight: 600; color: #283252; } /* line 832, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-header .left .currency .amount.is-positive:after { color: #93E088; } /* line 838, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-header .left .currency .amount.is-negative:after { color: #F92B60; } /* line 843, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-header .left .currency .amount:after { content: '+3.4%'; position: relative; top: -8px; right: -8px; font-size: 1.1rem; } /* line 855, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; margin-top: -8px; margin-bottom: 1rem; } /* line 862, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile { width: calc(33.3% - 16px); margin: 8px; } /* line 868, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile span { display: block; font-family: "Roboto", sans-serif; } /* line 872, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile span:first-child { font-size: .9rem; color: #a2a5b9; margin-bottom: 4px; } /* line 878, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile span:nth-child(2) { font-weight: 500; font-size: 1.2rem; color: #283252; } /* line 890, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card:not(:last-child) { margin-bottom: 1.5rem; } /* line 894, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card.is-side { padding: 30px; } /* line 899, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card.is-wallet img { display: block; max-width: 200px; margin: 0 auto; } /* line 906, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card .subheading-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } /* line 912, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card .subheading-wrap .subheading { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .8rem; text-transform: uppercase; color: #283252; } /* line 920, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card .subheading-wrap .action-link { font-size: .9rem; } /* line 925, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card .currency-description { padding: 10px 0 20px 0; } /* line 929, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card .button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 933, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-card .button-wrap .button { width: 49%; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 949, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel { overflow: hidden; padding: 10px; } /* line 953, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box { border-right: none !important; } /* line 956, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper { position: relative; margin-top: 30px; } /* line 960, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-wrapper .controls { position: absolute; top: -68px; right: -8px; margin-right: 0; } /* line 969, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance { margin-bottom: 30px; } /* line 974, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap { margin-bottom: 60px; } /* line 978, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .chart-wrapper { padding-right: 0; } /* line 981, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .chart-wrapper .action-link { top: -45px; right: 0px; } /* line 992, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 995, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-header .left { margin-bottom: 1.5rem; } /* line 1000, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 1003, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile { width: calc(100% - 16px) !important; min-width: calc(100% - 16px) !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 1017, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box { border-right: none !important; } /* line 1021, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance { margin-bottom: 30px; } /* line 1026, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .monthly-summary-wrap { margin-bottom: 60px; } /* line 1030, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .chart-wrapper { padding-right: 0; } /* line 1033, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .chart-wrapper .action-link { top: -45px; right: 0px; } /* line 1047, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile span:nth-child(2) { font-size: 1.1rem; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 1063, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-carousel { margin-left: 30px; max-width: 400px !important; } /* line 1069, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .cards-carousel .cards-carousel-inner .cards-carousel-item .ccard { width: 180px !important; height: 108px !important; } /* line 1078, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v2 .dashboard-card.is-card-panel .inner-box .card-balance-wrap .card-balance { margin-bottom: 20px; } /* line 1091, src/assets/scss/pages/dashboards/_banking.scss */ .banking-dashboard.banking-dashboard-v3 .dashboard-tiles .dashboard-tile span:nth-child(2) { font-size: 1rem; } } /*! _business.scss | Huro | Css ninja 2020-2021 */ /* 1. Dashboards Flights 2. Dashboards Flights Dark mode 3. Company Dashboard 4. HR Dashboard 5. HR Dashboard Dark mode 6. Course Dashboard 7. Course Dashboard Dark mode 8. Media Queries */ /* ========================================================================== 1. Dashboards Flights ========================================================================== */ /* line 20, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper { position: relative; background: #606061; border-color: #606061; padding: 30px; color: #ffffff; font-family: "Roboto", sans-serif; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 31, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .travel-illustration { position: absolute; bottom: 30px; right: 30px; max-width: 260px; } /* line 38, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } /* line 43, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar-info .lnil { font-size: 2.2rem; color: #ffffff; } /* line 48, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar-info .inner { margin-left: 16px; } /* line 51, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar-info .inner .booking-bar-heading { font-family: "Montserrat", sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 1.2; color: #ffffff; } /* line 59, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar-info .inner .booking-bar-sub-heading { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 1.1rem; color: #ffffff; } /* line 68, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 73, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar .booking-bar-inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 77, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar .booking-bar-inputs .control:not(:last-of-type) { margin-right: 2rem; } /* line 81, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar .booking-bar-inputs .input { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 89, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-toolbar { padding: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 95, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-toolbar h3 { font-family: "Roboto", sans-serif; font-weight: 600; color: #283252; } /* line 103, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ededed; -webkit-transition: all .3s; transition: all .3s; } /* line 111, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary:hover { border-color: #606061; } /* line 115, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary.is-featured { background: #606061; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 120, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary.is-featured .flight-price { color: #ffffff; } /* line 125, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary.is-featured .meta span { color: #ffffff !important; } /* line 131, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .flight-price { font-family: "Roboto", sans-serif; font-size: 2rem; font-weight: 700; color: #606061; } /* line 137, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .flight-price:before { content: '$'; position: relative; right: -4px; font-size: 1.2rem; font-weight: 700; } /* line 146, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .meta { margin-left: 16px; line-height: 1.3; } /* line 150, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .meta span { display: block; } /* line 153, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .meta span:first-child { font-family: "Montserrat", sans-serif; color: #283252; font-size: .8rem; font-weight: 700; text-transform: uppercase; } /* line 161, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .meta span:nth-child(2) { font-family: "Roboto", sans-serif; color: #a2a5b9; font-size: .9rem; } /* line 171, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights { padding: 1.5rem 0; } /* line 174, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.5rem; -webkit-box-shadow: none; box-shadow: none; } /* line 182, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 187, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card:hover .route .line:before, .business-dashboard.flights-dashboard .flights .flight-card:hover .route .line:after { opacity: 1; } /* line 194, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card > img { display: block; border-radius: 50%; max-width: 32px; } /* line 201, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .start span, .business-dashboard.flights-dashboard .flights .flight-card .end span { display: block; color: #283252; font-family: "Roboto", sans-serif; } /* line 206, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .start span:first-child, .business-dashboard.flights-dashboard .flights .flight-card .end span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 212, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .start span:nth-child(2), .business-dashboard.flights-dashboard .flights .flight-card .start span:nth-child(3), .business-dashboard.flights-dashboard .flights .flight-card .end span:nth-child(2), .business-dashboard.flights-dashboard .flights .flight-card .end span:nth-child(3) { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; } /* line 220, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .start { margin-left: 1rem; } /* line 224, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .end { margin-left: auto; margin-right: 1.5rem; } /* line 229, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 320px; margin: 0 auto; padding: 0 1rem; } /* line 237, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route .departure { height: 16px; width: 16px; border-radius: 50%; border: 1px solid #a2a5b9; } /* line 244, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route .line { position: relative; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; height: 1px; border-bottom: 1.6px dashed #a2a5b9; } /* line 250, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route .line:before, .business-dashboard.flights-dashboard .flights .flight-card .route .line:after { opacity: 0; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 256, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route .line:before { content: ''; position: absolute; top: -14px; left: 50%; right: 50%; height: 10px; width: 1px; border-right: 1px solid #a2a5b9; } /* line 267, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route .line:after { content: attr(data-content); position: absolute; top: -32px; left: 23%; width: 130px; font-size: .8rem; text-align: center; color: #a2a5b9; } /* line 279, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route .arrival { font-size: 1.8rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 26px; width: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 288, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route .arrival .lnil { position: relative; top: -4px; right: 5px; color: #a2a5b9; margin-left: .75rem; } /* line 298, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .flight-price { font-family: "Roboto", sans-serif; font-size: 1.8rem; font-weight: 600; color: #a2a5b9; } /* line 304, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .flight-price:before { content: '$'; position: relative; top: -8px; right: -6px; font-size: 1.1rem; font-weight: 700; } /* line 316, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .company-card { padding: 30px; margin-bottom: 1.5rem; } /* line 322, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .company-card .h-avatar { display: block; margin: 0 auto; } /* line 328, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .filters-card { padding: 30px; margin-bottom: 1.5rem; } /* line 334, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .filters-card .checkboxes-list { margin: 0; padding: 20px 0 0 0; } /* line 339, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .filters-card .checkboxes-list .field > h5 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .8rem; text-transform: uppercase; color: #283252; padding-bottom: 6px; } /* line 349, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .filters-card .checkboxes-list .checkbox { padding: 8px 0; } /* ========================================================================== 2. Dashboards Flights Dark mode ========================================================================== */ /* line 365, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.flights-dashboard .booking-bar-wrapper { background: #2d2d31; border-color: #404046; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 373, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary:hover { border-color: #ED1C24 !important; } /* line 377, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary.is-featured { background: #ED1C24 !important; border-color: #ED1C24 !important; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; } /* line 382, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary.is-featured .flight-price { color: #ffffff; } /* line 387, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .flight-price { color: #ED1C24; } /* line 393, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .meta span:first-child { color: #aaaab3; } /* line 405, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.flights-dashboard .flights .flight-card .start span:first-child, body.is-dark .business-dashboard.flights-dashboard .flights .flight-card .end span:first-child { color: #aaaab3; } /* ========================================================================== 3. Company Dashboard ========================================================================== */ /* line 423, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 6px; margin-bottom: 1.5rem; } /* line 431, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header .header-item { width: 25%; border-right: 1px solid #e5e5e5; } /* line 435, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header .header-item:last-child { border-right: none; } /* line 439, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header .header-item .item-inner { text-align: center; } /* line 442, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header .header-item .item-inner .lnil, .business-dashboard.company-dashboard .company-header .header-item .item-inner .lnir { font-size: 1.8rem; margin-bottom: 6px; color: #606061; } /* line 448, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header .header-item .item-inner span { display: block; font-family: "Roboto", sans-serif; font-weight: 600; font-size: 1.6rem; color: #283252; } /* line 456, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header .header-item .item-inner p { font-family: "Montserrat", sans-serif; font-size: .95rem; } /* line 464, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .widget { height: 100%; } /* line 468, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card { height: 100%; } /* line 473, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company { text-align: center; padding: 30px; } /* line 477, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company .h-avatar { display: block; margin: 0 auto 10px auto; } /* line 481, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company .h-avatar .button { position: absolute; bottom: 0; right: 0; max-width: 35px; } /* line 489, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company > h3 { color: #283252; font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; } /* line 496, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company > p { font-size: .9rem; } /* line 500, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company .description { padding: 10px 0 0 0; } /* line 504, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company .company-stats { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 20px; margin-top: 20px; border-top: 1px solid #e5e5e5; } /* line 510, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company .company-stats .company-stat { width: 33.3%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } /* line 517, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company .company-stats .company-stat span { display: block; font-family: "Roboto", sans-serif; } /* line 521, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company .company-stats .company-stat span:first-child { text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: .75rem; color: #a2a5b9; } /* line 528, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-company .company-stats .company-stat span:nth-child(2) { color: #283252; font-size: 1.4rem; font-weight: 600; } /* line 538, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 543, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart .content-box { padding: 30px; } /* line 546, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart .content-box .revenue-stats { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } /* line 551, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart .content-box .revenue-stats .revenue-stat { margin-right: 30px; font-family: "Roboto", sans-serif; } /* line 555, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart .content-box .revenue-stats .revenue-stat span { display: block; } /* line 558, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart .content-box .revenue-stats .revenue-stat span:first-child { text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: .75rem; color: #a2a5b9; } /* line 565, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart .content-box .revenue-stats .revenue-stat span:nth-child(2) { color: #283252; font-size: 1.6rem; font-weight: 600; } /* line 571, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart .content-box .revenue-stats .revenue-stat span.current { color: #ED1C24; } /* line 579, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-base-chart .chart-container { margin-top: auto; } /* line 584, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-tickets { padding: 30px; } /* line 587, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-tickets .ticket-list { padding: 10px 0; } /* line 591, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-tickets .ticket-list .media-flex + .media-flex { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; } /* line 599, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-tickets .ticket-list .media-flex .flex-meta span:nth-child(2) { font-size: 1rem; margin: 4px 0; color: #696e8c; max-width: 430px; } /* line 606, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card.is-tickets .ticket-list .media-flex .flex-meta span:nth-child(3) { font-size: .9rem; color: #a2a5b9; } /* line 616, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 622, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .dashboard-card .card-head h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 631, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .table-wrapper { min-height: 0; } /* ========================================================================== 4. HR Dashboard ========================================================================== */ /* line 643, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; border-radius: 16px; padding: 50px; background: #606061; font-family: "Roboto", sans-serif; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 652, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .left, .business-dashboard.hr-dashboard .block-header .right { width: 30%; } /* line 656, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 40%; padding-right: 30px; margin-right: 30px; border-right: 1px solid #79797b; } /* line 664, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .center .block-text { margin-bottom: 16px; } /* line 668, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .center .candidates { margin-top: auto; } /* line 671, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .center .candidates > .h-avatar { margin-right: 10px; } /* line 675, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .center .candidates button { height: 40px; width: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; background: #ffffff; color: #a2a5b9; border: none; outline: none; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 689, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .center .candidates button svg { height: 18px; width: 18px; } /* line 697, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 703, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .left .current-user .h-avatar { margin-bottom: 1rem; } /* line 707, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .left .current-user h3 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.8rem; color: #ffffff; line-height: 1.2; } /* line 717, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 721, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .right .button { margin-top: auto; } /* line 726, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .block-heading { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.1rem; color: #ffffff; margin-bottom: 4px; } /* line 734, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .block-text { font-family: "Roboto", sans-serif; font-size: .9rem; color: #ffffff; margin-bottom: 16px; } /* line 741, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .header-meta { margin-left: 0px; padding-right: 30px; } /* line 745, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .header-meta h3 { color: #fcfcfc; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.3rem; max-width: 280px; } /* line 753, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .header-meta p { font-weight: 400; color: #f7f7f7; margin-bottom: 16px; max-width: 320px; } /* line 761, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .header-meta .action-link span { font-size: .8rem; text-transform: uppercase; margin-right: 6px; } /* line 767, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .header-meta .action-link i { font-size: 12px; } /* line 774, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .feed-settings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; } /* line 780, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .feed-settings h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; } /* line 787, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .feed-settings .button { font-size: .8rem; border-radius: 8px; margin-right: 4px; } /* line 792, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .feed-settings .button.is-selected { background: #606061; color: #ffffff; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 802, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .side-text h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; margin-bottom: 8px; } /* line 810, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .side-text p { font-size: .95rem; margin-bottom: 8px; } /* line 815, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .side-text .action-link { font-size: .9rem; } /* line 821, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .recent-rookies .recent-rookies-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 827, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .recent-rookies .recent-rookies-header h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; } /* ========================================================================== 5. HR Dashboard Dark mode ========================================================================== */ /* line 854, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.hr-dashboard .block-header { background: #232326; -webkit-box-shadow: none; box-shadow: none; } /* line 858, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.hr-dashboard .block-header .center { border-color: #3b3b41; } /* line 862, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.hr-dashboard .block-header .center .candidates button { background: #3b3b41; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } /* line 867, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.hr-dashboard .block-header .center .candidates button:hover { border-color: #ED1C24; } /* line 870, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.hr-dashboard .block-header .center .candidates button:hover svg { stroke: #ED1C24; } /* line 881, src/assets/scss/pages/dashboards/_business.scss */ body.is-dark .business-dashboard.hr-dashboard .feed-settings .button.is-selected { background: #ED1C24 !important; border-color: #ED1C24 !important; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; color: #ffffff !important; } /* ========================================================================== 6. Course Dashboard ========================================================================== */ /* line 900, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .dashboard-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; font-family: "Roboto", sans-serif; } /* line 907, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .dashboard-title.is-main { margin-bottom: 30px; } /* line 910, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .dashboard-title.is-main h2 { font-size: 1.8rem; } /* line 915, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .dashboard-title h2 { font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; color: #283252; } /* line 923, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid { margin-bottom: 2rem; } /* line 929, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .tag { height: 2.75em; padding-left: 1rem; padding-right: 1rem; border-radius: .5rem; line-height: 2.7; margin-bottom: 2rem; } /* line 938, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; margin-bottom: 1rem; } /* line 946, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .students { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem 0; } /* line 951, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .students .h-avatar { margin: 0 .25rem; } /* line 956, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .students .h-avatar .avatar.is-fake span { position: relative; left: -2px; } /* line 964, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .students .link { font-family: "Roboto", sans-serif; font-weight: 500; color: #606061; margin-left: 1rem; } /* line 974, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .attached-block + .attached-block { margin-top: 1.5rem; } /* line 978, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .attached-block > a { font-family: "Roboto", sans-serif; font-weight: 500; color: #606061; margin-bottom: .5rem; } /* line 985, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .attached-block .block-stats { display: -webkit-box; display: -ms-flexbox; display: flex; color: #a2a5b9; } /* line 989, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .attached-block .block-stats + .block-stats { margin-top: .25rem; } /* line 993, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .attached-block .block-stats span { font-family: "Roboto", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: .75rem; } /* line 999, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .attached-block .block-stats span svg { height: 15px; width: 15px; stroke-width: 1px; margin-right: .25rem; } /* line 1009, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .action-block { margin-top: 2.5rem; } /* line 1012, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .course-grid .course-card .action-block .button { height: 46px; border-radius: .75rem; } /* line 1021, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .tile-grid .tile-grid-item { margin-bottom: 1rem; } /* line 1027, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .flex-table .flex-table-item { border-radius: 1rem; padding: 1rem; margin-bottom: 1rem; } /* line 1032, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .flex-table .flex-table-item .tag { height: 2.75em; padding-left: 1rem; padding-right: 1rem; border-radius: .5rem; line-height: 2.7; } /* line 1040, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .flex-table .flex-table-item .action-button { border-radius: .75rem; } /* line 1043, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .flex-table .flex-table-item .action-button:hover { background: #606061; border-color: #606061; color: #ffffff; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* ========================================================================== 8. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 1063, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .travel-illustration { position: static; margin-bottom: 20px; } /* line 1069, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar .booking-bar-inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } /* line 1073, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar .booking-bar-inputs .control { margin: 0 !important; width: 100% !important; } /* line 1077, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .booking-bar .booking-bar-inputs .control:first-child { margin-bottom: 1rem !important; } /* line 1085, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights { padding-bottom: 0; } /* line 1088, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1091, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card:last-child { margin-bottom: 0; } /* line 1095, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card > img { max-width: 48px; margin-bottom: 12px; } /* line 1100, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .start, .business-dashboard.flights-dashboard .flights .flight-card .end { text-align: center; margin: 10px auto; } /* line 1104, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .start span, .business-dashboard.flights-dashboard .flights .flight-card .end span { font-size: 1rem !important; } /* line 1109, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route { width: 100%; max-width: 100%; } /* line 1114, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card .route .line:before, .business-dashboard.flights-dashboard .flights .flight-card .route .line:after { display: none !important; } /* line 1124, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 1127, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.company-dashboard .company-header .header-item { width: 50%; border-right: none; border: none; padding: 16px 0; } /* line 1137, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; } /* line 1141, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .left, .business-dashboard.hr-dashboard .block-header .center, .business-dashboard.hr-dashboard .block-header .right { width: 100%; } /* line 1145, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px; } /* line 1150, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .center { padding-right: 0; margin-right: 0; border-right: none; margin-bottom: 20px; } /* line 1158, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .feed-settings { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1161, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .feed-settings h3 { margin-bottom: 16px; } /* line 1168, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .dashboard-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1171, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.course-dashboard .dashboard-title .left { margin-bottom: 1rem; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 1183, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .travel-illustration { bottom: 30px; right: -25px; max-width: 215px; } /* line 1190, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights { padding-bottom: 0; } /* line 1194, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights .flight-card:last-child { margin-bottom: 0; } /* line 1202, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header { padding: 40px; } /* line 1206, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .side-text { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 1217, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .booking-bar-wrapper .travel-illustration { bottom: 30px; right: -12px; max-width: 200px; } /* line 1226, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .flight-price { font-size: 2.2rem; } /* line 1234, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header { padding: 40px; } /* line 1239, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .left .current-user h3 { font-size: 1.5rem; } /* line 1248, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .block-header .center .candidates .h-avatar:nth-child(3) { display: none; } /* line 1258, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.hr-dashboard .column.is-7.is-offset-1 { margin-left: 2% !important; width: 64.33333% !important; } } @media only screen and (max-width: 1300px) and (orientation: landscape) { /* line 1273, src/assets/scss/pages/dashboards/_business.scss */ .business-dashboard.flights-dashboard .flights-summary-wrapper .flight-summary .flight-price { font-size: 2.2rem; } } /*! _lifestyle.scss | Huro | Css ninja 2020-2021 */ /* 1. Lifestyle Dashboard V1 2. Lifestyle Dashboard V1 Dark mode 3. Lifestyle Dashboard V2 4. Lifestyle Dashboard V3 5. Lifestyle Dashboard V4 6. Lifestyle Dashboard V4 Dark mode 7. Lifestyle Dashboard V5 8. Lifestyle Dashboard V5 Dark mode 9. Media Queries */ /* ========================================================================== 1. Lifestyle Dashboard V1 ========================================================================== */ /* line 19, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard-bg { position: absolute; top: 0; left: 0; width: 100%; height: 355px; background: #ffffff; z-index: 0; } /* line 30, src/assets/scss/pages/dashboards/_lifestyle.scss */ .is-webapp .lifestyle-dashboard-bg { height: 385px; } /* line 37, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 220px; margin-bottom: 20px; z-index: 1; } /* line 45, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } /* line 49, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .avatar-container { position: relative; height: 140px; width: 140px; min-width: 140px; } /* line 55, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .avatar-container img { display: block; height: 140px; width: 140px; min-width: 140px; border-radius: 50%; } /* line 63, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .avatar-container .button { position: absolute; bottom: 5px; right: 5px; } /* line 70, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta { font-family: "Roboto", sans-serif; margin-left: 16px; } /* line 74, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .username-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 78, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .username-wrap .username h3 { font-family: "Montserrat", sans-serif; color: #283252; font-size: 1.2rem; font-weight: 700; } /* line 84, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .username-wrap .username h3 i { font-size: 1.2rem; margin-left: 5px; color: #FFD66E; } /* line 91, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .username-wrap .username > span { color: #9397ae; } /* line 96, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .username-wrap .badges { margin-left: 16px; } /* line 101, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-stats { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; } /* line 105, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-stats .meta-stat { margin-right: 30px; } /* line 109, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-stats .meta-stat span:first-child { color: #283252; font-size: 1.3rem; font-weight: 600; } /* line 115, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-stats .meta-stat span:nth-child(2) { color: #a2a5b9; } /* line 122, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-description { max-width: 640px; } /* line 125, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-description p { color: #9397ae; } /* line 130, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-achievements { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 16px; } /* line 134, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-achievements .meta-achievement { height: 36px; width: 36px; min-width: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 3px solid #ffffff; background: #ededed; border-radius: 50%; margin-right: 10px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 147, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-achievements .meta-achievement.is-primary { color: #606061; background: lightgray; } /* line 152, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-achievements .meta-achievement.is-yellow { color: #FFD66E; background: #fff6de; } /* line 157, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-achievements .meta-achievement.is-danger { color: #e62965; background: #fbe0e8; } /* line 165, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .end { margin-left: auto; } /* line 173, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .tabs-wrapper .tabs-inner .tabs { margin-bottom: 30px; } /* line 176, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .tabs-wrapper .tabs-inner .tabs ul { border: none; } /* line 180, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .tabs-wrapper .tabs-inner .tabs ul li a { border-bottom-width: 4px; } /* line 189, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .body-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "Roboto", sans-serif; margin-bottom: 20px; } /* line 196, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .body-title h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 700; color: #283252; } /* line 204, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .body-title .h-select .select-box { border: none; background: none; } /* line 208, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .body-title .h-select .select-box span { font-size: 1.1rem; } /* line 215, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card { font-family: "Roboto", sans-serif; } /* line 220, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card.is-metrics, .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card.is-heatmap { padding: 30px; } /* line 224, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 229, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head.has-margin-bottom { margin-bottom: 16px; } /* line 233, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head h4 { color: #9c9fb5; } /* line 237, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-head h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 245, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-metric { font-weight: 700; font-size: 2.8rem; color: #283252; padding: 6px 0 16px 0; } /* line 251, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-metric.is-smaller { font-size: 2.5rem; } /* line 256, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 261, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-foot.is-up span span { color: #93E088; } /* line 264, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-foot.is-up span span svg { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* line 271, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-foot.is-down span span { color: #F92B60; } /* line 274, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-foot.is-down span span svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 280, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-foot span { display: -webkit-box; display: -ms-flexbox; display: flex; color: #a2a5b9; } /* line 284, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-foot span span { margin-right: 8px; font-weight: 500; } /* line 288, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-foot span span svg { height: 18px; width: 18px; stroke-width: 3px; } /* line 297, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .cloud-container { position: relative; width: 512px; height: 480px; } /* line 302, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .cloud-container .cloud { width: 512px; height: 480px; position: absolute; } /* line 308, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .cloud-container .cloud-element { font-size: 2em; font-family: "Roboto", sans-serif; text-align: center; } /* line 313, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .cloud-container .cloud-element.size-2 { font-size: 3rem; } /* line 317, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .cloud-container .cloud-element.size-3 { font-size: 4rem; } /* line 322, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .cloud-container .cloud-element.is-bold a { font-weight: 600; } /* line 327, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .cloud-container .cloud-element a { color: #283252; } /* line 334, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 339, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-head h4 { color: #9c9fb5; } /* line 344, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric { font-weight: 700; font-size: 2.8rem; color: #283252; padding: 10px 0; } /* line 350, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric.is-smaller { font-size: 2.5rem; } /* line 355, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 360, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-foot.is-up span span { color: #93E088; } /* line 363, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-foot.is-up span span svg { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* line 370, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-foot.is-down span span { color: #F92B60; } /* line 373, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-foot.is-down span span svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 379, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-foot span { display: -webkit-box; display: -ms-flexbox; display: flex; color: #a2a5b9; } /* line 383, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-foot span span { margin-right: 8px; font-weight: 500; } /* line 387, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric-foot span span svg { height: 18px; width: 18px; stroke-width: 3px; } /* line 399, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .stat-widget:not(:last-child) { margin-bottom: 1.5rem; } /* line 405, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; } /* line 410, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-title .title-avatar { border-radius: 50%; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 415, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-title .title-avatar img { display: block; height: 50px; width: 50px; min-width: 50px; border-radius: 50%; border: 3px solid #ffffff; } /* line 425, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-title .title-meta { margin-left: 16px; } /* line 429, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-title .title-meta p span { color: #283252; font-weight: 500; } /* line 438, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 442, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-label { width: 60px; text-align: center; color: #a2a5b9; font-size: .95rem; } /* line 449, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 453, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item { margin: 5px; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 34px; border-radius: 6px; background: #eef0f7; } /* line 463, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item.heat-1 { background: #dbdbdb; } /* line 467, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item.heat-2 { background: #adadad; } /* line 471, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item.heat-3 { background: #606061; } /* line 474, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item.heat-3 i { color: #fcfcfc; font-size: 12px; } /* line 480, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item.is-time { background: none; color: #a2a5b9; font-size: .95rem; min-height: 26px; } /* line 492, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-stats { padding: 16px; text-align: center; width: 100%; font-family: "Roboto", sans-serif; font-size: .9rem; } /* line 499, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-stats span { color: #a2a5b9; } /* line 503, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-stats .post-stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.2; } /* line 509, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-stats .post-stat i { font-size: 1.2rem; margin-right: 6px; } /* line 514, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-stats .post-stat .count { font-size: 2.2rem; font-weight: 700; color: #283252; } /* line 522, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-group-wrap { padding: 4px 10px; } /* line 525, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-group-wrap .post-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -6px; margin-right: -6px; } /* line 530, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-group-wrap .post-group a { display: block; width: calc(25% - 12px); margin: 6px; } /* line 535, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .post-group-wrap .post-group a img { display: block; width: 100%; min-height: 65px; max-height: 85px; -o-object-fit: cover; object-fit: cover; border-radius: 6px; margin: 0; } /* ========================================================================== 2. Lifestyle Dashboard V1 Dark mode ========================================================================== */ /* line 556, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard-bg { background: #323236; } /* line 567, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .username-wrap .username h3 { color: #aaaab3; } /* line 576, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-stats .meta-stat span:first-child { color: #aaaab3; } /* line 587, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .body-title h3 { color: #aaaab3; } /* line 592, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .body-title .h-select .select-box { border: none !important; background: none !important; } /* line 600, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .card-metric, body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .metric .metric { color: #aaaab3; } /* line 606, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .cloud-container .cloud-element a { color: #aaaab3; } /* line 614, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .heatmap-wrapper .heatmap-title .title-avatar { border-color: #404046; } /* line 617, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .heatmap-wrapper .heatmap-title .title-avatar img { border-color: #1e1e21; } /* line 623, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .heatmap-wrapper .heatmap-title .title-meta p span { color: #aaaab3; } /* line 632, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:not(.is-time) { background: #3b3b41; } /* line 635, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:not(.is-time).heat-1 { background: #28282b; } /* line 639, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:not(.is-time).heat-2 { background: #f14b52; } /* line 643, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:not(.is-time).heat-3 { background: #ED1C24; } /* line 646, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v1 .overview-card .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:not(.is-time).heat-3 i { color: #fcfcfc; } /* ========================================================================== 3. Lifestyle Dashboard V2 ========================================================================== */ /* line 667, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; font-family: "Roboto", sans-serif; } /* line 674, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-title.is-main { margin-bottom: 30px; } /* line 677, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-title.is-main h2 { font-size: 1.8rem; } /* line 682, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-title h2 { font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; color: #283252; } /* line 690, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card { position: relative; min-height: 300px; } /* line 697, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card:hover .long-card-overlay { opacity: .5; pointer-events: all; } /* line 702, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card:hover .long-card-text-overlay { opacity: 1; pointer-events: all; } /* line 706, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card:hover .long-card-text-overlay .top, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card:hover .long-card-text-overlay .bottom { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } /* line 713, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #232326; opacity: 0; pointer-events: none; z-index: 1; cursor: pointer; border-radius: 16px; -webkit-transition: all .3s; transition: all .3s; } /* line 728, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; font-family: "Roboto", sans-serif; opacity: 0; pointer-events: none; z-index: 2; overflow: hidden; cursor: pointer; } /* line 745, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .top, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .bottom { -webkit-transition: all .2s; transition: all .2s; opacity: 0; -webkit-transition-delay: .15s; transition-delay: .15s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fcfcfc; } /* line 755, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .top { -webkit-transform: translateY(-30px); transform: translateY(-30px); font-weight: 500; font-size: .75rem; letter-spacing: 2px; text-transform: uppercase; } /* line 763, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .bottom { font-size: .9rem; -webkit-transform: translateY(30px); transform: translateY(30px); } /* line 772, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px; max-height: 66px; } /* line 781, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center:hover .flex-end .rating { opacity: 1; } /* line 787, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .flex-meta { max-width: 160px; width: 100%; } /* line 793, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .flex-end .rating { padding: 0 20px; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } /* line 798, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .flex-end .rating i { font-size: 12px; color: #ccd1e6; } /* line 802, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .dashboard-list .inner-list .media-flex-center .flex-end .rating i.selected { color: #FFD66E; } /* ========================================================================== 4. Lifestyle Dashboard V3 ========================================================================== */ /* line 820, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border-radius: 16px; background: #232323; font-family: "Roboto", sans-serif; margin-bottom: 30px; } /* line 829, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-image { position: relative; height: 168px; width: 280px; } /* line 834, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-image img { position: absolute; top: -76px; left: -30px; display: block; pointer-events: none; } /* line 843, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta { margin-left: 0px; } /* line 846, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta h3 { color: #fcfcfc; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.3rem; } /* line 853, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta p { font-weight: 400; color: lightgray; margin-bottom: 16px; } /* line 859, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .summary-stats { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 862, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .summary-stats .summary-stat { margin-right: 30px; } /* line 865, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .summary-stats .summary-stat span { font-family: "Roboto", sans-serif; display: block; } /* line 869, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .summary-stats .summary-stat span:first-child { font-size: 1.1rem; font-family: "Montserrat", sans-serif; color: #fcfcfc; } /* line 875, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .summary-stats .summary-stat span:nth-child(2) { color: #8e8e8f; font-size: .85rem; } /* line 884, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .action-link span { font-size: .8rem; text-transform: uppercase; margin-right: 6px; } /* line 890, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .action-link i { font-size: 12px; } /* line 897, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile { font-family: "Roboto", sans-serif; } /* line 900, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile .tile-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } /* line 905, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile .tile-head .h-icon { margin-right: 10px; } /* line 911, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile .tile-head h4 span:first-child { font-size: 1.2rem; font-weight: 600; color: #283252; } /* line 917, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile .tile-head h4 span:nth-child(2) { font-size: .95rem; color: #a2a5b9; } /* line 925, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile h3 { font-family: "Montserrat", sans-serif; font-size: .95rem; font-weight: 600; color: #283252; } /* line 932, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile p { font-size: .95rem; } /* line 940, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } /* line 946, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .card-head h3 { color: #283252; font-size: 1.2rem; font-weight: 500; } /* line 954, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .chart-meta p { font-size: .95rem; max-width: 80%; } /* line 958, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .chart-meta p svg { position: relative; top: 2px; height: 16px; width: 16px; stroke: #a2a5b9; } /* line 966, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .dashboard-card .chart-meta p a { color: #606061; font-weight: 500; } /* ========================================================================== 5. Lifestyle Dashboard V4 ========================================================================== */ /* line 982, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border-radius: 16px; background: #606061; font-family: "Roboto", sans-serif; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 991, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-image { position: relative; height: 175px; width: 320px; } /* line 996, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-image img { position: absolute; top: 0; left: -40px; display: block; pointer-events: none; } /* line 1005, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-meta { margin-left: 0px; padding-right: 30px; } /* line 1009, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-meta h3 { color: #fcfcfc; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.3rem; max-width: 280px; } /* line 1017, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-meta p { font-weight: 400; color: #f7f7f7; margin-bottom: 16px; max-width: 320px; } /* line 1025, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-meta .action-link span { font-size: .8rem; text-transform: uppercase; margin-right: 6px; } /* line 1031, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-meta .action-link i { font-size: 12px; } /* line 1038, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; margin-left: -8px; margin-right: -8px; } /* line 1044, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat { margin: 8px; width: calc(33.3% - 16px); padding: 12px; } /* line 1050, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat span { display: block; } /* line 1053, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat span:first-child { font-family: "Montserrat", sans-serif; font-size: .8rem; font-weight: 500; text-transform: uppercase; margin-bottom: 5px; color: #a2a5b9; } /* line 1062, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat span:nth-child(2) { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 1.8rem; color: #283252; } /* line 1072, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors { padding: 20px; } /* line 1076, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .featured-authors-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } /* line 1082, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .featured-authors-header h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.1rem; color: #283252; } /* line 1089, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .featured-authors-header .action-link { font-size: .9rem; } /* line 1096, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .featured-authors-list .featured-authors-item:not(:last-child) { margin-bottom: 20px; } /* line 1102, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .featured-authors .featured-authors-list .featured-authors-item .media-flex-center .flex-end span { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 1113, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates { padding: 20px; margin-top: 8px; } /* line 1118, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .updates-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 1124, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .updates-header h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.1rem; color: #283252; } /* line 1131, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .updates-header .action-link { font-size: .9rem; } /* line 1137, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .updates-list .update-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e5e5e5; } /* line 1145, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .updates-list .update-item:last-child { margin-bottom: 0; border-bottom: none; } /* line 1150, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .updates-list .update-item p { font-size: .9rem; } /* line 1154, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .updates-list .update-item span { display: block; min-width: 60px; text-align: right; font-family: "Roboto", sans-serif; font-weight: 600; font-size: .8rem; color: #283252; } /* line 1167, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed { background: #f5f6fa; padding: 30px; border-radius: 12px; } /* line 1172, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 1178, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-header h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.1rem; color: #283252; } /* line 1185, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-header .action-link { font-size: .9rem; } /* line 1190, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-subheader { margin-bottom: 20px; } /* line 1194, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-subheader .selector .button { font-size: .8rem; border-radius: 50px; margin-right: 4px; } /* line 1199, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-subheader .selector .button.is-selected { background: #606061; color: #ffffff; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 1211, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item { display: block; } /* line 1214, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item:not(:last-child) { margin-bottom: 20px; } /* line 1218, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item .featured-image { height: 180px; overflow: hidden; border-top-left-radius: 18px; border-top-right-radius: 18px; } /* line 1224, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item .featured-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* line 1232, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item .featured-content { position: relative; padding: 25px; border-radius: 18px; background: #ffffff; margin-top: -40px; z-index: 1; } /* line 1240, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item .featured-content h4, .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item .featured-content p { margin-bottom: 10px; } /* line 1244, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item .featured-content h4 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 1253, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item .featured-content .media-flex-center .flex-meta span { font-size: .8rem; } /* ========================================================================== 6. Lifestyle Dashboard V4 Dark mode ========================================================================== */ /* line 1274, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 { background: #232326; -webkit-box-shadow: none; box-shadow: none; } /* line 1279, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed { background: #37373b; } /* line 1285, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-subheader .selector .button.is-selected { background: #ED1C24 !important; border-color: #ED1C24 !important; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; color: #ffffff !important; } /* line 1298, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item .featured-content { background: #232326; } /* ========================================================================== 7. Lifestyle Dashboard V5 ========================================================================== */ /* line 1317, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; font-family: "Roboto", sans-serif; } /* line 1324, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title.is-main { margin-bottom: 30px; } /* line 1327, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title.is-main h2 { font-size: 1.8rem; } /* line 1332, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title h2 { font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; color: #283252; } /* line 1340, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title .members h4 { font-family: "Roboto", sans-serif; color: #a2a5b9; padding: 0 .35rem; margin-bottom: .75rem; } /* line 1347, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title .members .members-list { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1350, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title .members .members-list .h-avatar { margin: 0 .35rem; } /* line 1353, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title .members .members-list .h-avatar button { outline: none; border: none; background: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); color: #ffffff; cursor: pointer; } /* line 1361, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title .members .members-list .h-avatar button svg { stroke: #ffffff; height: 16px; width: 16px; } /* line 1375, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group + .feed-group { margin-top: 3.5rem; } /* line 1379, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-title { font-family: "Roboto", sans-serif; font-size: .85rem; font-weight: 500; color: #a2a5b9; text-transform: uppercase; margin-bottom: 1rem; } /* line 1389, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item { position: relative; padding: 1.5rem; min-height: 220px; overflow: hidden; } /* line 1397, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item.is-big { min-height: 380px; } /* line 1400, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item.is-big .item-duration { top: 40px; right: 40px; } /* line 1405, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item.is-big .play-button { top: 40px; left: 40px; height: 60px; width: 60px; border-radius: 1rem; } /* line 1412, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item.is-big .play-button svg { height: 26px; width: 26px; } /* line 1420, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item.is-big .overlay-layer .overlay-content .inner-content { padding: 40px; } /* line 1422, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item.is-big .overlay-layer .overlay-content .inner-content .media-title { font-size: 2.5rem; line-height: 43px; } /* line 1431, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .play-button { position: absolute; top: 20px; left: 20px; background: #ffffff; height: 40px; width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; outline: none; border-radius: .75rem; z-index: 3; cursor: pointer; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1449, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .play-button:hover svg { stroke: #606061; fill: #606061; } /* line 1455, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .play-button svg { position: relative; left: 2px; height: 15px; width: 15px; fill: #283252; stroke: #283252; -webkit-transition: all .3s; transition: all .3s; } /* line 1466, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .item-duration { position: absolute; top: 20px; right: 20px; background: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); font-family: "Roboto", sans-serif; font-weight: 500; color: #ffffff; height: 2.75em; padding-left: 1rem; padding-right: 1rem; border-radius: .5rem; line-height: 2.7; z-index: 3; } /* line 1483, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } /* line 1491, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content { position: relative; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 1499, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content { padding: 20px; color: #ffffff; } /* line 1503, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-title { font-family: "Montserrat", sans-serif; font-size: 1.3rem; font-weight: bolder; line-height: 24px; color: #fcfcfc; margin-bottom: 6px; } /* line 1512, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1516, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-meta img { display: block; height: 30px; width: 30px; min-width: 30px; border-radius: 50%; margin-right: 6px; } /* line 1525, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-meta .meta-item { display: block; font-size: .82rem; font-weight: 500; color: #e8e8e8; -webkit-transition: color .3s; transition: color .3s; } /* line 1532, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-meta .meta-item.is-hoverable:hover { color: #606061; } /* line 1537, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-meta .separator { padding: 0 10px; font-size: .8rem; color: #e3e3e3; opacity: .6; text-align: center; color: #fcfcfc; } /* line 1550, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .item-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#161616), to(rgba(255, 0, 0, 0))); background: linear-gradient(to top, #161616, rgba(255, 0, 0, 0)); z-index: 0; } /* ========================================================================== 8. Lifestyle Dashboard V5 Dark mode ========================================================================== */ /* line 1578, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title .members .members-list .h-avatar button { background: #ED1C24 !important; } /* line 1583, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title .members .members-list .h-avatar .avatar.is-fake { background: #28282b; } /* line 1596, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .item-duration { background: #ED1C24 !important; color: #ffffff !important; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2) !important; } /* ========================================================================== 7. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 1615, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard-bg { height: 555px; } /* line 1620, src/assets/scss/pages/dashboards/_lifestyle.scss */ .is-webapp .lifestyle-dashboard-bg { height: 565px; } /* line 1627, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper { height: 418px; } /* line 1630, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1633, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .avatar-container { margin: 0 auto 10px auto; } /* line 1637, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta { margin-left: 0; text-align: center; } /* line 1641, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .username-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1644, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .username-wrap .badges { margin: 10px auto; } /* line 1649, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-stats { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 1652, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-stats .meta-stat { margin: 0 10px; } /* line 1657, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .header-meta .meta-achievements { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 16px; } /* line 1663, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .dashboard-header-wrapper .dashboard-header .end { position: absolute; right: 0; } /* line 1673, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .tabs-wrapper .tabs-inner .tabs ul { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 1684, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-overlay { opacity: .5 !important; pointer-events: all !important; } /* line 1689, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay { opacity: 1 !important; pointer-events: all !important; padding: 30px; } /* line 1694, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .top, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .bottom { font-size: 1rem; opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } /* line 1704, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 1708, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-image { height: auto; width: 100%; } /* line 1712, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-image img { position: relative; width: 100%; max-width: 260px; margin: 0 auto; top: 0px; margin-top: -75px; } /* line 1722, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta { padding: 20px; } /* line 1725, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta > p { max-width: 280px; margin-left: auto; margin-right: auto; } /* line 1731, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .summary-stats { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 1734, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-meta .summary-stats .summary-stat { margin: 10px; min-width: calc(33.3% - 20px); } /* line 1742, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile { padding: 20px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 10px; } /* line 1751, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 1755, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-image { height: auto; width: 100%; } /* line 1759, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-image img { position: relative; width: 100%; max-width: 260px; margin: 0 auto; top: 0px; left: 0; margin-top: -34px; } /* line 1770, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-meta { padding: 20px; } /* line 1773, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .illustration-header-2 .header-meta > p { max-width: 280px; margin-left: auto; margin-right: auto; } /* line 1782, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .writing-stats .writing-stat { text-align: center; } /* line 1789, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1792, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .dashboard-title .right { text-align: center; } /* line 1803, src/assets/scss/pages/dashboards/_lifestyle.scss */ body.is-dark .lifestyle-dashboard.lifestyle-dashboard-v3 .health-tile { background: #323236; border-color: #404046; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 1815, src/assets/scss/pages/dashboards/_lifestyle.scss */ .is-webapp .lifestyle-dashboard-bg { height: 435px; } /* line 1822, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .is-flex-tablet-p { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 1825, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .is-flex-tablet-p .is-half-tablet-p { min-width: 50%; } /* line 1829, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .is-flex-tablet-p .is-full-tablet-p { min-width: 100%; } /* line 1833, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .is-flex-tablet-p .column.is-3 { min-width: 50%; } /* line 1841, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-label { width: 40px; } /* line 1847, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:first-child, .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(2), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(3), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(4), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(5), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(6), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(7), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(8), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(9) { display: none; } /* line 1851, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item.is-time { font-size: .85rem; } /* line 1864, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .is-flex-tablet-p .column.is-3 { min-width: 25% !important; width: 25% !important; } /* line 1869, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .is-flex-tablet-p .column.is-3 .long-card .long-card-overlay { opacity: .5 !important; pointer-events: all !important; } /* line 1874, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .is-flex-tablet-p .column.is-3 .long-card .long-card-text-overlay { opacity: 1 !important; pointer-events: all !important; } /* line 1878, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .is-flex-tablet-p .column.is-3 .long-card .long-card-text-overlay .top, .lifestyle-dashboard.lifestyle-dashboard-v2 .is-flex-tablet-p .column.is-3 .long-card .long-card-text-overlay .bottom { opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } /* line 1884, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .is-flex-tablet-p .column.is-3 .long-card .long-card-text-overlay .top i { display: none !important; } /* line 1890, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .is-flex-tablet-p .column.is-3 .long-card .long-card-text-overlay .bottom .avatar-stack { display: none !important; } /* line 1903, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v3 .illustration-header .header-image { width: 250px; } /* line 1912, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; } /* line 1918, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed .articles-feed-list .articles-feed-list-inner .articles-feed-item { width: calc(50% - 24px); margin: 12px; } /* line 1931, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content > .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1934, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content > .columns .column { min-width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 1948, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .cloud-container { width: 400px !important; height: 495px !important; } /* line 1952, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .cloud-container .cloud { width: 400px !important; } /* line 1956, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .cloud-container .cloud-element { font-size: 1.5em !important; } /* line 1959, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .cloud-container .cloud-element.size-2 { font-size: 2rem !important; } /* line 1963, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .cloud-container .cloud-element.size-3 { font-size: 3rem !important; } /* line 1972, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-label { width: 40px; } /* line 1978, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:first-child, .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(2), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(3), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(4), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(5), .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item:nth-child(6) { display: none; } /* line 1982, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v1 .heatmap-wrapper .heatmap-inner .heatmap-row .heatmap-row-content .heatmap-row-item.is-time { font-size: .85rem; } /* line 1994, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-overlay { opacity: .5 !important; pointer-events: all !important; } /* line 1999, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay { opacity: 1 !important; pointer-events: all !important; } /* line 2003, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .top, .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .bottom { opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } /* line 2009, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .top i { display: none !important; } /* line 2015, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v2 .long-card .long-card-text-overlay .bottom .avatar-stack { display: none !important; } /* line 2028, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .updates .updates-list .update-item > span { display: none; } /* line 2035, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v4 .articles-feed { padding: 20px; } /* line 2049, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-title { font-size: 1.1rem; } /* line 2054, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-meta img { height: 24px; width: 24px; min-width: 24px; } /* line 2060, src/assets/scss/pages/dashboards/_lifestyle.scss */ .lifestyle-dashboard.lifestyle-dashboard-v5 .media-feed .feed-group .group-content .media-feed-item .overlay-layer .overlay-content .inner-content .media-meta .separator { padding: 0 5px; } } /*! _ecommerce.scss | Huro | Css ninja 2020-2021 */ /* 1. Ecommerce Dashboard V1 2. Ecommerce Dashboard V1 Dark mode */ /* ========================================================================== 1. Ecommerce Dashboard V1 ========================================================================== */ /* line 15, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; margin-bottom: 30px; } /* line 21, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-header .start { margin-left: 12px; } /* line 24, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-header .start h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.3rem; color: #283252; } /* line 32, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-header .end { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 37, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-header .end .button { margin-left: 10px; } /* line 43, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile { font-family: "Roboto", sans-serif; } /* line 48, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .tile-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 53, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .tile-head h3 { font-family: "Montserrat", sans-serif; color: #a2a5b9; font-size: 1rem; font-weight: 500; } /* line 61, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .dashboard-tile-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 65, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .dashboard-tile-inner .left { margin-right: 20px; } /* line 68, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .dashboard-tile-inner .left span { font-size: 1.5rem; font-weight: 600; color: #283252; } /* line 75, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-tile .dashboard-tile-inner .right { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 81, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .table-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "Roboto", sans-serif; margin: 20px 0; } /* line 88, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .table-header h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 700; color: #283252; } /* line 96, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .table-header .h-select .select-box { border: none; background: none; } /* line 100, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .table-header .h-select .select-box span { font-size: 1.1rem; } /* ========================================================================== 2. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 117, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-header { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 121, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-header .start { margin: 10px auto; } /* line 125, src/assets/scss/pages/dashboards/_ecommerce.scss */ .ecommerce-dashboard.ecommerce-dashboard-v1 .dashboard-header .end { margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } /*! _apps.scss | Huro | Css ninja 2020-2021 */ /* 1. Food Delivery Dashboard */ /* ========================================================================== 1. Food Delivery Dashboard ========================================================================== */ /* line 11, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 14, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard.is-webapp { margin-top: 30px; } /* line 18, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard.is-webapp > .right .sticky-panel { height: calc(100% - 120px) !important; } /* line 21, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard.is-webapp > .right .sticky-panel.is-stretched { height: calc(100% - 120px); top: 100px; } /* line 29, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left { width: 70%; } /* line 32, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border-radius: 16px; background: #f68d91; font-family: "Roboto", sans-serif; } /* line 40, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header .header-image { position: relative; height: 150px; width: 280px; } /* line 45, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header .header-image img { position: absolute; top: -40px; left: -30px; display: block; } /* line 53, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header .header-meta { margin-left: 0px; margin-bottom: 20px; } /* line 57, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header .header-meta h3 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.6rem; } /* line 63, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header .header-meta p { font-weight: 400; color: #3c3c3d; margin-bottom: 8px; } /* line 70, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header .header-meta .action-link span { font-size: .8rem; text-transform: uppercase; margin-right: 6px; } /* line 76, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header .header-meta .action-link i { font-size: 12px; } /* line 85, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants .restaurants-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0; font-family: "Roboto", sans-serif; } /* line 93, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants .restaurants-toolbar .left h3 { font-family: "Montserrat", sans-serif; color: #283252; font-size: 1.3rem; font-weight: 600; } /* line 101, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants .restaurants-toolbar .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 108, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills { position: relative; } /* line 113, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .food-pills-inner .food-pill { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; width: 80px; height: 170px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 500px; padding: 10px; margin: 0 10px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 127, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .food-pills-inner .food-pill.is-active { background: #606061; border-color: #606061; } /* line 131, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .food-pills-inner .food-pill.is-active .food-pill-icon { border-color: #606061; } /* line 135, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .food-pills-inner .food-pill.is-active > span { color: #fcfcfc; } /* line 140, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .food-pills-inner .food-pill .food-pill-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 80px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 500px; } /* line 150, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .food-pills-inner .food-pill .food-pill-icon img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 26px; width: 26px; } /* line 157, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .food-pills-inner .food-pill span { font-family: "Roboto", sans-serif; font-weight: 500; padding-top: 12px; -webkit-transition: color .3s; transition: color .3s; } /* line 167, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-slide:focus { outline: none !important; } /* line 171, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-slide.slick-current { background: #606061; border-color: #606061; } /* line 175, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-slide.slick-current .food-pill-icon { border-color: #606061; } /* line 179, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-slide.slick-current > span { color: #fcfcfc; } /* line 186, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-custom.is-prev { right: 30px; } /* line 189, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-custom.is-prev i { position: relative; left: -1px; } /* line 195, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-custom.is-next { right: 0; } /* line 198, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-custom.is-next i { position: relative; right: -1px; } /* line 205, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-prev:before, .food-delivery-dashboard .left .left-body .food-pills .slick-next:before { color: #999999; } /* line 209, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-custom { position: absolute; top: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; width: 30px; height: 30px; background: transparent; border-radius: 100px; cursor: pointer; color: #a2a5b9; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 25; } /* line 225, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-custom svg { height: 16px; width: 16px; stroke: #606061; -webkit-transition: all .3s; transition: all .3s; } /* line 232, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .food-pills .slick-custom:hover { border-color: #e3e3e3; background: #ffffff; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 240, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list { padding: 30px 0; } /* line 243, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item { position: relative; padding: 0; border: none; background: none; } /* line 251, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .image-container { position: relative; } /* line 254, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .image-container > img { display: block; -o-object-fit: cover; object-fit: cover; border-radius: 24px; min-height: 180px; max-height: 180px; width: 100%; } /* line 263, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .image-container .timer { position: absolute; bottom: 10px; left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; width: 50px; border-radius: 12px; background: #606061; border: 1px solid #606061; font-family: "Roboto", sans-serif; text-align: center; } /* line 278, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .image-container .timer span { display: block; } /* line 281, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .image-container .timer span:first-child { font-size: 1.3rem; color: #fcfcfc; font-weight: 600; line-height: 1; } /* line 288, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .image-container .timer span:nth-child(2) { font-size: .7rem; text-transform: uppercase; color: #c6c6c7; } /* line 297, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 5px; } /* line 302, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container .meta-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 46px; min-width: 46px; height: 46px; max-height: 46px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 500px; } /* line 314, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container .meta-icon img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 22px; width: 22px; } /* line 321, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container .meta-content { margin-left: 8px; font-family: "Roboto", sans-serif; line-height: 1.3; } /* line 326, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container .meta-content h4 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1rem; color: #283252; } /* line 333, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container .meta-content p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 337, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container .meta-content p .fa-circle { font-size: 5px; margin: 0 10px; } /* line 342, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container .meta-content p .fa-star { position: relative; top: -1px; font-size: 12px; color: #fab82a; } /* line 348, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .meta-container .meta-content p .fa-star + span { color: #283252; } /* line 360, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right { width: 30%; padding: 0 0 0 20px; } /* line 364, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel { position: fixed; height: calc(100% - 100px); -webkit-transition: all .3s; transition: all .3s; } /* line 369, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel.is-stretched { height: calc(100% - 30px); top: 10px; } /* line 374, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .icon-toolbar-widget { width: 100%; } /* line 378, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .side-section { display: none; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 382, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .side-section.is-active { display: block; } /* line 387, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget { height: calc(100% - 90px); } /* line 390, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .section-placeholder { height: calc(100% - 160px); } /* line 393, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .section-placeholder img { max-width: 90px; margin: 0 auto 10px auto; } /* line 399, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .cart-items { height: calc(100% - 160px); border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; overflow-y: auto; } /* line 405, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .cart-items .cart-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 408, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .cart-items .cart-item .price { margin: 0; font-size: .9rem; font-weight: 500; } /* line 417, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .cart-button .total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 5px; } /* line 423, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .cart-button .total span { font-family: "Roboto", sans-serif; margin: 0; } /* line 427, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .cart-button .total span:first-child { font-size: 1rem; font-weight: 500; color: #a2a5b9; text-transform: uppercase; } /* line 434, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard > .right .sticky-panel .cart-widget .cart-button .total span:nth-child(2) { color: #283252; font-weight: 600; font-size: 1.4rem; } /* line 451, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-header { background: #28282b !important; } /* line 455, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-header .header-meta h3 { color: #aaaab3; } /* line 459, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-header .header-meta p { color: #ED1C24; } /* line 469, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .restaurants-toolbar .left h3 { color: #aaaab3; } /* line 477, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .food-pills .food-pills-inner .food-pill { background: #28282b !important; border-color: #404046 !important; } /* line 481, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .food-pills .food-pills-inner .food-pill .food-pill-icon { background: whitesmoke; border-color: whitesmoke; } /* line 486, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .food-pills .food-pills-inner .food-pill span { color: #aaaab3; } /* line 492, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .food-pills .food-pills-inner .slick-slide.slick-current { background: #ED1C24 !important; border-color: #ED1C24 !important; } /* line 496, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .food-pills .food-pills-inner .slick-slide.slick-current .food-pill-icon { border-color: #ED1C24 !important; } /* line 500, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .food-pills .food-pills-inner .slick-slide.slick-current span { color: #fcfcfc; } /* line 507, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .food-pills .food-pills-inner .slick-custom:hover { border-color: #28282b; background: #28282b; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 517, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .restaurants-list .restaurants-list-item { background: none; border: none; } /* line 522, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .restaurants-list .restaurants-list-item .image-container .timer { background: #ED1C24; border-color: #ED1C24; } /* line 527, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .restaurants-list .restaurants-list-item .image-container .timer span:nth-child(2) { color: #f47176; } /* line 535, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .restaurants-list .restaurants-list-item .meta-container .meta-icon { background: whitesmoke; border-color: whitesmoke; } /* line 541, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .restaurants-list .restaurants-list-item .meta-container .meta-content h4 { color: #aaaab3; } /* line 546, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .left .left-body .restaurants .restaurants-list .restaurants-list-item .meta-container .meta-content p .fa-star { color: #ED1C24; } /* line 560, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .right .cart-widget .cart-items { border-color: #404046 !important; } /* line 567, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .right .cart-widget .cart-button .total span:first-child { color: #a2a5b9; } /* line 571, src/assets/scss/pages/dashboards/_apps.scss */ body.is-dark .food-delivery-dashboard .right .cart-widget .cart-button .total span:nth-child(2) { color: #aaaab3; } @media only screen and (max-width: 767px) { /* line 584, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 587, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left, .food-delivery-dashboard .right { width: 100%; padding: 0; } /* line 593, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 598, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-header .header-image img { left: 0; } /* line 607, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .restaurants-list .restaurants-list-item .image-container img { min-height: 220px !important; max-height: 220px !important; } /* line 617, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .right .sticky-panel { position: static; width: 100% !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 626, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 629, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left, .food-delivery-dashboard .right { width: 100%; padding: 0; } /* line 636, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .restaurants-list .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 639, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .restaurants-list .columns .column { min-width: 50%; } /* line 646, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .restaurants-list .restaurants-list-item .image-container img { min-height: 220px !important; max-height: 220px !important; } /* line 656, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .right .sticky-panel { position: static; width: 100% !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 671, src/assets/scss/pages/dashboards/_apps.scss */ .food-delivery-dashboard .left .left-body .restaurants-list .restaurants-list-item .image-container > img { min-height: 140px !important; max-height: 140px !important; } } /*! _hub.scss | Huro | Css ninja 2020-2021 */ /* 1. Card Hub 2. Card Hub Dark mode */ /* ========================================================================== 1. Card Hub ========================================================================== */ /* line 12, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub { max-width: 840px; margin: 0 auto; } /* line 16, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-header { text-align: center; } /* line 19, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-header > img { display: block; margin: 0 auto; max-width: 300px; } /* line 25, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-header .h-avatar { margin: 0 auto 12px auto; } /* line 29, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-header .anim-icon { margin-bottom: 12px; } /* line 33, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-header p { font-size: 1.15rem; } /* line 38, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body { padding: 10px 0 20px 0; } /* line 41, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 45, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card { background-color: #ffffff; border-radius: 6px; border: 1px solid #e5e5e5; width: calc(50% - 20px); max-width: calc(50% - 20px); margin: 10px; -webkit-transition: all .3s; transition: all .3s; } /* line 54, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 58, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card:hover .hub-card-body img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } /* line 65, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card .hub-card-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px; } /* line 72, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card .hub-card-body .inner-content .title { font-size: 1.3rem; margin-bottom: 8px; } /* line 77, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card .hub-card-body .inner-content p { max-width: 220px; } /* line 82, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card .hub-card-body .inner-content .partner-name span { font-weight: 500; color: #283252; } /* line 89, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card .hub-card-body img { display: block; width: 100%; max-width: 100px; height: 100px; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .6; -webkit-transition: all .3s; transition: all .3s; } /* line 100, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card .hub-card-foot { border-top: 1px dashed #e3e3e3; border-top-width: 1.6px; padding: 18px 24px; } /* line 105, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card .hub-card-foot a { color: #606061; opacity: .6; font-weight: 500; -webkit-transition: opacity .3s; transition: opacity .3s; } /* line 111, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card .hub-card-foot a:hover { opacity: 1; } /* line 120, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-footer { text-align: center; padding-top: 20px; } /* line 124, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-footer p { font-weight: 500; } /* line 127, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-footer p a { position: relative; -webkit-transition: color .3s; transition: color .3s; } /* ========================================================================== 2. Card Hub Dark mode ========================================================================== */ /* line 144, src/assets/scss/pages/dashboards/_hub.scss */ body.is-dark .card-hub .hub-header .h-avatar .badge { border-color: #323236 !important; } /* line 152, src/assets/scss/pages/dashboards/_hub.scss */ body.is-dark .card-hub .hub-body .body-inner .hub-card { background: #323236; border-color: #404046; } /* line 156, src/assets/scss/pages/dashboards/_hub.scss */ body.is-dark .card-hub .hub-body .body-inner .hub-card .hub-card-foot { border-color: #595959; } /* line 159, src/assets/scss/pages/dashboards/_hub.scss */ body.is-dark .card-hub .hub-body .body-inner .hub-card .hub-card-foot a { color: #ED1C24; } /* ========================================================================== 3. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 178, src/assets/scss/pages/dashboards/_hub.scss */ .card-hub .hub-body .body-inner .hub-card { width: calc(100% - 20px); max-width: calc(100% - 20px); } } /*! _list-view.scss | Huro | Css ninja 2020-2021 */ /* 1. List View Toolbar 2. List View V1 3. List View V1 Dark mode 4. List View V2 5. List View V2 Dark mode 6. List View V3 7. List View V3 Dark mode 8. List View V4 9. List View V4 Dark mode 10. Media Queries */ /* ========================================================================== 1. List View Toolbar ========================================================================== */ /* line 20, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 25, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar.is-webapp { padding-top: 30px; } /* line 29, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar.is-reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 32, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar.is-reversed .control { margin-right: 0; margin-left: auto; } /* line 37, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar.is-reversed .tabs-inner { margin-right: 10px; margin-left: 0; } /* line 43, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar .control { margin-right: 10px; } /* line 48, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar .list-info span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 54, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar .buttons { margin-left: auto; margin-bottom: 0; } /* line 58, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar .buttons .h-button { margin-bottom: 0; } /* line 63, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar .tabs-inner { margin-left: auto; } /* line 66, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar .tabs-inner .tabs { margin-bottom: 0; min-width: 170px; } /* ========================================================================== 2. List View V1 ========================================================================== */ /* line 79, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item { margin-bottom: 16px; padding: 16px; } /* line 85, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 89, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left { margin-left: 16px; } /* line 92, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left h3 { font-family: "Montserrat", sans-serif; color: #283252; font-weight: 600; font-size: 1rem; line-height: 1; } /* line 100, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) { font-size: .9rem; color: #a2a5b9; } /* line 104, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) svg { height: 12px; width: 12px; } /* line 111, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 117, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags { margin-right: 30px; margin-bottom: 0; } /* line 121, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags .tag { margin-bottom: 0; } /* line 126, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; } /* line 131, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #a2a5b9; } /* line 138, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat > span { font-family: "Roboto", sans-serif; } /* line 141, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat > span:first-child { font-size: 1.2rem; font-weight: 600; color: #283252; line-height: 1.4; } /* line 148, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat > span:nth-child(2) { text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: .75rem; } /* line 155, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat svg { height: 16px; width: 16px; } /* line 160, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat i { font-size: 1.4rem; } /* line 165, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .separator { height: 25px; width: 2px; border-right: 1px solid #e5e5e5; margin: 0 16px; } /* line 173, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 145px; } /* line 179, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network > span { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; margin-left: 6px; } /* line 187, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .dropdown { margin-left: 30px; } /* ========================================================================== 3. List View V1 Dark mode ========================================================================== */ /* line 207, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left h3 { color: #aaaab3 !important; } /* line 216, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .stat span:first-child { color: #aaaab3; } /* line 222, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats .separator { border-color: #4a4a50 !important; } /* ========================================================================== 4. List View V2 ========================================================================== */ /* line 240, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item { margin-bottom: 16px; padding: 16px; } /* line 246, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 250, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 253, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner > img { display: block; min-height: 130px; max-height: 130px; min-width: 190px; max-width: 190px; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } /* line 263, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 16px; } /* line 268, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 { font-family: "Montserrat", sans-serif; color: #283252; font-weight: 600; font-size: 1.1rem; line-height: 1.5; } /* line 275, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 .rating { margin-left: 12px; } /* line 278, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 .rating i { position: relative; top: -2px; font-size: 12px; color: #e3e3e3; } /* line 284, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 .rating i.active { color: #ffc43b; } /* line 291, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left p { font-size: .95rem; color: #a2a5b9; } /* line 295, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left p svg { height: 12px; width: 12px; } /* line 301, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; font-family: "Roboto", sans-serif; font-size: .9rem; color: #606061; } /* line 309, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left > span .icon-separator { font-size: 5px; color: #a2a5b9; padding: 0 10px; } /* line 316, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 320, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 15px; } /* line 325, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span span { font-size: .85rem; font-family: "Montserrat", sans-serif; color: #283252; } /* line 331, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span i { font-size: 1.2rem; margin-right: 6px; color: #a2a5b9; } /* line 340, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 346, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .buttons { margin-bottom: 0; margin-right: 10px; } /* ========================================================================== 5. List View V2 Dark mode ========================================================================== */ /* line 367, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 { color: #aaaab3 !important; } /* line 371, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left h3 .rating i:not(.active) { color: #1e1e21; } /* line 377, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left > span { color: #ED1C24; } /* line 383, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span span { color: #aaaab3; } /* line 393, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .buttons .button:first-child { background: #28282b; border-color: #37373b; color: #aaaab3; } /* ========================================================================== 6. List View V3 ========================================================================== */ /* line 414, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item { margin-bottom: 16px; padding: 16px; } /* line 420, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 424, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner > img { width: 100%; max-width: 60px; min-width: 60px; max-height: 60px; min-height: 60px; border-radius: 50%; border: 1px solid #ededed; } /* line 434, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left { margin-left: 16px; } /* line 437, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left h3 { font-family: "Montserrat", sans-serif; color: #283252; font-weight: 500; font-size: 1.1rem; line-height: 1; } /* line 445, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) { font-size: .9rem; color: #a2a5b9; } /* line 449, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) svg { position: relative; top: 1px; height: 12px; width: 12px; } /* line 456, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) .icon-separator { position: relative; top: -3px; font-size: 5px; color: #a2a5b9; padding: 0 8px; } /* line 466, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 472, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons { margin-bottom: 0; margin-right: 10px; } /* ========================================================================== 7. List View V3 Dark mode ========================================================================== */ /* line 492, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v3 .list-view-item .list-view-item-inner > img { border-color: #404046; } /* line 497, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left h3 { color: #aaaab3 !important; } /* line 505, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2) { background: #28282b; border-color: #37373b; color: #aaaab3; -webkit-transition: all .3s; transition: all .3s; } /* line 511, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2):hover { border-color: #ED1C24; color: #ED1C24; } /* ========================================================================== 8. List View V4 ========================================================================== */ /* line 532, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item { margin-bottom: 16px; padding: 16px; } /* line 538, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 542, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta { margin-right: 16px; width: 160px; } /* line 546, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3 { font-family: "Montserrat", sans-serif; color: #283252; font-size: 1rem; font-weight: 600; max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 558, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner > img { width: 100%; max-width: 60px; min-width: 60px; max-height: 60px; min-height: 60px; border-radius: 50%; border: 1px solid #ededed; } /* line 568, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left { margin-left: 16px; } /* line 571, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; font-size: .75rem; line-height: 1; } /* line 580, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 .avatar { display: block; height: 18px; width: 18px; border-radius: 50%; margin-right: 6px; } /* line 589, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) { font-size: .9rem; color: #a2a5b9; } /* line 593, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) svg { position: relative; top: 1px; height: 12px; width: 12px; } /* line 600, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span:not(.tag) .icon-separator { position: relative; top: -3px; font-size: 5px; color: #a2a5b9; padding: 0 8px; } /* line 610, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 616, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 145px; margin-right: 30px; } /* line 623, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network > span { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; margin-left: 6px; } /* line 631, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons { margin-bottom: 0; margin-right: 10px; } /* line 635, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button { margin-bottom: 0; } /* line 638, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2) { -webkit-transition: all .3s; transition: all .3s; } /* line 641, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2):hover { background: #ffffff; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); color: #e62965; } /* ========================================================================== 9. List View V4 Dark mode ========================================================================== */ /* line 667, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3 { color: #aaaab3; } /* line 672, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v4 .list-view-item .list-view-item-inner > img { border-color: #404046; } /* line 677, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 { color: #aaaab3 !important; } /* line 685, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2) { background: #28282b; border-color: #37373b; color: #aaaab3; -webkit-transition: all .3s; transition: all .3s; } /* line 691, src/assets/scss/pages/lists/_list-view.scss */ body.is-dark .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2):hover { border-color: #e62965; color: #e62965; } /* ========================================================================== 10. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 712, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar .list-info { display: none; } /* line 720, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 724, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .h-avatar { margin-bottom: 10px; } /* line 728, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left { margin-left: 0; } /* line 732, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } /* line 736, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags { margin: 10px 0; } /* line 740, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats { margin: 10px 0; } /* line 744, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network { margin: 10px 0 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 748, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network > span { display: none; } /* line 753, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .dropdown { position: absolute; top: 0px; right: 0px; margin-left: 0; } /* line 765, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item { padding: 20px; } /* line 768, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 771, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner > img { width: 100%; max-width: 100%; min-height: 160px; max-height: 160px; margin-bottom: 1rem; } /* line 779, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left { margin-left: 0; } /* line 782, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left > span { margin-bottom: 16px; } /* line 786, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 789, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin: 10px; width: calc(33.3% - 20px); } /* line 795, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left .icon-list > span i { margin: 0; } /* line 802, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right { margin: 16px 0 0 0; } /* line 805, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .buttons { margin: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 811, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .buttons .button { width: 48%; } /* line 821, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item { position: relative; padding: 20px; } /* line 825, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 828, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner > img { margin-bottom: 1rem; } /* line 832, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left { margin-left: 0; } /* line 835, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left h3 { text-align: center; margin-bottom: 6px; } /* line 840, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left > span { margin-bottom: 16px; } /* line 844, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left .icon-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 847, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left .icon-list > span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin: 10px; width: calc(33.3% - 20px); } /* line 853, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-left .icon-list > span i { margin: 0; } /* line 860, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right { margin: 16px 0 0 0; width: 100%; } /* line 864, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons { margin: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 870, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons .button { width: 100%; margin: 10px 0; } /* line 874, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons .button:first-child { width: 100%; max-width: 240px; margin: 10px auto; } /* line 880, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v3 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2) { position: absolute; top: 10px; right: 10px; max-width: 35px; } /* line 894, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item { position: relative; padding: 20px; } /* line 898, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 901, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta { margin: 0 0 16px 0; } /* line 904, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3 { text-align: center; } /* line 909, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner > img { max-width: 90px; min-width: 90px; max-height: 90px; min-height: 90px; margin-bottom: 1rem; } /* line 917, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left { margin-left: 0; } /* line 920, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 6px; } /* line 925, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span { margin-bottom: 16px; } /* line 929, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 932, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list > span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin: 10px; width: calc(33.3% - 20px); } /* line 938, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list > span i { margin: 0; } /* line 945, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right { margin: 16px 0 0 0; width: 100%; } /* line 949, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* line 953, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons { margin: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 959, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button { width: 100%; margin: 10px 0; } /* line 963, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:first-child { width: 100%; max-width: 240px; margin: 10px auto; } /* line 969, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2) { position: absolute; top: 0; right: 10px; max-width: 35px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 985, src/assets/scss/pages/lists/_list-view.scss */ .list-view-toolbar { padding: 0 10px; } /* line 990, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 994, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item { margin: 10px; width: calc(50% - 20px); } /* line 998, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1002, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .h-avatar { margin-bottom: 10px; } /* line 1006, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-left { margin-left: 0; } /* line 1010, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } /* line 1014, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .tags { margin: 10px 0; } /* line 1018, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .stats { margin: 10px 0; } /* line 1022, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network { margin: 10px 0 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 1026, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .network > span { display: none; } /* line 1031, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v1 .list-view-item .list-view-item-inner .meta-right .dropdown { position: absolute; top: 0px; right: 0px; margin-left: 0; } /* line 1044, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1048, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .h-avatar { margin-bottom: 10px; } /* line 1052, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-left { margin-left: 0; } /* line 1056, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } /* line 1060, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .tags { margin: 10px 0; } /* line 1064, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .stats { margin: 10px 0; } /* line 1068, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .network { margin: 10px 0 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 1072, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .network > span { display: none; } /* line 1077, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-item .list-view-item-inner .meta-right .dropdown { position: absolute; top: 0px; right: 0px; margin-left: 0; } /* line 1089, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 1093, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item { padding: 20px; margin: 10px; width: calc(50% - 20px); } /* line 1098, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } /* line 1102, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner > img { width: 100%; max-width: 100%; min-height: 160px; max-height: 160px; margin-bottom: 1rem; } /* line 1110, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left { margin-left: 0; } /* line 1113, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left > span { margin-bottom: 16px; } /* line 1117, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left .icon-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 1120, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left .icon-list > span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin: 10px; width: calc(33.3% - 20px); } /* line 1126, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-left .icon-list > span i { margin: 0; } /* line 1133, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-right { margin: auto 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 1139, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-right .buttons { margin: 16px 0 0 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 1145, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v2 .list-view-inner .list-view-item .list-view-item-inner .meta-right .buttons .button { width: 48%; } /* line 1156, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 1161, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item { position: relative; margin: 10px; width: calc(50% - 20px); padding: 20px; } /* line 1167, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1170, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta { margin: 0 0 16px 0; } /* line 1173, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .pre-meta h3 { margin-right: 0; text-align: center; } /* line 1179, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner > img { max-width: 90px; min-width: 90px; max-height: 90px; min-height: 90px; margin-bottom: 1rem; } /* line 1187, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left { margin-left: 0; } /* line 1190, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left h3 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 6px; } /* line 1195, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left > span { margin-bottom: 16px; } /* line 1199, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 1202, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list > span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin: 10px; width: calc(33.3% - 20px); } /* line 1208, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-left .icon-list > span i { margin: 0; } /* line 1215, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right { margin: 16px 0 0 0; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 1220, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .network { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; } /* line 1225, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons { margin: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 0 16px; } /* line 1232, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button { width: 100%; } /* line 1237, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:first-child { width: 100%; max-width: 240px; margin: 0 auto; } /* line 1243, src/assets/scss/pages/lists/_list-view.scss */ .list-view.list-view-v4 .list-view-item .list-view-item-inner .meta-right .buttons .button:nth-child(2) { position: absolute; top: 10px; right: 10px; max-width: 35px; } } /*! _list-flex.scss | Huro | Css ninja 2020-2021 */ /* 1. List Flex Toolbar */ /* ========================================================================== 1. List Flex Toolbar ========================================================================== */ /* line 11, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 16, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar.is-webapp { padding-top: 30px; margin: 0 auto 20px auto; } /* line 21, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar.is-webapp.flex-list-v1 { max-width: 880px; } /* line 25, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar.is-webapp.flex-list-v2 { max-width: 940px; } /* line 30, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar.is-reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 33, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar.is-reversed .control { margin-right: 0; margin-left: auto; } /* line 38, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar.is-reversed .tabs-inner { margin-right: 10px; margin-left: 0; } /* line 44, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar .control { margin-right: 10px; } /* line 49, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar .list-info span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 55, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar .buttons { margin-left: auto; margin-bottom: 0; } /* line 59, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar .buttons .h-button { margin-bottom: 0; } /* line 64, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar .tabs-inner { margin-left: auto; } /* line 67, src/assets/scss/pages/lists/_list-flex.scss */ .list-flex-toolbar .tabs-inner .tabs { margin-bottom: 0; min-width: 170px; } /* line 75, src/assets/scss/pages/lists/_list-flex.scss */ .flex-list-wrapper.is-webapp { margin: 0 auto; } /* line 78, src/assets/scss/pages/lists/_list-flex.scss */ .flex-list-wrapper.is-webapp.flex-list-v1 { max-width: 880px; } /* line 82, src/assets/scss/pages/lists/_list-flex.scss */ .flex-list-wrapper.is-webapp.flex-list-v2 { max-width: 940px; } /*! _grid-users.scss | Huro | Css ninja 2020-2021 */ /* 1. Users Grid Toolbar 2. Users Grid V1 and V2 shared styles 3. Users Grid V2 */ /* ========================================================================== 1. Users Grid Toolbar ========================================================================== */ /* line 13, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 18, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar.is-webapp { padding-top: 30px; margin: 0 auto 20px auto; } /* line 22, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar.is-webapp.flex-list-v1 { max-width: 880px; } /* line 26, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar.is-webapp.flex-list-v2 { max-width: 940px; } /* line 31, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar.is-reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 34, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar.is-reversed .control { margin-right: 0; margin-left: auto; } /* line 39, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar.is-reversed .tabs-inner { margin-right: 10px; margin-left: 0; } /* line 45, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar .control { margin-right: 10px; } /* line 50, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar .list-info span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 56, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar .buttons { margin-left: auto; margin-bottom: 0; } /* line 60, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar .buttons .field, .user-grid-toolbar .buttons .h-button { margin-bottom: 0; } /* line 63, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar .buttons .field .h-select, .user-grid-toolbar .buttons .h-button .h-select { min-width: 190px; } /* line 69, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar .tabs-inner { margin-left: auto; } /* line 72, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid-toolbar .tabs-inner .tabs { margin-bottom: 0; min-width: 170px; } /* ========================================================================== 2. Users Grid V1 and V2 shared styles ========================================================================== */ /* line 85, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .columns, .user-grid.user-grid-v2 .columns { margin-left: -.5rem !important; margin-right: -.5rem !important; margin-top: -.5rem !important; } /* line 91, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .column, .user-grid.user-grid-v2 .column { padding: .5rem !important; } /* line 95, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item, .user-grid.user-grid-v2 .grid-item { text-align: center; } /* line 100, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item > .h-avatar, .user-grid.user-grid-v2 .grid-item > .h-avatar { display: block; margin: 0 auto 4px auto; } /* line 105, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item h3, .user-grid.user-grid-v2 .grid-item h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; } /* line 112, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item p, .user-grid.user-grid-v2 .grid-item p { font-size: .85rem; } /* line 116, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item .people, .user-grid.user-grid-v2 .grid-item .people { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 0 30px 0; } /* line 121, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item .people .h-avatar, .user-grid.user-grid-v2 .grid-item .people .h-avatar { margin: 0 4px; } /* line 126, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item .buttons, .user-grid.user-grid-v2 .grid-item .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 130, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item .buttons .button, .user-grid.user-grid-v2 .grid-item .buttons .button { width: calc(50% - 4px); color: #a2a5b9; } /* line 134, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .grid-item .buttons .button:hover, .user-grid.user-grid-v2 .grid-item .buttons .button:hover { border-color: #e3e3e3; color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* ========================================================================== 2. Users Grid V2 ========================================================================== */ /* line 151, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap { border: 1px solid #e5e5e5; border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; } /* line 156, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head { background: #fafafa; border-radius: 6px 6px 0 0; padding: 20px; } /* line 161, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } /* line 168, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head .meta span { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 171, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head .meta span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .95rem; color: #283252; } /* line 178, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head .meta span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 185, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head .status-icon { height: 28px; width: 28px; min-width: 28px; border-radius: 50%; border: 1px solid #e5e5e5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 195, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head .status-icon.is-success { background: #06d6a0; border-color: #06d6a0; color: #ffffff; } /* line 201, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head .status-icon.is-warning { background: #FFA981; border-color: #FFA981; color: #ffffff; } /* line 207, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head .status-icon.is-danger { background: #e62965; border-color: #e62965; color: #ffffff; } /* line 213, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .flex-head .status-icon i { font-size: 8px; } /* line 219, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } /* line 224, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .buttons .button, .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .buttons .h-button { width: calc(50% - 4px); color: #a2a5b9; margin-bottom: 0; } /* line 229, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .buttons .button:hover, .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head .buttons .h-button:hover { border-color: #e3e3e3; color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 238, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v2 .grid-item-wrap .grid-item { border-top-left-radius: 0; border-top-right-radius: 0; border: none; } /* ========================================================================== 3. Users Grid V2 Dark mode ========================================================================== */ /* line 255, src/assets/scss/pages/grids/_grid-users.scss */ body.is-dark .user-grid.user-grid-v2 .grid-item-wrap { border-color: #404046; } /* line 258, src/assets/scss/pages/grids/_grid-users.scss */ body.is-dark .user-grid.user-grid-v2 .grid-item-wrap .grid-item-head { background: #2d2d31; } /* ========================================================================== 4. Users Grid V3 ========================================================================== */ /* line 273, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .columns { margin-left: -.5rem !important; margin-right: -.5rem !important; margin-top: -.5rem !important; } /* line 279, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .column { padding: .5rem !important; } /* line 283, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item { text-align: center; } /* line 288, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item > .h-avatar { display: block; margin: 0 auto 4px auto; } /* line 293, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; } /* line 300, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item p { font-size: .85rem; margin-bottom: 16px; } /* line 305, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper { padding-bottom: 20px; } /* line 308, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs { width: 100%; max-width: 180px; margin: 0 auto; border: 1px solid #e3e3e3; border-radius: 8px; background: #ffffff; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); margin-bottom: 16px; } /* line 318, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } /* line 323, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 33.3%; color: #a2a5b9; padding: 4px 8px; margin: 8px 0; } /* line 332, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item:nth-child(2) { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; } /* line 337, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item.is-active { color: #606061; } /* line 342, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item:first-child.is-active ~ .icon-tabs-naver { margin-left: 0; } /* line 348, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item:nth-child(2).is-active ~ .icon-tabs-naver { margin-left: 33% !important; } /* line 354, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item:nth-child(3).is-active ~ .icon-tabs-naver { margin-left: 66.6%; } /* line 359, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item svg { pointer-events: none; height: 16px; width: 16px; stroke-width: 1.6px; } /* line 367, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .icon-tabs-naver { position: absolute; bottom: -1px; left: 0; display: block; width: 33.3% !important; height: 2px; background: #606061; z-index: 1; -webkit-transition: all .3s; transition: all .3s; border-radius: 12px; } /* line 382, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs-content { display: none; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; padding-top: 16px; } /* line 387, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs-content.is-active { display: block; } /* line 392, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .chart-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 165px; margin: 0 auto; } /* line 399, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .chart-block .stats span { display: block; } /* line 402, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .chart-block .stats span:first-child { font-family: "Roboto", sans-serif; font-size: 1.8rem; color: #283252; font-weight: 700; line-height: 1; } /* line 410, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .chart-block .stats span:nth-child(2) { font-family: "Montserrat", sans-serif; color: #a2a5b9; } /* line 419, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } /* line 424, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .buttons .button, .user-grid.user-grid-v3 .grid-item .buttons .h-button { width: calc(50% - 4px); color: #a2a5b9; margin-bottom: 0; } /* line 429, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v3 .grid-item .buttons .button:hover, .user-grid.user-grid-v3 .grid-item .buttons .h-button:hover { border-color: #e3e3e3; color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* ========================================================================== 5. Users Grid V3 Dark mode ========================================================================== */ /* line 450, src/assets/scss/pages/grids/_grid-users.scss */ body.is-dark .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs { background: #28282b; border-color: #3b3b41; } /* line 455, src/assets/scss/pages/grids/_grid-users.scss */ body.is-dark .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item { border-color: #3b3b41; } /* line 458, src/assets/scss/pages/grids/_grid-users.scss */ body.is-dark .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .tab-item.is-active { color: #ED1C24; } /* line 463, src/assets/scss/pages/grids/_grid-users.scss */ body.is-dark .user-grid.user-grid-v3 .grid-item .icon-tabs-wrapper .icon-tabs .icon-tabs-inner .icon-tabs-naver { background: #ED1C24; } /* ========================================================================== 6. Users Grid V4 ========================================================================== */ /* line 481, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .columns { margin-left: -.5rem !important; margin-right: -.5rem !important; margin-top: -.5rem !important; } /* line 487, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .column { padding: .5rem !important; } /* line 491, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item { position: relative; text-align: center; } /* line 500, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item:hover .button-wrap > div a { opacity: 1; pointer-events: all; } /* line 508, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item .dropdown { position: absolute; top: 10px; right: 10px; text-align: left; } /* line 515, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item > .h-avatar { display: block; margin: 0 auto 4px auto; } /* line 520, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; } /* line 527, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item p { font-size: .85rem; } /* line 531, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item .button-wrap { margin: 20px 0 0 0; } /* line 534, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item .button-wrap .h-button { width: 100%; max-width: 140px; margin: 0 auto; } /* line 540, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item .button-wrap > div { margin: 6px 0 0 0; } /* line 543, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item .button-wrap > div a { opacity: 0; pointer-events: none; color: #a2a5b9; font-weight: 500; font-size: .9rem; -webkit-transition: opacity .3s, color .3s; transition: opacity .3s, color .3s; } /* line 551, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v4 .grid-item .button-wrap > div a:hover { color: #606061; } /* ========================================================================== 7. Media Queries ========================================================================== */ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 568, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .columns, .user-grid.user-grid-v2 .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 571, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .columns .column, .user-grid.user-grid-v2 .columns .column { min-width: 50% !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 583, src/assets/scss/pages/grids/_grid-users.scss */ .user-grid.user-grid-v1 .columns .column, .user-grid.user-grid-v2 .columns .column { min-width: 33.3% !important; } } /*! _grid-cards.scss | Huro | Css ninja 2020-2021 */ /* 1. Card Grid Toolbar 2. Card Grid V1 */ /* ========================================================================== 1. Card Grid Toolbar ========================================================================== */ /* line 12, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 17, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar.is-webapp { padding-top: 30px; margin: 0 auto 20px auto; } /* line 21, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar.is-webapp.flex-list-v1 { max-width: 880px; } /* line 25, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar.is-webapp.flex-list-v2 { max-width: 940px; } /* line 30, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar.is-reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 33, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar.is-reversed .control { margin-right: 0; margin-left: auto; } /* line 38, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar.is-reversed .tabs-inner { margin-right: 10px; margin-left: 0; } /* line 44, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar .control { margin-right: 10px; } /* line 49, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar .list-info span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 55, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar .buttons { margin-left: auto; margin-bottom: 0; } /* line 59, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar .buttons .field, .card-grid-toolbar .buttons .h-button { margin-bottom: 0; } /* line 62, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar .buttons .field .h-select, .card-grid-toolbar .buttons .h-button .h-select { min-width: 190px; } /* line 68, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar .tabs-inner { margin-left: auto; } /* line 71, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid-toolbar .tabs-inner .tabs { margin-bottom: 0; min-width: 170px; } /* ========================================================================== 2. Card Grid V1 ========================================================================== */ /* line 83, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid .columns { margin-left: -.5rem !important; margin-right: -.5rem !important; margin-top: -.5rem !important; } /* line 89, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid .column { padding: .5rem !important; } /* line 96, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; width: 100%; background-color: #ffffff; border-radius: 6px; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 105, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; border-bottom: 1px solid #e5e5e5; } /* line 112, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 116, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .left .meta { margin-left: 12px; line-height: 1.3; } /* line 120, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .left .meta span { display: block; } /* line 123, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .left .meta span:first-child { font-size: 1.1rem; font-weight: 600; font-family: "Montserrat", sans-serif; color: #283252; } /* line 130, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .left .meta span:nth-child(2) { font-family: "Roboto", sans-serif; font-size: .85rem; color: #a2a5b9; } /* line 140, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .right .social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 145, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .right .social-links .social-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 32px; width: 32px; min-width: 32px; border-radius: 50%; border: 1px solid #e5e5e5; margin: 0 4px; color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); -webkit-transition: all .3s; transition: all .3s; } /* line 159, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .right .social-links .social-link:hover { color: #ffffff; background: #606061; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 166, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .right .social-links .social-link i { font-size: 12px; } /* line 174, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; } /* line 180, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .left { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 50%; } /* line 184, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .left .progress-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8px; } /* line 190, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .left .progress-stats span { display: block; } /* line 193, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .left .progress-stats span:first-child { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 600; color: #283252; } /* line 200, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .left .progress-stats span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 207, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .left .progress { margin-bottom: 0; } /* line 213, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .right .h-button { color: #a2a5b9; } /* line 216, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .right .h-button:hover { border-color: #606061; background: #606061; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* ========================================================================== 3. Card Grid V1 Dark mode ========================================================================== */ /* line 237, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v1 .card-grid-item { background: #323236; border-color: #404046; } /* line 241, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body { border-color: #404046; } /* line 246, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .left .h-avatar .badge { border-color: #323236; } /* line 254, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .right .social-links .social-link { background: #28282b; border-color: #404046; color: #aaaab3; } /* line 259, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .right .social-links .social-link:hover { border-color: #ED1C24 !important; color: #ED1C24 !important; } /* line 270, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v1 .card-grid-item .card-grid-item-footer .right .h-button { -webkit-box-shadow: none !important; box-shadow: none !important; } /* ========================================================================== 4. Card Grid V2 ========================================================================== */ /* line 288, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card { border: 1px solid #e3e3e3; -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; } /* line 293, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-header { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #e3e3e3; } /* line 297, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-header .card-header-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 301, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-header .card-header-title .meta { margin-left: 10px; line-height: 1.2; } /* line 305, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-header .card-header-title .meta span { display: block; font-weight: 400; } /* line 309, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-header .card-header-title .meta span:first-child { font-family: "Montserrat", sans-serif; font-size: .95rem; color: #283252; font-weight: 600; } /* line 316, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-header .card-header-title .meta span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 326, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-image img { -o-object-fit: cover; object-fit: cover; } /* line 331, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-content { border-top: 1px solid #e3e3e3; padding: 1rem; } /* line 335, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-content .card-content-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 341, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-content .card-content-flex .card-info h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; color: #283252; font-weight: 600; } /* line 348, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-content .card-content-flex .card-info p { font-size: .9rem; } /* line 351, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-content .card-content-flex .card-info p svg { position: relative; top: 2px; height: 14px; width: 14px; margin-right: 4px; } /* line 364, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-footer a { font-family: "Roboto", sans-serif; color: #a2a5b9; padding: 1rem .75rem; -webkit-transition: all .3s; transition: all .3s; } /* line 370, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v2 .card-grid-item .card .card-footer a:hover { background: #f7f7f7; color: #606061; } /* ========================================================================== 5. Card Grid V2 Dark mode ========================================================================== */ /* line 389, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v2 .card-grid-item { border-color: #404046; } /* line 392, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v2 .card-grid-item .card { background: #323236; border-color: #404046; } /* line 396, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v2 .card-grid-item .card .card-header { border-color: #404046; } /* line 400, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v2 .card-grid-item .card .card-content { border-color: #404046; } /* line 404, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v2 .card-grid-item .card .card-footer { border-color: #404046; } /* line 407, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v2 .card-grid-item .card .card-footer a { border-color: #404046; } /* line 410, src/assets/scss/pages/grids/_grid-cards.scss */ body.is-dark .card-grid.card-grid-v2 .card-grid-item .card .card-footer a:hover { background: #28282b; color: #ED1C24; } /* ========================================================================== 5. Card Grid V3 ========================================================================== */ /* line 429, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item { position: relative; text-align: center; padding: 30px; } /* line 436, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item .h-toggle { position: absolute; top: 28px; right: 10px; -webkit-transform: scale(0.85); transform: scale(0.85); } /* line 443, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item > .h-avatar { display: block; margin: 0 auto 10px auto; border-radius: 16px; } /* line 448, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item > .h-avatar .avatar { -o-object-fit: cover; object-fit: cover; border: 1px solid #e3e3e3; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 454, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item > .h-avatar .badge { bottom: 22px; right: -12px; } /* line 460, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item > h3 { font-size: 1.1rem; font-weight: 600; font-family: "Montserrat", sans-serif; color: #283252; } /* line 467, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item > p { font-size: .9rem; } /* line 471, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item .description { padding: 12px 0; } /* line 475, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item .people { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 0 30px 0; } /* line 480, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item .people .h-avatar { margin: 0 4px; } /* line 485, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 489, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item .buttons .button { width: calc(50% - 4px); color: #a2a5b9; } /* line 493, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v3 .card-grid-item .buttons .button:hover { border-color: #e3e3e3; color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* ========================================================================== 6. Card Grid V4 ========================================================================== */ /* line 510, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px; border-radius: 16px; min-height: 300px; } /* line 519, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 523, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item > img { display: block; border-radius: 12px; width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; } /* line 531, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item .card-grid-item-content { padding: 12px 5px; } /* line 534, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item .card-grid-item-content h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; line-height: 1.3; } /* line 543, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item .card-grid-item-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; padding: 0 5px 10px 5px; } /* line 549, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item .card-grid-item-footer .meta { margin-left: 8px; line-height: 1.2; } /* line 553, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item .card-grid-item-footer .meta span { display: block; font-weight: 400; } /* line 557, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item .card-grid-item-footer .meta span:first-child { font-family: "Montserrat", sans-serif; font-size: .9rem; color: #283252; font-weight: 600; } /* line 564, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .card-grid-item .card-grid-item-footer .meta span:nth-child(2) { font-family: "Roboto", sans-serif; font-size: .85rem; color: #a2a5b9; } @media only screen and (max-width: 767px) { /* line 580, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 583, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 587, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v1 .card-grid-item .card-grid-item-body .left .meta { margin: 5px 0 20px 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 602, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 606, src/assets/scss/pages/grids/_grid-cards.scss */ .card-grid.card-grid-v4 .column { width: 33.3%; min-width: 33.3%; } } /*! _grid-tiles.scss | Huro | Css ninja 2020-2021 */ /* 1. Tile Grid Toolbar 2. Tile Grid V1 */ /* ========================================================================== 1. Tile Grid Toolbar ========================================================================== */ /* line 12, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 17, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar.is-webapp { padding-top: 30px; margin: 0 auto 20px auto; } /* line 21, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar.is-webapp.flex-list-v1 { max-width: 880px; } /* line 25, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar.is-webapp.flex-list-v2 { max-width: 940px; } /* line 30, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar.is-reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 33, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar.is-reversed .control { margin-right: 0; margin-left: auto; } /* line 38, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar.is-reversed .tabs-inner { margin-right: 10px; margin-left: 0; } /* line 44, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar .control { margin-right: 10px; } /* line 49, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar .list-info span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 55, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar .buttons { margin-left: auto; margin-bottom: 0; } /* line 59, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar .buttons .field, .tile-grid-toolbar .buttons .h-button { margin-bottom: 0; } /* line 62, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar .buttons .field .h-select, .tile-grid-toolbar .buttons .h-button .h-select { min-width: 190px; } /* line 68, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar .tabs-inner { margin-left: auto; } /* line 71, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid-toolbar .tabs-inner .tabs { margin-bottom: 0; min-width: 170px; } /* ========================================================================== 2. Tile Grid V1 ========================================================================== */ /* line 83, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid .columns { margin-left: -.5rem !important; margin-right: -.5rem !important; margin-top: -.5rem !important; } /* line 89, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid .column { padding: .5rem !important; } /* line 94, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v1 .tile-grid-item { border-radius: 14px; padding: 16px; } /* line 100, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 104, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta { margin-left: 10px; line-height: 1.2; } /* line 108, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta span { display: block; font-family: "Roboto", sans-serif; } /* line 112, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta span:first-child { color: #283252; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1rem; } /* line 119, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta span:nth-child(2) { color: #a2a5b9; font-size: .9rem; } /* line 126, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .dropdown { position: relative; margin-left: auto; } /* ========================================================================== 3. Tile Grid V2 ========================================================================== */ /* line 141, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item { border-radius: 14px; padding: 16px; cursor: pointer; } /* line 148, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item:hover { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 153, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 157, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner > img { display: block; width: 50px; height: 50px; min-width: 50px; } /* line 164, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner .meta { margin-left: 10px; line-height: 1.4; } /* line 168, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner .meta span { display: block; font-family: "Roboto", sans-serif; } /* line 172, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner .meta span:first-child { color: #283252; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1rem; } /* line 179, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner .meta span:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 183, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner .meta span:nth-child(2) span { display: inline-block; color: #a2a5b9; font-size: .8rem; font-weight: 400; } /* line 190, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner .meta span:nth-child(2) .icon-separator { position: relative; font-size: 4px; color: #a2a5b9; padding: 0 6px; } /* line 200, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v2 .tile-grid-item .tile-grid-item-inner .dropdown { margin-left: auto; } /* ========================================================================== 4. Tile Grid V2 Dark mode ========================================================================== */ /* line 217, src/assets/scss/pages/grids/_grid-tiles.scss */ body.is-dark .tile-grid.tile-grid-v2 .tile-grid-item:hover { border-color: #ED1C24 !important; } /* ========================================================================== 4. Tile Grid V3 ========================================================================== */ /* line 233, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile.is-ancestor { margin-left: -.5rem; margin-right: -.5rem; margin-top: -.5rem; } /* line 239, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile.is-parent { padding: .5rem; } /* line 244, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item { padding: 10px; border-radius: 16px; } /* line 250, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium { max-height: 132px; } /* line 253, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } /* line 257, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner > img { display: block; border-radius: 12px; width: 100%; max-width: 110px; min-width: 110px; height: 100%; min-height: 110px; max-height: 110px; -o-object-fit: cover; object-fit: cover; } /* line 269, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta { margin-left: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 276, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta .tile-title h3 { font-family: "Roboto", sans-serif; font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; line-height: 1.3; } /* line 286, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta .tile-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; padding: 0 0 5px 0; } /* line 292, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta .tile-meta .h-avatar { max-width: 26px; max-height: 26px; min-width: 26px; } /* line 297, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta .tile-meta .h-avatar .avatar { max-width: 26px; max-height: 26px; min-width: 26px; } /* line 304, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta .tile-meta .meta-inner { margin-left: 8px; line-height: 1.2; } /* line 308, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta .tile-meta .meta-inner span { display: block; font-weight: 400; } /* line 312, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta .tile-meta .meta-inner span:first-child { color: #283252; font-family: "Montserrat", sans-serif; font-size: .85rem; font-weight: 600; } /* line 319, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .meta .tile-meta .meta-inner span:nth-child(2) { font-size: .8rem; font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 332, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } /* line 337, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner > img { display: block; border-radius: 12px; width: 100%; height: 180px; -o-object-fit: cover; object-fit: cover; } /* line 345, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; padding: 0 5px; } /* line 352, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-title { padding-top: 10px; } /* line 355, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-title h3 { font-family: "Roboto", sans-serif; font-size: 1.2rem; font-weight: 500; color: #283252; line-height: 1.1; } /* line 368, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; padding: 0 0 5px 0; } /* line 374, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-meta .h-avatar { max-width: 26px; max-height: 26px; min-width: 26px; } /* line 379, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-meta .h-avatar .avatar { max-width: 26px; max-height: 26px; min-width: 26px; } /* line 386, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-meta .meta-inner { margin-left: 8px; line-height: 1.2; } /* line 390, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-meta .meta-inner span { display: block; font-weight: 400; } /* line 394, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-meta .meta-inner span:first-child { color: #283252; font-size: .9rem; font-weight: 500; } /* line 400, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .meta .tile-meta .meta-inner span:nth-child(2) { font-size: .8rem; color: #a2a5b9; } /* line 412, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } /* line 416, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner > img { display: block; border-radius: 12px; width: 100%; max-width: 280px; height: 100%; min-height: 160px; -o-object-fit: cover; object-fit: cover; } /* line 426, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta { margin-left: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 432, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-title { padding-top: 5px; } /* line 435, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-title h3 { font-family: "Roboto", sans-serif; font-size: 1.3rem; font-weight: 500; color: #283252; line-height: 1.1; } /* line 443, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-title p { color: #a2a5b9; font-size: .95rem; padding-top: 5px; } /* line 450, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; padding: 0 0 5px 0; } /* line 456, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-meta .h-avatar { max-width: 26px; max-height: 26px; min-width: 26px; } /* line 461, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-meta .h-avatar .avatar { max-width: 26px; max-height: 26px; min-width: 26px; } /* line 468, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-meta .meta-inner { margin-left: 8px; line-height: 1.2; } /* line 472, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-meta .meta-inner span { display: block; font-weight: 400; } /* line 476, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-meta .meta-inner span:first-child { color: #283252; font-size: .9rem; font-weight: 500; } /* line 482, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .meta .tile-meta .meta-inner span:nth-child(2) { font-size: .8rem; color: #a2a5b9; } /* line 494, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } /* line 499, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner > img { display: block; border-radius: 12px; width: 100%; height: 220px; -o-object-fit: cover; object-fit: cover; } /* line 509, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; padding: 0 5px; } /* line 516, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-title { padding-top: 10px; } /* line 519, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-title h3 { font-family: "Roboto", sans-serif; font-size: 1.2rem; font-weight: 500; color: #283252; line-height: 1.1; } /* line 527, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-title p { color: #a2a5b9; font-size: .95rem; padding-top: 5px; } /* line 534, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; padding: 0 0 5px 0; } /* line 540, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-meta .h-avatar { max-width: 26px; max-height: 26px; min-width: 26px; } /* line 545, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-meta .h-avatar .avatar { max-width: 26px; max-height: 26px; min-width: 26px; } /* line 552, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-meta .meta-inner { margin-left: 8px; line-height: 1.2; } /* line 556, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-meta .meta-inner span { display: block; font-weight: 400; } /* line 560, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-meta .meta-inner span:first-child { color: #283252; font-size: .9rem; font-weight: 500; } /* line 566, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .meta .tile-meta .meta-inner span:nth-child(2) { font-size: .8rem; color: #a2a5b9; } /* ========================================================================== 7. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 587, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item { max-height: 132px !important; } /* line 590, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; height: 100% !important; } /* line 595, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner > img { display: block !important; border-radius: 12px !important; width: 100% !important; max-width: 110px !important; min-width: 110px !important; height: 100% !important; min-height: 110px !important; max-height: 110px !important; -o-object-fit: cover !important; object-fit: cover !important; } /* line 607, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta { margin-left: 12px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } /* line 614, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-title h3 { font-family: "Roboto", sans-serif !important; font-size: 1.1rem !important; font-weight: 500; color: #283252 !important; line-height: 1.1 !important; } /* line 622, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-title p { display: none !important; } /* line 627, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; margin-top: auto !important; padding: 0 0 5px 0 !important; } /* line 633, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .h-avatar { max-width: 26px !important; max-height: 26px !important; min-width: 26px !important; } /* line 638, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .h-avatar .avatar { max-width: 26px !important; max-height: 26px !important; min-width: 26px !important; } /* line 645, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .meta-inner { margin-left: 8px !important; line-height: 1.2 !important; } /* line 649, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .meta-inner span { display: block !important; font-weight: 400 !important; } /* line 653, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .meta-inner span:first-child { color: #283252 !important; font-size: .9rem !important; font-weight: 500 !important; } /* line 659, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .meta-inner span:nth-child(2) { font-size: .8rem !important; color: #a2a5b9 !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 676, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item { max-height: 132px !important; } /* line 679, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; height: 100% !important; } /* line 684, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner > img { display: block !important; border-radius: 12px !important; width: 100% !important; max-width: 110px !important; min-width: 110px !important; height: 100% !important; min-height: 110px !important; max-height: 110px !important; -o-object-fit: cover !important; object-fit: cover !important; } /* line 696, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta { margin-left: 12px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } /* line 703, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-title h3 { font-family: "Roboto", sans-serif !important; font-size: 1.1rem !important; font-weight: 500; color: #283252 !important; line-height: 1.1 !important; } /* line 711, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-title p { display: block; max-width: 460px; } /* line 717, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; margin-top: auto !important; padding: 0 0 5px 0 !important; } /* line 723, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .h-avatar { max-width: 26px !important; max-height: 26px !important; min-width: 26px !important; } /* line 728, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .h-avatar .avatar { max-width: 26px !important; max-height: 26px !important; min-width: 26px !important; } /* line 735, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .meta-inner { margin-left: 8px !important; line-height: 1.2 !important; } /* line 739, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .meta-inner span { display: block !important; font-weight: 400 !important; } /* line 743, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .meta-inner span:first-child { color: #283252 !important; font-size: .9rem !important; font-weight: 500 !important; } /* line 749, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item .tile-grid-item-inner .meta .tile-meta .meta-inner span:nth-child(2) { font-size: .8rem !important; color: #a2a5b9 !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 771, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-medium .tile-grid-item-inner .tile-title h3 { font-size: 1rem !important; } /* line 781, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-large .tile-grid-item-inner .tile-title h3 { font-size: 1.1rem !important; } /* line 791, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-tall .tile-grid-item-inner .tile-title h3 { font-size: 1.2rem !important; } /* line 800, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner > img { max-width: 180px; min-height: 160px; } /* line 806, src/assets/scss/pages/grids/_grid-tiles.scss */ .tile-grid.tile-grid-v3 .tile-grid-item.is-wide .tile-grid-item-inner .tile-title h3 { font-size: 1.2rem !important; } } /*! _demo.scss | Huro | Css ninja 2020-2021 */ /* 1. Demo Cards 2. Demo Card Dark mode 3. Code Highlight 4. Code Highlight Dark mode 5. Media Queries */ /* ========================================================================== 1. Demo Card ========================================================================== */ /* line 15, src/assets/scss/pages/demo/_demo.scss */ .demo-card { position: relative; margin-bottom: 1.5rem; } /* line 21, src/assets/scss/pages/demo/_demo.scss */ .demo-card.has-more-margin { margin-bottom: 3rem; } /* line 25, src/assets/scss/pages/demo/_demo.scss */ .demo-card.has-margin-top { margin-top: 3rem; } /* line 29, src/assets/scss/pages/demo/_demo.scss */ .demo-card.is-narrow { margin-bottom: 0; } /* line 34, src/assets/scss/pages/demo/_demo.scss */ .demo-card .demo-title h3 { margin-bottom: .75rem; } /* line 38, src/assets/scss/pages/demo/_demo.scss */ .demo-card .demo-title p { max-width: 540px; } /* line 43, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger { position: absolute; top: 16px; right: 20px; height: 36px; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); -webkit-transition: all .3s; transition: all .3s; } /* line 58, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger:hover svg { stroke: #283252; } /* line 63, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger.is-active { border-color: #606061; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* line 67, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger.is-active svg { stroke: #606061; } /* line 70, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger.is-active svg.open { display: none !important; } /* line 74, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger.is-active svg.close { display: block !important; } /* line 80, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger svg { height: 16px; width: 16px; stroke: #a2a5b9; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 86, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger svg.open { display: block !important; } /* line 90, src/assets/scss/pages/demo/_demo.scss */ .demo-card .code-trigger svg.close { display: none !important; opacity: 1 !important; } /* line 98, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner.no-padding { padding: 0; } /* line 102, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .buttons { margin-bottom: 0; } /* line 106, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .is-grouped-multiline, .demo-card .card-inner .tabs-wrapper, .demo-card .card-inner .progress, .demo-card .card-inner .message, .demo-card .card-inner .snacks, .demo-card .card-inner .filepond-uploader { max-width: 540px; } /* line 110, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 116, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list li { width: 20%; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; text-align: center; padding: 2rem 1rem; cursor: pointer; } /* line 126, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list li:hover { background-color: #fafafa; } /* line 129, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list li:hover .lnil, .demo-card .card-inner .demo-icon-list li:hover .lnir, .demo-card .card-inner .demo-icon-list li:hover .fas, .demo-card .card-inner .demo-icon-list li:hover .fab { -webkit-transform: scale(1.1); transform: scale(1.1); color: #606061; } /* line 134, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list li:hover svg { -webkit-transform: scale(1.1); transform: scale(1.1); stroke: #606061; } /* line 141, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list .lnil, .demo-card .card-inner .demo-icon-list .lnir, .demo-card .card-inner .demo-icon-list .fas, .demo-card .card-inner .demo-icon-list .fab { color: #a2a5b9; font-size: 1.6rem; -webkit-transition: all .35s; transition: all .35s; } /* line 147, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list svg { height: 20px; width: 20px; stroke-width: 1.8px; stroke: #a2a5b9; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 155, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list input, .demo-card .card-inner .demo-icon-list em, .demo-card .card-inner .demo-icon-list .icon-unicode { display: none; } /* line 159, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list .icon.w-grid-2 { padding: 4rem 0 !important; } /* line 163, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .demo-icon-list .icon-name { color: #a2a5b9; } /* line 168, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .field { max-width: 540px; } /* line 171, src/assets/scss/pages/demo/_demo.scss */ .demo-card .card-inner .field.demo-select { max-width: 340px; } /* line 177, src/assets/scss/pages/demo/_demo.scss */ .demo-card .highlight-block { display: none; margin-top: 20px; } /* line 183, src/assets/scss/pages/demo/_demo.scss */ .color-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 189, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot { height: 40px; width: 40px; border-radius: 50%; } /* line 194, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-primary { background: #606061; } /* line 198, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-accent { background: #ED1C24; } /* line 202, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-success { background: #06d6a0; } /* line 206, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-info { background: #039BE5; } /* line 210, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-warning { background: #faae42; } /* line 214, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-danger { background: #e62965; } /* line 218, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-dark { background: #232326; } /* line 222, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-fade-grey { background: #ededed; } /* line 226, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-muted-grey { background: #999999; } /* line 230, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-placeholder { background: #cecece; } /* line 234, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-dark-text { background: #283252; } /* line 238, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-light-text { background: #a2a5b9; } /* line 242, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-h-purple { background: #8269B2; } /* line 246, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-h-blue { background: #37C3FF; } /* line 250, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-h-green { background: #93E088; } /* line 254, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-h-red { background: #F92B60; } /* line 258, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-h-yellow { background: #FFD66E; } /* line 262, src/assets/scss/pages/demo/_demo.scss */ .color-card .color-dot.is-h-orange { background: #FFA981; } /* line 267, src/assets/scss/pages/demo/_demo.scss */ .color-card .meta { margin-left: 12px; } /* line 270, src/assets/scss/pages/demo/_demo.scss */ .color-card .meta span { display: block; font-family: "Montserrat", sans-serif; } /* line 274, src/assets/scss/pages/demo/_demo.scss */ .color-card .meta span:first-child { color: #283252; font-weight: 600; } /* line 279, src/assets/scss/pages/demo/_demo.scss */ .color-card .meta span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 288, src/assets/scss/pages/demo/_demo.scss */ .demo-s-card .title, .demo-r-card .title, .demo-l-card .title { margin-bottom: 6px; } /* line 293, src/assets/scss/pages/demo/_demo.scss */ .demo-spacer { padding-bottom: 100px; } /* line 297, src/assets/scss/pages/demo/_demo.scss */ .demo-editor-container { max-width: 740px; margin: 0 auto; } /* line 303, src/assets/scss/pages/demo/_demo.scss */ .helper-table .category, .helper-table th { width: 25%; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.05rem; } /* line 310, src/assets/scss/pages/demo/_demo.scss */ .helper-table .name { width: 25%; } /* line 314, src/assets/scss/pages/demo/_demo.scss */ .helper-table .description { width: 50%; } /* line 321, src/assets/scss/pages/demo/_demo.scss */ .demo-table .table th { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .9rem; } /* ========================================================================== 2. Demo Card Dark mode ========================================================================== */ /* line 338, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .demo-title p code { background-color: #323236 !important; } /* line 345, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .demo-title .code-trigger:hover svg { stroke: #a2a5b9; } /* line 350, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .demo-title .code-trigger.is-active { border-color: #e62965; } /* line 353, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .demo-title .code-trigger.is-active svg { stroke: #e62965; } /* line 361, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .demo-icon-list li:hover { background-color: #3b3b41 !important; } /* line 364, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .demo-icon-list li:hover .lnil, body.is-dark .demo-card .demo-icon-list li:hover .lnir, body.is-dark .demo-card .demo-icon-list li:hover .fas, body.is-dark .demo-card .demo-icon-list li:hover .fab { color: #ED1C24; } /* line 368, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .demo-icon-list li:hover svg { stroke: #ED1C24; } /* line 374, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .highlight { background: #3b3b41 !important; border-color: #3b3b41 !important; } /* line 378, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .highlight pre { background: #3b3b41 !important; border-color: #3b3b41 !important; } /* line 382, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .demo-card .highlight pre .hljs { background: #3b3b41 !important; border-color: #3b3b41 !important; } /* line 393, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .color-card .meta span:first-child { color: #aaaab3; } /* ========================================================================== 3. Code Highlight ========================================================================== */ /* line 406, src/assets/scss/pages/demo/_demo.scss */ pre { background-color: transparent !important; color: unset; font-size: 1em; overflow-x: hidden; padding: 0 !important; white-space: pre; word-wrap: normal; } /* line 416, src/assets/scss/pages/demo/_demo.scss */ .hljs { display: block; overflow-x: auto; padding: 1.4rem; background: #ededed; color: #283252; } /* line 424, src/assets/scss/pages/demo/_demo.scss */ .hljs-name, .hljs-strong { font-weight: bold; color: #e62965; } /* line 430, src/assets/scss/pages/demo/_demo.scss */ .hljs-code, .hljs-emphasis { font-style: italic; } /* line 435, src/assets/scss/pages/demo/_demo.scss */ .hljs-tag { color: #909090; } /* line 439, src/assets/scss/pages/demo/_demo.scss */ .hljs-variable, .hljs-template-variable, .hljs-selector-id, .hljs-selector-class { color: #ade5fc; } /* line 446, src/assets/scss/pages/demo/_demo.scss */ .hljs-string, .hljs-bullet { color: #606061; } /* line 451, src/assets/scss/pages/demo/_demo.scss */ .hljs-type, .hljs-title, .hljs-section, .hljs-attribute, .hljs-quote, .hljs-built_in, .hljs-builtin-name { color: #e62965; } /* line 461, src/assets/scss/pages/demo/_demo.scss */ .hljs-attr { color: #039BE5; } /* line 465, src/assets/scss/pages/demo/_demo.scss */ .hljs-number, .hljs-symbol, .hljs-bullet { color: #d36363; } /* line 471, src/assets/scss/pages/demo/_demo.scss */ .hljs-keyword, .hljs-selector-tag, .hljs-literal { color: #e62965; } /* line 477, src/assets/scss/pages/demo/_demo.scss */ .hljs-comment, .hljs-deletion, .hljs-code { color: #888; } /* line 483, src/assets/scss/pages/demo/_demo.scss */ .hljs-regexp, .hljs-link { color: #c6b4f0; } /* line 488, src/assets/scss/pages/demo/_demo.scss */ .hljs-meta { color: #fc9b9b; } /* line 492, src/assets/scss/pages/demo/_demo.scss */ .hljs-deletion { background-color: #fc9b9b; color: #333; } /* line 497, src/assets/scss/pages/demo/_demo.scss */ .hljs-addition { background-color: #a2fca2; color: #333; } /* line 502, src/assets/scss/pages/demo/_demo.scss */ .hljs a { color: inherit; } /* line 506, src/assets/scss/pages/demo/_demo.scss */ .hljs a:focus, .hljs a:hover { color: inherit; text-decoration: underline; } /* line 512, src/assets/scss/pages/demo/_demo.scss */ .highlight { overflow: auto; background: #ededed; border-radius: 4px; } /* line 518, src/assets/scss/pages/demo/_demo.scss */ .highlight::-webkit-scrollbar { width: 10px; } /* line 522, src/assets/scss/pages/demo/_demo.scss */ .highlight::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2); } /* line 527, src/assets/scss/pages/demo/_demo.scss */ .code-highlight { padding-top: 0; padding-bottom: 0; } /* line 532, src/assets/scss/pages/demo/_demo.scss */ code.hljs span { font-family: Inconsolata, monospace !important; } /* ========================================================================== 4. Code Highlight Dark mode ========================================================================== */ /* line 542, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .hljs { color: #fcfcfc !important; } /* line 546, src/assets/scss/pages/demo/_demo.scss */ body.is-dark .hljs-string { color: #06d6a0 !important; } /* ========================================================================== 6. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 559, src/assets/scss/pages/demo/_demo.scss */ .demo-card .demo-title .code-trigger { top: 10px; right: 12px; } } /*! _board.scss | Huro | Css ninja 2020-2021 */ /* 1. Kanban Toolbar 2. Kanban Layout 3. Kanban Card 4. Dragula 5. Kanban Board Dark mode 6. Media Queries */ /* ========================================================================== 1. Kanban Toolbar ========================================================================== */ /* line 16, src/assets/scss/pages/projects/_board.scss */ .kanban-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 21, src/assets/scss/pages/projects/_board.scss */ .kanban-toolbar.is-webapp { padding-top: 30px; } /* line 25, src/assets/scss/pages/projects/_board.scss */ .kanban-toolbar .avatar-stack { margin-left: 16px; } /* line 29, src/assets/scss/pages/projects/_board.scss */ .kanban-toolbar .button { margin-left: auto; } /* ========================================================================== 2. Kanban Layout ========================================================================== */ /* line 40, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .column { padding: 0.35rem !important; } /* line 44, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column { padding: 6px; background: #e3e4e5; border-radius: 8px; border: 1px solid #ddd; } /* line 50, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .column-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 55, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .column-title h3 { margin-bottom: 0; font-family: "Roboto", sans-serif; font-size: .85rem; font-weight: 500; text-transform: uppercase; color: #8b8ea7; } /* line 64, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .column-title .input { margin-right: 20px; } /* line 68, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .column-title svg { height: 18px; width: 18px; stroke: #283252; } /* line 75, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .column-title .dropdown .is-trigger { height: 18px; width: 18px; cursor: pointer; } /* line 80, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .column-title .dropdown .is-trigger svg { height: 18px; width: 18px; stroke: #8b8ea7; } /* line 89, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .empty-state { display: none; margin: 30px auto 10px auto; width: 150px; height: auto; } /* line 96, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .empty-text { display: none; text-align: center; padding: 10px 10px 20px 10px; font-size: .95rem; color: #283252; } /* line 103, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .empty-text span { display: block; } /* line 107, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .empty-text a { line-height: 0.9; margin-top: 10px; } /* line 113, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column .collapsed-content { display: none; } /* line 118, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-empty .empty-state, .is-kanban-wrapper .kanban-column.is-empty .empty-text { display: block !important; } /* line 123, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed { width: 100%; height: 500px; } /* line 127, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .column-title, .is-kanban-wrapper .kanban-column.is-collapsed .kanban-card, .is-kanban-wrapper .kanban-column.is-collapsed .empty-state, .is-kanban-wrapper .kanban-column.is-collapsed .empty-text { display: none !important; } /* line 131, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .collapsed-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 137, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .collapsed-content .expand-button { margin-top: 20px; height: 46px; width: 46px; background: #ffffff; border-radius: 50%; border: 1.4px solid #ededed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 150, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .collapsed-content .expand-button svg { height: 18px; width: 18px; -webkit-transition: all .3s; transition: all .3s; stroke: #999999; } /* line 157, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .collapsed-content .expand-button:hover { border-color: #606061; } /* line 160, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .collapsed-content .expand-button:hover svg { stroke: #606061; } /* line 166, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .collapsed-content .task-count { margin-top: 20px; height: 38px; width: 38px; background: #606061; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 176, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .collapsed-content .task-count span { display: block; font-size: .9rem; font-weight: 700; color: #fcfcfc; } /* line 184, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .kanban-column.is-collapsed .collapsed-content .collapsed-text { position: absolute; bottom: 160px; min-width: 250px; font-size: 1rem; color: #283252; font-weight: 600; margin-left: -3px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* ========================================================================== 3. Kanban Card ========================================================================== */ /* line 203, src/assets/scss/pages/projects/_board.scss */ .kanban-card { width: 100%; background: #ffffff; border-radius: 6px; margin-top: 10px; border: 1px solid #ddd; -webkit-transition: all .4s; transition: all .4s; } /* line 211, src/assets/scss/pages/projects/_board.scss */ .kanban-card:hover { -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; } /* line 216, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .new-avatar { margin: 20px 0 10px 0; width: 100%; } /* line 220, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .new-avatar .avatar-wrapper { position: relative; width: 74px; height: 74px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; border-radius: 50%; } /* line 230, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .new-avatar .avatar-wrapper:after { content: ''; position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); height: 24px; width: 24px; border-radius: 50%; background: #ffffff; -webkit-animation: wave 1.6s infinite; animation: wave 1.6s infinite; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-transform-origin: center center; transform-origin: center center; z-index: 0; } /* line 245, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .new-avatar .avatar-wrapper .task-owner { position: relative; display: block; width: 62px; height: 62px; border-radius: 50%; z-index: 2; } /* line 254, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .new-avatar .avatar-wrapper.is-warning { border: 2px solid #faae42; } /* line 257, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .new-avatar .avatar-wrapper.is-warning:after { background: #faae42; } /* line 262, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .new-avatar .avatar-wrapper.is-info { border: 2px solid #039BE5; } /* line 265, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .new-avatar .avatar-wrapper.is-info:after { background: #039BE5; } /* line 273, src/assets/scss/pages/projects/_board.scss */ .kanban-card.is-new .card-footer a { font-size: .85rem; font-weight: 500; color: #a2a5b9; } /* line 281, src/assets/scss/pages/projects/_board.scss */ .kanban-card .card-body { padding: 10px; } /* line 284, src/assets/scss/pages/projects/_board.scss */ .kanban-card .card-body .kanban-card-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 16px; } /* line 290, src/assets/scss/pages/projects/_board.scss */ .kanban-card .card-body .kanban-card-stats > span { font-size: .9rem; color: #a2a5b9; } /* line 294, src/assets/scss/pages/projects/_board.scss */ .kanban-card .card-body .kanban-card-stats > span svg { position: relative; top: 2px; height: 14px; width: 14px; stroke-width: 1.6px; } /* line 305, src/assets/scss/pages/projects/_board.scss */ .kanban-card .card-title { font-size: .9rem; font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 312, src/assets/scss/pages/projects/_board.scss */ .kanban-card .spaced-card-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } /* ========================================================================== 4. Dragula ========================================================================== */ /* line 324, src/assets/scss/pages/projects/_board.scss */ #kanban-1 .kanban-card, #kanban-2 .kanban-card, #kanban-3 .kanban-card { cursor: move; cursor: grab; cursor: -webkit-grab; } /* line 332, src/assets/scss/pages/projects/_board.scss */ #kanban-1 .kanban-card:active, #kanban-2 .kanban-card:active, #kanban-3 .kanban-card:active { cursor: grabbing; cursor: -webkit-grabbing; } /* line 340, src/assets/scss/pages/projects/_board.scss */ .gu-transit { cursor: grabbing !important; cursor: -webkit-grabbing !important; } /* line 346, src/assets/scss/pages/projects/_board.scss */ .gu-mirror { position: fixed; } /* ========================================================================== 5. Kanban Board Dark mode ========================================================================== */ /* line 357, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column { background: #48484e; border-color: #48484e; } /* line 362, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .collapsed-content .expand-button { background: #323236 !important; border-color: #404046 !important; } /* line 367, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .collapsed-content .expand-button:hover svg { stroke: #ED1C24 !important; } /* line 373, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .collapsed-content .task-count { background: #ED1C24 !important; border-color: #ED1C24 !important; } /* line 377, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .collapsed-content .task-count svg { stroke: #ffffff !important; } /* line 382, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .collapsed-content .collapsed-text { color: #aaaab3 !important; } /* line 388, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .column-title h3 { color: #f9f9f9; } /* line 392, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .column-title .is-trigger svg { stroke: #f9f9f9 !important; } /* line 397, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .dropdown-content { background: #232326; } /* line 400, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .dropdown-content .dropdown-item { color: #ffffff; } /* line 404, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .dropdown-content .dropdown-divider { background: #2f2f33; } /* line 408, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .dropdown-content a:hover, body.is-dark .kanban-column .dropdown-content div:hover { background: #2f2f33 !important; } /* line 413, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .empty-text { color: #cccccc; } /* line 417, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .kanban-card, body.is-dark .kanban-column .gu-transit { background: #323236 !important; border-color: #323236 !important; } /* line 421, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .kanban-card.is-new, body.is-dark .kanban-column .gu-transit.is-new { background: #323236; border-color: #323236; } /* line 425, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .kanban-card.is-new .card-title, body.is-dark .kanban-column .gu-transit.is-new .card-title { color: #d1d1d1; } /* line 429, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .kanban-card.is-new .card-footer, body.is-dark .kanban-column .kanban-card.is-new .card-footer-item, body.is-dark .kanban-column .gu-transit.is-new .card-footer, body.is-dark .kanban-column .gu-transit.is-new .card-footer-item { border-color: #54545b; color: #f9f9f9; } /* line 435, src/assets/scss/pages/projects/_board.scss */ body.is-dark .kanban-column .kanban-card .card-title, body.is-dark .kanban-column .gu-transit .card-title { color: #d1d1d1; } /* ========================================================================== 6. Media Queries ========================================================================== */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 450, src/assets/scss/pages/projects/_board.scss */ .kanban-column { padding: 20px !important; } /* line 454, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card .card-body { padding: 20px 40px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* line 464, src/assets/scss/pages/projects/_board.scss */ .kanban-content { padding: 0 10px !important; } /* line 469, src/assets/scss/pages/projects/_board.scss */ .is-kanban-wrapper .column { padding: 0.15rem !important; } /* line 475, src/assets/scss/pages/projects/_board.scss */ .kanban-column .empty-state { width: 130px !important; } /* line 479, src/assets/scss/pages/projects/_board.scss */ .kanban-column .empty-text { font-size: .7rem !important; } /* line 484, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card .card-title { max-width: 152px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 492, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card .bounty-meta .due-date { display: none; } /* line 497, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card .progress-block { margin-top: 8px; } /* line 500, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card .progress-block .spec-count { font-size: .5rem; } /* line 505, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card .avatar-group img { height: 28px; width: 28px; } /* line 510, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card .done-icon { height: 18px; width: 18px; } /* line 514, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card .done-icon svg { height: 12px; width: 12px; } /* line 522, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card.is-invitation .invitation-avatar .avatar-wrapper { width: 58px; height: 58px; } /* line 526, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card.is-invitation .invitation-avatar .avatar-wrapper .bounty-owner { width: 44px; height: 44px; } /* line 531, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card.is-invitation .invitation-avatar .avatar-wrapper .skill-badge { width: 20px; height: 20px; } /* line 538, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card.is-invitation .card-footer-item { padding: .5rem; font-size: .7rem; } /* line 544, src/assets/scss/pages/projects/_board.scss */ .kanban-column .kanban-card.is-invitation .time-left .time-value { font-size: .5rem; } } /*! _projects.scss | Huro | Css ninja 2020-2021 */ /* 1. Projects Toolbar 2. Projects Grid 3. Projects Grid Dark mode */ /* ========================================================================== 1. Projects Toolbar ========================================================================== */ /* line 13, src/assets/scss/pages/projects/_projects.scss */ .projects-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 18, src/assets/scss/pages/projects/_projects.scss */ .projects-toolbar .avatar-stack { margin-left: 16px; } /* line 22, src/assets/scss/pages/projects/_projects.scss */ .projects-toolbar .button { margin-left: auto; min-width: 140px; } /* ========================================================================== 2. Projects Grid ========================================================================== */ /* line 33, src/assets/scss/pages/projects/_projects.scss */ .all-projects .section-heading { font-family: "Montserrat", sans-serif; font-size: .85rem; text-transform: uppercase; color: #a2a5b9; margin-bottom: 1rem; } /* line 41, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-grid { margin-bottom: 1.5rem; } /* line 44, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-grid .project-grid-item { text-align: center; -webkit-box-shadow: none; box-shadow: none; } /* line 50, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-grid .project-grid-item:hover { border-color: #dedede; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 54, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-grid .project-grid-item:hover .project-avatar { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } /* line 60, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-grid .project-grid-item .project-avatar { display: block; height: 40px; width: 40px; border-radius: 10px; margin: 0 auto 10px auto; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .6; -webkit-transition: all .3s; transition: all .3s; } /* line 71, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-grid .project-grid-item h3 { font-size: .95rem; font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 78, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-grid .project-grid-item p { font-size: .9rem; margin-bottom: 10px; } /* ========================================================================== 3. Projects Grid dark mode ========================================================================== */ /* line 95, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .project-grid .project-grid-item h3 { color: #aaaab3; } /* ========================================================================== 4. Projects Grid V2 ========================================================================== */ /* line 109, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 6px; margin-bottom: 1.5rem; } /* line 117, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header .header-item { width: 25%; border-right: 1px solid #e5e5e5; } /* line 121, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header .header-item:last-child { border-right: none; } /* line 125, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header .header-item .item-inner { text-align: center; } /* line 128, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header .header-item .item-inner .lnil, .all-projects .all-projects-header .header-item .item-inner .lnir { font-size: 2.2rem; margin-bottom: 6px; color: #606061; } /* line 134, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header .header-item .item-inner span { display: block; font-family: "Roboto", sans-serif; font-weight: 600; font-size: 1.4rem; color: #283252; } /* line 142, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header .header-item .item-inner p { font-family: "Montserrat", sans-serif; } /* line 150, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 220px; padding: 20px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 6px; } /* line 161, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .top-section .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } /* line 167, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .top-section .head h3 { font-size: 1rem; font-family: "Montserrat", sans-serif; color: #283252; font-weight: 600; } /* line 176, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .top-section .body p { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 183, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 186, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block { margin-right: 30px; } /* line 189, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block .heading { font-family: "Montserrat", sans-serif; font-size: .75rem; color: #656986; } /* line 195, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block > p { padding-top: 5px; } /* line 199, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block .developers { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 202, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block .developers .h-avatar { margin-right: 6px; } /* ========================================================================== 5. Projects Grid V2 dark mode ========================================================================== */ /* line 219, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .all-projects-header { background: #323236; border-color: #404046; } /* line 223, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .all-projects-header .header-item { border-color: #4f4f56; } /* line 226, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .all-projects-header .header-item span { color: #aaaab3; } /* line 230, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .all-projects-header .header-item i { color: #ED1C24 !important; } /* line 237, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .projects-card-grid .grid-item { background: #323236; border-color: #404046; } /* line 243, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .projects-card-grid .grid-item .top-section .head h3 { color: #aaaab3; } /* line 251, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .projects-card-grid .grid-item .bottom-section .foot-block .heading { color: #7f839f; } /* ========================================================================== 5. Projects Grid V3 ========================================================================== */ /* line 268, src/assets/scss/pages/projects/_projects.scss */ .all-projects.is-webapp { padding-top: 20px; } /* line 272, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 277, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header img { display: block; max-width: 260px; } /* line 282, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 288, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 6px; } /* line 296, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item { text-align: center; margin: 0 20px; } /* line 300, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item span { position: relative; display: block; font-family: "Roboto", sans-serif; font-weight: 600; font-size: 2rem; color: #283252; line-height: 1; width: 75px; margin: 0 auto; } /* line 311, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item span:after { content: ''; position: absolute; top: 0; right: 6px; height: 8px; width: 8px; border-radius: 50%; } /* line 322, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item span.is-success:after { background: #06d6a0; } /* line 328, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item span.is-info:after { background: #039BE5; } /* line 334, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item span.is-warning:after { background: #faae42; } /* line 340, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item span.is-primary:after { background: #606061; } /* line 346, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item p { font-family: "Montserrat", sans-serif; font-size: .9rem; color: #a2a5b9; } /* line 356, src/assets/scss/pages/projects/_projects.scss */ .all-projects .recent-projects { padding: 20px 0; } /* line 359, src/assets/scss/pages/projects/_projects.scss */ .all-projects .recent-projects .recent-heading { font-family: "Montserrat", sans-serif; font-size: .8rem; font-weight: 500; text-transform: uppercase; color: #a2a5b9; margin-bottom: 1rem; } /* line 368, src/assets/scss/pages/projects/_projects.scss */ .all-projects .recent-projects .project-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px; -webkit-transition: all .3s; transition: all .3s; } /* line 377, src/assets/scss/pages/projects/_projects.scss */ .all-projects .recent-projects .project-box:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 381, src/assets/scss/pages/projects/_projects.scss */ .all-projects .recent-projects .project-box h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; margin-left: 16px; line-height: 1.2; } /* line 393, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 398, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-header h3 { font-family: "Montserrat", sans-serif; font-size: 1.5rem; font-weight: 700; color: #283252; margin-left: 16px; line-height: 1.2; } /* line 407, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-header .filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; padding: 8px 24px; border-radius: 100px; } /* line 414, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-header .filter > span { font-family: "Montserrat", sans-serif; font-size: .85rem; font-weight: 600; color: #283252; margin-right: 30px; } /* line 423, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-header .filter .h-select .select-box { border: none; } /* line 430, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body { padding: 20px 0; } /* line 433, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 26px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px; -webkit-transition: all .3s; transition: all .3s; } /* line 443, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 447, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item:hover .item-title h3 { opacity: .6; } /* line 453, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: "Roboto", sans-serif; } /* line 459, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-head .type { text-transform: uppercase; color: #a2a5b9; font-size: .8rem; font-weight: 600; } /* line 466, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-head .status { text-transform: uppercase; font-size: .75rem; font-family: "Montserrat", sans-serif; font-weight: 600; } /* line 472, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-head .status.is-success { color: #06d6a0; } /* line 476, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-head .status.is-info { color: #039BE5; } /* line 480, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-head .status.is-warning { color: #faae42; } /* line 484, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-head .status.is-danger { color: #e62965; } /* line 490, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-title { padding: 40px 0 40px 0; } /* line 493, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-title h3 { font-family: "Montserrat", sans-serif; font-size: 1.3rem; font-weight: 700; color: #283252; line-height: 1.2; margin-bottom: 8px; -webkit-transition: all .3s; transition: all .3s; } /* line 505, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-description p { font-size: 1rem; } /* line 509, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-description .item-people { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; } /* line 515, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-description .item-people .label { font-family: "Roboto", sans-serif; color: #a2a5b9; font-weight: 400; } /* ========================================================================== 6. Projects Grid V3 dark mode ========================================================================== */ /* line 536, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .illustration-header .header-stats .stats-inner { background: #323236; border-color: #404046; } /* line 541, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .illustration-header .header-stats .stats-inner .stat-item span { color: #aaaab3; } /* line 550, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .recent-projects .project-box { background: #323236; border-color: #404046; } /* line 554, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .recent-projects .project-box h3 { color: #aaaab3; } /* line 562, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .project-minimal-grid .grid-header h3 { color: #aaaab3; } /* line 566, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .project-minimal-grid .grid-header .filter { background: #252529 !important; border-color: #2d2d31 !important; } /* line 570, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .project-minimal-grid .grid-header .filter > span { color: #aaaab3; } /* line 577, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .project-minimal-grid .grid-body .grid-item { background: #323236; border-color: #404046; } /* line 582, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .project-minimal-grid .grid-body .grid-item .item-title h3 { color: #aaaab3; } /* line 588, src/assets/scss/pages/projects/_projects.scss */ body.is-dark .all-projects .project-minimal-grid .grid-body .grid-item .h-avatar img { border-color: #323236; } /* ========================================================================== 8. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 607, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-toolbar .avatar-stack { display: none; } /* line 611, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-toolbar .h-button { min-width: 110px; } /* line 616, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 619, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header .header-item { width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; padding: 16px 0; } /* line 625, src/assets/scss/pages/projects/_projects.scss */ .all-projects .all-projects-header .header-item:last-child { border-bottom: none; } /* line 633, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 637, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block:first-child { width: 100%; margin: 0; text-align: center; padding: 16px 0; } /* line 643, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block:first-child .developers { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 646, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block:first-child .developers .h-avatar { margin: 0 4px; } /* line 652, src/assets/scss/pages/projects/_projects.scss */ .all-projects .projects-card-grid .grid-item .bottom-section .foot-block:not(:first-child) { width: 33.3%; text-align: center; margin: 0; } /* line 663, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header > img { display: none !important; } /* line 668, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 671, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item { width: 50%; margin: 0; padding: 16px 0; } /* line 682, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-header .filter { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 695, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header > img { display: none !important; } /* line 700, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner { width: 100%; } /* line 703, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item { width: 25%; } /* line 711, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 714, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .column { min-width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 730, src/assets/scss/pages/projects/_projects.scss */ .all-projects .illustration-header .header-stats .stats-inner .stat-item { width: 25%; } /* line 739, src/assets/scss/pages/projects/_projects.scss */ .all-projects .recent-projects .project-box h3 { font-size: 1.1rem; } /* line 748, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-title { padding: 30px 0; } /* line 751, src/assets/scss/pages/projects/_projects.scss */ .all-projects .project-minimal-grid .grid-body .grid-item .item-title h3 { font-size: 1.5rem; } } /*! _project.scss | Huro | Css ninja 2020-2021 */ /* 1. Project Details 2. Project Details Dark Mode 3. Media Queries */ /* ========================================================================== 1. Project Details ========================================================================== */ /* line 15, src/assets/scss/pages/projects/_project.scss */ .project-details.is-webapp { padding-top: 30px; } /* line 21, src/assets/scss/pages/projects/_project.scss */ .project-details .tabs-wrapper .tabs-inner .tabs { margin: 0 auto; background: #ffffff; } /* line 28, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner { padding: 20px 0; } /* line 31, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card { padding: 40px; } /* line 36, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 43, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .card-head .title-wrap h3 { font-family: "Montserrat", sans-serif; font-size: 1.5rem; font-weight: 700; color: #283252; line-height: 1.2; -webkit-transition: all .3s; transition: all .3s; } /* line 54, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-overview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; } /* line 60, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-overview p { max-width: 420px; } /* line 65, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-features { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } /* line 71, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-features .project-feature { margin-right: 20px; width: calc(25% - 20px); } /* line 75, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-features .project-feature i { font-size: 1.6rem; color: #606061; margin-bottom: 8px; } /* line 81, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-features .project-feature h4 { font-family: "Montserrat", sans-serif; font-size: .85rem; font-weight: 600; color: #363636; } /* line 88, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-features .project-feature p { line-height: 1.2; font-size: .85rem; color: #a2a5b9; margin-bottom: 0; } /* line 97, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files { padding: 20px 0; } /* line 100, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files h4 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .8rem; text-transform: uppercase; color: #606061; margin-bottom: 12px; } /* line 109, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; background: #ffffff; border: 1px solid transparent; border-radius: 12px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 119, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box:hover { border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 124, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box img { display: block; width: 48px; min-width: 48px; height: 48px; } /* line 131, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box .meta { margin-left: 12px; line-height: 1.3; } /* line 135, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box .meta span { display: block; } /* line 138, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box .meta span:first-child { font-family: "Montserrat", sans-serif; font-size: .9rem; font-weight: 600; color: #283252; } /* line 145, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box .meta span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 149, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box .meta span:nth-child(2) i { position: relative; top: -3px; font-size: .3rem; color: #a2a5b9; margin: 0 4px; } /* line 160, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .file-box .dropdown { margin-left: auto; } /* line 167, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .side-card { padding: 40px; margin-bottom: 1.5rem; } /* line 173, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .side-card h4 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .8rem; text-transform: uppercase; color: #606061; margin-bottom: 16px; } /* line 183, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-team-card { padding: 40px; max-width: 940px; display: block; margin: 0 auto; } /* line 191, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-team-card .column { padding: 1.5rem; } /* line 194, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-team-card .column:nth-child(odd) { border-right: 1px solid #e5e5e5; } /* line 198, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-team-card .column.has-border-bottom { border-bottom: 1px solid #e5e5e5; } /* line 205, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .grid-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 211, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .grid-header h3 { font-family: "Montserrat", sans-serif; font-size: 1.5rem; font-weight: 700; color: #283252; line-height: 1.2; } /* line 219, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .grid-header .filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; padding: 8px 24px; border-radius: 100px; } /* line 226, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .grid-header .filter > span { font-family: "Montserrat", sans-serif; font-size: .85rem; font-weight: 600; color: #283252; margin-right: 30px; } /* line 234, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .grid-header .filter .h-select { min-width: 110px; } /* line 237, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .grid-header .filter .h-select .select-box { border: none; } /* line 244, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card { min-height: 200px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 255, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 261, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card .title-wrap h3 { font-size: 1.1rem; font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; line-height: 1.2; margin-bottom: 4px; } /* line 270, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card .title-wrap span { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; } /* line 277, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card .content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 283, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card .content-wrap .left .avatar-stack { margin-bottom: 6px; } /* line 287, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card .content-wrap .left .attachments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 291, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card .content-wrap .left .attachments i { font-size: 15px; color: #a2a5b9; } /* line 296, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .task-card .content-wrap .left .attachments span { margin-left: 2px; font-size: .9rem; font-family: "Roboto", sans-serif; color: #a2a5b9; } /* ========================================================================== 2. Project Details Dark Mode ========================================================================== */ /* line 322, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-details-card .card-head .title-wrap h3 { color: #aaaab3 !important; } /* line 328, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-details-card .project-features { border-color: #404046; } /* line 332, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-details-card .project-features .project-feature i { color: #ED1C24; } /* line 336, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-details-card .project-features .project-feature h4 { color: #aaaab3; } /* line 343, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-details-card .project-files h4 { color: #ED1C24; } /* line 347, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-details-card .project-files .file-box { background: #2a2a2e; } /* line 350, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-details-card .project-files .file-box:hover { border-color: #3b3b41; } /* line 356, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-details-card .project-files .file-box .meta span:first-child { color: #aaaab3; } /* line 366, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .side-card h4 { color: #ED1C24; } /* line 372, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .project-team-card .column { border-color: #404046; } /* line 379, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .task-grid .grid-header h3 { color: #aaaab3; } /* line 383, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .task-grid .grid-header .filter { background: #252529 !important; border-color: #2d2d31 !important; } /* line 387, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .task-grid .grid-header .filter > span { color: #aaaab3; } /* line 395, src/assets/scss/pages/projects/_project.scss */ body.is-dark .project-details .project-details-inner .task-grid .task-card .title-wrap h3 { color: #aaaab3; } /* ========================================================================== 3. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 415, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card { padding: 30px; } /* line 418, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-overview { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 421, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-overview p { margin-bottom: 20px; } /* line 426, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-features { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 429, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-features .project-feature { width: calc(50% - 20px); text-align: center; margin: 0 10px; } /* line 434, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-features .project-feature:first-child, .project-details .project-details-inner .project-details-card .project-features .project-feature:nth-child(2) { margin-bottom: 20px; } /* line 441, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-team-card { padding: 30px; } /* line 444, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-team-card .column { border-right: none !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 458, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 461, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-details-card .project-files .columns .column { min-width: 50%; } /* line 469, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-team-card .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 472, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .project-team-card .columns .column { min-width: 50%; } /* line 479, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 482, src/assets/scss/pages/projects/_project.scss */ .project-details .project-details-inner .task-grid .columns .column { min-width: 50%; } } /*! _pages-messaging.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Messaging ========================================================================== */ /* 1. Chat side FAB 2. Chat Wrapper 3. Chat body 4. Messages globals and variations 5. Compose message area 6. Chat body placeholder 7. Chat Dark mode 8. Media Queries */ /* ========================================================================== 1. Chat side FAB ========================================================================== */ /* line 22, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab { position: fixed; top: 10px; right: 10px; height: 40px; width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; border-radius: 50%; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); -webkit-transform: translateX(60px) rotate(360deg); transform: translateX(60px) rotate(360deg); -webkit-transition: all .3s; transition: all .3s; } /* line 38, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab.is-active { -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } /* line 42, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab svg { position: relative; left: -1px; height: 20px; width: 20px; stroke: #a2a5b9; } /* ========================================================================== 2. Chat Wrapper ========================================================================== */ /* line 55, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat { position: absolute; height: 100%; top: 0; left: 0; width: 100%; border-radius: 16px 6px 6px 16px; } /* line 63, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 55px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0px; left: 0px; right: 0px; width: 100%; padding: 5px 10px; z-index: 2; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* line 79, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 320px; margin-left: 20px; } /* line 84, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete.is-active, .is-chat .chat-header .is-autocomplete:hover { background: transparent !important; } /* line 88, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control { position: relative; } /* line 91, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .icon { position: absolute; top: 9px; left: 9px; color: #cecece; } /* line 97, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .icon span { color: #283252; font-weight: 500; } /* line 102, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .icon svg { width: 20px; height: 20px; -webkit-transition: all .3s; transition: all .3s; } /* line 109, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .hide { position: absolute; top: 2px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; width: 36px; cursor: pointer; } /* line 120, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .hide svg { height: 18px; width: 18px; stroke: #999999; } /* line 127, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete { width: 100% !important; } /* line 130, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete input { padding-left: 40px; border: none; -webkit-box-shadow: none; box-shadow: none; color: #999999; -webkit-transition: all .3s; transition: all .3s; } /* line 138, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete input:focus + .icon { color: #606061; } /* line 144, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 149, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper { position: relative; width: 40px !important; height: 40px !important; } /* line 154, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; } /* line 160, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge { position: absolute; bottom: 0; right: -5px; width: 18px; height: 18px; border: 2px solid #ffffff; border-radius: 50%; } /* line 171, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text { margin-left: 15px; } /* line 174, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span { font-size: 0.8rem; color: #A9ABAC; } /* line 183, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete li { height: auto !important; padding-top: 8px; padding-bottom: 8px; border-left: none !important; border-right: none !important; } /* line 191, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .easy-autocomplete-container { top: 120% !important; border: none !important; } /* line 195, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul { border-radius: 4px !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 202, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .user-group { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; cursor: pointer; } /* line 211, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .user-group img { height: 36px; width: 36px; border: 3px solid #ffffff; border-radius: 50%; display: block; } /* line 218, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .user-group img:nth-child(2), .is-chat .chat-header .user-group img:nth-child(3), .is-chat .chat-header .user-group img:nth-child(4) { margin-left: -15px; } /* line 223, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .user-group .more-indicator { display: block; height: 36px; width: 36px; border-radius: 50%; background: #606061; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -15px; border: 2px solid #ffffff; } /* line 235, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat .chat-header .user-group .more-indicator span { display: block; color: #ffffff; font-weight: 600; font-size: .8rem; } /* ========================================================================== 3. Chat body ========================================================================== */ /* line 250, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; } /* line 257, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body-wrap.side-collapsed .chat-body { width: 100% !important; } /* line 261, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body-wrap.side-collapsed .chat-side { width: 0 !important; -webkit-transform: translateX(100%); transform: translateX(100%); } /* line 265, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body-wrap.side-collapsed .chat-side .chat-side-content { opacity: 0; } /* line 272, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side { position: relative; width: 320px; height: 100%; border-left: 1px solid #ededed; background: #ffffff; z-index: 3; -webkit-transition: all .3s; transition: all .3s; } /* line 281, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-header { height: 60px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } /* line 289, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content { text-align: center; -webkit-transition: all .3s; transition: all .3s; padding: 20px; } /* line 294, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .user-pic { position: relative; max-width: 90px; margin: 0 auto; } /* line 299, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .user-pic img { height: 90px; width: 90px; border-radius: 50%; display: block; } /* line 305, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .user-pic img.is-squared { border-radius: 0 !important; } /* line 309, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .user-pic img.is-badge { display: block; position: absolute; right: -6px; bottom: 0; border-radius: 50%; border: 3px solid #ffffff; height: 34px; width: 34px; border-radius: 50%; } /* line 323, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .user-name { margin-top: 10px; font-size: 1.2rem; font-weight: 700; color: #283252; } /* line 330, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .user-job-title { color: #999999; } /* line 334, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .side-actions { padding: 12px 0; } /* line 337, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .side-actions .button { color: #a2a5b9; } /* line 340, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .side-actions .button:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 346, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .detail-photos { margin-top: 30px; text-align: center; padding: 0 12px; } /* line 351, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .detail-photos .detail-photo-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a2a5b9; font-weight: 400; font-size: 1rem; margin-bottom: 20px; color: #a2a5b9; } /* line 360, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .detail-photos .detail-photo-title svg { width: 16px; margin-right: 8px; } /* line 366, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .detail-photos .detail-photo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 6px; grid-row-gap: 6px; grid-template-rows: repeat(3, 60px); } /* line 373, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .detail-photos .detail-photo-grid img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 8px; -o-object-position: center; object-position: center; } /* line 382, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side .chat-side-content .detail-photos .view-more { display: block; color: #606061; font-weight: 600; font-size: 15px; margin: 25px 0; } /* line 393, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body { position: relative; width: calc(100% - 320px); height: 100%; overflow-y: auto; list-style: none; margin: 0; padding: 0 30px 80px 30px; -webkit-transition: all .3s; transition: all .3s; } /* line 403, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body::-webkit-scrollbar { width: 5px; } /* line 407, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.2); } /* line 412, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .divider-container { max-width: 100%; } /* line 415, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .divider-container .divider { margin: 1.5em auto 1.5em auto; } /* line 418, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .divider-container .divider span { color: #cecece; font-weight: 400; text-transform: uppercase; font-size: .8rem; } /* line 424, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .divider-container .divider span:before, .chat-body .divider-container .divider span:after { top: .9em; width: 43%; border-top: 1px solid rgba(0, 0, 0, 0.1); } /* line 433, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body li { padding: 0.5rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 439, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .avatar { width: 40px; height: 40px; position: relative; display: block; z-index: 2; border-radius: 50%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; background-color: rgba(255, 255, 255, 0.9); } /* line 451, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .avatar img { width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.9); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* line 463, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .day { position: relative; display: block; text-align: center; color: #c0c0c0; height: 20px; text-shadow: 7px 0px 0px #e5e5e5, 6px 0px 0px #e5e5e5, 5px 0px 0px #e5e5e5, 4px 0px 0px #e5e5e5, 3px 0px 0px #e5e5e5, 2px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 0px 0px 0px #e5e5e5, -1px 0px 0px #e5e5e5, -2px 0px 0px #e5e5e5, -3px 0px 0px #e5e5e5, -4px 0px 0px #e5e5e5, -5px 0px 0px #e5e5e5, -6px 0px 0px #e5e5e5, -7px 0px 0px #e5e5e5; -webkit-box-shadow: inset 20px 0px 0px #e5e5e5, inset -20px 0px 0px #e5e5e5, inset 0px -2px 0px #d7d7d7; box-shadow: inset 20px 0px 0px #e5e5e5, inset -20px 0px 0px #e5e5e5, inset 0px -2px 0px #d7d7d7; line-height: 38px; margin-top: 5px; margin-bottom: 20px; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* line 483, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other.is-consecutive .avatar, .chat-body .self.is-consecutive .avatar { visibility: hidden !important; } /* line 487, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other.is-consecutive .msg, .chat-body .self.is-consecutive .msg { border-radius: 6px; } /* line 490, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other.is-consecutive .msg:after, .chat-body .self.is-consecutive .msg:after { display: none; } /* line 498, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other + .other .avatar, .chat-body .self + .self .avatar { visibility: hidden !important; } /* line 504, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other.is-multi + .other.is-multi .avatar { visibility: visible !important; } /* line 510, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other .msg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-width: 230px; max-width: 40%; margin-left: 20px; } /* line 516, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other .msg p { font-size: .9rem; color: #a2a5b9; } /* line 521, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other .msg .msg-inner { background: #ffffff; color: #283252; border-radius: 0 12px 12px 12px; padding: 16px; position: relative; } /* line 529, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other .msg time { display: block; text-align: right; font-size: 0.8rem; color: #a2a5b9; margin-top: 3px; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* line 541, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other .msg time svg { position: relative; top: 1px; height: 10px; width: 10px; stroke: #ffffff; margin-left: 3px; } /* line 551, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other .msg.is-link-image { background: #E6E5ED; padding: 0; } /* line 556, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .other .msg.is-link { background: #E6E5ED; } /* line 562, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } /* line 566, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .msg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 20px; min-width: 230px; max-width: 40%; position: relative; } /* line 573, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .msg .msg-inner { background: #E6E5ED; color: #283252; border-radius: 12px 0 12px 12px; padding: 12px; } /* line 580, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .msg p { font-size: .9rem; } /* line 584, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .msg time { display: block; text-align: left; font-size: 0.8rem; color: #a2a5b9; margin-top: 3px; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* line 596, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .msg time svg { position: relative; top: 1px; height: 10px; width: 10px; stroke: #283252; margin-right: 3px; } /* line 606, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .msg.is-link-image { background: #E6E5ED; padding: 0; } /* line 611, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .msg.is-link { background: #E6E5ED; } /* line 616, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .avatar { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /* line 619, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .self .avatar:before { display: none; } /* line 625, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .no-messages { display: block; width: 50%; height: 50%; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; margin: 0 auto; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 638, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .no-messages img { display: block; margin: 0 auto; height: 190px; } /* line 644, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .no-messages .text { text-align: center; } /* line 647, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .no-messages .text h3 { font-size: 1.4rem; } /* line 651, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .no-messages .text p { color: #999999; } /* line 657, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .chat-loader { position: fixed; left: 0; right: 0; bottom: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background: white; z-index: 9; opacity: 0; pointer-events: none; -webkit-transition: all .4s; transition: all .4s; } /* line 674, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .chat-loader.is-active { opacity: 1; pointer-events: all; z-index: 9 !important; } /* line 680, src/assets/scss/pages/messaging/_messaging.scss */ .chat-body .chat-loader .loader { position: relative; top: -45px; height: 6rem; width: 6rem; } /* ========================================================================== 4. Messages globals and variations ========================================================================== */ /* line 693, src/assets/scss/pages/messaging/_messaging.scss */ .msg { min-width: 50px; max-width: 40%; } /* line 698, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container { position: relative; border-radius: 3px; } /* line 703, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container:hover .image-overlay { opacity: .45; } /* line 707, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container:hover .image-actions { opacity: 1; pointer-events: all; } /* line 713, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container img { position: relative; display: block; border-radius: 3px; border: 4px solid #ffffff; z-index: 1; } /* line 721, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #606061; border: 4px solid #ffffff; border-radius: 3px; -webkit-transition: all .3s; transition: all .3s; z-index: 2; } /* line 735, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container .image-actions { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; z-index: 3; } /* line 746, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container .image-actions .actions-inner { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 754, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container .image-actions .actions-inner .action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 40px; border-radius: 50%; background: #ffffff; margin: 0 6px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 766, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container .image-actions .actions-inner .action:hover { background: #06d6a0; } /* line 769, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container .image-actions .actions-inner .action:hover svg { stroke: #fcfcfc; } /* line 774, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-image .image-container .image-actions .actions-inner .action svg { height: 18px; width: 18px; stroke: #06d6a0; -webkit-transition: all .3s; transition: all .3s; } /* line 786, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image { background: #E6E5ED; padding: 0; max-width: 320px !important; } /* line 791, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image .image { position: relative; } /* line 794, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image .image img { max-width: 320px; border-radius: 6px 6px 0 0; } /* line 799, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image .image .link-badge { height: 40px; width: 40px; position: absolute; right: 15px; bottom: 15px; } /* line 806, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image .image .link-badge img { position: relative; display: block; height: 40px; width: 40px; border-radius: 50%; } /* line 816, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image .link-body { padding: 10px 15px; } /* line 819, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image .link-body .link-title { display: block; font-weight: 500; color: #283252; } /* line 825, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image .link-body small { display: block; width: 100%; font-size: .75rem; color: #999999; padding-top: 5px; } /* line 834, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link-image:after { display: none; } /* line 839, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link { background: #E6E5ED; padding: 10px 20px; max-width: 320px; display: block; position: relative; } /* line 846, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link .icon-wrapper { position: absolute; top: calc(50% - 18px); left: -18px; width: 36px; height: 36px; min-width: 36px !important; max-height: 36px; border-radius: 50%; border: 2px solid #ffffff; background: #606061; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 861, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link .icon-wrapper svg { width: 16px; height: 16px; stroke: #ffffff; } /* line 868, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link .link-meta { margin-left: 10px; } /* line 871, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link .link-meta span { color: #283252; font-weight: 500; font-size: .9rem; } /* line 877, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link .link-meta a { display: block; font-size: .9rem; font-weight: 500; color: #606061; } /* line 885, src/assets/scss/pages/messaging/_messaging.scss */ .msg.is-link:after { display: none; } /* line 890, src/assets/scss/pages/messaging/_messaging.scss */ .msg p { font-size: 0.8rem; margin: 0 0 0.2rem 0; } /* line 895, src/assets/scss/pages/messaging/_messaging.scss */ .msg img { position: relative; display: block; width: 450px; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px #eee; box-shadow: 0px 0px 3px #eee; -webkit-transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41); transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41); cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } @media screen and (max-width: 800px) { /* line 912, src/assets/scss/pages/messaging/_messaging.scss */ .msg img { width: 300px; } } @media screen and (max-width: 550px) { /* line 918, src/assets/scss/pages/messaging/_messaging.scss */ .msg img { width: 200px; } } /* ========================================================================== 5. Compose message area ========================================================================== */ /* line 927, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; width: calc(100% - 320px); padding: 0 16px; -webkit-transition: all .3s; transition: all .3s; z-index: 2; } /* line 939, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper.side-collapsed { width: 100% !important; } /* line 943, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control { position: relative; width: 100%; } /* line 947, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control input { height: 42px; padding-left: 70px; } /* line 952, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content { position: absolute; top: 0; left: 0; z-index: 11; } /* line 960, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content:hover > div .button { background: #ededed; } /* line 963, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content:hover > div .button svg { stroke: #606061; } /* line 970, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 42px; height: 42px; } /* line 978, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content .button { width: 28px; height: 28px; border-radius: 50%; border: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; } /* line 989, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content .button svg { stroke: #cecece; stroke-width: 2px; height: 18px; width: 18px; -webkit-transition: all .3s; transition: all .3s; } /* line 999, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content .dropdown-content a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1003, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content .dropdown-content a svg { height: 18px; width: 18px; stroke: #999999; } /* line 1009, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content .dropdown-content a .meta { margin-left: 12px; } /* line 1012, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content .dropdown-content a .meta span { display: block; } /* line 1015, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content .dropdown-content a .meta span:first-child { font-size: .9rem; font-weight: 500; color: #283252; } /* line 1021, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-content .dropdown-content a .meta span:nth-child(2) { font-size: .9rem; color: #999999; } /* line 1031, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-emoji { position: absolute; top: 0; left: 34px; z-index: 11; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 28px; height: 42px; } /* line 1043, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-emoji:hover .button { background: #ededed; } /* line 1046, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-emoji:hover .button svg { stroke: #606061; } /* line 1052, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-emoji .button { width: 28px; height: 28px; border-radius: 50%; border: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; } /* line 1063, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .add-emoji .button svg { stroke: #cecece; stroke-width: 2px; height: 18px; width: 18px; -webkit-transition: all .3s; transition: all .3s; } /* line 1073, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .send-message { position: absolute; top: 3px; right: 3px; z-index: 11; } /* line 1079, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .control .send-message .button { height: 36px; min-width: 90px; } /* line 1086, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .typing-indicator { position: absolute; bottom: 50px; left: 10px; width: 100px; height: 100px; z-index: 2; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s; transition: all .3s; } /* line 1097, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .typing-indicator.is-active { opacity: 1; -webkit-transform: translateY(25px); transform: translateY(25px); } /* line 1102, src/assets/scss/pages/messaging/_messaging.scss */ .message-field-wrapper .typing-indicator img { display: block; width: 100%; height: auto; } /* ========================================================================== 6. Chat body placeholder ========================================================================== */ /* line 1114, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat-placeholder { position: absolute; bottom: 10px; height: calc(100% - 80px); width: calc(100% - 80px); } /* line 1120, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat-placeholder .caption { display: block; width: 50%; height: 50%; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; margin: 0 auto; -webkit-transform: translateY(-70%); transform: translateY(-70%); } /* line 1132, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat-placeholder .caption img { display: block; margin: 0 auto; max-width: 250px; } /* line 1138, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat-placeholder .caption .text { text-align: center; margin-top: 20px; } /* line 1142, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat-placeholder .caption .text h3 { font-size: 1.4rem; font-weight: 500; color: #283252; } /* line 1148, src/assets/scss/pages/messaging/_messaging.scss */ .is-chat-placeholder .caption .text p { color: #999999; margin-bottom: 10px; } /* ========================================================================== 7. Chat Dark mode ========================================================================== */ /* line 1162, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .chat-side-fab { background: #28282b !important; border-color: #404046 !important; } /* line 1167, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat-placeholder { background: #2f2f33 !important; border-color: #2f2f33 !important; } /* line 1171, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat-placeholder h3 { color: #a6a6a6 !important; } /* line 1176, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat { border: none !important; background: #2a2a2e !important; } /* line 1180, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-loader { background: #28282b; } /* line 1188, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-badge { border-color: #232326 !important; } /* line 1194, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .recipient-meta span:first-child { color: #dbdbdb !important; } /* line 1201, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .chat-options #hide-conversation:hover, body.is-dark .is-chat .chat-header .chat-options #hide-chat-side:hover { color: #ED1C24 !important; } /* line 1207, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete.is-active, body.is-dark .is-chat .chat-header .is-autocomplete:hover, body.is-dark .is-chat .chat-header .is-autocomplete.is-active:hover { background: transparent !important; } /* line 1211, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl { background: none; border-color: none; color: #c2c2c2; } /* line 1216, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl::-webkit-input-placeholder { color: gray !important; } /* line 1220, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl::-moz-placeholder { color: gray !important; } /* line 1224, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl:-ms-input-placeholder { color: gray !important; } /* line 1228, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl:-moz-placeholder { color: gray !important; } /* line 1233, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete svg { stroke: gray !important; } /* line 1237, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete .icon span { color: #fcfcfc !important; } /* line 1241, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container { background: #232326; } /* line 1244, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul { background: none repeat scroll 0 0 #232326; border-top: none; } /* line 1248, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul li { border-color: #232326 !important; } /* line 1251, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul li.selected { background: #28282b; } /* line 1255, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul li .entry-text { color: #b3b3b3; } /* line 1258, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul li .entry-text span { color: #666666 !important; } /* line 1268, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-side { background: #2d2d31; border-color: #28282b; } /* line 1272, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-side .user-name { color: #cccccc; } /* line 1277, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-side .chat-side-content .is-badge { border-color: #2d2d31; } /* line 1282, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-side .chat-side-content .detail-photos .view-more { color: #ED1C24; } /* line 1289, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body { background: #343439; } /* line 1292, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .divider span { color: #595960 !important; } /* line 1295, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .divider span:before, body.is-dark .is-chat .chat-body .divider span:after { border-color: #48484e !important; } /* line 1303, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body li.other .msg .msg-inner { color: #fcfcfc; background: #ED1C24; } /* line 1307, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body li.other .msg .msg-inner p { color: #fcfcfc; } /* line 1316, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body li.self .msg .msg-inner { background: #48484e !important; color: #b3b3b3 !important; } /* line 1321, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body li.self .msg time { color: #b3b3b3 !important; } /* line 1324, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body li.self .msg time svg { stroke: #b3b3b3 !important; } /* line 1333, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .msg.is-link-image { border-radius: 10px; } /* line 1336, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .msg.is-link-image .link-body { background: #2f2f33; border-radius: 0 0 6px 6px; } /* line 1340, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .msg.is-link-image .link-body .link-title, body.is-dark .is-chat .chat-body .msg.is-link-image .link-body small { color: #fcfcfc !important; } /* line 1346, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .msg.is-link { background: #2a2a2e; border-radius: 6px; } /* line 1350, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .msg.is-link .icon-wrapper { border-color: #2f2f33; background: #ED1C24; } /* line 1356, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .msg.is-link .link-meta span { color: #fcfcfc !important; } /* line 1360, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .msg.is-link .link-meta a { color: #ED1C24 !important; } /* line 1368, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .chat-body .msg.is-image .image-container .image-overlay { background: #ED1C24; } /* line 1378, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .message-field-wrapper .add-content .button { background: #ED1C24; border-color: #ED1C24; } /* line 1385, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .message-field-wrapper .add-content .dropdown-item .meta span:first-child { color: #fcfcfc !important; } /* line 1392, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat .message-field-wrapper .add-emoji { left: 38px; } /* line 1397, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat #chat-input { background: #28282b !important; color: #b3b3b3 !important; } /* line 1401, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat #chat-input::-webkit-input-placeholder { color: #a6a6a6 !important; } /* line 1405, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat #chat-input::-moz-placeholder { color: #a6a6a6 !important; } /* line 1409, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat #chat-input:-ms-input-placeholder { color: #a6a6a6 !important; } /* line 1413, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .is-chat #chat-input:-moz-placeholder { color: #a6a6a6 !important; } /* line 1419, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .collapsed-messaging { background: #2f2f33; border-color: #2f2f33 !important; } /* line 1425, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .collapsed-messaging .collapsed-conversations li.is-active { background: #28282b; border-color: #ED1C24 !important; } /* line 1431, src/assets/scss/pages/messaging/_messaging.scss */ body.is-dark .collapsed-messaging .collapsed-conversations li .user-container .is-badge, body.is-dark .collapsed-messaging .collapsed-conversations li .user-container .is-count { border-color: #2f2f33 !important; } /* ========================================================================== 8. Media Queries ========================================================================== */ @media (max-width: 767px) { /* line 1446, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab { top: 75px; right: 16px; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } /* line 1451, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab.is-active { -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } /* line 1455, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab.is-mobile-active { -webkit-transform: translateX(60px) rotate(360deg) !important; transform: translateX(60px) rotate(360deg) !important; } /* line 1460, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content { padding: 0 5px !important; } /* line 1463, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat { position: absolute; top: 0 !important; left: 0; max-height: calc(100% - 60px) !important; } /* line 1469, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-side { position: fixed; top: 0; right: 0; height: 100%; width: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s; transition: all .3s; z-index: 20; } /* line 1479, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-side.is-mobile-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 1484, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-header { border-radius: 16px 16px 0 0 !important; } /* line 1488, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-body { padding-bottom: 60px; width: 100% !important; padding: 0 10px 40px 10px; } /* line 1493, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-body .avatar, .chat-content .is-chat .chat-body .avatar img { height: 36px !important; width: 36px !important; min-height: 36px !important; min-width: 36px !important; } /* line 1500, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-body .msg { max-width: 230px; } /* line 1504, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-body .msg.is-link-image .image img { width: 100%; } /* line 1511, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .message-field-wrapper { width: 100% !important; } /* line 1517, src/assets/scss/pages/messaging/_messaging.scss */ .collapsed-messaging { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 1523, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab { top: 75px; right: 16px; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } /* line 1528, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab.is-active { -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } /* line 1532, src/assets/scss/pages/messaging/_messaging.scss */ .chat-side-fab.is-mobile-active { -webkit-transform: translateX(60px) rotate(360deg) !important; transform: translateX(60px) rotate(360deg) !important; } /* line 1537, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content { padding: 0 5px !important; } /* line 1540, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat { position: absolute; top: 0 !important; left: 0; max-height: calc(100% - 60px) !important; } /* line 1546, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-side { position: fixed; top: 0; right: 0; height: 100%; width: 340px; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s; transition: all .3s; z-index: 20; } /* line 1556, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-side.is-mobile-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 1561, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-header { border-radius: 16px 16px 0 0 !important; } /* line 1565, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-body { padding-bottom: 60px; width: 100% !important; padding: 0 10px 40px 10px; } /* line 1570, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-body .avatar, .chat-content .is-chat .chat-body .avatar img { height: 36px !important; width: 36px !important; min-height: 36px !important; min-width: 36px !important; } /* line 1577, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-body .msg { max-width: 230px; } /* line 1581, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .chat-body .msg.is-link-image .image img { width: 100%; } /* line 1588, src/assets/scss/pages/messaging/_messaging.scss */ .chat-content .is-chat .message-field-wrapper { width: 100% !important; } /* line 1594, src/assets/scss/pages/messaging/_messaging.scss */ .collapsed-messaging { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* line 1601, src/assets/scss/pages/messaging/_messaging.scss */ .collapsed-messaging.is-active { left: 60px !important; border-left: 1px #e5e5e5; } } /*! _messaging-webapp.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Messaging ========================================================================== */ /* 1. Variables / Wrapper / Header 2. Wrapper / Header Dark mode 3. Chat Conversations 4. Chat Conversations Dark mode 5. Chat messages 6. Chat Messages Dark mode 7. Chat Details 8. Chat Details Dark mode 9. Media Queries */ /* ========================================================================== 1. Variables / Wrapper / Header ========================================================================== */ /* line 36, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; max-width: 1600px; height: 100vh; margin: 0 auto; overflow: hidden; } /* line 45, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header { height: 80px; min-height: 80px; width: 100%; border-bottom: 1px solid #eef2f4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } /* line 54, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .logo { width: 38px; -ms-flex-negative: 0; flex-shrink: 0; } /* line 59, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar { height: 80px; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; z-index: 3; position: relative; margin-left: 280px; } /* line 66, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar .field { height: 100%; width: 100%; } /* line 70, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar .field .control { height: 100%; width: 100%; } /* line 74, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar .field .control .form-icon { height: 80px; width: 80px; } /* line 78, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar .field .control .form-icon svg { height: 20px; width: 20px; } /* line 84, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar .field .control .input { height: 100%; width: 100%; display: block; background-color: transparent; border: none; color: #273346; font-family: "Roboto", sans-serif; font-weight: 500; font-size: 15px; padding-left: 80px; padding-right: 80px; } /* line 97, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar .field .control .input:focus { -webkit-box-shadow: none; box-shadow: none; } /* line 105, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; } /* line 112, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings > * + * { margin-left: 14px; } /* line 117, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* line 123, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger .profile-avatar { position: relative; } /* line 126, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger .profile-avatar .avatar { display: block; width: 38px; height: 38px; border-radius: 50%; } /* line 133, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger .profile-avatar .badge { position: absolute; right: -8px; bottom: 0; width: 20px; height: 20px; border: 2px solid #ffffff; border-radius: 50%; } /* line 144, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger svg { margin-left: 3px; width: 18px; height: 18px; stroke: #a2a5b9; -webkit-transition: all .3s; transition: all .3s; } /* line 153, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .dropdown-menu { top: 52px; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 8px; padding-top: 0; width: 180px; overflow: hidden; } /* line 162, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .dropdown-menu .dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; font-size: .9rem; padding: 8px 12px; color: #a2a5b9; } /* line 170, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .dropdown-menu .dropdown-item svg { margin-right: 8px; height: 16px; width: 16px; stroke: #a2a5b9; } /* ========================================================================== 2. Wrapper / Header Dark mode ========================================================================== */ /* line 190, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .chat-app-header { background: #1e1e21; border-color: #28282b; } /* line 197, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .chat-app-header .search-bar .field .control .input { color: #aaaab3; } /* line 206, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .dropdown-menu { border-color: #404046; } /* ========================================================================== 3. Chat Conversations ========================================================================== */ /* line 221, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; } /* line 227, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area { border-right: 1px solid #eef2f4; overflow-y: auto; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 340px; -ms-flex-negative: 0; flex-shrink: 0; } /* line 237, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .overlay { position: absolute; bottom: 0; left: 0; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(65%, white), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 65%, white 100%); height: 80px; } /* line 247, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; padding: 20px; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; position: relative; } /* line 256, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation:hover { background-color: rgba(238, 242, 244, 0.4); } /* line 260, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation.active { background: -webkit-gradient(linear, left top, right top, from(rgba(238, 242, 244, 0.4)), to(rgba(238, 242, 244, 0))); background: linear-gradient(to right, rgba(238, 242, 244, 0.4) 0%, rgba(238, 242, 244, 0) 100%); border-left: 4px solid #606061; } /* line 265, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation.active .conversation-detail .conversation-username { font-weight: 600; } /* line 271, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation .h-avatar { margin-right: 12px; } /* line 275, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail { overflow: hidden; font-family: "Roboto", sans-serif; } /* line 279, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-username { font-family: "Montserrat", sans-serif; color: #283252; font-weight: 500; font-size: .95rem; } /* line 286, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-content { font-weight: 500; font-size: .9rem; display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 291, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-content .conversation-message { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #a2a5b9; max-width: 170px; } /* line 299, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-content .conversation-date { font-size: .9rem; color: #a2a5b9; margin-left: 4px; } /* line 304, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-content .conversation-date:before { content: "•"; margin-right: 2px; } /* ========================================================================== 4. Chat Conversations Dark mode ========================================================================== */ /* line 324, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .conversation-area { background: #2d2d31; border-color: #404046; } /* line 328, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .conversation-area .overlay { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(65%, #232326), to(#232326)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #232326 65%, #232326 100%); } /* line 333, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .conversation-area .conversation:hover { background: #323236; } /* line 337, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .conversation-area .conversation.active { background: #252529; border-color: #ED1C24; } /* line 343, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-username { color: #aaaab3; } /* ========================================================================== 5. Chat messages ========================================================================== */ /* line 360, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: calc(100vh - 80px); overflow-y: auto; overflow-x: hidden !important; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* line 369, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .overlay { position: absolute; top: 0; left: 0; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(65%, white), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 65%, white 100%); height: 80px; } /* line 379, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-content { display: none; padding-bottom: 80px; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 384, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-content.is-active { display: block; } /* line 389, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 2; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; background: #ffffff; } /* line 400, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .trigger { padding: 8px; margin-right: 6px; border: none; background: none; outline: none; } /* line 407, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .trigger svg { height: 20px; width: 20px; } /* line 413, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } /* line 418, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group * { border: 2px solid #ffffff; } /* line 422, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group * + * { margin-left: -5px; } /* line 426, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group > span { width: 32px; height: 32px; background-color: #dbdbdb; color: #606061; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .9rem; font-weight: 500; } /* line 438, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group > span span { position: relative; top: -1px; left: -1px; line-height: 1; display: block; text-align: center; margin: 0; border: none; } /* line 451, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-profile { width: 32px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } /* line 457, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-title { font-size: 1.1rem; font-family: "Montserrat", sans-serif; color: #283252; font-weight: 700; } /* line 465, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* line 468, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-img { height: 40px; width: 40px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } /* line 475, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-profile { -ms-flex-negative: 0; flex-shrink: 0; margin-top: auto; margin-bottom: -20px; position: relative; } /* line 482, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-date { position: absolute; left: calc(100% + 12px); bottom: 0; font-size: 12px; font-family: "Roboto", sans-serif; font-weight: 500; color: #c0c7d2; white-space: nowrap; } /* line 493, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px 45px; } /* line 497, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-content { margin-left: 12px; max-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /* line 505, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-text { background-color: #f1f2f6; padding: 15px; border-radius: 20px 20px 20px 0; line-height: 1.5; font-family: "Roboto", sans-serif; font-size: .95rem; font-weight: 500; } /* line 514, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-text + .chat-msg-text { margin-top: 10px; } /* line 520, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-text { color: var(--chat-text-color); } /* line 524, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .owner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 527, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .owner .chat-msg-content { margin-left: 0; margin-right: 12px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } /* line 533, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .owner .chat-msg-text { background-color: #606061; color: #ffffff; border-radius: 20px 20px 0 20px; } /* line 539, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .owner .chat-msg-date { left: auto; right: calc(100% + 12px); } /* line 545, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-text img { max-width: 300px; border-radius: 10px; width: 100%; } /* line 552, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #eef2f4; width: 100%; padding: 10px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; width: calc(100% - 680px); overflow-x: hidden; bottom: 0; left: 0; } /* line 569, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer input { border: 1px solid transparent; outline: none; color: #273346; background-color: #f8f8fa; padding: 12px; border-radius: 6px; font-size: 15px; margin: 0 12px; width: 100%; -webkit-transition: all .3s; transition: all .3s; } /* line 581, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer input::-webkit-input-placeholder { color: #a2a2a2; } .chat-app-wrapper .wrapper .chat-area .chat-area-footer input::-moz-placeholder { color: #a2a2a2; } .chat-app-wrapper .wrapper .chat-area .chat-area-footer input:-ms-input-placeholder { color: #a2a2a2; } .chat-app-wrapper .wrapper .chat-area .chat-area-footer input::-ms-input-placeholder { color: #a2a2a2; } .chat-app-wrapper .wrapper .chat-area .chat-area-footer input::placeholder { color: #a2a2a2; } /* line 585, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer input:focus { background: #ffffff; border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 595, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content:hover > div .button { background: #ededed; } /* line 598, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content:hover > div .button svg { stroke: #606061; } /* line 605, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 42px; height: 42px; } /* line 613, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .button { width: 28px; height: 28px; border-radius: 50%; border: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; } /* line 624, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .button svg { stroke: #cecece; stroke-width: 2px; height: 18px; width: 18px; -webkit-transition: all .3s; transition: all .3s; } /* line 634, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 638, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a svg { height: 18px; width: 18px; stroke: #999999; } /* line 644, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a .meta { margin-left: 12px; } /* line 647, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a .meta span { display: block; } /* line 650, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a .meta span:first-child { font-size: .9rem; font-weight: 500; color: #283252; } /* line 656, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a .meta span:nth-child(2) { font-size: .9rem; color: #999999; } /* line 666, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 28px; height: 42px; } /* line 674, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji:hover .button { background: #ededed; } /* line 677, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji:hover .button svg { stroke: #606061; } /* line 683, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji .button { width: 28px; height: 28px; border-radius: 50%; border: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; } /* line 694, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji .button svg { stroke: #cecece; stroke-width: 2px; height: 18px; width: 18px; -webkit-transition: all .3s; transition: all .3s; } /* ========================================================================== 6. Chat Messages Dark mode ========================================================================== */ /* line 716, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area { background: #3b3b41; border-color: #404046; } /* line 720, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header { background: #3b3b41; } /* line 724, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header .trigger svg { stroke: #aaaab3; } /* line 729, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-title { color: #aaaab3; } /* line 734, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group img { border-color: #3b3b41; } /* line 738, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group > span { border-color: #3b3b41; color: #de1219; background: #f47b7f; } /* line 750, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg.owner .chat-msg-content .chat-msg-text { background: #e3121a; color: #fcfcfc; } /* line 758, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-content .chat-msg-text { background: #323236; color: #aaaab3; } /* line 766, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer { background: #3b3b41; border-color: #404046; } /* line 772, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown:hover > div > .button { background: #323236 !important; } /* line 775, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown:hover > div > .button svg { stroke: #ED1C24; } /* line 785, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown .dropdown-menu .dropdown-content .dropdown-item .meta span:first-child { color: #aaaab3; } /* line 796, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji:hover .button { background: #323236 !important; } /* line 799, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji:hover .button svg { stroke: #ED1C24; } /* line 806, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer input { background: #323236; color: #aaaab3; } /* line 810, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer input:focus { border-color: #404046; background: #2d2d31; } /* ========================================================================== 7. Chat Details ========================================================================== */ /* line 827, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; } /* line 833, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area { width: 340px; -ms-flex-negative: 0; flex-shrink: 0; border-left: 1px solid #eef2f4; margin-left: auto; padding: 30px 30px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto; overflow-x: hidden; } /* line 844, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content { text-align: center; -webkit-transition: all .3s; transition: all .3s; padding: 20px 10px; } /* line 849, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .user-pic { position: relative; max-width: 68px; margin: 0 auto; } /* line 855, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .user-name { margin-top: 10px; font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 700; color: #283252; } /* line 863, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .user-job-title { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 868, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .side-actions { padding: 12px 0; } /* line 871, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .side-actions .button { color: #a2a5b9; } /* line 874, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .side-actions .button:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 880, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos { margin-top: 30px; text-align: center; padding: 0 12px; } /* line 885, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .detail-photo-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a2a5b9; font-weight: 400; font-size: 1rem; margin-bottom: 20px; color: #a2a5b9; } /* line 894, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .detail-photo-title svg { width: 16px; margin-right: 8px; } /* line 900, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .detail-photo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 6px; grid-row-gap: 6px; grid-template-rows: repeat(3, 60px); } /* line 907, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .detail-photo-grid img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 8px; -o-object-position: center; object-position: center; } /* line 916, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .view-more { display: block; color: #606061; font-weight: 600; font-size: 15px; margin: 25px 0; } /* ========================================================================== 8. Chat Details Dark mode ========================================================================== */ /* line 937, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .detail-area { background: #2d2d31; border-color: #404046; } /* line 942, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .detail-area .chat-side-content .user-name { color: #aaaab3; } /* line 947, src/assets/scss/pages/messaging/_messaging-webapp.scss */ body.is-dark .chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .view-more { color: #ED1C24; } /* ========================================================================== 9. Media Queries ========================================================================== */ @media (max-width: 767px) { /* line 965, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar { display: none; } /* line 971, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area { position: fixed; top: 0; left: 0; height: 100%; background: #ffffff; z-index: 10; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; transition: all .3s; } /* line 981, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area.is-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 989, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-content { max-width: 100%; } /* line 995, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer { width: 100%; padding: 10px; } /* line 1001, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area { display: none !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 1011, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .chat-app-header .search-bar { display: none; } /* line 1017, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area { position: fixed; top: 0; left: 0; height: 100%; background: #ffffff; z-index: 10; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; transition: all .3s; } /* line 1027, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .conversation-area.is-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 1033, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer { position: fixed; width: 100%; } /* line 1039, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area { display: none !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* line 1049, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .detail-area { display: none !important; } /* line 1054, src/assets/scss/pages/messaging/_messaging-webapp.scss */ .chat-app-wrapper .wrapper .chat-area .chat-area-footer { width: calc(100% - 340px); margin-left: 340px; } } /*! _auth.scss | Huro | Css ninja 2020-2021 */ /* 1. Login page 2. Login page Dark mode 3. Remember me toggle 4. Remember me toggle Dark mode 5. Signup page 6. Login / Signup v2 7. Login / Signup v2 Dark mode 8. Login / Signup v3 9. Login / Signup v3 Dark mode 10. Media Queries */ /* ========================================================================== 1. Login page ========================================================================== */ /* line 20, src/assets/scss/pages/auth/_auth.scss */ .modern-login { position: relative; background: #ffffff; min-height: 100vh; } /* line 26, src/assets/scss/pages/auth/_auth.scss */ .modern-login .column.is-relative { position: relative; } /* line 32, src/assets/scss/pages/auth/_auth.scss */ .modern-login .hero.has-background-image { position: relative; } /* line 35, src/assets/scss/pages/auth/_auth.scss */ .modern-login .hero.has-background-image .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #5d4298 !important; opacity: .6; } /* line 47, src/assets/scss/pages/auth/_auth.scss */ .modern-login .underlay { display: block; position: absolute; top: 0; left: 0; width: 66.6%; height: 100%; background: #fdfdfd; z-index: 0; } /* line 58, src/assets/scss/pages/auth/_auth.scss */ .modern-login .dark-mode { position: absolute; top: -64px; right: 38px; -webkit-transform: scale(0.6); transform: scale(0.6); z-index: 2; } /* line 66, src/assets/scss/pages/auth/_auth.scss */ .modern-login .top-logo { position: absolute; top: -70px; left: 0; right: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } /* line 77, src/assets/scss/pages/auth/_auth.scss */ .modern-login .top-logo img { display: block; width: 100%; max-width: 50px; margin: 0 auto; } /* line 85, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-image { position: relative; border-right: 1px solid #ededed; } /* line 89, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-image .hero-image { position: relative; z-index: 2; display: block; margin: -80px auto 0 auto; max-width: 60%; width: 60%; } /* line 99, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form { position: relative; max-width: 420px; margin: 0 auto; } /* line 104, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form form { -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 108, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .form-text { padding: 0 20px; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 112, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .form-text h2 { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2rem; color: #606061; } /* line 119, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .form-text p { color: #999999; margin-top: 10px; } /* line 125, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .recover-text { font-size: .9rem; color: #283252; } /* line 130, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper { padding: 30px 20px; } /* line 133, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control { position: relative; width: 100%; margin-top: 16px; } /* line 138, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control .input { padding-top: 14px; height: 60px; border-radius: 10px; padding-left: 55px; -webkit-transition: all .3s; transition: all .3s; } /* line 145, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control .input:focus { background: #fcfcfc; border-color: #cecece; } /* line 149, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control .input:focus ~ .auth-label, .modern-login .is-form .login-wrapper .control .input:focus ~ .auth-icon i { color: #999999; } /* line 155, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control .error-text { color: #e62965; font-size: .8rem; display: none; padding: 2px 6px; } /* line 162, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control .auth-label { position: absolute; top: 6px; left: 55px; font-size: .8rem; color: #283252; font-weight: 500; z-index: 2; -webkit-transition: all .3s; transition: all .3s; } /* line 173, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control .auth-icon { position: absolute; top: 0; left: 0; height: 60px; width: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 183, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control .auth-icon i { font-size: 24px; color: #cecece; -webkit-transition: all .3s; transition: all .3s; } /* line 191, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation .validation-icon { position: absolute; top: 0; right: 0; height: 60px; width: 60px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 201, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation .validation-icon .icon-wrapper { height: 20px; width: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; } /* line 209, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation .validation-icon .icon-wrapper svg { height: 10px; width: 10px; stroke-width: 3px; stroke: #ffffff; } /* line 218, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation .validation-icon.is-success .icon-wrapper { background: #06d6a0; } /* line 224, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation .validation-icon.is-error .icon-wrapper { background: #e62965; } /* line 232, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation.has-success .validation-icon.is-success { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 236, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation.has-success .validation-icon.is-error { display: none; } /* line 243, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation.has-error .input { border-color: #e62965; } /* line 247, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation.has-error .error-text { display: block; } /* line 252, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation.has-error .validation-icon.is-error { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 256, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.has-validation.has-error .validation-icon.is-success { display: none; } /* line 263, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 267, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.is-flex a { display: block; margin-left: auto; color: #999999; font-weight: 500; font-size: .9rem; -webkit-transition: color .3s; transition: color .3s; } /* line 275, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.is-flex a:hover { color: #606061; } /* line 280, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .control.is-flex .remember-me { font-size: .9rem; color: #999999; font-weight: 500; } /* line 288, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .button-wrap { margin: 40px 0; } /* line 291, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .button-wrap.has-help { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 295, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .button-wrap.has-help > span { margin-left: 12px; font-family: "Roboto", sans-serif; } /* line 299, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .button-wrap.has-help > span a { color: #606061; font-weight: 500; padding: 0 2px; } /* line 307, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .button-wrap .button { height: 46px; width: 140px; margin-left: 6px; } /* line 313, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .button-wrap .button:first-child:hover { opacity: .8; } /* line 318, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form .login-wrapper .button-wrap .button:nth-child(2) { color: #283252; border-color: #cecece; } /* ========================================================================== 2. Login page Dark mode ========================================================================== */ /* line 334, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login { background: #232326; } /* line 337, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .underlay { background: #3b3b41; } /* line 341, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-image { border-color: #3b3b41; } /* line 347, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-form .form-text h2 { color: #ED1C24; } /* line 355, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-form .login-wrapper .control.is-flex a:hover { color: #ED1C24; } /* line 360, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-form .login-wrapper .control .input { background: #2d2d31; } /* line 363, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-form .login-wrapper .control .input:focus { border-color: #ED1C24; } /* line 367, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-form .login-wrapper .control .input:focus ~ .auth-icon i { color: #ED1C24; } /* line 374, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-form .login-wrapper .control .auth-label { color: #a2a5b9; } /* line 381, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-form .login-wrapper .button-wrap.has-help span { color: #a2a5b9; } /* line 384, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .modern-login .is-form .login-wrapper .button-wrap.has-help span a { color: #ED1C24; } /* ========================================================================== 3. Remember me toggle ========================================================================== */ /* line 400, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle { width: 65px; display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: scale(0.9); transform: scale(0.9); } /* line 412, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle input { position: absolute; opacity: 0; cursor: pointer; } /* line 417, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle input:checked ~ .toggler { border-color: #606061; } /* line 420, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle input:checked ~ .toggler .active, .remember-toggle input:checked ~ .toggler .inactive { -webkit-transform: translateX(100%) rotate(360deg); transform: translateX(100%) rotate(360deg); } /* line 424, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle input:checked ~ .toggler .active { opacity: 1; } /* line 428, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle input:checked ~ .toggler .inactive { opacity: 0; } /* line 434, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle .toggler { position: relative; display: block; height: 34px; width: 61px; border: 2px solid #cecece; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; } /* line 443, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle .toggler .active, .remember-toggle .toggler .inactive { position: absolute; top: 2px; left: 2px; height: 26px; width: 26px; border-radius: 50%; background: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition: all .3s ease; transition: all .3s ease; } /* line 457, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle .toggler .active svg, .remember-toggle .toggler .inactive svg { stroke: #ffffff; height: 14px; width: 14px; stroke-width: 3px; } /* line 465, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle .toggler .inactive { background: #cecece; border-color: #cecece; opacity: 1; z-index: 1; } /* line 472, src/assets/scss/pages/auth/_auth.scss */ .remember-toggle .toggler .active { background: #606061; border-color: #606061; opacity: 0; z-index: 0; } @media only screen and (max-width: 767px) { /* line 483, src/assets/scss/pages/auth/_auth.scss */ .modern-login .top-logo { top: 30px; } /* line 487, src/assets/scss/pages/auth/_auth.scss */ .modern-login .is-form { padding-top: 100px; } } /* ========================================================================== 3. Remember me toggle Dark mode ========================================================================== */ /* line 501, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .remember-toggle input:checked + .toggler { border-color: #ED1C24; } /* line 504, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .remember-toggle input:checked + .toggler > span { background: #ED1C24; } /* line 510, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .remember-toggle .toggler { border-color: #404046; } /* line 513, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .remember-toggle .toggler > span { background: #404046; } /* ========================================================================== 4. Sign up ========================================================================== */ /* line 525, src/assets/scss/pages/auth/_auth.scss */ .signup-nav { position: fixed; top: 0; left: 0; width: 100%; height: 65px; z-index: 99; } /* line 533, src/assets/scss/pages/auth/_auth.scss */ .signup-nav .signup-nav-inner { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 542, src/assets/scss/pages/auth/_auth.scss */ .signup-nav .signup-nav-inner .logo img { display: block; min-width: 48px; max-width: 48px; } /* line 551, src/assets/scss/pages/auth/_auth.scss */ .signup-steps { position: absolute; top: 80px; left: 0; right: 0; margin: 0 auto; max-width: 380px; } /* line 559, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 566, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .progress { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 80px); margin: 0 auto; height: .35rem !important; background-color: #ffffff; z-index: 0; } /* line 578, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .progress::-webkit-progress-value { background-color: #606061; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 583, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .progress::-moz-progress-bar { background-color: #606061; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 588, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .progress::-ms-fill { background-color: #606061; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 594, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 46px; width: 46px; border-radius: 50%; background: #ededed; cursor: pointer; z-index: 1; } /* line 607, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon.is-active .inner { background: #ffffff; border-color: #606061; } /* line 611, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon.is-active .inner svg { stroke: #606061; } /* line 618, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon.is-done .inner { background: #606061; border-color: #606061; } /* line 622, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon.is-done .inner svg { stroke: #fcfcfc; } /* line 628, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon.is-inactive { pointer-events: none; } /* line 632, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon .inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 40px; border-radius: 50%; border: 2px solid #cccccc; background: #cccccc; } /* line 644, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon .step-label { position: absolute; top: 45px; left: 0; right: 0; margin: 0 auto; text-align: center; min-width: 100px; -webkit-transform: translateX(-25%); transform: translateX(-25%); font-size: .8rem; font-weight: 500; color: #283252; } /* line 658, src/assets/scss/pages/auth/_auth.scss */ .signup-steps .steps-container .step-icon svg { height: 16px; width: 16px; stroke: #999999; } /* line 667, src/assets/scss/pages/auth/_auth.scss */ .signup-columns { -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 671, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper { position: relative; min-height: 100vh; background: #ededed; } /* line 676, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .card-bg { position: absolute; right: 0; bottom: 0; display: block; width: 90%; -webkit-transition: all .3s; transition: all .3s; } /* line 684, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .card-bg.faded { opacity: 0; } /* line 689, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .signup-title { font-family: "Montserrat", sans-serif; color: #283252; } /* line 694, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .signup-subtitle { font-family: "Roboto", sans-serif; color: #999999; font-size: 1rem; } /* line 702, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control { position: relative; width: 100%; } /* line 706, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 710, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-switch span { display: block; color: #999999; } /* line 717, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.is-agree span { color: #bababa; } /* line 720, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.is-agree span a { color: #999999; font-weight: 500; -webkit-transition: color .3s; transition: color .3s; } /* line 725, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.is-agree span a:hover { color: #606061; } /* line 732, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control .input { padding-top: 10px; height: 60px; padding-left: 10px; border-radius: 8px; -webkit-transition: all .3s; transition: all .3s; } /* line 739, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control .input:focus { background: #fcfcfc; border-color: #cecece; } /* line 743, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control .input:focus ~ .auth-label, .signup-wrapper .hero .signup-form .control .input:focus ~ .auth-icon i { color: #999999; } /* line 749, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control .error-text { color: #e62965; font-size: .8rem; display: none; padding: 2px 6px; } /* line 756, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control .auth-label { position: absolute; top: 6px; left: 10px; font-size: .8rem; color: #283252; font-weight: 500; z-index: 2; -webkit-transition: all .3s; transition: all .3s; } /* line 767, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control .auth-icon { position: absolute; top: 0; left: 0; height: 60px; width: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 777, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control .auth-icon i { font-size: 24px; color: #cecece; -webkit-transition: all .3s; transition: all .3s; } /* line 785, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation .validation-icon { position: absolute; top: 0; right: 0; height: 60px; width: 60px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 795, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation .validation-icon .icon-wrapper { height: 20px; width: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; } /* line 803, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation .validation-icon .icon-wrapper svg { height: 10px; width: 10px; stroke-width: 3px; stroke: #ffffff !important; } /* line 812, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation .validation-icon.is-success .icon-wrapper { background: #06d6a0; } /* line 818, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation .validation-icon.is-error .icon-wrapper { background: #e62965; } /* line 826, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation.has-success .validation-icon.is-success { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 830, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation.has-success .validation-icon.is-error { display: none; } /* line 837, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation.has-error .input { border-color: #e62965; } /* line 841, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation.has-error .error-text { display: block; } /* line 846, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation.has-error .validation-icon.is-error { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 850, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.has-validation.has-error .validation-icon.is-success { display: none; } /* line 857, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 861, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.is-flex a { display: block; margin-left: auto; color: #999999; font-weight: 500; font-size: .9rem; -webkit-transition: color .3s; transition: color .3s; } /* line 869, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.is-flex a:hover { color: #606061; } /* line 874, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-form .control.is-flex .remember-me { font-size: .9rem; color: #999999; font-weight: 500; } /* line 883, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap { margin: 20px 0 0 0; } /* line 886, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap.has-help { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 890, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap.has-help > span { margin-left: 12px; font-family: "Roboto", sans-serif; } /* line 894, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap.has-help > span a { color: #606061; font-weight: 500; padding: 0 3px; } /* line 902, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap.is-centered { margin-top: 40px; text-align: center; } /* line 906, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap.is-centered .button { min-width: 180px; margin-left: 0 !important; } /* line 912, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap .button { height: 46px; width: 190px; margin-left: 6px; } /* line 918, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap .button:first-child:hover { opacity: .95; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 924, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .button-wrap .button:nth-child(2) { color: #283252; border-color: #cecece; } /* line 931, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 937, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap { width: 100%; position: relative; } /* line 941, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } /* line 950, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap input:checked + .signup-box { border-color: #606061; } /* line 953, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap input:checked + .signup-box i { color: #606061; } /* line 958, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap input:checked + .signup-box .meta span:first-child { color: #606061; } /* line 965, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap .signup-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; } /* line 974, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap .signup-box i { font-size: 2rem; color: #999999; } /* line 979, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap .signup-box .meta { margin-left: 10px; } /* line 982, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap .signup-box .meta span { display: block; } /* line 985, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap .signup-box .meta span:first-child { font-size: .85rem; font-weight: 500; color: #283252; } /* line 991, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap .signup-box .meta span:nth-child(2) { font-size: .8rem; color: #999999; } /* line 999, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap:first-child { margin-right: 6px; } /* line 1003, src/assets/scss/pages/auth/_auth.scss */ .signup-wrapper .hero .signup-type .box-wrap:nth-child(2) { margin-left: 6px; } /* line 1011, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper { padding: 80px 60px 10px 60px; } /* line 1014, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .title, .signup-profile-wrapper .subtitle { text-align: center; } /* line 1018, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .title { font-family: "Montserrat", sans-serif; font-size: 1.4rem; } /* line 1023, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .subtitle { font-family: "Roboto", sans-serif; font-size: 1rem; } /* line 1028, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .picture-selector, .signup-profile-wrapper .skill-picture-selector { width: 100%; text-align: center; } /* line 1032, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .picture-selector .image-container, .signup-profile-wrapper .skill-picture-selector .image-container { position: relative; width: 140px; height: 140px; margin: 10px auto; border-radius: 50%; } /* line 1039, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .picture-selector .image-container img, .signup-profile-wrapper .skill-picture-selector .image-container img { width: 140px; height: 140px; border-radius: 50%; display: block; border: 4px solid #e8e8e8; margin-left: -1px; } /* line 1048, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .picture-selector .image-container .upload-button, .signup-profile-wrapper .skill-picture-selector .image-container .upload-button { position: absolute; bottom: 18px; right: 0; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; border-radius: 50%; border: 1px solid #e3e3e3; z-index: 5; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 1064, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .picture-selector .image-container .upload-button:hover, .signup-profile-wrapper .skill-picture-selector .image-container .upload-button:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1068, src/assets/scss/pages/auth/_auth.scss */ .signup-profile-wrapper .picture-selector .image-container .upload-button svg, .signup-profile-wrapper .skill-picture-selector .image-container .upload-button svg { height: 16px; width: 16px; stroke: #283252; } /* line 1078, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel { text-align: center; max-width: 550px; margin: 0 auto 20px auto; } /* line 1083, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel:hover .slick-custom { opacity: 1; } /* line 1087, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .carousel-item { margin: 0 10x; } /* line 1091, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .image-wrapper { position: relative; } /* line 1094, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .image-wrapper.is-smaller img { height: 70px; width: 70px; } /* line 1099, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .image-wrapper img { height: 70px; width: 70px; border-radius: 50%; margin: 0 auto; -webkit-transition: all .3s; transition: all .3s; } /* line 1108, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-slide { max-width: 120px; text-align: center; cursor: pointer; } /* line 1113, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-slide:focus { outline: none !important; } /* line 1117, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-slide img { opacity: 0.6; border: 4px solid transparent; -webkit-transform: scale(0.75); transform: scale(0.75); } /* line 1124, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-slide.slick-current img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); border: 2px solid #606061; } /* line 1132, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom { opacity: 0; } /* line 1135, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom.is-prev { left: -45px; } /* line 1139, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom.is-next { right: -45px; } /* line 1144, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-dots { bottom: -60px !important; } /* line 1148, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-prev:before, .avatar-carousel .slick-next:before { color: #999999; } /* line 1152, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom { position: absolute; top: calc(50% - 15px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ededed; width: 30px; height: 30px; background: #ffffff; border-radius: 100px; cursor: pointer; color: #283252; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 25; } /* line 1168, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom svg { height: 16px; width: 16px; stroke: #606061; -webkit-transition: all .3s; transition: all .3s; } /* line 1175, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom:hover { border-color: #e3e3e3; color: #ffffff; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1181, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom.is-prev { left: -6px; } /* line 1185, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom.is-next { right: -6px; } /* line 1191, src/assets/scss/pages/auth/_auth.scss */ .username-form { padding-top: 80px; } /* ========================================================================== 6. Login / Signup v2 ========================================================================== */ /* line 1199, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner { overflow: hidden !important; height: 100%; padding: 0; margin: 0; } /* line 1205, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner.is-gapless:not(:last-child) { margin-bottom: 0 !important; } /* line 1209, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner.is-single { background: #f5f6fa; min-height: 100vh; } /* line 1214, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero-banner { background: #f5f6fa; } /* line 1218, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero-heading { position: relative; max-width: 360px; width: 100%; margin: 0 auto; padding: 20px 0 0 0; } /* line 1225, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero-heading .dark-mode { position: absolute; top: 24px; right: 24px; -webkit-transform: scale(0.6); transform: scale(0.6); z-index: 2; } /* line 1233, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero-heading .auth-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 1237, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero-heading .auth-logo .top-logo { height: 42px; } /* line 1244, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero.is-white { background: #ffffff; } /* line 1249, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero .hero-body .login { padding: 10px 0; } /* line 1253, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero .hero-body .auth-content { max-width: 320px; width: 100%; margin: 0 auto; margin-top: -40px; margin-bottom: 40px; } /* line 1260, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero .hero-body .auth-content h2 { font-size: 2rem; font-family: "Roboto", sans-serif; line-height: 1; } /* line 1266, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero .hero-body .auth-content p { font-size: 1rem; margin-bottom: 8px; color: #999999; } /* line 1272, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero .hero-body .auth-content a { font-size: .9rem; font-family: "Montserrat", sans-serif; font-weight: 500; color: #606061; } /* line 1280, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero .hero-body .auth-form-wrapper { max-width: 320px; width: 100%; margin: 0 auto; } /* line 1288, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .forgot-link { margin-top: 10px; } /* line 1291, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .forgot-link a { font-family: "Montserrat", sans-serif; font-size: .9rem; color: #a2a5b9; -webkit-transition: color .3s; transition: color .3s; } /* line 1297, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .forgot-link a:hover { color: #606061; } /* line 1303, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .setting-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } /* line 1308, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .setting-item .setting-meta { font-family: "Roboto", sans-serif; color: #a2a5b9; margin-left: 8px; } /* line 1315, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .h-button { min-height: 44px; } /* ========================================================================== 7. Login / Signup v2 Dark mode ========================================================================== */ /* line 1327, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner .hero-banner { background: #2d2d31; } /* line 1332, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner .hero.is-white { background: #19191b; } /* line 1338, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner .hero .hero-body .auth-content h2 { color: #aaaab3; } /* line 1342, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner .hero .hero-body .auth-content a { color: #ED1C24; } /* line 1350, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner .forgot-link a:hover { color: #ED1C24; } /* ========================================================================== 8. Login / Signup v3 ========================================================================== */ /* line 1362, src/assets/scss/pages/auth/_auth.scss */ .auth-nav { position: absolute; top: 0; left: 0; height: 80px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } /* line 1373, src/assets/scss/pages/auth/_auth.scss */ .auth-nav .left, .auth-nav .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20%; } /* line 1379, src/assets/scss/pages/auth/_auth.scss */ .auth-nav .right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 1382, src/assets/scss/pages/auth/_auth.scss */ .auth-nav .right .dark-mode { -webkit-transform: scale(0.7); transform: scale(0.7); } /* line 1387, src/assets/scss/pages/auth/_auth.scss */ .auth-nav .center { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 1390, src/assets/scss/pages/auth/_auth.scss */ .auth-nav .center a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1395, src/assets/scss/pages/auth/_auth.scss */ .auth-nav .center a img { display: block; width: 100%; max-width: 50px; } /* line 1405, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap { min-height: 690px; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 1412, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap .inner-wrap { width: 100%; max-width: 400px; margin: 40px auto 0 auto; } /* line 1417, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap .inner-wrap .auth-head { max-width: 320px; width: 100%; margin: 0 auto; margin-bottom: 20px; text-align: center; } /* line 1424, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap .inner-wrap .auth-head h2 { font-size: 2rem; font-family: "Roboto", sans-serif; line-height: 1; } /* line 1430, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap .inner-wrap .auth-head p { font-size: 1rem; margin-bottom: 8px; color: #999999; } /* line 1436, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap .inner-wrap .auth-head a { font-size: .9rem; font-family: "Montserrat", sans-serif; font-weight: 500; color: #606061; } /* line 1444, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap .inner-wrap .form-card { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 50px; margin-bottom: 16px; } /* line 1451, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap .inner-wrap .form-card .h-button { margin-top: 10px; } /* ========================================================================== 9. Login / Signup v3 Dark mode ========================================================================== */ /* line 1466, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner.is-single { background: #2d2d31; } /* line 1472, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner.is-single .single-form-wrap .inner-wrap .auth-head h2 { color: #aaaab3; } /* line 1476, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner.is-single .single-form-wrap .inner-wrap .auth-head a { color: #ED1C24; } /* line 1481, src/assets/scss/pages/auth/_auth.scss */ body.is-dark .auth-wrapper-inner.is-single .single-form-wrap .inner-wrap .form-card { background: #19191b; border-color: #252529; } /* ========================================================================== 10. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 1498, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel.resized-mobile { max-width: 300px; } /* line 1502, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .slick-custom { display: none !important; } /* line 1506, src/assets/scss/pages/auth/_auth.scss */ .avatar-carousel .image-wrapper img { height: auto; } /* line 1514, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero .hero-body .auth-content { text-align: center !important; } /* line 1522, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .single-form-wrap .inner-wrap .form-card { padding: 40px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 1535, src/assets/scss/pages/auth/_auth.scss */ .auth-wrapper-inner .hero .hero-body .auth-content { text-align: center !important; } } /*! _user-profile.scss | Huro | Css ninja 2020-2021 */ /* 1. User Profile View 2. User Profile View Dark mode 3. User Profile Edit 4. User Profile Edit Dark mode 5. User Profile Settings */ /* ========================================================================== 1. User Profile View ========================================================================== */ /* line 15, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper { max-width: 1040px; margin: 0 auto; } /* line 19, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper.is-webapp { margin-top: 30px; } /* line 23, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header { text-align: center; } /* line 26, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header > img { display: block; margin: 0 auto; max-width: 300px; } /* line 32, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .h-avatar { margin: 0 auto 12px auto; } /* line 36, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .anim-icon { margin-bottom: 12px; } /* line 40, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .title { margin-bottom: 6px; } /* line 44, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header p { font-size: 1rem; max-width: 540px; margin: 0 auto; line-height: 1.3; } /* line 51, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 0; } /* line 57, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .profile-stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a2a5b9; font-family: "Roboto", sans-serif; } /* line 63, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .profile-stat span { font-size: .9rem; } /* line 67, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .profile-stat i { font-size: 1.2rem; margin-right: 6px; } /* line 73, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .separator { height: 25px; width: 2px; border-right: 1px solid #dedede; margin: 0 10px; } /* line 80, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 84, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .socials a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; width: 28px; background: #ffffff; border: 1px solid #dedede; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 50%; margin: 0 2px; -webkit-transition: all .3s; transition: all .3s; } /* line 97, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .socials a:hover { border-color: #606061; } /* line 100, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .socials a:hover i { color: #606061; } /* line 105, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-header .profile-stats .socials a i { font-size: .9rem; color: #a2a5b9; -webkit-transition: color .3s; transition: color .3s; } /* line 115, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body { padding: 10px 0 20px 0; } /* line 118, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card { padding: 30px; } /* line 123, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card:not(:last-child) { margin-bottom: 20px; } /* line 127, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section { padding-bottom: 20px; } /* line 130, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid #e3e3e3; } /* line 135, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section.no-padding { padding-bottom: 0; } /* line 139, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } /* line 144, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-title h4 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .8rem; text-transform: uppercase; color: #283252; margin-right: 6px; } /* line 153, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-title i { color: #606061; } /* line 157, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-title .action-link { position: relative; top: -2px; margin-left: auto; text-transform: uppercase; font-size: .8rem; } /* line 165, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-title .control { margin-left: auto; } /* line 168, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-title .control .form-switch { -webkit-transform: scale(0.8); transform: scale(0.8); } /* line 175, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .description { font-size: .95rem; } /* line 179, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } /* line 185, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(50% - 16px); margin: 8px; } /* line 191, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item img { display: block; width: 50px; min-width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e3e3e3; } /* line 200, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta { margin-left: 10px; } /* line 203, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span { font-family: "Roboto", sans-serif; display: block; } /* line 207, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; font-size: .85rem; } /* line 214, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(2), .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(3) { font-size: .85rem; color: #a2a5b9; } /* line 218, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(2) i, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(3) i { position: relative; top: -2px; font-size: 4px; margin: 0 6px; } /* line 226, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(3) { color: #606061; } /* line 230, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span span { display: inline-block; } /* line 238, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } /* line 244, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(50% - 16px); margin: 8px; } /* line 250, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .icon-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; } /* line 259, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .icon-wrap img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 32px; min-width: 32px; height: 32px; border-radius: 50%; border: 1px solid #e3e3e3; } /* line 273, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta { margin-left: 10px; } /* line 276, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta > span { display: block; font-family: "Roboto", sans-serif; } /* line 280, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta > span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; font-size: .9rem; } /* line 287, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta > span:nth-child(2) { font-size: .85rem; color: #a2a5b9; } /* line 292, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item .meta > span span { display: inline-block; } /* line 301, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 305, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item:not(:last-child) { margin-bottom: 16px; } /* line 309, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; border-radius: 50%; border: 1px solid #606061; } /* line 320, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.has-icon { background: #f2f2f2; border: 1px solid #e5e5e5; color: #a2a5b9; } /* line 325, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.has-icon i { font-size: 1.4rem; } /* line 330, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap img { display: block; width: 34px; min-width: 34px; height: 34px; border-radius: 50%; border: 1px solid #e3e3e3; } /* line 339, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap .count { position: absolute; bottom: 0; right: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 22px; height: 22px; border-radius: 50%; background: #ffffff; border: 1px solid #606061; } /* line 352, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap .count span { font-family: "Roboto", sans-serif; font-weight: 500; font-size: .75rem; } /* line 360, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info { font-family: "Roboto", sans-serif; margin-left: 12px; line-height: 1.3; } /* line 365, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info span { display: block; } /* line 368, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; font-size: .9rem; } /* line 375, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .skill-info span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 382, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .people { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 387, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .people .h-avatar { margin: 0 4px; } /* line 394, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } /* line 400, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item { width: calc(50% - 16px); margin: 8px; background: whitesmoke; text-align: center; padding: 30px 20px; border-radius: 4px; } /* line 408, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item > .h-avatar { display: block; margin: 0 auto 8px auto; } /* line 413, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item h3 { font-size: 1rem; font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; margin-bottom: 8px; } /* line 421, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item p { font-size: .85rem; margin-bottom: 16px; } /* line 427, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .meta span { display: block; } /* line 430, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .meta span:first-child { font-weight: 600; font-family: "Montserrat", sans-serif; color: #283252; font-size: .95rem; color: #606061; } /* line 438, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .meta span:nth-child(2) { font-size: .9rem; color: #a2a5b9; } /* line 448, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .network-notifications h3 { font-family: "Montserrat", sans-serif; font-size: .9rem; margin-bottom: 6px; } /* line 454, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .network-notifications p { font-size: .9rem; max-width: 480px; } /* line 460, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper { padding-top: 12px; } /* line 463, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } /* line 468, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item:last-child { margin-bottom: 0; } /* line 472, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item .icon-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; } /* line 481, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item .icon-wrap img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 32px; min-width: 32px; height: 32px; border-radius: 50%; border: 1px solid #e3e3e3; } /* line 495, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item .meta { margin-left: 10px; } /* line 498, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item .meta > span { display: block; font-family: "Roboto", sans-serif; } /* line 502, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item .meta > span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; font-size: .9rem; } /* line 509, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item .meta > span:nth-child(2) { font-size: .85rem; color: #a2a5b9; } /* line 514, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .tools-wrapper .tools-item .meta > span span { display: inline-block; } /* line 522, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper { padding-top: 12px; } /* line 525, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } /* line 530, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item:last-child { margin-bottom: 0; } /* line 534, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta { margin-left: 10px; } /* line 537, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span { display: block; font-family: "Roboto", sans-serif; } /* line 541, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; font-size: .9rem; } /* line 548, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span:nth-child(2) { font-size: .85rem; color: #a2a5b9; } /* line 553, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .people-wrapper .people-item .meta > span span { display: inline-block; } /* line 561, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .more-button { padding-top: 16px; } /* line 564, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .more-button .button { min-width: 180px; font-family: "Roboto", sans-serif; text-transform: uppercase; font-size: .8rem; font-weight: 500; margin: 0 auto; color: #a2a5b9; } /* ========================================================================== 2. User Profile View Dark mode ========================================================================== */ /* line 589, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-header .h-avatar .badge { border-color: #323236; } /* line 595, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-header .profile-stats .separator { border-color: #54545b; } /* line 600, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-header .profile-stats .socials a { background: #28282b; border-color: #404046; } /* line 604, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-header .profile-stats .socials a:hover { border-color: #ED1C24; } /* line 607, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-header .profile-stats .socials a:hover i { color: #ED1C24; } /* line 618, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section { border-color: #404046; } /* line 622, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-title h4 { color: #aaaab3; } /* line 626, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-title i { color: #ED1C24; } /* line 633, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .icon-wrap > img { border-color: #404046 !important; } /* line 640, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item > img { border-color: #404046; } /* line 646, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item .meta > span:nth-child(3) { color: #ED1C24; } /* line 656, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap { border-color: #ED1C24; } /* line 659, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .icon-wrap.has-icon { background: #28282b; border-color: #404046; } /* line 668, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .people .h-avatar:last-child .is-fake { background: #28282b; border: 1px solid #404046; } /* line 679, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item { background: #28282b; border-color: #404046; } /* line 685, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item .meta span:first-child { color: #ED1C24; } /* line 694, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .more-button .button { background: #28282b; border-color: #404046; } /* ========================================================================== 3. User Profile Edit ========================================================================== */ /* line 711, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper { padding-bottom: 60px; } /* line 714, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper.is-webapp { margin-top: 30px; } /* line 722, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .media-flex-center { padding-bottom: 20px; } /* line 727, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .media-flex-center .flex-meta span:first-child { font-size: 1.3rem; } /* line 735, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 16px; border: 1px solid transparent; border-radius: 8px; margin-bottom: 5px; -webkit-transition: all .3s; transition: all .3s; } /* line 744, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item.is-active { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-color: #e5e5e5; } /* line 748, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item.is-active span, .account-wrapper .account-box.is-navigation .account-menu .account-menu-item.is-active i { color: #606061; } /* line 752, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item.is-active .end { display: block; } /* line 758, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item:not(.is-active):hover { background: whitesmoke; } /* line 763, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item i { margin-right: 8px; font-size: 1.1rem; color: #a2a5b9; } /* line 768, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item i.fas, .account-wrapper .account-box.is-navigation .account-menu .account-menu-item i .fal, .account-wrapper .account-box.is-navigation .account-menu .account-menu-item i .far { font-size: .9rem; } /* line 773, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item span { font-family: "Montserrat", sans-serif; font-size: .95rem; color: #283252; } /* line 779, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-navigation .account-menu .account-menu-item .end { margin-left: auto; display: none; } /* line 787, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form { padding: 0; } /* line 790, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form.is-footerless { padding-bottom: 20px; } /* line 794, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head, .account-wrapper .account-box.is-form .form-foot { padding: 12px 20px; } /* line 797, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head .form-head-inner, .account-wrapper .account-box.is-form .form-head .form-foot-inner, .account-wrapper .account-box.is-form .form-foot .form-head-inner, .account-wrapper .account-box.is-form .form-foot .form-foot-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 804, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head { border-bottom: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 808, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head.is-stuck { background: #ffffff; padding-right: 80px; border-left: 1px solid #e5e5e5; } /* line 815, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head .left h3 { font-family: "Montserrat", sans-serif; font-size: 1.2rem; line-height: 1.3; } /* line 821, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head .left p { font-size: .95rem; } /* line 827, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-foot { border-top: 1px solid #e5e5e5; } /* line 831, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body { padding: 20px; } /* line 834, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset { padding: 20px 0; max-width: 480px; margin: 0 auto; } /* line 839, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .fieldset-heading { margin-bottom: 20px; } /* line 842, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .fieldset-heading h4 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1rem; } /* line 848, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .fieldset-heading p { font-size: .9rem; } /* line 853, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .h-avatar { position: relative; display: block; margin: 0 auto; } /* line 858, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .h-avatar .edit-button { position: absolute; bottom: 0; right: 0; } /* line 866, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-form { text-align: center; } /* line 869, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-form .filepond-profile-wrap { margin: 0 auto 10px auto !important; } /* line 874, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } /* line 879, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .icon-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; border-radius: 50%; background: #f2f2f2; border: 1px solid #e5e5e5; color: #a2a5b9; } /* line 892, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .icon-wrap.has-img { border-color: #606061; } /* line 895, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .icon-wrap.has-img img { width: 36px; min-width: 36px; height: 36px; } /* line 902, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .icon-wrap i { font-size: 1.4rem; } /* line 907, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item img { display: block; width: 50px; min-width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e3e3e3; } /* line 916, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta { margin-left: 10px; } /* line 919, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span { font-family: "Roboto", sans-serif; display: block; } /* line 923, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; font-size: .9rem; } /* line 930, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span:nth-child(2), .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span:nth-child(3) { font-size: .85rem; color: #a2a5b9; } /* line 934, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span:nth-child(2) i, .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span:nth-child(3) i { position: relative; top: -2px; font-size: 4px; margin: 0 6px; } /* line 942, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span:nth-child(3) { color: #606061; } /* line 946, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span span { display: inline-block; } /* line 952, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .end { margin-left: auto; } /* ========================================================================== 4. User Profile Edit Dark mode ========================================================================== */ /* line 974, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-navigation .account-menu .account-menu-item.is-active { background: #37373b; border-color: #404046; } /* line 978, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-navigation .account-menu .account-menu-item.is-active i, body.is-dark .account-wrapper .account-box.is-navigation .account-menu .account-menu-item.is-active span { color: #ED1C24; } /* line 984, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-navigation .account-menu .account-menu-item:not(.is-active):hover { background: #3b3b41; } /* line 989, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-navigation .account-menu .account-menu-item span { color: #aaaab3; } /* line 997, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-form .form-head, body.is-dark .account-wrapper .account-box.is-form .form-foot { border-color: #404046; } /* line 1002, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-form .form-head.is-stuck { background: #232326; border-color: #323236; } /* line 1008, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-form .form-head .left h3 { color: #aaaab3; } /* line 1017, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-form .form-body .fieldset .fieldset-heading h4 { color: #aaaab3; } /* line 1024, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item > img, body.is-dark .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item > .icon-wrap, body.is-dark .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item > .icon-wrap img { border-color: #404046; } /* line 1028, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item > .icon-wrap { background: #28282b; } /* line 1034, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .account-wrapper .account-box.is-form .form-body .fieldset .setting-list .setting-item .meta > span:nth-child(3) { color: #ED1C24; } /* ========================================================================== 4. User Profile Settings ========================================================================== */ /* line 1055, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 880px; margin: 0 auto; } /* line 1061, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box { position: relative; width: calc(20% - 16px); background: #ffffff; text-align: center; padding: 16px; margin: 8px; border-radius: 8px; border: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 1073, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box:hover { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1077, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box:hover .edit-icon { opacity: 1; pointer-events: all; } /* line 1083, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box:hover .icon-wrap i { color: #606061; } /* line 1088, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box:hover h3 { color: #606061; } /* line 1095, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box.is-active .icon-wrap i { color: #606061; } /* line 1100, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box.is-active h3 { color: #606061; } /* line 1105, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box .edit-icon { position: absolute; top: 6px; left: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 18px; width: 18px; border-radius: 50%; background: whitesmoke; opacity: 0; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 1120, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box .edit-icon i { font-size: .8rem; } /* line 1125, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box .icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 52px; width: 100%; } /* line 1132, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box .icon-wrap i { font-size: 2.7rem; color: #c5c7d3; margin-bottom: 4px; -webkit-transition: color .3s; transition: color .3s; } /* line 1139, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box .icon-wrap img { display: block; max-width: 90px; } /* line 1145, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box span { display: block; text-align: center; display: block; text-transform: uppercase; color: #a2a5b9; font-family: "Montserrat", sans-serif; font-size: .7rem; letter-spacing: 1px; } /* line 1156, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box h3 { font-family: "Roboto", sans-serif; font-size: .9rem; font-weight: 400; color: #a2a5b9; -webkit-transition: color .3s; transition: color .3s; } /* ========================================================================== 5. User Profile Settings Dark mode ========================================================================== */ /* line 1177, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box { background: #323236; border-color: #404046; } /* line 1181, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box:hover { border-color: #ED1C24; } /* line 1184, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box:hover h3 { color: #ED1C24; } /* line 1188, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box:hover .icon-wrap i { color: #ED1C24; } /* line 1194, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box.is-active h3 { color: #ED1C24; } /* line 1198, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box.is-active .icon-wrap i { color: #ED1C24; } /* line 1203, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box .edit-icon { background: #28282b; } /* line 1206, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box .edit-icon i { color: #ED1C24; } /* line 1212, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box .icon-wrap i { color: #696e8c; } /* line 1215, src/assets/scss/pages/profile/_user-profile.scss */ body.is-dark .profile-wrapper .profile-body .settings-section .settings-box .icon-wrap i.is-solid { color: #ED1C24; } /* ========================================================================== 7. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 1234, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card { padding: 20px; } /* line 1240, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .experience-item, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .languages-item, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .experience-wrapper .recommendations-item, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .experience-item, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .languages-item, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .languages-wrapper .recommendations-item, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .experience-item, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .languages-item, .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .recommendations-wrapper .recommendations-item { width: calc(100% - 16px); } /* line 1249, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .profile-card .profile-card-section .section-content .skills-wrapper .skills-item .people .h-avatar:not(:last-child) { display: none !important; } /* line 1261, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box { width: calc(50% - 16px); } /* line 1272, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head .left { display: none; } /* line 1276, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head .right { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 1279, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head .right .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% !important; } /* line 1284, src/assets/scss/pages/profile/_user-profile.scss */ .account-wrapper .account-box.is-form .form-head .right .buttons .button { width: calc(50% - 6px); } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 1301, src/assets/scss/pages/profile/_user-profile.scss */ .profile-wrapper .profile-body .settings-section .settings-box { width: calc(25% - 16px); } } /*! _pages-onboarding.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Onboarding Layouts ========================================================================== */ /* 1. Standard Onboarding 2. Standard Onboarding Dark mode 3. Onboarding V1 */ /* ========================================================================== 1. Standard Onboarding ========================================================================== */ /* line 17, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding { padding: 20px 0; } /* line 20, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding.is-webapp { margin-top: 20px; } /* line 24, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .title-wrap { text-align: center; } /* line 27, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .title-wrap h2 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.4rem; color: #283252; } /* line 34, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .title-wrap p { text-transform: uppercase; font-family: "Roboto", sans-serif; font-size: .85rem; } /* line 41, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap { padding: 30px 0; } /* line 44, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 880px; margin: 0 auto; } /* line 49, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card { margin: 8px; width: calc(33.3% - 16px); text-align: center; } /* line 56, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card > img { display: block; width: 100%; max-width: 140px; margin: 0 auto; } /* line 63, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; margin-bottom: 12px; } /* line 71, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card p { font-family: "Roboto", sans-serif; font-size: .95rem; } /* line 76, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .button-wrap { text-align: center; padding: 30px 0 20px 0; } /* line 80, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .button-wrap .button { min-width: 140px; } /* ========================================================================== 2. Standard Onboarding Dark mode ========================================================================== */ /* line 97, src/assets/scss/pages/generic/_onboarding.scss */ body.is-dark .standard-onboarding .title-wrap h2 { color: #aaaab3; } /* line 105, src/assets/scss/pages/generic/_onboarding.scss */ body.is-dark .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card h3 { color: #aaaab3; } /* ========================================================================== 3. Onboarding V1 ========================================================================== */ /* line 121, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.is-webapp { margin-top: 40px; } /* line 125, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper .title-wrap { text-align: center; } /* line 128, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper .title-wrap h2 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.4rem; color: #283252; } /* line 135, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper .title-wrap p { text-transform: uppercase; font-family: "Roboto", sans-serif; font-size: .85rem; } /* line 143, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap { padding: 30px 0; } /* line 146, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 800px; margin: 0 auto; } /* line 151, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card { margin: 8px; width: calc(33.3% - 16px); text-align: center; padding: 0; overflow: hidden; } /* line 160, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card > img { display: block; width: 100%; margin: 0 auto; } /* line 166, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content { padding: 0 20px 30px 20px; } /* line 169, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; margin-bottom: 12px; } /* line 177, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content p { font-family: "Roboto", sans-serif; font-size: .95rem; } /* line 182, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap { text-align: center; padding: 20px 0 0 0; } /* line 186, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap .button { min-width: 140px; } /* ========================================================================== 3. Onboarding V2 and V4 ========================================================================== */ /* line 203, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap, .onboarding-wrapper.onboarding-v4 .onboarding-wrap { padding: 30px 0; } /* line 206, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 760px; margin: 0 auto; } /* line 211, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card { margin: 8px; width: calc(33.3% - 16px); text-align: center; padding: 0; overflow: hidden; } /* line 220, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card > img, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card > img { display: block; width: 100%; margin: 0 auto; } /* line 226, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content { padding: 0 20px 30px 20px; } /* line 229, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content h3, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; margin-bottom: 12px; } /* line 237, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content p, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content p { font-family: "Roboto", sans-serif; font-size: .95rem; } /* line 242, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap { text-align: center; padding: 20px 0 0 0; } /* line 246, src/assets/scss/pages/generic/_onboarding.scss */ .onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap .button, .onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap .button { min-width: 140px; } /* ========================================================================== 6. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 263, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding { padding: 20px 0; } /* line 267, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .title-wrap h2 { max-width: 280px; margin: 0 auto; } /* line 274, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 277, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card { width: calc(100% - 16px); } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 286, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding { padding: 20px 0; } /* line 290, src/assets/scss/pages/generic/_onboarding.scss */ .standard-onboarding .title-wrap h2 { max-width: 280px; margin: 0 auto; } } /*! _search.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Search UI Elements ========================================================================== */ /* 1. Search Results Page 2. Search Results Page Dark mode 3. Media Queries */ /* ========================================================================== 1. Search Results Page ========================================================================== */ /* line 18, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper.is-webapp { padding-top: 30px; } /* line 22, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } /* line 27, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header .control { margin-right: 10px; } /* line 32, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header .search-info span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 38, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header .tabs-inner { margin-left: auto; } /* line 41, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header .tabs-inner .tabs { margin-bottom: 0; min-width: 280px; } /* line 49, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .filter-box { margin-bottom: 16px; } /* line 54, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .filter-box h4 { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; margin-bottom: 10px; } /* line 61, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .filter-box .field { margin-bottom: 0; } /* line 64, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .filter-box .field .control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 68, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .filter-box .field .control .checkbox { padding: .75em 0 .75em 0; } /* line 72, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .filter-box .field .control .control-end { margin-left: auto; } /* line 79, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group { padding-left: 30px; margin-bottom: 20px; } /* line 83, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group .group-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #dedede; padding: 0 0 12px 0; margin-bottom: 12px; } /* line 90, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group .group-header .icon-wrap { height: 32px; width: 32px; min-width: 32px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 6px; background: #ffffff; border: 1px solid #606061; color: #606061; } /* line 103, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group .group-header .icon-wrap svg { height: 14px; width: 14px; } /* line 109, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group .group-header h4 { font-family: "Montserrat", sans-serif; font-size: .8rem; font-weight: 500; text-transform: uppercase; color: #a2a5b9; } /* line 118, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group .search-results-list { padding: 10px 0; } /* line 121, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item { margin-bottom: 16px; } /* line 126, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group .search-results-list .search-results-item > img { display: block; height: 50px; width: 50px; min-width: 50px; } /* ========================================================================== 2. Search Results Page Dark mode ========================================================================== */ /* line 147, src/assets/scss/pages/generic/_search.scss */ body.is-dark .search-results-wrapper .search-results-body .search-results-group .group-header { border-color: #54545b; } /* line 150, src/assets/scss/pages/generic/_search.scss */ body.is-dark .search-results-wrapper .search-results-body .search-results-group .group-header .icon-wrap { background: #28282b; border-color: #ED1C24; color: #ED1C24; } /* ========================================================================== 3. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 169, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 172, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header .control, .search-results-wrapper .search-results-header .tabs-inner { margin: 0; } /* line 176, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header .control { width: 100%; max-width: 280px; margin: 0 auto; } /* line 182, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-header .search-info { padding: 10px 0; } /* line 188, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 201, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 213, src/assets/scss/pages/generic/_search.scss */ .search-results-wrapper .search-results-body .search-results-group { padding-left: 10px; } } /*! _subpages.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Subpages UI Elements ========================================================================== */ /* 1. SaaS Billing 2. SaaS Billing Dark mode 3. SaaS Billing Media Queries 4. Action Page V1 5. Action Page V2 6. Media Queries */ /* ========================================================================== 1. SaaS Billing ========================================================================== */ /* line 20, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper { max-width: 980px; margin: 0 auto; } /* line 24, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 20px; } /* line 31, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left { width: 50%; } /* line 35, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .inner-wrap > h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; color: #283252; margin-bottom: 10px; } /* line 44, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } /* line 50, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan { position: relative; width: calc(50% - 16px); max-width: calc(50% - 16px); margin: 8px; } /* line 56, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 1; } /* line 66, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan input:checked + .plan-inner { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 70, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan input:checked + .plan-inner img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } /* line 75, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan input:checked + .plan-inner .checkmark { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 81, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner { width: 100%; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; } /* line 90, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner img { display: block; height: 32px; width: 32px; min-width: 32px; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .6; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 101, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .meta { margin-left: 12px; line-height: 1.3; } /* line 105, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .meta span { display: block; font-family: "Roboto", sans-serif; } /* line 109, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .meta span:first-child { font-family: "Montserrat", sans-serif; font-size: .95rem; font-weight: 600; color: #283252; } /* line 116, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .meta span:nth-child(2) { color: #a2a5b9; font-size: .85rem; } /* line 123, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .checkmark { margin-left: auto; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32x; min-width: 32px; border-radius: 50%; background: #ffffff; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); color: #06d6a0; } /* line 137, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .checkmark svg { width: 16px; height: 16px; stroke-width: 3px; } /* line 148, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right { width: 45%; padding: 20px 0; margin-left: auto; } /* line 154, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details > h3 { font-family: "Roboto", sans-serif; font-size: 1.1rem; font-weight: 500; color: #283252; margin-bottom: 10px; } /* line 163, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 167, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .left { max-width: 200px; } /* line 170, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .left img { display: block; height: 160px; width: 160px; min-width: 160px; margin: 0 auto; } /* line 179, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .right { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 182, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .right .plan-pricing { padding: 5px 0 10px 0; font-family: "Roboto", sans-serif; line-height: 1.3; } /* line 187, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .right .plan-pricing span { display: block; font-size: .9rem; font-weight: 500; color: #606061; font-family: "Montserrat", sans-serif; } /* line 194, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .right .plan-pricing span:first-child { color: #283252; } /* line 198, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .right .plan-pricing span b { font-size: 2rem; font-family: "Roboto", sans-serif; } /* line 206, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .right .plan-moto p { font-size: .9rem; } /* line 215, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-summary .plan-features ul { font-family: "Montserrat", sans-serif; font-size: .95rem; color: #283252; } /* line 227, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /* line 231, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left { width: 50%; } /* line 234, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block { margin-bottom: 20px; } /* line 239, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; } /* line 245, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-header h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 252, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-header span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 257, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-header a { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 261, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-header a:hover { color: #606061; } /* line 268, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-body.is-seats { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 10px; } /* line 272, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-body.is-seats .h-avatar { margin-right: 8px; } /* line 276, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-body.is-seats .add-seat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 40px; min-width: 40px; border-radius: 50%; border: 1.6px dashed #a2a5b9; color: #a2a5b9; outline: none; padding: 0; background: none; margin-left: 4px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 293, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-body.is-seats .add-seat:hover { border: 1.6px solid #606061; color: #606061; } /* line 298, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-body.is-seats .add-seat svg { height: 16px; width: 16px; } /* line 308, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right { width: 45%; margin-left: auto; } /* line 312, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form { padding: 20px 30px; background: #ffffff; border-radius: 4px; border: 1px solid #e5e5e5; } /* line 318, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 323, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-header h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 330, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-header span { font-family: "Roboto", sans-serif; color: #a2a5b9; cursor: pointer; } /* line 337, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-container { padding: 30px 0 20px 0; max-width: 330px; margin: 0 auto; color: #707070; } /* line 343, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-container .column { padding: .25rem .75rem; } /* line 347, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-container .field { margin-bottom: 0; } /* line 350, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-container .field .control { position: relative; } /* line 353, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-container .field .control .ccicon { height: 30px; position: absolute; right: -2px; top: 4px; width: 60px; } /* line 363, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-container .button-wrap { padding-top: 16px; } /* line 366, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-container .button-wrap .h-button { min-height: 50px; } /* line 372, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container { width: 100%; height: 170px; padding: 20px 0; -webkit-perspective: 1000px; perspective: 1000px; } /* line 378, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container.preload * { -webkit-transition: none !important; transition: none !important; } /* line 382, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard { width: 100%; max-width: 260px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; margin: 0 auto; cursor: pointer; } /* line 390, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard.flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } /* line 395, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .front, .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .back { position: absolute; width: 100%; max-width: 260px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; color: #47525d; } /* line 405, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } /* line 409, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard svg#cardfront, .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard svg#cardback { width: 100%; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 18px; } /* line 417, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st2 { fill: #FFFFFF; } /* line 421, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st3 { font-family: 'Source Code Pro', monospace; font-weight: 600; } /* line 426, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st4 { font-size: 54.7817px; } /* line 430, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st5 { font-family: 'Source Code Pro', monospace; font-weight: 400; } /* line 435, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st6 { font-size: 33.1112px; } /* line 439, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st7 { opacity: 0.6; fill: #FFFFFF; } /* line 444, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st8 { font-size: 24px; } /* line 448, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st9 { font-size: 36.5498px; } /* line 452, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st10 { font-family: 'Source Code Pro', monospace; font-weight: 300; } /* line 457, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st11 { font-size: 16.1716px; } /* line 461, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardfront .st12 { fill: #4C4C4C; } /* line 467, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st0 { fill: none; stroke: #0F0F0F; stroke-miterlimit: 10; } /* line 473, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st2 { fill: #111111; } /* line 477, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st3 { fill: #F2F2F2; } /* line 481, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st4 { fill: #D8D2DB; } /* line 485, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st5 { fill: #C4C4C4; } /* line 489, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st6 { font-family: 'Source Code Pro', monospace; font-weight: 400; } /* line 494, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st7 { font-size: 27px; } /* line 498, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st8 { opacity: 0.6; } /* line 502, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st9 { fill: #FFFFFF; } /* line 506, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st10 { font-size: 24px; } /* line 510, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st11 { fill: #EAEAEA; } /* line 514, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st12 { font-family: 'Rock Salt', cursive; } /* line 518, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #cardback .st13 { font-size: 37.769px; } /* line 523, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #svgname { text-transform: uppercase; } /* line 527, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #ccsingle { position: absolute; right: 15px; top: 20px; } /* line 532, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard #ccsingle svg { width: 100px; max-height: 60px; } /* line 538, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .lightcolor, .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .darkcolor { -webkit-transition: fill .5s; transition: fill .5s; } /* line 543, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .lightblue { fill: #03A9F4; } /* line 547, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .lightbluedark { fill: #0288D1; } /* line 551, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .red { fill: #ef5350; } /* line 555, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .reddark { fill: #d32f2f; } /* line 559, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .purple { fill: #ab47bc; } /* line 563, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .purpledark { fill: #7b1fa2; } /* line 567, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .cyan { fill: #26c6da; } /* line 571, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .cyandark { fill: #0097a7; } /* line 575, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .green { fill: #66bb6a; } /* line 579, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .greendark { fill: #388e3c; } /* line 583, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .lime { fill: #d4e157; } /* line 587, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .limedark { fill: #afb42b; } /* line 591, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .yellow { fill: #ffeb3b; } /* line 595, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .yellowdark { fill: #f9a825; } /* line 599, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .orange { fill: #ff9800; } /* line 603, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .orangedark { fill: #ef6c00; } /* line 607, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .grey { fill: #bdbdbd; } /* line 611, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .right .payment-form .card-container .creditcard .greydark { fill: #616161; } /* ========================================================================== 2. SaaS Billing Dark mode ========================================================================== */ /* line 628, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .plans-wrapper { border-color: #54545b; } /* line 633, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .plans-wrapper .left .inner-wrap > h3 { color: #aaaab3; } /* line 641, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .plans-wrapper .left .plans .plan input:checked + .plan-inner { border-color: #ED1C24 !important; } /* line 648, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .meta span:first-child { color: #aaaab3; } /* line 653, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .checkmark { background: #28282b; border-color: #404046; } /* line 668, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .right .plan-pricing span:first-child { color: #aaaab3; } /* line 672, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-description .right .plan-pricing span:nth-child(2) { color: #ED1C24; } /* line 681, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-summary .plan-features ul { color: #aaaab3; } /* line 695, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-header h3 { color: #aaaab3; } /* line 699, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-header a:hover { color: #ED1C24; } /* line 706, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .billing-options-wrapper .left .option-block .block-body.is-seats .add-seat:hover { border-color: #ED1C24; color: #ED1C24; } /* line 716, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .billing-options-wrapper .right .payment-form { background: #323236; border-color: #404046; } /* line 721, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-header h3 { color: #aaaab3; } /* line 725, src/assets/scss/pages/generic/_subpages.scss */ body.is-dark .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-header span:hover, body.is-dark .saas-billing-wrapper .billing-options-wrapper .right .payment-form .form-header a:hover { color: #ED1C24; } /* ========================================================================== 3. SaaS Billing Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 742, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 745, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left, .saas-billing-wrapper .plans-wrapper .right { width: 100%; max-width: 100%; } /* line 753, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 758, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .checkmark { position: absolute; top: 10px; right: 10px; } /* line 773, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-summary .plan-features .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 783, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 786, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left, .saas-billing-wrapper .billing-options-wrapper .right { width: 100%; max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 795, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper { max-width: 490px; } /* line 798, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 801, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left, .saas-billing-wrapper .plans-wrapper .right { width: 100%; max-width: 100%; } /* line 809, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 814, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .checkmark { position: absolute; top: 10px; right: 10px; } /* line 829, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .right .plan-details .plan-details-inner .plan-summary .plan-features .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 839, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 842, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .billing-options-wrapper .left, .saas-billing-wrapper .billing-options-wrapper .right { width: 100%; max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 857, src/assets/scss/pages/generic/_subpages.scss */ .saas-billing-wrapper .plans-wrapper .left .plans .plan .plan-inner .checkmark { position: absolute; top: 10px; right: 10px; } } /* ========================================================================== 4. Action Page V1 ========================================================================== */ /* line 875, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1, .action-page-wrapper.action-page-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 540px; min-height: 560px; margin: 0 auto; } /* line 885, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box { padding: 40px; } /* line 890, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content { text-align: center; font-family: "Roboto", sans-serif; } /* line 894, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .h-avatar, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .h-avatar { display: block; margin: 0 auto 8px auto; } /* line 899, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content h3, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content h3 { font-family: "Montserrat", sans-serif; font-weight: 600; max-width: 320px; margin: 0 auto 16px auto; } /* line 905, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content h3 span, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content h3 span { color: #606061; } /* line 910, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .sender-message, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .sender-message { text-align: left; padding: 20px; border: 1px solid #e5e5e5; max-width: 360px; margin: 0 auto; border-radius: 6px; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 919, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .sender-message h4, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .sender-message h4 { font-family: "Montserrat", sans-serif; font-size: .7rem; font-weight: 500; color: #283252; text-transform: uppercase; margin-bottom: 6px; } /* line 928, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .sender-message p, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .sender-message p { font-size: .9rem; } /* line 934, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .people-wrap .people, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .people-wrap .people { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 0 8px 0; } /* line 939, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .people-wrap .people .h-avatar, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .people-wrap .people .h-avatar { margin: 0 4px; } /* line 945, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .people-wrap .people-text p, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .people-wrap .people-text p { font-size: .9rem; } /* line 951, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .buttons, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .buttons { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 30px; } /* line 957, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .buttons .button, .action-page-wrapper.action-page-v2 .wrapper-inner .action-box .box-content .buttons .button { margin: 0 4px; min-width: 150px; } /* ========================================================================== 5. Action Page V2 ========================================================================== */ /* line 973, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 { max-width: 840px; } /* line 976, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } /* line 983, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .wrapper-inner .action-box { border: none; background: none; border-radius: 0; border-right: 1px solid #e5e5e5; } /* line 991, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding: 40px; } /* line 996, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper .side-inner .side-title { font-family: "Roboto", sans-serif; margin-bottom: 16px; } /* line 1000, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper .side-inner .side-title h3 { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 1006, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper .side-inner .side-title p { font-size: .9rem; } /* line 1013, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper .side-inner .action-list .media-flex .icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32x; min-width: 32px; border-radius: 50%; background: #ffffff; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); color: #606061; } /* line 1026, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper .side-inner .action-list .media-flex .icon-wrap svg { width: 16px; height: 16px; stroke-width: 3px; } /* line 1034, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper .side-inner .action-list .media-flex .flex-meta span { font-weight: 400; font-size: .9rem; } /* line 1039, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper .side-inner .action-list .media-flex .flex-meta p { font-size: .9rem; max-width: 240px; } /* ========================================================================== 6. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 1060, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box { padding: 20px; } /* line 1065, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .buttons .button { min-width: 130px; } /* line 1075, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1079, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .wrapper-inner .action-box { padding: 20px 20px 40px 20px; border-right: none; border-bottom: 1px solid #e5e5e5; } /* line 1086, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .wrapper-inner .action-box .box-content .buttons .button { min-width: 130px; } /* line 1094, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper { padding: 40px 20px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 1109, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v1 .wrapper-inner .action-box .box-content .buttons .button { min-width: 130px; } /* line 1121, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .wrapper-inner .action-box { padding: 30px; } /* line 1126, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .wrapper-inner .action-box .box-content .buttons .button { min-width: 130px; } /* line 1134, src/assets/scss/pages/generic/_subpages.scss */ .action-page-wrapper.action-page-v2 .wrapper-outer .side-wrapper { padding: 30px; } } /*! _forms.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Form Layouts ========================================================================== */ /* 1. Form Layout */ /* ========================================================================== 1. Form Layout ========================================================================== */ /* line 15, src/assets/scss/pages/generic/_forms.scss */ .form-layout { max-width: 740px; margin: 0 auto; } /* line 19, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-webapp { margin-top: 30px; } /* line 23, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split { max-width: 840px; } /* line 27, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body { padding: 0; } /* line 30, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; } /* line 34, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section.is-grey { background: #fafafa; } /* line 38, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .left, .form-layout.is-split .form-outer .form-body .form-section .right { padding: 20px 40px; width: 50%; } /* line 42, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .left h3, .form-layout.is-split .form-outer .form-body .form-section .right h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .95rem; color: #283252; margin-bottom: 20px; } /* line 51, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .left { position: relative; border-right: 1px solid #e5e5e5; } /* line 55, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .left .operator { position: absolute; top: 17px; right: -10px; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 500; color: #283252; background: #ffffff; padding: 4px 0; } /* line 68, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .radio-pills { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 72, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .radio-pills .radio-pill { position: relative; } /* line 75, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .radio-pills .radio-pill input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; } /* line 85, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .radio-pills .radio-pill input:checked + .radio-pill-inner { background: #606061; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); color: #ffffff; } /* line 94, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .radio-pills .radio-pill .radio-pill-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 40px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px; font-family: "Roboto", sans-serif; font-weight: 600; font-size: .9rem; -webkit-transition: all .3s; transition: all .3s; } /* line 115, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate { max-width: 1040px; } /* line 118, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer { background: none; border: none; } /* line 122, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 125, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding: 10px; width: 50%; } /* line 130, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner { padding: 40px; } /* line 135, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner.has-padding-bottom { padding-bottom: 60px; height: 100%; } /* line 140, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner > h3 { font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; color: #283252; margin-bottom: 30px; } /* line 149, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .columns .column { padding-top: .25rem; padding-bottom: .25rem; } /* line 155, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -8px; margin-right: -8px; } /* line 161, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box { position: relative; width: calc(50% - 16px); margin: 8px; } /* line 166, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; } /* line 176, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner { background: #606061; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 181, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner .fee, .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner p { color: #fcfcfc; } /* line 188, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner { background: #ffffff; border: 1px solid #e5e5e5; text-align: center; border-radius: 4px; font-family: "Roboto", sans-serif; font-weight: 600; font-size: .9rem; -webkit-transition: all .3s; transition: all .3s; padding: 30px 20px; } /* line 199, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner .fee { font-family: "Roboto", sans-serif; font-weight: 700; color: #283252; font-size: 2.4rem; line-height: 1; } /* line 208, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner .fee span:after { content: '$'; position: relative; top: -10px; font-size: 1.5rem; } /* line 217, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner p { font-family: "Montserrat", sans-serif; } /* line 225, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .control > p { padding-top: 12px; } /* line 228, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .control > p > span { display: block; font-size: .9rem; } /* line 232, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .control > p > span span { font-weight: 500; color: #283252; } /* line 242, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-outer .checkboxes { padding: 16px 0; } /* line 245, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-outer .checkboxes .checkbox { padding: 0; font-size: .9rem; } /* line 252, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-outer .button-wrap .button { min-height: 60px; font-size: 1.05rem; font-weight: 600; font-family: "Montserrat", sans-serif; } /* line 267, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body { padding: 0; } /* line 270, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section { padding: 40px; border-bottom: 1px solid #e3e3e3; } /* line 274, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section.is-grey { background: #fafafa; } /* line 278, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .form-section-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 30px; } /* line 287, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .form-section-header .left h3 { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 296, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner.is-horizontal { max-width: 540px; } /* line 302, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .field.is-horizontal .field-label { padding-top: 0.75em; } /* line 310, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .columns .column { padding-top: .5rem; padding-bottom: .5rem; } /* line 318, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .field .control .checkbox { padding: 0; padding-right: 10px; font-size: .9rem; } /* line 326, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .participants { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 10px; } /* line 330, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .participants .h-avatar { margin-right: 8px; } /* line 334, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .participants .add-participant { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 40px; min-width: 40px; border-radius: 50%; border: 1.6px dashed #a2a5b9; color: #a2a5b9; outline: none; padding: 0; background: none; margin-left: 4px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 351, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .participants .add-participant:hover { border: 1.6px solid #606061; color: #606061; } /* line 356, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .participants .add-participant svg { height: 16px; width: 16px; } /* line 363, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .color-codes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 38px; } /* line 368, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code { height: 14px; width: 14px; border-radius: 50%; background: #ffffff; margin-right: 10px; border: 3px solid #a2a5b9; cursor: pointer; opacity: .6; -webkit-transition: all .3s; transition: all .3s; } /* line 379, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code:hover { opacity: 1; } /* line 383, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-primary { border-color: #606061; } /* line 387, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-secondary { border-color: #ffffff; } /* line 391, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-info { border-color: #039BE5; } /* line 395, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-success { border-color: #06d6a0; } /* line 399, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .color-codes .color-code.is-purple { border-color: #8269B2; } /* line 405, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .form-section .add-link { display: inline-block; padding: 4px 0; font-family: "Roboto", sans-serif; font-weight: 500; font-size: .9rem; color: #606061; } /* line 418, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer { padding: 0; } /* line 423, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header { padding: 12px 20px; border-bottom: 1px solid #e5e5e5; -webkit-transition: all .3s; transition: all .3s; } /* line 428, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header.is-stuck { background: #ffffff; padding-right: 80px; border-left: 1px solid #e5e5e5; } /* line 434, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header .form-header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 441, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header .left h3 { font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.3; } /* line 448, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header .left p { font-size: .95rem; } /* line 454, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-body { padding: 20px 40px 40px 40px; } /* line 467, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-split .form-outer .form-body .form-section.is-grey { background: #2d2d31 !important; } /* line 471, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-split .form-outer .form-body .form-section h3 { color: #aaaab3; } /* line 475, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-split .form-outer .form-body .form-section .left { border-color: #404046 !important; } /* line 478, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-split .form-outer .form-body .form-section .left .operator { background: #323236 !important; color: #aaaab3; } /* line 486, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-split .form-outer .form-body .form-section .left .radio-pills .radio-pill input:checked + .radio-pill-inner { border-color: #ED1C24; background: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); color: #fcfcfc; } /* line 494, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-split .form-outer .form-body .form-section .left .radio-pills .radio-pill .radio-pill-inner { background: #28282b; border-color: #404046; color: #aaaab3; } /* line 508, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-separate .form-outer { background: none !important; } /* line 514, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner > h3 { color: #aaaab3; } /* line 520, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner { background: #ED1C24; border-color: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* line 525, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner .fee, body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box input:checked + .radio-box-inner p { color: #fcfcfc; } /* line 530, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner { background: #28282b; border-color: #404046; } /* line 534, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner .radio-boxes .radio-box .radio-box-inner .fee { color: #aaaab3; } /* line 549, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section { border-color: #404046; } /* line 552, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section.is-grey { background: #2d2d31; } /* line 556, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-header { border-color: #404046; } /* line 560, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-header .left h3 { color: #aaaab3; } /* line 567, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .add-link { color: #ED1C24; } /* line 572, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .color-codes .color-code { background: #323236; } /* line 575, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .color-codes .color-code.is-primary { border-color: #ED1C24; } /* line 583, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout.is-stacked .form-outer .form-body .form-section .form-section-inner .participants .add-participant:hover { border: 1.6px solid #ED1C24; color: #ED1C24; } /* line 596, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout .form-outer .form-header { border-color: #404046; } /* line 599, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout .form-outer .form-header.is-stuck { background: #232326; border-color: #323236; } /* line 605, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout .form-outer .form-header .left h3 { color: #aaaab3; } /* line 615, src/assets/scss/pages/generic/_forms.scss */ body.is-dark .form-layout .form-outer .form-body .field .control .input:focus, body.is-dark .form-layout .form-outer .form-body .field .control .textarea:focus { border-color: #ED1C24; } @media only screen and (max-width: 767px) { /* line 632, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 0; padding-left: 0; } /* line 637, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .left, .form-layout.is-split .form-outer .form-body .form-section .right { width: 100%; padding-right: 30px; padding-left: 30px; } /* line 643, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .left { border-right: none; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; } /* line 648, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .left .operator { top: unset; bottom: -14px; left: 0; right: 0; margin: 0 auto; text-align: center; max-width: 60px; } /* line 659, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section .right { padding-top: 30px; } /* line 669, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body { padding-left: 0; padding-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 674, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section { width: 100%; } /* line 677, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner { padding: 30px; } /* line 688, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-stacked .form-outer .form-body .is-vhidden { display: none !important; } /* line 697, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header .form-header-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 700, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header .form-header-inner .left { text-align: center; margin-bottom: 12px; } /* line 705, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header .form-header-inner .right { width: 100%; } /* line 708, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header .form-header-inner .right .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; } /* line 713, src/assets/scss/pages/generic/_forms.scss */ .form-layout .form-outer .form-header .form-header-inner .right .buttons .button { margin: 0; width: 49%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 730, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-split .form-outer .form-body .form-section { padding-right: 0; padding-left: 0; } /* line 740, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body { padding-left: 0; padding-right: 0; } /* line 749, src/assets/scss/pages/generic/_forms.scss */ .form-layout.is-separate .form-outer .form-body .form-section .form-section-inner { padding: 30px; } } /*! _utility.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Utility Pages ========================================================================== */ /* 1. Confirm Account 2. Promotion Page 3. Status Page 4. Invoice 5. Invoice Dark mode 6. Error page 7. Media Queries */ /* ========================================================================== 1. Confirm Account ========================================================================== */ /* line 21, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper, .promotion-page-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 540px; min-height: 560px; margin: 0 auto; } /* line 31, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box, .promotion-page-wrapper .wrapper-inner .action-box { padding: 40px; } /* line 36, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content, .promotion-page-wrapper .wrapper-inner .action-box .box-content { text-align: center; font-family: "Roboto", sans-serif; } /* line 40, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content img, .promotion-page-wrapper .wrapper-inner .action-box .box-content img { display: block; width: 100%; max-width: 220px; margin: 0 auto 8px auto; } /* line 46, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content img.is-larger, .promotion-page-wrapper .wrapper-inner .action-box .box-content img.is-larger { max-width: 300px; } /* line 51, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content h3, .promotion-page-wrapper .wrapper-inner .action-box .box-content h3 { font-size: 1.1rem; font-family: "Montserrat", sans-serif; font-weight: 600; max-width: 320px; margin: 0 auto 8px auto; } /* line 58, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content h3 span, .promotion-page-wrapper .wrapper-inner .action-box .box-content h3 span { color: #606061; } /* line 63, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content p, .promotion-page-wrapper .wrapper-inner .action-box .box-content p { font-size: .9rem; } /* line 67, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content .buttons, .promotion-page-wrapper .wrapper-inner .action-box .box-content .buttons { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 30px; } /* line 73, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content .buttons .button, .promotion-page-wrapper .wrapper-inner .action-box .box-content .buttons .button { margin: 0 4px; min-width: 180px; } /* ========================================================================== 2. Promotion Page ========================================================================== */ /* line 87, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper { max-width: 840px; } /* line 90, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } /* line 97, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .wrapper-inner .action-box { border: none; background: none; border-radius: 0; border-right: 1px solid #e5e5e5; } /* line 103, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .wrapper-inner .action-box .price { text-align: center; padding-top: 8px; } /* line 107, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .wrapper-inner .action-box .price span { display: block; font-family: "Roboto", sans-serif; } /* line 111, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .wrapper-inner .action-box .price span:first-child { font-size: 2.8rem; font-weight: 600; color: #283252; line-height: 1; } /* line 117, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .wrapper-inner .action-box .price span:first-child:before { position: relative; top: -12px; content: '$'; font-size: 60%; } /* line 125, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .wrapper-inner .action-box .price span:nth-child(2) { font-size: .75rem; color: #a2a5b9; text-transform: uppercase; } /* line 135, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding: 40px; min-width: 40%; } /* line 141, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper .side-inner .side-title { font-family: "Roboto", sans-serif; margin-bottom: 16px; } /* line 145, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper .side-inner .side-title h3 { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 151, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper .side-inner .side-title p { font-size: .9rem; } /* line 158, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper .side-inner .action-list .media-flex .icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32px; min-width: 32px; border-radius: 50%; background: #ffffff; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); color: #606061; } /* line 171, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper .side-inner .action-list .media-flex .icon-wrap svg { width: 16px; height: 16px; stroke-width: 3px; } /* line 179, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper .side-inner .action-list .media-flex .flex-meta span { font-weight: 400; font-size: .9rem; } /* line 184, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper .side-inner .action-list .media-flex .flex-meta p { font-size: .9rem; max-width: 240px; } /* ========================================================================== 3. Status Page ========================================================================== */ /* line 200, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper { max-width: 720px; margin: 0 auto; padding: 60px 16px 60px 16px; } /* line 205, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } /* line 211, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .head .logo { display: block; width: 50px; min-width: 50px; height: 50px; } /* line 219, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block { background: #ffffff; margin-bottom: 40px; border: 1px solid #e5e5e5; border-radius: 6px; } /* line 225, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-header { padding: 40px; } /* line 228, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-header .indicator { display: inline-block; width: 15px; height: 15px; border-radius: 100%; margin-right: 20px; background: #06d6a0; } /* line 237, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-header .title { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 244, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-header .subtitle { display: block; margin-left: 35px; color: #a2a5b9; } /* line 251, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-uptime { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 16px 40px; font-family: "Roboto", sans-serif; } /* line 257, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-uptime .title { display: inline-block; font-size: 14px; font-family: "Montserrat", sans-serif; margin-bottom: 0; font-weight: 500; color: #a2a5b9; } /* line 266, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-uptime .uptime { display: inline-block; margin-left: 60px; font-size: 14px; color: #a2a5b9; } /* line 274, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list { padding: 40px; } /* line 277, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .list-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 281, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .list-block .icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 54px; width: 54px; min-width: 54px; border-radius: 50%; background: #ffffff; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); color: #606061; margin-right: 12px; } /* line 295, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .list-block .icon-wrap img { display: block; max-width: 54px; border-radius: 50%; } /* line 302, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .list-block .progress-wrap { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 305, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .list-block .progress-wrap .progress-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4px; } /* line 313, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .label { font-family: "Montserrat", sans-serif; font-size: .95rem; font-weight: 600; margin-bottom: 0; line-height: 1.2; } /* line 321, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list p { font-size: .9rem; font-family: "Roboto", sans-serif; } /* line 326, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .amount { position: relative; top: -2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #a2a5b9; margin-left: auto; height: 40px; width: 40px; border-radius: 12px; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 341, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .amount span { font-family: "Roboto", sans-serif; color: #283252; font-weight: 600; font-size: .85rem; } /* line 351, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .tweets-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 40px; border-bottom: 1px solid #e5e5e5; } /* line 357, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .tweets-header .icon i { font-size: 1.6rem; color: #1dcaff; } /* line 362, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .tweets-header .username { margin-left: 10px; font-family: "Montserrat", sans-serif; font-size: .95rem; font-weight: 600; color: #283252; } /* line 370, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .tweets-header .action-link { margin-left: auto; } /* line 376, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates { padding: 20px 40px 40px 40px; } /* line 379, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates .update { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 383, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates .update:not(:last-child) { margin-bottom: 30px; } /* line 387, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates .update .update-content { margin-left: 12px; } /* line 390, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates .update .update-content .timestamp { color: #a2a5b9; } /* line 394, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates .update .update-content .tweet { font-family: "Roboto", sans-serif; color: #283252; } /* line 403, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-footer { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; } /* line 407, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-footer a { font-family: "Roboto", sans-serif; color: #8b8ea7; padding: 0 10px; -webkit-transition: color .3s; transition: color .3s; } /* line 413, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-footer a:hover { font-weight: 500; color: #606061; } /* line 419, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-footer .copyright { margin-left: auto; font-family: "Roboto", sans-serif; color: #a2a5b9; } /* ========================================================================== 4. Invoice ========================================================================== */ /* line 431, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper { max-width: 740px; margin: 0 auto; } /* line 435, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper.is-webapp { margin-top: 30px; } /* line 439, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e3e3e3; } /* line 448, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-header .left h3 { font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; color: #283252; } /* line 457, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-header .right .controls { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 460, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-header .right .controls .action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32px; min-width: 32px; border-radius: 50%; color: #a2a5b9; margin: 0 4px; -webkit-transition: all .3s; transition: all .3s; } /* line 472, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-header .right .controls .action:hover { color: #283252; background: #e3e3e3; } /* line 477, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-header .right .controls .action svg { height: 16px; width: 16px; stroke-width: 1.6px; } /* line 488, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card { padding: 0; } /* line 493, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section { padding: 40px; } /* line 496, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 500, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta { margin-left: 16px; font-family: "Roboto", sans-serif; } /* line 504, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; line-height: 1; } /* line 511, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta span { display: block; color: #a2a5b9; font-weight: 400; font-size: .9rem; } /* line 519, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end { margin-left: auto; text-align: right; } /* line 523, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end.is-left { text-align: left; max-width: 300px; } /* line 527, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end.is-left p { padding-top: 4px; font-size: .95rem; line-height: 1.2; } /* line 534, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end h3 { font-family: "Montserrat", sans-serif; font-size: 1.1rem; font-weight: 600; line-height: 1; } /* line 541, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end span { display: block; color: #a2a5b9; font-weight: 400; font-size: .9rem; } /* line 550, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-bordered { border-bottom: 1px solid #e5e5e5; } /* line 555, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section .h-avatar.is-customer { border: 1.6px solid #e5e5e5; border-radius: 50%; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 564, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item { padding-top: 0; padding-bottom: 0; margin-bottom: 0; min-height: 40px; border: none; } /* line 571, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-label { font-family: "Roboto", sans-serif; text-transform: uppercase; font-size: .8rem; color: #a2a5b9; } /* line 578, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-total { font-family: "Roboto", sans-serif; color: #283252; font-weight: 500; } /* line 583, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-total.is-bigger { font-size: 1.2rem; font-weight: 600; } /* line 593, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table .flex-table-header span:not(:first-child) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 601, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table .flex-table-item .flex-table-cell:not(:first-child) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* ========================================================================== 5. Invoice Dark mode ========================================================================== */ /* line 619, src/assets/scss/pages/generic/_utility.scss */ body.is-dark .invoice-wrapper .invoice-header { border-color: #54545b; } /* line 623, src/assets/scss/pages/generic/_utility.scss */ body.is-dark .invoice-wrapper .invoice-header .left h3 { color: #aaaab3; } /* line 630, src/assets/scss/pages/generic/_utility.scss */ body.is-dark .invoice-wrapper .invoice-header .right .controls .action { border: 1px solid transparent; } /* line 633, src/assets/scss/pages/generic/_utility.scss */ body.is-dark .invoice-wrapper .invoice-header .right .controls .action:hover { background: #28282b; border-color: #ED1C24; color: #ED1C24; } /* line 643, src/assets/scss/pages/generic/_utility.scss */ body.is-dark .invoice-wrapper .invoice-section { border-color: #404046 !important; } /* line 647, src/assets/scss/pages/generic/_utility.scss */ body.is-dark .invoice-wrapper .invoice-section.is-flex .h-avatar { border-color: #404046 !important; } /* line 652, src/assets/scss/pages/generic/_utility.scss */ body.is-dark .invoice-wrapper .invoice-section.is-flex .meta h3, body.is-dark .invoice-wrapper .invoice-section.is-flex .end h3 { color: #aaaab3; } /* ========================================================================== 6. Error page ========================================================================== */ /* line 667, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper { max-width: 840px; margin: 0 auto; padding-top: 40px; } /* line 672, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner { position: relative; max-width: 540px; margin: 0 auto; } /* line 677, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner .bg-number { font-family: "Roboto", sans-serif; position: absolute; top: -58px; left: -50px; right: 0; margin: 0 auto; font-size: 28rem; font-weight: 600; opacity: .15; z-index: 0; } /* line 690, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner img, .error-container .error-wrapper .error-inner h3, .error-container .error-wrapper .error-inner p, .error-container .error-wrapper .error-inner .button-wrap { position: relative; z-index: 1; } /* line 695, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner img { display: block; max-width: 100%; margin: 0 auto; } /* line 701, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner h3 { font-size: 1.5rem; font-family: "Montserrat", sans-serif; color: #283252; font-weight: 600; margin-top: 10px; } /* line 709, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner p { font-family: "Roboto", sans-serif; font-size: 1.1rem; margin-bottom: 16px; } /* line 716, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner .button-wrap .button { min-width: 220px; min-height: 50px; } /* ========================================================================== 7. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 732, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box { padding: 20px; } /* line 737, src/assets/scss/pages/generic/_utility.scss */ .confirm-account-wrapper .wrapper-inner .action-box .box-content .buttons .button { min-width: 130px; } /* line 747, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 751, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .wrapper-inner .action-box { padding: 20px 20px 40px 20px; border-right: none; border-bottom: 1px solid #e5e5e5; } /* line 758, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .wrapper-inner .action-box .box-content .buttons .button { min-width: 130px; } /* line 766, src/assets/scss/pages/generic/_utility.scss */ .promotion-page-wrapper .wrapper-outer .side-wrapper { padding: 40px 20px; } /* line 772, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper { padding-top: 20px; } /* line 776, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-header { padding: 30px; } /* line 780, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-uptime { padding: 16px 30px; } /* line 783, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-uptime .uptime { display: none; } /* line 788, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list { padding: 30px; } /* line 792, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-block .status-list .list-block .icon-wrap { display: none; } /* line 799, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .tweets-header { padding: 24px 30px; } /* line 804, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates { padding: 20px 30px 30px 30px; } /* line 808, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates .update .h-avatar { display: none; } /* line 812, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-tweets .updates .update .update-content { margin-left: 0; } /* line 819, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 823, src/assets/scss/pages/generic/_utility.scss */ .status-page-wrapper .status-footer .copyright { margin: 10px 0; } /* line 831, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-section.is-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } /* line 835, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-section.is-flex .h-avatar { margin-bottom: 16px; } /* line 839, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-section.is-flex .meta { margin-left: 0 !important; } /* line 843, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-section.is-flex .end { margin: 16px auto 0 auto; text-align: center !important; } /* line 850, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-section .flex-table.sub-table { padding-top: 16px; } /* line 853, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-section .flex-table.sub-table .is-vhidden { display: none !important; } /* line 857, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-section .flex-table.sub-table .flex-table-item:not(.is-vhidden) { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: revert !important; flex-direction: revert !important; } /* line 865, src/assets/scss/pages/generic/_utility.scss */ .invoice-wrapper .invoice-section .flex-table .flex-table-item .flex-table-cell.is-grow > span { margin-left: 0; } /* line 876, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper { padding-top: 60px; } /* line 879, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner { padding: 10px; } /* line 882, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner .bg-number { top: -35px; left: -18px; right: 0; font-size: 13rem; } /* line 889, src/assets/scss/pages/generic/_utility.scss */ .error-container .error-wrapper .error-inner img { max-width: 345px; } } /*! _widgets.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Widget Styles ========================================================================== */ /* 1. Widget Toolbar 2. Gauge Widget 3. Icon Toolbar Widget 4. Text Widget 5. Tags Widget 6. Calendar Widget 7. Image Widget 8. List Widget 9. Picker Widget 10. Stat Widget 11. Search Widget 12. Icon List Widget 13. Video Widget 14. Inbox Widget */ /* ========================================================================== 1. Widget Toolbar ========================================================================== */ /* line 28, src/assets/scss/pages/generic/_widgets.scss */ .widget { margin-bottom: 20px; } /* line 32, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } /* line 38, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 43, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 49, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* line 54, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .right .tag { font-family: "Roboto", sans-serif; } /* line 58, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .right .right-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32px; min-width: 32px; border-radius: 50%; color: #c5c7d3; -webkit-transition: all .3s; transition: all .3s; } /* line 71, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .right .right-icon.has-indicator:after { content: ''; position: absolute; top: 3px; right: 4px; height: 10px; width: 10px; border-radius: 50%; background: #ffffff; border: 1.8px solid #ffffff; } /* line 84, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .right .right-icon svg { height: 18px; width: 18px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 92, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar h3 { font-family: "Montserrat", sans-serif; font-size: .9rem; color: #283252; font-weight: 600; } /* line 98, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar h3.is-bigger { font-size: 1rem; } /* line 103, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .action-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32px; min-width: 32px; border-radius: 50%; color: #c5c7d3; -webkit-transition: all .3s; transition: all .3s; } /* line 115, src/assets/scss/pages/generic/_widgets.scss */ .widget-toolbar .action-icon svg { height: 18px; width: 18px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 126, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .widget-toolbar h3 { color: #aaaab3; } /* line 133, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .widget-toolbar .right .right-icon.has-indicator:after { border-color: #323236; } /* ========================================================================== 2. Gauge Widget ========================================================================== */ /* line 147, src/assets/scss/pages/generic/_widgets.scss */ .gauge-widget { text-align: center; } /* line 156, src/assets/scss/pages/generic/_widgets.scss */ .gauge-widget .gauge-wrap { padding: 30px 0; } /* ========================================================================== 3. Icon Toolbar Widget ========================================================================== */ /* line 165, src/assets/scss/pages/generic/_widgets.scss */ .icon-toolbar-widget { padding: 16px; } /* line 174, src/assets/scss/pages/generic/_widgets.scss */ .icon-toolbar-widget .icon-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 177, src/assets/scss/pages/generic/_widgets.scss */ .icon-toolbar-widget .icon-toolbar .toolbar-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } /* line 183, src/assets/scss/pages/generic/_widgets.scss */ .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32px; min-width: 32px; border-radius: 50%; color: #c5c7d3; -webkit-transition: all .3s; transition: all .3s; } /* line 194, src/assets/scss/pages/generic/_widgets.scss */ .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon:hover:not(.is-active) { background: whitesmoke; color: #a2a5b9; } /* line 199, src/assets/scss/pages/generic/_widgets.scss */ .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon.is-active { color: #606061; } /* line 203, src/assets/scss/pages/generic/_widgets.scss */ .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon svg { height: 18px; width: 18px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 218, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon { color: #7f839f; } /* line 221, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon:hover:not(.is-active) { background: #2a2a2e; } /* line 225, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .icon-toolbar-widget .icon-toolbar .toolbar-icon .inner-icon.is-active { color: #ED1C24; } /* ========================================================================== 4. Text Widget ========================================================================== */ /* line 247, src/assets/scss/pages/generic/_widgets.scss */ .text-widget .widget-content p { font-size: .9rem; } /* line 250, src/assets/scss/pages/generic/_widgets.scss */ .text-widget .widget-content p span { color: #283252; font-weight: 500; } /* line 256, src/assets/scss/pages/generic/_widgets.scss */ .text-widget .widget-content .hashtags { padding-top: 8px; font-family: "Roboto", sans-serif; } /* line 260, src/assets/scss/pages/generic/_widgets.scss */ .text-widget .widget-content .hashtags a { color: #606061; margin: 0 2px; } /* line 273, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .text-widget .widget-content p span { color: #aaaab3; } /* line 280, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .text-widget .hashtags a { color: #ED1C24; } /* ========================================================================== 5. Tags Widget ========================================================================== */ /* ========================================================================== 6. Calendar Widget ========================================================================== */ /* line 309, src/assets/scss/pages/generic/_widgets.scss */ .calendar-widget .calendar-widget-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -6px; margin-left: -6px; margin-right: -6px; } /* line 316, src/assets/scss/pages/generic/_widgets.scss */ .calendar-widget .calendar-widget-inner .calendar-square { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 6px; width: calc(50% - 6px); } /* line 323, src/assets/scss/pages/generic/_widgets.scss */ .calendar-widget .calendar-widget-inner .calendar-square .date { text-align: center; } /* line 326, src/assets/scss/pages/generic/_widgets.scss */ .calendar-widget .calendar-widget-inner .calendar-square .date span { display: block; font-family: "Roboto", sans-serif; } /* line 330, src/assets/scss/pages/generic/_widgets.scss */ .calendar-widget .calendar-widget-inner .calendar-square .date span:first-child { font-weight: 700; color: #283252; font-size: 1.6rem; } /* line 336, src/assets/scss/pages/generic/_widgets.scss */ .calendar-widget .calendar-widget-inner .calendar-square .date span:nth-child(2) { font-size: .75rem; text-transform: uppercase; color: #a2a5b9; } /* line 354, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .calendar-widget .calendar-widget-inner .calendar-square .date span:first-child { color: #aaaab3; } /* ========================================================================== 7. Image Widget ========================================================================== */ /* line 369, src/assets/scss/pages/generic/_widgets.scss */ .image-widget { position: relative; padding: 10px; height: 310px; } /* line 380, src/assets/scss/pages/generic/_widgets.scss */ .image-widget > img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 14px; } /* line 387, src/assets/scss/pages/generic/_widgets.scss */ .image-widget .progress-wrap { position: absolute; bottom: 30px; left: 0; right: 0; padding: 0 30px; } /* line 394, src/assets/scss/pages/generic/_widgets.scss */ .image-widget .progress-wrap .progress { background-color: #000; background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #606061), color-stop(30%, #000)); background-image: linear-gradient(to right, #606061 30%, #000 30%); height: .15rem !important; } /* line 406, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .image-widget .progress-wrap .progress { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ED1C24), color-stop(30%, #000)) !important; background-image: linear-gradient(to right, #ED1C24 30%, #000 30%) !important; } /* ========================================================================== 8. List Widget ========================================================================== */ /* line 427, src/assets/scss/pages/generic/_widgets.scss */ .list-widget ul li:not(:last-child) { margin-bottom: 12px; } /* line 431, src/assets/scss/pages/generic/_widgets.scss */ .list-widget ul li a { font-family: "Roboto", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #a2a5b9; } /* line 437, src/assets/scss/pages/generic/_widgets.scss */ .list-widget ul li a:hover { color: #606061; } /* line 451, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .list-widget ul li a:hover { color: #ED1C24; } /* ========================================================================== 9. Picker Widget ========================================================================== */ /* line 472, src/assets/scss/pages/generic/_widgets.scss */ .picker-widget .calendar { color: #283252; font-size: 12px; font-family: "Roboto", sans-serif; width: 100%; margin-bottom: 5px; } /* line 479, src/assets/scss/pages/generic/_widgets.scss */ .picker-widget .calendar thead, .picker-widget .calendar tbody { width: 100%; } /* line 484, src/assets/scss/pages/generic/_widgets.scss */ .picker-widget .calendar thead { color: #606061; font-weight: 600; font-size: 10px; text-transform: uppercase; } /* line 491, src/assets/scss/pages/generic/_widgets.scss */ .picker-widget .calendar td { padding: .5em 0; text-align: center; cursor: pointer; border-radius: 8px; } /* line 498, src/assets/scss/pages/generic/_widgets.scss */ .picker-widget .calendar tbody td:hover { background: whitesmoke; color: #606061; } /* line 503, src/assets/scss/pages/generic/_widgets.scss */ .picker-widget .current-day { color: #606061; font-weight: 600; } /* line 508, src/assets/scss/pages/generic/_widgets.scss */ .picker-widget .prev-month, .picker-widget .next-month { color: #cacaca; } /* line 517, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .picker-widget .calendar { color: #aaaab3; } /* line 520, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .picker-widget .calendar thead { color: #ED1C24; } /* line 524, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .picker-widget .calendar td:hover { background: #2a2a2e; color: #ED1C24; } /* line 530, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .picker-widget .current-day { color: #ED1C24; } /* ========================================================================== 10. Stat Widget ========================================================================== */ /* line 541, src/assets/scss/pages/generic/_widgets.scss */ .stats-widget { padding: 20px 0 0 0; } /* line 550, src/assets/scss/pages/generic/_widgets.scss */ .stats-widget .widget-toolbar { padding: 0 20px; } /* line 555, src/assets/scss/pages/generic/_widgets.scss */ .stats-widget .stat-number span { display: block; font-family: "Roboto", sans-serif; } /* line 559, src/assets/scss/pages/generic/_widgets.scss */ .stats-widget .stat-number span:first-child { font-size: 2rem; font-weight: 700; color: #283252; } /* line 564, src/assets/scss/pages/generic/_widgets.scss */ .stats-widget .stat-number span:first-child svg { stroke: #06d6a0; } /* line 569, src/assets/scss/pages/generic/_widgets.scss */ .stats-widget .stat-number span:nth-child(2) { font-size: .75rem; font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #a2a5b9; } /* line 578, src/assets/scss/pages/generic/_widgets.scss */ .stats-widget .stat-chart { position: relative; bottom: -30px; } /* line 589, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .stats-widget .stat-number span:first-child { color: #aaaab3; } /* ========================================================================== 11. Search Widget ========================================================================== */ /* line 610, src/assets/scss/pages/generic/_widgets.scss */ .search-widget .field .control { position: relative; } /* line 613, src/assets/scss/pages/generic/_widgets.scss */ .search-widget .field .control .input { height: 42px; border-radius: 8px; background: #f5f6fa; border-color: #f5f6fa; } /* line 619, src/assets/scss/pages/generic/_widgets.scss */ .search-widget .field .control .input:focus { border-color: #e5e5e5; background: #ffffff; } /* line 625, src/assets/scss/pages/generic/_widgets.scss */ .search-widget .field .control .search-button { position: absolute; top: 0; right: 0; height: 42px; width: 42px; border-radius: 8px; background: #606061; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; outline: none; color: #ffffff; cursor: pointer; } /* line 641, src/assets/scss/pages/generic/_widgets.scss */ .search-widget .field .control .search-button svg { height: 18px; width: 18px; } /* line 648, src/assets/scss/pages/generic/_widgets.scss */ .search-widget .field .topics { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; padding-top: 12px; } /* line 654, src/assets/scss/pages/generic/_widgets.scss */ .search-widget .field .topics a { font-family: "Roboto", sans-serif; color: #a2a5b9; font-size: .95rem; } /* line 659, src/assets/scss/pages/generic/_widgets.scss */ .search-widget .field .topics a:hover { color: #606061; } /* line 672, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .search-widget .field .control .input { background: #2a2a2e; border-color: #404046; } /* line 677, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .search-widget .field .control .search-button { background: #ED1C24; } /* line 683, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .search-widget .field .topics a:hover { color: #ED1C24; } /* ========================================================================== 12. Icon List Widget ========================================================================== */ /* line 704, src/assets/scss/pages/generic/_widgets.scss */ .icon-list-widget .icon-list .icon-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* line 709, src/assets/scss/pages/generic/_widgets.scss */ .icon-list-widget .icon-list .icon-list-item:not(:last-child) { margin-bottom: 20px; } /* line 714, src/assets/scss/pages/generic/_widgets.scss */ .icon-list-widget .icon-list .icon-list-item:hover .icon-wrap { background: #606061; color: #ffffff; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 721, src/assets/scss/pages/generic/_widgets.scss */ .icon-list-widget .icon-list .icon-list-item:hover .item-meta span { color: #283252; } /* line 727, src/assets/scss/pages/generic/_widgets.scss */ .icon-list-widget .icon-list .icon-list-item .icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 42px; width: 42px; border-radius: 10px; background: #eef0f7; color: #9194ac; -webkit-transition: all .3s; transition: all .3s; } /* line 738, src/assets/scss/pages/generic/_widgets.scss */ .icon-list-widget .icon-list .icon-list-item .icon-wrap svg { height: 18px; width: 18px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 745, src/assets/scss/pages/generic/_widgets.scss */ .icon-list-widget .icon-list .icon-list-item .item-meta { margin-left: 12px; } /* line 748, src/assets/scss/pages/generic/_widgets.scss */ .icon-list-widget .icon-list .icon-list-item .item-meta span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 763, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .icon-list-widget .icon-list .icon-list-item:hover .icon-wrap { background: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); color: #fcfcfc; } /* line 770, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .icon-list-widget .icon-list .icon-list-item:hover .item-meta span { color: #ED1C24 !important; } /* line 776, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .icon-list-widget .icon-list .icon-list-item .icon-wrap { background: #2a2a2e; color: #a8abbd; } /* ========================================================================== 13. Video Widget ========================================================================== */ /* line 790, src/assets/scss/pages/generic/_widgets.scss */ .video-widget { padding: 10px; } /* line 799, src/assets/scss/pages/generic/_widgets.scss */ .video-widget .widget-content { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 802, src/assets/scss/pages/generic/_widgets.scss */ .video-widget .widget-content > img { height: 100px; width: 100px; border-radius: 10px; -o-object-fit: cover; object-fit: cover; } /* line 809, src/assets/scss/pages/generic/_widgets.scss */ .video-widget .widget-content .widget-meta { margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: "Roboto", sans-serif; } /* line 815, src/assets/scss/pages/generic/_widgets.scss */ .video-widget .widget-content .widget-meta > svg { height: 20px; width: 20px; stroke-width: 1.6px; stroke: #606061; margin-bottom: 6px; } /* line 823, src/assets/scss/pages/generic/_widgets.scss */ .video-widget .widget-content .widget-meta h4 { font-weight: 600; font-family: "Montserrat", sans-serif; font-size: .9rem; line-height: 1.3; color: #283252; } /* line 831, src/assets/scss/pages/generic/_widgets.scss */ .video-widget .widget-content .widget-meta .views { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; color: #a2a5b9; } /* line 837, src/assets/scss/pages/generic/_widgets.scss */ .video-widget .widget-content .widget-meta .views svg { height: 14px; width: 14px; stroke-width: 1.4px; margin-right: 6px; } /* line 844, src/assets/scss/pages/generic/_widgets.scss */ .video-widget .widget-content .widget-meta .views span { font-size: .85rem; } /* line 856, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .video-widget .widget-meta > svg { stroke: #ED1C24; } /* line 860, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .video-widget .widget-meta h4 { color: #aaaab3; } /* ========================================================================== 14. Inbox Widget ========================================================================== */ /* line 880, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block h4 { font-family: "Roboto", sans-serif; font-weight: 500; color-interpolation-filters: #283252; font-size: .95rem; } /* line 887, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block .sender-block-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 0; } /* line 892, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block .sender-block-inner .meta { margin-left: 10px; line-height: 1.2; } /* line 896, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block .sender-block-inner .meta span { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .8rem; } /* line 904, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block .exerpt { padding: 10px; border-radius: 10px; border: 1px solid #e5e5e5; font-family: "Roboto", sans-serif; } /* line 910, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block .exerpt h5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .8rem; font-family: "Montserrat", sans-serif; font-weight: 600; color: #606061; margin-bottom: 6px; } /* line 919, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block .exerpt h5 i { font-size: 6px; margin-right: 6px; } /* line 925, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block .exerpt p { font-size: .9rem; color: #283252; margin-bottom: 6px; } /* line 931, src/assets/scss/pages/generic/_widgets.scss */ .inbox-widget .sender-block .exerpt small { color: #a2a5b9; } /* line 944, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .inbox-widget .sender-block .sender-block-inner .meta span { color: #aaaab3; } /* line 951, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .inbox-widget .exerpt { background: #2d2d31; border-color: #404046; } /* line 955, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .inbox-widget .exerpt h5 { color: #ED1C24; } /* line 959, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .inbox-widget .exerpt p { color: #aaaab3; } /* ========================================================================== 15. Illustration Widget ========================================================================== */ /* line 972, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v1 { padding: 40px 30px; text-align: center; font-family: "Roboto", sans-serif; } /* line 983, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v1 .img-container { position: relative; margin: 0 auto 12px auto; max-width: 180px; } /* line 988, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v1 .img-container .main { display: block; } /* line 992, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v1 .img-container .badge { position: absolute; } /* line 995, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v1 .img-container .badge.badge-1 { height: 70px; width: 70px; top: 0; right: 0; } /* line 1002, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v1 .img-container .badge.badge-2 { height: 50px; width: 50px; top: 0; left: 0; } /* line 1011, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v1 h3 { font-weight: 600; font-size: .95rem; font-family: "Montserrat", sans-serif; color: #283252; margin-bottom: 4px; } /* line 1019, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v1 p { font-size: .9rem; } /* line 1024, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v2 { padding: 16px; } /* line 1033, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v2 img { border-radius: 14px; margin-bottom: 4px; } /* line 1038, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v2 h3 { font-weight: 600; font-size: .95rem; font-family: "Montserrat", sans-serif; color: #283252; } /* line 1045, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v2 p { font-size: .9rem; } /* line 1050, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v3 { padding: 24px; } /* line 1059, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v3 img { border-radius: 18px; margin-bottom: 4px; } /* line 1064, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v3 h3 { font-weight: 600; font-size: .95rem; font-family: "Montserrat", sans-serif; color: #283252; } /* line 1071, src/assets/scss/pages/generic/_widgets.scss */ .illustration-widget.illustration-widget-v3 p { font-size: .9rem; } /* line 1081, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .illustration-widget.illustration-widget-v1 h3, body.is-dark .illustration-widget.illustration-widget-v2 h3, body.is-dark .illustration-widget.illustration-widget-v3 h3 { color: #aaaab3; } /* ========================================================================== 16. Creative List Widget ========================================================================== */ /* line 1101, src/assets/scss/pages/generic/_widgets.scss */ .creative-list-widget .creative-list .creative-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border-radius: 10px; background: whitesmoke; margin-bottom: 8px; } /* line 1109, src/assets/scss/pages/generic/_widgets.scss */ .creative-list-widget .creative-list .creative-list-item.is-orange { background: #ffefe7; } /* line 1113, src/assets/scss/pages/generic/_widgets.scss */ .creative-list-widget .creative-list .creative-list-item.is-purple { background: #ede9f4; } /* line 1117, src/assets/scss/pages/generic/_widgets.scss */ .creative-list-widget .creative-list .creative-list-item.is-green { background: #d3fef3; } /* line 1121, src/assets/scss/pages/generic/_widgets.scss */ .creative-list-widget .creative-list .creative-list-item .meta { font-family: "Roboto", sans-serif; font-size: .95rem; color: #283252; font-weight: 500; margin-left: 10px; } /* line 1136, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .creative-list-widget .creative-list .creative-list-item { background: #28282b; border: 1px solid #404046; } /* line 1140, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .creative-list-widget .creative-list .creative-list-item .meta { color: #fcfcfc; } /* ========================================================================== 17. Social Buttons Widget ========================================================================== */ /* line 1153, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget { padding: 16px; } /* line 1162, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1165, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } /* line 1171, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32px; min-width: 32px; border-radius: 8px; color: #c5c7d3; -webkit-transition: all .3s; transition: all .3s; } /* line 1182, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button:hover:not(.is-active) { background: whitesmoke; color: #a2a5b9; } /* line 1187, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-rounded { border-radius: 50%; } /* line 1192, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-facebook { background: #3B5998; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important; } /* line 1198, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-linkedin { background: #007bb6; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important; } /* line 1204, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-twitter { background: #1dcaff; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(29, 202, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(29, 202, 255, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(29, 202, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(29, 202, 255, 0.2) !important; } /* line 1210, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-instagram { background: #e1306c; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(221, 27, 22, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 27, 22, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(221, 27, 22, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 27, 22, 0.2) !important; } /* line 1216, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-github { background: #444; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(68, 68, 68, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(68, 68, 68, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(68, 68, 68, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(68, 68, 68, 0.2) !important; } /* line 1222, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-invision { background: #ff3366; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(255, 51, 102, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 51, 102, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 51, 102, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 51, 102, 0.2) !important; } /* line 1228, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-atlassian { background: #007bb6; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(0, 123, 182, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 123, 182, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(0, 123, 182, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 123, 182, 0.2) !important; } /* line 1234, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button.is-active.is-bootstrap { background: #8269B2; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(130, 105, 178, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(130, 105, 178, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(130, 105, 178, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(130, 105, 178, 0.2) !important; } /* line 1241, src/assets/scss/pages/generic/_widgets.scss */ .social-buttons-widget .social-buttons .social-button .inner-button svg { height: 18px; width: 18px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 1257, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .social-buttons-widget .social-buttons .social-button .inner-button:hover:not(.is-active) { background: #28282b; color: #a2a5b9; } /* ========================================================================== 18. Call Widget ========================================================================== */ /* line 1272, src/assets/scss/pages/generic/_widgets.scss */ .call-widget { padding: 40px 30px; text-align: center; font-family: "Roboto", sans-serif; } /* line 1283, src/assets/scss/pages/generic/_widgets.scss */ .call-widget .img-container { position: relative; margin: 0 auto 12px auto; max-width: 180px; max-height: 180px; } /* line 1289, src/assets/scss/pages/generic/_widgets.scss */ .call-widget .img-container .main { display: block; } /* line 1293, src/assets/scss/pages/generic/_widgets.scss */ .call-widget .img-container .badge { position: absolute; height: 60px; width: 60px; bottom: 0; right: 2px; border-radius: 50%; border: 6px solid #ffffff; } /* line 1304, src/assets/scss/pages/generic/_widgets.scss */ .call-widget h3 { font-weight: 600; font-family: "Montserrat", sans-serif; font-size: 1rem; color: #283252; margin-bottom: 4px; } /* line 1312, src/assets/scss/pages/generic/_widgets.scss */ .call-widget p { font-size: .9rem; } /* line 1316, src/assets/scss/pages/generic/_widgets.scss */ .call-widget .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 12px; } /* line 1321, src/assets/scss/pages/generic/_widgets.scss */ .call-widget .actions .action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; width: 36px; min-width: 36px; border-radius: 50%; color: #c5c7d3; -webkit-transition: all .3s; transition: all .3s; margin: 0 6px; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); transition: all .3s; } /* line 1336, src/assets/scss/pages/generic/_widgets.scss */ .call-widget .actions .action:hover { background: #606061; border-color: #606061; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 1343, src/assets/scss/pages/generic/_widgets.scss */ .call-widget .actions .action svg { height: 16px; width: 16px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 1355, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .call-widget h3 { color: #aaaab3; } /* line 1360, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .call-widget .img-container .badge { border-color: #323236; } /* line 1366, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .call-widget .actions .action { background: #28282b; border: 1px solid #404046; color: #aaaab3; } /* line 1371, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .call-widget .actions .action:hover { border-color: #ED1C24; color: #ED1C24; } /* ========================================================================== 16. Avatar List Widget ========================================================================== */ /* line 1385, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget { padding: 14px; } /* line 1395, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget .field .control { position: relative; } /* line 1398, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget .field .control .input { height: 42px; border-radius: 8px; background: #f5f6fa; border-color: #f5f6fa; } /* line 1404, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget .field .control .input:focus { border-color: #e5e5e5; background: #ffffff; } /* line 1410, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget .field .control .search-button { position: absolute; top: 0; right: 0; height: 42px; width: 42px; border-radius: 8px; background: #606061; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; outline: none; color: #ffffff; cursor: pointer; } /* line 1426, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget .field .control .search-button svg { height: 18px; width: 18px; } /* line 1435, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget .avatar-list .avatar-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border-radius: 10px; margin-bottom: 8px; -webkit-transition: all .3s; transition: all .3s; } /* line 1443, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget .avatar-list .avatar-list-item:hover { background: whitesmoke; } /* line 1447, src/assets/scss/pages/generic/_widgets.scss */ .avatar-list-widget .avatar-list .avatar-list-item .meta { font-family: "Montserrat", sans-serif; font-size: .95rem; color: #283252; font-weight: 600; margin-left: 10px; } /* line 1463, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .avatar-list-widget .field .control .input { background: #2a2a2e; border-color: #404046; } /* line 1468, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .avatar-list-widget .field .control .search-button { background: #ED1C24; } /* line 1474, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .avatar-list-widget .field .topics a:hover { color: #ED1C24; } /* line 1483, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .avatar-list-widget .avatar-list .avatar-list-item:hover { background: #37373b; } /* line 1487, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .avatar-list-widget .avatar-list .avatar-list-item .meta { color: #aaaab3; } /* ========================================================================== 17. Contact Widget ========================================================================== */ /* line 1508, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget.is-reversed .widget-content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 1513, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e5e5e5; margin-bottom: 16px; padding-bottom: 16px; } /* line 1519, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .left { text-align: center; width: 40%; } /* line 1523, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .left .h-avatar { display: block; margin: 0 auto; } /* line 1527, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .left .h-avatar .avatar { margin: 0; } /* line 1533, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .right { width: 60%; font-family: "Roboto", sans-serif; } /* line 1537, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .right > h3 { font-family: "Montserrat", sans-serif; color: #283252; font-weight: 600; margin-bottom: 4px; } /* line 1544, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .right .company { font-size: .9rem; line-height: 1.2; margin-bottom: 4px; } /* line 1549, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .right .company span { color: #606061; } /* line 1556, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .right .contact-info { font-size: .85rem; } /* line 1559, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .right .contact-info > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1563, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .widget-content .right .contact-info > span svg { height: 14px; width: 14px; margin-right: 4px; stroke-width: 1.4px; stroke: #a2a5b9; } /* line 1575, src/assets/scss/pages/generic/_widgets.scss */ .contact-widget .email { text-align: center; font-size: .9rem; } /* line 1584, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .contact-widget .widget-content { border-color: #404046; } /* line 1588, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .contact-widget .widget-content .right h3 { color: #aaaab3; } /* line 1593, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .contact-widget .widget-content .right .company span:first-child { color: #ED1C24; } /* line 1599, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .contact-widget .widget-content .right .contact-info span span { color: #aaaab3; } /* ========================================================================== 18. Followers Widget ========================================================================== */ /* line 1620, src/assets/scss/pages/generic/_widgets.scss */ .followers-widget .channels { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; width: 100%; } /* line 1626, src/assets/scss/pages/generic/_widgets.scss */ .followers-widget .channels .channel { width: calc(33.3% - 16px); text-align: center; margin: 0 8px; } /* line 1631, src/assets/scss/pages/generic/_widgets.scss */ .followers-widget .channels .channel .channel-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; width: 36px; border-radius: 10px; background: #f5f6fa; margin: 0 auto 4px auto; } /* line 1641, src/assets/scss/pages/generic/_widgets.scss */ .followers-widget .channels .channel .channel-icon i { font-size: 14px; color: #a2a5b9; } /* line 1648, src/assets/scss/pages/generic/_widgets.scss */ .followers-widget .channels .channel .channel-stats span { font-family: "Roboto", sans-serif; display: block; } /* line 1652, src/assets/scss/pages/generic/_widgets.scss */ .followers-widget .channels .channel .channel-stats span:first-child { font-weight: 500; color: #a2a5b9; } /* line 1667, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .followers-widget .channels .channel .channel-icon { background: #28282b; border: 1px solid #404046; } /* ========================================================================== 18. Cart Widget ========================================================================== */ /* line 1689, src/assets/scss/pages/generic/_widgets.scss */ .cart-widget .cart-items .cart-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 8px 0; } /* line 1693, src/assets/scss/pages/generic/_widgets.scss */ .cart-widget .cart-items .cart-item .meta { margin-left: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 1698, src/assets/scss/pages/generic/_widgets.scss */ .cart-widget .cart-items .cart-item .meta span { display: block; font-family: "Roboto", sans-serif; } /* line 1702, src/assets/scss/pages/generic/_widgets.scss */ .cart-widget .cart-items .cart-item .meta span:first-child { font-size: .9rem; color: #a2a5b9; } /* line 1707, src/assets/scss/pages/generic/_widgets.scss */ .cart-widget .cart-items .cart-item .meta span:nth-child(2) { color: #283252; margin-top: auto; font-weight: 600; font-size: 1.2rem; } /* line 1718, src/assets/scss/pages/generic/_widgets.scss */ .cart-widget .cart-button { padding-top: 16px; } /* line 1721, src/assets/scss/pages/generic/_widgets.scss */ .cart-widget .cart-button .button { min-height: 50px; border-radius: 10px; } /* line 1736, src/assets/scss/pages/generic/_widgets.scss */ body.is-dark .cart-widget .cart-items .cart-item .meta span:nth-child(2) { color: #ED1C24; } /*! _widgets-lists.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== List Widgets Styles ========================================================================== */ /* 1. List Widget Base 2. List Widget V1 3. List Widget V2 */ /* ========================================================================== 1. List Widget Base ========================================================================== */ /* line 17, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget { padding: 30px; } /* line 22, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget:not(:last-child) { margin-bottom: 1.5rem; } /* line 32, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.tabbed-widget .widget-head .tabbed-controls { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 140px; height: 32px; background: #eef0f7; font-family: "Roboto", sans-serif; border-radius: 8px; } /* line 41, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control { position: relative; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .9rem; color: #a2a5b9; z-index: 1; } /* line 51, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control.is-active { color: #fcfcfc; } /* line 55, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control.is-active:first-child ~ .tabbed-naver { margin-left: 0; } /* line 61, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-control.is-active:nth-child(2) ~ .tabbed-naver { margin-left: 50%; } /* line 68, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-naver { position: absolute; top: 0; left: 0; width: 50%; height: 100%; border-radius: 8px; background: #606061; margin-left: 0; -webkit-transition: all .3s; transition: all .3s; z-index: 0; } /* line 83, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.tabbed-widget .inner-list-wrapper { display: none; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 87, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.tabbed-widget .inner-list-wrapper.is-active { display: block; } /* line 93, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget .widget-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 32px; margin-bottom: 10px; } /* line 100, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget .widget-head h3 { color: #283252; font-size: 1.1rem; font-weight: 500; } /* line 107, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget .inner-list { padding: 10px 0; } /* line 111, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget .inner-list .inner-list-item + .inner-list-item { margin-top: 24px; } /* line 123, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.tabbed-widget .widget-head .tabbed-controls { background: #2a2a2e; } /* line 126, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.tabbed-widget .widget-head .tabbed-controls .tabbed-naver { background: #ED1C24; } /* ========================================================================== 2. List Widget V1 ========================================================================== */ /* line 142, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v1 .go-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; width: 36px; border-radius: 50%; background: #f5f6fa; color: #a2a5b9; } /* line 153, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v1 .go-icon:before { content: attr(data-content); position: absolute; left: -45px; font-family: "Roboto", sans-serif; font-size: .95rem; font-weight: 500; } /* line 162, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v1 .go-icon.is-squared { border-radius: 10px; } /* line 167, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v1 .go-icon.is-up:before { color: #93E088; } /* line 173, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v1 .go-icon.is-down:before { color: #F92B60; } /* line 178, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v1 .go-icon svg { height: 16px; width: 16px; stroke-width: 3px; } /* line 191, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.list-widget-v1 .go-icon { background: #2a2a2e; border: 1px solid #404046; } /* ========================================================================== 2. List Widget V2 ========================================================================== */ /* line 206, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v2 .image-icon { height: 40px; width: 40px; } /* ========================================================================== 2. List Widget V3 ========================================================================== */ /* line 228, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 30px; } /* line 233, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item:after { content: ''; position: absolute; top: 36px; left: 18px; width: 1px; height: calc(100% - 36px); border-left: 1px solid #e5e5e5; } /* line 243, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon { position: relative; height: 36px; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 50%; color: #a2a5b9; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 256, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon:after { content: ''; position: absolute; top: 17px; left: 40px; width: 20px; height: 1px; border-top: 1px solid #e5e5e5; } /* line 266, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-squared { border-radius: 10px; } /* line 269, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-squared img { border-radius: 10px; } /* line 274, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-primary { background: #606061; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 279, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-primary svg { stroke: #fcfcfc; } /* line 284, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-info { background: #039BE5; border-color: #039BE5; -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; } /* line 289, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-info svg { stroke: #fcfcfc; } /* line 294, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-success { background: #06d6a0; border-color: #06d6a0; -webkit-box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(6, 214, 160, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(6, 214, 160, 0.2) !important; } /* line 299, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-success svg { stroke: #fcfcfc; } /* line 304, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-orange { background: #FFA981; border-color: #FFA981; -webkit-box-shadow: 0 14px 26px -12px rgba(255, 169, 129, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 169, 129, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(255, 169, 129, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 169, 129, 0.2) !important; } /* line 309, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-orange svg { stroke: #fcfcfc; } /* line 314, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-yellow { background: #FFD66E; border-color: #FFD66E; } /* line 318, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-yellow svg { stroke: #fcfcfc; } /* line 323, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon img { display: block; height: 28px; width: 28px; border-radius: 50%; } /* line 330, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon svg { height: 16px; width: 16px; stroke-width: 1.6px; } /* line 337, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content { margin-left: 34px; line-height: 1.2; } /* line 341, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content span { font-size: .85rem; color: #a2a5b9; } /* line 346, src/assets/scss/pages/generic/_widgets-lists.scss */ .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content p { font-family: "Montserrat", sans-serif; font-size: .95rem; font-weight: 500; color: #283252; } /* line 364, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item:after { border-color: #404046 !important; } /* line 368, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon:not(.is-primary):not(.is-info):not(.is-success):not(.is-orange):not(.is-yellow) { background: #2a2a2e !important; border-color: #404046 !important; } /* line 374, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon:after { border-color: #404046 !important; } /* line 378, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-primary { background: #ED1C24; border-color: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* line 383, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-icon.is-primary svg { stroke: #fcfcfc; } /* line 390, src/assets/scss/pages/generic/_widgets-lists.scss */ body.is-dark .list-widget.list-widget-v3 .icon-timeline .timeline-item .timeline-content p { color: #aaaab3; } /*! _widgets-stats.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Stat Widgets Styles ========================================================================== */ /* 1. Stat Widget Base 2. Line / Area Chart Widget 3. Spark Tile Widget 4. Flex Stat Widget 5. Grouped Stat Widget 6. Followers Stat Widget */ /* ========================================================================== 1. Stat Widget Base ========================================================================== */ /* line 20, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget { padding: 30px; font-family: "Roboto", sans-serif; } /* line 30, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget .widget-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 32px; margin-bottom: 10px; } /* line 37, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget .widget-head h3 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 45, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget .inner-list { padding: 10px 0; } /* line 49, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget .inner-list .inner-list-item + .inner-list-item { margin-top: 24px; } /* ========================================================================== 2. Line / Area Chart Widget ========================================================================== */ /* line 62, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.line-stats-widget .line-stats, .stat-widget.line-stats-widget .area-stats, .stat-widget.area-stats-widget .line-stats, .stat-widget.area-stats-widget .area-stats { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 65, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.line-stats-widget .line-stats .line-stat, .stat-widget.line-stats-widget .line-stats .area-stat, .stat-widget.line-stats-widget .area-stats .line-stat, .stat-widget.line-stats-widget .area-stats .area-stat, .stat-widget.area-stats-widget .line-stats .line-stat, .stat-widget.area-stats-widget .line-stats .area-stat, .stat-widget.area-stats-widget .area-stats .line-stat, .stat-widget.area-stats-widget .area-stats .area-stat { margin-right: 30px; font-family: "Roboto", sans-serif; } /* line 69, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.line-stats-widget .line-stats .line-stat span, .stat-widget.line-stats-widget .line-stats .area-stat span, .stat-widget.line-stats-widget .area-stats .line-stat span, .stat-widget.line-stats-widget .area-stats .area-stat span, .stat-widget.area-stats-widget .line-stats .line-stat span, .stat-widget.area-stats-widget .line-stats .area-stat span, .stat-widget.area-stats-widget .area-stats .line-stat span, .stat-widget.area-stats-widget .area-stats .area-stat span { display: block; } /* line 72, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.line-stats-widget .line-stats .line-stat span:first-child, .stat-widget.line-stats-widget .line-stats .area-stat span:first-child, .stat-widget.line-stats-widget .area-stats .line-stat span:first-child, .stat-widget.line-stats-widget .area-stats .area-stat span:first-child, .stat-widget.area-stats-widget .line-stats .line-stat span:first-child, .stat-widget.area-stats-widget .line-stats .area-stat span:first-child, .stat-widget.area-stats-widget .area-stats .line-stat span:first-child, .stat-widget.area-stats-widget .area-stats .area-stat span:first-child { color: #a2a5b9; font-size: .9rem; } /* line 77, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.line-stats-widget .line-stats .line-stat span:nth-child(2), .stat-widget.line-stats-widget .line-stats .area-stat span:nth-child(2), .stat-widget.line-stats-widget .area-stats .line-stat span:nth-child(2), .stat-widget.line-stats-widget .area-stats .area-stat span:nth-child(2), .stat-widget.area-stats-widget .line-stats .line-stat span:nth-child(2), .stat-widget.area-stats-widget .line-stats .area-stat span:nth-child(2), .stat-widget.area-stats-widget .area-stats .line-stat span:nth-child(2), .stat-widget.area-stats-widget .area-stats .area-stat span:nth-child(2) { color: #283252; font-size: 1.2rem; font-weight: 600; } /* line 83, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.line-stats-widget .line-stats .line-stat span.current, .stat-widget.line-stats-widget .line-stats .area-stat span.current, .stat-widget.line-stats-widget .area-stats .line-stat span.current, .stat-widget.line-stats-widget .area-stats .area-stat span.current, .stat-widget.area-stats-widget .line-stats .line-stat span.current, .stat-widget.area-stats-widget .line-stats .area-stat span.current, .stat-widget.area-stats-widget .area-stats .line-stat span.current, .stat-widget.area-stats-widget .area-stats .area-stat span.current { color: #ED1C24; } /* ========================================================================== 3. Spark Tile Widget ========================================================================== */ /* line 97, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.spark-tile-widget { padding: 0; } /* ========================================================================== 4. Flex Stat Widget ========================================================================== */ /* line 108, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.flex-stat-widget .chart-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 113, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.flex-stat-widget .chart-media .meta { margin-right: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; } /* line 118, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.flex-stat-widget .chart-media .meta h4 { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 125, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.flex-stat-widget .chart-media .meta span { display: block; color: #ED1C24; font-size: 1.2rem; font-weight: 600; margin-bottom: 8px; } /* line 133, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.flex-stat-widget .chart-media .meta p { font-size: .9rem; } /* line 138, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.flex-stat-widget .chart-media .chart-container { min-width: 110px; } /* ========================================================================== 5. Grouped Stat Widget ========================================================================== */ /* line 151, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.grouped-stat-widget .chart-group { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 154, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.grouped-stat-widget .chart-group .group { text-align: center; width: 33.3%; } /* line 158, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.grouped-stat-widget .chart-group .group .chart-container { margin-top: -5px; } /* line 161, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.grouped-stat-widget .chart-group .group .chart-container.is-gauge { margin-bottom: 30px; } /* line 166, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.grouped-stat-widget .chart-group .group span { display: block; margin-top: -25px; font-family: "Roboto", sans-serif; color: #283252; font-weight: 600; font-size: 1.2rem; } /* line 175, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.grouped-stat-widget .chart-group .group p { font-size: .9rem; } /* ========================================================================== 6. Followers Stat Widget ========================================================================== */ /* line 189, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 193, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; width: 50px; min-width: 50px; border-radius: 50%; background: #ffffff; color: #606061; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 206, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon.is-squared { border-radius: 10px; } /* line 210, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon.is-primary { background: #606061; border-color: #606061; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); color: #fcfcfc; } /* line 217, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon svg { height: 18px; width: 18px; } /* line 222, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon i { font-size: 18px; } /* line 227, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-count { margin-left: 12px; } /* line 230, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-count span { display: block; } /* line 233, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-count span:first-child { font-family: "Montserrat", sans-serif; font-size: 1.15rem; font-weight: 600; color: #283252; } /* line 240, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .follow-count span:nth-child(2) { font-size: .95rem; color: #a2a5b9; } /* line 247, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .go-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; width: 36px; border-radius: 50%; background: #f5f6fa; color: #a2a5b9; margin-left: auto; } /* line 259, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .go-icon.is-squared { border-radius: 10px; } /* line 263, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.followers-stat-widget-v1 .follow-block .go-icon svg { height: 16px; width: 16px; stroke-width: 3px; } /* line 278, src/assets/scss/pages/generic/_widgets-stats.scss */ body.is-dark .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon:not(.is-primary) { background: #28282b; border-color: #404046; color: #ED1C24; } /* line 285, src/assets/scss/pages/generic/_widgets-stats.scss */ body.is-dark .stat-widget.followers-stat-widget-v1 .follow-block .follow-icon.is-primary { border-color: #ED1C24; background: #ED1C24; } /* line 292, src/assets/scss/pages/generic/_widgets-stats.scss */ body.is-dark .stat-widget.followers-stat-widget-v1 .go-icon { background: #28282b; border: 1px solid #404046; } /* ========================================================================== 7. Table Widget ========================================================================== */ /* line 307, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table { margin-top: 1.5rem; } /* line 311, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody tr, .stat-widget.table-widget-v1 .table tbody td { border: none; } /* line 315, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody tr { border-radius: 10px; } /* line 319, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td { padding: 1em 0.75em; } /* line 322, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .double-line { line-height: 1.4; } /* line 325, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .double-line span { display: block; } /* line 328, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .double-line span:first-child { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 600; color: #283252; } /* line 335, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .double-line span:nth-child(2) { color: #a2a5b9; font-size: .9rem; } /* line 342, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .rating-wrap { text-align: right; } /* line 345, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .rating-wrap span { color: #a2a5b9; } /* line 350, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .rating-wrap .rating i { color: #dadeec; } /* line 353, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .rating-wrap .rating i.selected { color: #FFD66E !important; } /* line 360, src/assets/scss/pages/generic/_widgets-stats.scss */ .stat-widget.table-widget-v1 .table tbody td .tag-wrap { text-align: right; } /*! _wizard.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Wizard Styles ========================================================================== */ /* 1. Wizard V1 Navigation 2. Wizard V1 Navigation Dark mode 3. Wizard V1 Title 4. Wizard V1 Step 1 5. Wizard V1 Step 1 Dark mode 6. Wizard V1 Step 2 7. Wizard V1 Step 2 Dark mode 8. Wizard V1 Step 3 9. Wizard V1 Step 3 Dark mode 10. Wizard V1 Step 4 11. Wizard V1 Step 4 Dark mode 12. Wizard V1 Step 5 13. Wizard V1 Step 5 Dark mode 14. Wizard V1 Step 6 15. Wizard V1 Step 6 Dark mode 16. Wizard V1 Step 7 17. Wizard V1 Step 7 Dark mode 18. Media Queries */ /* ========================================================================== 1. Wizard V1 Navigation ========================================================================== */ /* line 32, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation { position: fixed; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; background: #ffffff; padding: 0 20px; -webkit-transition: all .3s; transition: all .3s; z-index: 99; } /* line 45, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .wizard-brand img { display: block; height: 34px; margin: 0 auto; } /* line 53, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .navbar-item.is-wizard-title { margin-left: 15px; border-left: 1px solid #bfbfbf; padding-bottom: 6px; padding-top: 6px; font-family: "Roboto", sans-serif; } /* line 60, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .navbar-item.is-wizard-title .title-wrap { position: relative; display: block; font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; } /* line 67, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .navbar-item.is-wizard-title .title-wrap span { font-weight: 400; } /* line 74, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .wizard-dropdown { cursor: pointer; } /* line 77, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .wizard-dropdown .is-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; } /* line 84, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .wizard-dropdown .is-trigger svg { height: 18px; width: 18px; stroke: #a2a5b9; } /* line 91, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .wizard-dropdown .dropdown-menu { border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 8px; padding-top: 0; overflow: hidden; } /* line 99, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .wizard-dropdown .dropdown-menu .dropdown-content .dropdown-item { font-family: "Roboto", sans-serif; } /* line 106, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .is-dark-mode { margin-left: auto; background: transparent !important; } /* line 110, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .is-dark-mode .navbar-icon { height: 38px; width: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); background: #ffffff; -webkit-transition: all .3s; transition: all .3s; } /* line 122, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .is-dark-mode .navbar-icon .dark-mode { -webkit-transform: scale(0.6); transform: scale(0.6); } /* line 129, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .is-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* line 135, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .is-trigger .profile-avatar { position: relative; } /* line 138, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .is-trigger .profile-avatar .avatar { display: block; width: 38px; height: 38px; border-radius: 50%; } /* line 145, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .is-trigger .profile-avatar .badge { position: absolute; right: -8px; bottom: 0; width: 20px; height: 20px; border: 2px solid #ffffff; border-radius: 50%; } /* line 156, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .is-trigger svg { margin-left: 3px; width: 18px; height: 18px; stroke: #a2a5b9; -webkit-transition: all .3s; transition: all .3s; } /* line 165, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .dropdown-menu { top: 52px; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 8px; padding-top: 0; width: 180px; overflow: hidden; } /* line 174, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .dropdown-menu .dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; font-size: .9rem; padding: 8px 12px; color: #a2a5b9; } /* line 182, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .dropdown-menu .dropdown-item p { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: .95rem; color: #283252; } /* line 189, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .user-dropdown .dropdown-menu .dropdown-item svg { margin-right: 8px; height: 16px; width: 16px; stroke: #a2a5b9; } /* line 200, src/assets/scss/pages/generic/_wizard.scss */ .wizard-progress { position: fixed; top: 60px; left: 0; z-index: 19; width: 100%; height: .5rem; } /* line 208, src/assets/scss/pages/generic/_wizard.scss */ .wizard-progress::-webkit-progress-value { border-top-right-radius: 50px; border-bottom-right-radius: 50px; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 214, src/assets/scss/pages/generic/_wizard.scss */ .wizard-progress::-moz-progress-bar { border-top-right-radius: 50px; border-bottom-right-radius: 50px; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 220, src/assets/scss/pages/generic/_wizard.scss */ .wizard-progress::-ms-fill { border-top-right-radius: 50px; border-bottom-right-radius: 50px; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 227, src/assets/scss/pages/generic/_wizard.scss */ .wizard-buttons { position: fixed; bottom: 20px; left: 0; right: 0; margin: 0 auto; max-width: 306px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 14px; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition: all .3s; transition: all .3s; z-index: 5; } /* line 241, src/assets/scss/pages/generic/_wizard.scss */ .wizard-buttons.is-active { -webkit-transform: translateY(0); transform: translateY(0); } /* line 245, src/assets/scss/pages/generic/_wizard.scss */ .wizard-buttons .wizard-buttons-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px; } /* line 251, src/assets/scss/pages/generic/_wizard.scss */ .wizard-buttons .wizard-buttons-inner .button { min-width: 130px; margin: 0 4px; border-radius: 8px; } /* line 260, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .inner-wrapper { display: none; -webkit-animation: fadeInLeft .5s; animation: fadeInLeft .5s; } /* line 264, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .inner-wrapper.is-active { display: block; } /* ========================================================================== 2. Wizard V1 Navigation Dark mode ========================================================================== */ /* line 276, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-navigation { background: #1e1e21; border-color: #404046; } /* line 281, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-navigation .navbar-item.is-wizard-title { border-color: #404046; } /* line 284, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-navigation .navbar-item.is-wizard-title .title-wrap { color: #aaaab3; } /* line 290, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-navigation .navbar-item.is-dark-mode .navbar-icon { background: #323236; border-color: #404046; } /* line 298, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-navigation .wizard-dropdown .dropdown-menu, body.is-dark .wizard-navigation .user-dropdown .dropdown-menu { border-color: #404046; } /* line 304, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-buttons { background: #252529; border-color: #3b3b41; } /* line 309, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-buttons .button.is-light { background: #2d2d31; border-color: #404046; color: #aaaab3; } /* line 314, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-buttons .button.is-light:hover { color: #ED1C24; border-color: #ED1C24; } /* ========================================================================== 3. Wizard V1 Title ========================================================================== */ /* line 328, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper { padding-top: 60px; padding-bottom: 60px; } /* line 332, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .inner-wrapper { padding: 40px 20px; } /* line 335, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .inner-wrapper .step-title { margin-bottom: 30px; text-align: center; } /* line 339, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .inner-wrapper .step-title h2 { font-family: "Montserrat", sans-serif; font-size: 1.3rem; font-weight: 600; color: #283252; text-align: center; } /* line 347, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .inner-wrapper .step-title p { font-family: "Roboto", sans-serif; font-size: 1.2rem; } /* ========================================================================== 4. Wizard V1 Step 1 ========================================================================== */ /* line 361, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types { max-width: 1100px; margin: 0 auto; } /* line 365, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card { text-align: center; background: none; border: 1px solid transparent; padding: 30px; -webkit-transition: all .3s; transition: all .3s; } /* line 374, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card:hover { background: #ffffff; border-color: whitesmoke; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 380, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card:hover .learn-more-link a { opacity: 1; pointer-events: all; } /* line 387, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card img { display: block; max-width: 100%; margin: 0 auto; border-radius: 14px; } /* line 395, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card h3 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.1rem; color: #283252; text-align: center; margin: 16px 0 0 0; } /* line 404, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card p { font-size: 1.1rem; font-family: "Roboto", sans-serif; color: #a2a5b9; text-align: center; max-width: 240px; margin: 0 auto 20px auto; } /* line 413, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card .button-wrap { text-align: center; } /* line 416, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card .button-wrap .button { margin: 0 auto; min-width: 140px; } /* line 422, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card .learn-more-link { text-align: center; padding: 16px 0; } /* line 426, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card .learn-more-link a { text-transform: uppercase; font-size: .8rem; font-weight: 500; font-family: "Roboto", sans-serif; color: #a2a5b9; opacity: 0; pointer-events: none; -webkit-transition: all .3s; transition: all .3s; } /* line 436, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .wizard-card .learn-more-link a:hover { color: #606061; } /* ========================================================================== 5. Wizard V1 Step 1 Dark mode ========================================================================== */ /* line 455, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .input.is-dark-focus:focus { border-color: #ED1C24 !important; } /* line 461, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .wizard-types .wizard-card { background: none; border-color: transparent; } /* line 465, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .wizard-types .wizard-card:hover { background: #323236; border-color: #404046; } /* ========================================================================== 6. Wizard V1 Step 2 ========================================================================== */ /* line 484, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-avatar-upload { text-align: center; } /* line 487, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-avatar-upload .filepond-profile-wrap { display: block; margin: 0 auto 4px auto; } /* line 491, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-avatar-upload .filepond-profile-wrap .filepond--drop-label { background: #ffffff; cursor: pointer; } /* line 498, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-avatar-upload p span { display: block; } /* line 501, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-avatar-upload p span:nth-child(2) { font-size: .9rem; } /* line 508, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-info { max-width: 480px; margin: 10px auto; } /* line 512, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-info .project-name { margin-bottom: 10px; } /* line 517, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-info .project-name .field .control .input { font-family: "Roboto", sans-serif; text-align: center; font-size: 1.2rem; height: 50px; padding: 0; border-radius: 10px; } /* line 532, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-info .project-info-head .project-info .project-description .field .control .textarea { border-radius: 10px; resize: none; } /* ========================================================================== 7. Wizard V1 Step 2 Dark mode ========================================================================== */ /* line 557, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-info .project-info-head .project-avatar-upload .filepond-profile-wrap .filepond--drop-label { background: #28282b; } /* ========================================================================== 8. Wizard V1 Step 3 ========================================================================== */ /* line 575, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates { background: #ffffff; padding: 16px; border: 1px solid #e5e5e5; border-radius: 14px; max-width: 380px; margin: 20px auto; } /* line 583, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates > h4 { font-family: "Roboto", sans-serif; font-size: .8rem; text-transform: uppercase; text-align: center; margin-bottom: 8px; color: #a2a5b9; } /* line 592, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates .project-dates-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 597, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates .project-dates-inner .separator { height: 25px; width: 2px; border-right: 1px solid #e5e5e5; margin: 0 12px; } /* line 604, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates .project-dates-inner .project-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 610, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates .project-dates-inner .project-date .date-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; width: 28px; color: #a2a5b9; } /* line 618, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates .project-dates-inner .project-date .date-icon svg { height: 18px; width: 18px; } /* line 624, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates .project-dates-inner .project-date .control { max-width: 100px; } /* line 627, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-dates .project-dates-inner .project-date .control .input { border: none; background: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 4px; font-family: "Roboto", sans-serif; } /* line 639, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-budget { background: #ffffff; padding: 16px; border: 1px solid #e5e5e5; border-radius: 14px; max-width: 380px; margin: 20px auto; } /* line 647, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-budget > h4 { font-family: "Roboto", sans-serif; font-size: .8rem; text-transform: uppercase; text-align: center; margin-bottom: 16px; color: #a2a5b9; } /* line 656, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-budget .project-budget-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 659, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-budget .project-budget-inner .budget-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } /* line 665, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-budget .project-budget-inner .budget-item .budget-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 65px; min-width: 50px; border: 1px solid #e5e5e5; border-radius: 12px; font-family: "Roboto", sans-serif; font-size: .9rem; color: #c5c7d3; margin: 0 8px; -webkit-transition: all .3s; transition: all .3s; } /* line 680, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-budget .project-budget-inner .budget-item .budget-item-inner:hover:not(.is-active) { color: #a2a5b9; } /* line 685, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-budget .project-budget-inner .budget-item .budget-item-inner.is-active { background: #606061; border-color: #606061; color: #fcfcfc; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 696, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-customer { background: #ffffff; padding: 16px; border: 1px solid #e5e5e5; border-radius: 14px; max-width: 380px; margin: 20px auto; } /* line 704, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-customer > h4 { font-family: "Roboto", sans-serif; font-size: .8rem; text-transform: uppercase; text-align: center; margin-bottom: 16px; color: #a2a5b9; } /* line 714, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-customer .field .control { width: 100%; } /* line 717, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-customer .field .control .input { width: 100%; border: none; background: none; -webkit-box-shadow: none; box-shadow: none; } /* line 728, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-customer .media-flex .h-avatar .avatar, .wizard-v1-wrapper .step-content .project-customer .media-flex-center .h-avatar .avatar { border: 1px solid #e5e5e5; } /* ========================================================================== 9. Wizard V1 Step 3 Dark mode ========================================================================== */ /* line 745, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-customer { background: #323236; border-color: #404046; } /* line 751, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-customer .media-flex-center .h-avatar .avatar { border-color: #404046; } /* line 758, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-dates { background: #323236; border-color: #404046; } /* line 763, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-dates .project-dates-inner .separator { border-color: #54545b; } /* line 769, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-budget { background: #323236; border-color: #404046; } /* line 775, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-budget .project-budget-inner .budget-item .budget-item-inner { background: #2d2d31; border-color: #404046; } /* line 779, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-budget .project-budget-inner .budget-item .budget-item-inner.is-active { border-color: #ED1C24; background: #ED1C24; -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* ========================================================================== 10. Wizard V1 Step 4 ========================================================================== */ /* line 799, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .page-placeholder { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /* line 802, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .page-placeholder img { max-width: 210px; } /* line 805, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .page-placeholder img.is-rounded { border-radius: 50%; } /* line 811, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader { max-width: 640px; margin: 0 auto; } /* line 815, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader progress { vertical-align: baseline; } /* line 819, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: .5rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } /* line 827, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .progress .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; text-align: center; background-color: #ffffff; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } /* line 842, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .progress .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } /* line 847, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .progress .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } /* line 863, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 20px 0; } /* line 869, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 16px; min-width: 180px; } /* line 876, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .uploader-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } /* line 882, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .uploader-action .inner-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: 32px; min-width: 32px; border-radius: 50%; color: #c5c7d3; border: none; background: none; cursor: pointer; outline: none; -webkit-transition: all .3s; transition: all .3s; } /* line 897, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .uploader-action .inner-action:hover:not(.is-active) { background: whitesmoke; color: #a2a5b9; } /* line 902, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .uploader-action .inner-action svg { height: 18px; width: 18px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 914, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .right .fileupload-process #total-progress { opacity: 0; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } /* line 922, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-container { margin-bottom: 20px; } /* line 925, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper { position: relative; } /* line 928, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; height: 120px; border-radius: 3px; padding: 8px; border: 2px dashed #e3e3e3; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 941, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box:hover { border-color: #606061; } /* line 945, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box:hover .uploader-label .lnil { color: #606061; } /* line 951, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box .uploader-label { margin: 0 auto; text-align: center; } /* line 955, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box .uploader-label h3 { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 960, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box .uploader-label .lnil { font-size: 2.4rem; color: #cecece; -webkit-transition: all .3s; transition: all .3s; } /* line 971, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item { /* Hide the progress bar when finished */ } /* line 976, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item.dz-success .preview-box .list-item-progress .progress { -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } /* line 982, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item.dz-success .preview-box .list-item-actions { /* Hide the start and cancel buttons and show the delete button */ } /* line 984, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item.dz-success .preview-box .list-item-actions .start, .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item.dz-success .preview-box .list-item-actions .cancel { display: none; } /* line 988, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item.dz-success .preview-box .list-item-actions .delete { display: block; } /* line 995, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; width: 100%; border-radius: 12px; padding: 12px; border: 1px solid #ededed; margin-bottom: 16px; } /* line 1006, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .preview img { height: 50px; min-width: 50px; max-width: 50px; min-width: 50px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } /* line 1015, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .preview .icon { height: 50px; width: 50px; min-width: 50px; max-width: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } /* line 1025, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .preview .icon svg { width: 28px; height: 28px; } /* line 1032, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-meta { margin-left: 12px; } /* line 1035, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-meta p { font-family: "Roboto", sans-serif; } /* line 1038, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-meta p:first-child { font-weight: 500; font-size: 1.1rem; color: #283252; } /* line 1046, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-progress { margin-left: auto; margin-right: 30px; min-width: 120px; } /* line 1052, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-progress .progress .progress-bar { width: 0%; } /* line 1058, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-actions { display: -webkit-box; display: -ms-flexbox; display: flex; /* Hide the delete button initially */ } /* line 1061, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-actions .list-item-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; min-height: 32px; width: 32px; min-width: 32px; border-radius: 50%; color: #c5c7d3; border: none; background: none; cursor: pointer; outline: none; -webkit-transition: all .3s; transition: all .3s; } /* line 1077, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-actions .list-item-action:hover:not(.is-active) { background: whitesmoke; color: #a2a5b9; } /* line 1082, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-actions .list-item-action svg { height: 18px; width: 18px; -webkit-transition: stroke .3s; transition: stroke .3s; } /* line 1090, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-actions .delete { display: none; } /* line 1093, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-actions .delete:before, .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-actions .delete:after { display: none !important; } /* ========================================================================== 11. Wizard V1 Step 4 Dark mode ========================================================================== */ /* line 1119, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-toolbar .left .uploader-actions .uploader-action .inner-action:hover { background: #45454b; } /* line 1130, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box { border-color: #404046; background: #28282b; } /* line 1134, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box:hover { border-color: #ED1C24; } /* line 1138, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .uploader-container .upload-wrapper .upload-box:hover .uploader-label i { color: #ED1C24; } /* line 1149, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box { border-color: #404046; background: #323236; } /* line 1154, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-meta .name { color: #aaaab3; } /* line 1160, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-progress .size strong { color: #aaaab3; } /* line 1164, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-progress .progress { background: #28282b; } /* line 1171, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-actions .list-item-action:hover { background: #404046; } /* ========================================================================== 12. Wizard V1 Step 5 ========================================================================== */ /* line 1192, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-header { text-align: center; max-width: 320px; margin: 0 auto; } /* line 1197, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-header .field { text-align: left; } /* line 1201, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-header .field .control .input { border-radius: 10px; } /* line 1207, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-header > img { display: block; margin: 0 auto; max-width: 300px; } /* line 1213, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-header .h-avatar { margin: 0 auto 12px auto; } /* line 1217, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-header p { font-size: 1rem; max-width: 540px; margin: 0 auto; line-height: 1.3; } /* line 1225, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body { max-width: 540px; margin: 20px auto; } /* line 1230, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .empty-wrap { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1236, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .empty-wrap span { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 1242, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; padding: 12px; border: 1px solid #e5e5e5; border-radius: 12px; margin-bottom: 12px; text-align: left; } /* line 1253, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member > img { display: block; width: 80px; height: 80px; border-radius: 50%; margin: 0 auto; } /* line 1261, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .meta { margin-left: 12px; line-height: 1.1; } /* line 1265, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .meta > span { display: block; font-family: "Roboto", sans-serif; font-size: .8rem; text-transform: uppercase; color: #a2a5b9; padding: 8px 0 0 0; } /* line 1274, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .meta > p { font-family: "Roboto", sans-serif; margin-bottom: 0; font-weight: 500; color: #283252; } /* line 1282, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1287, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions { margin-right: 30px; width: 180px; } /* line 1291, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 1296, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permission-level { position: relative; cursor: pointer; z-index: 1; } /* line 1301, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permission-level .permission-level-inner { height: 11px; width: 11px; border-radius: 50%; background: #cecece; -webkit-transition: all .3s; transition: all .3s; } /* line 1308, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permission-level .permission-level-inner.is-active { background: #606061; -webkit-transform: scale(1.1); transform: scale(1.1); } /* line 1315, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permissions-progress { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0; z-index: 0; } /* line 1322, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permissions-progress::-webkit-progress-value { -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 1326, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permissions-progress::-moz-progress-bar { -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 1330, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permissions-progress::-ms-fill { -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } /* line 1337, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .cancel-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 34px; width: 34px; border: 1px solid #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); background: #ffffff; padding: 0; -webkit-transition: all .3s; transition: all .3s; } /* line 1349, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .cancel-button i { font-size: 12px; color: #a2a5b9; } /* ========================================================================== 13. Wizard V1 Step 5 Dark mode ========================================================================== */ /* line 1373, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member { border-color: #404046; background: #323236; } /* line 1381, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permission-level .permission-level-inner { background: #4f4f56; } /* line 1384, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions .permission-levels .permission-level .permission-level-inner.is-active { background: #ED1C24; } /* ========================================================================== 14. Wizard V1 Step 6 ========================================================================== */ /* line 1407, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper { max-width: 840px; margin: 0 auto; } /* line 1411, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .tool-card { position: relative; } /* line 1414, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .tool-card input { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; } /* line 1423, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .tool-card input:checked + .tool-card-inner { border-color: #606061; } /* line 1427, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .tool-card input:checked + .tool-card-inner .flex-end .checkmark { opacity: 1; } /* line 1434, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .tool-card .tool-card-inner { padding: 12px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 10px; } /* line 1442, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .tool-card .tool-card-inner .media-flex-center .flex-end .checkmark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; width: 28px; border: 1px solid #e5e5e5; border-radius: 50%; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); opacity: 0; color: #606061; -webkit-transition: all .3s; transition: all .3s; } /* line 1455, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .tool-card .tool-card-inner .media-flex-center .flex-end .checkmark svg { height: 14px; width: 14px; stroke-width: 3px; } /* ========================================================================== 15. Wizard V1 Step 6 Dark mode ========================================================================== */ /* line 1479, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .tools-wrapper .tool-card input:checked + .tool-card-inner { border-color: #ED1C24 !important; } /* line 1483, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .tools-wrapper .tool-card .tool-card-inner { border-color: #404046; background: #323236; } /* line 1489, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .tools-wrapper .tool-card .tool-card-inner .media-flex-center .flex-end .checkmark { border-color: #404046; background: #28282b; color: #ED1C24; } /* ========================================================================== 16. Wizard V1 Step 7 ========================================================================== */ /* line 1510, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper { position: relative; } /* line 1513, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f2f2f2; opacity: 0; pointer-events: none; z-index: 2; -webkit-transition: all .3s; transition: all .3s; } /* line 1527, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-loader.is-active { opacity: 1; pointer-events: all; } /* line 1532, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-loader .loader { position: relative; top: 60px; height: 5rem; width: 5rem; } /* line 1540, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header { text-align: center; max-width: 320px; margin: 0 auto; } /* line 1545, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header > img { display: block; margin: 0 auto; max-width: 300px; } /* line 1551, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header .h-avatar { position: relative; margin: 0 auto 12px auto; } /* line 1555, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header .h-avatar .edit-icon { position: absolute; bottom: 2px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 30px; border-radius: 50%; background: #ffffff; border: 1px solid #e5e5e5; z-index: 1; -webkit-transition: all .3s; transition: all .3s; } /* line 1570, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header .h-avatar .edit-icon i { color: #a2a5b9; font-size: .9rem; } /* line 1579, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header h3:hover .edit-icon { opacity: 1; pointer-events: all; } /* line 1585, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header h3 .edit-icon { pointer-events: none; opacity: 0; font-size: 16px; color: #a2a5b9; -webkit-transition: all .3s; transition: all .3s; } /* line 1594, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header p { font-size: 1rem; max-width: 540px; margin: 0 auto; line-height: 1.3; } /* line 1602, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body { max-width: 640px; margin: 20px auto; } /* line 1606, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box { position: relative; } /* line 1611, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box:hover { border-color: #606061; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 1615, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box:hover .edit-icon { opacity: 1; pointer-events: all; } /* line 1621, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .edit-box-placeholder { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 1629, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .edit-box-placeholder.is-media { padding: 14px 0; } /* line 1633, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .edit-box-placeholder.is-list { padding: 20px 0; } /* line 1638, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .edit-icon { position: absolute; top: 10px; right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; width: 24px; border-radius: 50%; background: whitesmoke; opacity: 0; pointer-events: none; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 1654, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .edit-icon i { font-size: .8rem; } /* line 1659, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box h4 { text-transform: uppercase; font-size: .8rem; font-family: "Roboto", sans-serif; font-weight: 600; color: #283252; margin-bottom: 12px; } /* line 1668, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box > .media-flex-center { margin-bottom: 0; } /* line 1672, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments-count { height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 1678, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget .inner-block, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date .inner-block, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments-count .inner-block { text-align: center; } /* line 1681, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget .inner-block .budget, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget .inner-block .attachments, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date .inner-block .budget, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date .inner-block .attachments, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments-count .inner-block .budget, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments-count .inner-block .attachments { color: #606061; font-family: "Roboto", sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.4; } /* line 1689, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget .inner-block .date, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date .inner-block .date, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments-count .inner-block .date { color: #606061; font-family: "Roboto", sans-serif; font-size: 1.3rem; font-weight: 500; line-height: 1.4; } /* line 1697, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget .inner-block p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date .inner-block p, .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments-count .inner-block p { text-transform: uppercase; font-weight: 500; font-size: .8rem; } /* line 1705, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .media-list { padding-top: 10px; } /* line 1708, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .media-list .media-list-item { margin-bottom: 12px; } /* line 1714, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .media-list .media-list-item .media-flex-center .flex-meta span:first-child { font-weight: 500; } /* line 1726, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .end-placeholder { padding: 12px 0; } /* line 1729, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .end-placeholder .button { min-width: 160px; } /* ========================================================================== 17. Wizard V1 Step 7 Dark mode ========================================================================== */ /* line 1746, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-loader { background: #3b3b41; } /* line 1752, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-header .h-avatar .edit-icon { border-color: #404046; background: #323236; } /* line 1761, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box > h4 { color: #aaaab3; } /* line 1765, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .edit-icon { border-color: #404046; background: #28282b; } /* line 1769, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .edit-icon i { color: #a2a5b9; } /* line 1775, src/assets/scss/pages/generic/_wizard.scss */ body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget > span, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget .date, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-budget .budget, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date > span, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date .date, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .estimated-due-date .budget, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments > span, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments .date, body.is-dark .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .edit-box .attachments .budget { color: #ED1C24; } /* ========================================================================== 18. Media Queries ========================================================================== */ @media only screen and (max-width: 767px) { /* line 1796, src/assets/scss/pages/generic/_wizard.scss */ .wizard-navigation .navbar-item.is-wizard-title .title-wrap span { display: none; } /* line 1809, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-budget .project-budget-inner .budget-item .budget-item-inner { width: 58px; } /* line 1820, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .uploader .template-list .template-list-item .preview-box .list-item-progress { min-width: 80px; max-width: 80px; margin-right: 20px; } /* line 1833, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; } /* line 1838, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .meta { margin-bottom: 10px; } /* line 1841, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .meta p { font-size: 1.2rem; } /* line 1846, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions { margin: 10px auto; } /* line 1849, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .permissions { margin: 0; } /* line 1854, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-team-wrapper .project-team-body .members-list .invited-member .actions .button.is-circle { position: absolute; top: 10px; right: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 1873, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .wizard-types .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1879, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1882, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .tools-wrapper .columns .column.is-4 { min-width: 50% !important; } /* line 1890, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 1894, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .columns .column.is-tablet-33 { min-width: 33.3% !important; } /* line 1898, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .columns .column.is-tablet-50 { min-width: 50% !important; } /* line 1902, src/assets/scss/pages/generic/_wizard.scss */ .wizard-v1-wrapper .step-content .project-preview-wrapper .project-preview-body .columns .column.is-tablet-100 { min-width: 100% !important; } } /*! _inbox.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Inbox Layouts ========================================================================== */ /* 1. Inbox V1 */ /* ========================================================================== 1. Inbox V1 Layout ========================================================================== */ /* line 15, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /* line 22, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner { position: relative; height: 100%; width: 100%; } /* line 27, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar { position: absolute; top: 0; left: 0; height: 100%; width: 20%; background: #ffffff; border-right: 1px solid #e5e5e5; } /* line 36, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .header-area { height: 80px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e5e5e5; padding: 0 20px; } /* line 45, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .header-area .inbox-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Montserrat", sans-serif; font-size: 1.4rem; font-weight: 600; color: #283252; width: 100%; max-width: 100%; } /* line 55, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .header-area .inbox-title .inbox-brand { margin-right: 16px; } /* line 58, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .header-area .inbox-title .inbox-brand img { height: 40px; width: 40px; min-width: 40px; } /* line 65, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .header-area .inbox-title label { display: block; margin-left: auto; -webkit-transform: scale(0.65); transform: scale(0.65); } /* line 72, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .header-area .inbox-close-sidebar-mobile { display: none; } /* line 77, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner { position: relative; width: 100%; height: calc(100% - 80px); } /* line 82, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu { position: absolute; top: 0; left: 0; padding: 20px; width: 100%; } /* line 89, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .compose-button { height: 40px; line-height: 1.8; background: #606061; border-color: #606061; color: #fcfcfc; font-weight: 500; font-family: "Roboto", sans-serif; } /* line 98, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .compose-button:hover { opacity: .8; -webkit-box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); box-shadow: 0 14px 26px -12px rgba(96, 96, 97, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(96, 96, 97, 0.2); } /* line 104, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu { padding: 20px 0; } /* line 109, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a { font-family: "Roboto", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; border-radius: 100px; } /* line 116, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active { background: whitesmoke; } /* line 119, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active span, .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active i { color: #283252; font-weight: 500; } /* line 124, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active svg { stroke: #606061; } /* line 128, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active .tag { display: inline; } /* line 133, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a i { color: #999999; } /* line 137, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a svg { height: 16px; width: 16px; stroke: #a2a5b9; } /* line 143, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a span { display: block; padding: 0 20px; color: #999999; } /* line 149, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a .tag { display: none; margin-left: auto; margin-bottom: 0; font-size: .85rem; height: 22px; background: #ffffff; padding: 0 12px; line-height: 1.8; color: #fcfcfc !important; border-radius: 100px; } /* line 167, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu { position: absolute; bottom: 0; left: 0; height: calc(100% - 304px); width: 100%; border-top: 1px solid #ededed; overflow-y: auto; } /* line 176, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; padding: 0 20px; } /* line 183, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap h3 { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 189, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .control { position: relative; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } /* line 193, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .control input { height: 32px; padding-left: 32px; } /* line 198, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .control .form-icon { position: absolute; top: 0; left: 0; height: 32px; width: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 208, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .control .form-icon i { color: #cecece; -webkit-transition: color .3s; transition: color .3s; } /* line 215, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .button { height: 36px; width: 36px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 224, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .button:hover i { color: #283252; } /* line 229, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .button i { color: #cecece; -webkit-transition: color .3s; transition: color .3s; } /* line 233, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .button i.material-icons { font-size: 16px; } /* line 240, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list { position: relative; top: 0; width: 100%; height: calc(100% - 60px); overflow-y: auto; padding: 20px; } /* line 248, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 8px; border-radius: 100px; margin-bottom: 6px; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } /* line 257, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block:hover { background: whitesmoke; } /* line 261, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block img { display: block; height: 32px; width: 32px; min-width: 32px; border-radius: 50%; } /* line 269, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta { margin-left: 12px; } /* line 272, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta span { display: block; font-size: .9rem; } /* line 276, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta span:first-child { font-family: "Montserrat", sans-serif; font-weight: 600; color: #283252; } /* line 282, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta span:nth-child(2) { font-family: "Roboto", sans-serif; color: #999999; } /* line 294, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages { position: absolute; top: 0; left: 20%; height: 100%; width: 32%; background: #ffffff; border-right: 1px solid #e5e5e5; } /* line 303, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .header-area { height: 80px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e5e5e5; padding: 0 20px; } /* line 312, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .header-area .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 316, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .header-area .actions .inbox-search { position: relative; margin-right: 6px; } /* line 320, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .header-area .actions .inbox-search input { height: 38px; min-width: 220px; padding-left: 42px; } /* line 325, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .header-area .actions .inbox-search input:focus + .form-icon i { color: #283252; } /* line 330, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .header-area .actions .inbox-search .form-icon { position: absolute; top: 1px; left: 4px; height: 38px; width: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 340, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .header-area .actions .inbox-search .form-icon i { color: #cecece; -webkit-transition: color .3s; transition: color .3s; } /* line 347, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .header-area .actions .mobile-menu-action { display: none; } /* line 353, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list { position: relative; height: calc(100% - 80px); width: 100%; overflow-y: auto; } /* line 359, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid #e5e5e5; padding: 20px; cursor: pointer; } /* line 366, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message.is-selected { background: #f7f7f7; } /* line 371, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message.is-unread b { font-weight: 600; } /* line 376, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message b { font-weight: 400; } /* line 380, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta { margin-left: 16px; } /* line 383, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span { display: block; } /* line 386, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span.name { font-family: "Montserrat", sans-serif; font-weight: 500; color: #283252; } /* line 392, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span.email { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; } /* line 398, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span.subject { font-family: "Roboto", sans-serif; font-size: .95rem; white-space: nowrap; overflow: hidden; max-width: 280px; text-overflow: ellipsis; } /* line 409, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message .pushed { margin-left: auto; color: #999999; font-size: .9rem; } /* line 418, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-overlay { position: absolute; top: 0; left: 52%; height: 100%; width: 48%; z-index: -1; opacity: 0; background: #ffffff; -webkit-transition: opacity .4s; transition: opacity .4s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 432, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-overlay.is-active { opacity: 1; z-index: 1; } /* line 437, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-overlay .loader { position: relative; height: 60px; width: 60px; } /* line 444, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details { position: absolute; top: 0; left: 52%; height: 100%; width: 48%; -webkit-transition: all .3s; transition: all .3s; } /* line 452, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area { height: 80px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e5e5e5; padding: 0 20px; background: #ffffff; } /* line 461, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .sender-pic { display: block; height: 44px; width: 44px; min-width: 44px; border-radius: 50%; } /* line 469, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .message-meta { margin-left: 12px; line-height: 1.3; } /* line 473, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .message-meta span { display: block; } /* line 477, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .message-meta .message-title { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.2rem; color: #283252; } /* line 484, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .message-meta .sender-email { font-family: "Roboto", sans-serif; color: #a2a5b9; font-size: .95rem; } /* line 491, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .attachments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: 12px; font-size: 1.2rem; } /* line 499, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .attachments i { color: #a2a5b9; } /* line 503, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .attachments svg { stroke: #a2a5b9; height: 16px; width: 16px; } /* line 509, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .attachments span { font-family: "Roboto", sans-serif; font-weight: 600; display: block; margin-left: 4px; } /* line 517, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .inbox-close-details-mobile { display: none; } /* line 522, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper { position: relative; height: calc(100% - 80px); width: 100%; overflow-y: auto; background: #f4f6fb; } /* line 529, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner { padding: 20px; background: #ffffff; border-bottom: 1px solid #ededed; } /* line 534, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #ededed; } /* line 541, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .info span { display: block; } /* line 544, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .info span:first-child { font-family: "Montserrat", sans-serif; font-size: .95rem; font-weight: 600; color: #283252; } /* line 551, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .info span:nth-child(2) { font-family: "Roboto", sans-serif; font-size: .9rem; color: #a2a5b9; } /* line 559, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .message-actions { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 566, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .mail-content { padding: 40px 60px 30px 60px; font-family: 'Roboto', sans-serif; } /* line 572, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list { padding: 0 60px 30px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 578, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 6px 6px 16px; margin: 0 6px 6px 6px; border: 1px solid #ededed; background: #ffffff; border-radius: 100px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } /* line 589, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment:hover { border-color: #ffffff; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 593, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment:hover .download-icon { -webkit-transform: rotate(360deg); transform: rotate(360deg); background: #ffffff; border-color: #ffffff; -webkit-box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); } /* line 599, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment:hover .download-icon i { color: #ffffff; } /* line 603, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment:hover .download-icon svg { stroke: #ffffff; } /* line 609, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment span { display: block; margin-right: 8px; font-size: .95rem; font-weight: 500; color: #283252; -webkit-transition: all .3s; transition: all .3s; } /* line 618, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment .download-icon { height: 24px; width: 24px; border: 1px solid #ededed; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; } /* line 628, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment .download-icon i { font-size: 12px; -webkit-transition: color .3s; transition: color .3s; } /* line 633, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .attachments-list .attachment .download-icon svg { height: 16px; width: 16px; } /* line 641, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap { position: relative; padding: 40px 30px 30px 30px; } /* line 645, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble { position: relative; padding: 20px; border: 1px solid #e0e0e0; border-radius: 6px; background: #ffffff; width: 100%; } /* line 653, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:after, .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:before { bottom: 100%; left: 6%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 664, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 16px; margin-left: -16px; } /* line 671, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:before { border-color: rgba(237, 237, 237, 0); border-bottom-color: #e0e0e0; border-width: 17px; margin-left: -17px; } /* line 678, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 682, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as img { display: block; height: 32px; width: 32px; border-radius: 50%; } /* line 689, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details { margin-left: 12px; } /* line 692, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details span { display: block; } /* line 695, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details span:first-child { color: #283252; font-family: "Montserrat", sans-serif; font-weight: 600; } /* line 701, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details span:nth-child(2) { font-family: "Roboto", sans-serif; color: #a2a5b9; } /* line 708, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .dropdown { margin-left: auto; } /* line 713, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control { position: relative; margin-top: 16px; } /* line 717, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control .textarea { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 52px; border: none; } /* line 723, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control .button { position: absolute; height: 38px; bottom: 8px; right: 8px; background: #ffffff; border-color: #ffffff; color: #fcfcfc; font-weight: 500; } /* line 733, src/assets/scss/pages/generic/_inbox.scss */ .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control .button:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); } /* ========================================================================== 1. Inbox V1 Layout Dark mode ========================================================================== */ /* line 753, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar { border-right: none; } /* line 756, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .header-area { background: #232326; border-color: #404046; } /* line 760, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .header-area .inbox-title { color: #aaaab3; } /* line 765, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner { background: #2d2d31; border-color: #404046; } /* line 769, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu { border-color: #404046; } /* line 772, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .compose-button { background: #ED1C24 !important; border-color: #ED1C24 !important; color: #fcfcfc !important; } /* line 777, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .compose-button:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); box-shadow: 0 14px 26px -12px rgba(237, 28, 36, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 28, 36, 0.2); } /* line 784, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active { background: #37373b; } /* line 787, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active span { color: #fcfcfc; } /* line 791, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active svg { stroke: #ED1C24; } /* line 795, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .inner-menu .inbox-menu ul li a.is-active .tag { background: #ffffff !important; } /* line 803, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu { border-color: #404046; } /* line 807, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap h3 { color: #aaaab3; } /* line 811, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .search-button, body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .title-wrap .cancel-search-button { background: none !important; } /* line 818, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block:hover { background: #37373b; } /* line 824, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-sidebar .sidebar-inner .scroll-menu .contact-list .contact-block .contact-meta span:first-child { color: #aaaab3; } /* line 835, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-messages { border-color: #404046; border-left: 1px solid #404046 !important; } /* line 839, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-messages .header-area { background: #232326; border-color: #404046; } /* line 844, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-messages .messages-list { background: #2d2d31; } /* line 847, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message { border-color: #404046; } /* line 850, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message.is-selected { background: #37373b; } /* line 856, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span:first-child, body.is-dark .inbox-wrapper .wrapper-inner .inbox-messages .messages-list .inbox-message .message-meta span.subject { color: #aaaab3; } /* line 865, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details { border-color: #404046; } /* line 868, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .header-area { background: #232326; border-color: #404046; } /* line 874, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .message-meta span:first-child { color: #aaaab3; } /* line 881, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .header-area .attachments span { color: #aaaab3; } /* line 887, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper { background: #45454b; } /* line 890, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner { background: #2d2d31; border-color: #404046; } /* line 894, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head { border-color: #404046; } /* line 899, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .message-head .info span:first-child { color: #aaaab3; } /* line 907, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .attachments-list .attachment { background: #28282b; border-color: #404046; } /* line 911, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .attachments-list .attachment span { color: #aaaab3; } /* line 915, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .attachments-list .attachment .download-icon { border-color: #37373b; } /* line 918, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .message-inner .attachments-list .attachment .download-icon svg { stroke: #fcfcfc; } /* line 927, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble { background-color: #28282b; border-color: #2d2d31; } /* line 931, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:before, body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble:after { border-bottom-color: #28282b !important; } /* line 938, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .reply-as .reply-details span:first-child { color: #aaaab3; } /* line 946, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-wrapper .wrapper-inner .inbox-message-details .message-wrapper .reply-box-wrap .reply-bubble .control .button { background: #ffffff; border-color: #ffffff; color: #fcfcfc; } /* ========================================================================== 1. Inbox action ========================================================================== */ /* line 965, src/assets/scss/pages/generic/_inbox.scss */ .inbox-action { height: 36px; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } /* line 976, src/assets/scss/pages/generic/_inbox.scss */ .inbox-action:hover { border-color: #e3e3e3; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 980, src/assets/scss/pages/generic/_inbox.scss */ .inbox-action:hover svg { stroke: #606061; } /* line 985, src/assets/scss/pages/generic/_inbox.scss */ .inbox-action.is-checked { border-color: #e5e5e5; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 990, src/assets/scss/pages/generic/_inbox.scss */ .inbox-action svg { height: 16px; width: 16px; stroke-width: 1.6px; stroke: #a2a5b9; } /* line 997, src/assets/scss/pages/generic/_inbox.scss */ .inbox-action i { padding: 0; -webkit-transition: color .3s; transition: color .3s; } /* ========================================================================== 1. Inbox action Dark mode ========================================================================== */ /* line 1010, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-action:hover { background: #28282b; border-color: #404046; } /* line 1014, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-action:hover svg { stroke: #ED1C24; } /* ========================================================================== 2. Dropdown ========================================================================== */ /* line 1027, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown div > .button { height: 36px; width: 36px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 50%; background: transparent; border: 1px solid transparent; } /* line 1039, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown div > .button:hover { border-color: #e3e3e3; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important; } /* line 1044, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown div > .button i { padding: 0; } /* line 1048, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown div > .button svg { height: 16px; width: 16px; stroke: #a2a5b9; } /* line 1055, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown .dropdown-menu { width: 180px; } /* line 1058, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown .dropdown-menu .dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1rem; font-family: "Roboto", sans-serif; margin-bottom: 4px; padding-top: 8px; padding-bottom: 8px; } /* line 1067, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown .dropdown-menu .dropdown-item i { color: #a2a5b9; } /* line 1071, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown .dropdown-menu .dropdown-item svg { height: 16px; width: 16px; stroke: #a2a5b9; } /* line 1077, src/assets/scss/pages/generic/_inbox.scss */ .inbox-dropdown .dropdown-menu .dropdown-item span { margin-left: 12px; } /* ========================================================================== 1. Dropdown Dark mode ========================================================================== */ /* line 1092, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-dropdown:hover div > .button { background: #28282b !important; border-color: #404046 !important; } /* line 1098, src/assets/scss/pages/generic/_inbox.scss */ body.is-dark .inbox-dropdown div > .button { background: transparent !important; border-color: transparent !important; } /* ========================================================================== 3. Compose Panel ========================================================================== */ /* line 1110, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel { position: fixed; top: 65px; right: 0; height: calc(100% - 65px); width: calc(48% - 40px); background: #ffffff; border-left: 1px solid #ededed; z-index: 10; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s; transition: all .3s; } /* line 1122, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel.is-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 1126, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .header-area { height: 80px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e5e5e5; padding: 0 20px; } /* line 1134, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .header-area .panel-title { font-family: "Roboto", sans-serif; font-size: 1.4rem; color: #283252; } /* line 1140, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .header-area .dropdown { margin-left: 6px; } /* line 1144, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .header-area .inbox-action { margin-left: auto; } /* line 1149, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner { position: relative; height: calc(100% - 80px); width: 100%; overflow-y: auto; padding: 60px; } /* line 1156, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap { width: 100%; margin-bottom: 20px; } /* line 1160, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 1165, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field label { display: block; font-weight: 600; font-size: 1.1rem; text-align: right; color: #283252; margin-right: 20px; min-width: 60px; } /* line 1175, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .control { position: relative; width: 100%; } /* line 1179, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .control .compose-input { height: 38px; font-size: 1.1rem; } /* line 1184, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .control .textarea { font-size: 1.1rem; -webkit-box-shadow: none !important; box-shadow: none !important; padding-bottom: 54px; } /* line 1190, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .control .send-button { position: absolute; height: 38px; bottom: 8px; right: 8px; background: #ffffff; border-color: #ffffff; color: #fcfcfc; font-weight: 500; } /* line 1200, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .control .send-button:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); } /* line 1205, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .control .attach-button { position: absolute; height: 38px; width: 38px; bottom: 8px; left: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; } /* line 1219, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .control .attach-button:hover { -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); border-color: #283252; } /* line 1224, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .control .attach-button i { font-size: 16px; color: #283252; } /* ========================================================================== 4. Media Queries ========================================================================== */ @media (max-width: 767px) { /* line 1241, src/assets/scss/pages/generic/_inbox.scss */ .inbox-hidden-mobile { display: none !important; } /* line 1245, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages, .inbox-sidebar, .inbox-message-details, .inbox-message-overlay { width: 100% !important; } /* line 1249, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages, .inbox-sidebar, .inbox-message-overlay { left: 0 !important; } /* line 1253, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar { -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1 !important; -webkit-transition: all .3s !important; transition: all .3s !important; } /* line 1258, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar.mobile-active { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } /* line 1262, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar .dropdown { display: none !important; } /* line 1266, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar .inbox-close-sidebar-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 1272, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages .mobile-menu-action { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 1275, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages .mobile-menu-action svg { height: 22px; width: 22px; } /* line 1281, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages .check-all-action { margin-right: 16px; } /* line 1286, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages .inbox-message .pushed { display: none; } /* line 1292, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details { left: 0 !important; -webkit-transform: translateX(100%); transform: translateX(100%); } /* line 1296, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details.mobile-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 1300, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area { padding: 0 10px !important; } /* line 1303, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .sender-pic { display: none !important; } /* line 1308, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .message-meta .message-title { font-size: 1rem !important; } /* line 1312, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .message-meta .sender-email { font-size: .9rem !important; } /* line 1317, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .attachments { font-size: 1rem !important; } /* line 1321, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .dropdown { margin-left: auto !important; } /* line 1325, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .inbox-close-details-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 1332, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .message-inner .message-head .info { font-size: .9rem; } /* line 1337, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .message-inner .mail-content { padding: 40px 20px 20px 20px !important; } /* line 1342, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .message-inner .attachments-list .attachment { width: 100%; } /* line 1345, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .message-inner .attachments-list .attachment .download-icon { margin-left: auto !important; } /* line 1352, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .reply-box-wrap { padding-left: 10px !important; padding-right: 10px !important; } /* line 1357, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .reply-box-wrap .reply-bubble:after, .inbox-message-details .reply-box-wrap .reply-bubble:before { left: 16% !important; } /* line 1364, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel { width: 100% !important; } /* line 1367, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner { padding: 20px !important; } /* line 1370, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap { margin-bottom: 8px !important; } /* line 1373, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field { display: block; } /* line 1376, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field label { text-align: left; } /* line 1380, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .textarea { max-height: 210px !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 1391, src/assets/scss/pages/generic/_inbox.scss */ .inbox-hidden-mobile { display: none !important; } /* line 1395, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages, .inbox-sidebar, .inbox-message-details, .inbox-message-overlay { width: 100% !important; } /* line 1399, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages, .inbox-sidebar, .inbox-message-overlay { left: 0 !important; } /* line 1403, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar { -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1 !important; -webkit-transition: all .3s !important; transition: all .3s !important; } /* line 1408, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar.mobile-active { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } /* line 1412, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar .dropdown { display: none !important; } /* line 1416, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar .inbox-close-sidebar-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 1422, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages .mobile-menu-action { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 1427, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details { left: 0 !important; -webkit-transform: translateX(100%); transform: translateX(100%); } /* line 1431, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details.mobile-active { -webkit-transform: translateX(0); transform: translateX(0); } /* line 1435, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area { padding: 0 10px !important; } /* line 1438, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .attachments { font-size: 1rem !important; } /* line 1442, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .dropdown { margin-left: auto !important; } /* line 1446, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .inbox-close-details-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 1453, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .message-inner .message-head .info { font-size: .9rem; } /* line 1458, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .message-inner .mail-content { padding: 40px 20px 20px 20px !important; } /* line 1463, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .message-inner .attachments-list .attachment { width: 100%; } /* line 1466, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .message-inner .attachments-list .attachment .download-icon { margin-left: auto !important; } /* line 1473, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .reply-box-wrap { padding-left: 10px !important; padding-right: 10px !important; } /* line 1478, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .reply-box-wrap .reply-bubble:after, .inbox-message-details .reply-box-wrap .reply-bubble:before { left: 5% !important; } /* line 1485, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel { width: calc(100% - 80px) !important; } /* line 1488, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner { padding: 60px !important; } /* line 1491, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap { margin-bottom: 8px !important; } /* line 1494, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field { display: block; } /* line 1497, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field label { text-align: left; } /* line 1501, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel .panel-inner .field-wrap .field .textarea { max-height: 210px !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* line 1512, src/assets/scss/pages/generic/_inbox.scss */ .inbox-hidden-mobile { display: none !important; } /* line 1516, src/assets/scss/pages/generic/_inbox.scss */ .inbox-sidebar { width: 32% !important; z-index: 1; } /* line 1521, src/assets/scss/pages/generic/_inbox.scss */ .inbox-messages { width: 68% !important; left: 32% !important; } /* line 1526, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details, .inbox-message-overlay { right: 0 !important; left: unset !important; width: 68% !important; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s; transition: all .3s; } /* line 1533, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details.tablet-active, .inbox-message-overlay.tablet-active { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } /* line 1540, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .dropdown { margin-left: auto !important; } /* line 1544, src/assets/scss/pages/generic/_inbox.scss */ .inbox-message-details .header-area .inbox-close-details-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 1550, src/assets/scss/pages/generic/_inbox.scss */ .compose-panel { width: 63% !important; } } /*! _responsive.scss | Huro | Css ninja 2020-2021 */ /* ========================================================================== Responsive styles ========================================================================== */ /* 1. Tablet Landscape 2. Tablet portrait 3. Mobile Only 4. Custom 5. Responsive Helpers */ /* ========================================================================== 1. Tablet Landscape ========================================================================== */ /* MOD-REM: Not supporting tablets as a different target. Either mobile and optimized for small/limited or normal @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { //Loaders .pageloader, .infraloader { width: calc(100% - 60px) !important; left: 60px !important; } //Navbars .navbar-brand { align-items: center; } //Sidebar .main-sidebar { width: 60px !important; .sidebar-brand { width: 60px !important; } .sidebar-inner { li { width: 60px !important; } .profile-dropdown { .dropdown-trigger img { height: 42px !important; width: 42px !important; } } } } .sidebar-panel { box-shadow: $light-box-shadow; .panel-close { display: block !important; } } .sidebar-panel, .sidebar-search { left: 60px; } .mobile-main-sidebar, .mobile-subsidebar { display: none !important; } //Layout .view-wrapper { width: calc(100% - 60px) !important; margin-left: 60px !important; &.is-pushed-messages { margin-left: 140px !important; width: calc(100% - 140px) !important; } &.is-webapp { .is-stuck { margin-left: 0 !important; width: 100% !important; } } } .page-title { &.is-project-details { .huro-hamburger { margin-left: -4px !important; } } &.is-pulled-lg { .huro-hamburger { margin-left: 0 !important; } } } .page-content { padding: 0 30px !important; } .is-stuck { margin-left: 60px !important; width: calc(100% - 60px) !important; } } */ /* ========================================================================== 2. Tablet portrait ========================================================================== */ /* MOD-REM: Not supporting tablets as a different target. Either mobile and optimized for small/limited or normal @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { //Loaders .infraloader, .pageloader { width: 100% !important; left: 0 !important; } //Navbars .webapp-navbar, .circular-menu { display: none; } .mobile-navbar { display: flex; } .navbar-brand { align-items: center; justify-content: space-between; height: 60px; .brand-start { width: 90px; .navbar-burger { height: 60px; width: 60px; } } .is-brand { padding: 0 !important; } .brand-end { display: flex; align-items: center; width: 90px; margin-right: 20px; } .is-notification { &.is-active, &:hover { .navbar-link { background: transparent !important; } .navbar-dropdown { display: block !important; } } .navbar-dropdown { position: absolute; display: none; position: absolute; top: 100%; z-index: 3; background: $white; border-radius: 6px; border: 1px solid $fade-grey; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } } } //Toolbar .toolbar { .toolbar-notifications { display: none; } } .huro-hamburger:not(.is-visible) { display: none !important; } //Sidebars .main-sidebar, .sidebar { display: none; } .sidebar-panel { display: none !important; left: 0 !important; z-index: 100 !important; box-shadow: $light-box-shadow; .panel-close { display: flex !important; } } //Layout .view-wrapper { width: 100% !important; margin-left: 0 !important; margin-top: 60px !important; padding-left: 40px; padding-right: 40px; &.is-webapp { padding-top: 70px !important; margin-top: 0 !important; } &.is-explore { padding-left: 0 !important; padding-right: 0 !important; } } .page-title { &.is-webapp { display: flex !important; margin-top: 0; } &.is-project-details { .huro-hamburger { margin-left: 7px !important; } } } .page-content { padding: 0 10px; &.is-explore { padding: 0 !important; } } .is-stuck { top: 60px !important; margin-left: 0 !important; width: 100% !important; padding-right: 20px !important; } } */ /* ========================================================================== 3. Mobile Only ========================================================================== */ @media (max-width: 1024px) { /*MOD: Change from 767 to capture tablets too; only 2 targets supported*/ /* line 264, src/assets/scss/layout/_responsive.scss */ .infraloader, .pageloader { width: 100% !important; left: 0 !important; } /* line 270, src/assets/scss/layout/_responsive.scss */ .mobile-navbar { display: -webkit-box; display: -ms-flexbox; display: flex; } /* line 274, src/assets/scss/layout/_responsive.scss */ .webapp-navbar, .circular-menu { display: none; } /* line 278, src/assets/scss/layout/_responsive.scss */ .navbar-brand { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; } /* line 283, src/assets/scss/layout/_responsive.scss */ .navbar-brand .brand-start { width: 90px; } /* line 286, src/assets/scss/layout/_responsive.scss */ .navbar-brand .brand-start .navbar-burger { height: 60px; width: 60px; } /* line 292, src/assets/scss/layout/_responsive.scss */ .navbar-brand .is-brand { padding: 0 !important; } /* line 296, src/assets/scss/layout/_responsive.scss */ .navbar-brand .brand-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90px; margin-right: 20px; } /* line 305, src/assets/scss/layout/_responsive.scss */ .navbar-brand .is-notification.is-active .navbar-link, .navbar-brand .is-notification:hover .navbar-link { background: transparent !important; } /* line 309, src/assets/scss/layout/_responsive.scss */ .navbar-brand .is-notification.is-active .navbar-dropdown, .navbar-brand .is-notification:hover .navbar-dropdown { display: block !important; } /* line 314, src/assets/scss/layout/_responsive.scss */ .navbar-brand .is-notification .navbar-dropdown { position: absolute; display: none; position: absolute; top: 100%; z-index: 3; background: #ffffff; border-radius: 6px; border: 1px solid #ededed; -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } /* line 330, src/assets/scss/layout/_responsive.scss */ .toolbar .toolbar-notifications { display: none; } /* line 335, src/assets/scss/layout/_responsive.scss */ .huro-hamburger:not(.is-visible) { display: none !important; } /* line 340, src/assets/scss/layout/_responsive.scss */ .sidebar-panel { display: none !important; left: 0 !important; z-index: 100 !important; border-right: 1px solid #ededed !important; -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); } /* line 347, src/assets/scss/layout/_responsive.scss */ .sidebar-panel .subpanel-header { height: 60px !important; background: #fafafa; } /* line 351, src/assets/scss/layout/_responsive.scss */ .sidebar-panel .subpanel-header svg { stroke: #999999; } /* line 357, src/assets/scss/layout/_responsive.scss */ .main-sidebar, .sidebar { display: none; } /* line 362, src/assets/scss/layout/_responsive.scss */ .view-wrapper { width: 100% !important; margin-left: 0 !important; margin-top: 60px !important; } /* line 367, src/assets/scss/layout/_responsive.scss */ .view-wrapper.is-webapp { padding-top: 0 !important; } /* line 372, src/assets/scss/layout/_responsive.scss */ .page-title { margin-top: 20px; } /* line 375, src/assets/scss/layout/_responsive.scss */ .page-title.is-webapp { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-top: 0; } /* line 381, src/assets/scss/layout/_responsive.scss */ .page-title.is-project-details .huro-hamburger { margin-left: -4px !important; } /* line 386, src/assets/scss/layout/_responsive.scss */ .page-title .title-wrap { margin-left: 0; } /* line 391, src/assets/scss/layout/_responsive.scss */ .page-content { padding: 0 10px 0 10px !important; } /* line 394, src/assets/scss/layout/_responsive.scss */ .page-content.projects-content { padding: 0 16px; } /* line 399, src/assets/scss/layout/_responsive.scss */ .is-stuck { top: 59px !important; margin-left: 0 !important; width: 100% !important; padding-right: 20px !important; } } /* ========================================================================== 4. Custom ========================================================================== */ /*TODO: Review what this is about but for now just eliminate since none of this should matter now */ /* MOD-REM: Not supporting tablets as a different target. Either mobile and optimized for small/limited or normal @media only screen and (min-device-width: 1025px) and (orientation: landscape) { .panel-close { //display: none !important; //MOD-REM: Why remove this? } .mobile-main-sidebar, .mobile-subsidebar { display: none !important; } } */ /* ========================================================================== 5. Responsive Helpers ========================================================================== */ /*Have removed most of these references below from our own Phoenix use so can leave as definitions for future use */ @media only screen and (max-width: 767px) { /* line 428, src/assets/scss/layout/_responsive.scss */ .h-hidden-mobile { display: none !important; } /* line 432, src/assets/scss/layout/_responsive.scss */ .h-only-mobile { display: block !important; } /* line 436, src/assets/scss/layout/_responsive.scss */ .h-only-mobile-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* line 442, src/assets/scss/layout/_responsive.scss */ .h-hidden-tablet-p { display: none !important; } /* line 446, src/assets/scss/layout/_responsive.scss */ .is-flex-tablet-p { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 450, src/assets/scss/layout/_responsive.scss */ .h-only-tablet-p { display: block !important; } /* line 454, src/assets/scss/layout/_responsive.scss */ .h-only-tablet-p-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* line 460, src/assets/scss/layout/_responsive.scss */ .h-hidden-tablet-l { display: none !important; } /* line 464, src/assets/scss/layout/_responsive.scss */ .is-flex-tablet-l { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* line 468, src/assets/scss/layout/_responsive.scss */ .h-only-tablet-l { display: block !important; } } @media only screen and (min-width: 768px) and (orientation: landscape) { /* line 474, src/assets/scss/layout/_responsive.scss */ .h-only-mobile { display: block !important; } /* line 478, src/assets/scss/layout/_responsive.scss */ .h-only-mobile-flex { display: none !important; } /* line 482, src/assets/scss/layout/_responsive.scss */ .h-only-tablet-p { display: none !important; } /* line 486, src/assets/scss/layout/_responsive.scss */ .h-only-tablet-p-flex { display: none !important; } } @media only screen and (min-width: 1025px) { /* line 492, src/assets/scss/layout/_responsive.scss */ .h-hidden-desktop { display: none !important; } } /*MOD-ADD*/ @media (max-width: 1024px) { /* line 499, src/assets/scss/layout/_responsive.scss */ .h-only-desktop { display: none !important; } } /*! _dark.scss | Huro | Css ninja 2020-2021 */ /* 1. Layout Dark mode */ /* ========================================================================== 1. Layout Dark mode ========================================================================== */ /* line 12, src/assets/scss/abstracts/_dark.scss */ html.is-dark, body.is-dark { background: #3b3b41; } /* line 15, src/assets/scss/abstracts/_dark.scss */ html.is-dark.is-chat-side-collapsed, body.is-dark.is-chat-side-collapsed { background: #2f2f33 !important; } /* line 19, src/assets/scss/abstracts/_dark.scss */ html.is-dark.opened, body.is-dark.opened { background: #2f2f33; } /* line 23, src/assets/scss/abstracts/_dark.scss */ html.is-dark .pageloader, body.is-dark .pageloader { background: #3b3b41; } /* line 27, src/assets/scss/abstracts/_dark.scss */ html.is-dark .infraloader, body.is-dark .infraloader { background: #48484e !important; } /* line 32, src/assets/scss/abstracts/_dark.scss */ html.is-dark .page-title h1, body.is-dark .page-title h1 { color: #d4d4d4; } /* line 37, src/assets/scss/abstracts/_dark.scss */ html.is-dark .menu-toggle, body.is-dark .menu-toggle { /*MOD-ADD*/ } /* line 41, src/assets/scss/abstracts/_dark.scss */ html.is-dark .menu-toggle.is-webapp-hamburger i, body.is-dark .menu-toggle.is-webapp-hamburger i { background: #fac1c4; } /* line 46, src/assets/scss/abstracts/_dark.scss */ html.is-dark .menu-toggle.is-webapp-hamburger:hover i, body.is-dark .menu-toggle.is-webapp-hamburger:hover i { background: #fcfcfc; } /* line 52, src/assets/scss/abstracts/_dark.scss */ html.is-dark .menu-toggle i, body.is-dark .menu-toggle i { background: #ED1C24; } /* line 57, src/assets/scss/abstracts/_dark.scss */ html.is-dark .view-wrapper, html.is-dark .minimal-wrapper, body.is-dark .view-wrapper, body.is-dark .minimal-wrapper { background: #3b3b41; border-color: #3b3b41; } /* line 62, src/assets/scss/abstracts/_dark.scss */ html.is-dark .zoom-overlay, body.is-dark .zoom-overlay { background: #3b3b41; border-color: #3b3b41; } /* Slider */ /* line 3, node_modules/slick-carousel/slick/slick.scss */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } /* line 17, node_modules/slick-carousel/slick/slick.scss */ .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } /* line 24, node_modules/slick-carousel/slick/slick.scss */ .slick-list:focus { outline: none; } /* line 28, node_modules/slick-carousel/slick/slick.scss */ .slick-list.dragging { cursor: pointer; cursor: hand; } /* line 33, node_modules/slick-carousel/slick/slick.scss */ .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* line 42, node_modules/slick-carousel/slick/slick.scss */ .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } /* line 50, node_modules/slick-carousel/slick/slick.scss */ .slick-track:before, .slick-track:after { content: ""; display: table; } /* line 56, node_modules/slick-carousel/slick/slick.scss */ .slick-track:after { clear: both; } /* line 60, node_modules/slick-carousel/slick/slick.scss */ .slick-loading .slick-track { visibility: hidden; } /* line 64, node_modules/slick-carousel/slick/slick.scss */ .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } /* line 68, node_modules/slick-carousel/slick/slick.scss */ [dir="rtl"] .slick-slide { float: right; } /* line 71, node_modules/slick-carousel/slick/slick.scss */ .slick-slide img { display: block; } /* line 74, node_modules/slick-carousel/slick/slick.scss */ .slick-slide.slick-loading img { display: none; } /* line 80, node_modules/slick-carousel/slick/slick.scss */ .slick-slide.dragging img { pointer-events: none; } /* line 84, node_modules/slick-carousel/slick/slick.scss */ .slick-initialized .slick-slide { display: block; } /* line 88, node_modules/slick-carousel/slick/slick.scss */ .slick-loading .slick-slide { visibility: hidden; } /* line 92, node_modules/slick-carousel/slick/slick.scss */ .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* line 98, node_modules/slick-carousel/slick/slick.scss */ .slick-arrow.slick-hidden { display: none; } /* Slider */ /* line 45, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-loading .slick-list { background: #fff url("/assets/fonts/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/assets/fonts/slick.eot"); src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/slick.woff") format("woff"), url("/assets/fonts/slick.ttf") format("truetype"), url("/assets/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ /* line 63, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } /* line 81, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } /* line 85, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } /* line 89, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } /* line 92, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 103, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev { left: -25px; } /* line 105, node_modules/slick-carousel/slick/slick-theme.scss */ [dir="rtl"] .slick-prev { left: auto; right: -25px; } /* line 109, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-prev:before { content: "←"; } /* line 111, node_modules/slick-carousel/slick/slick-theme.scss */ [dir="rtl"] .slick-prev:before { content: "→"; } /* line 117, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-next { right: -25px; } /* line 119, node_modules/slick-carousel/slick/slick-theme.scss */ [dir="rtl"] .slick-next { left: -25px; right: auto; } /* line 123, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-next:before { content: "→"; } /* line 125, node_modules/slick-carousel/slick/slick-theme.scss */ [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ /* line 133, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dotted.slick-slider { margin-bottom: 30px; } /* line 137, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } /* line 146, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } /* line 154, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } /* line 166, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } /* line 168, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } /* line 172, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 189, node_modules/slick-carousel/slick/slick-theme.scss */ .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* ========================================================================== Vendor-specific ========================================================================== */ /*# sourceMappingURL=../../../scss */