html, body { background: #ecedf0; width: 100%; } html { font-size: 10px; overflow-x: hidden !important; overflow-y: scroll !important; } body { color: #777; font-family: "Open Sans", Arial, sans-serif; line-height: 22px; margin: 0; font-size: 13px; } a { color: #CCC; } a:hover, a:focus { color: #d9d9d9; } a:active { color: #bfbfbf; } /* Layout Base - Main Wrapper */ .body { min-height: 100vh; width: 100%; } /* Layout Base - Header */ .header { height: 60px; left: 0; position: absolute; right: 0; top: 0; } /* Layout Base - Inner Wrapper */ .inner-wrapper { display: table; min-height: 100vh; padding-top: 60px; table-layout: fixed; overflow: hidden; width: 100%; } /* Layout Base - Content Body */ .content-body { display: table-cell; padding: 40px; position: relative; vertical-align: top; } .content-body > .row + .row { padding-top: 10px; } /* Layout Base - Page Header */ .page-header { /*background: #171717;*/ background: #eb1c24; border-bottom: none; border-left: 1px solid #3A3A3A; box-shadow: 1px 3px 0 1px #CCCCCC; height: 50px; margin: -40px -40px 40px -40px; padding: 0; } /* Layout Base - Sidebar Left */ .sidebar-left { color: #777; display: table-cell; position: relative; vertical-align: top; width: 300px; z-index: 1010; } /* Layout Base - Sidebar Left Opened ( Larger than mobile ) */ @media only screen and (min-width: 768px) { html.sidebar-left-collapsed .sidebar-left { width: 73px; } } /* Layout Base - Sidebar Right */ .sidebar-right { background: #171717; bottom: 0; margin-right: -300px; min-height: 100vh; position: fixed; right: 0; top: 0; width: 300px; } /* Layout Base - Sidebar Right Opened ( Larger than mobile ) */ @media only screen and (min-width: 768px) { html.sidebar-right-opened .header { margin-left: -300px; margin-right: 300px; } html.sidebar-right-opened .inner-wrapper { margin-left: -300px; } html.sidebar-right-opened .sidebar-right { margin-right: 0; } html.sidebar-right-opened.has-top-menu:not(.has-left-sidebar-half) .inner-wrapper { margin-left: 0; padding-right: 300px; } } /* Layout Base - Sidebar Right Opened - Has Top Horizontal Menu ( Ipad ) */ @media only screen and (min-width: 768px) and (max-width: 991px) { html.sidebar-right-opened.has-top-menu:not(.has-left-sidebar-half) .content-body { right: 300px; } } /* Layout Base - Flexbox supported */ @media only screen and (min-width: 768px) { html.flexbox, html.flexboxlegacy { /* Tab Navigation */; } html.flexbox .inner-wrapper, html.flexboxlegacy .inner-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } html.flexbox .sidebar-left, html.flexbox .content-body, html.flexboxlegacy .sidebar-left, html.flexboxlegacy .content-body { display: block; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -ms-flex-negative: 0; } html.flexbox .content-body, html.flexboxlegacy .content-body { -webkit-box-flex: 2; -moz-box-flex: 2; box-flex: 2; -webkit-flex: 2; -moz-flex: 2; -ms-flex: 2; flex: 2; min-width: 1px; } html.flexbox.has-tab-navigation .inner-wrapper, html.flexboxlegacy.has-tab-navigation .inner-wrapper { flex-direction: column; } } /* Layout Fixed */ @media only screen and (min-width: 768px) { /* Layout Fixed - Reseting Styles */ html.fixed .inner-wrapper, html.fixed .sidebar-left, html.fixed .content-body { display: block; } /* Layout Fixed - Header */ html.fixed .header { position: fixed; z-index: 1020; } /* Layout Fixed - Inner Wrapper */ html.fixed .inner-wrapper { padding-top: 110px; } /* Layout Fixed - Content Body */ html.fixed .content-body { margin-left: 300px; } html.fixed .content-body.has-toolbar { padding-top: 92px; } html.fixed.has-top-menu:not(.has-left-sidebar-half) .content-body { margin-left: 0; } /* Layout Fixed - Page header */ html.fixed .page-header { left: 300px; margin: 0; position: fixed; right: 0; top: 60px; } html.fixed.has-top-menu:not(.has-left-sidebar-half) .page-header { left: 0; } /* Layout Fixed - Sidebar Left */ html.fixed .sidebar-left { bottom: 0; left: 0; padding-bottom: 50px; position: fixed; top: 60px; } html.fixed .sidebar-left .nano-content { padding-bottom: 50px; } /* Layout Fixed - Sidebar Left Collapsed */ html.fixed.sidebar-left-collapsed .page-header { left: 73px; } html.fixed.sidebar-left-collapsed .content-body { margin-left: 73px; } /* Layout Fixed - Sidebar Right Opened */ html.fixed.sidebar-right-opened .page-header { left: 0; margin-right: 300px; } html.fixed.sidebar-right-opened .sidebar-left { left: -300px; } /* Layout Fixed - Sidebar Left Collapsed & Sidebar Right Opened */ html.fixed.sidebar-left-collapsed.sidebar-right-opened .page-header { left: -300px; } } /* Layout Boxed - small than min-width */ @media only screen and (max-width: 1199px) { html.boxed .header { border-color: #CCC; } } /* Layout Boxed - larger or equal min width */ @media only screen and (min-width: 1200px) { /* Layout Boxed - Body Tag */ html.boxed body { background: url(../images/patterns/gray_jean.png) repeat; padding-bottom: 5px; } /* Layout Boxed - Main Wrapper */ html.boxed .body { position: relative; max-width: 1200px; margin: 0 auto; padding-top: 25px; background-color: transparent; } /* Layout Boxed - Header */ html.boxed .header { border-top: 3px solid #CCC; height: 60px; position: absolute; top: 25px; } /* Layout Boxed - Inner Wrapper */ html.boxed .inner-wrapper { padding-top: 60px; margin-bottom: 20px; border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } /* Layout Boxed - Content Body */ html.boxed .content-body { background-color: #ecedf0; } /* Layout Boxed - Base */ html.boxed .header { border-radius: 5px 5px 0 0; } html.boxed .sidebar-left { border-radius: 0 0 0 5px; position: relative; margin-bottom: 0; } html.boxed .content-body { border-radius: 0 0 5px 0; } html.boxed .sidebar-right { border-radius: 0 5px 5px 0; } /* Layout Boxed - Sidebar Right */ html.boxed .sidebar-right { border-top: 3px solid #CCC; min-height: 0; } /* Layout Boxed - Sidebar Right Opened */ html.boxed.sidebar-right-opened .body { overflow: hidden; } html.boxed.sidebar-right-opened .header { border-radius: 5px 0 0 0; } html.boxed.sidebar-right-opened .content-body { border-radius: 0 0 0 5px; } html.boxed.sidebar-right-opened .sidebar-right { bottom: 20px; position: absolute; top: 25px; border-radius: 0 5px 5px 5px; } } /* Layout Boxed - larger or equal min width */ @media only screen and (min-width: 768px) { /* Layout Boxed - Content Body */ html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).sidebar-left-collapsed .content-body { width: calc(100% - 73px); } html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).left-sidebar-panel .content-body { width: calc(100% - 375px); } html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).left-sidebar-panel.sidebar-right-opened .content-body { width: calc(100% - 350px); } html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel) .content-body { width: calc(100% - 300px); flex: none; } } @media only screen and (max-width: 767px) { html, body { background: #ecedf0; } html.mobile-device .sidebar-left, html.mobile-device .sidebar-right { overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } body { min-height: 100vh; } .inner-wrapper, .sidebar-left, .content-body { display: block; } .body { min-height: 0; overflow: visible; } .header { background: none; border: none; height: auto; position: static; } .header .logo-container { height: 60px; left: 0; position: fixed; right: 0; top: 0; z-index: 99; } .header .header-right { background: #FFF; float: none !important; height: 60px; margin-top: 60px; width: 100%; } .inner-wrapper { min-height: 0; padding-top: 0; } .content-body { padding: 0 15px 15px; } .page-header { margin: 0 -15px 20px; } .sidebar-left { bottom: 0; left: -100%; min-height: 0; min-width: 100%; min-width: 100vw; padding-top: 60px; padding-bottom: 50px; position: fixed; overflow: hidden; top: 0; z-index: 98 !important; } .sidebar-right { bottom: 0; left: auto; right: -100%; min-height: 0; margin-right: 0; min-width: 100%; min-width: 100vw; top: 0; z-index: 100; } html.csstransforms .sidebar-left, html.csstransforms .sidebar-right { /* performs better but native android browser has problems with translate and percentage @include transition-property(transform); */ -webkit-transition-property: margin; -moz-transition-property: margin; transition-property: margin; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } html.csstransforms .sidebar-left { /* performs better but native android browser has problems with translate and percentage @include transform( translateX(0) ); */ margin-left: -25px; } html.csstransforms .sidebar-right { /* performs better but native android browser has problems with translate and percentage @include transform( translateX(0) ); */ margin-right: -25px; } /* If desktop is seeing mobile res, fix scrollbars */ html.no-mobile-device body { min-height: 0; } html.no-mobile-device .body { min-height: 100vh; overflow: hidden; } html.no-mobile-device .inner-wrapper { overflow-y: auto; } html.no-mobile-device.sidebar-left-opened, html.no-mobile-device.sidebar-left-opened body, html.no-mobile-device.sidebar-right-opened, html.no-mobile-device.sidebar-right-opened body { overflow: hidden; } /* Layout Mobile - Sidebar Left Opened */ html.sidebar-left-opened.no-csstransforms .sidebar-left { left: 0; } html.sidebar-left-opened.csstransforms .sidebar-left { /* performs better but native android browser has problems with translate and percentage @include transform( translateX(100%) ); */ margin-left: 100%; } /* Layout Mobile - Sidebar Right Opened */ html.sidebar-right-opened.no-csstransforms .sidebar-right { right: 0; } html.sidebar-right-opened.csstransforms .sidebar-right { /* performs better but native android browser has problems with translate and percentage @include transform( translateX(-100%) ); */ margin-right: 100%; } /* Layout Mobile - Sidebar Left Collapsed & Sidebar Right Opened */ html.sidebar-left-collapsed.sidebar-right-opened .sidebar-left { margin-left: -300px; } } /* iOS10 Content Width Fix */ @media (min-width: 768px) { html.mobile-device.flexbox:not(.has-tab-navigation) .content-body { width: calc(100vw - 300px) !important; } } /* Content With Menu - Boxed Layout Fixing Spacement on Bottom */ @media only screen and (min-width: 1200px) { html.boxed .content-with-menu { margin-bottom: -40px; } } /* Content With Menu - Container */ @media only screen and (min-width: 768px) { .content-with-menu-container { display: table; table-layout: fixed; width: 100%; } } /* Content With Menu - Menu Faux Column for Scroll and Boxed Layouts */ @media only screen and (min-width: 768px) { html.scroll .content-with-menu:before, html.boxed .content-with-menu:before { bottom: -47px; content: ''; display: block; left: 0; position: absolute; top: 54px; width: 300px; } html.scroll .content-with-menu:after, html.boxed .content-with-menu:after { bottom: -46px; content: ''; display: block; left: -1px; position: absolute; top: 54px; width: 1px; z-index: 3; } html.boxed .content-with-menu:before { bottom: 0; } html.boxed .content-with-menu:after { bottom: 2px; } } .content-with-menu { margin: -20px -15px 0; } /* Content With Menu - Responsive */ @media only screen and (max-width: 767px) { .content-with-menu { clear: both; } .inner-body { padding: 40px 15px 0; } } /* Content With Menu - Menu and Body */ @media only screen and (min-width: 768px) { .content-with-menu { border-top: 110px solid transparent; margin: -150px -40px -53px -40px; min-height: 100vh; } .inner-menu { display: table-cell; vertical-align: top; } .inner-body { display: table-cell; vertical-align: top; padding: 40px; } .inner-toolbar { height: 52px; overflow: hidden; } .content-with-menu-has-toolbar .inner-menu-toggle { border-radius: 0; } .content-with-menu-has-toolbar .inner-toolbar { padding-left: 140px; } } /* Content With Menu - Flexbox supported */ @media only screen and (min-width: 768px) { html.flexbox .content-with-menu-container, html.flexboxlegacy .content-with-menu-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } html.flexbox .inner-menu, html.flexbox .inner-body, html.flexboxlegacy .inner-menu, html.flexboxlegacy .inner-body { display: block; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; -ms-flex-negative: 0; } html.flexbox .inner-body, html.flexboxlegacy .inner-body { -webkit-box-flex: 2; -moz-box-flex: 2; box-flex: 2; -webkit-flex: 2; -moz-flex: 2; -ms-flex: 2; flex: 2; } } /* Content With Menu + Layout Fixed */ @media only screen and (min-width: 768px) { html.fixed .content-with-menu-container, html.fixed .inner-menu, html.fixed .inner-body { display: block; } html.fixed .content-with-menu-container { position: relative; } html.fixed .inner-menu-toggle { position: absolute; top: 114px; border-radius: 0 0 5px 0; width: 140px; z-index: 1002; } html.fixed .inner-menu { bottom: 0; display: block; left: 300px; position: fixed; margin: 0; top: 114px; width: 300px; padding: 35px; z-index: 1002; } html.fixed .inner-menu-content { display: block; } html.fixed .inner-body { margin-left: 300px; border-top: 113px solid transparent; margin-top: -110px; min-height: 100vh; position: relative; } html.fixed .content-with-menu-has-toolbar .inner-body { border-top-width: 165px; } } /* Content With Menu + Layout Scroll & Boxed */ @media only screen and (min-width: 768px) { html.scroll .inner-menu, html.scroll .inner-body, html.boxed .inner-menu, html.boxed .inner-body { display: block; } html.scroll .content-with-menu-container, html.boxed .content-with-menu-container { position: relative; } html.scroll .inner-menu-toggle, html.boxed .inner-menu-toggle { position: absolute; top: 0; border-radius: 0 0 5px 0; width: 140px; z-index: 3; } html.scroll .inner-menu, html.boxed .inner-menu { display: block; position: relative; margin: 0; width: 300px; padding: 35px; } html.scroll .inner-menu-content, html.boxed .inner-menu-content { display: block; } html.scroll .inner-body, html.boxed .inner-body { margin-left: 0; min-height: 100vh; position: relative; } html.scroll.flexbox .content-with-menu-container, html.scroll.flexboxlegacy .content-with-menu-container, html.boxed.flexbox .content-with-menu-container, html.boxed.flexboxlegacy .content-with-menu-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } /* Content With Menu + Layout Fixed + Sidebar Left Collapsed */ @media only screen and (min-width: 768px) { html.fixed.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-collapsed .inner-toolbar { left: 73px; } html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-toolbar { left: 373px; } } /* Content With Menu + Layout Fixed + Sidebar Right Opened */ @media only screen and (min-width: 768px) { html.fixed.sidebar-right-opened .inner-menu, html.fixed.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-right-opened .inner-toolbar { left: 0px; } html.fixed.sidebar-right-opened .inner-toolbar { margin-right: 300px; } html.fixed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-right-opened.inner-menu-opened .inner-toolbar { left: -300px; } } /* Content With Menu + Layout Fixed + Sidebar Left Collapsed + Sidebar Right Opened */ @media only screen and (min-width: 768px) { html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-toolbar { left: -227px; } html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-toolbar { left: -527px; } } /* Resolution gt 767 and lt 1366 - Hide Inner Menu */ @media only screen and (min-width: 768px) and (max-width: 1365px) { html.fixed .inner-menu, html.scroll .inner-menu, html.boxed .inner-menu { display: none; } html.fixed .inner-menu-toggle, html.scroll .inner-menu-toggle, html.boxed .inner-menu-toggle { display: block; } html.fixed .inner-body, html.scroll .inner-body, html.boxed .inner-body { margin-left: 0; } html.fixed .content-with-menu-has-toolbar .inner-toolbar, html.scroll .content-with-menu-has-toolbar .inner-toolbar, html.boxed .content-with-menu-has-toolbar .inner-toolbar { padding-left: 140px; } html.fixed.inner-menu-opened .inner-menu, html.scroll.inner-menu-opened .inner-menu, html.boxed.inner-menu-opened .inner-menu { display: block; } html.fixed.inner-menu-opened .inner-menu-toggle, html.scroll.inner-menu-opened .inner-menu-toggle, html.boxed.inner-menu-opened .inner-menu-toggle { display: none; } html.fixed.inner-menu-opened .inner-body, html.scroll.inner-menu-opened .inner-body, html.boxed.inner-menu-opened .inner-body { margin-right: -300px; } html.fixed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar, html.scroll.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar, html.boxed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar { padding-left: 0; } html.fixed.inner-menu-opened .inner-body { margin-left: 300px; } html.scroll .content-with-menu:before, html.boxed .content-with-menu:before { display: none; } html.scroll.inner-menu-opened:before, html.boxed.inner-menu-opened:before { display: block; } } /* Resolution gt 1366 - Show Inner Menu */ @media only screen and (min-width: 1366px) { html.fixed .inner-menu, html.scroll .inner-menu, html.boxed .inner-menu { display: block; } html.fixed .inner-menu-toggle, html.fixed .inner-menu-toggle-inside, html.scroll .inner-menu-toggle, html.scroll .inner-menu-toggle-inside, html.boxed .inner-menu-toggle, html.boxed .inner-menu-toggle-inside { display: none; } html.fixed .inner-body, html.scroll .inner-body, html.boxed .inner-body { margin-right: 0; } html.fixed .content-with-menu-has-toolbar .inner-toolbar, html.scroll .content-with-menu-has-toolbar .inner-toolbar, html.boxed .content-with-menu-has-toolbar .inner-toolbar { padding-left: 0; } html.fixed.inner-menu-opened .inner-body { margin-left: 300px; } html.fixed .content-with-menu .inner-toolbar, html.fixed.inner-menu-opened .content-with-menu .inner-toolbar { left: 600px; } html.fixed .inner-menu-toggle, html.fixed .inner-menu, html.fixed.inner-menu-opened .inner-menu-toggle, html.fixed.inner-menu-opened .inner-menu { left: 300px; } html.fixed.sidebar-right-opened .content-with-menu .inner-toolbar { left: 300px; } html.fixed.sidebar-right-opened .inner-menu, html.fixed.sidebar-right-opened .inner-menu-toggle { left: 0px; } html.fixed.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar { left: 373px; } html.fixed.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu { left: 73px; } html.fixed.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar { left: 73px; } html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle { left: -227px; } } /* Fix IE Scrollbar Overlaying content */ @-ms-viewport { width: auto !important; } /* ------------------------------------------------------------------------------------------------------------------------------------------ BOOTSTRAP EXTEND ------------------------------------------------------------------------------------------------------------------------------------------ */ /* Add New Grid Tier FOR NON BOXED LAYOUT */ html.scroll, html.fixed { /* UNDO original bootrap LG helper classes*/ /* Helper classes for XL */; } @media (min-width: 1600px) { html.scroll .container, html.fixed .container { width: 1570px; } } html.scroll .col-xl-1, html.scroll .col-xl-2, html.scroll .col-xl-3, html.scroll .col-xl-4, html.scroll .col-xl-5, html.scroll .col-xl-6, html.scroll .col-xl-7, html.scroll .col-xl-8, html.scroll .col-xl-9, html.scroll .col-xl-10, html.scroll .col-xl-11, html.scroll .col-xl-12, html.fixed .col-xl-1, html.fixed .col-xl-2, html.fixed .col-xl-3, html.fixed .col-xl-4, html.fixed .col-xl-5, html.fixed .col-xl-6, html.fixed .col-xl-7, html.fixed .col-xl-8, html.fixed .col-xl-9, html.fixed .col-xl-10, html.fixed .col-xl-11, html.fixed .col-xl-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 1600px) { html.scroll .col-xl-1, html.scroll .col-xl-2, html.scroll .col-xl-3, html.scroll .col-xl-4, html.scroll .col-xl-5, html.scroll .col-xl-6, html.scroll .col-xl-7, html.scroll .col-xl-8, html.scroll .col-xl-9, html.scroll .col-xl-10, html.scroll .col-xl-11, html.scroll .col-xl-12, html.fixed .col-xl-1, html.fixed .col-xl-2, html.fixed .col-xl-3, html.fixed .col-xl-4, html.fixed .col-xl-5, html.fixed .col-xl-6, html.fixed .col-xl-7, html.fixed .col-xl-8, html.fixed .col-xl-9, html.fixed .col-xl-10, html.fixed .col-xl-11, html.fixed .col-xl-12 { float: left; } html.scroll .col-xl-12, html.fixed .col-xl-12 { width: 100%; } html.scroll .col-xl-11, html.fixed .col-xl-11 { width: 91.66666667%; } html.scroll .col-xl-10, html.fixed .col-xl-10 { width: 83.33333333%; } html.scroll .col-xl-9, html.fixed .col-xl-9 { width: 75%; } html.scroll .col-xl-8, html.fixed .col-xl-8 { width: 66.66666667%; } html.scroll .col-xl-7, html.fixed .col-xl-7 { width: 58.33333333%; } html.scroll .col-xl-6, html.fixed .col-xl-6 { width: 50%; } html.scroll .col-xl-5, html.fixed .col-xl-5 { width: 41.66666667%; } html.scroll .col-xl-4, html.fixed .col-xl-4 { width: 33.33333333%; } html.scroll .col-xl-3, html.fixed .col-xl-3 { width: 25%; } html.scroll .col-xl-2, html.fixed .col-xl-2 { width: 16.66666667%; } html.scroll .col-xl-1, html.fixed .col-xl-1 { width: 8.33333333%; } html.scroll .col-xl-pull-12, html.fixed .col-xl-pull-12 { right: 100%; } html.scroll .col-xl-pull-11, html.fixed .col-xl-pull-11 { right: 91.66666667%; } html.scroll .col-xl-pull-10, html.fixed .col-xl-pull-10 { right: 83.33333333%; } html.scroll .col-xl-pull-9, html.fixed .col-xl-pull-9 { right: 75%; } html.scroll .col-xl-pull-8, html.fixed .col-xl-pull-8 { right: 66.66666667%; } html.scroll .col-xl-pull-7, html.fixed .col-xl-pull-7 { right: 58.33333333%; } html.scroll .col-xl-pull-6, html.fixed .col-xl-pull-6 { right: 50%; } html.scroll .col-xl-pull-5, html.fixed .col-xl-pull-5 { right: 41.66666667%; } html.scroll .col-xl-pull-4, html.fixed .col-xl-pull-4 { right: 33.33333333%; } html.scroll .col-xl-pull-3, html.fixed .col-xl-pull-3 { right: 25%; } html.scroll .col-xl-pull-2, html.fixed .col-xl-pull-2 { right: 16.66666667%; } html.scroll .col-xl-pull-1, html.fixed .col-xl-pull-1 { right: 8.33333333%; } html.scroll .col-xl-pull-0, html.fixed .col-xl-pull-0 { right: auto; } html.scroll .col-xl-push-12, html.fixed .col-xl-push-12 { left: 100%; } html.scroll .col-xl-push-11, html.fixed .col-xl-push-11 { left: 91.66666667%; } html.scroll .col-xl-push-10, html.fixed .col-xl-push-10 { left: 83.33333333%; } html.scroll .col-xl-push-9, html.fixed .col-xl-push-9 { left: 75%; } html.scroll .col-xl-push-8, html.fixed .col-xl-push-8 { left: 66.66666667%; } html.scroll .col-xl-push-7, html.fixed .col-xl-push-7 { left: 58.33333333%; } html.scroll .col-xl-push-6, html.fixed .col-xl-push-6 { left: 50%; } html.scroll .col-xl-push-5, html.fixed .col-xl-push-5 { left: 41.66666667%; } html.scroll .col-xl-push-4, html.fixed .col-xl-push-4 { left: 33.33333333%; } html.scroll .col-xl-push-3, html.fixed .col-xl-push-3 { left: 25%; } html.scroll .col-xl-push-2, html.fixed .col-xl-push-2 { left: 16.66666667%; } html.scroll .col-xl-push-1, html.fixed .col-xl-push-1 { left: 8.33333333%; } html.scroll .col-xl-push-0, html.fixed .col-xl-push-0 { left: auto; } html.scroll .col-xl-offset-12, html.fixed .col-xl-offset-12 { margin-left: 100%; } html.scroll .col-xl-offset-11, html.fixed .col-xl-offset-11 { margin-left: 91.66666667%; } html.scroll .col-xl-offset-10, html.fixed .col-xl-offset-10 { margin-left: 83.33333333%; } html.scroll .col-xl-offset-9, html.fixed .col-xl-offset-9 { margin-left: 75%; } html.scroll .col-xl-offset-8, html.fixed .col-xl-offset-8 { margin-left: 66.66666667%; } html.scroll .col-xl-offset-7, html.fixed .col-xl-offset-7 { margin-left: 58.33333333%; } html.scroll .col-xl-offset-6, html.fixed .col-xl-offset-6 { margin-left: 50%; } html.scroll .col-xl-offset-5, html.fixed .col-xl-offset-5 { margin-left: 41.66666667%; } html.scroll .col-xl-offset-4, html.fixed .col-xl-offset-4 { margin-left: 33.33333333%; } html.scroll .col-xl-offset-3, html.fixed .col-xl-offset-3 { margin-left: 25%; } html.scroll .col-xl-offset-2, html.fixed .col-xl-offset-2 { margin-left: 16.66666667%; } html.scroll .col-xl-offset-1, html.fixed .col-xl-offset-1 { margin-left: 8.33333333%; } html.scroll .col-xl-offset-0, html.fixed .col-xl-offset-0 { margin-left: 0; } } html.scroll .visible-xl, html.fixed .visible-xl { display: none !important; } html.scroll .visible-xl-block, html.scroll .visible-xl-inline, html.scroll .visible-xl-inline-block, html.fixed .visible-xl-block, html.fixed .visible-xl-inline, html.fixed .visible-xl-inline-block { display: none !important; } @media (min-width: 1200px) and (max-width: 1599px) { html.scroll .visible-lg, html.fixed .visible-lg { display: block !important; } html.scroll table.visible-lg, html.fixed table.visible-lg { display: table; } html.scroll tr.visible-lg, html.fixed tr.visible-lg { display: table-row !important; } html.scroll th.visible-lg, html.scroll td.visible-lg, html.fixed th.visible-lg, html.fixed td.visible-lg { display: table-cell !important; } html.scroll .visible-lg-block, html.fixed .visible-lg-block { display: block !important; } html.scroll .visible-lg-inline, html.fixed .visible-lg-inline { display: inline !important; } html.scroll .visible-lg-inline-block, html.fixed .visible-lg-inline-block { display: inline-block !important; } html.scroll .hidden-lg, html.fixed .hidden-lg { display: none !important; } } @media (min-width: 1600px) { html.scroll .visible-lg-block, html.fixed .visible-lg-block { display: none !important; } html.scroll .visible-lg-inline, html.fixed .visible-lg-inline { display: none !important; } html.scroll .visible-lg-inline-block, html.fixed .visible-lg-inline-block { display: none !important; } } @media (min-width: 1600px) { html.scroll .visible-xl, html.fixed .visible-xl { display: block !important; } html.scroll table.visible-xl, html.fixed table.visible-xl { display: table; } html.scroll tr.visible-xl, html.fixed tr.visible-xl { display: table-row !important; } html.scroll th.visible-xl, html.scroll td.visible-xl, html.fixed th.visible-xl, html.fixed td.visible-xl { display: table-cell !important; } html.scroll .visible-xl-block, html.fixed .visible-xl-block { display: block !important; } html.scroll .visible-xl-inline, html.fixed .visible-xl-inline { display: inline !important; } html.scroll .visible-xl-inline-block, html.fixed .visible-xl-inline-block { display: inline-block !important; } html.scroll .hidden-xl, html.fixed .hidden-xl { display: none !important; } } @media screen and (max-width: 991px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /* Fix img-thumbnail - IE10 and below */ .img-thumbnail { width: auto \9; } /* Header */ .header { background: #FFF; border-bottom: 1px solid #E9E9E6; border-top: 3px solid #EDEDED; z-index: 1000; } .header .logo { float: left; margin: 10px 0 0 15px; } .header .logo img { color: transparent; } .header .separator { background-color: #F6F6F6; background-image: -webkit-linear-gradient(#F6F6F6 60%, #EDEDED); background-image: linear-gradient(#F6F6F6 60%, #EDEDED); display: inline-block; height: 100%; margin: 0 25px 0; width: 2px; vertical-align: middle; } .header .search { width: 170px; display: inline-block; vertical-align: middle; } .header .toggle-sidebar-left { background: #CCC; border-radius: 100px; color: #FFF; height: 30px; line-height: 30px; position: absolute; right: 15px; text-align: center; top: 14px; width: 30px; } .header-right { float: right; height: 56px; } html.has-left-sidebar-half .header { z-index: 1011; } /* Header Mobile */ @media only screen and (max-width: 767px) { .header .logo-container { background-color: #F6F6F6; background-image: -webkit-linear-gradient(#F6F6F6 0%, #FFFFFF 45%); background-image: linear-gradient(#F6F6F6 0%, #FFFFFF 45%); border-bottom: 1px solid #E9E9E6; border-top: 3px solid #EDEDED; } .header .logo-container .logo { float: none; display: inline-block; line-height: 57px; margin-top: 0; } .header .search, .header .separator { display: none; } } /* Header Dark */ html.dark .header, html.header-dark .header { background: #1D2127; border-bottom-color: #161a1e; border-top-color: #1D2127; } @media only screen and (max-width: 767px) { html.dark .header .logo-container, html.header-dark .header .logo-container { background: #1D2127; border-bottom-color: #161a1e; border-top-color: #1D2127; } html.dark .header .header-right, html.header-dark .header .header-right { background: #1D2127; } } html.dark .header .separator, html.header-dark .header .separator { background-color: #1D2127; background-image: -webkit-linear-gradient(#1D2127 10%, #121518); background-image: linear-gradient(#1D2127 10%, #121518); } html.dark .header .input-search input, html.dark .header .input-search input:focus, html.header-dark .header .input-search input, html.header-dark .header .input-search input:focus { background: #282d36; border-color: #161a1e; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset; color: #FFF; } html.dark .header .input-search .input-group-btn .btn-default, html.header-dark .header .input-search .input-group-btn .btn-default { background: transparent; color: #C3C3C3; } @media only screen and (min-width: 768px) { html.header-fixed .header { border-radius: 0; border-top-color: transparent; left: 0; position: fixed; right: 0; top: -3px; z-index: 2000; margin: 0; } html.header-fixed .inner-wrapper { padding-top: 0; margin-top: 60px; } } /* Header Nav Menu */ .header.header-nav-menu { /* Header Nav Main */ /* Header Nav Main Mobile */; } @media only screen and (min-width: 768px) { .header.header-nav-menu .logo { position: relative; padding: 0 20px 0 5px; } .header.header-nav-menu .logo:after { content: ''; display: block; position: absolute; top: -13px; right: 0; height: 60px; border-right: 1px solid #E9E9E6; } } @media (min-width: 992px) { .header.header-nav-menu .header-nav-main { float: right; margin: 8px 0 0; min-height: 45px; } .header.header-nav-menu .header-nav-main nav > ul > li:first-child { margin-left: 10px; } .header.header-nav-menu .header-nav-main nav > ul > li > a { display: inline-block; border-radius: 4px; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; padding: 10px; text-transform: uppercase; white-space: initial; } .header.header-nav-menu .header-nav-main nav > ul > li > a:focus { background: transparent; color: #CCC; } .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down { display: none; } .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle:after { border-color: #CCC transparent transparent transparent; border-style: solid; border-width: 4px; content: " "; float: right; margin-top: 7px; margin-left: 4px; } .header.header-nav-menu .header-nav-main nav > ul > li.open > a, .header.header-nav-menu .header-nav-main nav > ul > li:hover > a, .header.header-nav-menu .header-nav-main nav > ul > li.active > a { background: #CCC; color: #FFF; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu { top: -10000px; display: block; opacity: 0; left: auto; border-radius: 0 4px 4px; border: 0; border-top: 5px solid #CCC; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); margin: -3px 0 0 0; min-width: 200px; padding: 5px; text-align: left; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 1px solid #f4f4f4; color: #777; font-size: 0.9em; font-weight: 400; padding: 8px 20px 8px 8px; position: relative; text-transform: none; white-space: initial; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu { position: relative; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-caret-down { display: none; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { border-color: transparent transparent transparent #CCC; border-style: solid; border-width: 4px 0 4px 4px; content: " "; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { display: block; margin-top: -10px; margin-left: -1px; border-radius: 4px; opacity: 0; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { top: 0; opacity: 1; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a { border-bottom: 0; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.open li.dropdown-submenu > .dropdown-menu, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover li.dropdown-submenu > .dropdown-menu { left: 100%; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.open > a, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover > a { padding-bottom: 15px; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: auto; display: block; opacity: 1; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li a { padding-right: 8px; padding-left: 20px; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after { border-width: 4px 4px 4px 0; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega { position: static; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu { border-radius: 4px; left: 15px; right: 15px; width: auto; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content { padding: 20px 30px; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title { color: #333333; display: block; font-size: 1em; font-weight: 600; margin-top: 20px; padding-bottom: 5px; text-transform: uppercase; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child { margin-top: 0; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav { list-style: none; padding: 0; margin: 0; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { border: 0 none; border-radius: 4px; color: #777; display: block; font-size: 0.9em; font-weight: normal; margin: 0 0 0 -8px; padding: 3px 8px; text-shadow: none; text-transform: none; text-decoration: none; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a { background: #f4f4f4; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle { width: 20px; text-align: center; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:before { content: "\f0d8"; font-family: 'FontAwesome'; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle.toggled:before { content: "\f0d7"; font-family: 'FontAwesome'; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .dropdown-mega-sub-nav { padding-left: 15px; } .header.header-nav-menu .header-nav-main nav > ul > li .label { margin-right: -16px; margin-top: 1px; } .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li > a { border-radius: 0; } .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu { margin-top: 0; border-radius: 0; } .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 0; } .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu { border-radius: 0; } .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { border-radius: 0; } .header.header-nav-menu .header-nav-main .dropdown-reverse a > .thumb-info-preview { transform: translate3d(20px, 0, 0); right: 100%; left: auto; padding-left: 0; margin-right: 10px; } .header.header-nav-menu .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview { transform: translate3d(0, 0, 0); } .header.header-nav-menu .header-nav { float: left; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown { margin-bottom: -9px; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li > a, .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a { background: transparent; color: #444; padding: 65px 13px 24px; margin: 0; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li > a.dropdown-toggle:after { border-color: #444 transparent transparent transparent; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown li a { border-bottom-color: #2a2a2a; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu { background: #1e1e1e; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a { color: #969696; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:hover, .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:focus { background: #282828; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title { color: #ababab; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:hover > a { background: #282828; } .header.header-nav-menu .header-nav.header-nav-dark-dropdown .header-social-icons { margin-top: 70px; } .header.header-nav-menu .header-nav { display: block !important; } .header.header-nav-menu .header-nav-main { display: block !important; height: auto !important; } .header.header-nav-menu .header-nav-bar { background: #F4F4F4; padding: 0 10px 5px; margin-bottom: 0; } .header.header-nav-menu .header-nav-bar .header-nav-main { float: left; margin-bottom: 0; } } @media (min-width: 992px) { .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li > a { color: #FFF; } .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li > a.dropdown-toggle:after { border-color: #FFF transparent transparent transparent; } .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.open > a, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > a { background: #FFF; } .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.open > a.dropdown-toggle:after, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > a.dropdown-toggle:after { border-color: #CCC transparent transparent transparent; } .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu { border-top-color: #FFF; box-shadow: 0 20px 25px rgba(0, 0, 0, 0.05); } .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu { border-top-color: #FFF; } .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.active > a { background: #FFF; } .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.active > a.dropdown-toggle:after { border-color: #CCC transparent transparent transparent; } .header.header-nav-menu .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover, .header.header-nav-menu .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus { background: #f5f5f5; } } @media (min-width: 992px) { .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a, .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a { -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out; transform: translate3d(0, -5px, 0); } .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a { transform: translate3d(0, 0, 0); } .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out; transform: translate3d(0, -5px, 0); } .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu { transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { .header.header-nav-menu .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate3d(0, -5px, 0); opacity: 0; } .header.header-nav-menu .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu { transform: translate3d(0, -1px, 0); opacity: 1; } } @media (min-width: 992px) { .header.header-nav-menu .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out; transform: translate3d(0, 10px, 0); } .header.header-nav-menu .header-nav-main-effect-3 nav > ul > li.dropdown:hover > .dropdown-menu { transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate3d(-20px, 0, 0); opacity: 0; } .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { transform: translate3d(0, 0, 0); opacity: 1; } .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu > .dropdown-menu { -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate3d(20px, 0, 0); left: auto; right: 100%; opacity: 0; } .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { transform: translate3d(0, 0, 0); opacity: 1; } } @media (max-width: 991px) { .header.header-nav-menu .header-nav { clear: both; float: none; } .header.header-nav-menu .header-nav-main { background: #FFF; padding: 10px; max-height: 350px; overflow-x: hidden; overflow-y: auto; } } @media (max-width: 991px) and (min-width: 768px) { .header.header-nav-menu .header-nav-main { position: relative; top: 12px; } } @media (max-width: 991px) { .header.header-nav-menu .header-nav-main.collapsing { overflow: hidden; } .header.header-nav-menu .header-nav-main nav { margin: 0 0 6px; } .header.header-nav-menu .header-nav-main nav > ul li { border-bottom: 1px solid #e8e8e8; clear: both; display: block; float: none; margin: 0; padding: 0; position: relative; } .header.header-nav-menu .header-nav-main nav > ul li a { font-size: 13px; font-style: normal; line-height: 20px; padding: 7px 8px; margin: 1px 0; border-radius: 4px; white-space: initial; } .header.header-nav-menu .header-nav-main nav > ul li a .fa-caret-down { line-height: 35px; min-height: 38px; min-width: 30px; position: absolute; right: 5px; text-align: center; top: 0; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown .dropdown-menu { background: transparent; padding: 0; margin: 0; font-size: 13px; box-shadow: none; border-radius: 0; border: 0; clear: both; display: none; float: none; position: static; border-top: 0 !important; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.opened > .dropdown-menu { display: block; margin-left: 20px; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu { display: block; margin-left: 20px; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title { margin-top: 10px; display: block; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav { margin: 0 0 0 20px; padding: 0; list-style: none; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a { display: block; text-decoration: none; color: #333; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle { width: 20px; text-align: center; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle:before { content: "\f0d8"; font-family: 'FontAwesome'; } .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle.toggled:before { content: "\f0d7"; font-family: 'FontAwesome'; } .header.header-nav-menu .header-nav-main nav > ul li:last-child { border-bottom: 0; } .header.header-nav-menu .header-nav-main nav > ul > li > a { text-transform: uppercase; font-weight: 700; margin-top: 1px; margin-bottom: 1px; white-space: initial; } .header.header-nav-menu .header-nav-main nav > ul > li.active > a, .header.header-nav-menu .header-nav-main nav > ul > li.active > a:focus, .header.header-nav-menu .header-nav-main nav > ul > li.active > a:hover { color: #FFF; } .header.header-nav-menu .header-nav-main nav .not-included { margin: 0; } .header.header-nav-menu .header-nav-main a > .thumb-info-preview { display: none !important; } .header.header-nav-menu .header-btn-collapse-nav { outline: 0; float: right; margin-top: 10px; margin-right: 15px; } .header.header-nav-menu .header-btn-collapse-nav:hover, .header.header-nav-menu .header-btn-collapse-nav:focus { color: #FFF; } .header.header-nav-menu .header-nav-bar { margin: 0 auto; } .header.header-nav-menu .header-nav-bar .header-btn-collapse-nav { margin-top: 14px; } .header.header-nav-menu.header-transparent .header-nav-main { padding: 10px; margin-bottom: 10px; background: #FFF; border-radius: 4px; } .header.header-nav-menu.header-semi-transparent .header-nav-main { padding: 10px; margin-bottom: 10px; background: #FFF; border-radius: 4px; } .header.header-nav-menu.header-semi-transparent-light .header-nav-main { padding: 10px; margin-bottom: 10px; background: #FFF; border-radius: 4px; } } .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li:hover > a { background-color: #f4f4f4; } .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li a { background: transparent; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a { background-color: #f4f4f4; } .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a { background: transparent; } .header.header-nav-menu .not-included { color: #b7b7b7; display: block; font-size: 0.8em; font-style: normal; margin: -4px 0; padding: 0; } .header.header-nav-menu .tip { display: inline-block; padding: 0 5px; background: #171717; color: #FFF; text-shadow: none; border-radius: 3px; margin-left: 8px; position: relative; text-transform: uppercase; font-size: 10px; font-weight: bold; } .header.header-nav-menu .tip:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(23, 23, 23, 0); border-right-color: #171717; border-width: 5px; margin-top: -5px; } .header.header-nav-menu .tip.skin { color: #171717; } .header.header-nav-menu .search-toggle { color: #CCC; } .header.header-nav-menu .search-toggle:focus, .header.header-nav-menu .search-toggle:active { box-shadow: none; } @media (min-width: 992px) { .header.header-nav-menu.header-nav-stripe { height: initial; border-bottom: 0; } .header.header-nav-menu.header-nav-stripe nav > ul > li > a, .header.header-nav-menu.header-nav-stripe nav > ul > li:hover > a { background: transparent; padding: 18px 13px 19px; margin: 0; } .header.header-nav-menu.header-nav-stripe nav > ul > li > a { color: #444; } .header.header-nav-menu.header-nav-stripe nav > ul > li > a.dropdown-toggle:after { border-color: #444 transparent transparent transparent; } .header.header-nav-menu.header-nav-stripe nav > ul > li:hover > a { color: #FFF; } .header.header-nav-menu.header-nav-stripe nav > ul > li.dropdown:hover > a, .header.header-nav-menu.header-nav-stripe nav > ul > li.dropdown.open > a { padding-bottom: 19px; } .header.header-nav-menu.header-nav-top-line { height: initial; border-bottom: 0; } .header.header-nav-menu.header-nav-top-line nav > ul > li > a, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a { background: transparent !important; color: #444; padding: 18px 13px 19px; margin: 0; } .header.header-nav-menu.header-nav-top-line nav > ul > li > a:before, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a:before { content: ""; position: absolute; width: 100%; height: 5px; top: -5px; left: -5px; opacity: 0; background: #CCC; } .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a { color: #CCC; } .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a:before, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a:before { opacity: 1; } .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a.dropdown-toggle:after, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a.dropdown-toggle:after { border-color: #CCC transparent transparent transparent; } .header.header-nav-menu.header-nav-top-line nav > ul > li > a.dropdown-toggle:after { border-color: #444 transparent transparent transparent; } .header.header-nav-menu.header-nav-top-line nav > ul > li.dropdown:hover > a, .header.header-nav-menu.header-nav-top-line nav > ul > li.dropdown.open > a { padding-bottom: 19px; } .header.header-nav-menu.header-nav-stripe .header-nav-main, .header.header-nav-menu.header-nav-top-line .header-nav-main { margin-top: 0; } } @media only screen and (max-width: 1199px) { .header.header-nav-menu .separator { margin: 0px 14px 0; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .header.header-nav-menu .search { position: absolute; top: 50px; left: -66px; } .header.header-nav-menu .search.active { display: block !important; } .header.header-nav-menu .search:before { content: ''; display: block; position: absolute; top: -7px; left: 50%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (min-width: 992px) { .header.header-nav-menu .header-right { position: relative; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header.header-nav-menu .header-right { position: absolute; top: 0; right: 60px; } } /* Header Nav Menu Dark */ html.dark .header.header-nav-menu, html.header-dark .header.header-nav-menu { /* Header Nav Main */ /* Header Nav Stripe & Header Nav Top Line */ /* Header Nav Main Mobile */; } @media only screen and (min-width: 768px) { html.dark .header.header-nav-menu .logo:after, html.header-dark .header.header-nav-menu .logo:after { border-color: #343a44; } } @media (min-width: 992px) { html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu { background-color: #282d36; } html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border-color: #343a44; } html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus { background-color: #1d2127; } html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a { background: #1d2127; } } @media (min-width: 992px) { html.dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a, html.dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a, html.header-dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a, html.header-dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a { color: #FFF; } html.dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after, html.dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after, html.header-dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after, html.header-dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after { border-color: #FFF transparent transparent transparent; } } html.dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li:hover > a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li:hover > a { background-color: #1d2127; } html.dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li a { background: transparent; } html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a { background-color: #1d2127; } html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a { background: transparent; } @media (max-width: 991px) { html.dark .header.header-nav-menu .header-nav-main, html.header-dark .header.header-nav-menu .header-nav-main { background: #282d36; } html.dark .header.header-nav-menu .header-nav-main nav > ul > li a:hover, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li a:hover { background: #1d2127; } html.dark .header.header-nav-menu .header-nav-main nav > ul > li ul li a, html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li ul li a { color: #777; } html.dark .header.header-nav-menu .header-nav-main nav ul li, html.header-dark .header.header-nav-menu .header-nav-main nav ul li { border-color: #343a44; } html.dark .header.header-nav-menu .header-nav-main nav ul li a:hover, html.dark .header.header-nav-menu .header-nav-main nav ul li a:focus, html.header-dark .header.header-nav-menu .header-nav-main nav ul li a:hover, html.header-dark .header.header-nav-menu .header-nav-main nav ul li a:focus { background-color: #1d2127; } html.dark .header.header-nav-menu .header-nav-main nav ul li.dropdown-mega .dropdown-mega-sub-nav > li > a, html.header-dark .header.header-nav-menu .header-nav-main nav ul li.dropdown-mega .dropdown-mega-sub-nav > li > a { color: #777; } } /* Margin to show the menu button on mobile */ @media (max-width: 991px) { html.has-tab-navigation .header-right { margin-right: 50px; } } html.has-tab-navigation .toggle-menu { background: #CCC; border-radius: 100px; color: #FFF; height: 30px; line-height: 30px; position: absolute; right: 15px; text-align: center; top: 14px; width: 30px; } html.has-tab-navigation .inner-wrapper { padding: 80px 15px 15px; background-color: #1d2127; } @media (max-width: 991px) { html.has-tab-navigation .inner-wrapper { padding: 75px 15px 15px; } } @media (max-width: 767px) { html.has-tab-navigation .inner-wrapper { padding: 15px; } } html.has-tab-navigation { /* Mobile */ /* IE */; } html.has-tab-navigation .content-body { padding: 25px 25px; background-color: #eee; border-radius: 0 7px 7px 7px; -webkit-transition: ease padding 300ms; -moz-transition: ease padding 300ms; transition: ease padding 300ms; /* Only for desktop */; } @media (min-width: 992px) { html.has-tab-navigation .content-body.tab-menu-opened { padding: 70px 25px 25px; } } html.has-tab-navigation.dark .content-body, html.has-tab-navigation.dark.boxed .content-body { background-color: #17191d; } @media (max-width: 991px) { html.has-tab-navigation .content-body { border-radius: 5px; } } html.has-tab-navigation.ie .content-body { flex: none; } html.has-tab-navigation .page-header { margin: 0; background-color: transparent; border: none; box-shadow: none; padding: 0 0 10px 0; } html.has-tab-navigation .page-header .breadcrumbs a, html.has-tab-navigation .page-header .breadcrumbs span { font-size: 13px; } html.has-tab-navigation.dark .page-header h2 { color: #FFF; } html.has-tab-navigation .not-included { color: #b7b7b7; display: block; font-size: 0.8em; font-style: normal; margin: -4px 0; padding: 0; } html.has-tab-navigation .not-included.custom-pos-1 { margin-top: 2px; margin-left: 8px; } @media (max-width: 991px) { html.has-tab-navigation .not-included.custom-pos-1 { float: none !important; display: inline-block; } } html.has-tab-navigation .tip { display: inline-block; padding: 0 5px; background: #171717; color: #FFF; text-shadow: none; border-radius: 3px; margin-left: 8px; position: relative; text-transform: uppercase; font-size: 10px; font-weight: bold; } html.has-tab-navigation .tip:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(23, 23, 23, 0); border-right-color: #171717; border-width: 5px; margin-top: -5px; } html.has-tab-navigation .tip.skin { color: #171717; } /* Desktop */ @media (min-width: 992px) { .tab-navigation { height: initial !important; display: block !important; z-index: 3; } .tab-navigation nav > ul { position: relative; } .tab-navigation nav > ul > li { position: static; } .tab-navigation nav > ul > li.active a { background: transparent; } .tab-navigation nav > ul > li.active a:hover, .tab-navigation nav > ul > li.active a:focus { background: transparent; } .tab-navigation nav > ul > li.active > a { background: #17191d; } .tab-navigation nav > ul > li.active > a:hover, .tab-navigation nav > ul > li.active > a:focus { background: #17191d; } .tab-navigation nav > ul > li.nav-expanded > a { color: #33353F; background: #FFF; } .tab-navigation nav > ul > li.nav-expanded > a:hover, .tab-navigation nav > ul > li.nav-expanded > a:focus { color: #33353F; background: #FFF; } .tab-navigation nav > ul > li.nav-expanded > ul { display: block; } .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a { color: #FFF; background: #CCC; } .tab-navigation nav > ul > li > a { background: #17191d none repeat scroll 0 0; border-radius: 4px 4px 0 0; color: #fff; font-weight: 600; min-width: 130px; padding: 13px 30px; text-align: center; text-transform: uppercase; font-size: 11px; } .tab-navigation nav > ul > li > a .fa { font-size: 14px; margin-right: 7px; position: relative; top: 1px; } .tab-navigation nav > ul > li a { cursor: pointer; } .tab-navigation nav > ul > li a .label { margin-top: 2px; margin-left: 10px; } .tab-navigation nav > ul > li > ul { margin: 0; border: 0; border-radius: 0 7px 0px 0px; left: 0; right: 0; box-shadow: none; } .tab-navigation nav > ul > li > ul > li { position: relative; float: left; } .tab-navigation nav > ul > li > ul > li.nav-active > a { color: #CCC !important; } .tab-navigation nav > ul > li > ul > li:hover > a { color: #33353F; } .tab-navigation nav > ul > li > ul > li .dropdown-menu { padding: 2px 0; margin: 0; border: none; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li a { padding: 10px; min-width: 230px; color: #777; white-space: initial; font-size: 12px; border-bottom: 1px solid #f4f4f4; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li a:hover { background-color: transparent; color: #33353F; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li a.dropdown-toggle:after { content: "\f0da"; display: inline-block; font-family: FontAwesome; float: right; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-active > a { color: #CCC !important; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a { color: #33353F; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover.dropdown-submenu { position: relative; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover.dropdown-submenu > .dropdown-menu { display: block; opacity: 1; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); left: 100%; top: 0; margin-top: -2px; margin-left: 0; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li:last-child > a { border-bottom: none; } .tab-navigation nav > ul > li > ul > li > a { background-color: transparent !important; color: #777; font-size: 11px; font-weight: 700; padding: 15px 5px 15px 25px; text-transform: uppercase; white-space: initial; } .tab-navigation nav > ul > li > ul > li > a:hover, .tab-navigation nav > ul > li > ul > li > a:focus { color: #33353F; } .tab-navigation nav > ul > li > ul > li > a.dropdown-toggle:after { content: "\f0d7"; display: inline-block; font-family: FontAwesome; margin-left: 7px; font-size: 12px; } .tab-navigation nav > ul > li > ul > li:hover.dropdown-submenu > .dropdown-menu { top: auto; display: block; opacity: 1; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); margin-left: 12px; padding: 2px 5px; } } /* Mobile */ @media (max-width: 991px) { .tab-navigation { margin-bottom: 25px; border-radius: 5px; overflow: hidden; } .tab-navigation nav > ul > li { width: 100%; margin-left: 0; } .tab-navigation nav > ul > li.expanding > a { color: #33353F !important; background: #FFF !important; } .tab-navigation nav > ul > li.nav-expanded > a { color: #33353F !important; background: #FFF !important; } .tab-navigation nav > ul > li.nav-expanded > ul { display: block; } .tab-navigation nav > ul > li.active > a { background: #17191d; } .tab-navigation nav > ul > li.active > a:hover, .tab-navigation nav > ul > li.active > a:focus { background: #17191d; } .tab-navigation nav > ul > li.active ul li a { background: transparent !important; } .tab-navigation nav > ul > li.active ul li a:hover { background: #f5f5f5 !important; } .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a { background: #17191d; } .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover, .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:focus { background: #17191d; } .tab-navigation nav > ul > li > a { border-radius: 0; color: #FFF; background: #17191d; } .tab-navigation nav > ul > li a { cursor: pointer; } .tab-navigation nav > ul > li a.dropdown-toggle:after { content: "\f107"; display: inline-block; font-family: FontAwesome; float: right; } .tab-navigation nav > ul > li .fa { margin-right: 10px; } .tab-navigation nav > ul > li > ul { position: static; width: 100%; margin: 0; border: 0; border-radius: 0; background: #FFF; padding-left: 23px; padding-top: 0; } .tab-navigation nav > ul > li > ul > li.nav-expanded > ul { display: block; } .tab-navigation nav > ul > li > ul > li.dropdown-submenu:hover > a { color: #33353F; } .tab-navigation nav > ul > li > ul > li.active a { color: #777; } .tab-navigation nav > ul > li > ul > li.active a:hover, .tab-navigation nav > ul > li > ul > li.active a:focus { color: #33353F; } .tab-navigation nav > ul > li > ul > li > a { color: #777; padding: 10px 15px; white-space: initial; font-size: 13px; } .tab-navigation nav > ul > li > ul > li > a:hover, .tab-navigation nav > ul > li > ul > li > a:focus { color: #33353F; background-color: transparent; } .tab-navigation nav > ul > li > ul > li .dropdown-menu { position: static; float: none; box-shadow: none; border: none; padding-left: 15px; background-color: #FFF; border-radius: 0; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-expanded > ul { display: block; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a { color: #33353F; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a { padding: 10px 15px; color: #777; white-space: initial; } .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a:hover, .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a:focus { color: #33353F; background-color: transparent; } .tab-navigation nav > ul li.nav-expanded > a.dropdown-toggle:after { content: "\f106"; display: inline-block; font-family: FontAwesome; float: right; } } html.dark .tab-navigation nav > ul > li.nav-expanded > a { color: #FFF; background: #282d36; } html.dark .tab-navigation nav > ul > li > a { color: #FFF; background: #17191d; } html.dark .tab-navigation nav > ul > li > ul { background: #282d36; } html.dark .tab-navigation nav > ul > li > ul > li:hover > a { color: #CCC; } html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu { background-color: #282d36; border-radius: 0; } html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a { color: #777; border-bottom-color: #35393d; } html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a { color: #CCC; } html.dark .tab-navigation nav > ul > li > ul > li > a { color: #777; } html.dark .tab-navigation nav > ul > li > ul > li > a:hover, html.dark .tab-navigation nav > ul > li > ul > li > a:focus { background-color: transparent; color: #CCC; } /* Tab Navigation Mobile - Dark Colors */ @media (max-width: 991px) { html.dark .tab-navigation nav > ul > li.expanding > a { color: #FFF !important; background: #282d36 !important; } html.dark .tab-navigation nav > ul > li.nav-expanded > a { color: #FFF !important; background: #282d36 !important; } html.dark .tab-navigation nav > ul > li.active > a { background: #17191d; } html.dark .tab-navigation nav > ul > li.active > a:hover, html.dark .tab-navigation nav > ul > li.active > a:focus { background: #17191d; } html.dark .tab-navigation nav > ul > li.active ul li a { background: transparent !important; } html.dark .tab-navigation nav > ul > li.active ul li a:hover { background: #282d36 !important; } html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a { background: #17191d; } html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover, html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:focus { background: #17191d; } html.dark .tab-navigation nav > ul > li > a { color: #FFF; background: #17191d; } html.dark .tab-navigation nav > ul > li > ul { background: #282d36; } html.dark .tab-navigation nav > ul > li > ul > li.dropdown-submenu:hover > a { color: #CCC; } html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu { background-color: #282d36; border-radius: 0; } html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a { color: #777; background-color: transparent; } html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a { color: #CCC; } html.dark .tab-navigation nav > ul > li > ul > li > a { color: #777; } html.dark .tab-navigation nav > ul > li > ul > li > a:hover, html.dark .tab-navigation nav > ul > li > ul > li > a:focus { background-color: transparent; color: #CCC; } } html.boxed.has-tab-navigation body { background: #1d2127; } html.boxed.has-tab-navigation .inner-wrapper { box-shadow: none; } @media (min-width: 992px) { html.boxed.has-tab-navigation .header { margin-top: -5px; border-top-color: transparent; border-bottom-color: transparent; } html.boxed.has-tab-navigation .header .separator { width: 1px; background-color: #1d2127; background-image: -webkit-linear-gradient(#1d2127 0%, #121518, #1d2127 100%); background-image: linear-gradient(#1d2127 0%, #121518, #1d2127 100%); } } html.ie .tab-navigation nav > ul > li a .label { float: none !important; } html.ie .tab-navigation nav > ul > li a .not-included { float: none !important; display: inline; } /* ie9 */ html.ie9 .tab-navigation { display: table-row !important; } .sidebar-left { z-index: 1010; } .sidebar-left .sidebar-header { position: relative; color: #777; height: 50px; } .sidebar-left .sidebar-header .sidebar-title { background: #1D2127; color: #465162; padding: 15px; font-size: 1.3rem; } .sidebar-left .sidebar-header .sidebar-toggle { position: absolute; top: 0; right: 0; width: 73px; height: 50px; background-color: #171717; border-radius: 0 0 0 5px; text-align: center; cursor: pointer; } .sidebar-left .sidebar-header .sidebar-toggle i { color: #C3C3C3; font-size: 1.7rem; line-height: 50px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .sidebar-left .sidebar-header .sidebar-toggle:hover i { color: #CCC; } .sidebar-left hr.separator { background: none; margin: 20px 10px 20px; } @media only screen and (max-width: 767px) { .sidebar-left { background: #1D2127; } } html.mobile-device .sidebar-left { background: #1D2127; } /* Unstyle nano for non fixed layouts */ @media only screen and (min-width: 768px) { html.scroll .sidebar-left, html.boxed .sidebar-left, html.sidebar-left-big-icons .sidebar-left { min-height: 100vh; } html.scroll .sidebar-left .sidebar-header, html.boxed .sidebar-left .sidebar-header, html.sidebar-left-big-icons .sidebar-left .sidebar-header { margin-bottom: -3px; } html.scroll .sidebar-left .nano, html.boxed .sidebar-left .nano, html.sidebar-left-big-icons .sidebar-left .nano { position: static; overflow: visible; width: 100%; } html.scroll .sidebar-left .nano .nano-content, html.boxed .sidebar-left .nano .nano-content, html.sidebar-left-big-icons .sidebar-left .nano .nano-content { margin-right: 0 !important; position: relative; overflow: visible; margin-top: 3px; } html.scroll .sidebar-left .nano .nano-pane, html.boxed .sidebar-left .nano .nano-pane, html.sidebar-left-big-icons .sidebar-left .nano .nano-pane { display: none !important; } html.boxed .sidebar-left .nano > .nano-content, html.scroll .sidebar-left .nano > .nano-content, html.sidebar-left-big-icons .sidebar-left .nano > .nano-content { overflow: visible !important; } html.boxed .sidebar-left .nano { padding-bottom: 10px; } html.scroll .sidebar-left .nano, html.sidebar-left-big-icons .sidebar-left .nano { padding-bottom: 10px; } } @media only screen and (min-width: 768px) { html.sidebar-left-collapsed .sidebar-left .nano { background: #1D2127; box-shadow: -5px 0 0 #2F3139 inset; } html.sidebar-left-collapsed .sidebar-left .sidebar-title { margin-left: -300px; opacity: 0; } html.sidebar-left-collapsed .sidebar-left .sidebar-toggle { border-radius: 0; } html.sidebar-left-collapsed .sidebar-left .nav-main > li > a { overflow: hidden; text-overflow: clip; } html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent a:after { display: none; } html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent > ul.nav-children { display: none; } html.sidebar-left-collapsed .sidebar-left .nav-main a span { visibility: hidden; } html.sidebar-left-collapsed .sidebar-left .sidebar-widget, html.sidebar-left-collapsed .sidebar-left .separator { display: none; } html.sidebar-left-collapsed .sidebar-left .nano:hover { width: 300px; } html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main .nav-expanded > ul.nav-children { display: block; } html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main li.nav-parent a:after { display: inline-block; } html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main li a span { visibility: visible; } html.sidebar-left-collapsed .sidebar-left .nano:hover .sidebar-widget, html.sidebar-left-collapsed .sidebar-left .nano:hover .separator { display: block; } html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano { width: 300px; } html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main .nav-expanded > ul.nav-children { display: block; } html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main li.nav-parent a:after { display: inline-block; } html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main li a span { visibility: visible; } html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .sidebar-widget, html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .separator { display: block; } } html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-title { background: #FFF; } html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle { background: #f6f6f6; } html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle i { color: #333; } html.sidebar-light:not(.dark) .sidebar-left .nano { box-shadow: -5px 0 0 #f6f6f6 inset; background: #FFF; } html.sidebar-light:not(.dark).sidebar-left-collapsed .sidebar-left .nano { box-shadow: -5px 0 0 #f6f6f6 inset; background: #FFF; } @media only screen and (max-width: 767px) { html.sidebar-light .sidebar-left { background: #FFF; } } html.mobile-device.sidebar-light .sidebar-left { background: #FFF; } @media only screen and (min-width: 768px) { html.sidebar-left-big-icons .sidebar-left { width: 152px; } html.sidebar-left-big-icons .sidebar-left .sidebar-header .sidebar-toggle { width: 55px; border-radius: 0; } html.sidebar-left-big-icons .sidebar-left .nano { box-shadow: none !important; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main { margin-right: 0; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:hover > ul.nav-children { display: block; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:hover > a { background: #21262d; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:last-child > a { border-top: 1px solid #21262d; border-bottom: 1px solid #21262d; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.nav-active > a { background: #21262d; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a { text-align: center; padding: 12px 10px; border-top: 1px solid #21262d; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a:after { content: none; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a i { margin-right: 0; font-size: 2.8rem; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a span { display: block; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a span.label { position: absolute; top: 2px; left: 60%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a .not-included { display: block; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children { position: absolute; top: 0; left: 100%; min-width: 210px; border-left: 3px solid #2f3139; background: #21262d; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > ul.nav-children { display: block; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a { color: #FFF; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a:hover { background: transparent; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li a { padding: 6px 15px; overflow: visible; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li.nav-parent > a { padding-right: 30px; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li.nav-parent > a:after { content: '\f105'; padding: 6px 10px; right: 5px; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children ul.nav-children { padding: 10px 0; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent:hover > a:before { content: ''; display: block; position: absolute; top: 0; right: -3px; bottom: 0; border-right: 4px solid #21262d; z-index: 1; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent.nav-expanded > ul.nav-children { display: none; } html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent.nav-expanded:hover > ul.nav-children { display: block; } html.sidebar-left-big-icons .sidebar-left .nano .sidebar-widget { display: none; } html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left { width: 55px; } html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano:hover { width: 55px; } html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano:hover .sidebar-widget { display: none; } html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a { overflow: visible; } html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a span { display: none; } html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a > i { font-size: 2.1rem; } html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li:hover > a { background: #fafafa; } html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li:last-child > a { border-top: 1px solid #fafafa; border-bottom: 1px solid #fafafa; } html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li.nav-active > a { background: #fafafa; } html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li > a { border-top: 1px solid #fafafa; } html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children { border-left: 3px solid #F1F1F1; background: #fafafa; } html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a { color: #000; } html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a:hover { background: transparent; } html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main li.nav-parent:hover > a:before { border-right: 4px solid #fafafa; } } @media only screen and (min-width: 768px) { html.left-sidebar-panel { /* Sidebar Right Opened */ /* Fixed */ /* Boxed */ /* ie9 */; } html.left-sidebar-panel .inner-wrapper { padding-top: 85px; } html.left-sidebar-panel .content-body { padding: 0; margin-right: 25px; } html.left-sidebar-panel .page-header { margin-bottom: 15px; } html.left-sidebar-panel .sidebar-left { margin: 0 25px 25px; border-radius: 5px; overflow: hidden; } html.left-sidebar-panel.sidebar-right-opened .sidebar-left { margin: 0 25px 0 0; } html.left-sidebar-panel.fixed { /* Fixed & Sidebar Right Opened */; } html.left-sidebar-panel.fixed .page-header { position: relative; left: 0; top: 0; } html.left-sidebar-panel.fixed .content-body { margin-left: 350px; } html.left-sidebar-panel.fixed .sidebar-left { margin: 25px; padding-bottom: 0; } html.left-sidebar-panel.fixed.sidebar-right-opened .page-header { margin-right: 0; } html.left-sidebar-panel.fixed.sidebar-right-opened .sidebar-left { margin-left: 0; } html.left-sidebar-panel.fixed.sidebar-right-opened .content-body { margin-left: 325px; } html.left-sidebar-panel.ie9.no-overflowscrolling .nano { min-height: 100vh; } html.left-sidebar-panel.ie9.no-overflowscrolling .nano > .nano-content { position: static; } html.left-sidebar-panel.ie9 .sidebar-left { left: 25px; } html.left-sidebar-panel.ie9 .content-body { padding-right: 70px; left: 50px; } } @media only screen and (max-width: 767px) { /* Layout Mobile - Sidebar Left Collapsed & Sidebar Right Opened */ html.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .sidebar-left { margin-left: -250px; } } @media only screen and (min-width: 768px) { /* Layout Base - Sidebar Left */ html.sidebar-left-sm .sidebar-left { width: 250px; font-size: 1.2rem; } html.sidebar-left-sm .sidebar-left ul.nav-main li i { font-size: 1.6rem; } html.sidebar-left-sm .sidebar-left ul.nav-main li a { font-size: 1.2rem; } html.sidebar-left-sm .sidebar-left .sidebar-widget .widget-header h6 { font-size: 1.2rem; } html.sidebar-left-sm.sidebar-left-collapsed .sidebar-left .sidebar-title { margin-left: -250px; } html.sidebar-left-sm.sidebar-left-collapsed.fixed .sidebar-left .nano:hover { width: 250px; } /* Layout Base - Sidebar Left Opened ( Larger than mobile ) */ html.sidebar-left-sm.sidebar-left-collapsed .sidebar-left { width: 73px; } /* Layout Fixed - Content Body */ html.fixed.sidebar-left-sm .content-body { margin-left: 250px; } /* Layout Fixed - Page header */ html.fixed.sidebar-left-sm .page-header { left: 250px; } /* Layout Fixed - Sidebar Right Opened */ html.fixed.sidebar-left-sm.sidebar-right-opened .page-header { left: 0; } html.fixed.sidebar-left-sm.sidebar-right-opened .sidebar-left { left: -250px; } /* Layout Fixed - Sidebar Left Collapsed */ html.fixed.sidebar-left-collapsed .page-header { left: 73px; } html.fixed.sidebar-left-collapsed .content-body { margin-left: 73px; } /* Layout Fixed - Sidebar Left Collapsed & Sidebar Right Opened */ html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .page-header { left: -250px; } /* Content With Menu + Layout Fixed */ html.fixed.sidebar-left-sm .inner-menu { left: 250px; } /* Content With Menu + Layout Fixed + Sidebar Left Collapsed */ html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-toolbar { left: 73px; } html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-toolbar { left: 373px; } /* Content With Menu + Layout Fixed + Sidebar Right Opened */ html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-toolbar { left: -50px; } html.fixed.sidebar-left-sm.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-right-opened.inner-menu-opened .inner-toolbar { left: -350px; } /* Content With Menu - Toolbar + Layout Fixed */ html.fixed.sidebar-left-sm.inner-menu-opened { left: 550px; } html.fixed.sidebar-left-sm .inner-menu-toggle { left: 250px; } } /* Resolution gt 1366 - Show Inner Menu */ @media only screen and (min-width: 1366px) { html.fixed.sidebar-left-sm .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.inner-menu-opened .content-with-menu .inner-toolbar { left: 550px; } html.fixed.sidebar-left-sm .inner-menu-toggle, html.fixed.sidebar-left-sm .inner-menu, html.fixed.sidebar-left-sm.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.inner-menu-opened .inner-menu { left: 250px; } html.fixed.sidebar-left-sm.sidebar-right-opened .content-with-menu .inner-toolbar { left: 250px; } html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu-toggle { left: -50px; } html.fixed.sidebar-left-sm.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar { left: 373px; } html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu { left: 73px; } html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar { left: 73px; } html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle { left: -227px; } } @media only screen and (max-width: 767px) { /* Layout Mobile - Sidebar Left Collapsed & Sidebar Right Opened */ html.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .sidebar-left { margin-left: -200px; } } @media only screen and (min-width: 768px) { /* Layout Base - Sidebar Left */ html.sidebar-left-xs .sidebar-left { width: 200px; font-size: 1.1rem; } html.sidebar-left-xs .sidebar-left ul.nav-main li i { font-size: 1.4rem; } html.sidebar-left-xs .sidebar-left ul.nav-main li a { font-size: 1.1rem; } html.sidebar-left-xs .sidebar-left ul.nav-main li .nav-children li a { padding-left: 52px; } html.sidebar-left-xs .sidebar-left .sidebar-widget .widget-header h6 { font-size: 1.1rem; } html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left .sidebar-title { margin-left: -200px; } html.sidebar-left-xs.sidebar-left-collapsed.fixed .sidebar-left .nano:hover { width: 200px; } /* Layout Base - Sidebar Left Opened ( Larger than mobile ) */ html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left { width: 73px; } /* Layout Fixed - Content Body */ html.fixed.sidebar-left-xs .content-body { margin-left: 200px; } /* Layout Fixed - Page header */ html.fixed.sidebar-left-xs .page-header { left: 200px; } /* Layout Fixed - Sidebar Right Opened */ html.fixed.sidebar-left-xs.sidebar-right-opened .page-header { left: 0; } html.fixed.sidebar-left-xs.sidebar-right-opened .sidebar-left { left: -200px; } /* Layout Fixed - Sidebar Left Collapsed */ html.fixed.sidebar-left-collapsed .page-header { left: 73px; } html.fixed.sidebar-left-collapsed .content-body { margin-left: 73px; } /* Layout Fixed - Sidebar Left Collapsed & Sidebar Right Opened */ html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .page-header { left: -200px; } /* Content With Menu + Layout Fixed */ html.fixed.sidebar-left-xs .inner-menu { left: 200px; } /* Content With Menu + Layout Fixed + Sidebar Left Collapsed */ html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-toolbar { left: 73px; } html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-toolbar { left: 373px; } /* Content With Menu + Layout Fixed + Sidebar Right Opened */ html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-toolbar { left: -100px; } html.fixed.sidebar-left-xs.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-right-opened.inner-menu-opened .inner-toolbar { left: -400px; } /* Content With Menu - Toolbar + Layout Fixed */ html.fixed.sidebar-left-xs.inner-menu-opened { left: 500px; } html.fixed.sidebar-left-xs .inner-menu-toggle { left: 200px; } } /* Resolution gt 1366 - Show Inner Menu */ @media only screen and (min-width: 1366px) { html.fixed.sidebar-left-xs .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.inner-menu-opened .content-with-menu .inner-toolbar { left: 500px; } html.fixed.sidebar-left-xs .inner-menu-toggle, html.fixed.sidebar-left-xs .inner-menu, html.fixed.sidebar-left-xs.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.inner-menu-opened .inner-menu { left: 200px; } html.fixed.sidebar-left-xs.sidebar-right-opened .content-with-menu .inner-toolbar { left: 200px; } html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu-toggle { left: -100px; } html.fixed.sidebar-left-xs.sidebar-left-collapsed .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar { left: 373px; } html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu { left: 73px; } html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar { left: 73px; } html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .inner-menu, html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle { left: -227px; } } /* Sidebar Right */ .sidebar-right { z-index: 1010; } .sidebar-right .sidebar-right-wrapper { padding: 20px; } .sidebar-right h6 { margin: 0; color: #777; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; } .sidebar-right .mobile-close { background: #000; color: #999; left: 0; line-height: 50px; padding-left: 20px; position: relative; overflow: hidden; width: 100%; text-align: left; text-decoration: none; } .sidebar-right .mobile-close i { margin-left: 5px; vertical-align: middle; } .sidebar-right .mobile-close:after { box-shadow: 0 0px 3px 0 rgba(255, 255, 255, 0.7); bottom: -1px; content: ''; display: block; height: 1px; left: 0; position: absolute; right: 0; } /* If desktop is seeing mobile res, fix scrollbars */ @media only screen and (max-width: 767px) { html.no-mobile-device.custom-scroll .sidebar-right .nano > .nano-content { overflow: scroll; overflow-x: hidden; } } /* Content With Menu - Menu Faux Column for Scroll and Boxed Layouts Colors */ @media only screen and (min-width: 768px) { html.scroll .content-with-menu:before, html.boxed .content-with-menu:before { background: #1D2127; } html.scroll .content-with-menu:after, html.boxed .content-with-menu:after { background: #000; box-shadow: 0px 0 4px 2px rgba(0, 0, 0, 0.5); } } /* Unstyle nano for non fixed layouts */ html.scroll .inner-menu .nano, html.scroll.no-overflowscrolling.custom-scroll .inner-menu .nano, html.boxed .inner-menu .nano, html.boxed.no-overflowscrolling.custom-scroll .inner-menu .nano { position: static; height: auto; overflow: visible; width: auto; } html.scroll .inner-menu .nano > .nano-content, html.scroll.no-overflowscrolling.custom-scroll .inner-menu .nano > .nano-content, html.boxed .inner-menu .nano > .nano-content, html.boxed.no-overflowscrolling.custom-scroll .inner-menu .nano > .nano-content { position: static; overflow: visible; } @media only screen and (max-width: 767px) { html.fixed .inner-menu .nano { position: static; height: auto; overflow: visible; width: auto; } html.fixed .inner-menu .nano .nano-content { margin-right: 0; position: static; overflow: visible; } } /* Fix padding when fixed */ @media only screen and (min-width: 768px) { html.fixed .inner-menu { padding: 0; } html.fixed .inner-menu .nano-content { padding: 35px; } html.fixed .inner-menu .nano-content:after { display: block; content: ''; height: 35px; } } /* Content With Menu - Inner Menu Style */ .inner-menu { background: #1D2127; border-right: 1px solid #242830; color: #abb4be; padding: 0; margin: 0; } .inner-menu .title { color: #465162; font-weight: 600; margin: 10px 0; padding: 0; text-transform: uppercase; } .inner-menu hr.separator { background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent); margin: 20px -35px 20px; } .inner-menu a, .inner-menu a:hover { color: #abb4be; } .inner-menu a.menu-item { color: #abb4be; display: block; margin: 0 -35px 0 -35px; padding: 10px 50px 10px 50px; text-decoration: none; } .inner-menu a.menu-item:hover { background: #21262d; color: #abb4be; text-decoration: none; } .inner-menu a.menu-item.active { background: #282d36; } .inner-menu a.menu-item .label { font-weight: normal; font-size: 10px; font-size: 1rem; padding: .3em .7em .4em; margin: .2em -1em 0 0; } html.sidebar-light:not(.dark) .inner-menu { background: #FFF; border-right-color: #e2e3e6; color: #777; } html.sidebar-light:not(.dark) .inner-menu .title { color: #465162; } html.sidebar-light:not(.dark) .inner-menu hr.separator { background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent); } html.sidebar-light:not(.dark) .inner-menu a.menu-item { color: #777; } html.sidebar-light:not(.dark) .inner-menu a.menu-item:hover { background: #e2e3e6; color: #777; } html.sidebar-light:not(.dark) .inner-menu a.menu-item.active { background: #e2e3e6; } /* Content With Menu - Toggle */ .inner-menu-toggle, .inner-menu .inner-menu-toggle-inside { background: #000; color: #999; left: 0; line-height: 52px; position: relative; overflow: hidden; text-align: left; text-decoration: none; } .inner-menu-toggle:after, .inner-menu .inner-menu-toggle-inside:after { box-shadow: 0 0px 3px 0 rgba(255, 255, 255, 0.7); bottom: -1px; content: ''; display: block; height: 1px; left: 0; position: absolute; right: 0; } .inner-menu-toggle a, .inner-menu .inner-menu-toggle-inside a { display: block; padding-left: 20px; text-decoration: none; } .inner-menu-toggle a i, .inner-menu .inner-menu-toggle-inside a i { vertical-align: middle; } .inner-menu-toggle .inner-menu-collapse, .inner-menu .inner-menu-toggle-inside .inner-menu-collapse { display: none; } html.sidebar-light:not(.dark) .inner-menu-toggle, html.sidebar-light:not(.dark) .inner-menu .inner-menu-toggle-inside { background: #E2E3E6; color: #777; } html.sidebar-light:not(.dark) .inner-menu-toggle > a, html.sidebar-light:not(.dark) .inner-menu .inner-menu-toggle-inside > a { color: #777; } .inner-menu-toggle a i { margin-left: 5px; } .inner-menu-toggle-inside { margin: -35px -35px 15px -35px; } .inner-menu-toggle-inside .inner-menu-collapse i { margin-right: 5px; } .inner-menu-toggle-inside .inner-menu-expand i { margin-left: 5px; } /* Content With Menu - Toggle - Outside */ .inner-menu-toggle { display: none; } /* Content With Menu - Inner Menu Content */ .inner-menu-content { display: none; } html.inner-menu-opened .inner-menu .inner-menu-toggle-inside .inner-menu-collapse { display: block; } html.inner-menu-opened .inner-menu-expand { display: none; } html.inner-menu-opened .inner-menu-content { display: block; } /* Content With Menu - Responsive */ @media only screen and (max-width: 767px) { .inner-menu .hidden-xs-inline { display: none; } .inner-menu .inner-menu-content { padding: 20px; } .inner-menu-toggle-inside { margin: 0; } } /* Content With Menu - Toolbar + Layout Fixed */ @media only screen and (min-width: 768px) { html.fixed.inner-menu-opened { left: 600px; } html.fixed .inner-menu-toggle { position: fixed; left: 300px; } } html.dark .inner-menu-toggle:after, html.dark .inner-menu .inner-menu-toggle-inside:after { box-shadow: none; } ul.nav-main { margin-right: 5px; } ul.nav-main > li > a { padding: 12px 25px; } ul.nav-main > li > a:hover, ul.nav-main > li > a:focus { background-color: #21262d; } ul.nav-main > li.nav-active > a { box-shadow: 2px 0 0 #CCC inset; } ul.nav-main > li.nav-active > a:hover { color: #abb4be; } ul.nav-main > li.nav-active > i { color: #CCC; } ul.nav-main > li.nav-expanded > a { background: #21262d; } ul.nav-main li a { font-size: 1.3rem; color: #abb4be; white-space: nowrap; text-overflow: ellipsis; } ul.nav-main li a span.label { font-weight: normal; font-size: 1rem; padding: .3em .7em .4em; margin: .4em -1em 0 0; } ul.nav-main li a .not-included { font-style: normal; color: #505b67; display: inline-block; padding: 0 0 0 6px; } ul.nav-main li span { vertical-align: middle; } ul.nav-main li i { font-size: 1.8rem; width: 1.1em; margin-right: 0.5em; text-align: center; vertical-align: middle; } ul.nav-main li.nav-parent { position: relative; } ul.nav-main li.nav-parent > a { cursor: pointer; } ul.nav-main li.nav-parent > a:after { font-family: 'FontAwesome'; content: '\f107'; font-size: 1.6rem; color: #abb4be; position: absolute; right: 0; top: 0; padding: 14px 25px; } ul.nav-main li.nav-parent.nav-expanded > a:after { content: '\f106'; } ul.nav-main li.nav-parent.nav-expanded > ul.nav-children { display: block; } ul.nav-main li .nav-children { background: #191c21; box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.7) inset; display: none; padding: 10px 0; } ul.nav-main li .nav-children li a { padding: 6px 15px 6px 57px; overflow: hidden; } ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus { background: #191c21; } ul.nav-main li .nav-children li a:after { padding: 6px 25px; } ul.nav-main li .nav-children li.nav-active > a { color: #CCC; } ul.nav-main li .nav-children .nav-children { box-shadow: none; padding: 0; } ul.nav-main li .nav-children .nav-children li a { padding: 6px 15px 6px 82px; } ul.nav-main li .nav-children .nav-children .nav-children li a { padding: 6px 15px 6px 97px; } /* Sidebar Light - Menu */ html.sidebar-light:not(.dark) ul.nav-main { margin-top: 3px; } html.sidebar-light:not(.dark) ul.nav-main li a { color: #777; } html.sidebar-light:not(.dark) ul.nav-main > li > a:hover, html.sidebar-light:not(.dark) ul.nav-main > li > a:focus { background-color: #fafafa; } html.sidebar-light:not(.dark) ul.nav-main > li.nav-expanded > a { background: #fafafa; } html.sidebar-light:not(.dark) ul.nav-main li .nav-children { background: #F6F6F6; box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.1) inset; } html.sidebar-light:not(.dark) ul.nav-main li .nav-children li a:hover, html.sidebar-light:not(.dark) ul.nav-main li .nav-children li a:focus { background: #F1F1F1; } /* Page Header */ .page-header { z-index: 1001; /* Left Breadcumb */ /* Mobile */; } .page-header h2 { color: #FFF; border-bottom: 4px solid #CCC; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: inline-block; float: left; height: 50px; font-size: 2rem; letter-spacing: normal; line-height: 50px; margin: 0 0 0 -1px; padding: 0 22px 0 20px; } .page-header .right-wrapper { float: right; } .page-header .breadcrumbs { display: inline-block; font-size: 0; line-height: 50px; margin: 0; padding: 0; } .page-header .breadcrumbs li { color: #C3C3C3; display: inline-block; font-weight: 300; } .page-header .breadcrumbs li:after { content: '/'; display: inline-block; font-size: 1.4rem; margin: 0 10px; vertical-align: middle; } .page-header .breadcrumbs li:last-child:after { display: none; } .page-header .breadcrumbs .fa-home { font-size: 2rem; } .page-header .breadcrumbs i { vertical-align: middle; } .page-header .breadcrumbs a, .page-header .breadcrumbs span { /*color: #C3C3C3;*/ color: #FFFFFF; display: inline-block; font-size: 1.4rem; line-height: 20px; vertical-align: middle; } .page-header .sidebar-right-toggle { cursor: pointer; color: #C3C3C3; display: inline-block; font-size: 17px; margin: 0 0 0 10px; height: 50px; width: 50px; vertical-align: top; text-align: center; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .page-header .sidebar-right-toggle i { line-height: 53px; vertical-align: middle; } .page-header .sidebar-right-toggle:hover { color: #CCC; } .page-header.page-header-left-breadcrumb { position: relative; background: transparent !important; height: initial; top: 3px; margin: 0 0 15px; padding-left: 8px; border: 0 !important; box-shadow: none !important; z-index: 0; } .page-header.page-header-left-breadcrumb h2 { float: none; height: 40px; line-height: 30px; color: #33353F; padding: 0; border: 0; } .page-header.page-header-left-breadcrumb .right-wrapper { float: none; padding-left: 0; } .page-header.page-header-left-breadcrumb .breadcrumbs { margin-top: -10px; line-height: 30px; } .page-header.page-header-left-breadcrumb .breadcrumbs a, .page-header.page-header-left-breadcrumb .breadcrumbs span { color: #757677; } .page-header.page-header-left-breadcrumb .sidebar-right-toggle { position: absolute; top: 30%; right: -25px; color: #33353F; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .page-header .page-header-left-breadcrumb { margin-top: 15px; } .page-header .page-header-left-breadcrumb .sidebar-right-toggle { right: -15px; } } /* Header Dark - Page Header */ html.dark .page-header, html.header-dark .page-header { border-left-color: #171717; box-shadow: 1px 3px 0 1px #2f3139; } /* Sidebar Light- Page Header */ html.sidebar-light:not(.dark) .page-header { border-left-color: #e6e6e6; background: #f6f6f6; box-shadow: 1px 3px 0 1px #e2e3e6; } html.sidebar-light:not(.dark) .page-header h2 { color: #333; } html.sidebar-light:not(.dark) .page-header .breadcrumbs a, html.sidebar-light:not(.dark) .page-header .breadcrumbs span { color: #333; } html.sidebar-light:not(.dark) .page-header .sidebar-right-toggle i { color: #333; } html.sidebar-right-opened .page-header .sidebar-right-toggle i:before { content: "\f054"; } /* Page Header - Mobile */ @media only screen and (max-width: 767px) { .page-header { padding-right: 80px; } .page-header .breadcrumbs { display: none; } .page-header h2 { font-size: 16px; padding: 0 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .page-header .sidebar-right-toggle { position: absolute; right: 0; top: 0; } } html.ie { /* Page header */; } html.ie .page-header { /* Left Breadcumb */; } html.ie .page-header.page-header-left-breadcrumb h2 { float: left; } /* Headings */ h1, h2, h3, .h1, .h2, .h3 { letter-spacing: -1px; } h1, .h1 { font-size: 3.6rem; } h2, .h2 { font-size: 3rem; } h3, .h3 { font-size: 2.4rem; } h4, .h4 { font-size: 1.8rem; } h5, .h5 { font-size: 1.4rem; } h6, .h6 { font-size: 1.2rem; letter-spacing: 0; } /* Alternative Font Style */ .alternative-font { color: #CCC; font-family: "Shadows Into Light", cursive; font-size: 1.6em; } /* Shadow Style 1 */ .shadow-style-1 { box-shadow: 10px 10px 74px -15px rgba(74, 74, 74, 0.1); -webkit-transition: ease box-shadow 300ms; -moz-transition: ease box-shadow 300ms; transition: ease box-shadow 300ms; } .shadow-style-1:hover { box-shadow: 10px 10px 74px -15px rgba(74, 74, 74, 0.4); } /* Shadow Style 2 */ .shadow-style-2 { box-shadow: 10px 10px 74px -15px rgba(74, 74, 74, 0.4); } /* Drop Caps */ p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; color: #171717; } p.drop-caps.secondary:first-child:first-letter { background-color: #171717; color: #FFF; padding: 6px; margin-right: 5px; border-radius: 4px; } p.drop-caps.colored:first-child:first-letter { color: #CCC; } p.drop-caps.colored.secondary:first-child:first-letter { background-color: #CCC; color: #FFF; } /* Blockquote */ blockquote { font-size: 1em; } /* Hightlight */ .highlight { background-color: #CCC; color: #FFF; padding: 3px 6px; } /* Divider Line */ hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); margin: 22px 0 22px 0; } hr.short { margin: 11px 0 11px 0; } hr.tall { margin: 44px 0 44px 0; } hr.taller { margin: 66px 0 66px 0; } hr.light { background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); } hr.dotted { height: 0; border-bottom: 1px dotted #ddd; } hr.solid { height: 0; border-bottom: 1px solid #ddd; } /* Buttons Icon */ .btn-icon i { margin-right: 10px; } .btn-icon-right i { margin-right: 0; margin-left: 10px; } /* Form Elements */ input { outline: none; } label { font-weight: normal; } textarea { resize: vertical; } textarea[data-toggle=autosize] { -webkit-transition: height 0.15s ease-in; -moz-transition: height 0.15s ease-in; transition: height 0.15s ease-in; } select { border: 1px solid #E5E7E9; border-radius: 6px; height: 46px; padding: 12px; outline: none; } /* Forms Validations */ label.valid { display: inline-block; text-indent: -9999px; } label.error { color: #C10000; font-size: 0.9em; margin-top: -5px; padding: 0; } /* Miscellaneous */ body a, body a:focus, body a:hover, body a:active, body a:visited { outline: none !important; } .center { text-align: center; } .popover .btn { margin-right: 5px; } .popover .btn:last-child { margin-right: 0; } ul, ol { margin-bottom: 0; padding-left: 27px; } blockquote.primary { border-color: #CCC; } blockquote.success { border-color: #47a447; } blockquote.warning { border-color: #ed9c28; } blockquote.danger { border-color: #d2322d; } blockquote.info { border-color: #5bc0de; } blockquote.dark { border-color: #171717; } .well.primary { background: #CCC; border-color: #b3b3b3; color: #FFF; } .well.success { background: #47a447; border-color: #388038; color: #FFF; } .well.warning { background: #ed9c28; border-color: #d18211; color: #FFF; } .well.danger { background: #d2322d; border-color: #a82824; color: #FFF; } .well.info { background: #5bc0de; border-color: #31b0d5; color: #FFF; } .well.dark { background: #171717; border-color: black; color: #FFF; } /* Arrows */ .arrow { background: transparent url(../images/arrows.png) no-repeat 0 0; width: 47px; height: 120px; display: inline-block; position: relative; } .arrow.arrow-light { background-image: url(../images/arrows-dark.png); } .arrow.vtl { background-position: 0 0; width: 47px; height: 96px; } .arrow.vtr { background-position: -101px 0; width: 47px; height: 96px; } .arrow.vbl { background-position: 0 -144px; width: 47px; height: 96px; } .arrow.vbr { background-position: -101px -144px; width: 47px; height: 96px; } .arrow.hlt { background-position: -209px 0; width: 120px; height: 47px; } .arrow.hlb { background-position: -209px -101px; width: 120px; height: 47px; } .arrow.hrt { background-position: -353px 0; width: 120px; height: 47px; } .arrow.hrb { background-position: -353px -101px; width: 120px; height: 47px; } .img-thumbnail { border-radius: 8px; position: relative; } .img-thumbnail .zoom { display: block; position: absolute; right: 8px; bottom: 8px; height: 30px; width: 30px; padding: 6px; font-size: 14px; line-height: 18px; background: #CCC; border-radius: 100%; color: #FFF; text-align: center; } .img-thumbnail .zoom i { position: relative; top: -1px; left: -1px; } /* Thumbnail Gallery */ .thumbnail-gallery { list-style: none; margin: 10px 0; padding: 0; } .thumbnail-gallery .img-thumbnail, .thumbnail-gallery .thumbnail { margin: 10px 10px 0 0; } /* Navs */ ul.nav-list.primary > li { margin: 0; padding: 0; } ul.nav-list.primary > li:last-child a { border-bottom: transparent !important; } ul.nav-list.primary > li a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-position: 9px 16px; background-repeat: no-repeat; border-bottom: 1px solid #EDEDDE; padding: 8px 20px; } .changelog h4 { display: inline-block; color: #000; font-size: 1em; font-weight: 600; } .changelog .release-date { color: #999; font-size: 0.9em; } .changelog .label { display: inline-block; min-width: 100px; } .scrollable { overflow: hidden; position: relative; width: 100%; } .scrollable .scrollable-content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; padding: 0 37px 0 0; overflow-x: hidden; overflow-y: scroll; outline: none; } .scrollable .scrollable-content::-webkit-scrollbar { visibility: hidden; } .scrollable .scrollable-pane { bottom: 0; opacity: 0.01; position: absolute; right: 5px; top: 0; transition: all 0.2s ease 0s; width: 4px; } .scrollable .scrollable-slider { border-radius: 5px; background: none repeat scroll 0 0 #CCC; margin: 0; position: relative; transition: opacity 0.2s ease 0s; opacity: 0; } .scrollable.scrollable-padding .scrollable-content { padding: 10px 24px 10px 10px; } .scrollable:hover .scrollable-slider, .scrollable.visible-slider .scrollable-slider { opacity: 1; } .text-xs { font-size: 1rem; } .text-sm { font-size: 1.3rem; } .text-md { font-size: 1.6rem; } .text-lg { font-size: 1.9rem; } .text-xl { font-size: 2.2rem; } .text-xlg { font-size: 2.4rem; } .text-muted { color: #999 !important; } html.dark .text-muted { color: #505461 !important; } .text-primary { color: #CCC !important; } .text-secondary { color: #E36159 !important; } .text-tertiary { color: #2BAAB1 !important; } .text-quaternary { color: #734BA9 !important; } .text-success { color: #47a447 !important; } .text-warning { color: #ed9c28 !important; } .text-danger { color: #d2322d !important; } .text-info { color: #5bc0de !important; } .text-dark { color: #171717 !important; } .text-primary-inverse { color: #FFF !important; } .text-secondary-inverse { color: #FFF !important; } .text-tertiary-inverse { color: #FFF !important; } .text-quaternary-inverse { color: #FFF !important; } .text-success-inverse { color: #FFF !important; } .text-warning-inverse { color: #FFF !important; } .text-danger-inverse { color: #FFF !important; } .text-info-inverse { color: #FFF !important; } .text-dark-inverse { color: #FFF !important; } /* weights */ .text-weight-light { font-weight: 300; } .text-weight-normal { font-weight: 400; } .text-weight-semibold { font-weight: 600; } .text-weight-bold { font-weight: 700; } .text-weight-extrabold { font-weight: 900; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .rounded { border-radius: 5px; } .b-thin { border-width: 3px; } .b-normal { border-width: 5px; } .b-thick { border-width: 7px; } .b-none { border: none !important; } .list-style-none > li { list-style: none !important; } /* Spacements */ /* spacement top & bottom */ .m-none { margin: 0 !important; } .m-auto { margin: 0 auto !important; } .m-xs { margin: 5px !important; } .m-sm { margin: 10px !important; } .m-md { margin: 15px !important; } .m-lg { margin: 20px !important; } .m-xl { margin: 25px !important; } .m-xlg { margin: 30px !important; } /* spacement top */ .mt-none { margin-top: 0 !important; } .mt-xs { margin-top: 5px !important; } .mt-sm { margin-top: 10px !important; } .mt-md { margin-top: 15px !important; } .mt-lg { margin-top: 20px !important; } .mt-xl { margin-top: 25px !important; } .mt-xlg { margin-top: 30px !important; } /* spacement bottom */ .mb-none { margin-bottom: 0 !important; } .mb-xs { margin-bottom: 5px !important; } .mb-sm { margin-bottom: 10px !important; } .mb-md { margin-bottom: 15px !important; } .mb-lg { margin-bottom: 20px !important; } .mb-xl { margin-bottom: 25px !important; } .mb-xlg { margin-bottom: 30px !important; } /* spacement left */ .ml-none { margin-left: 0 !important; } .ml-xs { margin-left: 5px !important; } .ml-sm { margin-left: 10px !important; } .ml-md { margin-left: 15px !important; } .ml-lg { margin-left: 20px !important; } .ml-xl { margin-left: 25px !important; } .ml-xlg { margin-left: 30px !important; } /* spacement right */ .mr-none { margin-right: 0 !important; } .mr-xs { margin-right: 5px !important; } .mr-sm { margin-right: 10px !important; } .mr-md { margin-right: 15px !important; } .mr-lg { margin-right: 20px !important; } .mr-xl { margin-right: 25px !important; } .mr-xlg { margin-right: 30px !important; } /* Spacement Padding */ .p-none { padding: 0 !important; } .p-xs { padding: 5px !important; } .p-sm { padding: 10px !important; } .p-md { padding: 15px !important; } .p-lg { padding: 20px !important; } .p-xl { padding: 25px !important; } .p-xlg { padding: 30px !important; } /* spacement top */ .pt-none { padding-top: 0 !important; } .pt-xs { padding-top: 5px !important; } .pt-sm { padding-top: 10px !important; } .pt-md { padding-top: 15px !important; } .pt-lg { padding-top: 20px !important; } .pt-xl { padding-top: 25px !important; } .pt-xlg { padding-top: 30px !important; } /* spacement bottom */ .pb-none { padding-bottom: 0 !important; } .pb-xs { padding-bottom: 5px !important; } .pb-sm { padding-bottom: 10px !important; } .pb-md { padding-bottom: 15px !important; } .pb-lg { padding-bottom: 20px !important; } .pb-xl { padding-bottom: 25px !important; } .pb-xlg { padding-bottom: 30px !important; } /* spacement left */ .pl-none { padding-left: 0 !important; } .pl-xs { padding-left: 5px !important; } .pl-sm { padding-left: 10px !important; } .pl-md { padding-left: 15px !important; } .pl-lg { padding-left: 20px !important; } .pl-xl { padding-left: 25px !important; } .pl-xlg { padding-left: 30px !important; } /* spacement right */ .pr-none { padding-right: 0 !important; } .pr-xs { padding-right: 5px !important; } .pr-sm { padding-right: 10px !important; } .pr-md { padding-right: 15px !important; } .pr-lg { padding-right: 20px !important; } .pr-xl { padding-right: 25px !important; } .pr-xlg { padding-right: 30px !important; } .ib { display: inline-block; vertical-align: top; } .va-middle { vertical-align: middle; } .ws-nowrap { white-space: nowrap; } .ws-normal { white-space: normal; } .bg-none { background: none !important; } .bg-light { background-color: #FFF; } .bg-default { background: #ebebeb; color: #777; } .bg-primary { background: #CCC; color: #FFF; } .bg-secondary { background: #E36159; color: #FFF; } .bg-tertiary { background: #2BAAB1; color: #FFF; } .bg-quaternary { background: #734BA9; color: #FFF; } .bg-success { background: #47a447; color: #FFF; } .bg-warning { background: #ed9c28; color: #FFF; } .bg-danger { background: #d2322d; color: #FFF; } .bg-info { background: #5bc0de; color: #FFF; } .bg-dark { background: #171717; color: #FFF; } /* Container */ .container-xl { width: 100%; max-width: 1630px; } /* Form - iOS Override */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea { -webkit-appearance: none; } .form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bdbdbd; } .form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder { color: #bdbdbd; } .form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bdbdbd; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } html.dark .form-control { background-color: #282d36; border-color: #282d36; color: #EEE; } html.dark .form-control[disabled], html.dark .form-control[readonly], html.dark fieldset[disabled] .form-control { background-color: #21262d; } html.dark .input-group-addon { background-color: #21262d; border-color: #21262d; color: #EEE; } /* Form - Bootstrap Override */ .btn-lg, .btn-group-lg > .btn { line-height: 1.334; } select.input-sm, select.input-lg { line-height: 1; } .bootstrap-timepicker-widget input { border: 0; } /* Form - Custom Fields */ .required { display: inline-block; color: #d2322d; font-size: 0.8em; font-weight: bold; position: relative; top: -0.2em; } label.error { color: #B94A48; margin-top: 2px; } /* Form - Group Override */ .form-group:after { clear: both; display: block; content: ''; } .form-group:last-child, .form-group:last-of-type { margin-bottom: 0; } /* Form - Bordered */ .form-bordered .form-group { border-bottom: 1px solid #eff2f7; padding-bottom: 15px; margin-bottom: 15px; } .form-bordered .form-group:last-child, .form-bordered .form-group:last-of-type { border-bottom: none !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } /* Dark - Form - Bordered */ html.dark .form-bordered .form-group { border-bottom: 1px solid #242830; padding-bottom: 15px; margin-bottom: 15px; } /* Form - Vertical Group / Stacked */ .form-group-vertical { position: relative; white-space: nowrap; } .form-group-vertical .form-control { border-radius: 0; margin-top: -1px; z-index: 1; } .form-group-vertical .form-control:first-child, .form-group-vertical .form-control:first-of-type { border-radius: 4px 4px 0 0; } .form-group-vertical .form-control:last-child, .form-group-vertical .form-control:last-of-type { border-radius: 0 0 4px 4px; } .form-group-vertical .form-control:focus { position: relative; z-index: 2; } .form-group-vertical .input-group { margin-top: -1px; } .form-group-vertical .input-group .form-control { margin-top: 0; } .form-group-vertical .input-group:first-child .input-group-addon, .form-group-vertical .input-group:first-of-type .input-group-addon { border-radius: 4px 0 0 0; } .form-group-vertical .input-group:first-child .form-control, .form-group-vertical .input-group:first-of-type .form-control { border-radius: 0 4px 0 0; } .form-group-vertical .input-group:last-child .input-group-addon, .form-group-vertical .input-group:last-of-type .input-group-addon { border-radius: 0 0 0 4px; } .form-group-vertical .input-group:last-child .form-control, .form-group-vertical .input-group:last-of-type .form-control { border-radius: 0 0 4px 0; } .form-group-vertical .input-group.input-group-icon:first-child .input-group-addon, .form-group-vertical .input-group.input-group-icon:first-of-type .input-group-addon { border-radius: 4px 4px 0 0; } .form-group-vertical .input-group.input-group-icon:first-child .form-control, .form-group-vertical .input-group.input-group-icon:first-of-type .form-control { border-radius: 4px 4px 0 0; } .form-group-vertical .input-group.input-group-icon:last-child .input-group-addon, .form-group-vertical .input-group.input-group-icon:last-of-type .input-group-addon { border-radius: 0 0 4px 4px; } .form-group-vertical .input-group.input-group-icon:last-child .form-control, .form-group-vertical .input-group.input-group-icon:last-of-type .form-control { border-radius: 0 0 4px 4px; } /* Form - Input Override */ .input-lg { border-radius: 4px; } /* Form - Input Icon */ .input-group-icon, .input-search { width: 100%; table-layout: fixed; } .input-group-icon input.form-control, .input-search input.form-control { font-size: 1.2rem; padding-right: 36px; } .input-group-icon input.form-control:first-child, .input-group-icon input.form-control:last-child, .input-search input.form-control:first-child, .input-search input.form-control:last-child { border-radius: 4px; } .input-group-icon .input-group-btn, .input-search .input-group-btn { border-radius: 500px; width: 0; } .input-group-icon .input-group-btn:first-child, .input-group-icon .input-group-btn:last-child, .input-search .input-group-btn:first-child, .input-search .input-group-btn:last-child { border-radius: 500px; } .input-group-icon .input-group-btn button, .input-search .input-group-btn button { position: absolute; top: 0; left: 0; bottom: 0; border: 0; z-index: 3; background: transparent; } .input-group-icon .input-group-btn button:active, .input-search .input-group-btn button:active { -webkit-box-shadow: none; box-shadow: none; } .input-group-icon .input-group-btn:last-child button, .input-search .input-group-btn:last-child button { left: auto; right: 0; } .input-group-icon .input-group-btn + input.form-control, .input-search .input-group-btn + input.form-control { padding-right: 12px; padding-left: 36px; } .input-group-icon .input-group-addon, .input-search .input-group-addon { position: relative; padding: 0; border: 0 none; width: 0; } .input-group-icon .input-group-addon span.icon, .input-search .input-group-addon span.icon { position: absolute; top: 0; bottom: 0; left: 0; border: 0; z-index: 3; width: auto; display: inline-block; vertical-align: middle; text-align: center; padding: 6px 12px; background: transparent; line-height: 1.42857143; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; pointer-events: none; } .input-group-icon .input-group-addon span.icon.icon-lg, .input-search .input-group-addon span.icon.icon-lg { padding: 10px 14px; font-size: 18px; } .input-group-icon .input-group-addon:last-child span.icon, .input-search .input-group-addon:last-child span.icon { left: auto; right: 0; } .input-group-icon .input-group-addon + input.form-control, .input-search .input-group-addon + input.form-control { padding-right: 12px; padding-left: 36px; } /* Form - Input Search */ .input-search { width: 100%; } .input-search input.form-control:focus { border-color: #ccc; -webkit-box-shadow: none; box-shadow: none; } .input-search .input-group-btn { color: #ccc; } .input-search .input-group-btn .btn { padding-left: 15px; } .input-search .input-group-btn .btn-default { color: #ccc; } /* Dark */ .input-search { width: 100%; } .input-search input.form-control:focus { border-color: #1d2127; } .input-search .input-group-btn .btn { background: transparent !important; } /* Form - Round Input */ input.input-rounded { -webkit-border-radius: 500px; border-radius: 500px; } .input-group-rounded input.form-control, .input-search input.form-control { -webkit-border-radius: 500px; border-radius: 500px; } .input-group-rounded input.form-control:first-child, .input-group-rounded input.form-control:last-child, .input-search input.form-control:first-child, .input-search input.form-control:last-child { border-radius: 500px; } .input-group-rounded .input-group-addon:first-child, .input-search .input-group-addon:first-child { border-radius: 500px 0 0 500px; } .input-group-rounded .input-group-addon:last-child, .input-search .input-group-addon:last-child { border-radius: 0 500px 500px 0; } /* Form - Custom Checkbox */ .checkbox-custom { position: relative; padding: 0 0 0 25px; margin-bottom: 7px; margin-top: 0; } .checkbox-custom.checkbox-inline { display: inline-block; vertical-align: middle; } .form-group .checkbox-custom.checkbox-inline { margin-top: 7px; padding-top: 0; } .checkbox-custom:last-child, .checkbox-custom:last-of-type { margin-bottom: 0; } .checkbox-custom input[type="checkbox"] { opacity: 0; position: absolute; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; } .checkbox-custom input[type="checkbox"]:checked + label:after { position: absolute; display: inline-block; font-family: 'FontAwesome'; content: '\F00C'; top: 50%; left: 4px; margin-top: -5px; font-size: 11px; line-height: 1; width: 16px; height: 16px; color: #333; } .checkbox-custom input[type="checkbox"]:disabled { cursor: not-allowed; } .checkbox-custom input[type="checkbox"]:disabled:checked + label:after { color: #999; } .checkbox-custom input[type="checkbox"]:disabled + label { cursor: not-allowed; } .checkbox-custom input[type="checkbox"]:disabled + label:before { background-color: #eee; } .checkbox-custom label { cursor: pointer; margin-bottom: 0; text-align: left; line-height: 1.2; } .checkbox-custom label:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 19px; height: 18px; display: inline-block; border-radius: 2px; border: 1px solid #bbb; background: #fff; } .checkbox-custom label + label.error { display: block; } html.dark .checkbox-custom label:before { background: #282d36; border-color: #21262d; } html.dark .checkbox-custom input[type="checkbox"]:checked + label:after { color: #fff; } html.dark .checkbox-custom input[type="checkbox"]:disabled + label:before { background: #242830; border-color: #242830; } html.dark .checkbox-primary input[type="checkbox"]:checked + label:after, .checkbox-primary input[type="checkbox"]:checked + label:after { color: #fff; } html.dark .checkbox-primary label:before, .checkbox-primary label:before { background: #CCC; border-color: #bfbfbf; } html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after, .checkbox-text-primary input[type="checkbox"]:checked + label:after { color: #CCC; } html.dark .checkbox-success input[type="checkbox"]:checked + label:after, .checkbox-success input[type="checkbox"]:checked + label:after { color: #fff; } html.dark .checkbox-success label:before, .checkbox-success label:before { background: #47a447; border-color: #3f923f; } html.dark .checkbox-text-success input[type="checkbox"]:checked + label:after, .checkbox-text-success input[type="checkbox"]:checked + label:after { color: #47a447; } html.dark .checkbox-warning input[type="checkbox"]:checked + label:after, .checkbox-warning input[type="checkbox"]:checked + label:after { color: #fff; } html.dark .checkbox-warning label:before, .checkbox-warning label:before { background: #ed9c28; border-color: #e89113; } html.dark .checkbox-text-warning input[type="checkbox"]:checked + label:after, .checkbox-text-warning input[type="checkbox"]:checked + label:after { color: #ed9c28; } html.dark .checkbox-danger input[type="checkbox"]:checked + label:after, .checkbox-danger input[type="checkbox"]:checked + label:after { color: #fff; } html.dark .checkbox-danger label:before, .checkbox-danger label:before { background: #d2322d; border-color: #bd2d29; } html.dark .checkbox-text-danger input[type="checkbox"]:checked + label:after, .checkbox-text-danger input[type="checkbox"]:checked + label:after { color: #d2322d; } html.dark .checkbox-info input[type="checkbox"]:checked + label:after, .checkbox-info input[type="checkbox"]:checked + label:after { color: #fff; } html.dark .checkbox-info label:before, .checkbox-info label:before { background: #5bc0de; border-color: #46b8da; } html.dark .checkbox-text-info input[type="checkbox"]:checked + label:after, .checkbox-text-info input[type="checkbox"]:checked + label:after { color: #5bc0de; } html.dark .checkbox-dark input[type="checkbox"]:checked + label:after, .checkbox-dark input[type="checkbox"]:checked + label:after { color: #fff; } html.dark .checkbox-dark label:before, .checkbox-dark label:before { background: #171717; border-color: #0a0a0a; } html.dark .checkbox-text-dark input[type="checkbox"]:checked + label:after, .checkbox-text-dark input[type="checkbox"]:checked + label:after { color: #171717; } /* Form - Custom Radio */ .radio-custom { position: relative; padding: 0 0 0 25px; margin-bottom: 7px; margin-top: 0; } .radio-custom.radio-inline { display: inline-block; vertical-align: middle; } .form-group .radio-custom.radio-inline { margin-top: 7px; padding-top: 0; } .radio-custom:last-child, .radio-custom:last-of-type { margin-bottom: 0; } .radio-custom input[type="radio"] { opacity: 0; position: absolute; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; } .radio-custom input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 50%; left: 4px; margin-top: -5px; display: inline-block; font-size: 11px; line-height: 1; width: 10px; height: 10px; background-color: #444; border-radius: 50px; -webkit-box-shadow: 0px 0px 1px #444; box-shadow: 0px 0px 1px #444; } .radio-custom input[type="radio"]:disabled { cursor: not-allowed; } .radio-custom input[type="radio"]:disabled:checked + label:after { color: #999; } .radio-custom input[type="radio"]:disabled + label { cursor: not-allowed; } .radio-custom input[type="radio"]:disabled + label:before { background-color: #eee; } .radio-custom label { cursor: pointer; margin-bottom: 0; text-align: left; line-height: 1.2; } .radio-custom label:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 18px; height: 18px; display: inline-block; border-radius: 50px; border: 1px solid #bbb; background: #fff; } .radio-custom label + label.error { display: block; } html.dark .radio-custom label:before { background: #282d36; border-color: #21262d; } html.dark .radio-custom input[type="radio"]:checked + label:after { background-color: #fff; } html.dark .radio-custom input[type="radio"]:disabled + label:before { background: #242830; border-color: #242830; } html.dark .radio-primary input[type="radio"]:checked + label:after, .radio-primary input[type="radio"]:checked + label:after { background: #CCC; -webkit-box-shadow: 0px 0px 1px #CCC; box-shadow: 0px 0px 1px #CCC; } html.dark .radio-success input[type="radio"]:checked + label:after, .radio-success input[type="radio"]:checked + label:after { background: #47a447; -webkit-box-shadow: 0px 0px 1px #47a447; box-shadow: 0px 0px 1px #47a447; } html.dark .radio-warning input[type="radio"]:checked + label:after, .radio-warning input[type="radio"]:checked + label:after { background: #ed9c28; -webkit-box-shadow: 0px 0px 1px #ed9c28; box-shadow: 0px 0px 1px #ed9c28; } html.dark .radio-danger input[type="radio"]:checked + label:after, .radio-danger input[type="radio"]:checked + label:after { background: #d2322d; -webkit-box-shadow: 0px 0px 1px #d2322d; box-shadow: 0px 0px 1px #d2322d; } html.dark .radio-info input[type="radio"]:checked + label:after, .radio-info input[type="radio"]:checked + label:after { background: #5bc0de; -webkit-box-shadow: 0px 0px 1px #5bc0de; box-shadow: 0px 0px 1px #5bc0de; } html.dark .radio-dark input[type="radio"]:checked + label:after, .radio-dark input[type="radio"]:checked + label:after { background: #171717; -webkit-box-shadow: 0px 0px 1px #171717; box-shadow: 0px 0px 1px #171717; } /* Form - Error Container */ div.validation-message ul { display: none; list-style: none; margin: -15px -15px 15px -15px; padding: 15px; border-bottom: 1px solid #FFCBCB; background: #FFEFEF; } div.validation-message ul label.error { display: block; padding-left: 22px; position: relative; } div.validation-message ul label.error:before { font-family: 'FontAwesome'; content: '\f00d'; position: absolute; top: 0; left: 0; font-size: 16px; color: #D9534F; display: inline-block; } .select2-drop-mask { z-index: 10010; } .select2-drop { z-index: 10011; } .select2-search { z-index: 10012; } .select2-container--bootstrap.select2-container--open { z-index: 10013; } @media (max-width: 991px) { .select2-container--bootstrap { width: auto !important; } } .bootstrap-maxlength { z-index: 999999 !important; } html.dark .fileupload .uneditable-input { background-color: #282d36; border-color: #282d36; } html.dark .fileupload-new .input-append .btn-file { border-color: #21262d; } /* Nano Scroller Plugin */ html.no-overflowscrolling .nano { height: 100%; position: relative; overflow: hidden; width: 100%; } html.no-overflowscrolling .nano > .nano-content { bottom: 0; left: 0; position: absolute; overflow: hidden; right: 0; top: 0; } html.no-overflowscrolling .nano > .nano-content:focus { outline: none; } html.no-overflowscrolling .nano > .nano-content::-webkit-scrollbar { display: none; visibility: hidden; } html.no-overflowscrolling .nano.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; visibility: visible; } html.no-overflowscrolling .nano > .nano-pane { bottom: 0; position: absolute; opacity: .01; right: 0; top: 0; visibility: hidden\9; /* Target only IE7 and IE8 with this hack */ width: 4px; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; } html.no-overflowscrolling .nano > .nano-pane > .nano-slider { background: #CCC; margin: 0; position: relative; visibility: hidden; } html.no-overflowscrolling .nano:hover > .nano-pane, html.no-overflowscrolling .nano .nano-pane.active, html.no-overflowscrolling .nano .nano-pane.flashed { opacity: 0.99; } html.no-overflowscrolling .nano:hover > .nano-pane > .nano-slider { visibility: visible; } html.no-overflowscrolling.custom-scroll .nano > .nano-content { overflow: scroll; overflow-x: hidden; } html.no-overflowscrolling .sidebar-left .nano { background: #1D2127; box-shadow: -5px 0 0 #2F3139 inset; } html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-left .nano { background: #FFF; box-shadow: -5px 0 0 #F6F6F6 inset; } html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-right .nano { background: #F6F6F6; box-shadow: -5px 0 0 #F6F6F6 inset; } html.no-overflowscrolling.sidebar-light:not(.dark) .inner-menu .nano { background: #FFF; box-shadow: -5px 0 0 #e2e3e6 inset; } @media only screen and (max-width: 767px) { html.no-overflowscrolling .sidebar-left .nano > .nano-content, html.no-overflowscrolling .sidebar-right .nano > .nano-content, html.no-overflowscrolling .inner-menu .nano > .nano-content { overflow: scroll !important; overflow-x: hidden !important; } } @media only screen and (min-width: 768px) { html.overflowscrolling.fixed .sidebar-left .nano, html.overflowscrolling.fixed .sidebar-right .nano, html.overflowscrolling.fixed .inner-menu .nano { height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } html.overflowscrolling.fixed .sidebar-left .nano > .nano-pane > .nano-slider, html.overflowscrolling.fixed .sidebar-right .nano > .nano-pane > .nano-slider, html.overflowscrolling.fixed .inner-menu .nano > .nano-pane > .nano-slider { visibility: visible; } html.overflowscrolling.fixed.custom-scroll .sidebar-left .nano > .nano-content, html.overflowscrolling.fixed.custom-scroll .sidebar-right .nano > .nano-content, html.overflowscrolling.fixed.custom-scroll .inner-menu .nano > .nano-content { overflow-y: scroll; overflow-x: hidden; } } /* Toolbar */ .inner-toolbar { background: #1D2127; margin: -40px -40px 30px; padding: 0; border: 1px solid transparent; border-left: 1px solid #121418; } .inner-toolbar > ul { list-style: none; padding: 0; margin: 0; } .inner-toolbar > ul > li { display: inline-block; padding: 15px; font-size: 13px; border-right: 1px solid #121418; } .inner-toolbar > ul > li > a { display: inline-block; padding: 0; color: #abb4be; } .inner-toolbar > ul > li > a:hover, .inner-toolbar > ul > li > a:focus { color: #fff; text-decoration: none; } .inner-toolbar > ul > li.right { float: right; padding-right: 10px; } .inner-toolbar > ul > li i.fa { font-size: 14px; } .inner-toolbar > ul > li > .btn { margin-top: -6px; } .inner-toolbar .nav-pills { margin-top: -8px; } .inner-toolbar .nav-pills > li > label { margin-bottom: 0; margin-right: 12px; margin-top: 8px; } .inner-toolbar .nav-pills a { color: #abb4be; padding-top: 8px; padding-bottom: 8px; } .inner-toolbar .nav-pills a:hover { background: #171717; color: #FFF; } .inner-toolbar .nav-pills .active a { color: #FFF; } html.sidebar-light:not(.dark) .inner-toolbar { background: #E2E3E6; border: 1px solid #D5D6D7; } html.sidebar-light:not(.dark) .inner-toolbar > ul > li { border-right: 1px solid #D5D6D7; } html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a { color: #777; } html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a:hover, html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a:focus { color: #999; } html.sidebar-light:not(.dark) .inner-toolbar .nav-pills li:not(.active) a { color: #777; } html.sidebar-light:not(.dark) .inner-toolbar .nav-pills li:not(.active) a:hover { background: #E2E3E6; color: #999; } /* Toolbar - Responsive */ @media only screen and (max-width: 767px) { .inner-toolbar { clear: both; margin: -40px -15px 30px; padding: 0 15px; } .inner-toolbar ul > li { border-right: 0; } .inner-toolbar ul > li:first-child { padding-left: 0; } .inner-toolbar ul > li.right { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 480px) { .inner-toolbar .nav-pills a { padding-left: 10px; padding-right: 10px; } .inner-toolbar ul > li.right { clear: both; float: none; vertical-align: top; } } /* Toolbar + Layout Fixed */ @media only screen and (min-width: 768px) { html.fixed .inner-toolbar { left: 300px; right: 0; margin: 0; padding: 0; position: fixed; top: 114px; z-index: 1001; } } /* dark */ html.dark .inner-toolbar { border-left: none; border-bottom: 1px solid #242830; } html.dark .inner-toolbar > ul > li { border-color: #242830; } .call-to-action { padding: 25px; border-radius: 5px; } .call-to-action.call-to-action-primary { background-color: #CCC; } .call-to-action .call-to-action-content { text-align: left; } .call-to-action .call-to-action-content h2 { color: #FFF; font-weight: 100; } .call-to-action .call-to-action-content p { color: #FFF; font-size: 16px; font-weight: 100; } .call-to-action .call-to-action-btn { margin-top: 45px; } .call-to-action .call-to-action-btn a.btn:not(.btn-primary) { background-color: #006699; border-color: #006699 #006699 #004466; color: #fff; border-radius: 6px; font-size: 16px; padding: 12px 33px; margin-right: 15px; } .call-to-action .call-to-action-btn a.btn:not(.btn-primary):hover { background-color: #0077b3; border-color: #0077b3 #0077b3 #005580; } .call-to-action .call-to-action-btn > span { position: relative; color: #FFF; } .call-to-action .call-to-action-btn > span .arrow { position: absolute; top: -55px; left: -70px; } @media (max-width: 1276px) { .call-to-action .call-to-action-btn > span { display: none; } } @media (max-width: 767px) { .call-to-action .call-to-action-btn { margin-top: 0; float: none !important; } } .call-to-action.call-to-action-grey { position: relative; background-color: #ecedf0; } .call-to-action.call-to-action-grey:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background-color: #ecedf0; z-index: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .call-to-action.call-to-action-grey .call-to-action-content h2 { color: #171717; } .call-to-action.call-to-action-grey .call-to-action-content p { color: #777; } .call-to-action.call-to-action-top { margin: -40px; border-radius: 0; padding: 40px 25px; } @media (max-width: 767px) { .call-to-action.call-to-action-top { margin-top: -16px; } } /* Responsive */ html:not(.sidebar-left-collapsed) { /* Boxed Layout */; } @media (max-width: 1400px) { html:not(.sidebar-left-collapsed) .call-to-action .call-to-action-btn > span { display: none; } } @media (min-width: 768px) and (max-width: 1199px) { html:not(.sidebar-left-collapsed) .call-to-action .call-to-action-btn { margin-top: 0; float: none !important; } } @media (min-width: 768px) and (max-width: 991px) { html:not(.sidebar-left-collapsed) .call-to-action .col-sm-4, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-8, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-3, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-9 { width: 100%; } } html:not(.sidebar-left-collapsed).boxed .call-to-action .call-to-action-btn { margin-top: 0; float: none !important; } html:not(.sidebar-left-collapsed).boxed .call-to-action .call-to-action-btn > span { display: none; } .loading-overlay-showing { overflow: hidden; } .loading-overlay-showing > .loading-overlay { opacity: 1; visibility: visible; } .loading-overlay { transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #FFF; } body > .loading-overlay { position: fixed; z-index: 999999; } /* Bounce Loading */ .bounce-loader { transition: all 0.2; margin: -9px 0 0 -35px; text-align: center; width: 70px; height: 20px; line-height: 20px; left: 50%; position: absolute; top: 50%; z-index: 10000; } .bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 { animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay; background-color: #CCC; border-radius: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); display: inline-block; height: 18px; width: 18px; } .bounce-loader .bounce1 { animation-delay: -0.32s; } .bounce-loader .bounce2 { animation-delay: -0.16s; } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .img-rounded { border-radius: 6px; } .img-circle { border-radius: 50%; } .img-thumbnail { border-radius: 8px; position: relative; } body { /* Button Basic */ /* Border Buttons */ /* Border Buttons - Sizes */ /* 3D Buttons */ /* Sizes */ /* Buttons - Social */ /* Buttons - States */; } body .btn:focus, body .btn:active:focus, body .btn.active:focus { outline: none; } body .btn { white-space: normal; } body .btn-borders { border-width: 3px; } body .btn-borders.btn-primary { background: transparent; border-color: #CCC; color: #CCC; text-shadow: none; } body .btn-borders.btn-primary:hover, body .btn-borders.btn-primary:focus { background-color: #d9d9d9; border-color: #CCC !important; color: #FFF; } body .btn-borders.btn-success { background: transparent; border-color: #47a447; color: #47a447; text-shadow: none; } body .btn-borders.btn-success:hover, body .btn-borders.btn-success:focus { background-color: #51b451; border-color: #47a447 !important; color: #FFF; } body .btn-borders.btn-warning { background: transparent; border-color: #ed9c28; color: #ed9c28; text-shadow: none; } body .btn-borders.btn-warning:hover, body .btn-borders.btn-warning:focus { background-color: #efa740; border-color: #ed9c28 !important; color: #FFF; } body .btn-borders.btn-danger { background: transparent; border-color: #d2322d; color: #d2322d; text-shadow: none; } body .btn-borders.btn-danger:hover, body .btn-borders.btn-danger:focus { background-color: #d74742; border-color: #d2322d !important; color: #FFF; } body .btn-borders.btn-info { background: transparent; border-color: #5bc0de; color: #5bc0de; text-shadow: none; } body .btn-borders.btn-info:hover, body .btn-borders.btn-info:focus { background-color: #70c8e2; border-color: #5bc0de !important; color: #FFF; } body .btn-borders.btn-dark { background: transparent; border-color: #171717; color: #171717; text-shadow: none; } body .btn-borders.btn-dark:hover, body .btn-borders.btn-dark:focus { background-color: #242424; border-color: #171717 !important; color: #FFF; } body .btn-borders { padding: 4px 12px; } body .btn-borders.btn-lg, body .btn-group-lg > .btn-borders.btn { padding: 8px 16px; } body .btn-borders.btn-sm, body .btn-group-sm > .btn-borders.btn { border-width: 2px; padding: 4px 10px; } body .btn-borders.btn-xs, body .btn-group-xs > .btn-borders.btn { padding: 1px 5px; border-width: 1px; } body .btn-3d { border-bottom-width: 3px; padding: 5px 12px; border-radius: 6px; } body .btn-3d.btn-lg, body .btn-group-lg > .btn-3d.btn { padding: 9px 16px; } body .btn-3d.btn-sm, body .btn-group-sm > .btn-3d.btn { border-width: 2px; padding: 4px 10px; } body .btn-3d.btn-xs, body .btn-group-xs > .btn-3d.btn { padding: 1px 5px; border-width: 1px; } body .btn-xlg { border-radius: 6px; font-size: 16px; padding: 12px 33px; } body .btn-facebook, body .btn-facebook:active, body .btn-facebook:hover, body .btn-facebook:focus, body .btn-twitter, body .btn-twitter:active, body .btn-twitter:hover, body .btn-twitter:focus, body .btn-gplus, body .btn-gplus:active, body .btn-gplus:hover, body .btn-gplus:focus { color: #FFF; font-weight: 300; padding-left: 30px; padding-right: 30px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } body .btn-facebook, body .btn-facebook:focus { background: #3B5998; border: 1px solid #37538D; } body .btn-facebook:hover { background: #4162a7; border-color: #3d5c9c; } body .btn-facebook:active { background: #37538d; border-color: #334d82; } body .btn-twitter, body .btn-twitter:focus { background: #55ACEE; border: 1px solid #47A5ED; } body .btn-twitter:hover { background: #63b3ef; border-color: #55acee; } body .btn-twitter:active { background: #47a5ed; border-color: #399eec; } body .btn-gplus, body .btn-gplus:focus { background: #D95232; border: 1px solid #D44927; } body .btn-gplus:hover { background: #dc6143; border-color: #da5635; } body .btn-gplus:active { background: #d04727; border-color: #c34324; } body .btn-primary { border-color: #CCC; background-color: #CCC; border-color: #CCC #CCC #b3b3b3; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .btn-primary:hover { border-color: #d9d9d9; background-color: #d9d9d9; color: #FFF; } body .btn-primary:active, body .btn-primary:focus { border-color: #bfbfbf; background-color: #bfbfbf; color: #FFF; } body .btn-primary.dropdown-toggle { border-left-color: #bfbfbf; } body .btn-primary[disabled] { border-color: white; background-color: white; } body .btn-success { border-color: #47a447; background-color: #47a447; border-color: #47a447 #47a447 #388038; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .btn-success:hover { border-color: #51b451; background-color: #51b451; color: #FFF; } body .btn-success:active, body .btn-success:focus { border-color: #3f923f; background-color: #3f923f; color: #FFF; } body .btn-success.dropdown-toggle { border-left-color: #3f923f; } body .btn-success[disabled] { border-color: #86cb86; background-color: #86cb86; } body .btn-warning { border-color: #ed9c28; background-color: #ed9c28; border-color: #ed9c28 #ed9c28 #d18211; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .btn-warning:hover { border-color: #efa740; background-color: #efa740; color: #FFF; } body .btn-warning:active, body .btn-warning:focus { border-color: #e89113; background-color: #e89113; color: #FFF; } body .btn-warning.dropdown-toggle { border-left-color: #e89113; } body .btn-warning[disabled] { border-color: #f5c786; background-color: #f5c786; } body .btn-danger { border-color: #d2322d; background-color: #d2322d; border-color: #d2322d #d2322d #a82824; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .btn-danger:hover { border-color: #d74742; background-color: #d74742; color: #FFF; } body .btn-danger:active, body .btn-danger:focus { border-color: #bd2d29; background-color: #bd2d29; color: #FFF; } body .btn-danger.dropdown-toggle { border-left-color: #bd2d29; } body .btn-danger[disabled] { border-color: #e48481; background-color: #e48481; } body .btn-info { border-color: #5bc0de; background-color: #5bc0de; border-color: #5bc0de #5bc0de #31b0d5; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .btn-info:hover { border-color: #70c8e2; background-color: #70c8e2; color: #FFF; } body .btn-info:active, body .btn-info:focus { border-color: #46b8da; background-color: #46b8da; color: #FFF; } body .btn-info.dropdown-toggle { border-left-color: #46b8da; } body .btn-info[disabled] { border-color: #b0e1ef; background-color: #b0e1ef; } body .btn-dark { border-color: #171717; background-color: #171717; border-color: #171717 #171717 black; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .btn-dark:hover { border-color: #242424; background-color: #242424; color: #FFF; } body .btn-dark:active, body .btn-dark:focus { border-color: #0a0a0a; background-color: #0a0a0a; color: #FFF; } body .btn-dark.dropdown-toggle { border-left-color: #0a0a0a; } body .btn-dark[disabled] { border-color: #4a4a4a; background-color: #4a4a4a; } html.dark .btn-default { background-color: #282d36; border-color: #282d36; color: #EEE; } html.dark .btn-default:hover { background-color: #2a3039; border-color: #2a3039; } html.dark .btn-default:focus, html.dark .btn-default:active { background-color: #242830; border-color: #242830; } html.dark .btn-default:hover, html.dark .btn-default:focus, html.dark .btn-default:active, html.dark .btn-default.active, html.dark .open > .dropdown-toggle.btn-default { color: #EEE; background-color: #242830; border-color: #242830; } /* Notifications */ .notifications { display: inline-block; list-style: none; margin: 4px -10px 0 0; padding: 0; vertical-align: middle; } .notifications > li { float: left; margin: 0 10px 0 0; position: relative; } .notifications > li .notification-icon { background: #FFF; border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); display: inline-block; height: 30px; position: relative; width: 30px; text-align: center; } .notifications > li .notification-icon i { color: #777; line-height: 30px; vertical-align: middle; } .notifications > li .notification-icon i.fa-tasks { line-height: 32px; } .notifications > li .notification-icon .badge { background: #D2312D; color: #FFF; font-size: 10px; font-weight: normal; height: 16px; padding: 3px 5px 3px 5px; position: absolute; right: -8px; top: -3px; border-radius: 100%; } .notifications > li > a { border: none; display: inline-block; } .notifications .notification-menu { border: none; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); left: auto; margin: 10px 0 0 0; padding: 0; right: -5px; width: 245px; } .notifications .notification-menu.large { width: 325px; } .notifications .notification-menu .notification-title { background: #CCC; border-radius: 3px 3px 0 0; color: #FFF; font-size: 1.1rem; line-height: 1.5rem; padding: 8px 6px 8px 12px; text-transform: uppercase; } .notifications .notification-menu .notification-title .label { font-size: 1rem; font-weight: 200; line-height: 14px; margin-left: 10px; margin-top: -2px; min-width: 35px; } .notifications .notification-menu .notification-title .label-default { background: #006697; color: #FFF; } .notifications .notification-menu .content { padding: 12px; } .notifications .notification-menu hr { background: #E6E6E6; height: 1px; margin: 12px 0; } .notifications .notification-menu .view-more { color: #ACACAC; font-size: 1.1rem; line-height: 1.1rem; text-transform: uppercase; } /* notification menu - pin */ .notifications .notification-menu:before, .notifications .notification-icon:before { border-bottom: 6px solid #CCC; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ''; height: 0; margin-right: -3px; width: 0; position: absolute; pointer-events: none; } .notifications .notification-menu:before { bottom: 100%; right: 16px; } .notifications .notification-icon:before { display: none; right: 11px; top: 35px; z-index: 9999; } /* notification menu - emails */ .notification-menu { color: #ACACAC; } .notification-menu ul { list-style: none; margin: 0; padding: 0; } .notification-menu li { margin: 0 0 12px; } .notification-menu li:last-child { margin-bottom: 0; } .notification-menu a { display: block; text-decoration: none; } .notification-menu .image { float: left; margin: 0 10px 0 0; } .notification-menu .image i { border-radius: 35px; height: 35px; line-height: 35px; text-align: center; width: 35px; } .notification-menu .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notification-menu .title { color: #000011; display: block; font-size: 1.3rem; line-height: 1.7rem; padding: 2px 0 0; } .notification-menu .message { color: #ACACAC; display: block; font-size: 1.1rem; line-height: 1.5rem; padding: 0; } html.dark .notifications > li .notification-icon, html.header-dark .notifications > li .notification-icon { background: #282d36; } html.dark .notifications > li .notification-icon i, html.header-dark .notifications > li .notification-icon i { color: #C3C3C3; } /* Notifications Mobile */ @media only screen and (max-width: 767px) { .notifications { float: right; margin: 16px 8px 0 0; } .notifications > li { position: static; } .notifications > li.open .notification-icon:before { display: block; } .notifications > li .notification-menu { left: 15px; right: 15px; top: auto; width: auto !important; } .notifications > li .notification-menu:before { display: none; } } /* Userbox */ .userbox { display: inline-block; margin: 3px 17px 0 0; position: relative; vertical-align: middle; } .userbox > a { display: inline-block; text-decoration: none; } .userbox a:hover { text-decoration: none; } .userbox .profile-info, .userbox .profile-picture { display: inline-block; vertical-align: middle; } .userbox .profile-picture img { width: 35px; color: transparent; } .userbox .profile-info { margin: 0 25px 0 10px; } .userbox .name, .userbox .role { display: block; } .userbox .name { color: #000011; font-size: 1.3rem; line-height: 1.2em; } .userbox .role { color: #ACACAC; font-size: 1.1rem; line-height: 1.2em; } .userbox .custom-caret { color: #000011; font-size: 16px; font-weight: bold; } .userbox .custom-caret:before { content: "\f107"; } @media only screen and (max-width: 767px) { .userbox .name, .userbox .role { max-width: 68px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } /* Userbox - Open */ .userbox.open > a { position: relative; z-index: 993; } .userbox.open > a .custom-caret:before { content: "\f106"; } .userbox.open .dropdown-menu { border: none; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; left: -11px; padding: 45px 10px 0; top: -10px; width: 100%; z-index: 992; } .userbox.open .dropdown-menu li { margin-bottom: 5px; } .userbox.open .dropdown-menu a { border-radius: 2px; color: #7d7d7d; display: block; font-size: 1.2rem; line-height: 1.5rem; padding: 5px 10px; } .userbox.open .dropdown-menu a:hover { background: #CCC; color: #FFF; } .userbox.open .dropdown-menu i { font-size: 1.7rem; margin-right: 3px; vertical-align: middle; } /* Userbox - Mobile */ @media only screen and (max-width: 767px) { .userbox { float: left; margin: 16px 0 0 12px; position: relative; } .userbox:after { background: #E9E9E6; content: ''; height: 63px; margin: 0; position: absolute; right: -21px; top: -18px; width: 1px; } .userbox .profile-picture { display: none; } .userbox.open .dropdown-menu { left: -5px; padding: 43px 0 0 0; } } /* Header Dark - Userbox */ html.dark .userbox:after, html.header-dark .userbox:after { background: #121518; } html.dark .userbox .name, html.dark .userbox .custom-caret, html.header-dark .userbox .name, html.header-dark .userbox .custom-caret { color: #C3C3C3; } html.dark .userbox.open .dropdown-menu .name, html.dark .userbox.open .dropdown-menu .custom-caret, html.header-dark .userbox.open .dropdown-menu .name, html.header-dark .userbox.open .dropdown-menu .custom-caret { color: #C3C3C3; } html.dark .userbox.open .dropdown-menu a, html.header-dark .userbox.open .dropdown-menu a { color: #C3C3C3; } html.dark .userbox.open .dropdown-menu a:hover, html.header-dark .userbox.open .dropdown-menu a:hover { color: #FFF; } html.dark .userbox .dropdown-menu, html.header-dark .userbox .dropdown-menu { background: #282d36; } html.dark .userbox .dropdown-menu .divider, html.header-dark .userbox .dropdown-menu .divider { background: #1D2127; } html.dark .userbox .dropdown-menu a, html.header-dark .userbox .dropdown-menu a { color: #C3C3C3; } .nav-pills > .active a, .nav-pills > .active a:hover, .nav-pills > .active a:focus { background-color: #CCC; } .pagination > li a { color: #CCC; } .pagination > li a:hover, .pagination > li a:focus { color: #d9d9d9; } .pagination > li.active a, .pagination > li.active a:hover, .pagination > li.active a:focus, .pagination > li.active span, .pagination > li.active span:hover, .pagination > li.active span:focus { background-color: #CCC; border-color: #CCC; } .pagination > li.active a { background-color: #CCC; } .progress-bar-primary { background-color: #CCC; } .progress-bar.progress-without-number[aria-valuenow="1"], .progress-bar.progress-without-number[aria-valuenow="2"] { min-width: 0; } .progress-bar.progress-bar-primary[aria-valuenow="0"] { background: transparent; } .sidebar-right .sidebar-widget { margin: 0; } .sidebar-widget { margin: 0 30px 0 25px; } .sidebar-widget .widget-header { position: relative; margin: 0; } .sidebar-widget .widget-header h6 { font-size: 1.3rem; color: #465162; font-weight: 600; margin: 0; padding: 0; text-transform: uppercase; } .sidebar-widget .widget-header .btn-widget-act { position: relative; top: -2px; border-color: #0a0a0a; background-color: #0a0a0a; border-color: #0a0a0a black black; } .sidebar-widget .widget-header .btn-widget-act:hover { border-color: #121212; background-color: #121212; } .sidebar-widget .widget-header .btn-widget-act:active, .sidebar-widget .widget-header .btn-widget-act:focus { border-color: black; background-color: black; } .sidebar-widget .widget-header .btn-widget-act.dropdown-toggle { border-left-color: black; } .sidebar-widget .widget-header .widget-toggle { font-size: 1.7rem; line-height: 1.3rem; color: #465162; position: absolute; right: 0; top: 0; cursor: pointer; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; } .sidebar-widget .widget-content { padding: 15px 0 0; } .sidebar-widget.widget-collapsed .widget-header .widget-toggle { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .sidebar-widget.widget-collapsed .widget-content { display: none; } .sidebar-widget.widget-tasks ul li { position: relative; } .sidebar-widget.widget-tasks ul li a { color: #abb4be; display: block; margin: 0 -25px 0 -30px; padding: 10px 0 10px 55px; } .sidebar-widget.widget-tasks ul li a:hover { background: #21262d; text-decoration: none; } .sidebar-widget.widget-tasks ul li:before { border: 5px solid #CCC; border-radius: 100px; content: ''; display: inline-block; left: 0; margin: -5px 0 0; position: absolute; top: 50%; z-index: 999; } .sidebar-widget.widget-tasks ul li:nth-child(6n+1):before { border-color: #D64B4B; } .sidebar-widget.widget-tasks ul li:nth-child(6n+2):before { border-color: #0090D9; } .sidebar-widget.widget-tasks ul li:nth-child(6n+3):before { border-color: #4DD79C; } .sidebar-widget.widget-tasks ul li:nth-child(6n+4):before { border-color: #D9A300; } .sidebar-widget.widget-tasks ul li:nth-child(6n+5):before { border-color: #C926FF; } .sidebar-widget.widget-tasks ul li:nth-child(6n+6):before { border-color: #FFFF26; } .sidebar-widget.widget-stats ul { list-style: none; margin: 0; padding: 0; } .sidebar-widget.widget-stats .stats-title { color: #a6a6a6; } .sidebar-widget.widget-stats .stats-complete { float: right; font-size: 1rem; color: #666; } .sidebar-widget.widget-stats .progress { height: 7px; background: #474453; box-shadow: 0 1px 0 #585564 inset; margin-bottom: 25px; } .sidebar-widget.widget-calendar { margin: 0 0 25px; } .sidebar-widget.widget-calendar .datepicker { background: transparent; } .sidebar-widget.widget-calendar ul { list-style: none; margin: 0; padding: 20px 0; border-top: 1px solid #000; } .sidebar-widget.widget-calendar ul time { display: block; font-size: 1.2rem; line-height: 1.3em; font-weight: 600; color: #777; margin-bottom: 0.1em; } .sidebar-widget.widget-calendar ul span { font-size: 1.4rem; line-height: 1.3em; color: #FFF; } .sidebar-widget.widget-friends ul { list-style: none; margin: 0; padding: 10px 2px; } .sidebar-widget.widget-friends ul li { padding: 10px 0; } .sidebar-widget.widget-friends ul li .profile-info, .sidebar-widget.widget-friends ul li .profile-picture { display: inline-block; vertical-align: middle; } .sidebar-widget.widget-friends ul li .profile-picture { position: relative; width: 35px; } .sidebar-widget.widget-friends ul li .profile-picture img { width: 100%; height: auto; } .sidebar-widget.widget-friends ul li .profile-info { margin: 0 35px 0 10px; } .sidebar-widget.widget-friends ul li span.name { display: block; color: #FFF; font-weight: 600; vertical-align: top; line-height: 1.3em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.2em; } .sidebar-widget.widget-friends ul li span.title { display: block; font-size: 1.2rem; line-height: 1.3em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sidebar-widget.widget-friends ul li.status-online .profile-picture:after, .sidebar-widget.widget-friends ul li.status-offline .profile-picture:after { display: none; position: absolute; top: -4px; right: -4px; content: ''; width: 15px; height: 15px; border: 2px solid #000; border-radius: 50%; } .sidebar-widget.widget-friends ul li.status-online .profile-picture:after { display: block; background-color: #1AAE88; } .sidebar-widget.widget-friends ul li.status-offline .profile-picture:after { display: block; background-color: #D2312D; } /* Sidebar Light */ html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act { border-color: #f2f2f2; background-color: #f2f2f2; border-color: #e6e6e6; color: #777; text-shadow: none; } html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:hover { border: 1px solid #d2d2d2 !important; background-color: #fafafa; } html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:active, html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:focus { border: 1px solid #d2d2d2 !important; background-color: #e6e6e6; } html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act.dropdown-toggle { border-left-color: #e6e6e6; } html.sidebar-light:not(.dark) .sidebar-widget.widget-tasks ul li a { color: #777; } html.sidebar-light:not(.dark) .sidebar-widget.widget-tasks ul li a:hover { background: #fafafa; } html.sidebar-light:not(.dark) .sidebar-widget.widget-stats .stats-title { color: #777; } html.sidebar-light:not(.dark) .sidebar-widget.widget-stats .progress { background: #d8d8d8; box-shadow: 0 1px 0 #bfbfbf inset; } html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul { border-top: 1px solid #DDD; } html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul time { color: #777; } html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul span { color: #777; } html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li span.name { color: #777; } html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li.status-online .profile-picture:after { background-color: #1AAE88; } html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li.status-offline .profile-picture:after { background-color: #D2312D; } /* Scroll to Top */ html .scroll-to-top { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #282d36; border-radius: 7px 7px 0 0; bottom: 0px; color: #FFF; display: block; height: 9px; opacity: 0; padding: 5px 10px 25px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 39px; z-index: 1040; } html .scroll-to-top:hover { opacity: 1; } html .scroll-to-top.visible { opacity: 0.75; } html .scroll-to-top span { display: inline-block; padding: 0 5px; } html.ie11 .scroll-to-top { right: 25px; } /* Responsive */ @media (max-width: 991px) { html .scroll-to-top.hidden-mobile { display: none !important; } } .panel { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; } .panel-heading { background: #f6f6f6; border-radius: 5px 5px 0 0; border-bottom: 1px solid #DADADA; padding: 18px; position: relative; } .panel-heading.bg-primary { background: #CCC; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-secondary { background: #E36159; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-tertiary { background: #2BAAB1; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-quaternary { background: #734BA9; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-success { background: #47a447; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-warning { background: #ed9c28; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-danger { background: #d2322d; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-info { background: #5bc0de; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-dark { background: #171717; color: #FFF; border-bottom: 0 none; border-right: 0 none; } .panel-heading.bg-white { background: #fff; border-bottom: 0 none; border-right: 0 none; } .panel-actions { right: 15px; position: absolute; top: 15px; } .panel-actions a, .panel-actions .panel-action { background-color: transparent; border-radius: 2px; color: #B4B4B4; font-size: 14px; height: 24px; line-height: 24px; text-align: center; width: 24px; } .panel-actions a:hover, .panel-actions .panel-action:hover { background-color: #eeeeee; color: #B4B4B4; text-decoration: none; } .panel-actions a, .panel-actions a:focus, .panel-actions a:hover, .panel-actions a:active, .panel-actions a:visited, .panel-actions .panel-action, .panel-actions .panel-action:focus, .panel-actions .panel-action:hover, .panel-actions .panel-action:active, .panel-actions .panel-action:visited { outline: none !important; text-decoration: none !important; } .panel-title { color: #33353F; font-size: 20px; font-weight: 400; line-height: 20px; padding: 0; text-transform: none; } .panel-subtitle { color: #808697; font-size: 12px; line-height: 1.2em; margin: 7px 0 0; padding: 0; } .panel-body { background: #fdfdfd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-radius: 5px; } .panel-body-nopadding { padding: 0; } .panel-heading + .panel-body { border-radius: 0 0 5px 5px; } .panel-footer { border-radius: 0 0 5px 5px; margin-top: -5px; } .panel-footer-btn-group { display: table; width: 100%; padding: 0; } .panel-footer-btn-group a { background-color: #f5f5f5; display: table-cell; width: 1%; border-left: 1px solid #ddd; padding: 10px 15px; text-decoration: none; } .panel-footer-btn-group a:hover { background-color: #f0f0f0; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset; } .panel-footer-btn-group a:first-child { border-left: none; } .panel-body.bg-primary { background: #CCC; color: #FFF; } .panel-body.bg-secondary { background: #E36159; color: #FFF; } .panel-body.bg-tertiary { background: #2BAAB1; color: #FFF; } .panel-body.bg-quaternary { background: #734BA9; color: #FFF; } .panel-body.bg-success { background: #47a447; color: #FFF; } .panel-body.bg-warning { background: #ed9c28; color: #FFF; } .panel-body.bg-danger { background: #d2322d; color: #FFF; } .panel-body.bg-info { background: #5bc0de; color: #FFF; } .panel-body.bg-dark { background: #171717; color: #FFF; } .panel-featured { border-top: 3px solid #33353F; } .panel-featured .panel-heading { border-radius: 0; } .panel-featured-top { border-top: 3px solid #33353F; } .panel-featured-right { border-right: 3px solid #33353F; } .panel-featured-bottom { border-bottom: 3px solid #33353F; } .panel-featured-left { border-left: 3px solid #33353F; } .panel-featured-primary { border-color: #CCC; } .panel-featured-primary .panel-title { color: #CCC; } .panel-featured-secondary { border-color: #E36159; } .panel-featured-secondary .panel-title { color: #E36159; } .panel-featured-tertiary { border-color: #2BAAB1; } .panel-featured-tertiary .panel-title { color: #2BAAB1; } .panel-featured-quaternary { border-color: #734BA9; } .panel-featured-quaternary .panel-title { color: #734BA9; } .panel-featured-success { border-color: #47a447; } .panel-featured-success .panel-title { color: #47a447; } .panel-featured-warning { border-color: #ed9c28; } .panel-featured-warning .panel-title { color: #ed9c28; } .panel-featured-danger { border-color: #d2322d; } .panel-featured-danger .panel-title { color: #d2322d; } .panel-featured-info { border-color: #5bc0de; } .panel-featured-info .panel-title { color: #5bc0de; } .panel-featured-dark { border-color: #171717; } .panel-featured-dark .panel-title { color: #171717; } .panel-highlight .panel-heading { background-color: #CCC; border-color: #CCC; color: #fff; } .panel-highlight .panel-title { color: #fff; } .panel-highlight .panel-subtitle { color: #fff; color: rgba(255, 255, 255, 0.7); } .panel-highlight .panel-actions a { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .panel-highlight .panel-body { background-color: #CCC; color: #fff; } .panel-highlight-title .panel-heading { background-color: #2BAAB1; } .panel-highlight-title .panel-title { color: #fff; } .panel-highlight-title .panel-subtitle { color: #fff; color: rgba(255, 255, 255, 0.7); } .panel-highlight-title .panel-actions a { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .panel-heading-icon { margin: 0 auto; font-size: 4.2rem; width: 90px; height: 90px; line-height: 90px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 55px; border-radius: 55px; } .panel-heading-icon.bg-primary { background: #CCC; color: #FFF; } .panel-heading-icon.bg-secondary { background: #E36159; color: #FFF; } .panel-heading-icon.bg-tertiary { background: #2BAAB1; color: #FFF; } .panel-heading-icon.bg-quaternary { background: #734BA9; color: #FFF; } .panel-heading-icon.bg-success { background: #47a447; color: #FFF; } .panel-heading-icon.bg-warning { background: #ed9c28; color: #FFF; } .panel-heading-icon.bg-danger { background: #d2322d; color: #FFF; } .panel-heading-icon.bg-info { background: #5bc0de; color: #FFF; } .panel-heading-icon.bg-dark { background: #171717; color: #FFF; } .panel-heading-profile-picture img { display: block; margin: 0 auto; width: 100px; height: 100px; border: 4px solid #fff; -webkit-border-radius: 50px; border-radius: 50px; } .panel-icon { color: #fff; font-size: 42px; float: left; } .panel-icon ~ .panel-title, .panel-icon ~ .panel-subtitle { margin-left: 64px; } /* Dark - Panels */ html.dark .panel-heading { background: #282d36; border-bottom-color: #1d2127; } html.dark .panel-actions a:hover { background-color: #242830; } html.dark .panel-body { background: #2e353e; } html.dark .panel-footer { background: #242830; border-top-color: #191c21; } html .panel-primary .panel-heading { background: #CCC; } html .panel-primary .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-primary .panel-title { color: #FFF; } html .panel-primary .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-secondary .panel-heading { background: #E36159; } html .panel-secondary .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-secondary .panel-title { color: #FFF; } html .panel-secondary .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-tertiary .panel-heading { background: #2BAAB1; } html .panel-tertiary .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-tertiary .panel-title { color: #FFF; } html .panel-tertiary .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-quaternary .panel-heading { background: #734BA9; } html .panel-quaternary .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-quaternary .panel-title { color: #FFF; } html .panel-quaternary .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-success .panel-heading { background: #47a447; } html .panel-success .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-success .panel-title { color: #FFF; } html .panel-success .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-warning .panel-heading { background: #ed9c28; } html .panel-warning .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-warning .panel-title { color: #FFF; } html .panel-warning .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-danger .panel-heading { background: #d2322d; } html .panel-danger .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-danger .panel-title { color: #FFF; } html .panel-danger .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-info .panel-heading { background: #5bc0de; } html .panel-info .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-info .panel-title { color: #FFF; } html .panel-info .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-dark .panel-heading { background: #171717; } html .panel-dark .panel-subtitle { opacity: 0.8; color: #FFF; } html .panel-dark .panel-title { color: #FFF; } html .panel-dark .panel-actions a { background-color: transparent !important; color: #FFF; } html .panel-transparent > .panel-heading { background: none; border: 0; padding-left: 0; padding-right: 0; } html .panel-transparent > .panel-heading .panel-actions { right: 0; } html .panel-transparent > .panel-heading + .panel-body { border-radius: 5px; } html .panel-transparent > .panel-body { padding: 0; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } html .panel .panel-heading-transparent { background: none; border: 0; padding-left: 0; padding-right: 0; } html .panel .panel-heading-transparent .panel-actions { right: 0; } html .panel .panel-heading-transparent + .panel-body { border-radius: 5px; } .panel-horizontal { display: table; width: 100%; } .panel-horizontal .panel-heading, .panel-horizontal .panel-body, .panel-horizontal .panel-footer { display: table-cell; vertical-align: middle; } .panel-horizontal .panel-heading { border-radius: 5px 0 0 5px; } .panel-horizontal .panel-heading + .panel-body { border-radius: 0 5px 5px 0; } .panel-horizontal .panel-footer { border-radius: 0 5px 5px 0; margin-top: 0; } .panel-action-toggle, .panel-action-dismiss { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel-action-toggle:before { content: "\f0d7"; } .panel-collapsed .panel-action-toggle:before { content: "\f0d8"; } .panel-action-dismiss:before { content: "\f00d"; } .panel-collapsed .panel-body, .panel-collapsed .panel-footer { display: none; } @media only screen and (max-width: 767px) { .panel-actions { float: none; margin-bottom: 15px; position: static; text-align: right; } .panel-actions a { vertical-align: top; } } /* tabs */ .tabs { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 35px; } /* navigation */ .nav-tabs { margin: 0; font-size: 0; } .nav-tabs li { display: inline-block; float: none; } .nav-tabs li:last-child a { margin-right: 0; } .nav-tabs li a { border-radius: 5px 5px 0 0; font-size: 1.3rem; margin-right: 1px; } .nav-tabs li a .badge { border-radius: 100%; } .nav-tabs li a, .nav-tabs li a:hover { background: #F4F4F4; border-bottom: none; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-top: 3px solid #DDD; color: #555; } .nav-tabs li a:hover { border-bottom-color: transparent; border-top: 3px solid #555; box-shadow: none; } .nav-tabs li a:active, .nav-tabs li a:focus { border-bottom: 0; } .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top: 3px solid #555; color: #555; } /* content */ .tab-content { border-radius: 0 0 4px 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background-color: #FFF; border: 1px solid #EEE; border-top: 0; padding: 15px; } /* content - footer inside */ .tab-content .panel-footer { margin: -15px; margin-top: 15px; } /* Justified */ .nav-tabs.nav-justified { margin-bottom: -1px; border-left: 1px solid transparent; border-right: 1px solid transparent; } .nav-tabs.nav-justified li { margin-bottom: 0; } .nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover { border-radius: 5px 0 0 0; border-left: none; } .nav-tabs.nav-justified li:last-child a, .nav-tabs.nav-justified li:last-child a:hover { border-radius: 0 5px 0 0; border-right: none; } .nav-tabs.nav-justified li a { border-left: none; border-right: none; border-bottom: 1px solid #DDD; border-radius: 0; margin-right: 0; } .nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus { border-bottom: 1px solid #DDD; border-left: none; border-right: none; } .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top: 3px solid #555; color: #555; } .nav-tabs.nav-justified li.active a { border-bottom: 1px solid #FFF; } .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus { border-top-color: #555; border-top-width: 3px; border-left: none; border-right: none; } .nav-tabs.nav-justified li.active a:hover { border-bottom: 1px solid #FFF; } /* Bottom Tabs */ .tabs.tabs-bottom .tab-content { border-radius: 4px 4px 0 0; border-bottom: 0; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs { border-bottom: none; border-top: 1px solid #dddddd; } .tabs.tabs-bottom .nav-tabs li { margin-bottom: 0; margin-top: -1px; } .tabs.tabs-bottom .nav-tabs li:last-child a { margin-right: 0; } .tabs.tabs-bottom .nav-tabs li a { border-radius: 0 0 5px 5px; font-size: 1.3rem; margin-right: 1px; } .tabs.tabs-bottom .nav-tabs li a, .tabs.tabs-bottom .nav-tabs li a:hover, .tabs.tabs-bottom .nav-tabs li a:focus, .tabs.tabs-bottom .nav-tabs li a:active { border-bottom: 3px solid #DDD; border-top: 1px solid #DDD; } .tabs.tabs-bottom .nav-tabs li a:hover, .tabs.tabs-bottom .nav-tabs li a:focus, .tabs.tabs-bottom .nav-tabs li a:active { border-bottom: 3px solid #555; border-top: 1px solid #DDD; } .tabs.tabs-bottom .nav-tabs li.active a, .tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom: 3px solid #555; border-top-color: transparent; } /* Bottom Tabs with Justified Nav */ .tabs.tabs-bottom .nav.nav-tabs.nav-justified { border-top: none; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a { margin-right: 0; border-top-color: #DDD; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a { border-radius: 0 0 0 5px; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a { margin-right: 0; border-radius: 0 0 5px 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus { border-top-color: transparent; } /* Vertical */ .tabs-vertical { display: table; width: 100%; } .tabs-vertical .tab-content { display: table-cell; vertical-align: top; } .tabs-vertical .nav-tabs { border-bottom: none; display: table-cell; height: 100%; float: none; padding: 0; vertical-align: top; } .tabs-vertical .nav-tabs > li { display: block; } .tabs-vertical .nav-tabs > li a { border-radius: 0; display: block; padding-top: 10px; } .tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus { border-bottom: none; border-top: none; } .tabs-vertical .nav-tabs > li.active a, .tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus { border-top: none; } /* Vertical - Left Side */ .tabs-left .tab-content { border-radius: 0 5px 5px 5px; border-left: none; } .tabs-left .nav-tabs > li { margin-right: -1px; } .tabs-left .nav-tabs > li:first-child a { border-radius: 5px 0 0 0; } .tabs-left .nav-tabs > li:last-child a { border-radius: 0 0 0 5px; } .tabs-left .nav-tabs > li a { border-right: 1px solid #EEE; border-left: 3px solid #DDD; margin-right: 1px; margin-left: -3px; } .tabs-left .nav-tabs > li a:hover { border-left-color: #555; } .tabs-left .nav-tabs > li.active a, .tabs-left .nav-tabs > li.active a:hover, .tabs-left .nav-tabs > li.active a:focus { border-left: 3px solid #555; border-right-color: #FFF; } /* Vertical - Right Side */ .tabs-right .tab-content { border-radius: 5px 0 5px 5px; border-right: none; } .tabs-right .nav-tabs > li { margin-left: -1px; } .tabs-right .nav-tabs > li:first-child a { border-radius: 0 5px 0 0; } .tabs-right .nav-tabs > li:last-child a { border-radius: 0 0 5px 0; } .tabs-right .nav-tabs > li a { border-right: 3px solid #DDD; border-left: 1px solid #EEE; margin-right: 1px; margin-left: 1px; } .tabs-right .nav-tabs > li a:hover { border-right-color: #555; } .tabs-right .nav-tabs > li.active a, .tabs-right .nav-tabs > li.active a:hover, .tabs-right .nav-tabs > li.active a:focus { border-right: 3px solid #555; border-left: 1px solid #FFF; } /* dark */ html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:focus { border-top-color: #282d36; border-left-color: #282d36; border-right-color: #282d36; background: #282d36; } html.dark .tabs .nav-tabs li a:hover { border-top-color: #808697; } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus { border-top-color: #808697; } html.dark .tabs .nav-tabs.nav-justified { border-left-width: 0; border-right-width: 0; border-left-color: transparent; border-right-color: transparent; } html.dark .tabs .nav-tabs.nav-justified li a, html.dark .tabs .nav-tabs.nav-justified li a:hover, html.dark .tabs .nav-tabs.nav-justified li a:focus { border-bottom-color: #282d36; } html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a { background: #282d36; border-left-color: #282d36; border-right-color: #282d36; } html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a { border-bottom-color: #282d36; } html.dark .tabs.tabs-left .nav-tabs > li.active a, html.dark .tabs.tabs-left .nav-tabs > li.active a:hover, html.dark .tabs.tabs-left .nav-tabs > li.active a:focus { border-left: 3px solid #555; } html.dark .tabs.tabs-left .nav-tabs > li a:hover { border-left: 3px solid #555; } html.dark .tabs .nav-tabs { border-color: #282d36; } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus, html.dark .tabs .nav-tabs.nav-justified li.active a, html.dark .tabs .nav-tabs.nav-justified li.active a:hover, html.dark .tabs .nav-tabs.nav-justified li.active a:focus { background: #2e353e; border-left-color: #2e353e; border-right-color: #2e353e; } html.dark .tabs .nav-tabs.nav-justified li.active a { border-bottom-color: #2e353e; } html.dark .tabs.tabs-vertical { border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li a, html.dark .tabs.tabs-bottom .nav-tabs li a:focus { border-bottom-color: #282d36; border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom-color: #808697; border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li.active a, html.dark .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom-color: #808697; border-top-color: #2e353e; } html.dark .tabs .tab-content { background: #2e353e; border-color: #2e353e; } html.dark .tabs-primary.tabs-bottom .nav-tabs li a, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:focus, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:focus { border-top-color: #2e353e !important; } html.dark .nav-tabs li.active a, html.dark .nav-tabs li.active a:hover, html.dark .nav-tabs li.active a:focus, html.dark .nav-tabs li a { color: #808697; } html.dark .tab-content { background: #2e353e; border-color: #1d2127; } /* states */ html body .tabs-primary .nav-tabs li a, html body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs li a, html.dark body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover { color: #CCC; } html body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover { border-top-color: #CCC; } html body .tabs-primary .nav-tabs li.active a, html body .tabs-primary .nav-tabs li.active a:hover, html body .tabs-primary .nav-tabs li.active a:focus, html body .tabs-primary .nav-tabs.nav-justified li.active a, html body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary .nav-tabs li.active a, html.dark body .tabs-primary .nav-tabs li.active a:hover, html.dark body .tabs-primary .nav-tabs li.active a:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus { border-top-color: #CCC; color: #CCC; } html body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #CCC; } html body .tabs-primary.tabs-bottom .nav-tabs li.active a, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #CCC; } html body .tabs-primary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover { border-left-color: #CCC; } html body .tabs-primary.tabs-vertical.tabs-left li.active a, html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus { border-left-color: #CCC; } html body .tabs-primary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover { border-right-color: #CCC; } html body .tabs-primary.tabs-vertical.tabs-right li.active a, html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus { border-right-color: #CCC; } html body .tabs-success .nav-tabs li a, html body .tabs-success .nav-tabs li a:hover, html body .tabs-success .nav-tabs.nav-justified li a, html body .tabs-success .nav-tabs.nav-justified li a:hover, html.dark body .tabs-success .nav-tabs li a, html.dark body .tabs-success .nav-tabs li a:hover, html.dark body .tabs-success .nav-tabs.nav-justified li a, html.dark body .tabs-success .nav-tabs.nav-justified li a:hover { color: #47a447; } html body .tabs-success .nav-tabs li a:hover, html body .tabs-success .nav-tabs.nav-justified li a:hover, html.dark body .tabs-success .nav-tabs li a:hover, html.dark body .tabs-success .nav-tabs.nav-justified li a:hover { border-top-color: #47a447; } html body .tabs-success .nav-tabs li.active a, html body .tabs-success .nav-tabs li.active a:hover, html body .tabs-success .nav-tabs li.active a:focus, html body .tabs-success .nav-tabs.nav-justified li.active a, html body .tabs-success .nav-tabs.nav-justified li.active a:hover, html body .tabs-success .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-success .nav-tabs li.active a, html.dark body .tabs-success .nav-tabs li.active a:hover, html.dark body .tabs-success .nav-tabs li.active a:focus, html.dark body .tabs-success .nav-tabs.nav-justified li.active a, html.dark body .tabs-success .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-success .nav-tabs.nav-justified li.active a:focus { border-top-color: #47a447; color: #47a447; } html body .tabs-success.tabs-bottom .nav-tabs li a:hover, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-success.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #47a447; } html body .tabs-success.tabs-bottom .nav-tabs li.active a, html body .tabs-success.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-success.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #47a447; } html body .tabs-success.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-success.tabs-vertical.tabs-left li a:hover { border-left-color: #47a447; } html body .tabs-success.tabs-vertical.tabs-left li.active a, html body .tabs-success.tabs-vertical.tabs-left li.active a:hover, html body .tabs-success.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-success.tabs-vertical.tabs-left li.active a, html.dark body .tabs-success.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-success.tabs-vertical.tabs-left li.active a:focus { border-left-color: #47a447; } html body .tabs-success.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-success.tabs-vertical.tabs-right li a:hover { border-right-color: #47a447; } html body .tabs-success.tabs-vertical.tabs-right li.active a, html body .tabs-success.tabs-vertical.tabs-right li.active a:hover, html body .tabs-success.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-success.tabs-vertical.tabs-right li.active a, html.dark body .tabs-success.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-success.tabs-vertical.tabs-right li.active a:focus { border-right-color: #47a447; } html body .tabs-warning .nav-tabs li a, html body .tabs-warning .nav-tabs li a:hover, html body .tabs-warning .nav-tabs.nav-justified li a, html body .tabs-warning .nav-tabs.nav-justified li a:hover, html.dark body .tabs-warning .nav-tabs li a, html.dark body .tabs-warning .nav-tabs li a:hover, html.dark body .tabs-warning .nav-tabs.nav-justified li a, html.dark body .tabs-warning .nav-tabs.nav-justified li a:hover { color: #ed9c28; } html body .tabs-warning .nav-tabs li a:hover, html body .tabs-warning .nav-tabs.nav-justified li a:hover, html.dark body .tabs-warning .nav-tabs li a:hover, html.dark body .tabs-warning .nav-tabs.nav-justified li a:hover { border-top-color: #ed9c28; } html body .tabs-warning .nav-tabs li.active a, html body .tabs-warning .nav-tabs li.active a:hover, html body .tabs-warning .nav-tabs li.active a:focus, html body .tabs-warning .nav-tabs.nav-justified li.active a, html body .tabs-warning .nav-tabs.nav-justified li.active a:hover, html body .tabs-warning .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-warning .nav-tabs li.active a, html.dark body .tabs-warning .nav-tabs li.active a:hover, html.dark body .tabs-warning .nav-tabs li.active a:focus, html.dark body .tabs-warning .nav-tabs.nav-justified li.active a, html.dark body .tabs-warning .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-warning .nav-tabs.nav-justified li.active a:focus { border-top-color: #ed9c28; color: #ed9c28; } html body .tabs-warning.tabs-bottom .nav-tabs li a:hover, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-warning.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #ed9c28; } html body .tabs-warning.tabs-bottom .nav-tabs li.active a, html body .tabs-warning.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-warning.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #ed9c28; } html body .tabs-warning.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-warning.tabs-vertical.tabs-left li a:hover { border-left-color: #ed9c28; } html body .tabs-warning.tabs-vertical.tabs-left li.active a, html body .tabs-warning.tabs-vertical.tabs-left li.active a:hover, html body .tabs-warning.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a, html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a:focus { border-left-color: #ed9c28; } html body .tabs-warning.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-warning.tabs-vertical.tabs-right li a:hover { border-right-color: #ed9c28; } html body .tabs-warning.tabs-vertical.tabs-right li.active a, html body .tabs-warning.tabs-vertical.tabs-right li.active a:hover, html body .tabs-warning.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a, html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a:focus { border-right-color: #ed9c28; } html body .tabs-danger .nav-tabs li a, html body .tabs-danger .nav-tabs li a:hover, html body .tabs-danger .nav-tabs.nav-justified li a, html body .tabs-danger .nav-tabs.nav-justified li a:hover, html.dark body .tabs-danger .nav-tabs li a, html.dark body .tabs-danger .nav-tabs li a:hover, html.dark body .tabs-danger .nav-tabs.nav-justified li a, html.dark body .tabs-danger .nav-tabs.nav-justified li a:hover { color: #d2322d; } html body .tabs-danger .nav-tabs li a:hover, html body .tabs-danger .nav-tabs.nav-justified li a:hover, html.dark body .tabs-danger .nav-tabs li a:hover, html.dark body .tabs-danger .nav-tabs.nav-justified li a:hover { border-top-color: #d2322d; } html body .tabs-danger .nav-tabs li.active a, html body .tabs-danger .nav-tabs li.active a:hover, html body .tabs-danger .nav-tabs li.active a:focus, html body .tabs-danger .nav-tabs.nav-justified li.active a, html body .tabs-danger .nav-tabs.nav-justified li.active a:hover, html body .tabs-danger .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-danger .nav-tabs li.active a, html.dark body .tabs-danger .nav-tabs li.active a:hover, html.dark body .tabs-danger .nav-tabs li.active a:focus, html.dark body .tabs-danger .nav-tabs.nav-justified li.active a, html.dark body .tabs-danger .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-danger .nav-tabs.nav-justified li.active a:focus { border-top-color: #d2322d; color: #d2322d; } html body .tabs-danger.tabs-bottom .nav-tabs li a:hover, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-danger.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #d2322d; } html body .tabs-danger.tabs-bottom .nav-tabs li.active a, html body .tabs-danger.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-danger.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #d2322d; } html body .tabs-danger.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-danger.tabs-vertical.tabs-left li a:hover { border-left-color: #d2322d; } html body .tabs-danger.tabs-vertical.tabs-left li.active a, html body .tabs-danger.tabs-vertical.tabs-left li.active a:hover, html body .tabs-danger.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a, html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a:focus { border-left-color: #d2322d; } html body .tabs-danger.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-danger.tabs-vertical.tabs-right li a:hover { border-right-color: #d2322d; } html body .tabs-danger.tabs-vertical.tabs-right li.active a, html body .tabs-danger.tabs-vertical.tabs-right li.active a:hover, html body .tabs-danger.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a, html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a:focus { border-right-color: #d2322d; } html body .tabs-info .nav-tabs li a, html body .tabs-info .nav-tabs li a:hover, html body .tabs-info .nav-tabs.nav-justified li a, html body .tabs-info .nav-tabs.nav-justified li a:hover, html.dark body .tabs-info .nav-tabs li a, html.dark body .tabs-info .nav-tabs li a:hover, html.dark body .tabs-info .nav-tabs.nav-justified li a, html.dark body .tabs-info .nav-tabs.nav-justified li a:hover { color: #5bc0de; } html body .tabs-info .nav-tabs li a:hover, html body .tabs-info .nav-tabs.nav-justified li a:hover, html.dark body .tabs-info .nav-tabs li a:hover, html.dark body .tabs-info .nav-tabs.nav-justified li a:hover { border-top-color: #5bc0de; } html body .tabs-info .nav-tabs li.active a, html body .tabs-info .nav-tabs li.active a:hover, html body .tabs-info .nav-tabs li.active a:focus, html body .tabs-info .nav-tabs.nav-justified li.active a, html body .tabs-info .nav-tabs.nav-justified li.active a:hover, html body .tabs-info .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-info .nav-tabs li.active a, html.dark body .tabs-info .nav-tabs li.active a:hover, html.dark body .tabs-info .nav-tabs li.active a:focus, html.dark body .tabs-info .nav-tabs.nav-justified li.active a, html.dark body .tabs-info .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-info .nav-tabs.nav-justified li.active a:focus { border-top-color: #5bc0de; color: #5bc0de; } html body .tabs-info.tabs-bottom .nav-tabs li a:hover, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-info.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #5bc0de; } html body .tabs-info.tabs-bottom .nav-tabs li.active a, html body .tabs-info.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-info.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #5bc0de; } html body .tabs-info.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-info.tabs-vertical.tabs-left li a:hover { border-left-color: #5bc0de; } html body .tabs-info.tabs-vertical.tabs-left li.active a, html body .tabs-info.tabs-vertical.tabs-left li.active a:hover, html body .tabs-info.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-info.tabs-vertical.tabs-left li.active a, html.dark body .tabs-info.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-info.tabs-vertical.tabs-left li.active a:focus { border-left-color: #5bc0de; } html body .tabs-info.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-info.tabs-vertical.tabs-right li a:hover { border-right-color: #5bc0de; } html body .tabs-info.tabs-vertical.tabs-right li.active a, html body .tabs-info.tabs-vertical.tabs-right li.active a:hover, html body .tabs-info.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-info.tabs-vertical.tabs-right li.active a, html.dark body .tabs-info.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-info.tabs-vertical.tabs-right li.active a:focus { border-right-color: #5bc0de; } html body .tabs-dark .nav-tabs li a, html body .tabs-dark .nav-tabs li a:hover, html body .tabs-dark .nav-tabs.nav-justified li a, html body .tabs-dark .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark .nav-tabs li a, html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover { color: #171717; } html body .tabs-dark .nav-tabs li a:hover, html body .tabs-dark .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover { border-top-color: #171717; } html body .tabs-dark .nav-tabs li.active a, html body .tabs-dark .nav-tabs li.active a:hover, html body .tabs-dark .nav-tabs li.active a:focus, html body .tabs-dark .nav-tabs.nav-justified li.active a, html body .tabs-dark .nav-tabs.nav-justified li.active a:hover, html body .tabs-dark .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-dark .nav-tabs li.active a, html.dark body .tabs-dark .nav-tabs li.active a:hover, html.dark body .tabs-dark .nav-tabs li.active a:focus, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus { border-top-color: #171717; color: #171717; } html body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #171717; } html body .tabs-dark.tabs-bottom .nav-tabs li.active a, html body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #171717; } html body .tabs-dark.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover { border-left-color: #171717; } html body .tabs-dark.tabs-vertical.tabs-left li.active a, html body .tabs-dark.tabs-vertical.tabs-left li.active a:hover, html body .tabs-dark.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus { border-left-color: #171717; } html body .tabs-dark.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover { border-right-color: #171717; } html body .tabs-dark.tabs-vertical.tabs-right li.active a, html body .tabs-dark.tabs-vertical.tabs-right li.active a:hover, html body .tabs-dark.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus { border-right-color: #171717; } /* dark */ html.dark body .tabs-dark .nav-tabs li a, html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover { color: #FFF; } html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover { border-top-color: #FFF; } html.dark body .tabs-dark .nav-tabs li.active a, html.dark body .tabs-dark .nav-tabs li.active a:hover, html.dark body .tabs-dark .nav-tabs li.active a:focus, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus { border-top-color: #FFF; color: #FFF; } html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #FFF; } html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color: #FFF; } html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover { border-left-color: #FFF; } html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus { border-left-color: #FFF; } html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover { border-right-color: #FFF; } html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus { border-right-color: #FFF; } /* Slider - */ .ui-slider.ui-widget-content { background: #ebebeb; border: none; } /* Sliders - Horizontal */ .ui-slider-horizontal { height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -7px; } /* Sliders - Vertical */ .ui-slider-vertical { display: inline-block; width: 6px; } .ui-slider-vertical .ui-slider-handle { left: -7px; } /* Sliders - UI Handle */ .ui-slider .ui-slider-handle { background: #d9d9d9; border: 6px solid #fff; border-radius: 50%; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4); cursor: pointer; height: 20px; width: 20px; } .ui-slider .ui-slider-handle:hover { box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); } /* Sliders - UI Handle (Fix Windows Mobile Devices) */ .ui-slider .ui-slider-handle { -ms-touch-action: none; touch-action: none; } /* Sliders - Range */ .ui-slider .ui-slider-range { background: #d9d9d9; } /* Sliders - Contextual */ .slider-primary .ui-slider-range, .slider-primary .ui-slider-handle { background: #CCC; } .slider-gradient.slider-primary .ui-slider-range, .slider-gradient.slider-primary .ui-slider-handle { background-image: -webkit-linear-gradient(#e6e6e6 0, #CCC 50%, #b3b3b3 100%); background-image: linear-gradient(to , #CCC 50%, #b3b3b3 100%); } .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle { background-image: -webkit-linear-gradient( left , #e6e6e6 0, #CCC 50%, #b3b3b3 100%); background-image: linear-gradient(to right, #e6e6e6 0, #CCC 50%, #b3b3b3 100%); } .slider-success .ui-slider-range, .slider-success .ui-slider-handle { background: #47a447; } .slider-gradient.slider-success .ui-slider-range, .slider-gradient.slider-success .ui-slider-handle { background-image: -webkit-linear-gradient(#63bb63 0, #47a447 50%, #388038 100%); background-image: linear-gradient(to , #47a447 50%, #388038 100%); } .slider-gradient.ui-slider-vertical.slider-success .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-success .ui-slider-handle { background-image: -webkit-linear-gradient( left , #63bb63 0, #47a447 50%, #388038 100%); background-image: linear-gradient(to right, #63bb63 0, #47a447 50%, #388038 100%); } .slider-warning .ui-slider-range, .slider-warning .ui-slider-handle { background: #ed9c28; } .slider-gradient.slider-warning .ui-slider-range, .slider-gradient.slider-warning .ui-slider-handle { background-image: -webkit-linear-gradient(#f1b257 0, #ed9c28 50%, #d18211 100%); background-image: linear-gradient(to , #ed9c28 50%, #d18211 100%); } .slider-gradient.ui-slider-vertical.slider-warning .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-warning .ui-slider-handle { background-image: -webkit-linear-gradient( left , #f1b257 0, #ed9c28 50%, #d18211 100%); background-image: linear-gradient(to right, #f1b257 0, #ed9c28 50%, #d18211 100%); } .slider-danger .ui-slider-range, .slider-danger .ui-slider-handle { background: #d2322d; } .slider-gradient.slider-danger .ui-slider-range, .slider-gradient.slider-danger .ui-slider-handle { background-image: -webkit-linear-gradient(#db5b57 0, #d2322d 50%, #a82824 100%); background-image: linear-gradient(to , #d2322d 50%, #a82824 100%); } .slider-gradient.ui-slider-vertical.slider-danger .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-danger .ui-slider-handle { background-image: -webkit-linear-gradient( left , #db5b57 0, #d2322d 50%, #a82824 100%); background-image: linear-gradient(to right, #db5b57 0, #d2322d 50%, #a82824 100%); } .slider-info .ui-slider-range, .slider-info .ui-slider-handle { background: #5bc0de; } .slider-gradient.slider-info .ui-slider-range, .slider-gradient.slider-info .ui-slider-handle { background-image: -webkit-linear-gradient(#85d0e7 0, #5bc0de 50%, #31b0d5 100%); background-image: linear-gradient(to , #5bc0de 50%, #31b0d5 100%); } .slider-gradient.ui-slider-vertical.slider-info .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-info .ui-slider-handle { background-image: -webkit-linear-gradient( left , #85d0e7 0, #5bc0de 50%, #31b0d5 100%); background-image: linear-gradient(to right, #85d0e7 0, #5bc0de 50%, #31b0d5 100%); } .slider-dark .ui-slider-range, .slider-dark .ui-slider-handle { background: #171717; } .slider-gradient.slider-dark .ui-slider-range, .slider-gradient.slider-dark .ui-slider-handle { background-image: -webkit-linear-gradient(#313131 0, #171717 50%, black 100%); background-image: linear-gradient(to , #171717 50%, black 100%); } .slider-gradient.ui-slider-vertical.slider-dark .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-dark .ui-slider-handle { background-image: -webkit-linear-gradient( left , #313131 0, #171717 50%, black 100%); background-image: linear-gradient(to right, #313131 0, #171717 50%, black 100%); } html.dark .ui-slider.ui-widget-content { background: #21262d; } /* Alert new states */ .alert-default { background-color: #ebebeb; border-color: #e3e3e3; color: #6c6c6c; } .alert-default .alert-link { color: #454545; } .alert-primary { background-color: #CCC; border-color: #c4c4c4; color: #FFF; } .alert-primary .alert-link { color: #999999; } .alert-dark { background-color: #313131; border-color: black; color: #cacaca; } .alert-dark .alert-link { color: #f0f0f0; } /* Notification */ .ui-pnotify { right: 15px; top: 15px; } .ui-pnotify .notification { border-radius: 5px; box-shadow: none; padding: 15px 15px 15px 75px; } .ui-pnotify .notification .ui-pnotify-icon { left: 0; position: absolute; top: 0; width: 75px; text-align: center; } .ui-pnotify .notification .ui-pnotify-icon > span { border: 2px solid #FFF; border-radius: 50%; display: inline-block; float: none; font-size: 35px; height: 50px; line-height: 48px; margin: 8px 0 0; padding: 0; width: 50px; text-align: center; } .ui-pnotify .notification .ui-pnotify-title { font-size: 14px; letter-spacing: 0; } .ui-pnotify .notification .ui-pnotify-text { font-size: 12px; line-height: 1.3em; } .ui-pnotify .notification.notification-danger .ui-pnotify-icon > span.fa-times { line-height: 47px; } .ui-pnotify .ui-pnotify-shadow { box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); } .ui-pnotify.ui-pnotify-no-icon .notification { padding-left: 15px; } .ui-pnotify .ui-pnotify-sharp { border-radius: 0; } body .ui-pnotify.icon-nb .notification .ui-pnotify-icon > span { border-color: transparent; border-radius: 0; } .ui-pnotify.stack-bar-top { right: 0; top: 0; } .ui-pnotify.stack-bar-top .notification { border-radius: 0; } .ui-pnotify.stack-bar-top .notification .ui-pnotify-icon > span { margin-top: 7px; } .ui-pnotify.stack-bar-bottom { bottom: 0; left: auto; margin-left: 15%; right: auto; top: auto; } .ui-pnotify.stack-bar-bottom .notification { border-radius: 0; } .ui-pnotify.stack-bar-bottom .notification .ui-pnotify-icon > span { margin-top: 9px; } .ui-pnotify.click-2-close { cursor: pointer; } /* Notification States */ .ui-pnotify .notification-primary { background: rgba(204, 204, 204, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify .notification-primary .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.stack-bar-top .notification-primary, .ui-pnotify.stack-bar-bottom .notification-primary { background: #CCC; } .ui-pnotify.notification-primary .notification, .ui-pnotify.notification-primary .notification-primary { background: rgba(204, 204, 204, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-primary .notification .ui-pnotify-icon > span, .ui-pnotify.notification-primary .notification-primary .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-primary.stack-bar-top .notification, .ui-pnotify.notification-primary.stack-bar-top .notification-primary, .ui-pnotify.notification-primary.stack-bar-bottom .notification, .ui-pnotify.notification-primary.stack-bar-bottom .notification-primary { background: #CCC; } .ui-pnotify .notification-success { background: rgba(71, 164, 71, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify .notification-success .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.stack-bar-top .notification-success, .ui-pnotify.stack-bar-bottom .notification-success { background: #47a447; } .ui-pnotify.notification-success .notification, .ui-pnotify.notification-success .notification-success { background: rgba(71, 164, 71, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-success .notification .ui-pnotify-icon > span, .ui-pnotify.notification-success .notification-success .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-success.stack-bar-top .notification, .ui-pnotify.notification-success.stack-bar-top .notification-success, .ui-pnotify.notification-success.stack-bar-bottom .notification, .ui-pnotify.notification-success.stack-bar-bottom .notification-success { background: #47a447; } .ui-pnotify .notification-warning { background: rgba(237, 156, 40, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify .notification-warning .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.stack-bar-top .notification-warning, .ui-pnotify.stack-bar-bottom .notification-warning { background: #ed9c28; } .ui-pnotify.notification-warning .notification, .ui-pnotify.notification-warning .notification-warning { background: rgba(237, 156, 40, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-warning .notification .ui-pnotify-icon > span, .ui-pnotify.notification-warning .notification-warning .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-warning.stack-bar-top .notification, .ui-pnotify.notification-warning.stack-bar-top .notification-warning, .ui-pnotify.notification-warning.stack-bar-bottom .notification, .ui-pnotify.notification-warning.stack-bar-bottom .notification-warning { background: #ed9c28; } .ui-pnotify .notification-danger { background: rgba(210, 50, 45, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify .notification-danger .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.stack-bar-top .notification-danger, .ui-pnotify.stack-bar-bottom .notification-danger { background: #d2322d; } .ui-pnotify.notification-danger .notification, .ui-pnotify.notification-danger .notification-danger { background: rgba(210, 50, 45, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-danger .notification .ui-pnotify-icon > span, .ui-pnotify.notification-danger .notification-danger .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-danger.stack-bar-top .notification, .ui-pnotify.notification-danger.stack-bar-top .notification-danger, .ui-pnotify.notification-danger.stack-bar-bottom .notification, .ui-pnotify.notification-danger.stack-bar-bottom .notification-danger { background: #d2322d; } .ui-pnotify .notification-info { background: rgba(91, 192, 222, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify .notification-info .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.stack-bar-top .notification-info, .ui-pnotify.stack-bar-bottom .notification-info { background: #5bc0de; } .ui-pnotify.notification-info .notification, .ui-pnotify.notification-info .notification-info { background: rgba(91, 192, 222, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-info .notification .ui-pnotify-icon > span, .ui-pnotify.notification-info .notification-info .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-info.stack-bar-top .notification, .ui-pnotify.notification-info.stack-bar-top .notification-info, .ui-pnotify.notification-info.stack-bar-bottom .notification, .ui-pnotify.notification-info.stack-bar-bottom .notification-info { background: #5bc0de; } .ui-pnotify .notification-dark { background: rgba(23, 23, 23, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify .notification-dark .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.stack-bar-top .notification-dark, .ui-pnotify.stack-bar-bottom .notification-dark { background: #171717; } .ui-pnotify.notification-dark .notification, .ui-pnotify.notification-dark .notification-dark { background: rgba(23, 23, 23, 0.95); color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-dark .notification .ui-pnotify-icon > span, .ui-pnotify.notification-dark .notification-dark .ui-pnotify-icon > span { border-color: rgba(255, 255, 255, 0.7); } .ui-pnotify.notification-dark.stack-bar-top .notification, .ui-pnotify.notification-dark.stack-bar-top .notification-dark, .ui-pnotify.notification-dark.stack-bar-bottom .notification, .ui-pnotify.notification-dark.stack-bar-bottom .notification-dark { background: #171717; } /* Notification Responsive */ @media only screen and (max-width: 767px) { html > body > .ui-pnotify { bottom: auto !important; left: 0 !important; margin: 0 !important; right: 0 !important; top: 60px !important; width: auto !important; } html > body > .ui-pnotify .notification { border-radius: 0 !important; height: auto !important; position: static !important; width: 100%; } html > body > .ui-pnotify .notification .ui-pnotify-title, html > body > .ui-pnotify .notification .ui-pnotify-text { padding-right: 35px !important; } html > body > .ui-pnotify .notification .ui-pnotify-sticker { display: none !important; } html > body > .ui-pnotify .notification .ui-pnotify-closer { display: block !important; font-size: 24px !important; visibility: visible !important; } } /* Progress bar overwrite style */ .progress-bar { background: #CCC; } .progress .progress-bar { box-shadow: none; border-radius: 4px; } /* Progress bar default style */ .progress { background: #474453; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4) inset; } /* Progress bar light style */ .progress.light { background: #f6f7f8; background: -webkit-linear-gradient(#F6F7F8, #F6F7F8 10%, #f5f5f5 11%); background: linear-gradient(#F6F7F8, #F6F7F8 10%, #f5f5f5 11%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } /* Progress bar roundness generic */ .progress-squared, .progress-squared .progress-bar { border-radius: 0 !important; } /* Progress bar sizes */ .progress-xs { height: 7px; } .progress-xs, .progress-xs .progress-bar { border-radius: 7px; } .progress-xs .progress-bar { direction: ltr !important; text-indent: -9999px; } .progress-xs.progress-half-rounded, .progress-xs.progress-half-rounded .progress-bar { border-radius: 2px; } .progress-xs.progress-striped .progress-bar { background-size: 15px 15px; } .progress-sm { border-radius: 12px; height: 12px; } .progress-sm, .progress-sm .progress-bar { border-radius: 12px; } .progress-sm .progress-bar { font-size: 10px; line-height: 12px; } .progress-sm.progress-half-rounded, .progress-sm.progress-half-rounded .progress-bar { border-radius: 4px; } .progress-sm.progress-striped .progress-bar { background-size: 20px 20px; } .progress-md { border-radius: 14px; height: 14px; } .progress-md, .progress-md .progress-bar { border-radius: 14px; } .progress-md .progress-bar { font-size: 11px; line-height: 14px; } .progress-md.progress-half-rounded, .progress-md.progress-half-rounded .progress-bar { border-radius: 4px; } .progress-md.progress-striped .progress-bar { background-size: 25px 25px; } .progress-lg { border-radius: 16px; height: 16px; } .progress-lg, .progress-lg .progress-bar { border-radius: 16px; } .progress-lg .progress-bar { line-height: 16px; } .progress-lg.progress-half-rounded, .progress-lg.progress-half-rounded .progress-bar { border-radius: 5px; } .progress-lg.progress-striped .progress-bar { background-size: 30px 30px; } .progress-xl { border-radius: 18px; height: 18px; } .progress-xl, .progress-xl .progress-bar { border-radius: 18px; } .progress-xl .progress-bar { line-height: 18px; } .progress-xl.progress-half-rounded, .progress-xl.progress-half-rounded .progress-bar { border-radius: 6px; } .progress-xl.progress-striped .progress-bar { background-size: 35px 35px; } /* Progress bar states */ .progress .progress-bar-primary { background-color: #CCC; } .progress .progress-bar-success { background-color: #47a447; } .progress .progress-bar-warning { background-color: #ed9c28; } .progress .progress-bar-danger { background-color: #d2322d; } .progress .progress-bar-info { background-color: #5bc0de; } .progress .progress-bar-dark { background-color: #171717; } .circular-bar { margin-bottom: 25px; } .circular-bar .circular-bar-chart { position: relative; } .circular-bar strong { display: block; font-weight: 600; font-size: 18px; line-height: 30px; position: absolute; top: 35%; width: 80%; left: 10%; text-align: center; } .circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center; } .panel-group .panel-accordion { border: 1px solid #DDD; } .panel-group .panel-accordion .panel-heading { border-radius: 5px; padding: 0; } .panel-group .panel-accordion .panel-heading a { color: #CCC; display: block; padding: 15px; font-size: 16px; border-radius: 5px; } .panel-group .panel-accordion .panel-heading a:hover, .panel-group .panel-accordion .panel-heading a:focus { text-decoration: none; } .panel-group .panel-accordion .panel-heading a .fa { margin-right: 4px; } .panel-group .panel-accordion .panel-body { border-radius: 0 0 5px 5px; } .panel-group .panel-accordion.panel-accordion-first { border-radius: 0 0 5px 5px; } .panel-group .panel-accordion.panel-accordion-first .panel-heading { border-radius: 0 0 5px 5px; } .panel-group .panel-accordion-primary .panel-heading .panel-title a { background: #CCC; color: #FFF; } .panel-group .panel-accordion-success .panel-heading .panel-title a { background: #47a447; color: #FFF; } .panel-group .panel-accordion-warning .panel-heading .panel-title a { background: #ed9c28; color: #FFF; } .panel-group .panel-accordion-danger .panel-heading .panel-title a { background: #d2322d; color: #FFF; } .panel-group .panel-accordion-info .panel-heading .panel-title a { background: #5bc0de; color: #FFF; } .panel-group .panel-accordion-dark .panel-heading .panel-title a { background: #171717; color: #FFF; } html.dark .panel-group .panel-accordion { border-color: #282d36; } html.dark .panel-group .panel-accordion .panel { background-color: #282d36; } html.dark .panel-group .panel-accordion .panel-default { border-color: #282d36; } html.dark .panel-group .panel-accordion .panel-heading { background-color: #2e353e; } html.dark .panel-group .panel-accordion .form-control { background-color: #21262d; border-color: #21262d; } .chart { width: 100%; } .chart.chart-xs { height: 150px; } .chart.chart-sm { height: 184px; } .chart.chart-md { height: 350px; } .chart.chart-lg { height: 500px; } #flotTip { padding: 4px 8px; background-color: #000; z-index: 100; color: #FFF; opacity: .7; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .jqstooltip { min-width: 30px; min-height: 25px; border: 0 !important; height: auto !important; width: auto !important; } .circular-bar { margin: 25px 0; } .circular-bar .circular-bar-chart { position: relative; } .circular-bar strong { display: block; font-weight: 600; font-size: 18px; line-height: 30px; position: absolute; top: 35%; width: 80%; left: 10%; text-align: center; } .circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center; } .circular-bar.circular-bar-xs { width: 50px; } .circular-bar.circular-bar-xs strong { display: none; } .circular-bar.circular-bar-xs label { font-size: 11px; left: 0; text-align: center; top: 28%; width: 100%; } .gauge-chart { margin: 25px 0; } .gauge-chart strong { display: block; font-weight: 600; font-size: 18px; line-height: 30px; text-align: center; margin-top: 10px; } .gauge-chart label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; padding-bottom: 5px; text-align: center; } .small-chart-wrapper { display: inline-block; margin: 10px 15px; width: 100%; } .small-chart-wrapper .small-chart { display: inline-block; float: left; margin-bottom: 8px; min-width: 80px; } .small-chart-wrapper .small-chart-info { display: inline-block; padding: 0 0 0 10px; } .small-chart-wrapper .small-chart-info label { display: block; font-size: 11px; text-transform: uppercase; color: #a0a0a0; padding: 0; margin: 0; line-height: 15px; } .small-chart-wrapper .small-chart-info strong { display: block; font-size: 13px; padding: 0; margin: 0; line-height: 15px; } .small-chart-wrapper + .small-chart-wrapper { margin-left: 25px; } @media only screen and (max-width: 767px) { .small-chart-wrapper { margin-right: 0; margin-left: 0; text-align: center; } .small-chart-wrapper .small-chart { width: 100%; text-align: center; } .small-chart-wrapper .small-chart-info { padding-left: 0; } } .liquid-meter { position: relative; max-height: 200px; max-width: 200px; margin: 0 auto; width: 100%; padding-bottom: 50%; } .liquid-meter meter { display: none; } .liquid-meter.liquid-meter-loaded { width: auto; padding-bottom: 0; } .liquid-meter.liquid-meter-loaded:before { display: none; } .liquid-meter-wrapper.liquid-meter-xs .liquid-meter { max-height: 120px; max-width: 120px; } .liquid-meter-wrapper.liquid-meter-sm .liquid-meter { max-height: 150px; max-width: 150px; } .liquid-meter-wrapper.liquid-meter-md .liquid-meter { max-height: 200px; max-width: 200px; } .liquid-meter-wrapper.liquid-meter-lg .liquid-meter { max-height: 230px; max-width: 230px; } .liquid-meter-wrapper .liquid-meter-selector { margin-top: 3px; } .liquid-meter-wrapper .liquid-meter-selector a { text-transform: uppercase; font-weight: 300; font-size: 11px; color: #9b9b9b; border-right: 1px solid #e4e4e4; display: inline-block; padding-right: 8px; margin-right: 8px; } .liquid-meter-wrapper .liquid-meter-selector a.active { color: #CCC; } .liquid-meter-wrapper .liquid-meter-selector a:last-child { border-right: 0; padding-right: 0; margin-right: 0; } .chart-data-selector { visibility: hidden; max-height: 255px; padding: 6px; } .chart-data-selector h2 { color: #33353F; font-size: 20px; line-height: 20px; margin: 0; padding: 0; text-transform: none; letter-spacing: -1px; } .chart-data-selector h2 .multiselect { background: #f6f6f6; border: 0 none; font-size: 18px; font-weight: 600; margin: -4px 0 0 4px !important; padding: 3px 12px 3px 8px; } .chart-data-selector h2 .multiselect:hover, .chart-data-selector h2 .multiselect:focus, .chart-data-selector h2 .multiselect:active { text-decoration: none; } .chart-data-selector h2 .multiselect-container { margin: 0 0 0 4px; min-width: 120%; } .chart-data-selector .chart-data-selector-items { position: relative; overflow: hidden; } .chart-data-selector .chart-data-selector-items .chart-active { visibility: hidden; } .chart-data-selector .chart-data-selector-items .chart-hidden { visibility: hidden; } .chart-data-selector.ready { max-height: none; visibility: visible; } .chart-data-selector.ready .chart-active { visibility: visible; position: relative; z-index: 2; } .chart-data-selector.ready .chart-hidden { visibility: hidden; position: absolute; z-index: 1; top: -9999px; } .ct-chart .ct-label, .ct-chart .ct-label.ct-horizontal, .ct-chart .ct-label.ct-vertical { font-size: 1.2rem; } .ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut { stroke: #CCC; } .ct-chart .ct-series.ct-series-a .ct-area, .ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) { fill: #CCC; } .ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut { stroke: #a6a6a6; } .ct-chart .ct-series.ct-series-b .ct-area, .ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) { fill: #a6a6a6; } .ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice.ct-donut { stroke: #E36159; } .ct-chart .ct-series.ct-series-c .ct-area, .ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut) { fill: #E36159; } .ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice.ct-donut { stroke: #cd2c23; } .ct-chart .ct-series.ct-series-d .ct-area, .ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut) { fill: #cd2c23; } .ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice.ct-donut { stroke: #2BAAB1; } .ct-chart .ct-series.ct-series-e .ct-area, .ct-chart .ct-series.ct-series-e .ct-slice:not(.ct-donut) { fill: #2BAAB1; } .ct-chart .ct-series.ct-series-f .ct-bar, .ct-chart .ct-series.ct-series-f .ct-line, .ct-chart .ct-series.ct-series-f .ct-point, .ct-chart .ct-series.ct-series-f .ct-slice.ct-donut { stroke: #1c6f73; } .ct-chart .ct-series.ct-series-f .ct-area, .ct-chart .ct-series.ct-series-f .ct-slice:not(.ct-donut) { fill: #1c6f73; } .ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point, .ct-chart .ct-series.ct-series-g .ct-slice.ct-donut { stroke: #734BA9; } .ct-chart .ct-series.ct-series-g .ct-area, .ct-chart .ct-series.ct-series-g .ct-slice:not(.ct-donut) { fill: #734BA9; } .ct-chart .ct-series.ct-series-h .ct-bar, .ct-chart .ct-series.ct-series-h .ct-line, .ct-chart .ct-series.ct-series-h .ct-point, .ct-chart .ct-series.ct-series-h .ct-slice.ct-donut { stroke: #4f3374; } .ct-chart .ct-series.ct-series-h .ct-area, .ct-chart .ct-series.ct-series-h .ct-slice:not(.ct-donut) { fill: #4f3374; } .ct-chart .ct-series.ct-series-i .ct-bar, .ct-chart .ct-series.ct-series-i .ct-line, .ct-chart .ct-series.ct-series-i .ct-point, .ct-chart .ct-series.ct-series-i .ct-slice.ct-donut { stroke: #a6a6a6; } .ct-chart .ct-series.ct-series-i .ct-area, .ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) { fill: #a6a6a6; } .ct-chart .ct-series.ct-series-j .ct-bar, .ct-chart .ct-series.ct-series-j .ct-line, .ct-chart .ct-series.ct-series-j .ct-point, .ct-chart .ct-series.ct-series-j .ct-slice.ct-donut { stroke: #f2f2f2; } .ct-chart .ct-series.ct-series-j .ct-area, .ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut) { fill: #f2f2f2; } .ct-chart .ct-series.ct-series-k .ct-bar, .ct-chart .ct-series.ct-series-k .ct-line, .ct-chart .ct-series.ct-series-k .ct-point, .ct-chart .ct-series.ct-series-k .ct-slice.ct-donut { stroke: #ee9f9a; } .ct-chart .ct-series.ct-series-k .ct-area, .ct-chart .ct-series.ct-series-k .ct-slice:not(.ct-donut) { fill: #ee9f9a; } .ct-chart .ct-series.ct-series-l .ct-bar, .ct-chart .ct-series.ct-series-l .ct-line, .ct-chart .ct-series.ct-series-l .ct-point, .ct-chart .ct-series.ct-series-l .ct-slice.ct-donut { stroke: #53ced5; } .ct-chart .ct-series.ct-series-l .ct-area, .ct-chart .ct-series.ct-series-l .ct-slice:not(.ct-donut) { fill: #53ced5; } .ct-chart .ct-series.ct-series-m .ct-bar, .ct-chart .ct-series.ct-series-m .ct-line, .ct-chart .ct-series.ct-series-m .ct-point, .ct-chart .ct-series.ct-series-m .ct-slice.ct-donut { stroke: #9b7cc5; } .ct-chart .ct-series.ct-series-m .ct-area, .ct-chart .ct-series.ct-series-m .ct-slice:not(.ct-donut) { fill: #9b7cc5; } .ct-chart .ct-series.ct-series-n .ct-bar, .ct-chart .ct-series.ct-series-n .ct-line, .ct-chart .ct-series.ct-series-n .ct-point, .ct-chart .ct-series.ct-series-n .ct-slice.ct-donut { stroke: #737373; } .ct-chart .ct-series.ct-series-n .ct-area, .ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut) { fill: #737373; } .ct-chart .ct-series.ct-series-o .ct-bar, .ct-chart .ct-series.ct-series-o .ct-line, .ct-chart .ct-series.ct-series-o .ct-point, .ct-chart .ct-series.ct-series-o .ct-slice.ct-donut { stroke: white; } .ct-chart .ct-series.ct-series-o .ct-area, .ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut) { fill: white; } .ct-chart .tooltip { opacity: 1; position: absolute; display: inline-block; min-width: 115px; padding: 8px; background: #CCC; color: #FFF; font-weight: 500; text-align: center; pointer-events: none; z-index: 1; } .ct-chart .tooltip:after { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -15px; border: 15px solid transparent; border-top-color: #CCC; } html.dark .chart-data-selector h2 .multiselect { background-color: #282d36; } .jstree-default .jstree-checkbox { background-image: url(../images/jstree.png); } .jstree-default .jstree-icon { color: #333; } .jstree-default .jstree-hovered { background-color: white; } .jstree-default .jstree-clicked { background-color: white; } .jstree-default .jstree-disabled { opacity: 0.5; cursor: not-allowed; } .jstree-default .colored { color: #CCC; } .jstree-default .colored .jstree-icon { color: #CCC; } .jstree-default .colored-icon .jstree-icon { color: #CCC; } .jstree-default .folder .jstree-icon { color: #ddc03f !important; } /* dark */ html.dark body .jstree-default .jstree-checkbox { background-image: url(../images/jstree-dark.png); } html.dark body .jstree-default .jstree-hovered { background-color: #21262d !important; box-shadow: none; } html.dark body .jstree-default .jstree-clicked { background-color: #1d2127 !important; box-shadow: none; } html.dark body .jstree-default .jstree-icon { color: #808697; } /* Word Rotate */ .word-rotate { visibility: hidden; width: 100px; height: 0px; margin-bottom: -7px; display: inline-block; overflow: hidden; text-align: center; position: relative; top: -1px; } .word-rotate.active { visibility: visible; width: auto; } .word-rotate .word-rotate-items { position: relative; top: 0; width: 100%; } .word-rotate .word-rotate-items span { display: block; white-space: nowrap; } .word-rotate.highlight { top: 1px; } /* Word Rotate - Titles */ h1 .word-rotate { margin-bottom: -12px; } h2 .word-rotate { margin-bottom: -12px; } h2.word-rotator-title { line-height: 54px; } .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; height: 34px; margin: 5px 0; padding: 6px 10px; color: #333; text-decoration: none; font-weight: 600; border: 1px solid #CCC; background: #F6F6F6; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-handle:hover { color: #CCC; background: #fff; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 7px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } .dd-placeholder { margin: 5px 0; padding: 0; min-height: 30px; background: white; border: 1px dashed #CCC; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), -webkit-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white); background-image: -moz-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), -moz-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white); background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white); background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } /* dark */ html.dark .dd-handle { background: #282d36; border-color: #21262d; color: #808697; } html.dark .dd-handle:hover { background: #21262d; } .toggle { margin: 10px 0 0; position: relative; clear: both; } .toggle > input { cursor: pointer; filter: alpha(opacity=0); height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2; } .toggle > label { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background: #F4F4F4; border-left: 3px solid #CCC; border-radius: 5px; color: #CCC; display: block; font-size: 1.1em; min-height: 20px; padding: 12px 20px 12px 10px; position: relative; cursor: pointer; font-weight: 400; } .toggle > label:-moz-selection { background: none; } .toggle > label i.fa-minus { display: none; } .toggle > label i.fa-plus { display: inline; } .toggle > label:selection { background: none; } .toggle > label:before { border: 6px solid transparent; border-left-color: inherit; content: ''; margin-top: -6px; position: absolute; right: 4px; top: 50%; } .toggle > label:hover { background: #f5f5f5; } .toggle > label + p { display: block; overflow: hidden; padding-left: 30px; text-overflow: ellipsis; white-space: nowrap; height: 25px; } .toggle > label i { font-size: 0.7em; margin-right: 8px; position: relative; top: -1px; } .toggle > .toggle-content { display: none; } .toggle > .toggle-content > p { margin-bottom: 0; padding: 10px 0; } .toggle.active i.fa-minus { display: inline; color: #FFF; } .toggle.active i.fa-plus { display: none; } .toggle.active > label { background: #CCC; border-color: #CCC; color: #FFF; } .toggle.active > label:before { border: 6px solid transparent; border-top-color: #FFF; margin-top: -3px; right: 10px; } .toggle.active > p { white-space: normal; } .toggle > p.preview-active { height: auto; white-space: normal; } /* dark */ html.dark .toggle > label { background: #282d36; } .label-default { background: #ebebeb; color: #777; } .label-sm { font-size: 50%; } .label-primary { background: #CCC; color: #FFF; } .label-success { background: #47a447; color: #FFF; } .label-warning { background: #ed9c28; color: #FFF; } .label-danger { background: #d2322d; color: #FFF; } .label-info { background: #5bc0de; color: #FFF; } .label-dark { background: #171717; color: #FFF; } .mfp-bg { z-index: 10000; } .mfp-wrap { z-index: 10001; } .mfp-wrap .mfp-content { z-index: 10001; } .modal-block { background: transparent; padding: 0; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } .modal-block.modal-block-xs { max-width: 200px; } .modal-block.modal-block-sm { max-width: 400px; } .modal-block.modal-block-md { max-width: 600px; } .modal-block.modal-block-lg { max-width: 900px; } .modal-block.modal-block-full { max-width: 98%; } .modal-block.modal-header-color .panel-heading h2 { color: #FFF; } .modal-block.modal-full-color { color: #FFF; } .modal-block.modal-full-color .panel-heading { border: 0; } .modal-block.modal-full-color .panel-heading h2 { color: #FFF; } .modal-block.modal-full-color .panel-footer { border: 0; } .modal-block.modal-full-color .panel-body { background-color: transparent; } .modal-block.modal-full-color .fa { color: #FFF !important; } /* Modal Wrapper */ .modal-wrapper { position: relative; padding: 25px 0; } /* Modal Icon */ .modal-icon { float: left; width: 20%; text-align: center; } .modal-icon .fa { font-size: 52px; position: relative; top: -10px; color: #CCC; } .modal-icon.center { float: none; width: auto; padding-top: 20px; } .modal-icon.center + .modal-text { float: none; width: auto; } .modal-icon + .modal-text { float: left; width: 80%; } /* Modal Text */ .modal-text { padding: 0 5px; } .modal-text h1, .modal-text h2, .modal-text h3, .modal-text h4, .modal-text h5, .modal-text h6 { padding: 0; margin: -7px 0 4px 0; } .modal-block-primary .fa { color: #CCC; } .modal-block-primary.modal-header-color .panel-heading { background-color: #CCC; } .modal-block-primary.modal-full-color .panel { background-color: #e0e0e0; } .modal-block-primary.modal-full-color .panel-heading { background-color: #CCC; } .modal-block-primary.modal-full-color .panel-footer { background-color: #e0e0e0; } .modal-block-success .fa { color: #47a447; } .modal-block-success.modal-header-color .panel-heading { background-color: #47a447; } .modal-block-success.modal-full-color .panel { background-color: #5cb85c; } .modal-block-success.modal-full-color .panel-heading { background-color: #47a447; } .modal-block-success.modal-full-color .panel-footer { background-color: #5cb85c; } .modal-block-warning .fa { color: #ed9c28; } .modal-block-warning.modal-header-color .panel-heading { background-color: #ed9c28; } .modal-block-warning.modal-full-color .panel { background-color: #f0ad4e; } .modal-block-warning.modal-full-color .panel-heading { background-color: #ed9c28; } .modal-block-warning.modal-full-color .panel-footer { background-color: #f0ad4e; } .modal-block-danger .fa { color: #d2322d; } .modal-block-danger.modal-header-color .panel-heading { background-color: #d2322d; } .modal-block-danger.modal-full-color .panel { background-color: #d9534f; } .modal-block-danger.modal-full-color .panel-heading { background-color: #d2322d; } .modal-block-danger.modal-full-color .panel-footer { background-color: #d9534f; } .modal-block-info .fa { color: #5bc0de; } .modal-block-info.modal-header-color .panel-heading { background-color: #5bc0de; } .modal-block-info.modal-full-color .panel { background-color: #7dcde5; } .modal-block-info.modal-full-color .panel-heading { background-color: #5bc0de; } .modal-block-info.modal-full-color .panel-footer { background-color: #7dcde5; } .modal-block-dark .fa { color: #171717; } .modal-block-dark.modal-header-color .panel-heading { background-color: #171717; } .modal-block-dark.modal-full-color .panel { background-color: #2b2b2b; } .modal-block-dark.modal-full-color .panel-heading { background-color: #171717; } .modal-block-dark.modal-full-color .panel-footer { background-color: #2b2b2b; } html.dark .modal-content { background-color: #1d2127; } html.dark .modal-header, html.dark .modal-footer { border-color: #282d36; } /* Close */ .mfp-close, .mfp-close-btn-in .mfp-close { font-family: "Open Sans", Arial, sans-serif; font-weight: 600; font-size: 22px; color: #838383; } /* No Margins */ .mfp-no-margins img.mfp-img { padding: 0; } .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } .mfp-no-margins .mfp-container { padding: 0; } /* Zoom */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0.001; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /* Animnate */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-bg { opacity: 0.01; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* Dialog */ .dialog { background: white; padding: 20px 30px; text-align: left; margin: 40px auto; position: relative; max-width: 600px; } .dialog.dialog-xs { max-width: 200px; } .dialog.dialog-sm { max-width: 400px; } .dialog.dialog-md { max-width: 600px; } .dialog.dialog-lg { max-width: 900px; } /* White Popup Block */ .white-popup-block { background: #FFF; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } .white-popup-block.white-popup-block-xs { max-width: 200px; } .white-popup-block.white-popup-block-sm { max-width: 400px; } .white-popup-block.white-popup-block-md { max-width: 600px; } .white-popup-block.white-popup-block-lg { max-width: 900px; } /* Dark */ html.dark .white-popup-block, html.dark .dialog { background: #1d2127; } /* Animate.css - http: //daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .appear-animation { opacity: 0; } .appear-animation-visible { opacity: 1; } .animated, .appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); opacity: 1; } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); opacity: 1; } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); opacity: 1; } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); opacity: 1; } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); opacity: 1; } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); opacity: 1; } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); opacity: 1; } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); opacity: 1; } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); opacity: 1; } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); opacity: 1; } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); opacity: 1; } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); opacity: 1; } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); opacity: 1; } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); opacity: 1; } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); opacity: 1; } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); opacity: 1; } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); opacity: 1; } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); opacity: 1; } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); opacity: 1; } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); opacity: 1; } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); opacity: 1; } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } .thumb-info { position: relative; } .thumb-info .thumb-info-title { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(36, 27, 28, 0.9); bottom: 10%; color: #FFF; font-size: 18px; font-weight: 700; left: 0; letter-spacing: -1px; padding: 9px 11px 9px; position: absolute; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; z-index: 1; } .thumb-info .thumb-info-inner { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; white-space: nowrap; } .thumb-info .thumb-info-type { background-color: #CCC; border-radius: 2px; display: inline-block; float: left; font-size: 12px; font-weight: 400; letter-spacing: 0; margin: 8px -2px -15px -2px; padding: 2px 9px; text-transform: none; } /* Widget - Widget Toggle/Expand */ .widget-toggle-expand .widget-header { position: relative; margin: 0; padding: 5px 0; } .widget-toggle-expand .widget-header h6 { font-size: 1.3rem; margin: 0; padding: 0; } .widget-toggle-expand .widget-header .widget-toggle { font-size: 2.1rem; line-height: 2.1rem; position: absolute; right: 0; top: 0; cursor: pointer; text-align: center; color: #b4b4b4; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; } .widget-toggle-expand.widget-collapsed .widget-content-expanded { display: none; } .widget-toggle-expand.widget-collapsed .widget-header .widget-toggle { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Widget - Simple User List */ ul.simple-user-list { list-style: none; padding: 0; } ul.simple-user-list li { margin: 0 0 20px; } ul.simple-user-list li .image { float: left; margin: 0 10px 0 0; } ul.simple-user-list li .title { color: #000011; display: block; line-height: 1.334; } ul.simple-user-list li .message { display: block; font-size: 1.1rem; line-height: 1.334; } /* Widget - Simple Post List */ ul.simple-post-list { list-style: none; margin: 0; padding: 0; } ul.simple-post-list li { border-bottom: 1px dotted #E2E2E2; padding: 15px 0; } ul.simple-post-list li:after { content: ""; display: table; clear: both; } ul.simple-post-list li::last-child { border-bottom: 0; } ul.simple-post-list li .post-image { float: left; margin-right: 12px; } ul.simple-post-list li .post-meta { color: #888; font-size: 0.8em; } ul.simple-post-list li:last-child { border-bottom: none; } /* Widget - Simple Todo List */ ul.simple-todo-list { list-style: none; padding: 0; margin: 0; } ul.simple-todo-list li { position: relative; padding: 0 0 0 20px; } ul.simple-todo-list li.completed { color: #A7A7A7; } ul.simple-todo-list li.completed:before { position: absolute; top: 3px; left: 0; font-family: FontAwesome; content: "\f00c"; z-index: 1; } /* Widget - Social Icons */ .social-icons-list { display: block; margin: 0; padding: 0; } .social-icons-list a { background: #CCC; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .social-icons-list a:hover { text-decoration: none; } .social-icons-list a span { display: none; } .social-icons-list a i { font-size: 1.35rem; color: #FFF; font-weight: normal; } /* Widget - Simple Compose Box */ .simple-compose-box { border: 1px solid #d1d1d1; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; } .simple-compose-box textarea { background-color: transparent; display: block; width: 100%; padding: 10px 10px 5px; border: 0; resize: none; -webkit-border-radius: 3px; border-radius: 3px; } .simple-compose-box textarea:focus { border: 0 none; outline: none; } .simple-compose-box .compose-box-footer { background-color: #F6F7F8; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .simple-compose-box .compose-box-footer:after { content: ""; display: table; clear: both; } .simple-compose-box .compose-box-footer .compose-toolbar { list-style: none; margin: 0; padding: 0 3px; float: left; } .simple-compose-box .compose-box-footer .compose-toolbar li { display: inline-block; } .simple-compose-box .compose-box-footer .compose-toolbar li a { display: block; text-align: center; font-size: 16px; line-height: 30px; width: 30px; color: #B3B7BD; } .simple-compose-box .compose-box-footer .compose-toolbar li a:hover { background-color: #e8eaed; } .simple-compose-box .compose-box-footer .compose-btn { list-style: none; margin: 0; padding: 3px; float: right; } /* Widget - Simple Card List */ ul.simple-card-list { list-style: none; padding: 0; } ul.simple-card-list li { padding: 10px 15px; margin: 15px 0; -webkit-border-radius: 7px; border-radius: 7px; } ul.simple-card-list li h3 { font-size: 2.6rem; font-weight: 600; margin: 0; } ul.simple-card-list li p { margin: 0; opacity: .7; } .simple-card-list li.primary { background: #CCC; color: #FFF; } .simple-card-list li.success { background: #47a447; color: #FFF; } .simple-card-list li.warning { background: #ed9c28; color: #FFF; } .simple-card-list li.danger { background: #d2322d; color: #FFF; } .simple-card-list li.info { background: #5bc0de; color: #FFF; } .simple-card-list li.dark { background: #171717; color: #FFF; } div.simple-card-list { display: table; width: 100%; } div.simple-card-list .card { display: table-cell; } div.simple-card-list .card .card-content { background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; border-radius: 3px; margin: 0 7px; padding: 5px; } div.simple-card-list .card h3 { font-size: 2.6rem; font-weight: 600; margin: 0; } div.simple-card-list .card p { margin: 0; opacity: .7; } /* Widget - Simple Button List */ ul.simple-bullet-list { list-style: none; padding: 0; } ul.simple-bullet-list li { position: relative; padding: 0 0 0 20px; margin: 0 0 10px; } ul.simple-bullet-list li:before { border: 6px solid #CCC; border-radius: 100px; content: ''; display: inline-block; left: 0; margin: 0; position: absolute; top: 5px; z-index: 2; } ul.simple-bullet-list li .title { display: block; font-weight: 700; font-size: 1.4rem; line-height: 1.4; color: #171717; } ul.simple-bullet-list li .description { display: block; color: #999; font-size: 1.1rem; line-height: 1.334; } ul.simple-bullet-list li.red:before { border-color: #d64b4b; } ul.simple-bullet-list li.green:before { border-color: #4dd79c; } ul.simple-bullet-list li.blue:before { border-color: #0090d9; } ul.simple-bullet-list li.orange:before { border-color: #E2A917; } /* Widget - Summary */ .widget-summary { display: table; width: 100%; } .widget-summary:after { content: ""; display: table; clear: both; } .widget-summary .widget-summary-col { display: table-cell; vertical-align: top; width: 100%; } .widget-summary .widget-summary-col.widget-summary-col-icon { width: 1%; } .widget-summary .summary-icon { margin-right: 15px; font-size: 4.2rem; width: 90px; height: 90px; line-height: 90px; text-align: center; color: #fff; -webkit-border-radius: 55px; border-radius: 55px; } .widget-summary .summary { min-height: 65px; word-break: break-all; } .widget-summary .summary .title { margin: 0; font-size: 1.6rem; line-height: 2.2rem; color: #333; font-weight: 500; } .widget-summary .summary .info { font-size: 1.4rem; line-height: 3rem; } .widget-summary .summary .info span { vertical-align: middle; } .widget-summary .summary .amount { margin-right: .2em; font-size: 2.4rem; font-weight: 600; color: #333; vertical-align: middle; } .widget-summary .summary-footer { padding: 5px 0 0; border-top: 1px dotted #ddd; text-align: right; } .bg-primary .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-primary .widget-summary .summary .title, .bg-primary .widget-summary .summary .amount { color: #FFF; } .bg-primary .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-primary .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } .bg-secondary .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-secondary .widget-summary .summary .title, .bg-secondary .widget-summary .summary .amount { color: #FFF; } .bg-secondary .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-secondary .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } .bg-tertiary .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-tertiary .widget-summary .summary .title, .bg-tertiary .widget-summary .summary .amount { color: #FFF; } .bg-tertiary .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-tertiary .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } .bg-quaternary .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-quaternary .widget-summary .summary .title, .bg-quaternary .widget-summary .summary .amount { color: #FFF; } .bg-quaternary .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-quaternary .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } .bg-success .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-success .widget-summary .summary .title, .bg-success .widget-summary .summary .amount { color: #FFF; } .bg-success .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-success .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } .bg-warning .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-warning .widget-summary .summary .title, .bg-warning .widget-summary .summary .amount { color: #FFF; } .bg-warning .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-warning .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } .bg-danger .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-danger .widget-summary .summary .title, .bg-danger .widget-summary .summary .amount { color: #FFF; } .bg-danger .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-danger .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } .bg-info .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-info .widget-summary .summary .title, .bg-info .widget-summary .summary .amount { color: #FFF; } .bg-info .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-info .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } .bg-dark .widget-summary .summary-icon { background-color: rgba(0, 0, 0, 0.1); } .bg-dark .widget-summary .summary .title, .bg-dark .widget-summary .summary .amount { color: #FFF; } .bg-dark .widget-summary .summary-footer { border-top: 1px solid #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bg-dark .widget-summary .summary-footer a { color: #FFF; opacity: 0.6; } @media only screen and (min-width: 480px) { .widget-summary.widget-summary-xlg { padding: 5px 0; } .widget-summary.widget-summary-xlg .summary-icon { width: 110px; height: 110px; line-height: 110px; font-size: 4.8rem; } .widget-summary.widget-summary-xlg .summary { min-height: 80px; } .widget-summary.widget-summary-xlg .summary .title { font-size: 2rem; line-height: 2.8rem; } .widget-summary.widget-summary-xlg .summary .info { font-size: 1.6rem; line-height: 3rem; } .widget-summary.widget-summary-xlg .summary .amount { font-size: 2.8rem; } } .widget-summary.widget-summary-lg { padding: 0; } .widget-summary.widget-summary-lg .summary-icon { width: 90px; height: 90px; line-height: 90px; font-size: 4.2rem; } .widget-summary.widget-summary-lg .summary { min-height: 65px; } .widget-summary.widget-summary-lg .summary .title { font-size: 1.6rem; line-height: 2.2rem; } .widget-summary.widget-summary-lg .summary .info { font-size: 1.4rem; line-height: 3rem; } .widget-summary.widget-summary-lg .summary .amount { font-size: 2.4rem; } .widget-summary.widget-summary-md { padding: 0; } .widget-summary.widget-summary-md .summary-icon { width: 70px; height: 70px; line-height: 70px; font-size: 3.2rem; } .widget-summary.widget-summary-md .summary { min-height: 0; margin-top: 12px; } .widget-summary.widget-summary-md .summary .title { font-size: 1.2rem; line-height: 1.8rem; } .widget-summary.widget-summary-md .summary .info { font-size: 1.1rem; line-height: 2.2rem; } .widget-summary.widget-summary-md .summary .amount { font-size: 1.8rem; font-weight: 700; } .widget-summary.widget-summary-md .summary-footer { display: none; } .widget-summary.widget-summary-sm { padding: 0; } .widget-summary.widget-summary-sm .summary-icon { width: 50px; height: 50px; line-height: 50px; font-size: 2.2rem; } .widget-summary.widget-summary-sm .summary { min-height: 0; margin-top: 4px; } .widget-summary.widget-summary-sm .summary .title { font-size: 1.2rem; line-height: 1.8rem; } .widget-summary.widget-summary-sm .summary .info { font-size: 1.1rem; line-height: 1.8rem; } .widget-summary.widget-summary-sm .summary .amount { font-size: 1.6rem; font-weight: 700; } .widget-summary.widget-summary-sm .summary-footer { display: none; } .widget-summary.widget-summary-xs { padding: 0; } .widget-summary.widget-summary-xs .summary-icon { width: 40px; height: 40px; line-height: 40px; font-size: 1.8rem; } .widget-summary.widget-summary-xs .summary { min-height: 0; } .widget-summary.widget-summary-xs .summary .title { font-size: 1.2rem; line-height: 40px; } .widget-summary.widget-summary-xs .summary .info { display: none; } .widget-summary.widget-summary-xs .summary-footer { display: none; } /* Widget - Todo List */ ul.widget-todo-list { list-style: none; padding: 0; margin: 0; position: relative; } ul.widget-todo-list li { border-bottom: 1px dotted #ddd; padding: 15px 15px 15px 0; position: relative; } ul.widget-todo-list li label.line-through span { text-decoration: line-through; } ul.widget-todo-list li .checkbox-custom { margin-bottom: 0; } ul.widget-todo-list li .checkbox-custom label { padding-left: 10px; } ul.widget-todo-list li .todo-actions { position: absolute; top: 14px; right: 0; bottom: 14px; } ul.widget-todo-list li .todo-actions .todo-remove { font-size: 10px; vertical-align: middle; color: #999; } ul.widget-todo-list li:last-child { border-bottom: 0 none; } /* Widget - Profile Info */ .widget-profile-info { display: table; width: 100%; } .widget-profile-info .profile-picture { display: table-cell; vertical-align: middle; width: 1%; } .widget-profile-info .profile-picture img { display: block; width: 100px; height: 100px; margin-right: 15px; border: 4px solid #fff; -webkit-border-radius: 50px; border-radius: 50px; } .widget-profile-info .profile-info { display: table-cell; vertical-align: bottom; width: 100%; } .widget-profile-info .profile-info .profile-footer { padding: 5px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.6); text-align: right; } .widget-profile-info .profile-info .profile-footer a { color: #fff; opacity: 0.6; } /* Widget - Twitter Profile */ .widget-twitter-profile { background-color: #CCC; border-radius: 5px; color: #fff; } .widget-twitter-profile .top-image img { width: 100%; border-radius: 5px 5px 0 0; } .widget-twitter-profile .profile-info { padding: 15px; min-height: 75px; } .widget-twitter-profile .profile-info:after { content: ""; display: table; clear: both; } .widget-twitter-profile .profile-info .profile-picture { float: left; margin-right: 15px; position: relative; } .widget-twitter-profile .profile-info .profile-picture img { display: block; width: 100px; height: 100px; margin: -25px 0; border: 4px solid #fff; -webkit-border-radius: 50px; border-radius: 50px; } .widget-twitter-profile .profile-info .profile-account { float: left; } .widget-twitter-profile .profile-info .profile-account .name { margin: 0; } .widget-twitter-profile .profile-info .profile-account .account { color: white; margin: 0; line-height: 1.4; } .widget-twitter-profile .profile-info .profile-stats { float: right; list-style: none; padding: 5px 0; margin: 0; } .widget-twitter-profile .profile-info .profile-stats li { float: left; padding: 0 10px; } .widget-twitter-profile .profile-info .profile-stats li .stat { font-size: 1rem; margin: 0; } .widget-twitter-profile .profile-info .profile-stats li .count { display: block; margin: 0; line-height: 1.4; font-weight: 600; } .widget-twitter-profile .profile-quote { background-color: #d6d6d6; border-radius: 0 0 5px 5px; padding: 15px 10px 15px 150px; } .widget-twitter-profile .profile-quote blockquote { padding: 0; margin: 0; border: 0; } .widget-twitter-profile .profile-quote blockquote p { position: relative; font-style: italic; font-size: 1.8rem; line-height: 1.6; padding: 15px 0; margin: 0 0 10px; font-family: Georgia, serif; } .widget-twitter-profile .profile-quote blockquote p:before { position: absolute; top: 0; left: -45px; content: '\201C'; font-size: 8rem; line-height: 1; font-family: Georgia, serif; font-style: normal; } .widget-twitter-profile .profile-quote .quote-footer { border-top: 1px solid #e6e6e6; padding: 5px 0; text-align: right; color: white; } .widget-twitter-profile .profile-quote .quote-footer a { color: white; } /* Widget - Twitter Profile Responsive */ @media only screen and (max-width: 479px) { .widget-twitter-profile .profile-info .profile-stats { clear: both; float: none; padding: 45px 0 0; text-align: center; } .widget-twitter-profile .profile-info .profile-stats li { display: inline-block; float: none; } } @media only screen and (max-width: 767px) { .widget-twitter-profile .profile-quote { padding-left: 10px; } .widget-twitter-profile .profile-quote blockquote { padding-left: 45px; } } html.dark { /* Widget Summary */ /* Panel Footer - Button Group */ /* To-do List */ /* Simple Post List */ /* Simple User List */ /* Simple Bullet List */ /* Simple Compose Box */; } html.dark .widget-summary .summary .title, html.dark .widget-summary .summary .amount { color: #EEE; } html.dark .widget-summary .summary-footer { border-color: #4C4C4C; } html.dark .panel-footer-btn-group a { background-color: #282d36; border-color: #21262d; } html.dark .panel-footer-btn-group a:hover { background-color: #2e353e; } html.dark ul.widget-todo-list li { border-color: #242830; } html.dark ul.simple-post-list li { border-color: #4c4c4c; } html.dark ul.simple-user-list li .title { color: #EEE; } html.dark ul.simple-bullet-list li .title { color: #EEE; } html.dark .simple-compose-box { background-color: #282d36; border-color: #282d36; } html.dark .simple-compose-box .compose-box-footer { background-color: #21262d; } /* Buttons - States */ .nav-pills-primary > li a:hover, .nav-pills-primary > li a:focus { color: #CCC; background-color: white; } .nav-pills-primary > li.active > a, .nav-pills-primary > li.active > a:hover, .nav-pills-primary > li.active > a:active, .nav-pills-primary > li.active > a:focus { background-color: #CCC; } .nav-pills-success > li a:hover, .nav-pills-success > li a:focus { color: #47a447; background-color: #bfe2bc; } .nav-pills-success > li.active > a, .nav-pills-success > li.active > a:hover, .nav-pills-success > li.active > a:active, .nav-pills-success > li.active > a:focus { background-color: #47a447; } .nav-pills-warning > li a:hover, .nav-pills-warning > li a:focus { color: #ed9c28; background-color: #fbe4cd; } .nav-pills-warning > li.active > a, .nav-pills-warning > li.active > a:hover, .nav-pills-warning > li.active > a:active, .nav-pills-warning > li.active > a:focus { background-color: #ed9c28; } .nav-pills-danger > li a:hover, .nav-pills-danger > li a:focus { color: #d2322d; background-color: #f2c0c3; } .nav-pills-danger > li.active > a, .nav-pills-danger > li.active > a:hover, .nav-pills-danger > li.active > a:active, .nav-pills-danger > li.active > a:focus { background-color: #d2322d; } .nav-pills-info > li a:hover, .nav-pills-info > li a:focus { color: #5bc0de; background-color: #f0fafc; } .nav-pills-info > li.active > a, .nav-pills-info > li.active > a:hover, .nav-pills-info > li.active > a:active, .nav-pills-info > li.active > a:focus { background-color: #5bc0de; } .nav-pills-dark > li a:hover, .nav-pills-dark > li a:focus { color: #171717; background-color: #707070; } .nav-pills-dark > li.active > a, .nav-pills-dark > li.active > a:hover, .nav-pills-dark > li.active > a:active, .nav-pills-dark > li.active > a:focus { background-color: #171717; } .portlet-handler { cursor: move; } .portlet-placeholder { margin-bottom: 15px; padding: 0; border: 1px dashed #dddddd; background: #fafafa; color: #444444; } /* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #CCC; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #CCC, 0 0 5px #CCC; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; -moz-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes nprogress-spinner { 0% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Tables - Basic */ .table { width: 100%; } .table .table { background: transparent; } /* Bootstrap uses important, we need to force it here */ .table.mb-none { margin-bottom: 0 !important; } /* In case you dont want a border in some row */ .table .b-top-none td { border-top: none; } /* Tables - Actions */ .table .actions, .table .actions-hover { vertical-align: middle; } .table .actions a, .table .actions-hover a { display: inline-block; margin-right: 5px; color: #666; } .table .actions a:last-child, .table .actions-hover a:last-child { margin-right: 0; } .table .actions a:hover, .table .actions-hover a:hover { color: #333; } .table .actions-hover a { opacity: 0; } .table tr:hover .actions-hover a { opacity: 1; } .table .actions-fade a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } /* Tables - No More Tables technique (991px is the bootstrap SM max-width) */ @media only screen and (max-width: 991px) { .table.table-no-more, .table.table-no-more thead, .table.table-no-more tbody, .table.table-no-more tr, .table.table-no-more th, .table.table-no-more td { display: block; } .table.table-no-more thead tr { left: -9999px; position: absolute; top: -9999px; } .table.table-no-more tr { border-bottom: 1px solid #DDD; } .table.table-no-more td { border: none; position: relative; padding-left: 50%; text-align: left; white-space: normal; } .table.table-no-more td:before { content: attr(data-title); font-weight: bold; left: 6px; padding-right: 10px; position: absolute; text-align: left; top: 8px; white-space: nowrap; width: 45%; } .table.table-no-more.table-bordered td { border-bottom: 1px solid #EFEFEF; } .table.table-no-more.table-condensed td:before { top: 5px; } } /* Dark - Tables */ html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered { border-color: #262b33; } html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #282d36; } html.dark .table-hover > tbody > tr:hover > td, html.dark .table-hover > tbody > tr:hover > th { background-color: #272c34; } html.dark .table .actions a, html.dark .table .actions-hover a { color: #808697; } @media screen and (max-width: 991px) { html.dark .table-responsive { border-color: #262b33; } } @media only screen and (max-width: 991px) { html.dark .table.table-no-more tr, html.dark .table.table-no-more.table-bordered td { border-bottom-color: #262b33; } } /* Tables - States */ .table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th { color: #FFF; background-color: #CCC !important; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { color: #FFF; background-color: #47a447 !important; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { color: #FFF; background-color: #ed9c28 !important; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { color: #FFF; background-color: #d2322d !important; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { color: #FFF; background-color: #5bc0de !important; } .table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th { color: #FFF; background-color: #171717 !important; } .table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th { background-color: #4a4a4a; color: #FFF; } /* Common Fixes */ .dataTables_wrapper { position: relative; } .dataTables_wrapper .DTTT.btn-group { display: inline-block !important; } .dataTables_wrapper .datatables-header { margin-bottom: 15px; } .dataTables_wrapper .datatables-header label { font-weight: normal; margin: 0; } .dataTables_wrapper table thead th { padding-right: 21px !important; } .dataTables_wrapper .dataTables_length .select2-container { margin-right: 10px; width: 75px; } @media only screen and (max-width: 991px) { .dataTables_wrapper .dataTables_length { margin-bottom: 15px; } .dataTables_wrapper .dataTables_length label { float: none; width: 100%; } } /* Filter */ .dataTables_wrapper .dataTables_filter label { width: 50%; } .dataTables_wrapper .dataTables_filter input { width: 100%; } @media only screen and (max-width: 991px) { .dataTables_wrapper .dataTables_filter label { width: 100%; } } /* Footer */ .dataTables_wrapper .datatables-footer { margin-top: 15px; } .dataTables_wrapper .datatables-footer .dataTables_info { font-size: 11px; padding-top: 0; margin-top: 6px; } .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination { display: block; margin: 0; } @media only screen and (max-width: 991px) { .dataTables_wrapper .datatables-footer .dataTables_info { margin-bottom: 15px; text-align: center; } .dataTables_wrapper .datatables-footer .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination { display: inline-block; } } /* Empty Row */ .dataTables_wrapper .dataTables_empty { padding: 50px 0; text-align: center; } .dataTables_processing { background: #CCC; border-radius: 100px; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3); color: #FFF; left: 50%; margin-left: -36px; padding: 5px 10px; position: absolute; top: 3px; } @media only screen and (max-width: 991px) { .dataTables_processing { left: auto; margin-left: 0; right: 0; } } .DTTT_Print, .DTTT_Print .inner-wrapper, .DTTT_Print .content-body, .DTTT_Print .panel { background: #FFF !important; margin: 0 !important; padding: 0 !important; top: 0 !important; } .DTTT_Print .dataTables_wrapper .DTTT.btn-group { display: none !important; } .DTTT_Print .DTTT_print_info { background: rgba(255, 255, 255, 0.9); display: block; left: 0; height: 100px; line-height: 100px; position: fixed; font-size: 14px; text-align: center; top: 0; width: 100%; } /* Dark Fixes */ html.dark div.DTTT .btn { color: #EEE !important; } .pricing-table { margin: 25px 0; padding-left: 0; text-align: center; } .pricing-table ul { list-style: none; margin: 20px 0 0 0; padding: 0; } .pricing-table li { border-top: 1px solid #ddd; padding: 10px 0; } .pricing-table h3 { background-color: #eee; border-radius: 2px 2px 0 0; font-size: 20px; font-weight: normal; margin: -20px -20px 50px -20px; padding: 20px; } .pricing-table h3 span { background: #FFF; border: 5px solid #FFF; border-radius: 100px; box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; color: #CCC; display: block; font: bold 25px / 100px Georgia, Serif; height: 100px; margin: 20px auto -65px; width: 100px; } .pricing-table .most-popular { border: 3px solid #CCC; box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1); padding: 30px 20px; top: -10px; z-index: 2; } .pricing-table .most-popular h3 { background-color: #CCC; color: #FFF; padding-top: 30px; } .pricing-table .plan-ribbon-wrapper { height: 88px; overflow: hidden; position: absolute; right: -5px; top: -5px; width: 85px; } .pricing-table .plan-ribbon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45); background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45); background-color: #bfdc7a; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); color: #333; font-size: 14px; left: -5px; padding: 7px 0; position: relative; text-align: center; top: 15px; width: 120px; } .pricing-table .plan-ribbon:before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute; } .pricing-table .plan-ribbon:after { border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute; right: 0; } .pricing-table .plan { background: #FFF; border: 1px solid #ddd; border-radius: 5px; color: #333; margin-bottom: 35px; margin-right: 0; padding: 20px; position: relative; } .pricing-table .btn { margin-top: 5px; } /* dark */ html.dark .pricing-table li { border-top-color: #21262d; } html.dark .pricing-table h3 { background-color: #21262d; text-shadow: none; } html.dark .pricing-table h3 span { background: #2e353e; border-color: #242830; box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset; color: #ebebeb; } html.dark .pricing-table .most-popular { border-color: #282d36; } html.dark .pricing-table .most-popular h3 { background-color: #282d36; color: #808697; text-shadow: none; } html.dark .pricing-table .plan-ribbon { background-color: #282d36; } html.dark .pricing-table .plan { background: #282d36; border: 1px solid #282d36; color: #808697; text-shadow: none; } .fileupload .uneditable-input .fa { position: absolute; top: 12px; left: 26px; } .fileupload .uneditable-input .fileupload-preview { display: inline-block; float: left; overflow: hidden; padding: 0 0 0 17px; text-overflow: ellipsis; width: 100%; } .fileupload .btn { border-radius: 0; } @media only screen and (max-width: 479px) { .fileupload .uneditable-input { width: 170px; } } /* Datepicker - Input Group Addon */ .input-daterange .input-group-addon { min-width: 36px; } /* Datepicker - Base */ .datepicker { padding: 10px; margin: 0 auto; line-height: 1.1em; } .datepicker.datepicker-inline { line-height: 1.7em; width: 100%; } .datepicker table { width: 100%; } .datepicker table tr td { border-radius: 0; } .datepicker table thead tr th { cursor: pointer; font-size: 1.3rem; text-align: center; font-weight: normal; } .datepicker table thead tr th.prev { content: '\f0d9'; font-family: FontAwesome; } .datepicker table thead tr th.next { content: '\f0da'; font-family: FontAwesome; } .datepicker table td { text-align: center; font-size: 1.2rem; } .datepicker table td.day { -webkit-transition: background-color 0.1s ease-in 0.1s, color 0.1s ease-in 0.1s; -moz-transition: background-color 0.1s ease-in 0.1s, color 0.1s ease-in 0.1s; transition: background-color 0.1s ease-in 0.1s, color 0.1s ease-in 0.1s; cursor: pointer; } /* Datepicker - Skin Default */ .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover, .datepicker table tr td span:hover { background: #CCC; color: #FFF; } .datepicker table tbody tr td span.old, .datepicker table tbody tr td span.new { color: #CCC; } .datepicker table tbody tr td span.old:hover, .datepicker table tbody tr td span.new:hover { color: #FFF; } .datepicker table tbody tr td.day:hover { background: #CCC; color: #FFF; } .datepicker table tbody tr td.day.active { background: #b3b3b3; color: #FFF; } .datepicker table tbody tr td.day.new { color: #777; } .datepicker table tbody tr td.day.new:hover { color: #FFF; } /* Datepicker - Skin Dark */ html:not(.sidebar-light) .datepicker.datepicker-dark { background: transparent; } html:not(.sidebar-light) .datepicker.datepicker-dark table thead tr th.datepicker-switch { color: #FFF; } html:not(.sidebar-light) .datepicker.datepicker-dark table thead tr th.dow { color: #777; } html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.old, html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.new { color: #444; } html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.old:hover, html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.new:hover { color: #FFF; } html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day { color: #FFF; } html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day:hover { background: #CCC; color: #FFF; } html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.active { background: #b3b3b3; color: #FFF; } html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.new { color: #777; } html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.new:hover { color: #FFF; } /* Datepicker - Skin Primary */ .datepicker.datepicker-primary { min-width: 255px; } .datepicker.datepicker-primary.datepicker-inline { background: #fff; border: 1px solid #eee; } .datepicker.datepicker-primary table thead tr:first-child { background-color: #CCC; color: #FFF; } .datepicker.datepicker-primary table thead tr:first-child th:hover { background-color: #b3b3b3; } .datepicker.datepicker-primary table thead tr:first-child th:first-child { border-radius: 4px 0 0 0; } .datepicker.datepicker-primary table thead tr:first-child th:last-child { border-radius: 0 4px 0 0; } .datepicker.datepicker-primary table thead tr:last-child { background-color: #d9d9d9; color: #FFF; } .datepicker.datepicker-primary table thead tr:last-child th:hover { background-color: #CCC; } .datepicker.datepicker-primary table thead tr th { border-radius: 0; } html.dark .input-daterange .input-group-addon { text-shadow: none; } html.dark .datepicker-dropdown { color: #EEE; background-color: #282d36; } html.dark .datepicker-dropdown:after { border-bottom-color: #282d36; } html.dark .datepicker-dropdown.datepicker-orient-bottom:before { border-top-color: rgba(0, 0, 0, 0.2); } html.dark .datepicker-dropdown.datepicker-orient-bottom:after { border-top-color: #282d36; } html.dark .datepicker.datepicker-primary { border-color: #282d36; background: #282d36; } html.dark .select2-container--bootstrap .select2-selection, html.dark .select2-container--bootstrap .select2-dropdown, html.dark .select2-container--bootstrap .select2-choices .select2-search-field input, html.dark .select2-container--bootstrap .select2-choice, html.dark .select2-container--bootstrap .select2-choices { color: #EEE; background-color: #282d36; border-color: #282d36; } html.dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #EEE; } html.dark .select2-container--bootstrap .select2-results__option[aria-selected="true"], html.dark .select2-container--bootstrap .select2-search--dropdown .select2-search__field { color: #EEE; background-color: #2e353e; border-color: #2e353e; } .panel-body .wizard-tabs { margin: -15px -15px 15px; } .panel-body-nopadding .wizard-tabs { margin: 0; } .wizard-tabs ul { display: table; width: 100%; padding: 0; margin: 0; list-style: none; } .wizard-tabs ul > li { display: table-cell; border-bottom: 1px solid #EEE; } .wizard-tabs ul > li.active { border-bottom-color: transparent; } .wizard-tabs ul > li.active > a, .wizard-tabs ul > li.active > a:hover, .wizard-tabs ul > li.active > a:focus { background: #FFF; color: #555; } .wizard-tabs ul > li.active > a:after { border-left-color: #FFF; } .wizard-tabs ul > li.active .badge { background-color: #CCC; } .wizard-tabs ul > li.disabled > a, .wizard-tabs ul > li.disabled > a:hover, .wizard-tabs ul > li.disabled > a:focus { color: #CCC; } .wizard-tabs ul > li.disabled .badge { background-color: #CCC; } .wizard-tabs ul > li > a { position: relative; display: block; padding: 5px; font-size: 1.3rem; text-decoration: none; color: #555; } .wizard-tabs ul > li > a .badge { border-radius: 100%; } .wizard-tabs ul > li > a, .wizard-tabs ul > li > a:hover { background: #F4F4F4; color: #555; } .wizard-tabs ul > li > a:hover { box-shadow: none; } .wizard-tabs ul > li > a:active, .wizard-tabs ul > li > a:focus { border-bottom: 0; } .wizard-tabs ul > li > a:before, .wizard-tabs ul > li > a:after { display: block; content: ''; position: absolute; top: 0; right: -10px; z-index: 1; border: 17px solid transparent; border-right: 0; border-left: 10px solid transparent; width: 0; height: 0; } .wizard-tabs ul > li > a:before { z-index: 1; right: -11px; border-left-color: #E0E0E0; } .wizard-tabs ul > li > a:after { z-index: 2; border-left-color: #F4F4F4; } .wizard-tabs ul > li:last-child > a:before, .wizard-tabs ul > li:last-child > a:after { display: none; } html.dark .wizard-tabs ul > li { border-color: #282d36; } html.dark .wizard-tabs ul > li.active { border-color: #2e353e; } html.dark .wizard-tabs ul > li.active a, html.dark .wizard-tabs ul > li.active a:hover, html.dark .wizard-tabs ul > li.active a:active { background: #2e353e; color: #EEE; } html.dark .wizard-tabs ul > li.active a:before { border-left-color: #21262d; } html.dark .wizard-tabs ul > li.active a:after { border-left-color: #2e353e; } html.dark .wizard-tabs ul > li a, html.dark .wizard-tabs ul > li a:hover { background: #282d36; color: #EEE; } html.dark .wizard-tabs ul > li a:before { border-left-color: #21262d; } html.dark .wizard-tabs ul > li a:after { border-left-color: #282d36; } html .wizard-progress, html.dark .wizard-progress { margin: 0 15px; } html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress { height: 2px; margin: 0 38px; position: relative; top: 15px; background: #CCC; } html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator { height: 100%; width: 0; background: #CCC; -webkit-transition: width 0.2s ease-in; -moz-transition: width 0.2s ease-in; transition: width 0.2s ease-in; } html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps { list-style: none; margin: 0; padding: 15px 0 0; display: inline-block; width: 100%; font-size: 0; text-align: justify; -ms-text-justify: distribute-all-lines; /* IE8+ */; } html .wizard-progress .wizard-steps:after, html.dark .wizard-progress .wizard-steps:after { /* * We don't need IE6 and IE7 inline-block hack support here * since they don't support :after anyways (the text-justify * properties for them are above)... IE8 and above have native * inline-block support so for IE8+, both the text-justify and * :after will take effect but it doesn't have any negative * effects since this element is invisible */ display: inline-block; width: 100%; content: '.'; font-size: 0; height: 0; line-height: 0; visibility: hidden; } html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li { display: inline-block; vertical-align: top; min-width: 50px; max-width: 100px; } html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a { position: relative; display: block; padding: 25px 8px 0; font-size: 11px; color: #33333F; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; } html .wizard-progress .wizard-steps li a span, html.dark .wizard-progress .wizard-steps li a span { position: absolute; top: 0; left: 50%; display: block; background: #CCC; color: #FFF; line-height: 26px; text-align: center; margin-top: -15px; margin-left: -15px; width: 30px; height: 30px; border-radius: 35px; font-size: 13px; text-indent: -1px; border: 2px solid #CCC; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span { background: #CCC; color: #FFF; } html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span { background: #FFF; color: #CCC; border-color: #CCC; } html .wizard-progress .wizard-steps li.completed.active a span, html.dark .wizard-progress .wizard-steps li.completed.active a span { color: #FFF; } html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg { margin: 0 auto 30px; width: 80%; } html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress { margin: 0 52px; height: 4px; top: 34px; } html .wizard-progress.wizard-progress-lg .wizard-steps, html.dark .wizard-progress.wizard-progress-lg .wizard-steps { padding-top: 30px; } html .wizard-progress.wizard-progress-lg ul li, html.dark .wizard-progress.wizard-progress-lg ul li { max-width: 135px; } html .wizard-progress.wizard-progress-lg ul li a, html.dark .wizard-progress.wizard-progress-lg ul li a { padding-top: 40px; font-size: 14px; } html .wizard-progress.wizard-progress-lg ul li a span, html.dark .wizard-progress.wizard-progress-lg ul li a span { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; border-radius: 60px; line-height: 52px; font-size: 22px; border-width: 4px; } html.dark .wizard-progress .wizard-steps li a { color: #808697; } html.dark .wizard-progress.wizard-progress ul li a span { background: #242830; border-color: #242830; } html.dark .wizard-progress .wizard-steps li.active a span { background: #242830; } html.dark .wizard-progress .steps-progress { background: #242830; } @media only screen and (max-width: 991px) { html .wizard-progress, html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress, html.dark .wizard-progress.wizard-progress-lg { width: auto; margin-bottom: 0; margin-left: -15px; margin-right: -15px; } html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress { display: none; } html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps { display: block; font-size: 0; overflow: hidden; white-space: nowrap; text-align: left; width: 100%; } html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li { -webkit-transition: margin 0.5s linear; -moz-transition: margin 0.5s linear; transition: margin 0.5s linear; display: inline-block; float: none; position: relative; width: 100%; min-width: 0; max-width: none; } html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a { position: relative; z-index: 2; } html .wizard-progress .wizard-steps li:before, html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:after { content: ''; display: block; height: 2px; position: absolute; top: 0; width: 50%; } html .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:before { background: #CCC; left: 0; } html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:after { background: #CCC; right: 0; } html .wizard-progress .wizard-steps li.active, html.dark .wizard-progress .wizard-steps li.active { margin-left: 0; } html .wizard-progress .wizard-steps li.completed, html.dark .wizard-progress .wizard-steps li.completed { margin-left: -100%; } html .wizard-progress .wizard-steps li.completed:after, html.dark .wizard-progress .wizard-steps li.completed:after { background: #CCC; } html .wizard-progress .wizard-steps li.completed.active, html.dark .wizard-progress .wizard-steps li.completed.active { margin-left: 0; } html .wizard-progress .wizard-steps li:first-child:before, html.dark .wizard-progress .wizard-steps li:first-child:before { display: none; } html .wizard-progress .wizard-steps li:last-child:after, html.dark .wizard-progress .wizard-steps li:last-child:after { display: none; } html .wizard-progress.wizard-progress-lg .wizard-steps li, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li { min-width: 0; max-width: none; } html .wizard-progress.wizard-progress-lg .wizard-steps li:before, html .wizard-progress.wizard-progress-lg .wizard-steps li:after, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:before, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:after { height: 4px; } } .form-wizard { margin-bottom: 20px; } .form-wizard .tabs { margin-bottom: 0; } .form-wizard .tab-content { background: #FFF; border: 0 none; box-shadow: none; } .form-wizard ul.pager .next a, .form-wizard ul.pager .previous a, .form-wizard ul.pager .first a, .form-wizard ul.pager .last a, .form-wizard ul.pager .finish a { cursor: pointer; } .form-wizard ul.pager .disabled a { cursor: not-allowed; } .form-wizard ul.pager .next.disabled { display: none; } html.dark .form-wizard .pager li > a, html.dark .form-wizard .pager li > a:hover, html.dark .form-wizard .pager li > a:focus, html.dark .form-wizard .pager li > span { background: #2e353e; border-color: #282d36; color: #EEE; } html.dark .form-wizard .pager .disabled > a, html.dark .form-wizard .pager .disabled > a:hover, html.dark .form-wizard .pager .disabled > a:focus, html.dark .form-wizard .pager .disabled > span { background: #282d36; border-color: #282d36; color: #EEE; } .switch { display: inline-block; vertical-align: middle; cursor: pointer; margin: 3px 0; } .switch .ios-switch { height: 35px; width: 65px; } .switch .ios-switch .handle { height: 31px; width: 31px; } .switch.switch-primary .ios-switch .on-background { background: #CCC; } .switch.switch-success .ios-switch .on-background { background: #47a447; } .switch.switch-warning .ios-switch .on-background { background: #ed9c28; } .switch.switch-danger .ios-switch .on-background { background: #d2322d; } .switch.switch-info .ios-switch .on-background { background: #5bc0de; } .switch.switch-dark .ios-switch .on-background { background: #171717; } .switch.switch-lg .ios-switch { height: 45px; width: 75px; } .switch.switch-lg .ios-switch .handle { height: 41px; width: 41px; } .switch.switch-sm .ios-switch { height: 25px; width: 55px; } .switch.switch-sm .ios-switch .handle { height: 21px; width: 21px; } .ios-switch { height: 45px; width: 75px; position: relative; background-color: #E5E5E5; border-radius: 100px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .ios-switch .background-fill { width: 100%; height: 100%; border-radius: 100px; position: absolute; left: 0; top: 0; } .ios-switch .on-background { background-image: -o-linear-gradient(#00e459, #00e158); background-image: -ms-linear-gradient(#00e459, #00e158); background-image: -moz-linear-gradient(#00e459, #00e158); background-image: -webkit-linear-gradient(#00e459, #00e158); background-image: linear-gradient(#00e459, #00e158); opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); z-index: 1; -o-transition: .3s 0.2s; -ms-transition: .3s 0.2s; -moz-transition: .3s 0.2s; -webkit-transition: .3s 0.2s; transition: .3s 0.2s; } .ios-switch .state-background { border-radius: 100px; z-index: 2; background-image: -o-linear-gradient(#ffffff, #FDFDFD); background-image: -ms-linear-gradient(#ffffff, #FDFDFD); background-image: -moz-linear-gradient(#ffffff, #FDFDFD); background-image: -webkit-linear-gradient(#ffffff, #FDFDFD); background-image: linear-gradient(#ffffff, #FDFDFD); border: 2px solid #E5E5E5; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; } .ios-switch .handle { width: 41px; height: 41px; background-color: white; top: 2px; left: 2px; position: absolute; border-radius: 20px; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.075), 0 3px 5px rgba(0, 0, 0, 0.15), 1px 2px 2px rgba(0, 0, 0, 0.05); z-index: 3; -o-transition: -o-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); -ms-transition: -ms-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); -moz-transition: -moz-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); -webkit-transition: -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); -o-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); -ms-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); -moz-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); -webkit-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33); -o-box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .ios-switch.off .handle { -o-animation: expand-off .3s 0.2s; -ms-animation: expand-off .3s 0.2s; -moz-animation: expand-off .3s 0.2s; -webkit-animation: expand-off .3s 0.2s; animation: expand-off .3s 0.2s; -o-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -moz-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .ios-switch.off .on-background { -o-transition: .3s 0s; -ms-transition: .3s 0s; -moz-transition: .3s 0s; -webkit-transition: .3s 0s; transition: .3s 0s; } .ios-switch.off .state-background { -o-transition: .4s 0.25s; -ms-transition: .4s 0.25s; -moz-transition: .4s 0.25s; -webkit-transition: .4s 0.25s; transition: .4s 0.25s; } .ios-switch.on .handle { -o-animation: expand-on .3s 0.2s; -ms-animation: expand-on .3s 0.2s; -moz-animation: expand-on .3s 0.2s; -webkit-animation: expand-on .3s 0.2s; animation: expand-on .3s 0.2s; -o-transform: translate(30px, 0); -ms-transform: translate(30px, 0); -moz-transform: translate(30px, 0); -webkit-transform: translate(30px, 0); transform: translate(30px, 0); -o-transform: translate3d(30px, 0, 0); -ms-transform: translate3d(30px, 0, 0); -moz-transform: translate3d(30px, 0, 0); -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } .ios-switch.on .on-background { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); } .ios-switch.on .state-background { -o-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } @keyframes expand-on { 0% { padding-right: 0; } 40% { padding-right: 9px; } 100% { padding-right: 0; } } @keyframes expand-off { 0% { padding-right: 0; left: 2px; } 40% { padding-right: 9px; left: -7px; } 100% { padding-right: 0; left: 2px; } } @-o-keyframes expand-on { 0% { padding-right: 0; } 40% { padding-right: 9px; } 100% { padding-right: 0; } } @-ms-keyframes expand-on { 0% { padding-right: 0; } 40% { padding-right: 9px; } 100% { padding-right: 0; } } @-moz-keyframes expand-on { 0% { padding-right: 0; } 40% { padding-right: 9px; } 100% { padding-right: 0; } } @-webkit-keyframes expand-on { 0% { padding-right: 0; } 40% { padding-right: 9px; } 100% { padding-right: 0; } } @-o-keyframes expand-off { 0% { padding-right: 0; left: 2px; } 40% { padding-right: 9px; left: -7px; } 100% { padding-right: 0; left: 2px; } } @-ms-keyframes expand-off { 0% { padding-right: 0; left: 2px; } 40% { padding-right: 9px; left: -7px; } 100% { padding-right: 0; left: 2px; } } @-moz-keyframes expand-off { 0% { padding-right: 0; left: 2px; } 40% { padding-right: 9px; left: -7px; } 100% { padding-right: 0; left: 2px; } } @-webkit-keyframes expand-off { 0% { padding-right: 0; left: 2px; } 40% { padding-right: 9px; left: -7px; } 100% { padding-right: 0; left: 2px; } } /* Summernote */ .note-editor { border-radius: 4px; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .note-editor, .note-editor.note-frame { border: 1px solid #ddd; } .note-editor.active { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .note-editor .note-title { padding-top: 0 !important; } .note-editor .note-toolbar { background-color: #f5f5f5; border-bottom: 1px dashed #ddd; border-left: none; border-right: none; border-top: none; border-radius: 4px 4px 0 0; padding: 3px 10px 7px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .note-editor .note-toolbar i { margin: 0; } .note-editor .note-toolbar i:before { margin: 0; } .note-editor .note-toolbar .btn-group { float: none !important; } .note-editor .note-toolbar .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .note-editor .note-toolbar .btn-group > .btn-group:first-child > .btn:last-child, .note-editor .note-toolbar .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } @media only screen and (max-width: 767px) { .note-editor .note-toolbar { text-align: center; } } .note-editor .note-editable { clear: both; background: #FFF; border: none; border-radius: 0 0 4px 4px; font-family: Arial, Helvetica, Sans-serif; } .note-editor .note-statusbar { background: #FFF; border-radius: 0 0 4px 4px; } .note-editor .note-statusbar .note-resizebar { border-color: #DDD; display: block; } html.dark .note-editor { border-color: #282d36; color: #EEE; } html.dark .note-editor .note-toolbar, html.dark .note-editor .note-statusbar { background: #242830; border-color: #1d2127; } html.dark .note-editor .note-editable { background: #282d36; border-color: #1d2127; } html.dark .note-editor .note-statusbar .note-resizebar { border-color: #1d2127; } html.dark .note-editor .note-statusbar .note-resizebar .note-icon-bar { border-color: #444; } html.dark .note-editor .note-editing-area .note-editable { color: #EEE; } html.dark .note-editor .caret { border-color: #FFF transparent transparent; } /* Bootstrap Markdown */ .md-editor { border-radius: 4px; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .md-editor > .md-header { border-radius: 4px 4px 0 0; padding: 6px 4px 0; } .md-editor > .md-preview, .md-editor > textarea { background: #FFF; border-bottom: none; border-radius: 0 0 4px 4px; padding: 10px; outline: none; width: 100% !important; } .md-editor .btn-group { margin-bottom: 6px; } html.dark .md-editor { border-color: #282d36; } html.dark .md-editor > .md-header, html.dark .md-editor .md-footer { background: #242830; } html.dark .md-editor > .md-preview, html.dark .md-editor > textarea { background: #282d36; } html.dark .md-editor > textarea { color: #EEE; border-color: #1d2127; } @media only screen and (max-width: 767px) { .bootstrap-maxlength.bottom-left { margin-left: 40px; } } .bootstrap-tagsinput { width: 100%; } .form-group-invisible .bootstrap-tagsinput { border: 0 none; box-shadow: none; background-color: transparent; } html.dark .bootstrap-tagsinput { background: #282d36; border-color: #282d36; } html.dark .bootstrap-timepicker-widget { background-color: #282d36; } html.dark .bootstrap-timepicker-widget:before { border-bottom-color: #1d2127; } html.dark .bootstrap-timepicker-widget:after { border-bottom-color: #282d36; } html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom:before { border-top-color: #1d2127; } html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom:after { border-top-color: #282d36; } html.dark .bootstrap-timepicker-widget table td a { color: #FFF; } html.dark .bootstrap-timepicker-widget table td a:hover { border-color: #282d36; } html.dark .bootstrap-timepicker-widget table td input { background-color: #21262d; border-color: #282d36; color: #EEE; } html.dark .colorpicker { background-color: #282d36; } html.dark .colorpicker:before { border-bottom-color: #1d2127; } html.dark .colorpicker:after { border-bottom-color: #282d36; } html.dark .multiselect-container { background-color: #282d36; } html.dark .multiselect-container > li > a { color: #EEE; } html.dark .multiselect-container > li > a:hover, html.dark .multiselect-container > li > a:focus { background-color: #1d2127; color: #FFF; } .spinner-buttons.btn-group-vertical .btn { height: 18px; margin: 0 0 0 -1px; padding-left: 6px; padding-right: 6px; text-align: center; width: 22px; line-height: 14px; } .spinner-buttons.btn-group-vertical .btn i { margin-top: -2px; } .spinner-buttons.btn-group-vertical .btn:first-child { border-radius: 0 4px 0 0 !important; -webkit-border-radius: 0 4px 0 0 !important; } .spinner-buttons.btn-group-vertical .btn:last-child { border-radius: 0 0 4px !important; -webkit-border-radius: 0 0 4px !important; margin-top: -1px; height: 17px; } .dropzone { background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 3px; min-height: 122px; padding: 23px; } .dropzone .dz-default span { -webkit-transition: color 0.1s ease-in; -moz-transition: color 0.1s ease-in; transition: color 0.1s ease-in; font-size: 20px; color: rgba(0, 0, 0, 0.2); } .dropzone:hover .dz-default span { color: rgba(0, 0, 0, 0.3); } html.dark .dropzone .dz-default span { color: rgba(255, 255, 255, 0.2); } html.dark .dropzone:hover .dz-default span { color: rgba(255, 255, 255, 0.3); } /* Form Group Invisible */ .form-group-invisible { position: relative; } .form-group-invisible.focus .control-label-invisible { color: #0088cc; } .form-group-invisible .control-label-invisible { bottom: 0; display: block; float: none; left: 0; line-height: 64px; margin: 0; padding-left: 50px; position: absolute; right: 0; top: -15px; -webkit-transition: color ease-in-out 0.15s; -moz-transition: color ease-in-out 0.15s; transition: color ease-in-out 0.15s; width: auto; } .form-group-invisible .form-control-invisible, .form-group-invisible .form-control-invisible:focus, .form-group-invisible .form-control-invisible:active, .form-group-invisible .form-control-invisible + .bootstrap-tagsinput { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } .form-group-invisible .form-control-invisible + .bootstrap-tagsinput { margin-bottom: 4px; } @media only screen and (max-width: 767px) { .form-group-invisible { padding-top: 30px; } .form-group-invisible .control-label-invisible { padding-left: 27px; } } html.dark .CodeMirror pre { background: transparent; border: none; } @media only screen and (max-width: 767px) { #gmap { margin: -40px -15px 0 -15px; } html.mobile-device #gmap { min-height: 100px; } } @media only screen and (min-width: 768px) { #gmap { bottom: 0; height: auto !important; left: 0; position: absolute !important; right: 0; top: 0; min-height: 0; } } /* List Containing Markers */ .list-markers { border-bottom: 1px solid #21262d; padding-bottom: 10px; } .list-markers li { position: relative; } .list-markers p { margin: 0 0 2px 0; padding: 3px 55px 3px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .list-markers .location-action { position: absolute; right: 0; top: 2px; } .list-markers .location-action.location-edit { right: 15px; top: 3px; } .list-markers .location-action.location-center { right: 37px; } /* Modal Add/Edit Markers */ .marker-modal .modal-dialog { max-width: 450px; } .jqvmap-zoomin, .jqvmap-zoomout { background: #CCC; border-radius: 2px; color: #FFF; height: 20px; line-height: 20px; padding: 0; width: 20px; text-align: center; } .jqvmap-zoomin:hover, .jqvmap-zoomout:hover { background: #bfbfbf; } .jqvmap-zoomout { top: 35px; } /* Turns Container With Sidebar Fluid when layout is Boxed */ html.boxed .container-with-sidebar { width: 100% !important; } html.boxed:not(.sidebar-left-collapsed) .container-with-sidebar [class*="col-"]:not(.isotope-item) { width: 100%; } /* Container With Sidebar - Sidebar Collapsed */ @media (min-width: 768px) and (max-width: 991px) { .container-with-sidebar { width: 100%; } } @media (min-width: 992px) { .container-with-sidebar { width: calc(970px - 144px); } } @media (min-width: 1200px) { .container-with-sidebar { width: calc(1170px - 144px); } } @media (min-width: 1600px) { .container-with-sidebar { width: calc(1570px - 144px) !important; } } /* Container With Sidebar */ @media (min-width: 768px) and (max-width: 1199px) { html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar { width: 100%; } html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar [class*="col-"]:not(.isotope-item) { width: 100%; } } @media (min-width: 992px) { html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar { width: calc(970px - 300px); } } @media (min-width: 1200px) { html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar { width: calc(1170px - 300px); } } @media (min-width: 1600px) { html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar { width: calc(1570px - 300px) !important; } } /* Custom Padding Bottom - When Boxed layout */ html.boxed .custom-padding { padding-bottom: 0; padding-top: 50px; } /* Custom Padding Bottom - With Sidebar */ @media (max-width: 1470px) { html:not(.sidebar-left-collapsed) .custom-padding { padding-bottom: 0; padding-top: 30px; } } /* Custom Padding Bottom - Without Sidebar */ @media (max-width: 1599px) { .custom-padding { padding-bottom: 0; padding-top: 30px; } } /* Custom Padding Bottom - Without Sidebar */ @media (max-width: 767px) { .custom-padding { padding-bottom: 0; padding-top: 0px; } } /* Custom Padding Bottom - Without Sidebar */ @media (min-width: 1600px) { .custom-padding { padding-bottom: 0; padding-top: 50px; } } /* Custom Position For Porto Front-End Landing Dashboard */ .custom-pos { position: relative; top: 20px; } @media (max-width: 1599px) { .custom-pos { top: 100px; } .custom-pos .abs-bottom-left { left: 0; } } @media (max-width: 1199px) { .custom-pos .abs-bottom-left { width: 30%; bottom: -10px; } } @media (max-width: 991px) { .custom-pos { top: 10px; } .custom-pos .abs-bottom-left { width: initial; left: 12vw; bottom: -10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } /* Custom Position For Porto Front-End Landing Dashboard - With Sidebar */ @media (max-width: 1599px) { html:not(.sidebar-left-collapsed) .custom-pos { top: 100px; } html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left { width: 30%; bottom: -10px; } } @media (max-width: 1199px) { html:not(.sidebar-left-collapsed) .custom-pos { top: 10px; } html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left { width: 30%; bottom: -10px; } } @media (max-width: 991px) { html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left { width: 35%; left: 8vw; } } /* Custom Position For Porto Front-End Landing Dashboard - Layout Boxed */ html.boxed .custom-pos { top: 100px; } html.boxed .custom-pos .abs-bottom-left { left: -5px; } @media (max-width: 991px) { html.boxed .custom-pos .abs-bottom-left { width: 35%; left: 9vw; } } html.boxed:not(.sidebar-left-collapsed) .custom-pos { top: 10px; } html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left { left: 6vw; } @media (max-width: 1599px) { html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left { width: 24%; } } @media (max-width: 1199px) { html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left { width: 27%; left: 2vw; } } @media (max-width: 991px) { html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left { width: 35%; left: 9vw; } } /* Section Padding */ .section-padding { padding: 90px 0 75px; } /* Section Full Width Background Light */ .section-full-width-bg-light { position: relative; background-color: #FFF; } .section-full-width-bg-light:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background-color: #FFF; z-index: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* Heading Margin Top */ @media (min-width: 1200px) { html:not(.sidebar-left-collapsed) .heading-margin-top { margin-top: 108px; } } @media (min-width: 992px) { .heading-margin-top { margin-top: 80px; } } /* Absolute Position Bottom Left */ .abs-bottom-left { position: absolute; bottom: -3px; left: 40px; } /* Overflow Hidden */ .overflow-hidden { overflow: hidden; } /* List */ .list.list-icons > li { line-height: 2.2; } /* Testimonial */ .testimonial { background: #ecedf0; padding: 40px; } .testimonial blockquote { position: relative; border-left: none; font-family: Georgia, serif; padding: 10px 60px; margin-bottom: 0; } .testimonial blockquote:before { left: 10px; top: 0; color: #777; content: "\201C"; font-size: 80px; font-style: normal; font-family: Georgia, serif; line-height: 1; position: absolute; } .testimonial blockquote:after { color: #777; content: "\201D"; font-size: 80px; font-style: normal; font-family: Georgia, serif; line-height: 1; position: absolute; bottom: -0.5em; right: 10px; } .testimonial blockquote p { font-family: Georgia, serif; font-size: 18px; line-height: 1.8; } .mailbox .content-with-menu-container { background: #FFF; } .mailbox .mailbox-bullets .ball { border: 5px solid red; border-radius: 100px; display: block; float: right; margin-top: 6px; } .mailbox .mailbox-bullets .ball.pink { border-color: #EA4C89; } .mailbox .mailbox-bullets .ball.green { border-color: #9AE14F; } .mailbox .mailbox-bullets .ball.blue { border-color: #1BC3E1; } .mailbox .mailbox-bullets .ball.orange { border-color: #E2A917; } .mailbox .mailbox-folder { height: auto !important; padding: 0 0 40px; } /* mailbox - main header */ .mailbox .mailbox-folder .mailbox-header { padding: 38px 40px 43px; } @media only screen and (max-width: 767px) { .mailbox .mailbox-folder .mailbox-header { padding: 20px; } } @media only screen and (max-width: 767px) { .mailbox .mailbox-folder .mailbox-header .mailbox-title { margin-bottom: 10px !important; } } .mailbox .mailbox-folder .mailbox-header .search { float: right; margin-top: 3px; max-width: 100px; } .mailbox .mailbox-folder .mailbox-header .search input[type="text"] { -webkit-transition-property: width, margin; -moz-transition-property: width, margin; transition-property: width, margin; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99); -moz-transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99); transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99); } .mailbox .mailbox-folder .mailbox-header .search input[type="text"]:focus { margin-left: -150%; width: 250%; } @media only screen and (max-width: 767px) { .mailbox .mailbox-folder .mailbox-header .search input[type="text"]:focus { margin-left: 0; width: 100%; } } @media only screen and (max-width: 767px) { .mailbox .mailbox-folder .mailbox-header .search { max-width: none; } } /* mailbox - actions */ .mailbox .mailbox-actions { border-top: 1px solid #EFEFEF; padding-left: 40px; padding-right: 40px; } @media only screen and (max-width: 767px) { .mailbox .mailbox-actions { padding-left: 20px; padding-right: 20px; text-align: center; } } .mailbox .mailbox-actions ul a.item-action { background: #FFF; border-radius: 100px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); color: #B4BBC1; display: inline-block; font-size: 1.4rem; height: 30px; line-height: 3rem; position: relative; width: 30px; text-align: center; -webkit-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1); -moz-transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1); transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .mailbox .mailbox-actions ul a.item-action:hover { color: #57636C; text-decoration: none; } .mailbox .mailbox-actions ul a.item-action.text-primary:hover { color: #b3b3b3 !important; } .mailbox .mailbox-actions ul a.item-action.text-success:hover { color: #388038 !important; } .mailbox .mailbox-actions ul a.item-action.text-warning:hover { color: #d18211 !important; } .mailbox .mailbox-actions ul a.item-action.text-danger:hover { color: #a82824 !important; } .mailbox .mailbox-actions ul a.item-action.text-info:hover { color: #31b0d5 !important; } .mailbox .mailbox-actions ul a.item-action.text-dark:hover { color: black !important; } /* mailbox - mail list */ .mailbox .mailbox-email-list { border-top: 1px solid #f7f7f7; font-size: 1.5rem; font-weight: 300; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list { position: static !important; } } .mailbox .mailbox-email-list li { border-bottom: 1px solid #f7f7f7; height: 50px; line-height: 50px; padding: 0 40px; position: relative; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list li { height: 75px; padding: 0 20px; } } .mailbox .mailbox-email-list li a { color: #777; } .mailbox .mailbox-email-list li:hover { background: #FAFAFA; } .mailbox .mailbox-email-list li.unread a { color: #555; font-weight: 500; } .mailbox .mailbox-email-list li.active { background: #CCC; } .mailbox .mailbox-email-list li.active a { color: #FFF; } .mailbox .mailbox-email-list .mail-label { border: 4px solid transparent; border-radius: 10px; display: inline-block; left: 16px; position: absolute; top: 21px; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list .mail-label { border-radius: 0; border-width: 1px; bottom: 0; left: 0; top: 0; } } .mailbox .mailbox-email-list .col-sender { float: left; overflow: hidden; text-overflow: ellipsis; width: 250px; white-space: nowrap; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list .col-sender { width: 100%; } } .mailbox .mailbox-email-list .col-sender p { left: 80px; overflow: hidden; position: absolute; right: 0; text-overflow: ellipsis; top: 0; white-space: nowrap; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list .col-sender p { left: 60px; } } .mailbox .mailbox-email-list .col-mail { bottom: 0; left: 290px; position: absolute; right: 40px; top: 0; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list .col-mail { left: 60px; right: 20px; } } .mailbox .mailbox-email-list .col-mail .mail-content, .mailbox .mailbox-email-list .col-mail .mail-date, .mailbox .mailbox-email-list .col-mail .mail-attachment { position: absolute; top: 0; } .mailbox .mailbox-email-list .col-mail .mail-content { left: 0; right: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list .col-mail .mail-content { right: 0; top: 25px; } } .mailbox .mailbox-email-list .col-mail .mail-attachment { color: #BBB; right: 100px; line-height: 50px; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list .col-mail .mail-attachment { font-size: 1.1rem; line-height: 1.4rem; right: 55px; top: 6px; } } .mailbox .mailbox-email-list .col-mail .mail-date { padding-left: 80px; right: 0; width: 150px; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list .col-mail .mail-date { font-size: 1rem; line-height: 1.4rem; padding-left: 0; text-align: right; top: 5px; width: 130px; } } /* Mailbox Mail List - Unstyle nano for non fixed layouts and responsive */ html.scroll .mailbox .mailbox-email-list .nano, html.boxed .mailbox .mailbox-email-list .nano { position: static; height: auto; overflow: visible; width: auto; } html.scroll .mailbox .mailbox-email-list .nano .nano-content, html.boxed .mailbox .mailbox-email-list .nano .nano-content { position: static; overflow: visible; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email-list .nano { position: static; height: auto; overflow: visible; width: auto; } .mailbox .mailbox-email-list .nano .nano-content { position: static; overflow: visible; } } /* Mailbox Mail List + Fixed Layout */ @media only screen and (min-width: 768px) { html.fixed .mailbox .mailbox-email-list { bottom: 0; left: 0; position: absolute; right: 0; overflow: hidden; top: 191px; } } /* Mailbox - Email */ .mailbox .mailbox-email { background: #FAFAFA; } .mailbox .mailbox-email .mailbox-email-header { background: #FFF; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); margin: -40px -40px 0 -40px; padding: 30px; } @media only screen and (max-width: 767px) { .mailbox .mailbox-email .mailbox-email-header { margin-left: -15px; margin-right: -15px; } } .mailbox .mailbox-email .mailbox-close-mail { color: #CCC; cursor: pointer; font-weight: 300; float: left; } .mailbox .mailbox-email .mailbox-close-mail:hover { color: #d9d9d9; } .mailbox .mailbox-email .mailbox-close-mail, .mailbox .mailbox-email .mailbox-close-mail:focus { text-decoration: none; } .mailbox .mailbox-email .panel .panel-heading { background: #FFF; border-bottom-color: #EFEFEF; } .mailbox .mailbox-email .panel .panel-heading .panel-actions { top: 17px; } .mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover { background: #FFF; color: #CCC; } .mailbox .mailbox-email .panel .panel-footer { background: #FFF; border-top-color: #EFEFEF; color: #BBB; } /* Mailbox - Showing Menu Toggle */ @media only screen and (min-width: 768px) and (max-width: 1365px) { .mailbox .mailbox-folder .mailbox-header .mailbox-title { position: relative; top: 28px; } .mailbox .mailbox-email .mailbox-email-header { padding-top: 80px; } html.inner-menu-opened .mailbox .mailbox-folder .mailbox-header .mailbox-title { position: static; } html.inner-menu-opened .mailbox .mailbox-email .mailbox-email-header { padding-top: 30px; } } /* Mailbox Compose */ .mailbox-compose { margin: -20px -40px 0 -40px; padding: 0 15px; } .mailbox-compose .compose { margin: 0 40px; } .mailbox-compose .compose .note-editable { min-height: 250px; } .mailbox-compose .compose .note-editor, .mailbox-compose .compose .note-toolbar { border: none; } .mailbox-compose .compose .note-resizebar { display: none; } @media only screen and (max-width: 767px) { .mailbox-compose { margin: -20px -15px 0 -15px; } .mailbox-compose .compose { margin-left: 5px; margin-right: 5px; } } /* dark */ html.dark .mailbox .mailbox-email, html.dark .mailbox .content-with-menu-container { background: #1d2127; } html.dark .mailbox .mailbox-folder .mailbox-header .input-search .btn-default { background: transparent; } html.dark .mailbox .mailbox-actions { border-top-color: #282d36; } html.dark .mailbox .mailbox-actions ul a.item-action { background: #2e353e; } html.dark .mailbox .mailbox-email-list { border-top-color: #282d36; } html.dark .mailbox .mailbox-email-list li { border-bottom-color: #242830; } html.dark .mailbox .mailbox-email-list li:hover { background: #161a1e; } html.dark .mailbox .mailbox-email-list li a { color: #808697; } html.dark .mailbox .mailbox-email-list li.unread a { color: #9ca1ae; } html.dark .mailbox .mailbox-email .mailbox-email-header { background: #21262d; } html.dark .mailbox .mailbox-email .panel .panel-heading, html.dark .mailbox .mailbox-email .panel .panel-footer { background-color: #282d36; border-color: #21262d; color: #808697; } html.dark .mailbox .mailbox-email .panel .panel-heading .panel-title, html.dark .mailbox .mailbox-email .panel .panel-footer .panel-title { color: #808697; } html.dark .mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover { background: #1d2127; } html.dark .mailbox .mailbox-compose .note-editor .note-toolbar, html.dark .mailbox .mailbox-compose .note-editor .note-statusbar, html.dark .mailbox .mailbox-compose .note-editor .note-editable { background: #1d2127; } html.dark .mailbox .mailbox-compose .note-editor .note-editable { color: #808697; } /* Invoice */ .invoice { padding: 0 15px 15px; } /* Invoice Address Tag */ .invoice address { color: #7F8597; line-height: 1.5em; } /* Invoice header */ .invoice header { border-bottom: 1px solid #DADADA; margin-bottom: 15px; } .invoice header .h2, .invoice header .h4 { letter-spacing: 0; } /* Invoice Billing Information */ .invoice .bill-to, .invoice .bill-data { padding: 15px 0; } .invoice .bill-data .value { display: inline-block; margin-left: 10px; width: 90px; } /* Invoice table */ .invoice table.table { table-layout: fixed; } .invoice table.table > thead:first-child > tr > th { background-color: #F8F8F8; border-bottom: 1px solid #DADADA; border-top: 1px solid #DADADA; } .invoice table.table > tbody tr > td { border-color: #DADADA; } /* Invoice table items */ .invoice .invoice-items > tbody tr:last-child > td { border-bottom: 1px solid #DADADA; } .invoice .invoice-items #cell-id { width: 10%; } .invoice .invoice-items #cell-item { width: 20%; } .invoice .invoice-items #cell-desc { width: 20%; } .invoice .invoice-items #cell-price { width: 10%; } .invoice .invoice-items #cell-qty { width: 10%; } .invoice .invoice-items #cell-total { width: 10%; } /* Invoice summary */ .invoice-summary .col-sm-4 { padding-left: 0; } /* Invoice Responsiveness */ @media only screen and (max-width: 991px) { .invoice .table-responsive > table.table { table-layout: auto; } .invoice-summary .col-sm-4 { padding-left: 15px; } } /* Invoice Print */ @media print { .invoice .table-responsive { border: none !important; overflow: visible !important; width: auto !important; } .invoice table.table.invoice-items { table-layout: auto; } .invoice header .col-sm-6:first-child, .invoice header .col-sm-6:last-child, .invoice .bill-info .col-md-6 { float: left !important; } .invoice header .col-sm-6:first-child { width: 25% !important; } .invoice header .col-sm-6:last-child { width: 75% !important; } .invoice .bill-info .col-md-6 { width: 50% !important; } .invoice .invoice-summary .col-sm-4 { float: right; padding: 0; width: 40%; } } /* dark */ html.dark .invoice header { border-bottom-color: #282d36; } html.dark .invoice table.table > thead:first-child > tr > th { background-color: #282d36; border-bottom-color: #282d36; border-top-color: #282d36; } html.dark .invoice table.table > tbody tr > td { border-color: #282d36; } /* Error Pages - wrappers */ .body-error { margin: 0 auto; max-width: 900px; width: 100%; } .body-error.error-outside { display: table; height: 100vh; } .body-error.error-outside .center-error { display: table-cell; vertical-align: middle; } .body-error.error-inside { margin-top: 150px; } /* Error Pages - header */ .body-error .error-header { border-bottom: 1px solid #DADADA; margin-bottom: 50px; padding-bottom: 15px; } .body-error .error-header .form { margin-top: 12px; } /* Error Pages - typo */ .body-error .error-code { font-size: 14rem; line-height: 14rem; letter-spacing: -10px; } .body-error .error-explanation { font-size: 2rem; line-height: 3.6rem; } /* Error Pages - Responsive */ @media only screen and (max-width: 1150px) { .body-error.error-inside { margin-top: 50px; padding-bottom: 50px; } } @media only screen and (min-width: 768px) and (max-width: 1150px) { .body-error.error-inside .error-code { font-size: 10rem; line-height: 10rem; letter-spacing: -7px; } .body-error.error-inside .error-explanation { font-size: 1.8rem; line-height: 3.2rem; } } @media only screen and (max-width: 767px) { .body-error .error-code { font-size: 9rem; line-height: 9rem; letter-spacing: -7px; } .body-error .error-explanation { font-size: 1.6rem; line-height: 2.8rem; } .body-error.error-outside { height: auto; padding: 20px; } } /* Sign Screens - Wrappers */ .body-sign { display: table; height: 100vh; margin: 0 auto; max-width: 500px; padding: 0 15px; width: 100%; } .body-sign .center-sign { display: table-cell; padding-top: 20px; vertical-align: middle; } .body-sign .panel-sign { background: transparent; } .body-sign .panel-sign .panel-title-sign .title { background-color: #CCC; border-radius: 5px 5px 0 0; color: #FFF; display: inline-block; font-size: 1.2rem; line-height: 2rem; padding: 13px 17px; vertical-align: bottom; } .body-sign .panel-sign .panel-body { background: #FFF; border-top: 5px solid #CCC; border-radius: 5px 0 5px 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 33px 33px 15px; } /* Sign Screens - Elements */ .body-sign .input-group-icon .input-group-addon i { width: 14px; } .body-sign .checkbox-custom { margin-top: 8px; } .body-sign .line-thru { display: block; font-size: 1.2rem; position: relative; } .body-sign .line-thru span { color: #CCC; position: relative; z-index: 3; } .body-sign .line-thru:before { background-color: #FFF; content: ''; height: 10px; left: 50%; position: absolute; margin: -5px 0 0 -20px; top: 50%; width: 40px; z-index: 2; } .body-sign .line-thru:after { border-bottom: 1px solid #DADADA; content: ''; display: block; left: 10%; position: absolute; top: 47%; width: 81%; z-index: 1; } /* Lock Screen */ .body-locked { background: url(../images/patterns/noisy_net.png) repeat; max-width: none; min-height: 400px; } .body-locked.body-locked-inline { background: none; bottom: 0; height: 100%; left: 0; min-height: 0; position: fixed; right: 0; top: 0; z-index: 9999; } .body-locked .panel-sign { margin: 0 auto; max-width: 400px; padding-top: 40px; } .body-locked .panel-sign .panel-body { border-radius: 5px; position: relative; } .body-locked .current-user { margin-top: 60px; margin-bottom: 35px; } .body-locked .current-user .user-image { border: 5px solid #CCC; border-radius: 150px; height: 150px; left: 50%; position: absolute; margin-left: -75px; top: -75px; width: 150px; } .body-locked .current-user .user-name { font-size: 3rem; line-height: 3.6rem; } .body-locked .current-user .user-email { font-size: 1.1rem; line-height: 1.4rem; } /* Locked Screen - Responsive Landscape */ @media only screen and (max-width: 767px) and (orientation: landscape) { .body-locked .panel-sign, .body-locked.body-locked-inline .panel-sign { padding-top: 0; } .body-locked .center-sign, .body-locked.body-locked-inline .center-sign { padding-top: 0; } .body-locked .center-sign .current-user, .body-locked.body-locked-inline .center-sign .current-user { margin-bottom: 45px; margin-left: 100px; margin-top: 10px; } .body-locked .center-sign .current-user .user-image, .body-locked.body-locked-inline .center-sign .current-user .user-image { height: 100px; left: 35px; margin-left: 0; margin-top: 0; top: 15px; width: 100px; } } /* Lock Screen - Modal */ .mfp-lock-screen.mfp-bg { background: #000 url(../images/patterns/noisy_net.png) repeat; opacity: 0.99; z-index: 9998; } .mfp-lock-screen.mfp-wrap { background: none; z-index: 9999; } /* dark */ html.dark .body-sign .panel-sign .panel-body { background-color: #2e353e; } html.dark .body-sign .line-thru:before { background-color: #2e353e; } html.dark .body-sign .line-thru:after { border-bottom-color: #282d36; } .fc .fc-toolbar h2 { color: #171717; font-size: 2rem; font-weight: normal; } .fc .fc-toolbar h2:before { color: #CCC; content: "\f073"; display: inline-block; font-family: FontAwesome; font-size: 2.8rem; font-style: normal; font-weight: normal; line-height: 1; margin-right: 10px; position: relative; top: 2px; -webkit-font-smoothing: antialiased; } .fc .fc-toolbar .fc-button { background: #FFF; box-shadow: none; text-shadow: none; font-size: 0.9em; padding: 2px 0.8em 3px; height: auto; border: 1px solid rgba(0, 0, 0, 0.15); } .fc .fc-toolbar .fc-button.fc-state-active { color: #FFF; } .fc .fc-day-grid-container { overflow: visible !important; height: auto !important; } .fc .fc-widget-header th { line-height: 35px; } /* Fullcalendar - Event States */ /* Buttons - States */ .fc-event.fc-event-default { background: #ebebeb; border-color: #ebebeb; } .fc-event.fc-event-default .fc-event-inner { color: #777; } a.fc-event.fc-event-default:hover { color: #777; } .fc-event.fc-event-primary { background: #CCC; border-color: #CCC; } .fc-event.fc-event-primary .fc-event-inner { color: #FFF; } a.fc-event.fc-event-primary:hover { color: #FFF; } .fc-event.fc-event-success { background: #47a447; border-color: #47a447; } .fc-event.fc-event-success .fc-event-inner { color: #FFF; } a.fc-event.fc-event-success:hover { color: #FFF; } .fc-event.fc-event-warning { background: #ed9c28; border-color: #ed9c28; } .fc-event.fc-event-warning .fc-event-inner { color: #FFF; } a.fc-event.fc-event-warning:hover { color: #FFF; } .fc-event.fc-event-danger { background: #d2322d; border-color: #d2322d; } .fc-event.fc-event-danger .fc-event-inner { color: #FFF; } a.fc-event.fc-event-danger:hover { color: #FFF; } .fc-event.fc-event-info { background: #5bc0de; border-color: #5bc0de; } .fc-event.fc-event-info .fc-event-inner { color: #FFF; } a.fc-event.fc-event-info:hover { color: #FFF; } .fc-event.fc-event-dark { background: #171717; border-color: #171717; } .fc-event.fc-event-dark .fc-event-inner { color: #FFF; } a.fc-event.fc-event-dark:hover { color: #FFF; } /* Fullcalendar - External Events */ .external-event { cursor: move; display: inline-block; font-size: 1.2rem; font-weight: normal; margin: 5px; padding: 10px; text-align: left; } /* dark */ html.dark .fc .fc-toolbar h2 { color: #FFF; } html.dark .fc .fc-toolbar .fc-button { background: #21262d; color: #FFF; } html.dark .fc-unthemed th, html.dark .fc-unthemed td, html.dark .fc-unthemed thead, html.dark .fc-unthemed tbody, html.dark .fc-unthemed .fc-divider, html.dark .fc-unthemed .fc-row, html.dark .fc-unthemed .fc-popover { border-color: rgba(0, 0, 0, 0.3); } html.dark .fc-unthemed .fc-today { background: #21262d; } .timeline .tm-body { position: relative; padding: 30px 0; } .timeline .tm-body:after { background: #505050; background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8)); background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%; content: ''; display: block; height: 100%; left: 140px; margin-left: -2px; position: absolute; top: 0; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: 0.35; } .timeline .tm-title { position: relative; display: inline-block; text-align: center; min-width: 200px; background-color: #fff; padding: 4px 5px; margin: 0 40px; z-index: 1; -webkit-border-radius: 3px; border-radius: 3px; } .timeline .tm-items { list-style: none; padding: 0; margin: 0; } .timeline .tm-items > li { position: relative; margin: 30px 0; padding: 0 0 0 190px; min-height: 65px; z-index: 1; } .timeline .tm-items > li .tm-datetime { position: absolute; top: 50%; left: 0; width: 100px; height: 48px; margin-top: -24px; text-align: right; z-index: 3; } .timeline .tm-items > li .tm-datetime .tm-datetime-time { color: #CCC; font-size: 2.4rem; font-weight: 700; margin: 0; white-space: nowrap; } .timeline .tm-items > li .tm-icon { position: absolute; top: 50%; left: 140px; background-color: #ecedf0; border: 3px solid #CCC; color: #CCC; font-size: 28px; padding: 10px; width: 55px; height: 55px; text-align: center; line-height: 29px; margin-top: -28px; margin-left: -28px; z-index: 2; -webkit-border-radius: 28px; border-radius: 28px; } .timeline .tm-items > li .tm-box { position: relative; background: #fff; min-height: 65px; padding: 10px 20px; border: 1px solid #e9e9e9; -webkit-border-radius: 6px; border-radius: 6px; } .timeline .tm-items > li .tm-box:after { right: 100%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #fff; border-width: 8px; top: 50%; margin-top: -8px; z-index: 2; } .timeline .tm-items > li .tm-box p:last-child { margin-bottom: 0; } .timeline .tm-items > li .tm-box .tm-meta { margin: 10px 0 0; } .timeline .tm-items > li .tm-box .tm-meta span { display: inline-block; padding-right: 8px; } .timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type { padding-right: 0; } .timeline.timeline-simple .tm-body:after { left: 30px; } .timeline.timeline-simple .tm-body .tm-title { border: 1px solid #e9e9e9; margin: 0 10px; } .timeline.timeline-simple .tm-body .tm-items > li { padding: 0 0 0 55px; } .timeline.timeline-simple .tm-body .tm-items > li:before { display: block; position: absolute; content: ' '; background: none repeat scroll 0 0 #CCC; border-radius: 50%; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #CCC; height: 7px; left: 30px; top: 50%; width: 8px; margin-left: -4px; margin-top: -4px; } .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before { left: -17px; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #e9e9e9; border-width: 8px; top: 50%; margin-top: -8px; z-index: 1; } @media only screen and (max-width: 991px) { .timeline .tm-body:after { left: 20px; } .timeline .tm-title { margin: 0; } .timeline .tm-items > li { padding-left: 50px; } .timeline .tm-items > li .tm-info { margin: 0 0 15px; } .timeline .tm-items > li .tm-info:after { content: ""; display: table; clear: both; } .timeline .tm-items > li .tm-icon { border-width: 2px; float: left; font-size: 22px; height: 40px; line-height: 36px; margin: 0 15px 0 0; padding: 0; position: static; width: 40px; } .timeline .tm-items > li .tm-datetime { margin: 0; position: static; text-align: left; } .timeline .tm-items > li .tm-datetime .tm-datetime-date { font-size: 1.2rem; line-height: 1.3; } .timeline .tm-items > li .tm-datetime .tm-datetime-time { font-size: 1.8rem; line-height: 1.3; } } @media only screen and (max-width: 767px) { .timeline .tm-items > li .tm-box .tm-meta span { display: block; } } html.dark .timeline .tm-items > li .tm-box { background: #282d36; border-color: #21262d; } html.dark .timeline .tm-items > li .tm-box:after { border-right-color: #282d36; } html.dark .timeline .tm-items > li .tm-box:before { border-right-color: #21262d; } html.dark .timeline .tm-items > li .tm-icon { background-color: #1d2127; } html.dark .timeline .tm-title { background-color: #282d36; border-color: #21262d; } html.dark .timeline.timeline-simple .tm-body .tm-title { background-color: #282d36; border-color: #21262d; } html.dark .timeline.timeline-simple .tm-body .tm-items > li:before { box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #CCC; } html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:after { border-right-color: #282d36; } html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before { border-right-color: #21262d; } .media-gallery ul.mg-folders { list-style: none; padding: 0; margin: 0; } .media-gallery ul.mg-folders > li { display: block; position: relative; } .media-gallery ul.mg-folders > li a.menu-item { white-space: nowrap; text-overflow: ellipsis; padding-right: 80px; } .media-gallery ul.mg-folders > li a.menu-item i { margin-right: 5px; width: 16px; } .media-gallery ul.mg-folders > li .item-options { position: absolute; padding: 10px 0; right: 0; top: 0; opacity: 0; -webkit-transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; transition: opacity 0.1s ease-in; } .media-gallery ul.mg-folders > li .item-options a:hover { text-decoration: none; } .media-gallery ul.mg-folders > li:hover .item-options { opacity: 1; } .media-gallery ul.mg-tags { list-style: none; padding: 0; margin: 10px 0 0; } .media-gallery ul.mg-tags:after { content: ""; display: table; clear: both; } .media-gallery ul.mg-tags > li { float: left; margin-right: 5px; margin-bottom: 5px; } .media-gallery ul.mg-tags > li a { display: block; padding: 2px 7px; font-size: 11px; background-color: #171717; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #666; } .media-gallery ul.mg-tags > li a:hover { color: #fff; text-decoration: none; background-color: #CCC; } .media-gallery .mg-files { padding: 5px 0 30px; } .media-gallery .mg-files .thumbnail { padding: 10px; border-radius: 5px; margin-bottom: 30px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .media-gallery .mg-files .thumbnail .thumb-preview { position: relative; z-index: 2; } .media-gallery .mg-files .thumbnail .thumb-preview .thumb-image { display: block; overflow: hidden; } .media-gallery .mg-files .thumbnail .thumb-preview img { width: 100%; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border-radius: 5px; } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; overflow: hidden; } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom { position: absolute; top: 0; right: 0; padding: 5px 15px 10px; font-size: 2.2rem; color: #fff; background-color: #CCC; border-radius: 0 0 0 15px; cursor: pointer; -webkit-transition: -webkit-transform 0.1s linear 0.1s; -moz-transition: -moz-transform 0.1s linear 0.1s; -ms-transition: -ms-transform 0.1s linear 0.1s; transition: transform 0.1s linear 0.1s; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar { position: absolute; bottom: 0; left: 0; right: 0; background-color: #CCC; color: #fff; padding: 6px 10px; -webkit-transition: -webkit-transform 0.1s linear 0.1s; -moz-transition: -moz-transform 0.1s linear 0.1s; -ms-transition: -ms-transform 0.1s linear 0.1s; transition: transform 0.1s linear 0.1s; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar:after { content: ""; display: table; clear: both; } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-option { margin: 0; } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group > a { color: #fff; padding: 0 5px; } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group .mg-toggle { color: #fff; background: none; border: none; padding: 2px 2px 2px 10px; border-left: 1px solid rgba(255, 255, 255, 0.3); } .media-gallery .mg-files .thumbnail .mg-title { margin: 13px 0 2px; padding-bottom: 2px; display: inline-block; font-size: 1.8rem; } .media-gallery .mg-files .thumbnail .mg-title small { position: relative; top: 0; left: 0; color: #9e9e9e; opacity: 0; z-index: 1; font-size: 1rem; } .media-gallery .mg-files .thumbnail .mg-description:after { content: ""; display: table; clear: both; } .media-gallery .mg-files .thumbnail.thumbnail-selected { border-color: #FFF; box-shadow: 0 0 8px -1px #CCC; } .media-gallery .mg-files .thumbnail.thumbnail-selected .mg-title small { opacity: 1; } .media-gallery .mg-files .thumbnail.thumbnail-selected .thumb-preview .mg-thumb-options { visibility: visible; } .media-gallery .mg-files .thumbnail.thumbnail-selected .thumb-preview .mg-thumb-options .mg-toolbar { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .media-gallery .mg-files .thumbnail:hover .mg-title small { opacity: 1; } .media-gallery .mg-files .thumbnail:hover .thumb-preview img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options { visibility: visible; } .media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options .mg-zoom { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options .mg-toolbar { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } html.sidebar-light:not(.dark) .media-gallery ul.mg-tags > li a { background-color: #f2f2f2; color: #777; } html.dark .media-gallery .mg-files .thumbnail.thumbnail-selected { border-color: #242830; } html.dark .media-gallery .mg-files .thumbnail .mg-title small { color: #808697; } .log-viewer { line-height: 2.6rem; font-family: monospace; font-size: 1.4rem; } /* Change Content Background Color */ html.search-results body { background: #FFF; } /* Search Results Wrapper */ .search-content { margin: -40px; } .search-content .search-control-wrapper { background: #f7f7f7; border-bottom: 1px solid #ebebeb; margin-top: 3px; padding: 20px; } /* Search Results Tabs */ .search-content .search-toolbar { border-bottom: 1px solid #ebebeb; margin: 0 0 40px; } .search-content .search-toolbar .nav-pills { margin: 0 40px; } .search-content .search-toolbar .nav-pills li { margin: 0 15px 0 0; } .search-content .search-toolbar .nav-pills li:last-child { margin-right: 0; } .search-content .search-toolbar .nav-pills li a { padding-left: 5px; padding-right: 5px; } .search-content .search-toolbar .nav-pills li a, .search-content .search-toolbar .nav-pills li a:hover, .search-content .search-toolbar .nav-pills li a:focus { background: none; border-radius: 0; border-bottom: 2px solid #FFF; border-top: 2px solid #FFF; color: #777; } .search-content .search-toolbar .nav-pills li a:hover, .search-content .search-toolbar .nav-pills li a:focus { background: none; border-radius: 0; border-bottom: 2px solid #FFF; border-top: 2px solid #FFF; color: #555; } .search-content .search-toolbar .nav-pills li.active a { color: #CCC; border-bottom-color: #CCC; } .search-content > .tab-content { border: none; box-shadow: none; padding: 0 40px; } /* Search Result Totals */ .search-content .total-results { margin-top: -25px; } /* Search Results List */ .search-results-list { max-width: 750px; } .search-results-list li { border-bottom: 1px solid #EEE; margin-bottom: 15px; padding-bottom: 15px; position: relative; } .search-results-list li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .search-results-list .result-type { right: 5px; position: absolute; top: 5px; } .search-results-list a { border-radius: 4px; display: block; padding: 25px; text-decoration: none; } .search-results-list a .title { margin-top: 0; } .search-results-list a .description { color: #777; } .search-results-list a p:last-child { margin-bottom: 0; } .search-results-list a:hover { background: #f7f7f7; } .search-results-list .has-thumb { display: table; width: 100%; } .search-results-list .has-thumb .result-thumb, .search-results-list .has-thumb .result-data { display: table-cell; vertical-align: top; } .search-results-list .result-thumb { padding-right: 25px; } .search-results-list .result-thumb img, .search-results-list .result-thumb .fa { height: 75px; width: 75px; } .search-results-list .result-thumb .fa { background: #CCC; color: #FFF; font-size: 3.6rem; line-height: 7.5rem; text-align: center; } /* Search Results Responsive */ @media only screen and (max-width: 767px) { .search-content { margin: -20px; } } @media only screen and (max-width: 480px) { .search-results-list .has-thumb { display: block; } .search-results-list .has-thumb:after { content: ""; display: table; clear: both; } .search-results-list .has-thumb .result-thumb, .search-results-list .has-thumb .result-data { display: block; } .search-results-list .has-thumb .result-thumb { float: left; } .search-results-list .has-thumb .result-data .title { margin-top: 3px; } .search-results-list .result-thumb img, .search-results-list .result-thumb .fa { height: 35px; width: 35px; } .search-results-list .result-thumb .fa { font-size: 1.6rem; line-height: 3.5rem; } } /* dark */ html.dark .search-content .search-control-wrapper { background: #1d2127; border-bottom-color: #282d36; } html.dark .search-content .tab-content { background: transparent; } html.dark .search-content .search-toolbar { background: #21262d; border-bottom-color: #21262d; } html.dark .search-content .search-toolbar .nav-pills a, html.dark .search-content .search-toolbar .nav-pills a:hover, html.dark .search-content .search-toolbar .nav-pills a:focus { border-bottom-color: #21262d; border-top-color: #21262d; color: #808697; } html.dark .search-content .search-toolbar .nav-pills a:hover, html.dark .search-content .search-toolbar .nav-pills a:focus { border-bottom-color: #21262d; border-top-color: #21262d; color: #555; } html.dark .search-content .search-toolbar .nav-pills li.active a, html.dark .search-content .search-toolbar .nav-pills li.active a:hover, html.dark .search-content .search-toolbar .nav-pills li.active a:focus { color: #CCC; border-bottom-color: #CCC; } html.dark .search-content .search-results-list li { border-bottom-color: #282d36; } html.dark .search-content .search-results-list a .description { color: #808697; } html.dark .search-content .search-results-list a:hover { background: #282d36; } /* Dark - Background */ html.dark, html.dark body { background-color: #1d2127; } html.dark.boxed .content-body { background-color: #1d2127; } html.dark body { color: #808697; } html.dark .hidden-on-dark { display: none !important; } /* Dark - Titles */ html.dark h1, html.dark .h1, html.dark h2, html.dark .h2, html.dark h3, html.dark .h3, html.dark h4, html.dark .h4, html.dark h5, html.dark .h5, html.dark h6, html.dark .h6 { color: #FFF; } /* Dark - Alerts */ html.dark .alert h1, html.dark .alert .h1, html.dark .alert h2, html.dark .alert .h2, html.dark .alert h3, html.dark .alert .h3, html.dark .alert h4, html.dark .alert .h4, html.dark .alert h5, html.dark .alert .h5, html.dark .alert h6, html.dark .alert .h6 { color: #111; } /* Dark - Blockquote */ html.dark blockquote { border-color: #282d36; } /* Dark - Helpers */ html.dark .text-dark { color: #FFF !important; } html.dark ul.nav-list.primary > li a { border-bottom-color: #282d36; } html.dark ul.nav-list.primary > li a:hover { background-color: #282d36; } html.dark .pagination > li > a, html.dark .pagination > li > span { background-color: #282d36; border-color: #242830; } html.dark .pagination > li.active > a, html.dark .pagination > li.active > span { background-color: #CCC; border-color: #242830; } html.dark .dropdown-menu { background-color: #282d36; } html.dark .dropdown-menu > li > a { color: #EEE; } html.dark .dropdown-menu > li > a:hover, html.dark .dropdown-menu > li > a:focus { background-color: #1d2127; color: #FFF; } html.dark hr.dotted, html.dark hr.solid { border-color: #4C4C4C; } html.dark .img-thumbnail, html.dark .thumbnail { background-color: #21262d; border-color: #282d36; }