@import "https://fonts.googleapis.com/css?family=Lato:300,400,700,900";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700"; 
@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";
@import "../plugins/bootstrap/css/bootstrap.min.css"; 
@import "../plugins/mcustom-scrollbar/mcustom_scrollbar.min.css"; 
@import "icons/font-awesome/font-awesome.css";
@import "icons/line-icons/line-icons.css"; 
@import "icons/line-icons/simple-line-icons.css"; 
@import "../plugins/bootstrap/css/jasny-bootstrap.css";
@import "icons/rounded/style.css";
@import "icons/octicons/octicons.css";
@import "../plugins/bootstrap-loading/lada.min.css";


/**** SIDEBAR  ****/

html { height: 100%; }
body { height: 100%; background: #F5F5F5; color: #5B5B5B; font-family: 'Lato', 'Open Sans', Helvetica, sans-serif !important; line-height: 1.42857143; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 14px; }
body > section { opacity: 0; height: 100%; }
body p strong { font-family: 'Lato'; font-weight: 600; }
body > .pace > .pace-activity { display: none !important; }
input, select, textarea { color: #636e7b; font-family: 'Lato', 'Open Sans', Helvetica, sans-serif !important; }
ol, ul { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
pre { color: #121212; }
a { color: #319DB5; text-decoration: none; }
a:hover { text-decoration: none; }
a:focus, a:active { outline: none; }
h1, h2, h3, h4, h5 { font-family: 'Lato', 'Open Sans', Helvetica, sans-serif; font-weight: 100; }
h1.light, h2.light, h3.light, h4.light, h5.light { font-family: 'Lato', 'Open Sans', Helvetica, sans-serif; font-weight: 100; }
h1, .h1 { font-size: 45px; margin-top: 0; font-family: 'Lato', 'Open Sans', Helvetica, sans-serif; }
.font-nothing { font-family: 'Nothing You Could Do', 'Arial', cursive; }
.font-nothing strong { font-weight: 600; font-family: 'Nothing You Could Do', 'Arial', cursive; }
div, p, span { text-align: left; }
h2, .h2 { font-size: 25px; }
h3 { font-size: 20px;  }
strong { font-family: 'Lato'; font-weight: 600; }
p { line-height: 23px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { text-align: left; }
.boxed-layout { position: relative; width: 1170px; margin-right: auto; margin-left: auto; }
.fixed-sidebar.fixed-topbar.modal-open { padding-right: 0 !important; }
a.scrollup { display: none; background: #2B2E33; height: 32px; width: 32px; color: #fff; font-size: 18px; line-height: 32px; text-align: center; text-decoration: none; position: fixed; bottom: 10px; right: 10px; z-index: 9999; opacity: .5; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 16px; }
a.scrollup i { display: inline-block; padding-top: 3px; }
a.scrollup:hover { opacity: 1; color: #fff; }
@-moz-document url-prefix() { .topbar .header-left .topnav .menu__handle::before, .topbar .header-left .topnav .menu__handle::after { -moz-transition: -moz-transform 0s; -webkit-transition: -webkit-transform 0s; transition: transform 0s; }}
::-webkit-scrollbar { z-index: 30; width: 10px; }
::-webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #c1c1c1; }
::-webkit-scrollbar-thumb { background-color: #c1c1c1; }
::-webkit-scrollbar-thumb:hover { background-color: #aaa; }
::-webkit-scrollbar-track { border-radius: 0; box-shadow: none; border: 0; }
::-webkit-scrollbar-thumb { border-radius: 0; box-shadow: none; border: 0; }
@media print { body { margin-top: 0; }
.main-content { padding: 0; margin: 0 !important; background-color: transparent; }
.no-print, .no-print *, .sidebar, .topbar, .header { display: none !important; }
.invoice { max-width: 100%; max-height: 100%; padding: 0 !important; border: none; }}
.loader-overlay { -moz-opacity: 1; -moz-perspective: 10000px; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; -webkit-opacity: 1; -webkit-perspective: 10000px; -webkit-transition: all 800ms ease-in-out; background: #2D2E2F; bottom: 0; filter: alpha(opacity=100); left: 0; opacity: 1; overflow: hidden; perspective: 10000px; position: fixed; right: 0; top: 0; transition: all 800ms ease-in-out; z-index: 10000; zoom: 1; }
.loader-overlay .loader-inner { left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; }
.loader-overlay.loaded { -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); opacity: 0; visibility: hidden; zoom: 1; }
.spinner { -moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; bottom: 0; height: 2em; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; user-select: none; width: 10em; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; margin-right: 1em; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; margin-right: 1em; }
.spinner > div { -moz-border-radius: 100%; -webkit-animation-fill-mode: both; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; -webkit-border-radius: 100%; animation-fill-mode: both; animation: bouncedelay 1.4s infinite ease-in-out; background-color: #ffffff; border-radius: 100%; display: inline-block; height: 1em; width: 1em; }
.landing-slider .spinner > div { background-color: rgba(255, 255, 255, 0.5); }
.landing-els .spinner > div { background-color: rgba(0, 0, 0, 0.2); }
.context-menu .dropdown-menu { padding: 0; }
.context-menu .dropdown-menu .dropdown-title { background: #319DB5; padding: 4px 15px; text-transform: uppercase; color: #fff; font-size: 12px; font-family: 'Lato', arial, sans-serif; font-weight: 900; letter-spacing: 1.5px; }
.circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; margin-left: -20px; height: 80px; position: relative; color: #319DB5; width: 80px; }
.path { stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 4s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 4s ease-in-out infinite; stroke-linecap: round; }
.main-content .page-content .panel .panel-header h2 { margin-bottom: 5px; margin-top: 7px; }
.main-content .page-content[class^='bg-'].panel h1, .main-content .page-content[class*=' bg-'].panel h1, .main-content .page-content[class^='bg-'].panel h2, .main-content .page-content[class*=' bg-'].panel h2, .main-content .page-content[class^='bg-'].panel h3, .main-content .page-content[class*=' bg-'].panel h3, .main-content .page-content .panel[class^='bg-']h2, .main-content .page-content .panel[class*=' bg-']h2, .main-content .page-content .panel[class^='bg-']h3, .main-content .page-content .panel[class*=' bg-']h3 { color: #ffffff !important; }
.text-center { text-align: center !important; }
.maximized-panel .page-content [class^='col-'] { width: 100% !important; }
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@-webkit-keyframes dash { 0% { stroke-dasharray: 1,100; stroke-dashoffset: 0; }
50% { stroke-dasharray: 89,100; stroke-dashoffset: -35; }
100% { stroke-dasharray: 89,100; stroke-dashoffset: -62; }}
@keyframes dash { 0% { stroke-dasharray: 1,100; stroke-dashoffset: 0; }
50% { stroke-dasharray: 89,100; stroke-dashoffset: -35; }
100% { stroke-dasharray: 89,100; stroke-dashoffset: -62; }}
@-webkit-keyframes color { 100%, 0% { stroke: #319db5; }
30% { stroke: #9b7ed1; }
60% { stroke: #18a689; }
80%, 90% { stroke: #d62d20; }}
@keyframes color { 100%, 0% { stroke: #319db5; }
30% { stroke: #9b7ed1; }
60% { stroke: #18a689; }
80%, 90% { stroke: #d62d20; }}
@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); }
40% { -webkit-transform: scale(1); }}
@keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
40% { -webkit-transform: scale(1); transform: scale(1); }}
.topbar { -moz-transition: color 0.2s ease-out 0s; -webkit-transition: color 0.2s ease-out 0s; background: #ffffff; height: 50px; transition: color 0.2s ease-out 0s; position: relative; }
.topbar::after { clear: both; content: ''; display: block; }
.topbar .header-left { float: left; }
.topbar .header-left .topnav { float: left; height: 50px; margin: 0; }
.topbar .header-left .topnav .menutoggle { background: none; color: #2b2e33; cursor: pointer; float: left; font-size: 22px; height: 50px; position: relative; text-decoration: none !important; width: 50px; }
.topbar .header-left .topnav .menutoggle i { display: inline-block; margin: 14px 0 0 13px; }
.topbar .header-left .topnav .menutoggle i:before { -webkit-font-smoothing: antialiased; content: "r"; font-family: "line-icons" !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; line-height: 1; text-transform: none !important; }
.topbar .header-left .topnav .menu__handle { background: rgba(0, 0, 0, 0); border: none; height: 24px; left: 18px; outline: none; padding: 0; position: absolute; top: 11px; width: 20px; z-index: 2000; }
.topbar .header-left .topnav .menu__handle::before { -moz-transform-origin: 50% 50%; -moz-transform: translate3d(0, -5px, 0); -webkit-transform-origin: 50% 50%; -webkit-transform: translate3d(0, -5px, 0); transform-origin: 50% 50%; transform: translate3d(0, -5px, 0); background: #2b2e33; content: ''; height: 2px; left: 0; position: absolute; top: 50%; width: 100%; -webkit-transition: transform 0.3s linear; -moz-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; -ms-transition: transform 0.3s linear; transition: transform 0.3s linear; }
.topbar .header-left .topnav .menu__handle::after { -moz-transform-origin: 50% 50%; -moz-transform: translate3d(0, 5px, 0); -webkit-transform-origin: 50% 50%; -webkit-transform: translate3d(0, 5px, 0); background: #2b2e33; content: ''; height: 2px; left: 0; position: absolute; top: 50%; transform-origin: 50% 50%; transform: translate3d(0, 5px, 0); width: 100%; -webkit-transition: transform 0.3s linear; -moz-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; -ms-transition: transform 0.3s linear; transition: transform 0.3s linear; }
.topbar .header-left .topnav .menu__handle span { height: 2px; left: 0; overflow: hidden; position: absolute; text-indent: 200%; top: 12px; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; -ms-transition: opacity 0.25s linear; transition: opacity 0.25s linear; width: 100%; }
.topbar .header-left .topnav .mmenu .dropdown a { color: #656565; }
.topbar .header-left .topnav .mmenu .dropdown-menu { border: 1px solid #efefef; box-shadow: none; left: auto; margin-top: 0 !important; padding: 0; }
.topbar .header-left .topnav .mmenu .dropdown-menu a { color: #656565; }
.topbar .header-left .topnav .mmenu .dropdown-menu .withoutdesc { display: block; margin-top: 0; padding: 15px 20px; text-align: left; text-transform: none; width: 100%; }
.topbar .header-left .topnav .mmenu .dropdown-menu .withoutdesc ul li { padding: 3px 10px; }
.topbar .header-left .topnav .mmenu .dropdown-menu .withoutdesc ul li:hover { background-color: #f5f5f5!important; color: #262626; text-decoration: none; }
.topbar .header-left .topnav .mmenu .dropdown-menu .withoutdesc ul li:focus { background-color: #f5f5f5!important; color: #262626; text-decoration: none; }
.topbar .header-left .topnav .mmenu .dropdown-menu .withoutdesc li:last-child { border-bottom: 0 solid #fff; }
.topbar .header-left .topnav .mmenu .dropdown-menu > li > a { padding: 6px 15px; }
.topbar .header-left .topnav .mmenu .navbar-nav > li > .dropdown-menu { margin-top: 1px; }
.topbar .header-left .topnav .mmenu i { color: #BFBFBF; }
.topbar .header-left .topnav .mmenu .form-control { border: 1px solid #efefef; margin-top: 10px; }
.topbar .header-left .topnav .mmenu .btn { margin: 10px 0 20px; }
.topbar .header-left .topnav .mmenu video { height: auto; max-width: 100%; }
.topbar .header-left .topnav .mmenu iframe { max-width: 100%; }
.topbar .header-left .topnav .mmenu embed { max-width: 100%; }
.topbar .header-left .topnav .mmenu object { max-width: 100%; }
.topbar .header-left .topnav .mmenu a:hover { text-decoration: none; }
.topbar .header-left .topnav .mmenu .mmenu-content.withdesc a:after { color: #CFCFCF; content: attr(data-description); display: block; font-size: 11px; font-weight: 400; line-height: 0; margin: 10px 0 15px; text-transform: uppercase; }
.topbar .header-left .topnav .mmenu .dropdown-submenu { position: relative; }
.topbar .header-left .topnav .mmenu .dropdown-submenu:hover > .dropdown-menu { display: block; }
.topbar .header-left .topnav .mmenu .dropdown-submenu:hover > a:after { border-left-color: #fff; }
.topbar .header-left .topnav .mmenu .dropdown-submenu > .dropdown-menu { left: 100%; margin-left: 0; margin-top: 0 !important; top: 0; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.topbar .header-left .topnav .mmenu .dropdown-submenu > a:after { border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block; float: right; height: 0; margin-right: -2px; margin-top: 5px; width: 0; }
.topbar .header-left .topnav .mmenu .dropdown-submenu.pull-left { float: none; }
.topbar .header-left .topnav .mmenu .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.topbar .header-left .topnav .mmenu p { color: #656565; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; }
.topbar .header-left .topnav .mmenu .half { left: auto!important; right: auto!important; width: 50%; float: none; text-align: left; }
.topbar .header-left .topnav .mmenu .container { position: relative; }
.topbar .header-left .topnav .mmenu .nav.navbar-right .dropdown-menu { left: auto; right: 0; }
.topbar .header-left .topnav .mmenu .mmenu-content { padding: 15px 25px; }
.topbar .header-left .topnav .mmenu .dropdown.mmenu-fw .dropdown-menu { left: 0; margin-top: 0 !important; right: 0; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); }
.topbar .header-left .topnav .mmenu .title { border-bottom: 1px solid #efefef; font-family: 'Lato', 'Open Sans'; font-size: 14px; margin-top: 15px; padding-bottom: 10px; text-transform: uppercase; }
.topbar .header-left .topnav .mmenu .title strong { font-family: 'Lato', 'Open Sans'; font-weight: 900; }
.topbar .header-left .topnav .mmenu ul { list-style: none; }
.topbar .header-left .topnav .sidebar-collapsed .mmenu .dropdown.mmenu-fw .dropdown-menu { left: 50px; right: 0; }
.topbar .header-left .topnav ul > li .dropdown-menu li { position: relative; }
.topbar .header-left .topnav ul > li .dropdown-menu .dropdown-menu { left: 100%; margin-left: 6px; top: -2px; }
.topbar .header-left .topnav ul > li .dropdown-menu > li > a:hover { background: #319DB5 !important; color: #ffffff !important; }
.topbar .header-left .topnav > ul { float: left; height: 50px; margin: 0; padding: 0; }
.topbar .header-left .topnav > ul > li { float: left; height: 100%; margin: 0; }
.topbar .header-left .topnav > ul > li .dropdown-menu { margin-top: 2px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.topbar .header-left .topnav > ul > li .dropdown-menu i { display: none; }
.topbar .header-left .topnav > ul > li .dropdown-menu > li > a { font-size: 13px; padding: 6px 10px; }
.topbar .header-left .topnav > ul > li .dropdown-menu > li > a:hover { background: #319DB5; color: #ffffff; }
.topbar .header-left .topnav > ul > li > a { color: #666666; font-size: 14px; height: 100%; padding: 13px 19px 13px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.topbar .header-left .topnav > ul > li > a::before { -moz-transform: scale(0); -moz-transition: -moz-transform 0.3s; -webkit-transform: scale(0); -webkit-transition: -webkit-transform 0.3s; content: ''; height: 2px; left: 0; position: absolute; top: 0; transform: scale(0); transition: transform 0.3s; width: 100%; }
.topbar .header-left .topnav > ul > li > a i { font-size: 14px; margin-right: 6px; }
.topbar .header-left .topnav > ul > li > a i.icons-arrows-06 { display: inline-block; font-size: 9px; margin-bottom: -1px; padding-left: 7px; vertical-align: bottom; }
.topbar .header-left .topnav > ul > li > a .badge { margin-left: 10px; }
.topbar .header-left .topnav > ul.nav-icons > li > a { padding: 0; }
.topbar .header-left .topnav > ul.nav-icons > li > a:hover { padding: 0; }
.topbar .header-left ul.nav-icons li { padding: 10px 20px; }
.topbar .header-left ul.nav-icons li a { background: none !important; font-size: 19px; width: 20px; }
.topbar .header-left ul.nav-icons li a:before { display: none !important; }
.topbar .header-left ul.nav-icons li span { color: #484E55; display: block; font-size: 20px; padding-top: 4px; }
.topbar .header-left ul.nav-icons li span.icon-user-unfollow { background: none !important; font-size: 19px; width: 20px; }
.topbar .header-left ul.nav-icons li span.icon-user-following { background: none !important; font-size: 19px; width: 20px; }
.topbar .header-right { float: right; }
.topbar .header-right .nav > li { float: left; }
.topbar .header-right .navbar-nav > li > a { height: 50px; line-height: normal; }
.topbar .header-right .navbar-nav > li > a:hover { background: none !important; }
.topbar .header-right .navbar-nav > li > a:focus { background: none !important; }
.topbar .header-right .header-menu > li > a > i { display: block; float: left; margin-top: 14px; }
.topbar .header-right .header-menu > li > a > span:not(.badge) { display: block; float: left; line-height: 48px; }
.topbar .header-right .header-menu .username { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topbar .header-right .header-menu .badge-header { font-size: 12px; padding: 2px 5px; position: relative; right: 8px; top: -8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.topbar .header-right .header-menu .dropdown-menu > li > a.pull-right { clear: none; }
.topbar .header-right .header-menu .header-icon { display: inline; height: 22px; max-width: 100%; }
.topbar .header-right .header-menu .dropdown-menu { border-top-left-radius: 1px !important; border-top-right-radius: 1px !important; left: auto; margin: 0; max-width: 290px !important; min-width: 170px !important; padding: 0; right: 0; top: 53px; width: 280px; }
.topbar .header-right .header-menu .dropdown-menu:after { border-bottom: 6px solid #2b2e33; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; position: absolute; right: 17px; top: -6px; }
.topbar .header-right .header-menu .dropdown-menu .dropdown-header { background: #2b2e33; color: #666666; font-family: 'Open Sans'; font-size: 15px; padding: 8px 15px; }
.topbar .header-right .header-menu .dropdown-menu .dropdown-header:hover { background: #2b2e33; color: #666666; cursor: default; }
.topbar .header-right .header-menu .dropdown-menu .dropdown-header p { color: #E4E4E4 !important; color: #ffffff; font-family: 'Open Sans'; font-size: 13px; margin: 0; }
.topbar .header-right .header-menu .dropdown-menu ul { list-style-type: none; padding-left: 0; }
.topbar .header-right .header-menu .dropdown-menu li { background: none; padding: 0; }
.topbar .header-right .header-menu .dropdown-menu li:hover { background: none; }
.topbar .header-right .header-menu .dropdown-menu li a:hover { background: #f5f5f5; }
.topbar .header-right .header-menu .dropdown-menu li ul li { padding: 12px 10px 6px 10px; }
.topbar .header-right .header-menu .dropdown-menu li ul li:hover { background: #eaeaea; }
.topbar .header-right .header-menu .dropdown-menu li ul li a { display: block; width: 100%; }
.topbar .header-right .header-menu .dropdown-menu li ul li a i { width: 30px; }
.topbar .header-right .header-menu .dropdown-menu li ul li a:hover { text-decoration: none; }
.topbar .header-right .header-menu .dropdown-menu li ul li .dropdown-time { color: #777777; display: inline-block; float: right; font-size: 11px; text-align: right; }
.topbar .header-right .header-menu .dropdown-menu a { color: #121212; }
.topbar .header-right .header-menu .dropdown-menu a:hover { background: none; }
.topbar .header-right .header-menu .dropdown-menu .dropdown-footer { background: #F8F8F8; border-top: 1px solid #E2E2E2; color: #121212; font-family: 'Open Sans'; font-size: 12px; padding: 5px; }
.topbar .header-right .header-menu .dropdown-menu .dropdown-footer a { padding: 3px 5px; }
.topbar .header-right .header-menu .dropdown-menu .dropdown-footer a:hover { background: none; }
.topbar .header-right .header-menu .dropdown-menu > li > a.pull-left { clear: none; }
.topbar .header-right .header-menu #notifications-header > a > i { color: #666666; display: inline-block; font-size: 20px; }
.topbar .header-right .header-menu #messages-header > a > i { color: #666666; display: inline-block; font-size: 20px; }
.topbar .header-right .header-menu #messages-header ul li img { height: 30px; margin-top: -5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.topbar .header-right .header-menu #messages-header .dropdown-body p { font-size: 12px; font-style: italic; margin: 5px 0 5px; }
.topbar .header-right .header-menu #user-header { margin-right: 10px; }
.topbar .header-right .header-menu #user-header a { color: #666666; }
.topbar .header-right .header-menu #user-header img { float: left; margin-right: 6px; margin-top: 6px; width: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.topbar .header-right .header-menu #user-header li a:hover { background-color: #eaeaea; text-decoration: none; }
.topbar .header-right .header-menu #user-header .dropdown-menu { width: 150px !important; }
.topbar .header-right .header-menu #user-header .dropdown-menu li a { background: #2b2e33; color: #959FA9; display: block; font-size: 13px; padding: 10px 12px; }
.topbar .header-right .header-menu #user-header .dropdown-menu li a:hover { color: #ffffff; }
.topbar .header-right .header-menu #user-header .dropdown-menu li a i { padding-right: 8px; position: absolute; }
.topbar .header-right .header-menu #user-header .dropdown-menu li a span { padding-left: 25px; }
.topbar .header-right .header-menu #user-header .dropdown-menu li.dropdown-footer { background-color: #E9E9E9; padding: 0; }
.topbar .header-right .header-menu #user-header .dropdown-menu li.dropdown-footer a i { position: relative; }
.topbar .header-right .header-menu #user-header .dropdown-menu .dropdown-footer a { color: #575757; display: inline-block; font-size: 16px; padding: 8px; text-align: center; width: 56px; }
.topbar .header-right .header-menu #user-header .dropdown-menu .dropdown-footer a:hover { background-color: #dcdcdc; }
.topbar .header-right .header-menu #user-header .dropdown-menu .dropdown-footer a i { padding-right: 0; }
.topbar .header-right .header-menu #user-header > a > i { font-size: 19px; padding-right: 5px; }
.topbar .header-right .header-menu #language-header { margin-right: 10px; }
.topbar .header-right .header-menu #language-header a { color: #666666; }
.topbar .header-right .header-menu #language-header a i { font-size: 19px; padding-right: 7px; }
.topbar .header-right .header-menu #language-header li a:hover { text-decoration: none; }
.topbar .header-right .header-menu #language-header .dropdown-menu { max-width: 140px !important; min-width: 70px !important; width: 130px !important; }
.topbar .header-right .header-menu #language-header .dropdown-menu li a { display: block; font-size: 13px; padding: 10px 12px; }
.topbar .header-right .header-menu #language-header .dropdown-menu li a i { padding-right: 8px; position: absolute; }
.topbar .header-right .header-menu #language-header .dropdown-menu li a img { width: 22px; }
.topbar .header-right .header-menu #language-header .dropdown-menu li a span { padding-left: 10px; }
.topbar .header-right .header-menu #language-header .dropdown-menu:after { border-bottom: none; border-left: none; border-right: none; }
.topbar .header-right .header-menu #notifications-header .glyph-icon { font-size: 22px; margin-top: 2px; }
.topbar .header-right .header-menu .notification { display: inline-block; height: 8px; left: 10px; position: absolute; top: 7px; width: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.topbar .header-right .header-menu .tp-icon { background: #ffffff; border-color: #fff; color: #333333; font-size: 16px; height: 50px; padding: 12px 15px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.topbar .header-right .header-menu .tp-icon + .dropdown-menu:after { right: 17px; }
.topbar .header-right .header-menu .chat-icon { border-right: 0; }
.topbar .header-right .header-menu .dropdown-menu-usermenu { background: #2b2e33; min-width: 200px; }
.topbar .header-right .header-menu .dropdown-menu-head ul { border-top: 0; border: 1px solid #dddddd; padding: 0 10px; }
.topbar .header-right .header-menu .dropdown-menu-head li a { color: #333333; opacity: 1; padding: 0; }
.topbar .header-right .header-menu .dropdown-menu-head li a:hover { background-color: #ffffff !important; color: #428BCA; text-decoration: none; }
.topbar .header-right .header-menu .btn-group { margin-bottom: 0; }
.topbar .header-right .header-menu .nav > li { float: left; }
.topbar .header-right .header-menu .navbar-nav { margin: 0; }
.topbar .header-right .header-menu .navbar-nav .open .dropdown-menu > li > a { padding: 3px 5px; }
.topbar .header-right .header-menu .navbar-nav .open .dropdown-menu { max-width: 290px !important; min-width: 170px !important; position: absolute !important; width: 280px !important; }
.topbar .header-right .header-menu.navbar-nav { float: left !important; margin: 0; }
.topbar .header-right .header-menu.navbar-nav .dropdown-menu { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15) !important; position: absolute !important; -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.03); box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.03); }
.topbar .header-right .header-menu.navbar-nav > li > a { line-height: 50px; padding-bottom: 0; padding-top: 0; }
.topbar .nav .open > a { background: none !important; border: none !important; }
.topbar .nav .open > a:hover { background: none !important; border: none !important; }
.topbar .nav .open > a:focus { background: none !important; border: none !important; }
.topbar.c-light .header-left .topnav > ul > li > a, .topbar.c-light .header-left .topnav .menutoggle, .topbar.c-light .header-right .header-menu #notifications-header > a > i, .topbar.c-light .header-right .header-menu #messages-header > a > i, .topbar.c-light .header-right .header-menu #user-header a { color: #EBEBEB !important; }
.topbar .header-left .topnav > ul > li > a:hover, .topbar .header-left .topnav > ul:not(.nav-icons) > li > a:focus, .topbar .header-left .topnav > ul:not(.nav-icons) > li.open > a, .topbar .header-left .topnav > ul:not(.nav-icons) > li.active > a { background: none; color: #298598; padding: 13px 19px 13px; }
.topbar .header-left .topnav > ul > li.active > a::before, .topbar .header-left .topnav > ul > li.open > a::before, .topbar .header-left .topnav > ul > li > a:hover::before, .topbar .header-left .topnav > ul > li > a:focus::before { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); width: 100%; }
.menu__handle span { background: #2b2e33; }
.topbar .header-left .topnav .mmenu .nav, .topbar .header-left .topnav .mmenu .collapse, .topbar .header-left .topnav .mmenu .dropup, .topbar .header-left .topnav .mmenu .dropdown { position: static; }
.topbar.topbar-condensed .header-left .topnav > ul > li > a { font-size: 11px; padding: 17px 10px 12px; }
.topbar.topbar-condensed .header-left .topnav .logopanel2 { display: none; }
.topbar.topbar-condensed .header-right .header-menu #notifications-header { display: none; }
body:not(.sidebar-collapsed) .topbar .header-left .topnav .menutoggle:hover .menu__handle::before { -moz-transform: translate3d(0, -6px, 0); -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); }
body:not(.sidebar-collapsed) .topbar .header-left .topnav .menutoggle:hover .menu__handle::after { -moz-transform: translate3d(0, 6px, 0); -webkit-transform: translate3d(0, 6px, 0); transform: translate3d(0, 6px, 0); }
.fixed-topbar .topbar { position: fixed; top: 0; right: 0; left: 240px; z-index: 801; z-index: 300; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); }
.sidebar-collapsed.fixed-topbar .topbar { left: 50px; }
@media screen and (min-width: 1025px) { .sidebar-collapsed .topbar .header-left .topnav .menu__handle { background: rgba(0, 0, 0, 0); left: 14px; top: 12px; }
.sidebar-collapsed .topbar .header-left .topnav .menu__handle::before { -moz-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); background: #ffffff; transform: rotate3d(0, 0, 1, 45deg); }
.sidebar-collapsed .topbar .header-left .topnav .menu__handle::after { -moz-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); background: #ffffff; transform: rotate3d(0, 0, 1, -45deg); }
.sidebar-collapsed .topbar .header-left .topnav .menu__handle span { opacity: 0; }
.sidebar-collapsed .menu__handle span { background: #ffffff; }}
@media screen and (max-width: 1024px) { .topbar.topbar-condensed .header-left .topnav > ul { left: 50px; }
.topbar.topbar-condensed .header-left .topnav > ul > li { left: -50px; }
.topbar .large-dropdown-menu { min-width: 160px; }
.topbar .header-left .nav-icons { display: none; }}
@media screen and (max-width: 700px) { .sidebar-hover .topbar .header-right .header-menu #language-header { display: none; }
.sidebar-hover .topnav .logopanel2 { width: 150px !important; }}
@media screen and (max-width: 610px) { .topbar .header-right .header-menu #notifications-header .dropdown-menu { left: -50px; }
.topbar .header-right .header-menu #messages-header .dropdown-menu { left: -120px; }
.topbar .header-right .header-menu .dropdown-menu:after { display: none; }
.sidebar-hover .topbar .header-right .header-menu #notifications-header { display: none; }}
@media screen and (max-width: 550px) { .topbar .header-right .header-menu #language-header { display: none; }}
@media screen and (max-width: 450px) { .topbar .header-right .header-menu #messages-header { display: none; }}
@media screen and (max-width: 430px) { .topbar .header-right .header-menu #notifications-header { display: none; }}
.sidebar { background-color: #2b2e33; left: 0; position: absolute; top: 50px; bottom: 0; width: 240px; z-index: 100; }
.sidebar .nav > li + li { margin-top: 0; margin-bottom: 3px; }
.sidebar .badge { font-family: verdana,arial; font-size: 11px; margin-top: 4px; }
.sidebar .ui-resizable-handle { right: 0; }
.sidebar .logopanel { background: #202226; height: 50px; left: 0; padding: 10px; position: fixed; right: auto; top: 0; width: 240px; z-index: 2; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
.sidebar .logopanel h1 { color: #ffffff; font-family: 'Lato', 'Open Sans', Helvetica, sans-serif; font-weight: 900; font-size: 30px; letter-spacing: -1.5px; line-height: 31px; margin: 0; }
.sidebar .logopanel h1 a { background: url(../images/logo/logo-white.png) no-repeat 58px/97px; display: block; height: 31px; width: 100%; }
.sidebar .logopanel h1 span { color: #E6E7E8; }
.sidebar .logopanel h1 img { margin-left: 10px; margin-top: -4px; }
.sidebar .sidebar-inner { background-color: #2b2e33; height: 100%; padding: 0; z-index: 2; }
.sidebar .sidebar-inner .menu-title { font-size: 12px; margin-bottom: 0; padding: 20px 20px 15px 20px; position: relative; text-align: left; text-overflow: ellipsis; text-transform: uppercase; }
.sidebar .sidebar-inner .menu-title a { color: #B9B9B9; text-decoration: none !important; }
.sidebar .sidebar-inner .menu-title a:hover { color: #ffffff; }
.sidebar .sidebar-inner .menu-title a.hide-widget { color: #ffffff; font-size: 7px; opacity: 0.3; position: relative; }
.sidebar .sidebar-inner .menu-title a.hide-widget:hover { opacity: 0.7; }
.sidebar .sidebar-inner .menu-title a.hide-widget i { -moz-transition-property: -moz-transform; -moz-transition-timing-function: linear; -webkit-transition-property: -webkit-transform; -webkit-transition-timing-function: linear; transition-property: transform; transition-timing-function: linear; position: absolute; right: 0; top: 0; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
.sidebar .sidebar-inner .menu-title a.hide-widget.widget-hidden i { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sidebar .sidebar-inner .menu-title .menu-settings { background: none !important; position: relative; }
.sidebar .sidebar-inner .menu-title .menu-settings a { background: none !important; position: relative; }
.sidebar .sidebar-inner .menu-title .menu-settings .dropdown-menu { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; margin-top: 2px; }
.sidebar .sidebar-inner .menu-title .menu-settings .dropdown-menu > li > a { color: #666666; font-size: 13px; padding: 6px 10px; text-transform: none; }
.sidebar .sidebar-inner .menu-title .menu-settings .dropdown-menu > li > a:hover { background: #DFE1E3 !important; color: #121212 !important; }
.sidebar .sidebar-inner .menu-title.widget-title { padding: 10px 0; }
.sidebar .sidebar-inner .nav-sidebar { margin-bottom: 30px; }
.sidebar .sidebar-inner .nav-sidebar .arrow { font-size: 14px !important; margin-right: 0 !important; margin-top: 5px; opacity: 0.4 !important; position: absolute; right: 20px; }
.sidebar .sidebar-inner .nav-sidebar .arrow:before { content: "\f105"; display: inline-block; -webkit-transition: transform 0.15s linear; -moz-transition: transform 0.15s linear; -o-transition: transform 0.15s linear; -ms-transition: transform 0.15s linear; transition: transform 0.15s linear; }
.sidebar .sidebar-inner .nav-sidebar .arrow:not(.fa):before { content: "s"; display: inline-block; float: right; font-family: "line-icons" !important; font-size: 10px; -webkit-transition: transform 0.15s linear; -moz-transition: transform 0.15s linear; -o-transition: transform 0.15s linear; -ms-transition: transform 0.15s linear; transition: transform 0.15s linear; }
.sidebar .sidebar-inner .nav-sidebar .menu-txt { display: inline-block; height: 15px; }
.sidebar .sidebar-inner .nav-sidebar li > a .fa.arrow { padding-left: 2px; padding-right: 0; width: 10px; }
.sidebar .sidebar-inner .nav-sidebar li .fa { font-size: 16px; }
.sidebar .sidebar-inner .nav-sidebar li .icons-arrows-06 { font-size: 16px; }
.sidebar .sidebar-inner .nav-sidebar li i { float: left; margin-right: 10px; padding-top: 3px; text-align: left; }
.sidebar .sidebar-inner .nav-sidebar .nav-parent .children { background: #202226; display: none; list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; visibility: visible; }
.sidebar .sidebar-inner .nav-sidebar .nav-parent .icons-arrows-06 { float: right; margin-right: 0; -webkit-transition: transform 0.15s linear; -moz-transition: transform 0.15s linear; -o-transition: transform 0.15s linear; -ms-transition: transform 0.15s linear; transition: transform 0.15s linear; }
.sidebar .sidebar-inner .nav-sidebar .nav-parent .icons-arrows-06:before { content: "\f105"; font-family: "FontAwesome" !important; -webkit-transition: transform 0.15s linear; -moz-transition: transform 0.15s linear; -o-transition: transform 0.15s linear; -ms-transition: transform 0.15s linear; transition: transform 0.15s linear; }
.sidebar .sidebar-inner .nav-sidebar .nav-parent.active .children { display: block; }
.sidebar .sidebar-inner .nav-sidebar .nav-parent.active .icons-arrows-06:before { float: right; transform: rotate(90deg); }
.sidebar .sidebar-inner .nav-sidebar .children > li > a { color: #94989d; display: block; font-size: 13px; height: 34px; line-height: 24px; overflow: hidden; padding: 7px 20px 7px 49px; font-family: "Open Sans", arial; text-align: left; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.sidebar .sidebar-inner .nav-sidebar .children > li > a:hover { color: #ffffff; text-decoration: none; }
.sidebar .sidebar-inner .nav-sidebar .children > li > a > span:not(.badge) { margin-top: 2px; }
.sidebar .sidebar-inner .nav-sidebar .children > li.active > a { color: #ffffff; }
.sidebar .sidebar-inner .nav-sidebar .children > li .fa { font-size: 12px; margin-right: 5px; opacity: .5; text-align: left; vertical-align: baseline; width: auto; }
.sidebar .sidebar-inner .nav-sidebar .children ul { border: 0; margin-left: 12px; }
.sidebar .sidebar-inner .nav-sidebar .children:after { border-left: 1px solid #2b2e33; bottom: 0; content: ""; left: 27px; position: absolute; top: 0; }
.sidebar .sidebar-inner .nav-sidebar .children li:before { background: #2b2e33; bottom: auto; content: ""; height: 8px; left: 23px; margin-top: 15px; position: absolute; right: auto; width: 8px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.sidebar .sidebar-inner .nav-sidebar .children > li.hidden-item { -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); opacity: 0; visibility: hidden; zoom: 1; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.sidebar .sidebar-inner .nav-sidebar .children > li.hidden-item:before { -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); opacity: 0; visibility: hidden; zoom: 1; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-hidden { -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); margin-left: -20px; opacity: 0; zoom: 1; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-hidden:before { -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); margin-left: -20px; opacity: 0; zoom: 1; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown { -moz-opacity: 1; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-opacity: 1; -webkit-transition-delay: 0s; filter: alpha(opacity=100); margin-left: 0; opacity: 1; transition-delay: 0s; zoom: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:before { -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); margin-left: 0; opacity: 1; zoom: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(1) { -moz-transition-delay: 40ms; -webkit-transition-delay: 40ms; -o-transition-delay: 40ms; transition-delay: 40ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(2) { -moz-transition-delay: 60ms; -webkit-transition-delay: 60ms; -o-transition-delay: 60ms; transition-delay: 60ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(3) { -moz-transition-delay: 80ms; -webkit-transition-delay: 80ms; -o-transition-delay: 80ms; transition-delay: 80ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(4) { -moz-transition-delay: 100ms; -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(5) { -moz-transition-delay: 120ms; -webkit-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(6) { -moz-transition-delay: 140ms; -webkit-transition-delay: 140ms; -o-transition-delay: 140ms; transition-delay: 140ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(7) { -moz-transition-delay: 160ms; -webkit-transition-delay: 160ms; -o-transition-delay: 160ms; transition-delay: 160ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(8) { -moz-transition-delay: 180ms; -webkit-transition-delay: 180ms; -o-transition-delay: 180ms; transition-delay: 180ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(9) { -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(10) { -moz-transition-delay: 220ms; -webkit-transition-delay: 220ms; -o-transition-delay: 220ms; transition-delay: 220ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(11) { -moz-transition-delay: 240ms; -webkit-transition-delay: 240ms; -o-transition-delay: 240ms; transition-delay: 240ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(12) { -moz-transition-delay: 260ms; -webkit-transition-delay: 260ms; -o-transition-delay: 260ms; transition-delay: 260ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(13) { -moz-transition-delay: 280ms; -webkit-transition-delay: 280ms; -o-transition-delay: 280ms; transition-delay: 280ms; }
.sidebar .sidebar-inner .nav-sidebar .children > li.is-shown:nth-child(14) { -moz-transition-delay: 300ms; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.sidebar .sidebar-inner .nav-sidebar > li:not(.nav-active) > a:hover { background: none; }
.sidebar .sidebar-inner .nav-sidebar > li > a { border-radius: 0; color: #ffffff; display: block; font-family: 'Open Sans'; font-size: 13px; letter-spacing: 0.6px; line-height: 21px; overflow: hidden; padding: 7px 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.sidebar .sidebar-inner .nav-sidebar > li > a:hover { color: #fff; }
.sidebar .sidebar-inner .nav-sidebar > li > a:hover i { opacity: 1; }
.sidebar .sidebar-inner .nav-sidebar > li > a:hover span { opacity: 1; }
.sidebar .sidebar-inner .nav-sidebar > li > a i { opacity: 0.62; }
.sidebar .sidebar-inner .nav-sidebar > li > a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .sidebar-inner .nav-sidebar > li > a span:not(.badge) { opacity: 0.62; }
.sidebar .sidebar-inner .nav-sidebar > li > a span:not(.badge) > span { opacity: 1; }
.sidebar .sidebar-inner .nav-sidebar > li.nav-parent > a:focus { -moz-box-shadow: none; -webkit-box-shadow: none; background: none; box-shadow: none; }
.sidebar .sidebar-inner .nav-sidebar.ui-sortable li a { cursor: move; }
.sidebar .sidebar-inner .nav-sidebar.ui-sortable li i:before { content: "\e067" !important; font-family: 'Simple-Line-Icons' !important; }
.sidebar .sidebar-inner .nav-sidebar.remove-menu li i { font-size: 13px; }
.sidebar .sidebar-inner .nav-sidebar.remove-menu li i:before { content: "\e126" !important; font-family: "line-icons" !important; }
.sidebar .sidebar-inner .nav-sidebar.remove-menu li:hover { cursor: pointer; }
.sidebar .sidebar-inner .nav-sidebar.remove-menu li:hover i { color: #FF6666 !important; }
.sidebar .sidebar-inner .nav-sidebar.remove-menu li:hover > a { background-color: rgba(0, 0, 0, 0.1) !important; color: #ffffff; }
.sidebar .sidebar-inner .nav-sidebar.remove-menu a { pointer-events: none; }
.sidebar .sidebar-inner .nav-sidebar > li.active > a { background-color: #319db5; color: #ffffff; opacity: 1; }
.sidebar .sidebar-inner .nav-sidebar > li.active > a:focus { color: #ffffff; }
.sidebar .sidebar-inner .nav-sidebar > li.nav-parent.active > a:hover { background-color: #319db5; color: #ffffff !important; }
.sidebar .sidebar-inner .nav-sidebar-placeholder { background-color: rgba(0, 0, 0, 0.1) !important; visibility: visible !important; }
.sidebar .sidebar-inner .sidebar-widgets { display: block; margin-bottom: 100px; padding: 0 20px 7px; position: relative; }
.sidebar .sidebar-inner .sidebar-widgets .icon-picture { color: #E67373; }
.sidebar .sidebar-inner .sidebar-widgets .icon-lock { color: #A6A6A6; }
.sidebar .sidebar-inner .sidebar-widgets ul.folders { list-style: none; margin: 0px; overflow: hidden; padding-left: 0; }
.sidebar .sidebar-inner .sidebar-widgets ul.labels { list-style: none; margin: 0px; overflow: hidden; padding-left: 0; }
.sidebar .sidebar-inner .sidebar-widgets a { color: #ffffff; display: block; font-family: 'Open Sans'; font-size: 13px; letter-spacing: 0.4px; position: relative; }
.sidebar .sidebar-inner .sidebar-widgets a:hover { text-decoration: none !important; }
.sidebar .sidebar-inner .sidebar-widgets ul a { background: none !important; overflow: hidden; padding: 5px 0; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .sidebar-inner .sidebar-widgets ul i { padding-right: 12px; }
.sidebar .sidebar-inner .sidebar-widgets a.new-folder { background: none !important; color: #949494; }
.sidebar .sidebar-inner .sidebar-widgets a.new-folder:hover { color: #D1D1D1; }
.sidebar .sidebar-inner .sidebar-widgets a.new-label { background: none !important; color: #949494; }
.sidebar .sidebar-inner .sidebar-widgets a.new-label:hover { color: #D1D1D1; }
.sidebar .sidebar-inner .sidebar-widgets .add-folder { display: none; }
.sidebar .sidebar-inner .sidebar-widgets .add-folder input { margin-top: 8px; }
.sidebar .sidebar-inner .sidebar-widgets .add-label { display: none; }
.sidebar .sidebar-inner .sidebar-widgets .add-label input { margin-top: 8px; }
.sidebar .sidebar-inner .sidebar-footer { background-color: #202226; bottom: 0px; clear: both; display: block; left: 0; padding: 0; position: fixed; width: 240px; z-index: 1000; }
.sidebar .sidebar-inner .sidebar-footer .progress { margin-bottom: 5px; position: relative; top: 15px; width: 70%; }
.sidebar .sidebar-inner .sidebar-footer .pull-left { padding: 12px 0 8px; text-align: center; width: 50%; }
.sidebar .sidebar-inner .sidebar-footer .pull-left:hover { background-color: #373a41; text-decoration: none !important; }
.sidebar .sidebar-inner .sidebar-footer i { color: #5E646D; font-size: 14px; }
.sidebar .sidebar-inner .sidebar-footer a:hover i { color: #F7F7F7; }
.sidebar .sidebar-inner .sidebar-top h4 { color: #e2e2e2; margin-bottom: 5px; overflow: hidden; padding-left: 3px; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 137px; }
.sidebar .sidebar-inner .sidebar-top .userlogged { border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: block; margin-bottom: 0; margin: 0; padding: 5px 10px 0 10px; }
.sidebar .sidebar-inner .sidebar-top .userlogged > i { float: left; font-size: 60px; margin-bottom: -21px; padding-right: 12px; }
.sidebar .sidebar-inner .sidebar-top .user-details { float: left; padding-left: 5px; text-align: left; }
.sidebar .sidebar-inner .sidebar-top .user-details .user-login .btn { margin-right: 0; }
.sidebar .sidebar-inner .sidebar-top .user-login { display: inline-block; float: none; margin-left: 0; margin-top: 0; margin: auto; text-align: center; }
.sidebar .sidebar-inner .sidebar-top .user-login .btn { background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); color: #616574; margin-right: 0; padding: 4px 8px; }
.sidebar .sidebar-inner .sidebar-top .user-login .btn i { margin-top: 0 !important; }
.sidebar .sidebar-inner .sidebar-top .user-login .btn i:not(.fa) { margin-top: 3px !important; }
.sidebar .sidebar-inner .sidebar-top .user-login .btn .fa { padding-left: 3px; }
.sidebar .sidebar-inner .sidebar-top .user-login .dropdown-menu { margin-top: 3px; min-width: 100px; width: 100%; }
.sidebar .sidebar-inner .sidebar-top .user-login .dropdown-menu li a { color: #616574; font-size: 12px; padding: 4px 8px; }
.sidebar .sidebar-inner .sidebar-top .user-login .dropdown-menu li a:hover { background-color: #616574; color: #ffffff; }
.sidebar .sidebar-inner .sidebar-top .user-login .dropdown-menu li a i { padding-right: 0; }
.sidebar .sidebar-inner .sidebar-top.big-img { margin-bottom: 0; padding-top: 10px; text-align: center; }
.sidebar .sidebar-inner .sidebar-top.big-img .user-image { margin: auto; width: 130px; }
.sidebar .sidebar-inner .sidebar-top.big-img .user-image img { border: 3px solid rgba(255, 255, 255, 0.2); display: block; }
.sidebar .sidebar-inner .sidebar-top.big-img h4 { color: #e2e2e2; margin: auto; margin-bottom: 8px; margin-top: 10px; text-align: center; }
.sidebar .sidebar-inner .sidebar-top.big-img .user-details { float: none; padding-left: 0; text-align: center; }
.sidebar .sidebar-inner .sidebar-top.small-img { margin-bottom: 0; margin-top: 0; padding: 20px; padding-bottom: 0; text-align: center; }
.sidebar .sidebar-inner .sidebar-top.small-img .user-image { float: left; margin: auto; width: 35%; }
.sidebar .sidebar-inner .sidebar-top.small-img .user-image img { border: 1px solid rgba(255, 255, 255, 0.2); display: block; }
.sidebar .sidebar-inner .sidebar-top.small-img h4 { color: #e2e2e2; text-align: left; width: 110px; }
.sidebar .sidebar-inner .sidebar-top.small-img .user-details { float: left; padding-left: 10px; text-align: left; }
.sidebar .sidebar-top .user-login .dropdown-menu li a:focus { background-color: #616574; color: #ffffff; }
body:not(.sidebar-fixed, .topbar-fixed) .sidebar .logopanel { background: #202226; height: 50px; left: 0; padding: 10px; position: absolute; right: auto; top: -50px; width: 240px; z-index: 2; }
body:not(.rtl) .sidebar .sidebar-inner .nav-sidebar li.active > a .fa.arrow:before { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
body:not(.rtl) .sidebar .sidebar-inner .nav-sidebar .nav-parent > a .fa.arrow.active:before { content: "\f105"; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.nav-sidebar > li > a:active { background: none; color: #e2e2e2; }
.nav-sidebar > li > a:focus { background: none; color: #e2e2e2; }
.sidebar .sidebar-inner .nav-sidebar > li.active > a i, .sidebar .sidebar-inner .nav-sidebar > li.active > a span:not(.badge), .sidebar .sidebar-inner .nav-sidebar > li.nav-active > a i, .sidebar .sidebar-inner .nav-sidebar > li.nav-active > a span:not(.badge) { opacity: 1; }
.sidebar.c-dark .sidebar-inner .nav-sidebar > li > a { color: #121212 !important; }
.sidebar .sidebar-inner .nav-sidebar > li.nav-parent > a:hover, .sidebar .sidebar-inner .nav-sidebar > li > a:hover, .nav-sidebar > li > a:active, .nav-sidebar > li > a:focus { color: #fff; opacity: 1 !important; }
body:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li.nav-parent:not(.active) > a:hover, .sidebar .sidebar-inner .nav-sidebar > li:not(.active) > a:hover, .nav-sidebar > li > a:active, .nav-sidebar > li > a:focus { background: none; }
.nav-sidebar > li.active > a:hover { background-color: #319db5; color: #ffffff; opacity: 1; }
.nav-sidebar > li.active > a:focus { background-color: #319db5; color: #ffffff; opacity: 1; }
.nav-sidebar > li.nav-parent.active > a:active { background-color: #319db5; color: #ffffff !important; }
.nav-sidebar .children > li > a:active { color: #ffffff; text-decoration: none; }
.nav-sidebar .children > li > a:focus { color: #ffffff; text-decoration: none; }
.sidebar-widgets a:active { text-decoration: none !important; }
.sidebar-widgets a:focus { text-decoration: none !important; }
.progress-chart .sidebar-chart-number { font-family: 'Open Sans'; font-size: 13px; margin-bottom: 5px; margin-top: 0; opacity: 1; text-transform: none; }
.theme-sltl .sidebar .sidebar-inner .sidebar-widgets .charts-sidebar.progress-chart .sidebar-chart-title, .theme-sltl .sidebar .sidebar-inner .sidebar-widgets .charts-sidebar.progress-chart .sidebar-chart-number, .theme-sltd .sidebar .sidebar-inner .sidebar-widgets .charts-sidebar.progress-chart .sidebar-chart-title, .theme-sltd .sidebar .sidebar-inner .sidebar-widgets .charts-sidebar.progress-chart .sidebar-chart-number, .theme-sltl .sidebar .sidebar-inner .sidebar-widgets .charts-sidebar .sidebar-chart-number, .theme-sltl .sidebar .sidebar-inner .sidebar-widgets .charts-sidebar .sidebar-chart-title { color: rgba(0, 0, 0, 0.6); }
.sidebar-footer .pull-left:active { background-color: #373a41; text-decoration: none !important; }
.sidebar-footer .pull-left:focus { background-color: #373a41; text-decoration: none !important; }
.sidebar-condensed .sidebar { top: 50px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar { width: 190px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-inner .sidebar-footer { width: 190px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.05); }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li > a span { display: block; float: none; text-align: center; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li > a i { font-size: 24px; margin: auto; margin-bottom: 10px; margin-top: 8px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li > a .arrow { opacity: 0.3; position: absolute; top: 28px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top { margin-bottom: 0; text-align: center; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-image { margin: auto; width: 90px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-image img { border: 3px solid rgba(255, 255, 255, 0.2); display: block; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top h4 { color: #e2e2e2; padding-left: 5px; text-align: left; width: 105px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login { display: inline-block; float: none; margin: auto; text-align: center; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login .btn { background-color: rgba(0, 0, 0, 0.2); border: 1px solid #343847; color: #616574; padding: 4px 8px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login .btn i { margin-top: 0 !important; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login .btn i:not(.fa) { margin-top: 3px !important; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login .btn .fa { padding-left: 3px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login .dropdown-menu { margin-top: 3px; min-width: 100%; width: 100%; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login .dropdown-menu li a { color: #616574; font-size: 12px; padding: 4px 8px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login .dropdown-menu li a:hover { background-color: #616574; color: #ffffff; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top .user-login .dropdown-menu li a i { padding-right: 0; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top.small-img .user-image { margin: auto; width: 55px; }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top.small-img .user-image img { border: 2px solid rgba(255, 255, 255, 0.2); }
.sidebar-condensed:not(.sidebar-collapsed) .sidebar .sidebar-top.big-img .user-image { margin: auto; width: 120px; }
.sidebar-condensed:not(.sidebar-collapsed) .main-content { margin-left: 190px; }
.sidebar-condensed:not(.sidebar-collapsed) .main-content .topbar { left: 190px; }
.sidebar-condensed .sidebar .logopanel { width: 190px; }
.sidebar-condensed .sidebar .sidebar-top .user-login .dropdown-menu li a:focus { background-color: #616574; color: #ffffff; }
.sidebar-condensed .sidebar .sidebar-inner .nav-sidebar > li > a i { display: block; float: none; text-align: center; }
.sidebar-condensed .sidebar .sidebar-inner .sidebar-top h4 { font-size: 15px; }
.sidebar-condensed .sidebar .sidebar-inner .sidebar-top .user-details { padding-left: 5px; }
.sidebar-condensed .sidebar .sidebar-inner .sidebar-top .userlogged > i { padding-right: 0; }
.sidebar-condensed .sidebar .sidebar-inner .sidebar-inner .sidebar-top .userlogged > i { padding-right: 0px; }
.sidebar-condensed .sidebar .sidebar-inner .sidebar-top.small-img { padding: 10px; }
.sidebar-condensed .sidebar .sidebar-inner .sidebar-top.small-img h4 { font-size: 14px; width: 95px; }
.sidebar-condensed .sidebar .sidebar-top.small-img .user-login { margin-left: -5px; margin-right: 0; }
.sidebar-light:not(.sidebar-collapsed) .sidebar { background: none !important; width: 260px; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-top h4 { width: 115px; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-inner { background-color: rgba(0, 0, 0, 0.05); margin: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar { margin-bottom: 0; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar .arrow { right: 10px; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li > a { line-height: 23px; padding: 10px; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li > a i { font-size: 15px; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-inner .sidebar-top .searchform { display: none; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-inner .sidebar-widgets { margin-bottom: 0; }
.sidebar-light:not(.sidebar-collapsed) .sidebar .sidebar-footer { display: none; }
.sidebar-light:not(.sidebar-collapsed) .sidebar-top { padding-top: 10px; }
.sidebar-light .sidebar .sidebar-inner .sidebar-top.small-img { padding: 10px; }
.sidebar-light .sidebar .sidebar-inner .sidebar-top.small-img h4 { font-size: 14px; }
.sidebar-light .sidebar .sidebar-inner .sidebar-top.small-img .user-login { margin-left: -5px; margin-right: 0; }
.sidebar-light.sidebar-top:not(.sidebar-collapsed) .sidebar { width: 100%; }
.sidebar-light.sidebar-top:not(.sidebar-collapsed) .sidebar .sidebar-inner { background-color: transparent; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.sidebar-light.sidebar-top:not(.sidebar-collapsed) .sidebar .sidebar-inner .nav-sidebar > li > a { height: 66px; line-height: 21px; padding: 10px 15px 12px; }
.sidebar-light.fixed-sidebar:not(.sidebar-collapsed) .sidebar-inner { padding-bottom: 80px; }
.sidebar-hover .sidebar { margin-left: -220px; margin-right: auto; opacity: 0; top: 0 !important; z-index: 500 !important; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.sidebar-hover .sidebar .sidebar-inner .sidebar-top.small-img { margin-top: 40px; }
.sidebar-hover .sidebar .sidebar-inner .sidebar-footer { left: -220px; opacity: 0; }
.sidebar-hover .sidebar .logopanel { position: absolute; }
.sidebar-hover .sidebar-inner { margin-top: 50px; }
.sidebar-hover .sidebar.sidebar-inner .sidebar-top.big-img { margin-top: 48px; }
.sidebar-hover .main-content { margin-left: 0 !important; }
.sidebar-hover .topbar .header-left .topnav .menutoggle { display: none; }
.sidebar-hover .topnav .logopanel2 { background: #ffffff; color: #666666; float: left; height: 49px; padding: 10px 10px 10px 40px; width: 240px; }
.sidebar-hover .topnav .logopanel2 h1 { font-family: 'Lato', 'Open Sans', Helvetica, sans-serif; font-weight: 900; font-size: 30px; letter-spacing: -1.5px; line-height: 30px; }
.sidebar-hover .logopanel2 h1 a { background: url(../images/logo/logo-white.png) no-repeat; display: block; height: 30px; }
.sidebar-condensed.sidebar-hover .sidebar { margin-left: -170px; }
.sidebar-condensed.sidebar-hover .sidebar .sidebar-inner .sidebar-footer { left: -170px; }
.sidebar-condensed.sidebar-hover .topnav .logopanel2 { width: 190px; }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar > li > a .arrow { display: none; }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar .nav-parent .children { display: none; left: 240px; right: auto; margin-top: 0; min-width: 215px; position: absolute; top: 0; z-index: 4000; }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar .nav-parent .children:hover { display: block; }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar .nav-hover .children { display: block; -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar .children > li > a { padding-left: 20px; padding-right: 0; }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar .children > li > a .badge { margin-left: 0; margin-right: 10px; }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar .children li:before { display: none; }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar .children:after { display: none; }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar > li.nav-hover { background: rgba(255, 255, 255, 0.02); }
.submenu-hover .sidebar .sidebar-inner .nav-sidebar > li.nav-parent.nav-hover:before { border: solid transparent; content: " "; height: 0; left: auto; margin-top: -10px; pointer-events: none; position: absolute; right: 0; top: 50%; width: 0; z-index: 2000; border-color: rgba(136, 183, 213, 0); border-left: none; border-right: 10px solid #202226; border-width: 10px; }
.submenu-hover .sidebar-light.sidebar .sidebar-inner .nav-sidebar .nav-parent .children { margin-left: 220px; margin-right: 0; }
.submenu-hover .sidebar-condensed.sidebar .sidebar-inner .nav-sidebar .nav-parent .children { margin-left: 210px; margin-right: 0; }
.submenu-hover.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar .children { display: block; display: none; left: 45px; margin: 0; position: absolute; right: 0; top: 41px; }
.submenu-hover.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar .nav-hover .children { display: block; }
.submenu-hover.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar .nav-parent .children { min-width: 204px; }
.submenu-hover.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-parent.nav-hover:before { display: none; }
.submenu-hover.sidebar-condensed .sidebar .sidebar-inner .nav-sidebar .nav-parent .children { margin-left: 190px; margin-right: 0; }
.submenu-hover.sidebar-light .sidebar .sidebar-inner .nav-sidebar .nav-parent .children { margin-left: 220px; margin-right: 0; }
.submenu-hover.sidebar-top .sidebar .sidebar-inner .nav-sidebar > li.nav-parent.nav-hover:before { display: none; }
.sidebar-hover.fixed-topbar .main-content .topbar { left: 0; }
.fixed-sidebar .sidebar { position: fixed; right: auto; left: 0; bottom: 0; z-index: 202; }
@media screen and (min-width: 1024px) { .sidebar-collapsed .topbar { margin-left: -50px; }
.sidebar-collapsed .topbar .header-left .topnav .menutoggle { background: #319db5; color: #ffffff; opacity: 0.9; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; transition: all 0s ease-out; }
.sidebar-collapsed .topbar .header-left .topnav .menutoggle i:before { content: "s"; }
.sidebar-collapsed .topbar .header-left .topnav .menutoggle:hover { color: #ffffff; opacity: 1; }
.sidebar-collapsed .sidebar { top: 49px; width: 50px; z-index: 300; }
.sidebar-collapsed .sidebar .logopanel { display: none !important; }
.sidebar-collapsed .sidebar .sidebar-top { display: none !important; }
.sidebar-collapsed .sidebar .sidebar-inner { padding: 0; }
.sidebar-collapsed .sidebar .sidebar-inner .sidebartitle { display: none; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar { margin: 5px; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar li a { padding: 10px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar li a i { float: none; margin-right: 0; text-align: center; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar li .arrow { display: none; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar ul { display: none; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar ul a { line-height: normal; padding: 16px 20px 14px 35px; max-width: 204px; text-align: left; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar ul a:hover { background: none; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar li.nav-hover ul { background: #202226; display: block; left: 45px; margin: 0; min-width: 204px; padding-bottom: 10px; position: absolute; top: 41px; z-index: 100; -webkit-border-radius: 0 0 2px 0; -moz-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar .children:after { border-left: 1px solid #2B2E33; bottom: 0; content: ""; left: 17px; position: absolute; top: 0; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar .children li:before { background-color: #2B2E33; border-color: rgba(0, 0, 0, 0); bottom: auto; content: ""; height: 8px; left: 14px; margin-top: 19px; position: absolute; right: 0; width: 8px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar .nav-parent.active .children { display: none; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar .nav-parent.nav-hover.active .children { display: block; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li > a { height: 41px; overflow: visible; text-align: center; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li > a:hover { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li > a span { display: none; overflow: visible; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li > a .badge { display: none; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-parent { z-index: 120; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-parent > a { background-image: none; text-align: center; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li > a > span:not(.arrow) { display: none; left: 40px; min-width: 209px; padding: 10px 10px 10px 5px; position: absolute; text-align: left; top: 0; z-index: 100; -webkit-border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03); }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.active > a > span:last-child { -webkit-border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover > a { background: #ffffff; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #1d2939; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover > a span:not(.arrow) { display: inline-block; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover > a span:not(.badge) { color: #121212; opacity: 1; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover > a i { color: #121212; opacity: 1; }
.sidebar-collapsed .sidebar .sidebar-inner .sidebar-footer { display: none; }
.sidebar-collapsed .sidebar .sidebar-inner .sidebar-widgets { display: none; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover:not(.nav-active) > a span:not(.badge) { background: #ffffff; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active > a { background: #319db5; color: #ffffff; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active > a i { color: #ffffff; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active > a span:not(.badge) { background: #319db5 !important; color: #ffffff; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active > a > span:last-child { background: #319db5; color: #ffffff; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.nav-active.active > a { background: #319db5; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.nav-active > a i { color: #ffffff !important; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.nav-active > a span:not(.badge) { color: #ffffff !important; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.nav-active:not(.active) > a span:not(.badge) { background: #ffffff; color: #1d2939 !important; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.nav-active:not(.active) > a i { background: #ffffff; color: #1d2939 !important; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active:not(.nav-active) > a i { color: #ffffff !important; }
.sidebar-collapsed .sidebar-inner .menu-title { display: none; }
.sidebar-collapsed .main-content { margin-left: 50px; }
.sidebar-collapsed.fixed-sidebar .topbar .header-left .topnav > ul { margin-left: 0; }
.sidebar-collapsed.fixed-sidebar:not(.fixed-topbar) .topbar { margin-left: 0; }
.sidebar-collapsed.fixed-sidebar:not(.fixed-topbar) .topbar .header-left .topnav .menutoggle { position: fixed; }
.sidebar-collapsed.fixed-topbar .topbar .header-left .topnav > ul { margin-left: 0; }
.fixed-topbar.sidebar-collapsed .topbar .header-left .topnav .menutoggle { left: 0; position: relative; }
.fixed-sidebar.sidebar-collapsed .topbar .header-left .topnav .menutoggle { left: 0; position: relative; }
.sidebar-top .main-content { margin-left: 0 !important; margin-right: 0 !important; }
.sidebar-top .main-content .page-content { top: 116px; }
.sidebar-top:not(.fixed-topbar) .main-content { margin-top: 116px; }
.sidebar-top:not(.fixed-topbar) .sidebar .logopanel { background: #ffffff; left: 0; position: absolute; right: auto; top: -50px; top: -50px !important; width: 140px; }
.sidebar-top .menutoggle { display: none; }
.sidebar-top .topbar { left: 140px; position: absolute; right: 0; top: 0; z-index: 801; }
.sidebar-top .topbar .header-left .topnav .menutoggle { height: 50px; }
.sidebar-top .sidebar { bottom: auto!important; float: none; height: 66px; overflow: visible!important; position: fixed; top: 50px; width: 100%; }
.sidebar-top .sidebar .logopanel { background: #ffffff; left: 0; position: fixed; right: auto; top: -50px; top: 0 !important; width: 140px; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); }
.sidebar-top .sidebar .logopanel h1 a { background: url(../images/logo/logo-white.png) no-repeat; }
.sidebar-top .sidebar:before { display: none; }
.sidebar-top .sidebar .sidebar-inner { padding: 0; }
.sidebar-top .sidebar .sidebar-inner .nav-sidebar .nav-parent.active .children { display: none !important; }
.sidebar-top .sidebar .sidebar-inner .nav-sidebar .nav-parent.nav-hover .children { display: block !important; margin: 0; padding: 0; position: absolute; }
.sidebar-top .sidebar .sidebar-inner .nav-sidebar .children > li > a { padding-left: 15px; padding-right: 15px; }
.sidebar-top .sidebar .sidebar-inner .nav-sidebar .children:after { display: none; }
.sidebar-top .sidebar .sidebar-inner .nav-sidebar .children li:before { display: none; }
.sidebar-top .sidebar .sidebar-inner .arrow { display: none; }
.sidebar-top .sidebar .sidebar-inner .nav-sidebar > li > a i { text-align: center; }
.sidebar-top .sidebar .sidebar-inner .nav-sidebar > li > a span:not(.badge) { text-align: center; }
.sidebar-top .sidebar nav > .nav { float: left; }
.sidebar-top .sidebar .nav > li { display: inline-block; float: left; position: relative; }
.sidebar-top .sidebar .nav > li .children { display: none; height: auto!important; left: 0; position: absolute !important; top: auto!important; width: 200px; z-index: 1050; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
.sidebar-top .sidebar .nav > li > a { height: 66px; padding: 10px 15px 12px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.sidebar-top .sidebar .nav > li > a:hover { background: #202226; }
.sidebar-top .sidebar .nav > li > a > i { display: block; float: none !important; font-size: 14px; line-height: 40px; margin: -10px auto -7px; width: 40px; }
.sidebar-top .sidebar .nav > li > a > span { display: block; font-weight: 400; }
.sidebar-top .sidebar .nav li li a { padding-left: 15px; padding-right: 15px; }
.sidebar-top .sidebar .nav li:hover > .children { display: block; height: auto!important; margin-left: 0; opacity: 1; overflow: auto; }
.sidebar-top .sidebar .nav li:focus > .children { display: block; height: auto!important; margin-left: 0; opacity: 1; overflow: auto; }
.sidebar-top .sidebar .nav li:active > .children { display: block; height: auto!important; margin-left: 0; opacity: 1; overflow: auto; }
.sidebar-top .sidebar-footer ~ div { padding-bottom: 0; }
.sidebar-top .aside-wrap { float: none; overflow: visible!important; position: relative; top: 0; width: 100%; }
.sidebar-top .nav-wrap { float: none; overflow: visible!important; position: relative; top: 0; width: 100%; }
.sidebar-top:not(.fixed-sidebar) .sidebar { position: absolute; }
.sidebar-top .nav-sidebar > li.nav-hover > a { background: #202226 !important; }
.sidebar-top .nav-sidebar > li + li { margin-top: 0; }
.sidebar-top.fixed-topbar .topbar { left: 140px; right: 0; position: fixed !important; }
.sidebar-top.sidebar-fixed.app-header-fixed { padding-top: 115px; }
.sidebar-top.sidebar-fixed .sidebar { position: fixed; top: 50px; width: 100%; z-index: 1000; }
.fixed-sidebar.sidebar-top .sidebar { bottom: auto!important; height: 66px; position: fixed; top: 50px; }
.sidebar-top .sidebar-top, .sidebar-top .menu-title, .sidebar-top .sidebar .sidebar-footer, .sidebar-top .sidebar .sidebar-widgets { display: none!important; }}
@media screen and (max-width: 1024px) { body { position: relative; }
body:not(.sidebar-hover) .sidebar { display: none; }
body > section { height: auto; }
.topbar { left: 0 !important; }
.topbar .header-left .topnav .menutoggle i:before { content: "s" !important; }
.fixed-topbar .topbar { left: 0 !important; }
.main-content { margin-left: 0 !important; width: 100%; }
.sidebar-collapsed .sidebar { display: none; }
.sidebar-collapsed .main-content { margin-left: 0; }
.sidebar-collapsed .topbar { margin-left: 0 !important; }
.sidebar-show section { overflow-x: hidden; }
.sidebar-show .main-content { margin-left: 240px !important; overflow: hidden; }
.sidebar-show .topbar .header-left .topnav .menutoggle i:before { content: "r" !important; }
body.sidebar-show:not(.sidebar-hover) .sidebar { display: block; }
.sidebar-show.fixed-topbar .topbar { left: 240px !important; overflow: hidden; }
.nav-horizontal { position: relative; }
.nav-horizontal .caret { display: none; }}
.sidebar-collapsed .topbar .header-left .topnav .mmenu .dropdown.mmenu-fw .dropdown-menu { left: 50px; right: 0; }
body:not(.sidebar-top):not(.fixed-sidebar):not(.sidebar-light) .sidebar:before { background-color: inherit; border-color: inherit; border-style: inherit; border-width: inherit; bottom: 0; content: ""; display: block; position: fixed; top: 0; width: inherit; z-index: -1; }
.sidebar-light:not(.fixed-sidebar) .sidebar .sidebar-inner { height: auto; }
.submenu-hover.sidebar-condensed .sidebar .sidebar-inner .nav-sidebar .nav-parent .children { left: 190px; margin-left: 0; right: auto; }
body:not(.sidebar-top):not(.fixed-sidebar) .sidebar:before { margin-top: 50px; }
body:not(.fixed-sidebar):not(.fixed-topbar):not(.sidebar-top) .sidebar .logopanel { position: absolute; top: -50px; left: 0 !important; }
.submenu-hover.sidebar-light .sidebar .sidebar-inner .nav-sidebar .nav-parent .children { left: 220px; margin-left: 0; right: auto; }
.sidebar-condensed.sidebar-collapsed .sidebar { top: 50px; }
.sidebar-light.sidebar-collapsed .sidebar { top: 50px; }
.sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li { margin-top: 2px !important; }
.sidebar-top .hidden-st { display: none !important; }
#quickview-toggle { margin-right: 10px; }
#quickview-toggle i { color: #232323; font-size: 20px; }
#quickview-sidebar { bottom: 0; left: auto; overflow: hidden; position: fixed; right: -280px; top: 0; -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -ms-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); width: 280px; z-index: 1000; }
#quickview-sidebar.open { -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15); -ms-transform: translate(-100%, 0); -o-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(-100%, 0, 0); box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15); display: block; filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=180, Strength=2); transform: translate3d(-100%, 0, 0); }
#quickview-sidebar:not(.open):not(.closing) .quickview { display: none; }
#quickview-sidebar:not(.open):not(.closing) .quickview-header { display: none; }
#quickview-sidebar .quickview { -webkit-overflow-scrolling: touch; background: #ffffff; bottom: 0; color: #818181; height: auto; left: 0; left: auto; overflow-x: hidden; position: absolute; right: auto; top: 50px; width: 280px; z-index: 1; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -o-transition: width 0.3s ease; -ms-transition: width 0.3s ease; transition: width 0.3s ease; }
#quickview-sidebar .quickview .tab-content { border-top: none; padding: 0; position: relative; }
#quickview-sidebar .quickview .tab-content #chat { padding: 0 20px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation { bottom: 0; left: -300px; padding: 0; position: relative; top: 0; overflow-x: hidden; width: 280px; z-index: 1000; -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -ms-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header { padding: 0; position: relative; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .user { border-bottom: 1px solid #E0E0E0; padding: 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .user-img { float: left; width: 50px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .user-img .badge { font-size: 11px; margin-left: -10px; padding: 2px 5px; position: absolute; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .user-details { text-align: center; width: 100%; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .user-details .user-name { text-align: center; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .user-details .user-txt { color: #526a82; text-align: center; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .user-status i { float: right; margin-right: 0; margin-top: 15px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-header .chat-back { color: #424242; cursor: pointer; font-size: 16px; left: 25px; position: absolute; top: 22px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body { padding: 25px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body li { clear: both; content: " "; display: table; margin-bottom: 15px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body li:last-child { margin-bottom: 65px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .conversation-img { float: left; margin-right: 15px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .chat-detail { float: left; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .chat-detail .chat-bubble { background: #e5e9ec; color: #22262e; float: right; line-height: 20px; min-height: 40px; padding: 0; padding: 10px; position: relative; white-space: normal; width: 180px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .chat-detail .chat-bubble:after { border-color: rgba(0, 0, 0, 0) #e5e9ec; border-style: solid; border-width: 9px 7px 9px 0; content: ''; display: block; left: -7px; position: absolute; top: 12px; width: 0; z-index: 1; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .chat-detail .chat-date { color: #636F77; display: block; font-size: 12px; margin-bottom: 8px; text-align: right; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-message { bottom: 0; left: 0; position: fixed; right: 0; z-index: 2; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-message .item-footer { padding: 9px 15px; background: #F0F0F0; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-message .item-footer i { float: left; text-align: center; width: 25%; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-message input { border-top: 1px solid #DFDFDF; border: none; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .chat-detail.chat-right .chat-bubble { background: #2B2E33; color: #ffffff; float: left; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .chat-detail.chat-right .chat-bubble:after { border-color: rgba(0, 0, 0, 0) #2b2e33; border-width: 9px 0 9px 7px; left: auto; right: -7px !important; top: 12px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-body .chat-detail.chat-right img { float: right!important; margin: 3px 0 -5px 10px !important; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-message .footer-actions i:hover { color: #5C5C5C; cursor: pointer; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation.current { -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
#quickview-sidebar .quickview .tab-content #chat .chat-body { bottom: 0; left: auto; position: absolute; right: -280px; top: 0; width: 280px; -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -ms-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); z-index: 1000; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-search { margin-top: 15px; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-search .form-control { width: 100%; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-groups i { margin-top: 8px; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-groups .title { color: #526a82; font-family: 'Lato', arial; font-weight: 700; text-transform: uppercase; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-groups ul { list-style: none; margin: 0; padding-left: 0; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-groups ul li { color: #818181; line-height: 25px; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-groups ul li:hover { cursor: pointer; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-groups li i { float: left; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list li i { float: right; margin-top: 9px; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list ul li { display: block; padding: 10px 15px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list ul li:hover { background-color: #F4F5F7; cursor: pointer; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-img { float: left; width: 50px; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-img .badge { font-size: 11px; margin-left: -10px; padding: 2px 5px; position: absolute; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-list .user-details { float: left; width: 130px; }
#quickview-sidebar .quickview .tab-content #chat .chat-body .chat-body .chat-list li .user-details .user-txt { color: #526a82; }
#quickview-sidebar .quickview .tab-content #chat .chat-body.current { -ms-transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
#quickview-sidebar .quickview .tab-content #chat .chat-body > div { padding: 0 20px; }
#quickview-sidebar .quickview .tab-content .title { color: #526a82; font-family: 'Lato', arial, sans-serif; font-weight: 700; margin-bottom: 10px; margin-top: 30px; }
#quickview-sidebar .quickview-header { background-color: #292C35; font-family: 'Lato', arial; font-weight: 100; font-size: 12px; height: 50px; width: 280px; z-index: 10; }
#quickview-sidebar .quickview-header .nav.nav-tabs { border-bottom: none; }
#quickview-sidebar .quickview-header .nav > li { text-align: center; width: 33%; }
#quickview-sidebar .quickview-header .nav > li > a { background: none; color: #909090; font-family: 'Lato', arial, sans-serif; font-weight: 700; padding: 16px 15px; text-transform: uppercase; }
#quickview-sidebar .quickview-header .nav.nav-tabs > li.active > a { background: none; color: #ffffff; }
#quickview-sidebar .quickview-header .nav-tabs > li > a::before { display: none; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-message input.form-control.form-white, .conversation-message input.form-control.form-white:hover, .conversation-message input.form-control.form-white:focus, .conversation-message textarea.form-control.form-white:active { border: none; border-top: 1px solid #DFDFDF; height: 35px; outline: none!important; }
#quickview-sidebar.closing { -ms-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#quickview-sidebar.closing .quickview .tab-content #chat .chat-body { -ms-transform: translate(0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }
#quickview-sidebar.closing .quickview .tab-content #chat .chat-body.current { -ms-transform: translate(0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }
#quickview-sidebar .quickview .tab-content #notes .list-notes.current { -ms-transform: translate(0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation .conversation-message { -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); left: auto; right: 0; transform: translate3d(100%, 0, 0); width: 280px; }
#quickview-sidebar .quickview .tab-content #chat .chat-conversation.current .conversation-message { -ms-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ie-browser #quickview-sidebar { -moz-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -ms-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -o-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -webkit-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; }
.ie-browser #quickview-sidebar .quickview .tab-content #chat .chat-body { -moz-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -ms-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -o-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -webkit-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; }
.ie-browser #quickview-sidebar .quickview .tab-content #chat .current.chat-body { -moz-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -ms-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -o-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -webkit-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; }
.ie-browser #quickview-sidebar.closing .quickview .tab-content #notes .list-notes { -moz-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -ms-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -o-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; -webkit-transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1) !important; }
.boxed { background: #353535 !important; }
.boxed section { margin: auto; position: relative; width: 1200px; }
.boxed section .main-content { margin-top: 0 !important; position: relative; }
.boxed section .main-content .page-content { top: 0; }
.boxed section .main-content .topbar { left: auto !important; margin-left: 0; margin-right: auto; margin: auto; position: relative; right: auto !important; width: 1200px; }
.boxed section .sidebar .logopanel { float: left; }
.boxed.sidebar-top section .sidebar { left: auto; right: auto; width: 1200px; }
.boxed.sidebar-top section .sidebar .logopanel { left: auto; }
.boxed.sidebar-top section .main-content .topbar { left: auto; margin-left: 140px; margin-right: auto; right: auto; }
.boxed.fixed-sidebar.sidebar-collapsed section .sidebar { left: 0; position: absolute; right: auto; }
.boxed.fixed-topbar section .main-content .topbar { left: auto !important; margin-right: auto; right: auto !important; }
.boxed.sidebar-top.fixed-topbar section .sidebar .logopanel { float: left; left: auto; right: auto; }
.boxed.sidebar-collapsed section .main-content .topbar { margin-left: -50px; margin-right: auto; }
.boxed.sidebar-collapsed.fixed-topbar section .main-content .topbar { margin-left: -50px; margin-right: auto; }
.boxed.fixed-topbar.sidebar-collapsed section .main-content .topbar .header-left .topnav .menutoggle { left: auto; left: 0; margin-left: 0; margin-right: auto; opacity: 0.9; right: auto; }
.boxed.fixed-topbar.sidebar-collapsed section .main-content .topbar .header-left .topnav .menutoggle:hover { opacity: 1; }
.boxed section .main-content .topbar { width: 1060px; }
.boxed.sidebar-top .main-content .page-content { top: 66px; }
.boxed.sidebar-top.fixed-topbar:not(.fixed-sidebar) .sidebar { top: 0; }
.boxed.fixed-topbar .main-content .page-content { margin-top: 0; }
.boxed.fixed-topbar.sidebar-top .main-content .page-content { margin-top: 50px; }
.boxed.sidebar-collapsed section .main-content .topbar { z-index: 300; }
.boxed.sidebar-collapsed.fixed-sidebar:not(.fixed-topbar) .topbar .header-left .topnav .menutoggle { position: relative; }
.rtl .boxed.sidebar-collapsed section .main-content .topbar { margin-right: -50px; }
@media (max-width: 1220px) { .boxed section { margin: auto; position: relative; width: 100%; }
.boxed section .main-content .topbar { margin: auto; position: relative; width: 100%; }}
.main-content { background: #F5F5F5; margin-left: 240px; min-height: 750px; }
.main-content .page-content { background: #F5F5F5; margin-top: 50px; overflow: hidden; padding: 20px 50px 0; position: relative; height: 100%; }
.main-content .page-content h3 { font-family: 'Open Sans', sans-serif; font-size: 15px; margin-bottom: 15px; margin-top: 25px; text-transform: uppercase; }
.main-content .page-content::after { clear: both; content: ''; display: block; }
.main-content .page-content .row-sm[class^="col-"] { padding-left: 10px; padding-right: 10px; }
.main-content .page-content .row-xs[class^="col-"] { padding-left: 5px; padding-right: 5px; }
.main-content .page-content .colors-list { height: 30px; list-style: none; margin: 0; padding: 0; }
.main-content .page-content .colors-list > li { background: #000000; display: inline-block; filter: alpha(opacity=60); float: left; height: 20px; margin: 4px; opacity: .6; padding: 0; width: 20px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.main-content .page-content .colors-list > li:first-child { margin-left: 0; }
.main-content .page-content .colors-list > li:hover { cursor: pointer; filter: alpha(opacity=100); opacity: 1; }
.main-content .page-content .colors-list > li.active { filter: alpha(opacity=100); height: 26px; margin-top: 0; opacity: 1; width: 26px; }
.main-content .page-content .colors-list > li.white { background: #ffffff; border: 1px solid #BFBFBF; }
.main-content .page-content .colors-list > li.primary { background: #319db5; }
.main-content .page-content .colors-list > li.dark { background: #2B2E33; }
.main-content .page-content .colors-list > li.red { background: #C9625F; }
.main-content .page-content .colors-list > li.green { background: #18a689; }
.main-content .page-content .colors-list > li.blue { background: #319DB5; }
.main-content .page-content .colors-list > li.aero { background: #B9D5DB; }
.main-content .page-content .colors-list > li.gray { background: #82848A; }
.main-content .page-content .colors-list > li.gray-light { background: #F4F4F4; }
.main-content .page-content .colors-list > li.orange { background: #F2A057; }
.main-content .page-content .colors-list > li.yellow { background: #ffcc00; }
.main-content .page-content .colors-list > li.pink { background: #DC88E6; }
.main-content .page-content .colors-list > li.purple { background: #A58BD3; }
.main-content .page-content .colors-list.color-full > li { border: 1px solid #5A5A5A; }
.main-content .page-content .panel { background: #ffffff; border-radius: 0; border: 1px solid #E2E2E2; border: none; color: #5b5b5b; margin-bottom: 20px; min-height: 30px; position: relative; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
.main-content .page-content .panel:before { content: " "; display: table; }
.main-content .page-content .panel:after { content: " "; display: table; }
.main-content .page-content .panel .panel-content h1 { font-family: 'Lato'; font-weight: 100; font-size: 28px; margin-top: 0; }
.main-content .page-content .panel .panel-content ul { padding-left: 0; }
.main-content .page-content .panel .panel-content ol { padding-left: 0; }
.main-content .page-content .panel .panel-content i { padding-left: 0; padding-right: 6px; }
.main-content .page-content .panel .panel-content .btn i { padding-right: 0; }
.main-content .page-content .panel .panel-header[class*="bg-"] h2 { color: #ffffff; }
.main-content .page-content .panel .panel-header { display: block; height: auto; padding: 6px 15px 6px 18px; z-index: 2; }
.main-content .page-content .panel .panel-header h2 { color: #5b5b5b; display: block; font-family: 'Lato'; font-size: 24px; font-weight: 100; line-height: normal; margin-bottom: 5px; margin-top: 7px; text-transform: uppercase; }
.main-content .page-content .panel .panel-header h3 { display: block; font-family: 'Lato', 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; line-height: normal; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; }
.main-content .page-content .panel .panel-header:hover .control-btn > a { background: none !important; color: #909090 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-content .page-content .panel .panel-header .control-btn > a .icon-size-fullscreen:before { display: inline-block; width: 14px; }
.main-content .page-content .panel .panel-header .control-btn .btn-group > a { color: #cccccc !important; cursor: pointer; margin-left: 11px; margin-right: 0px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-content .page-content .panel .control-btn { display: inline-block !important; position: absolute; right: 13px; top: 14px; z-index: 2; }
.main-content .page-content .panel .control-btn .dropdown-menu { z-index: 2; }
.main-content .page-content .panel .left-toolbar { left: 13px; position: absolute; top: 10px; z-index: 2; }
.main-content .page-content .panel:hover .control-btn > a.hidden { display: inline-block !important; visibility: visible !important; }
.main-content .page-content .panel:hover .control-btn > a.hidden.nevershow { display: none !important; }
.main-content .page-content .panel .control-btn > a.nevershow { display: none !important; }
.main-content .page-content .panel table .btn-group { z-index: 1; }
.main-content .page-content .panel .panel-close { font-size: 15px; }
.main-content .page-content .panel .panel-close:hover { color: #EB5055 !important; }
.main-content .page-content .panel .control-btn > a { color: #cccccc !important; cursor: pointer; margin-left: 11px; margin-right: 0px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-content .page-content .panel .control-btn > a:hover { text-decoration: none; text-decoration: none !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-content .page-content .panel .control-btn > a:focus { text-decoration: none !important; }
.main-content .page-content .panel .panel-header.header-line:before { background: rgba(0, 0, 0, 0.1); bottom: 0; content: ""; height: 1px; left: 16px; position: absolute; right: 16px; }
.main-content .page-content .panel .panel-title { display: inline-block; font-family: 'Lato', 'Open Sans', Helvetica, sans-serif; font-size: 24px; font-weight: 100; margin: 5px; padding: 0; }
.main-content .page-content .panel .panel-footer.footer-line { background-color: #ffffff; }
.main-content .page-content .panel .panel-footer.footer-line:before { border-top: 1px solid rgba(0, 0, 0, 0.1); content: ""; height: 1px; left: 0; position: relative; right: 0; top: -10px; width: 100%; }
.main-content .page-content .panel .panel-footer { background-color: #F4F4F4; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; border-top: none; padding: 10px 15px; }
.main-content .page-content .panel .panel-footer .btn { margin-bottom: 0; }
.main-content .page-content .panel .stat-num { font-size: 36px; font-weight: bold; }
.main-content .page-content .panel.panel-transparent { -webkit-box-shadow: none; background: rgba(0, 0, 0, 0); border: none; box-shadow: none; }
.main-content .page-content .panel.panel-transparent .panel-content { padding: 0; }
.main-content .page-content .portlets.ui-sortable { z-index: 2; min-height: 40px; }
.main-content .page-content .portlets.ui-sortable .panel-header { cursor: move; }
.main-content .page-content .panel.bg-aero .panel-content { color: #5b5b5b !important; }
.main-content .page-content .panel[class*='bg-'].control-btn > a { color: #ffffff !important; opacity: 0.8; }
.main-content .page-content .panel[class*='bg-'].panel-header:hover .control-btn > a { opacity: 1; }
.main-content .page-content .panel-content { padding: 20px 20px 10px 20px; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.main-content .page-content .panel-content h3 { font-family: 'Open Sans', sans-serif; font-size: 15px; margin-bottom: 15px; margin-top: 25px; text-transform: uppercase; }
.main-content .page-content .panel-transparent .panel-header { border: none !important; }
.main-content .page-content .panel-transparent .panel-content { border: none !important; }
.main-content .page-content .panel-transparent .panel-footer { border: none !important; }
.main-content .page-content .panel-placeholder { background-color: #DFE1E4 !important; border: 1px dashed #b6bcbf; margin-bottom: 20px; visibility: visible !important; }
.main-content .page-content .panel.maximized { border-top: 1px solid #E8E8E8; left: 240px; margin: 0px; padding-top: 10px; bottom: 0px; left: 0; position: absolute; right: 0px; min-height: 300px; top: 50px; z-index: 11; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.main-content .page-content .panel-default > .panel-heading { border-bottom: none; }
.main-content .page-content .panel-default { border-color: #E8E8E8; }
.main-content .page-content .sortable .panel-header { cursor: move; }
.main-content .page-content .panel-header i { padding-right: 6px; }
.main-content .page-content .panel-stat { border: none; overflow: hidden; position: relative; }
.main-content .page-content .panel-stat h1 { color: #121212; }
.main-content .page-content .panel-stat .stat-title { color: #121212; opacity: 0.7; text-transform: uppercase; }
.main-content .page-content .panel-stat .icon { bottom: 45px; color: rgba(0, 0, 0, 0.1); font-size: 100px; line-height: 0; margin: 0; padding: 0; position: absolute; right: 5px; vertical-align: bottom; z-index: 1; }
.main-content .page-content .panel-stat .bg-dark .icon { color: rgba(255, 255, 255, 0.1); }
.main-content .page-content .panel-stat .big-icon i { display: inline-block; font-size: 53px; margin-top: 8px; opacity: 0.3; }
.main-content .page-content .panel-stat .col-xs-6:last-child { text-align: right; }
.main-content .page-content .panel-stat > [class*="bg-"]h1 { color: #ffffff; }
.main-content .page-content .panel-stat > [class*="bg-"]h3 { color: #ffffff; }
.main-content .page-content .panel-stat[class*="bg-"].stat-title { color: #ffffff; }
.main-content .page-content .panel-stat-chart { margin-bottom: -10px; margin-left: -5px; margin-right: -5px; margin-top: -20px; position: relative; }
.main-content .page-content #visitors-chart { bottom: 0; left: 0; position: absolute; }
.main-content .page-content.page-thin { padding: 25px 25px 0 25px; }
.main-content .page-content.page-thin .row { margin-left: -5px; margin-right: -5px; }
.main-content .page-content.page-thin .row > [class^="col-"] { padding-left: 5px; padding-right: 5px; }
.main-content .page-content.page-thin.page-builder { padding-left: 50px; padding-right: 50px; }
.main-content .page-content .breadcrumb-wrapper { position: absolute; right: 0; top: 23px; }
.main-content .page-content .breadcrumb-wrapper .label { color: #999999; display: inline-block; font-size: 11px; font-weight: 400; text-transform: uppercase; }
.main-content .page-content .breadcrumb { background: none; display: inline-block; padding: 0; }
.main-content .page-content .breadcrumb li { font-family: 'Lato', arial, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; }
.main-content .page-content .breadcrumb li a { color: #319DB5; }
.main-content .page-content .breadcrumb li.active { color: #333333; }
.main-content .page-content .breadcrumb > li + li:before { color: #cccccc; content: "\2022"; padding: 0 8px 0 5px; }
.main-content .page-content > .header, .main-content .page-content > div > .header { padding: 15px 0; position: relative; }
.main-content .page-content > .header h2, .main-content .page-content > div > .header h2 { color: #1D2939; font-family: 'Lato'; font-size: 28px; letter-spacing: -0.5px; margin: 0; padding-bottom: 7px; font-weight: 100; }
.main-content .page-content > .header h2 span, .main-content .page-content > div > .header h2 span { color: #999999; font-size: 13px; font-style: italic; letter-spacing: 0; text-transform: none; vertical-align: middle; }
.main-content .page-content > .header h2 span::before, .main-content .page-content > div > .header h2 span::before { color: #cccccc; content: '/'; margin: 0 10px 0 5px; }
.main-content .page-content > .header .glyphicon, .main-content .page-content > div > .header .glyphicon { font-size: 24px; margin-right: 5px; opacity: 0.5; padding: 6px 7px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.main-content .page-content > .header i, .main-content .page-content > div > .header i { font-size: 24px; margin-right: 5px; opacity: 0.5; padding: 6px 7px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.main-content .page-content > .header .icon-logout:before, .main-content .page-content > div > .header .icon-logout:before { bottom: -4px; display: inline-block; font-size: 28px; position: relative; }
.main-content .page-content > .footer, .main-content .page-content > div > .footer { bottom: 0; margin-left: 0; margin-right: 0; margin-top: 20px; padding-bottom: 15px; }
.main-content .page-content > .footer .copyright, .main-content .page-content > div > .footer .copyright { border-top: 1px solid rgba(12, 12, 12, 0.07); padding: 20px 0; z-index: 15; }
.main-content .page-content > .footer .copyright p, .main-content .page-content > div > .footer .copyright p { margin-bottom: 10px; }
.main-content .page-content > .footer .copyright a, .main-content .page-content > div > .footer .copyright a { color: #2C8CA0; }
.main-content .page-content > .footer .copyright span, .main-content .page-content > div > .footer .copyright span { font-size: 88%; opacity: 0.8; }
.main-content .page-content > .footer .copyright span.copyright, .main-content .page-content > div > .footer .copyright span.copyright { font-family: 'Open Sans'; }
.main-content .page-content > .footer.footer-absolute, .main-content .page-content > div > .footer.footer-absolute { left: 50px; margin-left: 0; margin-right: 0; position: absolute; right: 50px; }
.main-content .page-content[class*='bg-'].panel-header .control-btn .btn-group > a { color: #ffffff !important; opacity: 0.8; }
.main-content .page-content[class*='bg-'].panel .panel-header:hover .control-btn > a { opacity: 1; }
.main-content .footer { margin-left: 50px; margin-right: 50px; }
.main-content .footer .copyright { border-top: 1px solid rgba(12, 12, 12, 0.07); padding: 20px 0; z-index: 15; }
.main-content .footer .copyright p { margin-bottom: 10px; }
.main-content .footer .copyright a { color: #2C8CA0; }
.main-content .footer .copyright span { font-size: 88%; opacity: 0.8; }
.main-content .footer .copyright span.copyright { font-family: 'Open Sans'; }
.main-content .page-content[class^='bg-'].panel h1, .main-content .page-content[class*=' bg-'].panel h1, .main-content .page-content[class^='bg-'].panel h2, .main-content .page-content[class*=' bg-'].panel h2, .main-content .page-content[class^='bg-'].panel h3, .main-content .page-content[class*=' bg-'].panel h3, .main-content .page-content .panel[class^='bg-']h2, .main-content .page-content .panel[class*=' bg-']h2, .main-content .page-content .panel[class^='bg-']h3, .main-content .page-content .panel[class*=' bg-']h3 { color: #ffffff !important; }
.main-content .page-content .panel.bg-aero h1, .main-content .page-content .panel.bg-aero h2, .main-content .page-content .panel.bg-aero h3, .main-content .page-content .panel .bg-aero h2, .main-content .page-content .panel .bg-aero h3, .main-content .page-content .panel .bg-gray-light h2, .main-content .page-content .panel .bg-gray-light h3, .main-content .page-content .panel .bg-blue-light h2, .main-content .page-content .panel .bg-blue-light h3 { color: #5b5b5b !important; }
.panel:hover .control-btn > a.nevershow { display: none !important; }
.panel .panel-toggle { font-size: 15px; }
.main-content .page-content .panel-header h3, .main-content .page-content .panel-footer h2, .main-content .page-content .panel-footer h3 { margin: 0; }
.panel-stat h3 { color: #121212; }
.sidebar-top .main-content .page-content .panel.maximized { left: 0; right: 0; top: 115px; }
.sidebar-collapsed .main-content .page-content .panel.maximized { left: 0; }
body:not(.fixed-topbar) .main-content .page-content { margin-top: 0; width: 100%; }
.sidebar-top .main-content .page-content { top: 0; }
.sidebar-top.fixed-topbar .main-content .page-content { top: 66px; }
.maximized-panel .page-content { height: 100%; margin-top: 0; padding: 0 15px 0 15px; }
.maximized-panel .page-content .panel:not(.maximized) { display: none; }
.maximized-panel .page-content .header { display: none; }
.maximized-panel .page-content .footer { display: none; }
@media screen and (max-width: 991px) { .main-content .page-content { background: #F1F2F3; overflow: hidden; padding: 20px; }
.main-content .page-content > .header h2, .main-content .page-content > div > .header h2 { font-size: 20px; }
.main-content .page-content > .header h2 span, .main-content .page-content > div > .header h2 span { display: none; }
.main-content .page-content > .header .breadcrumb-wrapper, .main-content .page-content > div > .header .breadcrumb-wrapper { display: none; }}
@media (max-width: 500px) { .main-content .page-content .panel .control-btn { display: none !important; }}
@media (min-width: 768px) and (max-width: 1200px) { .main-content .page-content .panel-stat h1 { font-size: 24px; }
.main-content .page-content .panel-stat h3 { font-size: 18px; }}
.widget { margin-bottom: 20px; padding: 0 10px 10px; }

/*------------------------------------------------------------------------------------*/
/*------------------------------------- PAGES ----------------------------------------*/
/**** Page Animations *****/
#animationSandbox { display: block; overflow: hidden; }
#animationSandbox h1 { font-size: 46px; text-align: center; }
.font-animation { padding: 10px 0; }
.font-animation a { color: #121212; font-size: 16px; }
.font-animation a i { color: #319DB5; }
.font-animation a:hover { text-decoration: none; }
.animation_title { font-family: 'Open Sans', verdana, arial; font-size: 6rem; }
#content-404 { display: none; }
#content-500 { display: none; }
@media (max-width: 1505px) { .btn.btn-home { display: none; }}
@media (max-width: 450px) { .btn.btn-message { display: none; }}
/****  Login Page, Sign Up Page, Password Recover Page, Lockscreen Page  ****/
.account-body { margin: 0; padding: 0; }
.account-form { background: #ffffff; padding: 30px; max-width: 400px;  padding-bottom: 20px; overflow: hidden; margin: 0 auto; margin-top: 10%; }
.account-form input { margin: 10px 0 10px 0; }
.account-form a { color: #A7A7A7; }
.account-form a:hover { color: #838383; }
.account-form .forgot-password { padding-top: 4px; }
.account-form i { margin-top: 10px; }
.account-copyright { bottom: 10px; color: #BDBDBD; font-family: 'Open Sans'; left: 0; position: absolute; right: 0; text-align: center; }
.account-bg {  background-color: #202226;  }

/**** Page Layout ****/
.layouts .toggle-layout:hover, .layouts .toggle-layout, .layouts .toggle-layout:hover, .layouts .toggle-layout:focus { text-decoration: none !important; }
.layouts .toggle-layout > div { color: #4A4A4A; font-family: 'Open Sans'; font-size: 14px; margin-top: 5px; text-decoration: none !important; }
.layouts .toggle-layout > div strong { font-family: 'Open Sans'; font-weight: 600; }
.layout-options a { display: block; position: relative; }
.layout-options img { -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; border: 2px solid #ffffff; float: left; text-align: left; transition: all 200ms ease-in-out; }
.layout-options img:hover { border: 2px dashed #BBCACE; }
.layout-txt { bottom: 10px; font-size: 20px; left: 10px; margin: auto; position: absolute; width: 100%; }
body:not(.rtl) .layout-options .img-sidebar-left { display: block; }
body:not(.rtl) .layout-options .img-sidebar-right { display: none; }

/**** Page Icons ****/
.page-icons [class*="fa-"], .page-icons [class*="icons-"], .page-icons [class*="glyphicon-"], .page-icons [class*="wi-"] { font-size: 20px; }
.page-icons .col-xs-2 { height: 30px; }
.page-icons .col-xs-2 span { display: none; }
.page-icons #finder { margin-bottom: 60px; }
.page-icons #results .col-sm-4 { min-height: 40px; }
.page-icons #results .col-sm-4 i { padding-right: 10px; }
.page-icons .slick-slide i { color: #C0C0C0; font-size: 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.page-icons .slick-slide.slick-center i { color: #383838; font-size: 40px; }
.page-icons [class*="icon-rounded-"] { font-size: 30px; }
/**** Page Helper Classes ****/
.page-helper table thead th { font-size: 12px; text-align: left; }
.page-helper table tbody > tr > td > div { border: 1px solid #ededed; height: 80px; line-height: 80px; position: relative; text-align: center; width: 80px; }
.page-helper table tbody > tr > td > div > div:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; width: 1px; }
.page-helper table.helper-margin tbody > tr > td > div > div { background-color: #ffffff; bottom: 0; left: 0; line-height: normal; position: absolute; right: 0; text-align: center; top: 0; vertical-align: middle; }
.page-helper table.helper-margin tbody > tr > td > div { background-color: #319DB5; }
.page-helper table.helper-padding tbody > tr > td > div > div { background-color: #ffffff; height: 100%; line-height: normal; position: relative; text-align: center; vertical-align: middle; width: 100%; }
.page-helper table.helper-padding tbody > tr > td > div { background-color: #B066FF; }
.page-helper table.helper-borders tbody > tr > td > div { background-color: #EFEFEF; border-color: #444444 !important; border: none; }
.page-helper table.helper-text .preview { max-width: 300px; }
.page-helper table.helper-text tbody > tr > td { max-width: 300px; }
.page-helper table.helper-text tbody > tr > td > div { background-color: #F2F2F2; border: 1px solid #ededed; height: auto; line-height: normal; max-width: 300px; min-height: 40px; padding: 10px; width: auto; }
.page-helper table.helper-text tbody > tr > td > div p { margin-bottom: 0; text-align: center; }
.page-helper table.helper-text-color tbody > tr > td > div { background-color: #ffffff; border: 1px solid #ededed; height: auto; line-height: normal; max-width: 300px; min-height: 40px; padding: 10px; width: auto; }
.page-helper table.helper-text-color tbody > tr > td > div p { margin-bottom: 0; text-align: center; }
.page-helper table.helper-background tbody > tr > td > div { border: 1px solid #ededed; }
.page-helper table.helper-border-radius tbody > tr > td > div { border: 1px solid #ededed; }
/**** Page Editors ****/
.main-content .page-content.page-editors > .header h2 span { color: #1D2939; font-size: 28px; font-style: normal; letter-spacing: -0.5px; padding-bottom: 7px; }
.main-content .page-content.page-editors > .header h2 span::before { content: none; }
.main-content .page-content.page-editors > .header p { font-size: 16px; height: 20px; }
.main-content .page-content.page-editors #cke-inline p { font-size: 17px; line-height: 30px; }





.placeholder-container:hover { opacity: 1; }
.select-image { font-size: 16px; text-align: center; }
.select-image i { color: #ffffff; display: block; font-size: 30px; margin-bottom: 8px; }
.arrow_box { background: #2A2A2A; max-width: 240px !important; padding: 10px 20px; position: relative; text-align: center; -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.arrow_box p { color: #ffffff; font-size: 18px; text-align: center; }
.arrow_box:before { border-top-color: #2A2A2A; border-width: 10px; border: solid transparent; content: " "; height: 0; left: 50%; margin-left: -10px; position: absolute; top: 100%; width: 0; }
.builder-placeholder { background-color: rgba(0, 0, 0, 0.1) !important; visibility: visible !important; }
.placeholder-content form { padding: 20px; }
.placeholder-content form h2 { margin-top: 5px; }
.placeholder-content form h3 { margin-top: 5px; }
.drop-hover .placeholder-content-area { background: #ffffff !important; border: 2px dashed #CBD3DA; }
.layout.ui-sortable-placeholder { background: rgba(0, 0, 0, 0) !important; border: 2px dashed #CBD3DA !important; margin-bottom: 10px; margin-top: 10px; }
.target:after { background: #f0f0f0; border: 1px dashed #cccccc; content: " "; float: left; height: 77px; margin-top: 3px; width: 100%; }
.page-builder #target, .page-builder #input, .page-builder #radioscheckboxes, .page-builder #select, .page-builder #buttons { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
@media screen and (max-width: 1024px) { #page-builder { display: none; left: 0; }
.builder-wrapper { display: none; }
.footer { display: none; }
#hidden-small-screen-message { display: block; margin-top: 5%; }
#hidden-small-screen-message h2 { display: block; font-family: 'Lato', 'Open Sans', arial; font-weight: 100; margin-bottom: 30px; margin: auto; text-align: center; }
#hidden-small-screen-message img { display: block; margin-bottom: 30px; margin: auto; max-width: 300px; text-align: center; }
#hidden-small-screen-message p { display: block; font-size: 16px; margin: auto; text-align: center; }}
.bg-color { cursor: pointer; display: inline-block; height: 22px; margin-right: 3px; position: relative; width: 22px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.colors span { display: inline-block; padding-top: 4px; }
.color-blue:not(body) { background-color: #0A8CC3; }
.color-red:not(body) { background-color: #C75757; }
.color-green:not(body) { background-color: #1DA079; }
.color-orange:not(body) { background-color: #D28857; }
.color-purple:not(body) { background-color: #B179D7; }
.color-pink:not(body) { background-color: #C47786; }
.color-blue-light:not(body) { background-color: #619AA7; }
#tab-themes .c-light { margin-bottom: 0; margin-top: 10px; }
.export-page { bottom: 15px; left: 50%; margin-left: -95px; position: fixed; }
.user-profile-img { -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; border: 2px solid #E6E6E6; cursor: pointer; opacity: 0.8; transition: all 250ms ease-in-out; }
.user-profile-img:hover { border: 2px solid #C4C4C4; opacity: 1; }
.user-profile-img.active { border: 2px solid #319db5; opacity: 1; }
.form-sortable-btn { -webkit-font-smoothing: antialiased; color: #D6D6D6; content: "\e023"; font-family: 'Simple-Line-Icons' !important; font-size: 20px; position: absolute; right: 0; }
.form-sortable-btn:hover { -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; color: #3B3B3B; cursor: pointer; transition: all 250ms ease-in-out; }
body.builder-page { background: #ffffff !important; }
.page-content.page-calendar {min-width: 600px;}
.main-content .page-content.page-thin .panel {margin-bottom: 10px;}
.topbar .header-left .topnav > ul > li > a {display: inline-block;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(255,255,255,.3);filter: "alpha(opacity=30)";-ms-filter: "alpha(opacity=30)";}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color: rgba(255,255,255,.5);filter: "alpha(opacity=50)";-ms-filter: "alpha(opacity=50)";}
.mCSB_inside>.mCSB_container {margin-right: 0;}
.nav>li {position: relative;display: block;}



textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, select:hover, select:focus, .btn:active, .btn.active
{ outline:0px !important; -webkit-appearance:none; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: none;}
.dt-buttons {float: right;}
.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.mCSB_scrollTools {width: 5px;}
.sidebar-widgets .progress {margin-top: 10px; }




/****  404 and 500 Error Page  ****/
.error-page {
    background: -moz-radial-gradient(center, ellipse cover, #dfe5e9 2%, #dfe5e9 2%, #b2c0ca 100%);
    background: -ms-radial-gradient(center, ellipse cover, #dfe5e9 2%, #dfe5e9 2%, #b2c0ca 100%);
    background: -o-radial-gradient(center, ellipse cover, #dfe5e9 2%, #dfe5e9 2%, #b2c0ca 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(2%, #dfe5e9), color-stop(2%, #dfe5e9), color-stop(100%, #b2c0ca));
    background: -webkit-radial-gradient(center, ellipse cover, #dfe5e9 2%, #dfe5e9 2%, #b2c0ca 100%);
    background: radial-gradient(ellipse at center, #dfe5e9 2%, #dfe5e9 2%, #b2c0ca 100%);
    background: #dfe5e9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe5e9', endColorstr='#b2c0ca', GradientType=1);
    overflow: hidden;
    padding: 0;
}
.error-page h1 {
    font-family: 'Open Sans';
    font-size: 120px;
    font-weight: 600;
    height: 132px;
    min-width: 30px;
    text-align: center;
}
.error-page a {
    color: #2B2E33;
}
.error-page a:hover {
    color: #616873;
    text-decoration: none;
}
.error-page .footer {
    bottom: 30px;
    position: absolute;
    width: 100%;
}
.error-page .copyright {
    font-size: 12px;
    text-align: center;
}
.error-page .btn {
    padding: 8px 50px;
}
.error-page .col-md-12 {
    text-align: center !important;
}
.error-page .col-md-6 {
    text-align: center !important;
}
.error-page p {
    text-align: center !important;
}
.error-page .btn-group .btn {
    padding: 8px 10px;
}
.error-main {
    color: #2B2E33;
    margin-top: 20%;
    text-align: center;
}
.404-txt {
        height: 20px;
    }
.500-txt {
        height: 20px;
    }
#content-404 {
    display: none;
}
#content-500 {
    display: none; }

.widget-infobox { float:left; margin-top:-8px; }
.widget-infobox .infobox { background:#ffffff; float:left; margin-right:10px; min-width:165px; padding:8px; text-align:center; margin-bottom:10px; }
.widget-infobox .left { float:left; padding-left:0; padding-right:10px; }
.widget-infobox .left i { color:#ffffff; font-size:23px; text-align:center; }
.widget-infobox .left i::before { display:inline-block; height:48px; margin-top:0; padding:13px; width:48px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.widget-infobox .right { float:left; padding-left:0; padding-right:10px; }
.widget-infobox .right .pull-left { font-family:'Lato', 'Open Sans', Arial; font-weight:900; font-size:22px; }
.widget-infobox .right .pull-right { font-family:'Lato', 'Open Sans', Arial; font-weight:100; font-size:14px; margin-top:7px; }
.widget-infobox .left[class*="icon-"] { font-size:21px; }
.widget-infobox .txt { float:left; min-width:80px; }
.widget-info { padding-top:20px; }
.widget-info .left { float:left; padding-left:10px; width:60px; }
.widget-info .left i { color:#ffffff; font-size:23px; text-align:center; }
.widget-info .left i::before { display:inline-block; height:48px; margin-top:0; padding:13px; width:48px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.widget-info .left i[class*="icon-"] { font-size:22px; }
.widget-info .right { float:left; padding-left:10px; }
.widget-info .right .number { font-family:'Lato', 'Open Sans', Arial; font-weight:700; font-size:20px; margin-bottom:2px; }
.widget-info .right .text { color:#A3A3A3; font-size:12px; text-align:left; text-transform:uppercase; }
.quick-link { float:left; padding:5px 15px; width:80px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.quick-link:hover { background:#F7F7F7; cursor:pointer; }
.quick-link:hover .text { color:#646464; }
.quick-link .icon { margin:auto; text-align:center; width:60px; }
.quick-link .icon i { color:#ffffff; font-size:27px; padding-right:0 !important; text-align:center; float:none !important; }
.quick-link .icon i::before { display:inline-block; height:55px; margin-top:0; padding:13px; width:55px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.quick-link .text { color:#A3A3A3; font-size:14px; margin-top:5px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.widget-member { border:1px solid #EBEBEB; margin-bottom:10px; margin-top:15px; padding:15px 15px 5px 15px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
.widget-member img { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.widget-member .member-name { margin-bottom:5px !important; }
.widget-member .member-job { color:#ADADAD; margin-bottom:6px; margin-top:0; }
.widget-member .col-xlg-6 { font-size:12px; }
.widget-member .col-xlg-6 p { margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.widget-member2 { border:1px solid #EBEBEB; margin-bottom:10px; margin-top:15px; padding:15px 15px 5px 15px; padding:15px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
.widget-member2 img { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.widget-member2 .member-name { margin-bottom:15px !important; margin-bottom:5px !important; }
.widget-member2 .member-name span { padding-left:8px; text-transform:none; }
.widget-member2 .member-job { color:#ADADAD; margin-bottom:6px; margin-top:0; }
.widget-member2 .col-xlg-6 p { margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.widget-member2 .col-lg-3 { padding-right:0; }
.widget-member2 .col-xlg-4 p { font-size:12px; }
.widget-member3 { border:1px solid #EBEBEB; margin-bottom:10px; margin-top:15px; padding:15px 15px 5px 15px; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
.widget-member3 img { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.widget-member3 .member-name { margin-bottom:5px !important; }
.widget-member3 .member-job { color:#ADADAD; margin-bottom:6px; margin-top:0; }
.widget-member3 .col-xlg-12 { font-size:12px; }
.widget-member3 .col-xlg-12 p { margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profil-name-heading { color:#ffffff; position:absolute; top:40px; width:100%; }
.profil-name-heading div { text-align:center; float:none; }
#modal-icons i { cursor:pointer !important; }
.widget-profil-img-center { border:10px solid #ffffff; box-shadow:2px 4px 6px 0 rgba(0, 0, 0, 0.3); margin-top:-40px; }
.hover-effect { overflow:hidden; }
.hover-effect .hover-img { -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.hover-effect:hover .hover-img { -webkit-filter:contrast(120%); filter:contrast(120%); }


/* Custom style */

.backToLogin { width: 100%; text-align: center; margin-top: 30px; }
.backToLogin a:active, .backToLogin a:visited, .backToLogin a:link { font-size: 16px; color: #fff; text-decoration: none; }
.backToLogin a:hover { color: #eee }
.buttonCentered { width: 100%; text-align: center; margin-top: 30px; }
.buttonCenteredSingle { text-align: center; margin-top: 10px; }

.member-image { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.member-image:hover { zoom: 1; filter: alpha(opacity=70); opacity: 0.7; }
.avatar_form_container .choosefile { max-width: 500px; margin: 0 auto; }
.table-list { }
.table-list img { max-height: 80px; }
.table-list > tbody > tr > td { vertical-align: middle; cursor: pointer; }
.pagination { margin: 15px 0 0 0; }
.pagination > li > a, .pagination > li > span { width: 40px; height: 40px; text-align: center; padding-top: 10px; font-size: 13px; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #319db5; border: none; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; }
.filters .filter-button { padding: 0 15px; }
.filters .filter-datepicker { padding: 0 10px; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
.nav-sidebar i { width: 20px; text-align: center; margin-top: -1px; }
.sidebar .sidebar-inner .nav-sidebar .children li .fa { width: 16px; }
.sidebar .sidebar-inner .nav-sidebar .children hr { width: 212px; margin: 0; float: right; border-color: #2d2e32; }


/* Select2 v4 override */
.select2-container { outline:none !important; z-index: 10; }
.select2-dropdown { padding: 9px 12px; border: 2px solid #319db5; border-radius: 2px; }
.select2-search--dropdown { padding: 0 0 8px 0; }
.select2-container--default .select2-selection--single { background: #ecedee none repeat scroll 0 0; outline: none !important; border: 2px solid #EDEDED; border-radius: 2px; height: 30px; padding: 0 3px 2px 3px; font-size: 13px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px; top: 0; right:3px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-right: 23px; }
.select2-container--open .select2-selection--single { border: 2px solid #319db5; }

.select2-container--default .select2-selection--multiple { background: #fff; border: 1px solid #ccc; border-radius: 0; -webkit-border-radius: 0; cursor: text; height: 30px !important; min-height: 30px !important; }

.select2-container--default .select2-selection--multiple { border:2px solid #EDEDED; line-height: 10px; background: #ecedee; border-radius: 2px;  }
.select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius: 4px; background: #319db5;border: none; color: #fff;font-size: 85%; margin-right: 5px; margin-top: 3px !important; padding: 0 5px;  height: 22px !important; line-height: 22px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; margin-left: 3px; margin-right: 4px; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field { border:2px solid #EDEDED; background: #fff;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgba(0,0,0,0.08); color: #121212; }
.select2-container--open .select2-dropdown--below { margin-top: 20px;border-top: none !important; }
.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple  { border: 2px solid #319db5;}

/* Styles of dropdown action menu inside table */
.tabledropdown i    { width: 30px;  text-align: center; margin: 0; padding: 0;  }
.tabledropdown li a { width: 100%; font-size: 12px; padding: 3px 2px; }

/* Sweet alert override */
.sa-button-container { text-align: center; }
.sa-button-container button { line-height: 10px; margin: 5px; border-radius: 4px; width: 140px; height: 35px; font-size: 14px; }
.sa-confirm-button-container button { }


/* Select2 dynamic dropdown */
.select2-result { padding-top: 4px; padding-bottom: 3px; }
.select2-result__title { color: black; font-weight: bold; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px; }
.select2-result__description { font-size: 12px; color: #777; margin-top: 4px; }
.select2-results__option--highlighted .select2-result__title { color: #000; }
.select2-results__option--highlighted .select2-results__option--highlighted .select2-result__stargazers, .select2-results__option--highlighted .select2-result__description, .select2-results__option--highlighted { color: #319db5; }


/* HTML5 Form validation styles */
.form-group input, .form-group textarea { border-left: 0; }
.form-group input:required:invalid, .form-group textarea:required:invalid { border-left: 4px solid; border-left-color: red; }

h3 { margin-top: 0 !important; }

.table-link a:link, .table-link a:hover, .table-link a:visited, .table-link a:active { color: #5B5B5B; text-decoration: none; }
.table-link a:hover { text-decoration: underline; }