@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700,700i&display=swap);@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i&display=swap);html,body{font-family:'Roboto',sans-serif}:root{--sidebar-bg:#27a9d5;--sidebar-header-bg:#2294ba;--sidebar-text:white;--sidebar-link-hover-color:#27a9d5;--sidebar-link-hover-bg:white;--footer-bg:#efefef;--footer-border:#dedede;--save-span-color:#2db83a;--login-bg:#67869C}h1,h2,h3,h4,h5,h6{color:#5e7679;font-family:'Raleway',sans-serif}h1 small,h2 small,h3 small{display:block;font-size:.7em;color:#80a1a5}.wrapper{display:flex;width:100%;align-items:stretch}.wrapper.login{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--login-bg)}#sidebar{min-width:250px;max-width:250px;min-height:100vh;background-color:var(--sidebar-bg);color:var(--sidebar-text);transition:all 0.3s}#sidebar.active{margin-left:-250px}@media (max-width:768px){#sidebar{margin-left:-250px}#sidebar.active{margin-left:0}}#sidebar .sidebar-header{padding:20px 0;background:var(--sidebar-header-bg)}#sidebar .sidebar-header h4{color:var(--sidebar-text);text-align:center}#sidebar ul.components{padding:20px 0}#sidebar ul li a{padding:10px;color:var(--sidebar-text);font-size:1.1em;display:block;text-decoration:none;transition:color 0.2s ease,background-color 0.2s ease}#sidebar ul li a:hover,#sidebar ul li.active a{color:var(--sidebar-link-hover-color);background:var(--sidebar-link-hover-bg)}#sidebar ul li a i{width:25px;text-align:center}#content{width:100%;position:relative}#content>.container-fluid{bottom:0;position:absolute;top:54px;overflow-y:auto;padding-bottom:65px;margin-top:15px}.four-o-four-heading{font-size:4rem}.dashboard-item i{display:block;font-size:5rem}.wrapper.login .card-body{box-shadow:0 2px 20px rgba(0,0,0,.6)}.wrapper.login .container-fluid{overflow-y:initial!important}.badge:not(:last-of-type){margin-right:5px}#categories-tab-content .card-body,#client-interaction-tab-content .card-body{height:350px;overflow-y:auto}footer{position:fixed;bottom:0;left:250px;right:0;transition:all 0.3s;background-color:var(--footer-bg);border-top:1px solid var(--footer-border);z-index:1}footer.sidebar-active,footer.login-footer{left:0}@media (max-width:768px){footer{left:0}footer.sidebar-active:not(.login-footer){left:250px}}.saved-span{margin-left:10px;color:var(--save-span-color)}.bar-chart.chart-draw-area text{font-size:14px!important}.loader-wrapper{text-align:center}svg.loader{max-width:50px;max-height:50px;margin:0 auto;animation:2s linear infinite loader-spin}svg.loader circle{fill:transparent;stroke:#0d8fca;stroke-width:10px;stroke-dasharray:283;stroke-linecap:round;transform-origin:50% 50%;stroke-dashoffset:280;animation:1.4s ease-in-out infinite both loader-circle-animation}@keyframes loader-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes loader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}