@charset "UTF-8"; /*! ========================================================= * Paper Dashboard - v1.1.2 ========================================================= * Product Page: http://www.creative-tim.com/product/paper-dashboard * Copyright 2017 Creative Tim (http://www.creative-tim.com) * Licensed under MIT (https://github.com/creativetimofficial/paper-dashboard/blob/master/LICENSE.md) ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ /* brand Colors */ /* $default-color: #B8B8B8 !default; $default-states-color: darken($default-color, 5%) !default; $default-color-opacity: rgba(182, 182, 182, .6) !default; $primary-color: #f96332 !default; $primary-states-color: darken($primary-color, 5%) !default; $primary-color-opacity: rgba(249, 99, 50, .3) !default; $primary-color-alert: rgba(249, 99, 50, .8) !default; $success-color: #18ce0f !default; $success-states-color: darken($success-color, 5%) !default; $success-color-opacity: rgba(24, 206, 15, .3) !default; $success-color-alert: rgba(24, 206, 15, .8) !default; $info-color: #2CA8FF !default; $info-states-color: #109CFF !default; $info-color-opacity: rgba(44, 168, 255, .3) !default; $info-color-alert: rgba(44, 168, 255, .8) !default; $warning-color: #FFB236 !default; $warning-states-color: darken($warning-color, 5%) !default; $warning-color-opacity: rgba(255, 178, 54, .3) !default; $warning-color-alert: rgba(255, 178, 54, .8) !default; $danger-color: #FF3636 !default; $danger-states-color: darken($danger-color, 5%) !default; $danger-color-opacity: rgba(255, 54, 54, .3) !default; $danger-color-alert: rgba(255, 54, 54, .8) !default; */ /* light colors - used for select dropdown */ /*$font-size-base: 14px !default; $font-size-xs: 12px !default; $font-size-small: 12px !default; $font-size-medium: 16px !default; $font-size-large: 18px !default; $font-size-large-navbar: 20px !default;*/ .ct-blue { stroke: #f96332 !important; } .ct-azure { stroke: #067ec1 !important; } .ct-green { stroke: #18ce0f !important; } .ct-orange { stroke: #FFB236 !important; } .ct-red { stroke: #FF3636 !important; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "Roboto","Helvetica Neue",Arial,sans-serif; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: 400; margin: 30px 0 15px; } h1, .h1 { font-size: 3.2em; } h2, .h2 { font-size: 2.6em; } h3, .h3 { font-size: 1.825em; line-height: 1.4; font-weight: 300; margin: 20px 0 10px; } h4, .h4 { font-size: 1.5em; font-weight: 300; line-height: 1.2em; } h5, .h5 { font-size: 1.25em; font-weight: 300; line-height: 1.4em; margin-bottom: 15px; } h6, .h6 { font-size: 0.9em; font-weight: 300; text-transform: uppercase; } p { font-size: 1em; line-height: 1.4em; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #9A9A9A; font-weight: 300; line-height: 1.4em; } h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 60%; } .title-uppercase { text-transform: uppercase; } blockquote { font-style: italic; } blockquote small { font-style: normal; } .text-muted { color: #DDDDDD; } .text-primary, .text-primary:hover { color: #427C89; } .text-info, .text-info:hover { color: #0688d0; } .text-success, .text-success:hover { color: #15b60d; } .text-warning, .text-warning:hover { color: #ffa81d; } .text-danger, .text-danger:hover { color: #ff1d1d; } .glyphicon { line-height: 1; } strong { color: #403D39; } .icon-primary { color: #f96332; } .icon-info { color: #067ec1; } .icon-success { color: #18ce0f; } .icon-warning { color: #FFB236; } .icon-danger { color: #FF3636; } .chart-legend .text-primary, .chart-legend .text-primary:hover { color: #f96332; } .chart-legend .text-info, .chart-legend .text-info:hover { color: #067ec1; } .chart-legend .text-success, .chart-legend .text-success:hover { color: #18ce0f; } .chart-legend .text-warning, .chart-legend .text-warning:hover { color: #FFB236; } .chart-legend .text-danger, .chart-legend .text-danger:hover { color: #FF3636; } .description, .card-description, .footer-big p { color: #9A9A9A; font-weight: 300; } /* General overwrite */ body { color: #4b4743; font-size: 14px; font-family: 'Muli', Arial, sans-serif; } body .wrapper { min-height: 100vh; position: relative; } a { color: #067ec1; } a:hover, a:focus { color: #0688d0; text-decoration: none; } a:focus, a:active, button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: 0 !important; } .ui-slider-handle:focus, .navbar-toggle, input:focus, button:focus { outline: 0 !important; -webkit-box-shadow: inset 0 -2px 0 #2196f3; box-shadow: inset 0 -2px 0 #2196f3; } /* Animations */ .form-control, .input-group-addon, .tagsinput, .navbar, .navbar .alert { -webkit-transition: all 300ms linear; transition: all 300ms linear; } .sidebar .nav a, .table > tbody > tr .td-actions .btn { -webkit-transition: all 150ms ease-in; transition: all 150ms ease-in; } .btn { -webkit-transition: all 100ms ease-in; transition: all 100ms ease-in; } .fa { width: 21px; text-align: center; } .fa-base { font-size: 1.25em !important; } .margin-top { margin-top: 50px; } hr { border-color: #F1EAE0; } .wrapper { position: relative; top: 0; height: 100vh; } .sidebar { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; background-size: cover; background-position: center center; color: #2c2c2c; } .sidebar .sidebar-wrapper { position: relative; max-height: none; min-height: 100%; overflow: hidden; width: 260px; z-index: 4; -webkit-box-shadow: inset -1px 0px 0px 0px #DDDDDD; box-shadow: inset -1px 0px 0px 0px #DDDDDD; } .sidebar .sidebar-background { position: absolute; z-index: 1; height: 100%; width: 100%; display: block; top: 0; left: 0; background-size: cover; background-position: center center; } .sidebar, .off-canvas-sidebar { width: 260px; display: block; font-weight: 200; } .sidebar .logo, .off-canvas-sidebar .logo { padding: 18px 0px; margin: 0 20px; } .sidebar .logo p, .off-canvas-sidebar .logo p { float: left; font-size: 20px; margin: 10px 10px; line-height: 20px; } .sidebar .logo .simple-text, .off-canvas-sidebar .logo .simple-text { text-transform: uppercase; padding: 4px 0px; display: block; font-size: 1em; text-align: center; font-weight: 400; line-height: 30px; } .sidebar .nav, .off-canvas-sidebar .nav { margin-top: 20px; } .sidebar .nav li > a, .off-canvas-sidebar .nav li > a { padding-left: 25px; padding-right: 25px; opacity: .7; } .sidebar .nav li:hover > a, .off-canvas-sidebar .nav li:hover > a { opacity: 1; } .sidebar .nav li.active > a, .off-canvas-sidebar .nav li.active > a { color: #f96332; opacity: 1; } .sidebar .nav li.active > a:before, .off-canvas-sidebar .nav li.active > a:before { border-right: 17px solid #DDDDDD; border-top: 17px solid transparent; border-bottom: 17px solid transparent; content: ""; display: inline-block; position: absolute; right: 0; top: 8px; } .sidebar .nav li.active > a:after, .off-canvas-sidebar .nav li.active > a:after { border-right: 17px solid #ebeff2; border-top: 17px solid transparent; border-bottom: 17px solid transparent; content: ""; display: inline-block; position: absolute; right: -1px; top: 8px; } .sidebar .nav li h5, .off-canvas-sidebar .nav li h5 { -webkit-font-smoothing: antialiased; font-family: Roboto, 'Helvetica Neue', Arial, sans-serif; padding-left: 30px; } .sidebar .nav li > a.menu, .off-canvas-sidebar .nav li > a.menu { padding: 0px; padding-top: 10px; } .sidebar .nav li ul, .off-canvas-sidebar .nav li ul { margin-top: 0px; } .sidebar .nav p, .off-canvas-sidebar .nav p { margin: 0; line-height: 30px; font-size: 12px; font-weight: 600; text-transform: uppercase; } .sidebar .nav i, .off-canvas-sidebar .nav i { font-size: 24px; float: left; margin-right: 15px; line-height: 30px; width: 30px; text-align: center; } .sidebar:after, .sidebar:before, .off-canvas-sidebar:after, .off-canvas-sidebar:before { display: block; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: #FFFFFF; } .sidebar:after, .sidebar:before, .sidebar[data-background-color="white"]:after, .sidebar[data-background-color="white"]:before, .off-canvas-sidebar:after, .off-canvas-sidebar:before, .off-canvas-sidebar[data-background-color="white"]:after, .off-canvas-sidebar[data-background-color="white"]:before { background-color: #FFFFFF; } .sidebar .logo, .sidebar[data-background-color="white"] .logo, .off-canvas-sidebar .logo, .off-canvas-sidebar[data-background-color="white"] .logo { border-bottom: 1px solid rgba(44, 44, 44, 0.3); } .sidebar .logo p, .sidebar[data-background-color="white"] .logo p, .off-canvas-sidebar .logo p, .off-canvas-sidebar[data-background-color="white"] .logo p { color: #2c2c2c; } .sidebar .logo .simple-text, .sidebar[data-background-color="white"] .logo .simple-text, .off-canvas-sidebar .logo .simple-text, .off-canvas-sidebar[data-background-color="white"] .logo .simple-text { color: #2c2c2c; } .sidebar .nav li:not(.active) > a, .sidebar[data-background-color="white"] .nav li:not(.active) > a, .off-canvas-sidebar .nav li:not(.active) > a, .off-canvas-sidebar[data-background-color="white"] .nav li:not(.active) > a { color: #2c2c2c; } .sidebar .nav .divider, .sidebar[data-background-color="white"] .nav .divider, .off-canvas-sidebar .nav .divider, .off-canvas-sidebar[data-background-color="white"] .nav .divider { background-color: rgba(44, 44, 44, 0.2); } .sidebar[data-background-color="black"]:after, .sidebar[data-background-color="black"]:before, .off-canvas-sidebar[data-background-color="black"]:after, .off-canvas-sidebar[data-background-color="black"]:before { background-color: #0c1419; } .sidebar[data-background-color="black"] .logo, .off-canvas-sidebar[data-background-color="black"] .logo { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .sidebar[data-background-color="black"] .logo p, .off-canvas-sidebar[data-background-color="black"] .logo p { color: #FFFFFF; } .sidebar[data-background-color="black"] .logo .simple-text, .off-canvas-sidebar[data-background-color="black"] .logo .simple-text { color: #FFFFFF; } .sidebar[data-background-color="black"] .nav li:not(.active) > a, .off-canvas-sidebar[data-background-color="black"] .nav li:not(.active) > a { color: #FFFFFF; } .sidebar[data-background-color="black"] .nav .divider, .off-canvas-sidebar[data-background-color="black"] .nav .divider { background-color: rgba(255, 255, 255, 0.2); } .sidebar[data-active-color="primary"] .nav li.active > a, .off-canvas-sidebar[data-active-color="primary"] .nav li.active > a { color: #2c2c2c; opacity: 1; } .sidebar[data-active-color="info"] .nav li.active > a, .off-canvas-sidebar[data-active-color="info"] .nav li.active > a { color: #067ec1; opacity: 1; } .sidebar[data-active-color="success"] .nav li.active > a, .off-canvas-sidebar[data-active-color="success"] .nav li.active > a { color: #18ce0f; opacity: 1; } .sidebar[data-active-color="warning"] .nav li.active > a, .off-canvas-sidebar[data-active-color="warning"] .nav li.active > a { color: #FFB236; opacity: 1; } .sidebar[data-active-color="danger"] .nav li.active > a, .off-canvas-sidebar[data-active-color="danger"] .nav li.active > a { color: #FF3636; opacity: 1; } .main-panel { background-color: #ebeff2; position: relative; z-index: 2; float: right; width: calc(100% - 260px); min-height: 100%; } .main-panel > .content { padding: 0 2px; min-height: calc(100% - 123px); } .main-panel > .footer { border-top: 1px solid rgba(0, 0, 0, 0.1); } .main-panel .navbar { margin-bottom: 0; } .sidebar, .main-panel { overflow: auto; max-height: 100%; height: 100%; -webkit-transition-property: top,bottom; transition-property: top,bottom; -webkit-transition-duration: .2s,.2s; transition-duration: .2s,.2s; -webkit-transition-timing-function: linear,linear; transition-timing-function: linear,linear; -webkit-overflow-scrolling: touch; } /* badges */ .badge { border-radius: 8px; padding: 4px 8px; text-transform: uppercase; font-size: 0.7142em; line-height: 12px; background-color: transparent; border: 1px solid; margin-bottom: 5px; border-radius: 6px; } .badge-icon { padding: 0.4em 0.55em; } .badge-icon i { font-size: 0.8em; } .badge-default { border-color: #2c2c2c; color: #2c2c2c; } .badge-primary { border-color: #f96332; color: #f96332; } .badge-info { border-color: #067ec1; color: #067ec1; } .badge-success { border-color: #18ce0f; color: #18ce0f; } .badge-warning { border-color: #FFB236; color: #FFB236; } .badge-danger { border-color: #FF3636; color: #FF3636; } .badge-neutral { border-color: #FFFFFF; color: #FFFFFF; } .btn, .navbar .navbar-nav > li > a.btn { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; font-size: 14px; font-weight: 500; margin-top: 5px; padding: 4px 18px; background-color: #2c2c2c; color: #FFFFFF; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .open > .btn.dropdown-toggle, .open > .btn.dropdown-toggle:focus, .open > .btn.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn.active, .navbar .navbar-nav > li > a.btn:active:focus, .navbar .navbar-nav > li > a.btn:active:hover, .navbar .navbar-nav > li > a.btn.active:focus, .navbar .navbar-nav > li > a.btn.active:hover, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover { background-color: #403D39; color: #FFFFFF; } .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .navbar .navbar-nav > li > a.btn.disabled, .navbar .navbar-nav > li > a.btn.disabled:hover, .navbar .navbar-nav > li > a.btn.disabled:focus, .navbar .navbar-nav > li > a.btn.disabled.focus, .navbar .navbar-nav > li > a.btn.disabled:active, .navbar .navbar-nav > li > a.btn.disabled.active, .navbar .navbar-nav > li > a.btn:disabled, .navbar .navbar-nav > li > a.btn:disabled:hover, .navbar .navbar-nav > li > a.btn:disabled:focus, .navbar .navbar-nav > li > a.btn:disabled.focus, .navbar .navbar-nav > li > a.btn:disabled:active, .navbar .navbar-nav > li > a.btn:disabled.active, .navbar .navbar-nav > li > a.btn[disabled], .navbar .navbar-nav > li > a.btn[disabled]:hover, .navbar .navbar-nav > li > a.btn[disabled]:focus, .navbar .navbar-nav > li > a.btn[disabled].focus, .navbar .navbar-nav > li > a.btn[disabled]:active, .navbar .navbar-nav > li > a.btn[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn, fieldset[disabled] .navbar .navbar-nav > li > a.btn:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.active { background-color: #2c2c2c; border-color: #2c2c2c; } .btn.focus, .btn:focus, .navbar .navbar-nav > li > a.btn.focus, .navbar .navbar-nav > li > a.btn:focus { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-simple, .navbar .navbar-nav > li > a.btn.btn-simple { color: #2c2c2c; border-color: #2c2c2c; } .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-simple:active { background-color: transparent; color: #403D39; border-color: #403D39; } .btn.btn-link, .navbar .navbar-nav > li > a.btn.btn-link { color: #2c2c2c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .navbar .navbar-nav > li > a.btn.btn-link:hover, .navbar .navbar-nav > li > a.btn.btn-link:focus, .navbar .navbar-nav > li > a.btn.btn-link:active { background-color: transparent; color: #403D39; text-decoration: none; } .btn:hover, .btn:focus, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn:focus { outline: 0 !important; } .btn:active, .btn.active, .open > .btn.dropdown-toggle, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn.active, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; outline: 0 !important; } .btn.btn-icon, .navbar .navbar-nav > li > a.btn.btn-icon { padding: 7px; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -2px; } .navbar .navbar-nav > li > a.btn-primary, .btn-primary { background-color: #f96332; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-primary:hover, .navbar .navbar-nav > li > a.btn-primary:focus, .navbar .navbar-nav > li > a.btn-primary:active, .navbar .navbar-nav > li > a.btn-primary.active, .navbar .navbar-nav > li > a.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn-primary.dropdown-toggle:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active:hover, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { background-color: #427C89; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-primary.disabled, .navbar .navbar-nav > li > a.btn-primary.disabled:hover, .navbar .navbar-nav > li > a.btn-primary.disabled:focus, .navbar .navbar-nav > li > a.btn-primary.disabled.focus, .navbar .navbar-nav > li > a.btn-primary.disabled:active, .navbar .navbar-nav > li > a.btn-primary.disabled.active, .navbar .navbar-nav > li > a.btn-primary:disabled, .navbar .navbar-nav > li > a.btn-primary:disabled:hover, .navbar .navbar-nav > li > a.btn-primary:disabled:focus, .navbar .navbar-nav > li > a.btn-primary:disabled.focus, .navbar .navbar-nav > li > a.btn-primary:disabled:active, .navbar .navbar-nav > li > a.btn-primary:disabled.active, .navbar .navbar-nav > li > a.btn-primary[disabled], .navbar .navbar-nav > li > a.btn-primary[disabled]:hover, .navbar .navbar-nav > li > a.btn-primary[disabled]:focus, .navbar .navbar-nav > li > a.btn-primary[disabled].focus, .navbar .navbar-nav > li > a.btn-primary[disabled]:active, .navbar .navbar-nav > li > a.btn-primary[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-primary, fieldset[disabled] .navbar .navbar-nav > li > a.btn-primary:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn-primary:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-primary.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-primary:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-primary.active, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #f96332; border-color: #f96332; } .navbar .navbar-nav > li > a.btn-primary.focus, .navbar .navbar-nav > li > a.btn-primary:focus, .btn-primary.focus, .btn-primary:focus { -webkit-box-shadow: none; box-shadow: none; } .navbar .navbar-nav > li > a.btn-primary.btn-simple, .btn-primary.btn-simple { color: #f96332; border-color: #f96332; } .navbar .navbar-nav > li > a.btn-primary.btn-simple:hover, .navbar .navbar-nav > li > a.btn-primary.btn-simple:focus, .navbar .navbar-nav > li > a.btn-primary.btn-simple:active, .btn-primary.btn-simple:hover, .btn-primary.btn-simple:focus, .btn-primary.btn-simple:active { background-color: transparent; color: #427C89; border-color: #427C89; } .navbar .navbar-nav > li > a.btn-primary.btn-link, .btn-primary.btn-link { color: #f96332; } .navbar .navbar-nav > li > a.btn-primary.btn-link:hover, .navbar .navbar-nav > li > a.btn-primary.btn-link:focus, .navbar .navbar-nav > li > a.btn-primary.btn-link:active, .btn-primary.btn-link:hover, .btn-primary.btn-link:focus, .btn-primary.btn-link:active { background-color: transparent; color: #427C89; text-decoration: none; } .navbar .navbar-nav > li > a.btn-success, .btn-success { background-color: #18ce0f; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-success:hover, .navbar .navbar-nav > li > a.btn-success:focus, .navbar .navbar-nav > li > a.btn-success:active, .navbar .navbar-nav > li > a.btn-success.active, .navbar .navbar-nav > li > a.btn-success:active:focus, .navbar .navbar-nav > li > a.btn-success:active:hover, .navbar .navbar-nav > li > a.btn-success.active:focus, .navbar .navbar-nav > li > a.btn-success.active:hover, .open > .navbar .navbar-nav > li > a.btn-success.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn-success.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn-success.dropdown-toggle:hover, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:focus, .btn-success.active:hover, .open > .btn-success.dropdown-toggle, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover { background-color: #15b60d; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-success.disabled, .navbar .navbar-nav > li > a.btn-success.disabled:hover, .navbar .navbar-nav > li > a.btn-success.disabled:focus, .navbar .navbar-nav > li > a.btn-success.disabled.focus, .navbar .navbar-nav > li > a.btn-success.disabled:active, .navbar .navbar-nav > li > a.btn-success.disabled.active, .navbar .navbar-nav > li > a.btn-success:disabled, .navbar .navbar-nav > li > a.btn-success:disabled:hover, .navbar .navbar-nav > li > a.btn-success:disabled:focus, .navbar .navbar-nav > li > a.btn-success:disabled.focus, .navbar .navbar-nav > li > a.btn-success:disabled:active, .navbar .navbar-nav > li > a.btn-success:disabled.active, .navbar .navbar-nav > li > a.btn-success[disabled], .navbar .navbar-nav > li > a.btn-success[disabled]:hover, .navbar .navbar-nav > li > a.btn-success[disabled]:focus, .navbar .navbar-nav > li > a.btn-success[disabled].focus, .navbar .navbar-nav > li > a.btn-success[disabled]:active, .navbar .navbar-nav > li > a.btn-success[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-success, fieldset[disabled] .navbar .navbar-nav > li > a.btn-success:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn-success:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-success.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-success:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-success.active, .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #18ce0f; border-color: #18ce0f; } .navbar .navbar-nav > li > a.btn-success.focus, .navbar .navbar-nav > li > a.btn-success:focus, .btn-success.focus, .btn-success:focus { -webkit-box-shadow: none; box-shadow: none; } .navbar .navbar-nav > li > a.btn-success.btn-simple, .btn-success.btn-simple { color: #18ce0f; border-color: #18ce0f; } .navbar .navbar-nav > li > a.btn-success.btn-simple:hover, .navbar .navbar-nav > li > a.btn-success.btn-simple:focus, .navbar .navbar-nav > li > a.btn-success.btn-simple:active, .btn-success.btn-simple:hover, .btn-success.btn-simple:focus, .btn-success.btn-simple:active { background-color: transparent; color: #15b60d; border-color: #15b60d; } .navbar .navbar-nav > li > a.btn-success.btn-link, .btn-success.btn-link { color: #18ce0f; } .navbar .navbar-nav > li > a.btn-success.btn-link:hover, .navbar .navbar-nav > li > a.btn-success.btn-link:focus, .navbar .navbar-nav > li > a.btn-success.btn-link:active, .btn-success.btn-link:hover, .btn-success.btn-link:focus, .btn-success.btn-link:active { background-color: transparent; color: #15b60d; text-decoration: none; } .navbar .navbar-nav > li > a.btn-info, .btn-info { background-color: #067ec1; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-info:hover, .navbar .navbar-nav > li > a.btn-info:focus, .navbar .navbar-nav > li > a.btn-info:active, .navbar .navbar-nav > li > a.btn-info.active, .navbar .navbar-nav > li > a.btn-info:active:focus, .navbar .navbar-nav > li > a.btn-info:active:hover, .navbar .navbar-nav > li > a.btn-info.active:focus, .navbar .navbar-nav > li > a.btn-info.active:hover, .open > .navbar .navbar-nav > li > a.btn-info.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn-info.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn-info.dropdown-toggle:hover, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:focus, .btn-info.active:hover, .open > .btn-info.dropdown-toggle, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { background-color: #0688d0; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-info.disabled, .navbar .navbar-nav > li > a.btn-info.disabled:hover, .navbar .navbar-nav > li > a.btn-info.disabled:focus, .navbar .navbar-nav > li > a.btn-info.disabled.focus, .navbar .navbar-nav > li > a.btn-info.disabled:active, .navbar .navbar-nav > li > a.btn-info.disabled.active, .navbar .navbar-nav > li > a.btn-info:disabled, .navbar .navbar-nav > li > a.btn-info:disabled:hover, .navbar .navbar-nav > li > a.btn-info:disabled:focus, .navbar .navbar-nav > li > a.btn-info:disabled.focus, .navbar .navbar-nav > li > a.btn-info:disabled:active, .navbar .navbar-nav > li > a.btn-info:disabled.active, .navbar .navbar-nav > li > a.btn-info[disabled], .navbar .navbar-nav > li > a.btn-info[disabled]:hover, .navbar .navbar-nav > li > a.btn-info[disabled]:focus, .navbar .navbar-nav > li > a.btn-info[disabled].focus, .navbar .navbar-nav > li > a.btn-info[disabled]:active, .navbar .navbar-nav > li > a.btn-info[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-info, fieldset[disabled] .navbar .navbar-nav > li > a.btn-info:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn-info:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-info.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-info:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-info.active, .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #067ec1; border-color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.focus, .navbar .navbar-nav > li > a.btn-info:focus, .btn-info.focus, .btn-info:focus { -webkit-box-shadow: none; box-shadow: none; } .navbar .navbar-nav > li > a.btn-info.btn-simple, .btn-info.btn-simple { color: #067ec1; border-color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.btn-simple:hover, .navbar .navbar-nav > li > a.btn-info.btn-simple:focus, .navbar .navbar-nav > li > a.btn-info.btn-simple:active, .btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active { background-color: transparent; color: #0688d0; border-color: #0688d0; } .navbar .navbar-nav > li > a.btn-info.btn-link, .btn-info.btn-link { color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.btn-link:hover, .navbar .navbar-nav > li > a.btn-info.btn-link:focus, .navbar .navbar-nav > li > a.btn-info.btn-link:active, .btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active { background-color: transparent; color: #0688d0; text-decoration: none; } .navbar .navbar-nav > li > a.btn-warning, .btn-warning { background-color: #FFB236; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-warning:hover, .navbar .navbar-nav > li > a.btn-warning:focus, .navbar .navbar-nav > li > a.btn-warning:active, .navbar .navbar-nav > li > a.btn-warning.active, .navbar .navbar-nav > li > a.btn-warning:active:focus, .navbar .navbar-nav > li > a.btn-warning:active:hover, .navbar .navbar-nav > li > a.btn-warning.active:focus, .navbar .navbar-nav > li > a.btn-warning.active:hover, .open > .navbar .navbar-nav > li > a.btn-warning.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn-warning.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn-warning.dropdown-toggle:hover, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:focus, .btn-warning.active:hover, .open > .btn-warning.dropdown-toggle, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { background-color: #ffa81d; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-warning.disabled, .navbar .navbar-nav > li > a.btn-warning.disabled:hover, .navbar .navbar-nav > li > a.btn-warning.disabled:focus, .navbar .navbar-nav > li > a.btn-warning.disabled.focus, .navbar .navbar-nav > li > a.btn-warning.disabled:active, .navbar .navbar-nav > li > a.btn-warning.disabled.active, .navbar .navbar-nav > li > a.btn-warning:disabled, .navbar .navbar-nav > li > a.btn-warning:disabled:hover, .navbar .navbar-nav > li > a.btn-warning:disabled:focus, .navbar .navbar-nav > li > a.btn-warning:disabled.focus, .navbar .navbar-nav > li > a.btn-warning:disabled:active, .navbar .navbar-nav > li > a.btn-warning:disabled.active, .navbar .navbar-nav > li > a.btn-warning[disabled], .navbar .navbar-nav > li > a.btn-warning[disabled]:hover, .navbar .navbar-nav > li > a.btn-warning[disabled]:focus, .navbar .navbar-nav > li > a.btn-warning[disabled].focus, .navbar .navbar-nav > li > a.btn-warning[disabled]:active, .navbar .navbar-nav > li > a.btn-warning[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-warning, fieldset[disabled] .navbar .navbar-nav > li > a.btn-warning:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn-warning:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-warning.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-warning:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-warning.active, .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #FFB236; border-color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.focus, .navbar .navbar-nav > li > a.btn-warning:focus, .btn-warning.focus, .btn-warning:focus { -webkit-box-shadow: none; box-shadow: none; } .navbar .navbar-nav > li > a.btn-warning.btn-simple, .btn-warning.btn-simple { color: #FFB236; border-color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.btn-simple:hover, .navbar .navbar-nav > li > a.btn-warning.btn-simple:focus, .navbar .navbar-nav > li > a.btn-warning.btn-simple:active, .btn-warning.btn-simple:hover, .btn-warning.btn-simple:focus, .btn-warning.btn-simple:active { background-color: transparent; color: #ffa81d; border-color: #ffa81d; } .navbar .navbar-nav > li > a.btn-warning.btn-link, .btn-warning.btn-link { color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.btn-link:hover, .navbar .navbar-nav > li > a.btn-warning.btn-link:focus, .navbar .navbar-nav > li > a.btn-warning.btn-link:active, .btn-warning.btn-link:hover, .btn-warning.btn-link:focus, .btn-warning.btn-link:active { background-color: transparent; color: #ffa81d; text-decoration: none; } .navbar .navbar-nav > li > a.btn-danger, .btn-danger { background-color: #FF3636; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-danger:hover, .navbar .navbar-nav > li > a.btn-danger:focus, .navbar .navbar-nav > li > a.btn-danger:active, .navbar .navbar-nav > li > a.btn-danger.active, .navbar .navbar-nav > li > a.btn-danger:active:focus, .navbar .navbar-nav > li > a.btn-danger:active:hover, .navbar .navbar-nav > li > a.btn-danger.active:focus, .navbar .navbar-nav > li > a.btn-danger.active:hover, .open > .navbar .navbar-nav > li > a.btn-danger.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn-danger.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn-danger.dropdown-toggle:hover, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:focus, .btn-danger.active:hover, .open > .btn-danger.dropdown-toggle, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover { background-color: #ff1d1d; color: #FFFFFF; } .navbar .navbar-nav > li > a.btn-danger.disabled, .navbar .navbar-nav > li > a.btn-danger.disabled:hover, .navbar .navbar-nav > li > a.btn-danger.disabled:focus, .navbar .navbar-nav > li > a.btn-danger.disabled.focus, .navbar .navbar-nav > li > a.btn-danger.disabled:active, .navbar .navbar-nav > li > a.btn-danger.disabled.active, .navbar .navbar-nav > li > a.btn-danger:disabled, .navbar .navbar-nav > li > a.btn-danger:disabled:hover, .navbar .navbar-nav > li > a.btn-danger:disabled:focus, .navbar .navbar-nav > li > a.btn-danger:disabled.focus, .navbar .navbar-nav > li > a.btn-danger:disabled:active, .navbar .navbar-nav > li > a.btn-danger:disabled.active, .navbar .navbar-nav > li > a.btn-danger[disabled], .navbar .navbar-nav > li > a.btn-danger[disabled]:hover, .navbar .navbar-nav > li > a.btn-danger[disabled]:focus, .navbar .navbar-nav > li > a.btn-danger[disabled].focus, .navbar .navbar-nav > li > a.btn-danger[disabled]:active, .navbar .navbar-nav > li > a.btn-danger[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-danger, fieldset[disabled] .navbar .navbar-nav > li > a.btn-danger:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn-danger:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-danger.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn-danger:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn-danger.active, .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #FF3636; border-color: #FF3636; } .navbar .navbar-nav > li > a.btn-danger.focus, .navbar .navbar-nav > li > a.btn-danger:focus, .btn-danger.focus, .btn-danger:focus { -webkit-box-shadow: none; box-shadow: none; } .navbar .navbar-nav > li > a.btn-danger.btn-simple, .btn-danger.btn-simple { color: #FF3636; border-color: #FF3636; } .navbar .navbar-nav > li > a.btn-danger.btn-simple:hover, .navbar .navbar-nav > li > a.btn-danger.btn-simple:focus, .navbar .navbar-nav > li > a.btn-danger.btn-simple:active, .btn-danger.btn-simple:hover, .btn-danger.btn-simple:focus, .btn-danger.btn-simple:active { background-color: transparent; color: #ff1d1d; border-color: #ff1d1d; } .navbar .navbar-nav > li > a.btn-danger.btn-link, .btn-danger.btn-link { color: #FF3636; } .navbar .navbar-nav > li > a.btn-danger.btn-link:hover, .navbar .navbar-nav > li > a.btn-danger.btn-link:focus, .navbar .navbar-nav > li > a.btn-danger.btn-link:active, .btn-danger.btn-link:hover, .btn-danger.btn-link:focus, .btn-danger.btn-link:active { background-color: transparent; color: #ff1d1d; text-decoration: none; } .btn-neutral { background-color: #FFFFFF; color: #FFFFFF; } .btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover, .open > .btn-neutral.dropdown-toggle, .open > .btn-neutral.dropdown-toggle:focus, .open > .btn-neutral.dropdown-toggle:hover { background-color: #FFFFFF; color: #FFFFFF; } .btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active { background-color: #FFFFFF; border-color: #FFFFFF; } .btn-neutral.focus, .btn-neutral:focus { -webkit-box-shadow: none; box-shadow: none; } .btn-neutral.btn-danger { color: #FF3636; } .btn-neutral.btn-danger:hover, .btn-neutral.btn-danger:focus, .btn-neutral.btn-danger:active { color: #ff1d1d; } .btn-neutral.btn-info { color: #FFFFFF; } .btn-neutral.btn-info:hover, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:active { color: #0688d0; } .btn-neutral.btn-warning { color: #FFFFFF; } .btn-neutral.btn-warning:hover, .btn-neutral.btn-warning:focus, .btn-neutral.btn-warning:active { color: #ffa81d; } .btn-neutral.btn-success { color: #FFFFFF; } .btn-neutral.btn-success:hover, .btn-neutral.btn-success:focus, .btn-neutral.btn-success:active { color: #15b60d; } .btn-neutral.btn-default { color: #FFFFFF; } .btn-neutral.btn-default:hover, .btn-neutral.btn-default:focus, .btn-neutral.btn-default:active { color: #403D39; } .btn-neutral.active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover, .open > .btn-neutral.dropdown-toggle, .open > .btn-neutral.dropdown-toggle:focus, .open > .btn-neutral.dropdown-toggle:hover { background-color: #FFFFFF; color: #f96332; } .btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active { color: #427C89; } .btn-neutral.btn-simple { color: #FFFFFF; border-color: #FFFFFF; } .btn-neutral.btn-simple:hover, .btn-neutral.btn-simple:focus, .btn-neutral.btn-simple:active { background-color: transparent; color: #FFFFFF; border-color: #FFFFFF; } .btn-neutral.btn-link { color: #FFFFFF; } .btn-neutral.btn-link:hover, .btn-neutral.btn-link:focus, .btn-neutral.btn-link:active { background-color: transparent; color: #FFFFFF; text-decoration: none; } .btn-neutral:hover, .btn-neutral:focus { color: #2c2c2c; } .btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle { background-color: #FFFFFF; color: #2c2c2c; } .btn-neutral.btn-fill { color: #2c2c2c; } .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus { color: #403D39; } .btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active { background-color: transparent; } .btn:disabled, .btn[disabled], .btn.disabled { opacity: 0.5; filter: alpha(opacity=50); } .btn-simple { border: 0; padding: 7px 18px; } .btn-simple.btn-icon { padding: 7px; } .btn-lg { font-size: 1em; padding: 11px 30px; font-weight: 400; } .btn-lg.btn-simple { padding: 13px 30px; } .btn-sm { font-size: 0.8571em; padding: 4px 10px; } .btn-sm.btn-simple { padding: 6px 10px; } .btn-xs { font-size: 0.7142em; padding: 2px 5px; } .btn-xs.btn-simple { padding: 4px 5px; } .btn-wd { min-width: 140px; } .btn-group.select { width: 100%; } .btn-group.select .btn { text-align: left; } .btn-group.select .caret { position: absolute; top: 50%; margin-top: -1px; right: 8px; } .form-control::-moz-placeholder { color: #DDDDDD; opacity: 1; filter: alpha(opacity=100); } .form-control:-moz-placeholder { color: #DDDDDD; opacity: 1; filter: alpha(opacity=100); } .form-control::-webkit-input-placeholder { color: #DDDDDD; opacity: 1; filter: alpha(opacity=100); } .form-control:-ms-input-placeholder { color: #DDDDDD; opacity: 1; filter: alpha(opacity=100); } .form-control { font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important; border-radius: 0; background-color: transparent; border: 1px solid #AAAAAA; color: #333333; line-height: 1em; font-size: 14px; font-weight: 400; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -webkit-box-shadow: none; box-shadow: none; } .has-success .form-control { border-color: #E3E3E3; } .form-control:focus { border: 1px solid #067ec1; -webkit-box-shadow: none; box-shadow: none; outline: 0 !important; color: #333333; } .form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon { border: 1px solid #067ec1; background-color: transparent; } .has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .has-danger .form-control.form-control-success, .has-danger .form-control.form-control-danger, .has-success .form-control.form-control-success, .has-success .form-control.form-control-danger { background-image: none; } .has-danger .form-control { background-color: #ffcfcf; border-color: #ffcfcf; color: #FF3636; } .has-danger .form-control:focus { background-color: rgba(222, 222, 222, 0.3); } .form-control + .form-control-feedback { border-radius: 0.125rem; font-size: 14px; margin-top: -7px; position: absolute; right: 10px; top: 50%; vertical-align: middle; } .open .form-control { border-radius: 0.125rem 0.125rem 0 0; border-bottom-color: transparent; } .form-control + .input-group-addon { background-color: #FFFFFF; } .has-success:after, .has-danger:after { font-family: 'Nucleo Outline'; content: "\EA22"; display: inline-block; position: absolute; right: 35px; top: 12px; color: #18ce0f; font-size: 11px; } .has-success.input-lg:after, .has-danger.input-lg:after { font-size: 13px; top: 13px; } .has-danger:after { content: "\EA53"; color: #FF3636; } .form-group.form-group-no-border.input-sm .input-group-addon, .input-group.form-group-no-border.input-sm .input-group-addon { padding: 4px 0 4px 10px; } .form-group.form-group-no-border.input-sm .form-control, .input-group.form-group-no-border.input-sm .form-control { padding: 4px 10px; } .form-group.form-group-no-border.input-sm .form-control + .input-group-addon, .input-group.form-group-no-border.input-sm .form-control + .input-group-addon { padding: 4px 10px 4px 0; } .form-group.input-sm .form-control, .input-group.input-sm .form-control { padding: 3px 9px; } .form-group.input-sm .form-control + .input-group-addon, .input-group.input-sm .form-control + .input-group-addon { padding: 3px 9px 3px 0; } .form-group.input-sm .input-group-addon, .input-group.input-sm .input-group-addon { padding: 3px 0 4px 9px; } .form-group.input-sm .input-group-addon + .form-control, .input-group.input-sm .input-group-addon + .form-control { padding: 4px 9px 4px 7px; } .form-group.form-group-no-border.input-lg .input-group-addon, .input-group.form-group-no-border.input-lg .input-group-addon { padding: 11px 0 11px 19px; } .form-group.form-group-no-border.input-lg .form-control, .input-group.form-group-no-border.input-lg .form-control { padding: 11px 19px; } .form-group.form-group-no-border.input-lg .form-control + .input-group-addon, .input-group.form-group-no-border.input-lg .form-control + .input-group-addon { padding: 11px 19px 11px 0; } .form-group.input-lg .form-control, .input-group.input-lg .form-control { padding: 10px 18px; } .form-group.input-lg .form-control + .input-group-addon, .input-group.input-lg .form-control + .input-group-addon { padding: 10px 18px 10px 0; } .form-group.input-lg .input-group-addon, .input-group.input-lg .input-group-addon { padding: 10px 0 11px 18px; } .form-group.input-lg .input-group-addon + .form-control, .input-group.input-lg .input-group-addon + .form-control { padding: 11px 18px 11px 16px; } .form-group.form-group-no-border .form-control, .input-group.form-group-no-border .form-control { /*margin-top: 2px;*/ padding: 4px 10px; } .form-group.form-group-no-border .form-control + .input-group-addon, .input-group.form-group-no-border .form-control + .input-group-addon { padding: 4px 10px 4px 0; } .form-group.form-group-no-border .input-group-addon, .input-group.form-group-no-border .input-group-addon { padding: 4px 0 4px 10px; } .form-group .form-control, .input-group .form-control { margin-top: 2px; padding: 3px 9px 3px 9px; } .form-group .form-control + .input-group-addon, .input-group .form-control + .input-group-addon { padding: 3px 9px 3px 0; } .form-group .input-group-addon, .input-group .input-group-addon { padding: 3px 0 3px 9px; } .form-group .input-group-addon + .form-control, .form-group .input-group-addon ~ .form-control, .input-group .input-group-addon + .form-control, .input-group .input-group-addon ~ .form-control { padding: 3px 10px 4px 7px; } .form-group.form-group-no-border .form-control, .form-group.form-group-no-border .form-control + .input-group-addon, .input-group.form-group-no-border .form-control, .input-group.form-group-no-border .form-control + .input-group-addon { background-color: rgba(222, 222, 222, 0.3); border: medium none; } .form-group.form-group-no-border .form-control:focus, .form-group.form-group-no-border .form-control:active, .form-group.form-group-no-border .form-control:active, .form-group.form-group-no-border .form-control + .input-group-addon:focus, .form-group.form-group-no-border .form-control + .input-group-addon:active, .form-group.form-group-no-border .form-control + .input-group-addon:active, .input-group.form-group-no-border .form-control:focus, .input-group.form-group-no-border .form-control:active, .input-group.form-group-no-border .form-control:active, .input-group.form-group-no-border .form-control + .input-group-addon:focus, .input-group.form-group-no-border .form-control + .input-group-addon:active, .input-group.form-group-no-border .form-control + .input-group-addon:active { border: medium none; background-color: rgba(222, 222, 222, 0.5); } .form-group.form-group-no-border .form-control:focus + .input-group-addon, .input-group.form-group-no-border .form-control:focus + .input-group-addon { background-color: rgba(222, 222, 222, 0.5); } .form-group.form-group-no-border .input-group-addon, .input-group.form-group-no-border .input-group-addon { background-color: rgba(222, 222, 222, 0.3); border: none; } .has-error .form-control-feedback, .has-error .control-label { color: #FF3636; } .has-success .form-control-feedback, .has-success .control-label { color: #18ce0f; } .input-group-addon { background-color: #FFFFFF; border: 1px solid #E3E3E3; border-radius: 0.125rem; color: #555555; padding: 6px 0 6px 17px; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .has-success .input-group-addon, .has-danger .input-group-addon { background-color: #FFFFFF; } .has-danger .form-control:focus + .input-group-addon { color: #FF3636; } .has-success .form-control:focus + .input-group-addon { color: #18ce0f; } .input-group-addon + .form-control, .input-group-addon ~ .form-control { padding: 6px 18px; padding-left: 18px; } .input-group-focus .input-group-addon { background-color: #FFFFFF; border-color: #f96332; } .input-group-focus.form-group-no-border .input-group-addon { background-color: rgba(222, 222, 222, 0.5); } .input-group, .form-group { margin-bottom: 10px; } .input-group[disabled] .input-group-addon { background-color: #E3E3E3; } /*.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-right: 0 none; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-left: 0 none; }*/ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #E3E3E3; color: #2c2c2c; cursor: not-allowed; } .input-group-btn .btn { border-width: 1px; padding: 11px 18px; } .input-group-btn .btn-default:not(.btn-fill) { border-color: #DDDDDD; } .input-group-btn:last-child > .btn { margin-left: 0; } textarea.form-control { max-width: 100%; padding: 10px 10px; resize: none; background-color: transparent; border: 1px solid #AAAAAA; color: #333333; line-height: 1em; font-size: 14px; font-weight: 400; border-radius: 0; } textarea.form-control:focus, textarea.form-control:active { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #067ec1; background-color: transparent; } .has-success.form-group .form-control, .has-success.form-group.form-group-no-border .form-control, .has-danger.form-group .form-control, .has-danger.form-group.form-group-no-border .form-control { padding-right: 40px; } .alert { border: 0; border-radius: 0; color: #FFFFFF; padding: 10px 15px; font-size: 14px; } .container .alert { border-radius: 4px; } .navbar .alert { border-radius: 0; left: 0; position: absolute; right: 0; top: 85px; width: 100%; z-index: 3; } .navbar:not(.navbar-transparent) .alert { top: 70px; } .alert span[data-notify="icon"] { font-size: 30px; display: block; left: 15px; position: absolute; top: 50%; margin-top: -20px; } .alert .close ~ span { display: block; max-width: 89%; } .alert[data-notify="container"] { padding: 10px 10px 10px 20px; border-radius: 2px; } .alert.alert-with-icon { padding-left: 65px; } .alert-info { background-color: #7CE4FE; color: #0688d0; } .alert-success { background-color: #8EF3C5; color: #15b60d; } .alert-warning { background-color: #FFE28C; color: #ffa81d; } .alert-danger { background-color: #FF3636; color: #FFF; } .table thead tr > th, .table thead tr > td, .table tbody tr > th, .table tbody tr > td, .table tfoot tr > th, .table tfoot tr > td { border-top: 1px solid #CCC5B9; } .table > thead > tr > th { border-bottom-width: 0; font-size: 1.25em; font-weight: 300; } .table .radio, .table .checkbox { margin-top: 0; margin-bottom: 22px; padding: 0; width: 15px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 12px; vertical-align: middle; } .table .th-description { max-width: 150px; } .table .td-price { font-size: 26px; font-weight: 300; margin-top: 5px; text-align: right; } .table .td-total { font-weight: 600; font-size: 1.25em; padding-top: 20px; text-align: right; } .table .td-actions .btn.btn-sm, .table .td-actions .btn.btn-xs { padding-left: 3px; padding-right: 3px; } .table > tbody > tr { position: relative; } .table-striped tbody > tr:nth-of-type(2n+1) { background-color: #fff; } .table-striped tbody > tr:nth-of-type(2n) { background-color: #FFFCF5; } .table-striped > thead > tr > th, .table-striped > tbody > tr > th, .table-striped > tfoot > tr > th, .table-striped > thead > tr > td, .table-striped > tbody > tr > td, .table-striped > tfoot > tr > td { padding: 15px 8px; } /* Checkbox and radio */ .checkbox, .radio { margin-bottom: 12px; padding-left: 30px; position: relative; -webkit-transition: color,opacity 0.25s linear; transition: color,opacity 0.25s linear; font-size: 14px; font-weight: normal; line-height: 1.5; color: #4b4743; cursor: pointer; } .checkbox .icons, .radio .icons { color: #4b4743; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; text-align: center; line-height: 21px; font-size: 20px; cursor: pointer; -webkit-transition: color,opacity 0.15s linear; transition: color,opacity 0.15s linear; opacity: .50; } .checkbox.checked .icons, .radio.checked .icons { opacity: 1; } .checkbox input, .radio input { outline: none !important; display: none; } .checkbox label, .radio label { padding-left: 10px; } .checkbox .icons .first-icon, .radio .icons .first-icon, .checkbox .icons .second-icon, .radio .icons .second-icon { display: inline-table; position: absolute; left: 0; top: 0; background-color: transparent; margin: 0; opacity: 1; filter: alpha(opacity=100); } .checkbox .icons .second-icon, .radio .icons .second-icon { opacity: 0; filter: alpha(opacity=0); } .checkbox:hover, .radio:hover { -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .checkbox:hover .first-icon, .radio:hover .first-icon { opacity: 0; filter: alpha(opacity=0); } .checkbox:hover .second-icon, .radio:hover .second-icon { opacity: 1; filter: alpha(opacity=100); } .checkbox.checked .first-icon, .radio.checked .first-icon { opacity: 0; filter: alpha(opacity=0); } .checkbox.checked .second-icon, .radio.checked .second-icon { opacity: 1; filter: alpha(opacity=100); -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .checkbox.disabled, .radio.disabled { cursor: default; color: #DDDDDD; } .checkbox.disabled .icons, .radio.disabled .icons { color: #DDDDDD; } .checkbox.disabled .first-icon, .radio.disabled .first-icon { opacity: 1; filter: alpha(opacity=100); } .checkbox.disabled .second-icon, .radio.disabled .second-icon { opacity: 0; filter: alpha(opacity=0); } .checkbox.disabled.checked .icons, .radio.disabled.checked .icons { color: #DDDDDD; } .checkbox.disabled.checked .first-icon, .radio.disabled.checked .first-icon { opacity: 0; filter: alpha(opacity=0); } .checkbox.disabled.checked .second-icon, .radio.disabled.checked .second-icon { opacity: 1; color: #DDDDDD; filter: alpha(opacity=100); } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } .navbar { border: 0; border-radius: 0; font-size: 1em; z-index: 3; } .navbar .navbar-brand { color: #FFFFFF; font-weight: 300; margin: 5px 0px; padding: 20px 15px; font-size: 20px; } .navbar .navbar-nav > li > a { line-height: 1.42857; margin: 15px 0px; padding: 10px 15px; } .navbar .navbar-nav > li > a i, .navbar .navbar-nav > li > a p { display: inline-block; margin: 0; } .navbar .navbar-nav > li > a i { position: relative; margin-right: 5px; top: 1px; } .navbar .navbar-nav > li > a.btn { margin: 15px 3px; padding: 7px 18px; } .navbar .btn { margin: 15px 3px; font-size: 14px; } .navbar .btn-simple { font-size: 14px; } .navbar-nav > li > .dropdown-menu { border-radius: 6px; margin-top: -5px; } .navbar-default { color: #FFFFFF; background-color: #067ec1; border-bottom: 1px solid #DDDDDD; } .navbar-default .brand { color: #FFFFFF !important; } .navbar-default .navbar-nav > li > a:not(.btn) { color: #FFFFFF; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:not(.btn):hover, .navbar-default .navbar-nav > .active > a:not(.btn):focus, .navbar-default .navbar-nav > li > a:not(.btn):hover, .navbar-default .navbar-nav > li > a:not(.btn):focus { background-color: transparent; border-radius: 3px; opacity: 1; filter: alpha(opacity=100); } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-bottom-color: #067ec1; border-top-color: #067ec1; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color: #067ec1; } .navbar-default .navbar-nav .navbar-toggle:hover, .navbar-default .navbar-nav .navbar-toggle:focus { background-color: transparent; } .navbar-default:not(.navbar-transparent) .btn-default:hover { color: #067ec1; border-color: #067ec1; } .navbar-default:not(.navbar-transparent) .btn-neutral, .navbar-default:not(.navbar-transparent) .btn-neutral:hover, .navbar-default:not(.navbar-transparent) .btn-neutral:active { color: #9A9A9A; } .navbar-form { -webkit-box-shadow: none; box-shadow: none; } .navbar-form .form-control { border-radius: 0; border: 0; padding: 0; background-color: transparent; height: 22px; font-size: 1em; line-height: 1.4em; color: #E3E3E3; } .navbar-transparent .navbar-form .form-control, [class*="navbar-ct"] .navbar-form .form-control { color: #FFFFFF; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } .navbar-ct-primary { background-color: #8ECFD5; } .navbar-ct-info { background-color: #7CE4FE; } .navbar-ct-success { background-color: #8EF3C5; } .navbar-ct-warning { background-color: #FFE28C; } .navbar-ct-danger { background-color: #FF4C40; } .navbar-transparent { padding-top: 15px; background-color: transparent; border-bottom: 1px solid transparent; } .navbar-toggle { margin-top: 19px; margin-bottom: 19px; border: 0; } .navbar-toggle .icon-bar { background-color: #FFFFFF; } .navbar-toggle .navbar-collapse, .navbar-toggle .navbar-form { border-color: transparent; } .navbar-toggle.navbar-default .navbar-toggle:hover, .navbar-toggle.navbar-default .navbar-toggle:focus { background-color: transparent; } .navbar-transparent .navbar-brand, [class*="navbar-ct"] .navbar-brand { opacity: 0.9; filter: alpha(opacity=90); } .navbar-transparent .navbar-brand:focus, .navbar-transparent .navbar-brand:hover, [class*="navbar-ct"] .navbar-brand:focus, [class*="navbar-ct"] .navbar-brand:hover { background-color: transparent; opacity: 1; filter: alpha(opacity=100); } .navbar-transparent .navbar-brand:not([class*="text"]), [class*="navbar-ct"] .navbar-brand:not([class*="text"]) { color: #FFFFFF; } .navbar-transparent .navbar-nav > li > a:not(.btn), [class*="navbar-ct"] .navbar-nav > li > a:not(.btn) { color: #FFFFFF; border-color: #FFFFFF; opacity: 0.8; filter: alpha(opacity=80); } .navbar-transparent .navbar-nav > .active > a:not(.btn), .navbar-transparent .navbar-nav > .active > a:hover:not(.btn), .navbar-transparent .navbar-nav > .active > a:focus:not(.btn), .navbar-transparent .navbar-nav > li > a:hover:not(.btn), .navbar-transparent .navbar-nav > li > a:focus:not(.btn), [class*="navbar-ct"] .navbar-nav > .active > a:not(.btn), [class*="navbar-ct"] .navbar-nav > .active > a:hover:not(.btn), [class*="navbar-ct"] .navbar-nav > .active > a:focus:not(.btn), [class*="navbar-ct"] .navbar-nav > li > a:hover:not(.btn), [class*="navbar-ct"] .navbar-nav > li > a:focus:not(.btn) { background-color: transparent; border-radius: 3px; color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .navbar-transparent .navbar-nav .nav > li > a.btn:hover, [class*="navbar-ct"] .navbar-nav .nav > li > a.btn:hover { background-color: transparent; } .navbar-transparent .navbar-nav > .dropdown > a .caret, .navbar-transparent .navbar-nav > .dropdown > a:hover .caret, .navbar-transparent .navbar-nav > .dropdown > a:focus .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a:hover .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a:focus .caret { border-bottom-color: #FFFFFF; border-top-color: #FFFFFF; } .navbar-transparent .navbar-nav > .open > a, .navbar-transparent .navbar-nav > .open > a:hover, .navbar-transparent .navbar-nav > .open > a:focus, [class*="navbar-ct"] .navbar-nav > .open > a, [class*="navbar-ct"] .navbar-nav > .open > a:hover, [class*="navbar-ct"] .navbar-nav > .open > a:focus { background-color: transparent; color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .navbar-transparent .btn-default, [class*="navbar-ct"] .btn-default { color: #FFFFFF; border-color: #FFFFFF; } .navbar-transparent .btn-default.btn-fill, [class*="navbar-ct"] .btn-default.btn-fill { color: #9A9A9A; background-color: #FFFFFF; opacity: 0.9; filter: alpha(opacity=90); } .navbar-transparent .btn-default.btn-fill:hover, .navbar-transparent .btn-default.btn-fill:focus, .navbar-transparent .btn-default.btn-fill:active, .navbar-transparent .btn-default.btn-fill.active, .navbar-transparent .open .dropdown-toggle.btn-fill.btn-default, [class*="navbar-ct"] .btn-default.btn-fill:hover, [class*="navbar-ct"] .btn-default.btn-fill:focus, [class*="navbar-ct"] .btn-default.btn-fill:active, [class*="navbar-ct"] .btn-default.btn-fill.active, [class*="navbar-ct"] .open .dropdown-toggle.btn-fill.btn-default { border-color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .footer { background-attachment: fixed; position: relative; line-height: 20px; } .footer nav ul { list-style: none; margin: 0; padding: 0; font-weight: normal; } .footer nav ul li { display: inline-block; padding: 10px 15px; margin: 15px 3px; line-height: 20px; text-align: center; } .footer nav ul a:not(.btn) { color: #4b4743; display: block; margin-bottom: 3px; } .footer nav ul a:not(.btn):focus, .footer nav ul a:not(.btn):hover { color: #403D39; } .footer .copyright { color: #4b4743; padding: 10px 15px; font-size: 14px; white-space: nowrap; margin: 15px 3px; line-height: 20px; text-align: center; } .footer .heart { color: #FF3636; } .dropdown-menu { background-color: #FFFCF5; border: 0 none; border-radius: 6px; display: block; margin-top: 10px; padding: 0px; position: absolute; visibility: hidden; z-index: 9000; opacity: 0; filter: alpha(opacity=0); -webkit-box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1); box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1); } .open .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .dropdown-menu .divider { background-color: #F1EAE0; margin: 0px; } .dropdown-menu .dropdown-header { color: #9A9A9A; font-size: 0.8571em; padding: 10px 15px; } .select .dropdown-menu { border-radius: 0 0 10px 10px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform-origin: 50% -40px; transform-origin: 50% -40px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 150ms linear; transition: all 150ms linear; margin-top: -20px; } .select.open .dropdown-menu { margin-top: -1px; } .dropdown-menu > li > a { color: #4b4743; font-size: 14px; padding: 10px 15px; -webkit-transition: none; transition: none; } .dropdown-menu > li > a img { margin-top: -3px; } .dropdown-menu > li > a:focus { outline: 0 !important; } .btn-group.select .dropdown-menu { min-width: 100%; } .dropdown-menu > li:first-child > a { border-top-left-radius: 6px; border-top-right-radius: 6px; } .dropdown-menu > li:last-child > a { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .select .dropdown-menu > li:first-child > a { border-radius: 0; border-bottom: 0 none; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #2c2c2c; color: rgba(182, 182, 182, 0.7); opacity: 1; text-decoration: none; } .dropdown-menu.dropdown-primary > li > a:hover, .dropdown-menu.dropdown-primary > li > a:focus { background-color: #f96332; } .dropdown-menu.dropdown-info > li > a:hover, .dropdown-menu.dropdown-info > li > a:focus { background-color: #067ec1; } .dropdown-menu.dropdown-success > li > a:hover, .dropdown-menu.dropdown-success > li > a:focus { background-color: #18ce0f; } .dropdown-menu.dropdown-warning > li > a:hover, .dropdown-menu.dropdown-warning > li > a:focus { background-color: #FFB236; } .dropdown-menu.dropdown-danger > li > a:hover, .dropdown-menu.dropdown-danger > li > a:focus { background-color: #FF3636; } .btn-group.select { overflow: hidden; } .btn-group.select.open { overflow: visible; } .card { border: 0; border-radius: 0.125rem; -webkit-box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); background-color: #FFFFFF; color: #2c2c2c; margin-bottom: 20px; position: relative; z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; } .card .card-block { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card a { color: #f96332; } .card .image { width: 100%; overflow: hidden; height: 260px; border-radius: 6px 6px 0 0; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .card .image img { width: 100%; } .card .content { padding: 15px 15px 10px 15px; } .card .header { padding: 0px 0px 10px 0; } .card .description { font-size: 1em; color: #4b4743; } .card h5 { font-size: 1.57em; line-height: 1.4em; margin-bottom: 15px; } .card h6 { font-size: 0.8571em; margin: 0; } .card .category, .card label { font-size: 14px; font-weight: 400; text-transform: capitalize; margin-bottom: 0px; } .card .category i, .card label i { font-size: 1em; } .card label { font-size: 15px; margin-bottom: 5px; text-transform: capitalize; display: inline-block; vertical-align: middle; } .card .title { margin: 0; color: #2c2c2c; font-weight: 300; } .card .avatar { width: 50px; height: 50px; overflow: hidden; border-radius: 50%; margin-right: 5px; } .card .footer { padding: 0; line-height: 30px; } .card .footer .legend { padding: 5px 0; } .card .footer hr { margin-top: 5px; margin-bottom: 5px; } .card .stats { color: #a9a9a9; font-weight: 300; } .card .stats i { margin-right: 2px; min-width: 15px; display: inline-block; } .card .footer div { display: inline-block; } .card .author { font-size: 0.8571em; font-weight: 600; text-transform: uppercase; } .card .author i { font-size: 14px; } .card.card-separator:after { height: 100%; right: -15px; top: 0; width: 1px; background-color: #DDDDDD; content: ""; position: absolute; } .card .ct-chart { margin: 30px 0 30px; height: 245px; } .card .table tbody td:first-child, .card .table thead th:first-child { padding-left: 15px; } .card .table tbody td:last-child, .card .table thead th:last-child { padding-right: 15px; } .card .alert { border-radius: 2px; position: relative; } .card .alert.alert-with-icon { padding-left: 65px; } .card .icon-big { font-size: 3em; min-height: 64px; } .card .numbers { font-size: 2em; text-align: right; } .card .numbers p { margin: 0; } .card ul.team-members li { padding: 10px 0px; } .card ul.team-members li:not(:last-child) { border-bottom: 1px solid #F1EAE0; } .card .btn-primary { background-color: #f96332; color: #FFFFFF; } .card .btn-primary:hover, .card .btn-primary:focus, .card .btn-primary:active, .card .btn-primary.active, .card .btn-primary:active:focus, .card .btn-primary:active:hover, .card .btn-primary.active:focus, .card .btn-primary.active:hover, .open > .card .btn-primary.dropdown-toggle, .open > .card .btn-primary.dropdown-toggle:focus, .open > .card .btn-primary.dropdown-toggle:hover { background-color: #427C89; color: #FFFFFF; } .card .btn-primary.disabled, .card .btn-primary.disabled:hover, .card .btn-primary.disabled:focus, .card .btn-primary.disabled.focus, .card .btn-primary.disabled:active, .card .btn-primary.disabled.active, .card .btn-primary:disabled, .card .btn-primary:disabled:hover, .card .btn-primary:disabled:focus, .card .btn-primary:disabled.focus, .card .btn-primary:disabled:active, .card .btn-primary:disabled.active, .card .btn-primary[disabled], .card .btn-primary[disabled]:hover, .card .btn-primary[disabled]:focus, .card .btn-primary[disabled].focus, .card .btn-primary[disabled]:active, .card .btn-primary[disabled].active, fieldset[disabled] .card .btn-primary, fieldset[disabled] .card .btn-primary:hover, fieldset[disabled] .card .btn-primary:focus, fieldset[disabled] .card .btn-primary.focus, fieldset[disabled] .card .btn-primary:active, fieldset[disabled] .card .btn-primary.active { background-color: #f96332; border-color: #f96332; } .card .btn-primary.focus, .card .btn-primary:focus { -webkit-box-shadow: none; box-shadow: none; } .card .btn-primary.btn-simple { color: #f96332; border-color: #f96332; } .card .btn-primary.btn-simple:hover, .card .btn-primary.btn-simple:focus, .card .btn-primary.btn-simple:active { background-color: transparent; color: #427C89; border-color: #427C89; } .card .btn-primary.btn-link { color: #f96332; } .card .btn-primary.btn-link:hover, .card .btn-primary.btn-link:focus, .card .btn-primary.btn-link:active { background-color: transparent; color: #427C89; text-decoration: none; } .card .btn-success { background-color: #18ce0f; color: #FFFFFF; } .card .btn-success:hover, .card .btn-success:focus, .card .btn-success:active, .card .btn-success.active, .card .btn-success:active:focus, .card .btn-success:active:hover, .card .btn-success.active:focus, .card .btn-success.active:hover, .open > .card .btn-success.dropdown-toggle, .open > .card .btn-success.dropdown-toggle:focus, .open > .card .btn-success.dropdown-toggle:hover { background-color: #15b60d; color: #FFFFFF; } .card .btn-success.disabled, .card .btn-success.disabled:hover, .card .btn-success.disabled:focus, .card .btn-success.disabled.focus, .card .btn-success.disabled:active, .card .btn-success.disabled.active, .card .btn-success:disabled, .card .btn-success:disabled:hover, .card .btn-success:disabled:focus, .card .btn-success:disabled.focus, .card .btn-success:disabled:active, .card .btn-success:disabled.active, .card .btn-success[disabled], .card .btn-success[disabled]:hover, .card .btn-success[disabled]:focus, .card .btn-success[disabled].focus, .card .btn-success[disabled]:active, .card .btn-success[disabled].active, fieldset[disabled] .card .btn-success, fieldset[disabled] .card .btn-success:hover, fieldset[disabled] .card .btn-success:focus, fieldset[disabled] .card .btn-success.focus, fieldset[disabled] .card .btn-success:active, fieldset[disabled] .card .btn-success.active { background-color: #18ce0f; border-color: #18ce0f; } .card .btn-success.focus, .card .btn-success:focus { -webkit-box-shadow: none; box-shadow: none; } .card .btn-success.btn-simple { color: #18ce0f; border-color: #18ce0f; } .card .btn-success.btn-simple:hover, .card .btn-success.btn-simple:focus, .card .btn-success.btn-simple:active { background-color: transparent; color: #15b60d; border-color: #15b60d; } .card .btn-success.btn-link { color: #18ce0f; } .card .btn-success.btn-link:hover, .card .btn-success.btn-link:focus, .card .btn-success.btn-link:active { background-color: transparent; color: #15b60d; text-decoration: none; } .card .btn-info { background-color: #067ec1; color: #FFFFFF; } .card .btn-info:hover, .card .btn-info:focus, .card .btn-info:active, .card .btn-info.active, .card .btn-info:active:focus, .card .btn-info:active:hover, .card .btn-info.active:focus, .card .btn-info.active:hover, .open > .card .btn-info.dropdown-toggle, .open > .card .btn-info.dropdown-toggle:focus, .open > .card .btn-info.dropdown-toggle:hover { background-color: #0688d0; color: #FFFFFF; } .card .btn-info.disabled, .card .btn-info.disabled:hover, .card .btn-info.disabled:focus, .card .btn-info.disabled.focus, .card .btn-info.disabled:active, .card .btn-info.disabled.active, .card .btn-info:disabled, .card .btn-info:disabled:hover, .card .btn-info:disabled:focus, .card .btn-info:disabled.focus, .card .btn-info:disabled:active, .card .btn-info:disabled.active, .card .btn-info[disabled], .card .btn-info[disabled]:hover, .card .btn-info[disabled]:focus, .card .btn-info[disabled].focus, .card .btn-info[disabled]:active, .card .btn-info[disabled].active, fieldset[disabled] .card .btn-info, fieldset[disabled] .card .btn-info:hover, fieldset[disabled] .card .btn-info:focus, fieldset[disabled] .card .btn-info.focus, fieldset[disabled] .card .btn-info:active, fieldset[disabled] .card .btn-info.active { background-color: #067ec1; border-color: #067ec1; } .card .btn-info.focus, .card .btn-info:focus { -webkit-box-shadow: none; box-shadow: none; } .card .btn-info.btn-simple { color: #067ec1; border-color: #067ec1; } .card .btn-info.btn-simple:hover, .card .btn-info.btn-simple:focus, .card .btn-info.btn-simple:active { background-color: transparent; color: #0688d0; border-color: #0688d0; } .card .btn-info.btn-link { color: #067ec1; } .card .btn-info.btn-link:hover, .card .btn-info.btn-link:focus, .card .btn-info.btn-link:active { background-color: transparent; color: #0688d0; text-decoration: none; } .card .btn-warning { background-color: #FFB236; color: #FFFFFF; } .card .btn-warning:hover, .card .btn-warning:focus, .card .btn-warning:active, .card .btn-warning.active, .card .btn-warning:active:focus, .card .btn-warning:active:hover, .card .btn-warning.active:focus, .card .btn-warning.active:hover, .open > .card .btn-warning.dropdown-toggle, .open > .card .btn-warning.dropdown-toggle:focus, .open > .card .btn-warning.dropdown-toggle:hover { background-color: #ffa81d; color: #FFFFFF; } .card .btn-warning.disabled, .card .btn-warning.disabled:hover, .card .btn-warning.disabled:focus, .card .btn-warning.disabled.focus, .card .btn-warning.disabled:active, .card .btn-warning.disabled.active, .card .btn-warning:disabled, .card .btn-warning:disabled:hover, .card .btn-warning:disabled:focus, .card .btn-warning:disabled.focus, .card .btn-warning:disabled:active, .card .btn-warning:disabled.active, .card .btn-warning[disabled], .card .btn-warning[disabled]:hover, .card .btn-warning[disabled]:focus, .card .btn-warning[disabled].focus, .card .btn-warning[disabled]:active, .card .btn-warning[disabled].active, fieldset[disabled] .card .btn-warning, fieldset[disabled] .card .btn-warning:hover, fieldset[disabled] .card .btn-warning:focus, fieldset[disabled] .card .btn-warning.focus, fieldset[disabled] .card .btn-warning:active, fieldset[disabled] .card .btn-warning.active { background-color: #FFB236; border-color: #FFB236; } .card .btn-warning.focus, .card .btn-warning:focus { -webkit-box-shadow: none; box-shadow: none; } .card .btn-warning.btn-simple { color: #FFB236; border-color: #FFB236; } .card .btn-warning.btn-simple:hover, .card .btn-warning.btn-simple:focus, .card .btn-warning.btn-simple:active { background-color: transparent; color: #ffa81d; border-color: #ffa81d; } .card .btn-warning.btn-link { color: #FFB236; } .card .btn-warning.btn-link:hover, .card .btn-warning.btn-link:focus, .card .btn-warning.btn-link:active { background-color: transparent; color: #ffa81d; text-decoration: none; } .card .btn-danger { background-color: #FF3636; color: #FFFFFF; } .card .btn-danger:hover, .card .btn-danger:focus, .card .btn-danger:active, .card .btn-danger.active, .card .btn-danger:active:focus, .card .btn-danger:active:hover, .card .btn-danger.active:focus, .card .btn-danger.active:hover, .open > .card .btn-danger.dropdown-toggle, .open > .card .btn-danger.dropdown-toggle:focus, .open > .card .btn-danger.dropdown-toggle:hover { background-color: #ff1d1d; color: #FFFFFF; } .card .btn-danger.disabled, .card .btn-danger.disabled:hover, .card .btn-danger.disabled:focus, .card .btn-danger.disabled.focus, .card .btn-danger.disabled:active, .card .btn-danger.disabled.active, .card .btn-danger:disabled, .card .btn-danger:disabled:hover, .card .btn-danger:disabled:focus, .card .btn-danger:disabled.focus, .card .btn-danger:disabled:active, .card .btn-danger:disabled.active, .card .btn-danger[disabled], .card .btn-danger[disabled]:hover, .card .btn-danger[disabled]:focus, .card .btn-danger[disabled].focus, .card .btn-danger[disabled]:active, .card .btn-danger[disabled].active, fieldset[disabled] .card .btn-danger, fieldset[disabled] .card .btn-danger:hover, fieldset[disabled] .card .btn-danger:focus, fieldset[disabled] .card .btn-danger.focus, fieldset[disabled] .card .btn-danger:active, fieldset[disabled] .card .btn-danger.active { background-color: #FF3636; border-color: #FF3636; } .card .btn-danger.focus, .card .btn-danger:focus { -webkit-box-shadow: none; box-shadow: none; } .card .btn-danger.btn-simple { color: #FF3636; border-color: #FF3636; } .card .btn-danger.btn-simple:hover, .card .btn-danger.btn-simple:focus, .card .btn-danger.btn-simple:active { background-color: transparent; color: #ff1d1d; border-color: #ff1d1d; } .card .btn-danger.btn-link { color: #FF3636; } .card .btn-danger.btn-link:hover, .card .btn-danger.btn-link:focus, .card .btn-danger.btn-link:active { background-color: transparent; color: #ff1d1d; text-decoration: none; } .card .btn-neutral { background-color: #FFFFFF; color: #FFFFFF; } .card .btn-neutral:hover, .card .btn-neutral:focus, .card .btn-neutral:active, .card .btn-neutral.active, .card .btn-neutral:active:focus, .card .btn-neutral:active:hover, .card .btn-neutral.active:focus, .card .btn-neutral.active:hover, .open > .card .btn-neutral.dropdown-toggle, .open > .card .btn-neutral.dropdown-toggle:focus, .open > .card .btn-neutral.dropdown-toggle:hover { background-color: #FFFFFF; color: #FFFFFF; } .card .btn-neutral.disabled, .card .btn-neutral.disabled:hover, .card .btn-neutral.disabled:focus, .card .btn-neutral.disabled.focus, .card .btn-neutral.disabled:active, .card .btn-neutral.disabled.active, .card .btn-neutral:disabled, .card .btn-neutral:disabled:hover, .card .btn-neutral:disabled:focus, .card .btn-neutral:disabled.focus, .card .btn-neutral:disabled:active, .card .btn-neutral:disabled.active, .card .btn-neutral[disabled], .card .btn-neutral[disabled]:hover, .card .btn-neutral[disabled]:focus, .card .btn-neutral[disabled].focus, .card .btn-neutral[disabled]:active, .card .btn-neutral[disabled].active, fieldset[disabled] .card .btn-neutral, fieldset[disabled] .card .btn-neutral:hover, fieldset[disabled] .card .btn-neutral:focus, fieldset[disabled] .card .btn-neutral.focus, fieldset[disabled] .card .btn-neutral:active, fieldset[disabled] .card .btn-neutral.active { background-color: #FFFFFF; border-color: #FFFFFF; } .card .btn-neutral.focus, .card .btn-neutral:focus { -webkit-box-shadow: none; box-shadow: none; } .card .btn-neutral.btn-danger { color: #FF3636; } .card .btn-neutral.btn-danger:hover, .card .btn-neutral.btn-danger:focus, .card .btn-neutral.btn-danger:active { color: #ff1d1d; } .card .btn-neutral.btn-info { color: #FFFFFF; } .card .btn-neutral.btn-info:hover, .card .btn-neutral.btn-info:focus, .card .btn-neutral.btn-info:active { color: #0688d0; } .card .btn-neutral.btn-warning { color: #FFFFFF; } .card .btn-neutral.btn-warning:hover, .card .btn-neutral.btn-warning:focus, .card .btn-neutral.btn-warning:active { color: #ffa81d; } .card .btn-neutral.btn-success { color: #FFFFFF; } .card .btn-neutral.btn-success:hover, .card .btn-neutral.btn-success:focus, .card .btn-neutral.btn-success:active { color: #15b60d; } .card .btn-neutral.btn-default { color: #FFFFFF; } .card .btn-neutral.btn-default:hover, .card .btn-neutral.btn-default:focus, .card .btn-neutral.btn-default:active { color: #403D39; } .card .btn-neutral.active, .card .btn-neutral:active:focus, .card .btn-neutral:active:hover, .card .btn-neutral.active:focus, .card .btn-neutral.active:hover, .open > .card .btn-neutral.dropdown-toggle, .open > .card .btn-neutral.dropdown-toggle:focus, .open > .card .btn-neutral.dropdown-toggle:hover { background-color: #FFFFFF; color: #f96332; } .card .btn-neutral:hover, .card .btn-neutral:focus, .card .btn-neutral:active { color: #427C89; } .card .btn-neutral.btn-simple { color: #FFFFFF; border-color: #FFFFFF; } .card .btn-neutral.btn-simple:hover, .card .btn-neutral.btn-simple:focus, .card .btn-neutral.btn-simple:active { background-color: transparent; color: #FFFFFF; border-color: #FFFFFF; } .card .btn-neutral.btn-link { color: #FFFFFF; } .card .btn-neutral.btn-link:hover, .card .btn-neutral.btn-link:focus, .card .btn-neutral.btn-link:active { background-color: transparent; color: #FFFFFF; text-decoration: none; } .card-user .image { border-radius: 8px 8px 0 0; height: 150px; position: relative; overflow: hidden; } .card-user .image img { width: 100%; } .card-user .image-plain { height: 0; margin-top: 110px; } .card-user .author { text-align: center; text-transform: none; margin-top: -65px; } .card-user .author .title { color: #403D39; } .card-user .author .title small { color: #ccc5b9; } .card-user .avatar { width: 100px; height: 100px; border-radius: 50%; position: relative; margin-bottom: 15px; } .card-user .avatar.border-white { border: 5px solid #FFFFFF; } .card-user .avatar.border-gray { border: 5px solid #ccc5b9; } .card-user .title { font-weight: 600; line-height: 24px; } .card-user .description { margin-top: 10px; } .card-user .content { min-height: 200px; } .card-user.card-plain .avatar { height: 190px; width: 190px; } .card-map .map { height: 500px; padding-top: 20px; } .card-map .map > div { height: 100%; } .card-user .footer, .card-price .footer { padding: 5px 15px 10px; } .card-user hr, .card-price hr { margin: 5px 15px; } .card-plain { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .card-plain .image { border-radius: 4px; } .ct-label { fill: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); font-size: 0.9em; line-height: 1; } .ct-chart-line .ct-label, .ct-chart-bar .ct-label { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; } .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; } .ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; } .ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; } .ct-grid { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 2px; } .ct-point { stroke-width: 10px; stroke-linecap: round; } .ct-line { fill: none; stroke-width: 4px; } .ct-area { stroke: none; fill-opacity: 0.7; } .ct-bar { fill: none; stroke-width: 10px; } .ct-slice-donut { fill: none; stroke-width: 60px; } .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: #067ec1; } .ct-series-a .ct-slice-pie, .ct-series-a .ct-area { fill: #067ec1; } .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: #FFB236; } .ct-series-b .ct-slice-pie, .ct-series-b .ct-area { fill: #FFB236; } .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { stroke: #FF3636; } .ct-series-c .ct-slice-pie, .ct-series-c .ct-area { fill: #FF3636; } .ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { stroke: #18ce0f; } .ct-series-d .ct-slice-pie, .ct-series-d .ct-area { fill: #18ce0f; } .ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { stroke: #f96332; } .ct-series-e .ct-slice-pie, .ct-series-e .ct-area { fill: #f96332; } .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { stroke: rgba(6, 126, 193, 0.8); } .ct-series-f .ct-slice-pie, .ct-series-f .ct-area { fill: rgba(6, 126, 193, 0.8); } .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { stroke: rgba(24, 206, 15, 0.8); } .ct-series-g .ct-slice-pie, .ct-series-g .ct-area { fill: rgba(24, 206, 15, 0.8); } .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { stroke: rgba(255, 178, 54, 0.8); } .ct-series-h .ct-slice-pie, .ct-series-h .ct-area { fill: rgba(255, 178, 54, 0.8); } .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { stroke: rgba(255, 54, 54, 0.8); } .ct-series-i .ct-slice-pie, .ct-series-i .ct-area { fill: rgba(255, 54, 54, 0.8); } .ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { stroke: rgba(249, 99, 50, 0.8); } .ct-series-j .ct-slice-pie, .ct-series-j .ct-area { fill: rgba(249, 99, 50, 0.8); } .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { stroke: rgba(6, 126, 193, 0.6); } .ct-series-k .ct-slice-pie, .ct-series-k .ct-area { fill: rgba(6, 126, 193, 0.6); } .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { stroke: rgba(24, 206, 15, 0.6); } .ct-series-l .ct-slice-pie, .ct-series-l .ct-area { fill: rgba(24, 206, 15, 0.6); } .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { stroke: rgba(255, 178, 54, 0.6); } .ct-series-m .ct-slice-pie, .ct-series-m .ct-area { fill: rgba(255, 178, 54, 0.6); } .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { stroke: rgba(255, 54, 54, 0.6); } .ct-series-n .ct-slice-pie, .ct-series-n .ct-area { fill: rgba(255, 54, 54, 0.6); } .ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { stroke: rgba(249, 99, 50, 0.6); } .ct-series-o .ct-slice-pie, .ct-series-o .ct-area { fill: rgba(249, 99, 50, 0.6); } .ct-square { display: block; position: relative; width: 100%; } .ct-square:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 100%; } .ct-square:after { content: ""; display: table; clear: both; } .ct-square > svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-second { display: block; position: relative; width: 100%; } .ct-minor-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 93.75%; } .ct-minor-second:after { content: ""; display: table; clear: both; } .ct-minor-second > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-second { display: block; position: relative; width: 100%; } .ct-major-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 88.88888889%; } .ct-major-second:after { content: ""; display: table; clear: both; } .ct-major-second > svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-third { display: block; position: relative; width: 100%; } .ct-minor-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 83.33333333%; } .ct-minor-third:after { content: ""; display: table; clear: both; } .ct-minor-third > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-third { display: block; position: relative; width: 100%; } .ct-major-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 80%; } .ct-major-third:after { content: ""; display: table; clear: both; } .ct-major-third > svg { display: block; position: absolute; top: 0; left: 0; } .ct-perfect-fourth { display: block; position: relative; width: 100%; } .ct-perfect-fourth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 75%; } .ct-perfect-fourth:after { content: ""; display: table; clear: both; } .ct-perfect-fourth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-perfect-fifth { display: block; position: relative; width: 100%; } .ct-perfect-fifth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 66.66666667%; } .ct-perfect-fifth:after { content: ""; display: table; clear: both; } .ct-perfect-fifth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-sixth { display: block; position: relative; width: 100%; } .ct-minor-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 62.5%; } .ct-minor-sixth:after { content: ""; display: table; clear: both; } .ct-minor-sixth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-golden-section { display: block; position: relative; width: 100%; } .ct-golden-section:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 61.80469716%; } .ct-golden-section:after { content: ""; display: table; clear: both; } .ct-golden-section > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-sixth { display: block; position: relative; width: 100%; } .ct-major-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 60%; } .ct-major-sixth:after { content: ""; display: table; clear: both; } .ct-major-sixth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-seventh { display: block; position: relative; width: 100%; } .ct-minor-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 56.25%; } .ct-minor-seventh:after { content: ""; display: table; clear: both; } .ct-minor-seventh > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-seventh { display: block; position: relative; width: 100%; } .ct-major-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 53.33333333%; } .ct-major-seventh:after { content: ""; display: table; clear: both; } .ct-major-seventh > svg { display: block; position: absolute; top: 0; left: 0; } .ct-octave { display: block; position: relative; width: 100%; } .ct-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 50%; } .ct-octave:after { content: ""; display: table; clear: both; } .ct-octave > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-tenth { display: block; position: relative; width: 100%; } .ct-major-tenth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 40%; } .ct-major-tenth:after { content: ""; display: table; clear: both; } .ct-major-tenth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-eleventh { display: block; position: relative; width: 100%; } .ct-major-eleventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 37.5%; } .ct-major-eleventh:after { content: ""; display: table; clear: both; } .ct-major-eleventh > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-twelfth { display: block; position: relative; width: 100%; } .ct-major-twelfth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 33.33333333%; } .ct-major-twelfth:after { content: ""; display: table; clear: both; } .ct-major-twelfth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-double-octave { display: block; position: relative; width: 100%; } .ct-double-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 25%; } .ct-double-octave:after { content: ""; display: table; clear: both; } .ct-double-octave > svg { display: block; position: absolute; top: 0; left: 0; } @media (min-width: 992px) { .navbar { min-height: 75px; } .navbar-form { margin-top: 21px; margin-bottom: 21px; padding-left: 5px; padding-right: 5px; } .navbar-search-form { display: none; } .navbar-nav > li > .dropdown-menu, .dropdown .dropdown-menu { -webkit-transform: translate3d(0px, -40px, 0px); transform: translate3d(0px, -40px, 0px); -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; } .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .navbar-nav > li > .dropdown-menu:before { border-bottom: 11px solid #F1EAE0; border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; position: absolute; right: 12px; top: -11px; } .navbar-nav > li > .dropdown-menu:after { border-bottom: 11px solid #FFFCF5; border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; position: absolute; right: 12px; top: -10px; } .navbar-nav.navbar-left > li > .dropdown-menu:before { right: auto; left: 12px; } .navbar-nav.navbar-left > li > .dropdown-menu:after { right: auto; left: 12px; } .navbar .navbar-header { margin-left: 10px; } .footer:not(.footer-big) nav > ul li:first-child { margin-left: 0; } body > .navbar-collapse.collapse { display: none !important; } .card form [class*="col-"] { padding: 6px; } .card form [class*="col-"]:first-child { padding-left: 15px; } .card form [class*="col-"]:last-child { padding-right: 15px; } } /* Changes for small display */ @media (max-width: 991px) { .sidebar { display: none; } .main-panel { width: 100%; } .navbar-transparent { padding-top: 15px; background-color: rgba(0, 0, 0, 0.45); } body { position: relative; } h6 { font-size: 1em; } .wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); left: 0; background-color: white; } .navbar .container { left: 0; width: 100%; -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); position: relative; } .navbar .navbar-collapse.collapse, .navbar .navbar-collapse.collapse.in, .navbar .navbar-collapse.collapsing { display: none !important; } .navbar-nav > li { float: none; position: relative; display: block; } .off-canvas-sidebar { position: fixed; display: block; top: 0; height: 100%; width: 230px; right: 0; z-index: 1032; visibility: visible; background-color: #999; overflow-y: visible; border-top: none; text-align: left; padding-right: 0px; padding-left: 0; -webkit-transform: translate3d(230px, 0, 0); transform: translate3d(230px, 0, 0); -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); } .off-canvas-sidebar .sidebar-wrapper { position: relative; z-index: 3; overflow-y: scroll; height: 100%; -webkit-box-shadow: inset 1px 0px 0px 0px #DDDDDD; box-shadow: inset 1px 0px 0px 0px #DDDDDD; } .off-canvas-sidebar .nav { margin-top: 0; padding: 10px 15px 0; } .off-canvas-sidebar .nav > li > a { margin: 0px 0px; color: #2c2c2c; text-transform: uppercase; font-weight: 600; font-size: 0.8571em; line-height: 1.4em; padding: 10px 0; } .off-canvas-sidebar .nav > li > a:hover, .off-canvas-sidebar .nav > li > a.active { color: #403D39; } .off-canvas-sidebar .nav > li > a p, .off-canvas-sidebar .nav > li > a .notification, .off-canvas-sidebar .nav > li > a .caret { display: inline-block; } .off-canvas-sidebar .nav > li > a .caret { float: right; position: relative; top: 12px; } .off-canvas-sidebar .nav > li > a i { font-size: 18px; margin-right: 10px; line-height: 26px; } .off-canvas-sidebar .nav > li.active > a:before { border-right: none; border-left: 12px solid #DDDDDD; border-top: 12px solid transparent; border-bottom: 12px solid transparent; right: auto; margin-left: -15px; left: 0px; top: 10px; } .off-canvas-sidebar .nav > li.active > a:after { border-right: none; border-left: 12px solid #ebeff2; border-top: 12px solid transparent; border-bottom: 12px solid transparent; right: auto; margin-left: -15px; left: -1px; top: 10px; } .off-canvas-sidebar::after { top: 0; left: 0; height: 100%; width: 100%; position: absolute; background-color: #ebeff2; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, rgba(112, 112, 112, 0)), to(rgba(186, 186, 186, 0.15))); background-image: linear-gradient(to bottom, transparent 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%); display: block; content: ""; z-index: 1; } .off-canvas-sidebar.has-image::after { top: 0; left: 0; height: 100%; width: 100%; position: absolute; background-color: rgba(17, 17, 17, 0.8); display: block; content: ""; z-index: 1; } .off-canvas-sidebar .logo { position: relative; z-index: 4; padding-top: 11px; padding-bottom: 11px; } .off-canvas-sidebar .divider { height: 1px; margin: 10px 0; } .nav-open .navbar-collapse { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .nav-open .navbar .container { left: -230px; } .nav-open .wrapper { left: 0; -webkit-transform: translate3d(-230px, 0, 0); transform: translate3d(-230px, 0, 0); } .navbar-toggle .icon-bar { display: block; position: relative; background: #fff; width: 24px; height: 2px; border-radius: 1px; margin: 0 auto; } .navbar-header .navbar-toggle { margin: 10px 15px 10px 0; width: 40px; height: 40px; } .bar1, .bar2, .bar3 { outline: 1px solid transparent; } .bar1 { top: 0px; -webkit-animation: topbar-back 500ms linear 0s; animation: topbar-back 500ms 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .bar2 { opacity: 1; } .bar3 { bottom: 0px; -webkit-animation: bottombar-back 500ms linear 0s; animation: bottombar-back 500ms 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .toggled .bar1 { top: 6px; -webkit-animation: topbar-x 500ms linear 0s; animation: topbar-x 500ms 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .toggled .bar2 { opacity: 0; } .toggled .bar3 { bottom: 6px; -webkit-animation: bottombar-x 500ms linear 0s; animation: bottombar-x 500ms 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes topbar-x { 0% { top: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 45% { top: 6px; -webkit-transform: rotate(145deg); transform: rotate(145deg); } 75% { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 100% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } } @-webkit-keyframes topbar-x { 0% { top: 0px; -webkit-transform: rotate(0deg); } 45% { top: 6px; -webkit-transform: rotate(145deg); } 75% { -webkit-transform: rotate(130deg); } 100% { -webkit-transform: rotate(135deg); } } @keyframes topbar-back { 0% { top: 6px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 45% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100% { top: 0px; -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes topbar-back { 0% { top: 6px; -webkit-transform: rotate(135deg); } 45% { -webkit-transform: rotate(-10deg); } 75% { -webkit-transform: rotate(5deg); } 100% { top: 0px; -webkit-transform: rotate(0); } } @keyframes bottombar-x { 0% { bottom: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 45% { bottom: 6px; -webkit-transform: rotate(-145deg); transform: rotate(-145deg); } 75% { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 100% { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } } @-webkit-keyframes bottombar-x { 0% { bottom: 0px; -webkit-transform: rotate(0deg); } 45% { bottom: 6px; -webkit-transform: rotate(-145deg); } 75% { -webkit-transform: rotate(-130deg); } 100% { -webkit-transform: rotate(-135deg); } } @keyframes bottombar-back { 0% { bottom: 6px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } 45% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 75% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { bottom: 0px; -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes bottombar-back { 0% { bottom: 6px; -webkit-transform: rotate(-135deg); } 45% { -webkit-transform: rotate(10deg); } 75% { -webkit-transform: rotate(-5deg); } 100% { bottom: 0px; -webkit-transform: rotate(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .dropdown-menu .divider { background-color: rgba(229, 229, 229, 0.15); } .navbar-nav { margin: 1px 0; } .dropdown-menu { display: none; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent; } .navbar-fixed-top { -webkit-backface-visibility: hidden; } #bodyClick { height: 100%; width: 100%; position: fixed; opacity: 0; top: 0; left: auto; right: 230px; content: ""; z-index: 9999; overflow-x: hidden; } .form-control + .form-control-feedback { margin-top: -8px; } .navbar-toggle:hover, .navbar-toggle:focus { background-color: transparent !important; } .btn.dropdown-toggle { margin-bottom: 0; } .media-post .author { width: 20%; float: none !important; display: block; margin: 0 auto 10px; } .media-post .media-body { width: 100%; } .navbar-collapse.collapse { height: 100% !important; } .navbar-collapse.collapse.in { display: block; } .navbar-header .collapse, .navbar-toggle { display: block !important; } .navbar-header { float: none; } .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .main-panel > .content { padding-left: 0; padding-right: 0; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; } .footer .copyright { padding: 0px 15px; width: 100%; } } @media (min-width: 992px) { .table-full-width { margin-left: -15px; margin-right: -15px; } .table-responsive { overflow: visible; } } @media (max-width: 991px) { .table-responsive { width: 100%; margin-bottom: 15px; border: 1px solid #dddddd; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } } .form-container { border: 0; border-radius: 2px; display: inline-block; position: relative; overflow: hidden; width: 100%; /*margin-bottom: 20px;*/ font-weight: bold; } .form-container h6 { font-size: 15px; padding: 7px; background-color: rgba(222, 222, 222, 0.3); } .form-container .form-container-body { padding: 8px; } /* * Licensing: http://www.pixeden.com/icon-fonts/stroke-7-icon-font-set */ @font-face { font-family: 'Pe-icon-7-stroke'; src: url("../../fonts/Pe-icon-7-stroke.eot?d7yf1v"); src: url("../../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("../../fonts/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("../../fonts/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("../../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg"); font-weight: normal; font-style: normal; } [class^="pe-7s-"], [class*=" pe-7s-"] { display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* HELPER CLASS * -------------------------- */ /* FA based classes */ /*! Modified from font-awesome helper CSS classes - PIXEDEN * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (CSS: MIT License) */ /* makes the font 33% larger relative to the icon container */ .pe-lg { font-size: 18.62px; line-height: 0.75em; vertical-align: -15%; } .pe-2x { font-size: 28px; } .pe-3x { font-size: 42px; } .pe-4x { font-size: 56px; } .pe-5x { font-size: 70px; } .pe-fw { width: 1.2857142857142858em; text-align: center; } .pe-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .pe-ul > li { position: relative; } .pe-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; } .pe-li.pe-lg { left: -1.8571428571428572em; } .pe-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pe.pull-left { float: left; margin-right: .3em; margin-left: .3em; } .pe-spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .pe-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .pe-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pe-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); transform: rotate(270deg); } .pe-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .pe-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); transform: scale(1, -1); } .pe-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .pe-stack-1x, .pe-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .pe-stack-1x { line-height: inherit; } .pe-stack-2x { font-size: 2em; } .pe-inverse { color: #ffffff; } /* Custom classes / mods - PIXEDEN */ .pe-va { vertical-align: middle; } .pe-border { border: solid 0.08em #eaeaea; } .pe-7s-album:before { content: "\E6AA"; } .pe-7s-arc:before { content: "\E6AB"; } .pe-7s-back-2:before { content: "\E6AC"; } .pe-7s-bandaid:before { content: "\E6AD"; } .pe-7s-car:before { content: "\E6AE"; } .pe-7s-diamond:before { content: "\E6AF"; } .pe-7s-door-lock:before { content: "\E6B0"; } .pe-7s-eyedropper:before { content: "\E6B1"; } .pe-7s-female:before { content: "\E6B2"; } .pe-7s-gym:before { content: "\E6B3"; } .pe-7s-hammer:before { content: "\E6B4"; } .pe-7s-headphones:before { content: "\E6B5"; } .pe-7s-helm:before { content: "\E6B6"; } .pe-7s-hourglass:before { content: "\E6B7"; } .pe-7s-leaf:before { content: "\E6B8"; } .pe-7s-magic-wand:before { content: "\E6B9"; } .pe-7s-male:before { content: "\E6BA"; } .pe-7s-map-2:before { content: "\E6BB"; } .pe-7s-next-2:before { content: "\E6BC"; } .pe-7s-paint-bucket:before { content: "\E6BD"; } .pe-7s-pendrive:before { content: "\E6BE"; } .pe-7s-photo:before { content: "\E6BF"; } .pe-7s-piggy:before { content: "\E6C0"; } .pe-7s-plugin:before { content: "\E6C1"; } .pe-7s-refresh-2:before { content: "\E6C2"; } .pe-7s-rocket:before { content: "\E6C3"; } .pe-7s-settings:before { content: "\E6C4"; } .pe-7s-shield:before { content: "\E6C5"; } .pe-7s-smile:before { content: "\E6C6"; } .pe-7s-usb:before { content: "\E6C7"; } .pe-7s-vector:before { content: "\E6C8"; } .pe-7s-wine:before { content: "\E6C9"; } .pe-7s-cloud-upload:before { content: "\E68A"; } .pe-7s-cash:before { content: "\E68C"; } .pe-7s-close:before { content: "\E680"; } .pe-7s-bluetooth:before { content: "\E68D"; } .pe-7s-cloud-download:before { content: "\E68B"; } .pe-7s-way:before { content: "\E68E"; } .pe-7s-close-circle:before { content: "\E681"; } .pe-7s-id:before { content: "\E68F"; } .pe-7s-angle-up:before { content: "\E682"; } .pe-7s-wristwatch:before { content: "\E690"; } .pe-7s-angle-up-circle:before { content: "\E683"; } .pe-7s-world:before { content: "\E691"; } .pe-7s-angle-right:before { content: "\E684"; } .pe-7s-volume:before { content: "\E692"; } .pe-7s-angle-right-circle:before { content: "\E685"; } .pe-7s-users:before { content: "\E693"; } .pe-7s-angle-left:before { content: "\E686"; } .pe-7s-user-female:before { content: "\E694"; } .pe-7s-angle-left-circle:before { content: "\E687"; } .pe-7s-up-arrow:before { content: "\E695"; } .pe-7s-angle-down:before { content: "\E688"; } .pe-7s-switch:before { content: "\E696"; } .pe-7s-angle-down-circle:before { content: "\E689"; } .pe-7s-scissors:before { content: "\E697"; } .pe-7s-wallet:before { content: "\E600"; } .pe-7s-safe:before { content: "\E698"; } .pe-7s-volume2:before { content: "\E601"; } .pe-7s-volume1:before { content: "\E602"; } .pe-7s-voicemail:before { content: "\E603"; } .pe-7s-video:before { content: "\E604"; } .pe-7s-user:before { content: "\E605"; } .pe-7s-upload:before { content: "\E606"; } .pe-7s-unlock:before { content: "\E607"; } .pe-7s-umbrella:before { content: "\E608"; } .pe-7s-trash:before { content: "\E609"; } .pe-7s-tools:before { content: "\E60A"; } .pe-7s-timer:before { content: "\E60B"; } .pe-7s-ticket:before { content: "\E60C"; } .pe-7s-target:before { content: "\E60D"; } .pe-7s-sun:before { content: "\E60E"; } .pe-7s-study:before { content: "\E60F"; } .pe-7s-stopwatch:before { content: "\E610"; } .pe-7s-star:before { content: "\E611"; } .pe-7s-speaker:before { content: "\E612"; } .pe-7s-signal:before { content: "\E613"; } .pe-7s-shuffle:before { content: "\E614"; } .pe-7s-shopbag:before { content: "\E615"; } .pe-7s-share:before { content: "\E616"; } .pe-7s-server:before { content: "\E617"; } .pe-7s-search:before { content: "\E618"; } .pe-7s-film:before { content: "\E6A5"; } .pe-7s-science:before { content: "\E619"; } .pe-7s-disk:before { content: "\E6A6"; } .pe-7s-ribbon:before { content: "\E61A"; } .pe-7s-repeat:before { content: "\E61B"; } .pe-7s-refresh:before { content: "\E61C"; } .pe-7s-add-user:before { content: "\E6A9"; } .pe-7s-refresh-cloud:before { content: "\E61D"; } .pe-7s-paperclip:before { content: "\E69C"; } .pe-7s-radio:before { content: "\E61E"; } .pe-7s-note2:before { content: "\E69D"; } .pe-7s-print:before { content: "\E61F"; } .pe-7s-network:before { content: "\E69E"; } .pe-7s-prev:before { content: "\E620"; } .pe-7s-mute:before { content: "\E69F"; } .pe-7s-power:before { content: "\E621"; } .pe-7s-medal:before { content: "\E6A0"; } .pe-7s-portfolio:before { content: "\E622"; } .pe-7s-like2:before { content: "\E6A1"; } .pe-7s-plus:before { content: "\E623"; } .pe-7s-left-arrow:before { content: "\E6A2"; } .pe-7s-play:before { content: "\E624"; } .pe-7s-key:before { content: "\E6A3"; } .pe-7s-plane:before { content: "\E625"; } .pe-7s-joy:before { content: "\E6A4"; } .pe-7s-photo-gallery:before { content: "\E626"; } .pe-7s-pin:before { content: "\E69B"; } .pe-7s-phone:before { content: "\E627"; } .pe-7s-plug:before { content: "\E69A"; } .pe-7s-pen:before { content: "\E628"; } .pe-7s-right-arrow:before { content: "\E699"; } .pe-7s-paper-plane:before { content: "\E629"; } .pe-7s-delete-user:before { content: "\E6A7"; } .pe-7s-paint:before { content: "\E62A"; } .pe-7s-bottom-arrow:before { content: "\E6A8"; } .pe-7s-notebook:before { content: "\E62B"; } .pe-7s-note:before { content: "\E62C"; } .pe-7s-next:before { content: "\E62D"; } .pe-7s-news-paper:before { content: "\E62E"; } .pe-7s-musiclist:before { content: "\E62F"; } .pe-7s-music:before { content: "\E630"; } .pe-7s-mouse:before { content: "\E631"; } .pe-7s-more:before { content: "\E632"; } .pe-7s-moon:before { content: "\E633"; } .pe-7s-monitor:before { content: "\E634"; } .pe-7s-micro:before { content: "\E635"; } .pe-7s-menu:before { content: "\E636"; } .pe-7s-map:before { content: "\E637"; } .pe-7s-map-marker:before { content: "\E638"; } .pe-7s-mail:before { content: "\E639"; } .pe-7s-mail-open:before { content: "\E63A"; } .pe-7s-mail-open-file:before { content: "\E63B"; } .pe-7s-magnet:before { content: "\E63C"; } .pe-7s-loop:before { content: "\E63D"; } .pe-7s-look:before { content: "\E63E"; } .pe-7s-lock:before { content: "\E63F"; } .pe-7s-lintern:before { content: "\E640"; } .pe-7s-link:before { content: "\E641"; } .pe-7s-like:before { content: "\E642"; } .pe-7s-light:before { content: "\E643"; } .pe-7s-less:before { content: "\E644"; } .pe-7s-keypad:before { content: "\E645"; } .pe-7s-junk:before { content: "\E646"; } .pe-7s-info:before { content: "\E647"; } .pe-7s-home:before { content: "\E648"; } .pe-7s-help2:before { content: "\E649"; } .pe-7s-help1:before { content: "\E64A"; } .pe-7s-graph3:before { content: "\E64B"; } .pe-7s-graph2:before { content: "\E64C"; } .pe-7s-graph1:before { content: "\E64D"; } .pe-7s-graph:before { content: "\E64E"; } .pe-7s-global:before { content: "\E64F"; } .pe-7s-gleam:before { content: "\E650"; } .pe-7s-glasses:before { content: "\E651"; } .pe-7s-gift:before { content: "\E652"; } .pe-7s-folder:before { content: "\E653"; } .pe-7s-flag:before { content: "\E654"; } .pe-7s-filter:before { content: "\E655"; } .pe-7s-file:before { content: "\E656"; } .pe-7s-expand1:before { content: "\E657"; } .pe-7s-exapnd2:before { content: "\E658"; } .pe-7s-edit:before { content: "\E659"; } .pe-7s-drop:before { content: "\E65A"; } .pe-7s-drawer:before { content: "\E65B"; } .pe-7s-download:before { content: "\E65C"; } .pe-7s-display2:before { content: "\E65D"; } .pe-7s-display1:before { content: "\E65E"; } .pe-7s-diskette:before { content: "\E65F"; } .pe-7s-date:before { content: "\E660"; } .pe-7s-cup:before { content: "\E661"; } .pe-7s-culture:before { content: "\E662"; } .pe-7s-crop:before { content: "\E663"; } .pe-7s-credit:before { content: "\E664"; } .pe-7s-copy-file:before { content: "\E665"; } .pe-7s-config:before { content: "\E666"; } .pe-7s-compass:before { content: "\E667"; } .pe-7s-comment:before { content: "\E668"; } .pe-7s-coffee:before { content: "\E669"; } .pe-7s-cloud:before { content: "\E66A"; } .pe-7s-clock:before { content: "\E66B"; } .pe-7s-check:before { content: "\E66C"; } .pe-7s-chat:before { content: "\E66D"; } .pe-7s-cart:before { content: "\E66E"; } .pe-7s-camera:before { content: "\E66F"; } .pe-7s-call:before { content: "\E670"; } .pe-7s-calculator:before { content: "\E671"; } .pe-7s-browser:before { content: "\E672"; } .pe-7s-box2:before { content: "\E673"; } .pe-7s-box1:before { content: "\E674"; } .pe-7s-bookmarks:before { content: "\E675"; } .pe-7s-bicycle:before { content: "\E676"; } .pe-7s-bell:before { content: "\E677"; } .pe-7s-battery:before { content: "\E678"; } .pe-7s-ball:before { content: "\E679"; } .pe-7s-back:before { content: "\E67A"; } .pe-7s-attention:before { content: "\E67B"; } .pe-7s-anchor:before { content: "\E67C"; } .pe-7s-albums:before { content: "\E67D"; } .pe-7s-alarm:before { content: "\E67E"; } .pe-7s-airplay:before { content: "\E67F"; }