File manager - Edit - G:/PleskVhosts/fullscreenksa.com/Falafel.fullscreenksa.com/assets/css/rtlsystem.css
Back
.border-circle { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .clear { display: block; overflow: hidden; } html, body { min-height: 100%; } body.font-roboto { font-family: 'Roboto', sans-serif; } body.font-source-sans-pro { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; } body.font-source-sans-pro .sidebar-main ul#sidebar-main > li > a { font-size: 15px; } body.font-lato { font-family: 'Lato', sans-serif; } body.font-lora { font-family: 'Lora', serif; } body.font-helvetica { font-family: 'Helvetica Neue', sans-serif; } #wrapper { width: 100%; min-height: 100%; background-color: #EBF0F3; float: right; } #page-wrapper { background: #132035; } #topbar { position: relative; background-color: #FFFFFF; width: 100%; height: 60px; min-height: 60px; margin-bottom: 0; } #topbar.navbar-default { border: 0; } #topbar #topbar-menu { padding: 0; border-bottom: 1px solid rgba(204, 204, 204, 0.11); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05); } #topbar #topbar-menu ul.navbar-nav > li { height: 60px; } #topbar #topbar-menu ul.navbar-nav > li > a > i { position: relative; top: 2px; font-size: 18px; color: #BFBEC2; } #topbar #topbar-menu ul.navbar-nav > li > a > span.badge { position: absolute; top: 10px; left: 8px; } #topbar #topbar-menu ul.navbar-nav > li:last-child { border-left: 0 !important; } #topbar #topbar-menu ul.navbar-nav > li.active a { color: #777777; background-color: #f7f7f8; } #topbar #topbar-menu ul.navbar-nav > li > a { padding: 19px; } #topbar #topbar-menu ul.navbar-nav > li > a:hover, #topbar #topbar-menu ul.navbar-nav > li > a:focus { color: #777777; background-color: #f7f7f8; } #topbar #topbar-menu ul.navbar-nav > li.open > a { color: #777777; background-color: #e6e6e6; } #topbar #topbar-menu ul.navbar-nav > li.open > a:hover, #topbar #topbar-menu ul.navbar-nav > li.open > a:focus { color: #777777; background-color: #f7f7f8; } #topbar #topbar-menu ul.navbar-nav > li > ul li { border-bottom: 1px solid #f2f2f2; } #topbar #topbar-menu ul.navbar-nav > li > ul li:last-child { border-bottom: 0; } #topbar #topbar-menu ul.navbar-nav > li > ul li a:hover, #topbar #topbar-menu ul.navbar-nav > li > ul li a:focus { color: #777777; background-color: #f7f7f8; } #topbar #topbar-menu ul.navbar-nav > li > ul li a:hover .hint, #topbar #topbar-menu ul.navbar-nav > li > ul li a:focus .hint { color: #FFFFFF; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar { width: 230px; min-width: 0; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li { float: right; width: 100%; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li a:hover, #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li a:focus { background: #f7f7f8 !important; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li ul { padding: 0; margin: 0; list-style: none; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li ul li a { padding: 10px 10px; display: block; font-size: 12px; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li:first-child a { border-top: 0; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li.last a { background-color: #f5f5f7; width: 100%; border-top: 0; padding: 10px 15px; text-align: left; font-size: 12px; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li.last a:hover { text-decoration: underline; } #topbar #topbar-menu ul.navbar-nav > li ul.dropdown-topbar li p { padding: 13px 15px; margin-bottom: 0; background-color: #2196f3; color: #FFFFFF; } #topbar #topbar-menu ul.navbar-nav.logo-wrapper { width: 250px; } #topbar #topbar-menu ul.navbar-nav.logo-wrapper > li #menu-toggle { padding: 20px 16px 19px 17px; cursor: pointer; } #topbar #topbar-menu ul.navbar-nav.logo-wrapper > li #menu-toggle i { font-size: 20px; color: rgba(191, 190, 194, 0.74); } #topbar #topbar-menu ul.navbar-nav.logo-wrapper > li #menu-toggle:hover i { color: #aaa; } #topbar #topbar-menu ul.navbar-nav.logo-wrapper > li #logo:hover { background: transparent; } #topbar #topbar-menu ul.navbar-nav.logo-wrapper.topbar-nav > li { padding: 17px 0; } #topbar #topbar-menu ul.navbar-nav.logo-wrapper.in-sidebar { background: #132035; } #topbar #topbar-menu ul.navbar-nav.navbar-left #note-app-toggle { padding: 3px 10px; margin: 19px 0; } #topbar #topbar-menu ul.navbar-nav.navbar-left #note-app-toggle i { font-size: 10px; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-task { width: 250px; min-width: 0; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts { width: 250px; min-width: 0; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li { float: right; width: 100%; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li a:hover, #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li a:focus { background: #EFEFF0 !important; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li ul { padding: 0; margin: 0; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li ul li a { padding: 15px; display: block; font-size: 12px; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li ul li a span { margin-left: 10px; padding: 3px; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li ul li a span i { font-size: 14px; color: #FFFFFF; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li:first-child a { border-top: 0; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li.last a { background: #f7f7f8; width: 100%; border-top: 0; padding: 10px 15px; text-align: left; font-size: 12px; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li.last a:hover { text-decoration: underline; } #topbar #topbar-menu ul.navbar-nav.navbar-left ul.dropdown-alerts li p { padding: 13px 15px; margin-bottom: 0; background: #07bf29; color: #ffffff; } #topbar #topbar-menu ul.navbar-nav.navbar-left .dropdown-slimscroll ul li.unread a { background: #f7f7f8 !important; color: #000; } #topbar #topbar-menu ul.navbar-nav.navbar-left .dropdown-slimscroll ul li.unread span.text-muted { font-weight: normal; color: #333; } #topbar #topbar-menu ul.navbar-nav.navbar-right:last-child { margin-left: 0; } #topbar #topbar-menu ul.navbar-nav.navbar-right > li { border-left: 0 !important; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user { left: 0; right: auto; padding: 0px; overflow: hidden; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user a:hover { background-color: transparent; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user .navbar-content { width: 320px; padding: 15px; padding-bottom: 0px; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user .navbar-content:before, #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user .navbar-content:after { display: table; content: ""; line-height: 0; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user .navbar-content a.change-avatar { padding: 10px 0; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user .navbar-content a.change-avatar:hover { color: #2196f3; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user .navbar-nav.navbar-right:last-child { margin-left: 15px !important; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user .navbar-footer { background-color: #f0f0f1; } #topbar #topbar-menu ul.navbar-nav.navbar-right .dropdown-user .navbar-footer-content { padding: 15px; } .page-horizontal-menu { display: none; } body.layout-header-fixed .page-header-topbar #topbar { position: fixed; top: 0px; right: inherit; z-index: 999; } body.layout-header-fixed #wrapper { margin-top: 60px; } body.layout-header-fixed.layout-full-width .page-horizontal-menu { display: block; position: fixed; top: 59px; z-index: 999; border-top: 1px solid #ccc; } body.layout-header-fixed.layout-full-width #wrapper { margin-top: 100px; } body.layout-header-dark #topbar { background: #132035; } body.layout-header-dark #topbar #topbar-menu { border-bottom-color: rgba(204, 204, 204, 0.17); } body.layout-header-dark #topbar #topbar-menu ul.navbar-nav > li > a:hover, body.layout-header-dark #topbar #topbar-menu ul.navbar-nav > li.open > a:hover, body.layout-header-dark #topbar #topbar-menu ul.navbar-nav > li > a:focus, body.layout-header-dark #topbar #topbar-menu ul.navbar-nav > li.open > a:focus { background: #0c1522; color: #fff; } body.layout-header-dark #topbar #topbar-menu ul.navbar-nav > li.open > a, body.layout-header-dark #topbar #topbar-menu ul.navbar-nav > li.open.open > a { background: #0c1522; } .sidebar { width: 250px; color: #777777; } .sidebar .sidebar-wrapper { width: 250px; } .sidebar-main { float: right; background-color: #132035; } .sidebar-main ul#sidebar-main > li > h4.sidebar-title-section { margin: 0px; padding: 15px 15px; color: #2196f3; font-weight: 400; font-size: 12px; text-transform: uppercase; } .sidebar-main ul#sidebar-main > li > a { padding: 15px 25px; color: #B7BBC4; font-size: 14px; } .sidebar-main ul#sidebar-main > li > a:hover, .sidebar-main ul#sidebar-main > li > a:focus { background-color: rgba(255, 255, 255, 0.03); color: #fff; } .sidebar-main ul#sidebar-main > li > a:hover i[class*="icon-"], .sidebar-main ul#sidebar-main > li > a:focus i[class*="icon-"] { color: #BCBCBC; } .sidebar-main ul#sidebar-main > li > a > i[class*="icon-"] { font-size: 16px; margin-left: 20px; color: #586683; } .sidebar-main ul#sidebar-main > li > a > span.label, .sidebar-main ul#sidebar-main > li > a span.badge { float: left; } .sidebar-main ul#sidebar-main > li > a > .arrow { font-weight: 300; } .sidebar-main ul#sidebar-main > li > a > .arrow:before { float: left; width: 10px; text-align: center; margin-top: -1px; margin-left: 5px; margin-right: 5px; display: inline; font-size: 16px; font-family: 'FontAwesome'; height: auto; content: "\f104"; color: #586683; } .sidebar-main ul#sidebar-main > li > ul.nav-second-level { background-color: #101b2d; } .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li.active > a { background-color: rgba(255, 255, 255, 0.05); color: #fff; } .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li.active > a > .arrow:before { content: "\f107"; } .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a { padding: 15px 60px 15px 25px; color: #898989; font-size: 14px; } .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a:hover, .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a:focus { background-color: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.8); } .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a > i[class*="icon-"] { font-size: 16px; margin-left: 20px; color: #4f5155; } .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a > span.label, .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a span.badge { float: left; } .sidebar-main ul#sidebar-main > li.open > a { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.05); } .sidebar-main ul#sidebar-main > li.open > a > i[class*="icon-"] { color: #FFFFFF; } .sidebar-main ul#sidebar-main > li.open > a > .arrow:before { content: "\f107"; } .sidebar-main ul#sidebar-main > li.active > a { background-color: #2196f3; color: #fff; } .sidebar-main ul#sidebar-main > li.active > a > i[class*="icon-"] { color: #FFFFFF; } .sidebar-main ul#sidebar-main > li.sidebar-search { padding: 15px 15px; } .sidebar-main ul#sidebar-main > li.sidebar-search i:hover { cursor: pointer; color: #C7C7C7; } .sidebar-main ul#sidebar-main > li.sidebar-search input.form-control { background-color: transparent; border: 0; padding: 0px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); color: #a7acb5; } .sidebar-main ul#sidebar-main > li.sidebar-search input.form-control::-moz-placeholder { color: #a7acb5; opacity: 1; } .sidebar-main ul#sidebar-main > li.sidebar-search input.form-control:-ms-input-placeholder { color: #a7acb5; } .sidebar-main ul#sidebar-main > li.sidebar-search input.form-control::-webkit-input-placeholder { color: #a7acb5; } .sidebar-main ul#sidebar-main > li.sidebar-divider { padding-top: 10px; background-color: rgba(255, 255, 255, 0.05); } .layout-sidebar-fixed #topbar .navbar-nav.logo-wrapper { position: fixed; width: 250px; } .layout-sidebar-fixed #topbar .navbar-nav.navbar-left { margin-right: 250px; } .layout-sidebar-fixed .sidebar { position: fixed; top: 60px; right: inherit !important; z-index: 9999; } .layout-sidebar-fixed.layout-sidebar-collapsed #topbar .navbar-nav.navbar-left { margin-right: 50px; } .layout-sidebar-collapsed #topbar #topbar-menu ul.navbar-nav.in-sidebar { width: 50px; height: 60px; } .layout-sidebar-collapsed #topbar #topbar-menu ul.navbar-nav.in-sidebar #logo { display: none; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main { width: 50px; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search, .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-hide { display: none; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li:hover > a { color: #fff; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li:hover > a > .menu-title { display: block; padding: 15px; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li:hover > a > i[class*="icon-"] { color: #FFFFFF; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li:hover > ul.nav-second-level { display: block; position: absolute; top: 50px; right: 50px; width: 195px; z-index: 9999; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li:hover > ul.nav-second-level > li > a { padding-right: 15px; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a { padding: 15px; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > i[class*="icon-"] { font-size: 16px; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .menu-title { position: absolute; top: 0; right: 50px; margin-right: 0; background-color: #2196f3; border-bottom: 1px solid rgba(0, 0, 0, 0.07); color: #ffffff; width: 195px; z-index: 9999; display: none; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .badge { position: absolute; left: 0; top: 0; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .arrow { display: none; } .layout-sidebar-collapsed #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > ul.nav-second-level { display: none; height: auto !important; } .layout-sidebar-collapsed #wrapper #page-wrapper .page-content { margin: 0 50px 0 0; } .layout-sidebar-collapsed #footer { padding-right: 50px; } .layout-sidebar-hide #topbar #topbar-menu ul.navbar-nav.in-sidebar { width: 50px; height: 60px; } .layout-sidebar-hide #topbar #topbar-menu ul.navbar-nav.in-sidebar .pull-left { display: none; } .layout-sidebar-hide #wrapper #page-wrapper .sidebar-main { display: none; } .layout-sidebar-hide #wrapper #page-wrapper .page-content { margin-right: 0px; } .layout-sidebar-hide #footer { padding-right: 0px; } body.sidebar-color-blue #topbar #topbar-menu ul.navbar-nav.in-sidebar { background: #0d47a1; } body.sidebar-color-blue #wrapper #page-wrapper { background-color: #0d47a1; } body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main { background-color: #0d47a1; } body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search i { color: #6985C0; } body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-moz-placeholder { color: #ffffff; opacity: 1; } body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control:-ms-input-placeholder { color: #ffffff; } body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-webkit-input-placeholder { color: #ffffff; } body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .menu-title, body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > i[class*="icon-"], body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .arrow:before { color: #ccc; } body.sidebar-color-blue #wrapper #page-wrapper .sidebar-main ul.nav-second-level { background-color: #0b3d89; } body.sidebar-color-blue #footer { background-color: #0d47a1; } body.sidebar-color-green #topbar #topbar-menu ul.navbar-nav.in-sidebar { background: #004d40; } body.sidebar-color-green #wrapper #page-wrapper { background-color: #004d40; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main { background-color: #004d40; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main .sidebar-title-section { color: #21F37D; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .menu-title, body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > i[class*="icon-"], body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .arrow:before { color: #ccc; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a:hover > .menu-title, body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a:hover > i[class*="icon-"] { color: #fff; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search i { color: #FFFFFF; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-moz-placeholder { color: #ffffff; opacity: 1; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control:-ms-input-placeholder { color: #ffffff; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-webkit-input-placeholder { color: #ffffff; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a { background: #00806a; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a > .menu-title, body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.open > a > .menu-title, body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a > i[class*="icon-"], body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.open > a > i[class*="icon-"] { color: #fff; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul.nav-second-level { background-color: #00332b; } body.sidebar-color-green #wrapper #page-wrapper .sidebar-main ul.nav-second-level a:hover { color: #fff; } body.sidebar-color-green #footer { background: #004d40; } body.sidebar-color-green.layout-sidebar-collapsed ul#sidebar-main > li:hover > ul.nav-second-level { background-color: #00806a !important; } body.sidebar-color-green.layout-sidebar-collapsed ul#sidebar-main > li > a > .menu-title { background-color: #004d40 !important; } body.sidebar-color-orange #topbar #topbar-menu ul.navbar-nav.in-sidebar { background: #d94a3d; } body.sidebar-color-orange #wrapper #page-wrapper { background-color: #d94a3d; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main { background-color: #d94a3d; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main .sidebar-title-section { color: #21F37D; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .menu-title, body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > i[class*="icon-"], body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .arrow:before { color: #ccc; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a:hover > .menu-title, body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a:hover > i[class*="icon-"] { color: #fff; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search i { color: #FFFFFF; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-moz-placeholder { color: #ffffff; opacity: 1; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control:-ms-input-placeholder { color: #ffffff; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-webkit-input-placeholder { color: #ffffff; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a > .menu-title, body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.open > a > .menu-title, body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a > i[class*="icon-"], body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.open > a > i[class*="icon-"] { color: #fff; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a { background: #E8683A; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul.nav-second-level { background-color: #be3225; } body.sidebar-color-orange #wrapper #page-wrapper .sidebar-main ul.nav-second-level a:hover { color: #fff; } body.sidebar-color-orange #footer { background: #d94a3d; } body.sidebar-color-orange.layout-sidebar-collapsed ul#sidebar-main > li:hover > ul.nav-second-level { background-color: #e17268 !important; } body.sidebar-color-orange.layout-sidebar-collapsed ul#sidebar-main > li > a > .menu-title { background-color: #d94a3d !important; } body.sidebar-color-white #topbar #topbar-menu ul.navbar-nav.in-sidebar { background: #fff; } body.sidebar-color-white #wrapper #page-wrapper { background-color: #FFFFFF; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main { background-color: #FFFFFF; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a { background-color: #EBF0F3; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search i { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control { background-color: rgba(0, 0, 0, 0.05); } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-moz-placeholder { color: #777777; opacity: 1; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control:-ms-input-placeholder { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-webkit-input-placeholder { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li h4.sidebar-title-section { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a:hover { background-color: #ECEFF1; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > i { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .arrow:before { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > ul.nav-second-level { background-color: #e0e0e0; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a > i { color: #777777; } body.sidebar-color-white #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > ul.nav-second-level > li > a:hover { color: #000; } body.sidebar-color-white #footer { background: #fff; } body.sidebar-color-white.layout-sidebar-collapsed ul#sidebar-main > li:hover i { color: #000 !important; } body.sidebar-color-white.layout-sidebar-collapsed ul#sidebar-main > li:hover > ul.nav-second-level { background-color: #f9f9f9 !important; } body.sidebar-color-white.layout-sidebar-collapsed ul#sidebar-main > li > a > .menu-title { background-color: #EBF0F3 !important; color: #777777 !important; } body.sidebar-color-grey #topbar #topbar-menu ul.navbar-nav.in-sidebar { background: #37474f; } body.sidebar-color-grey #wrapper #page-wrapper { background-color: #37474f; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main { background-color: #37474f; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main .sidebar-title-section { color: #7c96a3; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .menu-title, body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > i[class*="icon-"], body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a > .arrow:before { color: #ccc; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a:hover > .menu-title, body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li > a:hover > i[class*="icon-"] { color: #fff; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search i { color: #FFFFFF; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-moz-placeholder { color: #ffffff; opacity: 1; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control:-ms-input-placeholder { color: #ffffff; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.sidebar-search .form-control::-webkit-input-placeholder { color: #ffffff; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a:hover, body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.open > a:hover { background: rgba(255, 255, 255, 0.16); } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a > .menu-title, body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.open > a > .menu-title, body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a > i[class*="icon-"], body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.open > a > i[class*="icon-"] { color: #FFEFEF; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul#sidebar-main > li.active > a { background: #28343a; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul.nav-second-level { background-color: #2d3940; } body.sidebar-color-grey #wrapper #page-wrapper .sidebar-main ul.nav-second-level a:hover { color: #fff; } body.sidebar-color-grey #footer { background-color: #37474f; } body.sidebar-color-grey.layout-sidebar-collapsed ul#sidebar-main > li:hover > ul.nav-second-level { background-color: #4c626d !important; } body.sidebar-color-grey.layout-sidebar-collapsed ul#sidebar-main > li > a > .menu-title { background-color: #37474f !important; } .page-horizontal-menu { position: relative; float: right; width: 100%; margin-top: 1px; } .mega-menu-dropdown { position: static; } .mega-menu-dropdown.mega-menu-full .dropdown-menu { right: 20px; left: 20px; } .mega-menu-dropdown > .dropdown-menu { right: auto; width: auto; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content { padding: 10px; margin: 0; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu { *width: auto !important; padding: 0px 15px !important; margin: 0 !important; border-left: 1px solid #eeeeee; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child { border-left: 0; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li { padding: 2px !important; margin: 0 !important; list-style: none; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li h3 { color: #555555; margin-top: 10px; padding-right: 5px; font-size: 15px; font-weight: normal; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a { padding: 5px !important; margin: 0 !important; font-weight: normal; display: block; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a:hover { background: #f0f0f0; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a i { margin-left: 5px; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu { border-left: none; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a { text-align: center; padding: 30px 5px !important; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a:hover { background: transparent; } .mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a i { font-size: 50px; display: block; width: 100%; margin-bottom: 20px; } #horizontal-menu { background-color: #f8fafb; border-bottom: 1px solid #e5e5e5; } #horizontal-menu ul > li.active > a, #horizontal-menu ul > li.open > a { background-color: #ff5722; color: #FFFFFF; } #horizontal-menu ul > li > a { position: relative; padding-top: 12px; padding-bottom: 12px; border-left: 1px solid #e5e5e5; } #horizontal-menu ul > li > a i { margin-left: 10px; font-size: 16px; -webkit-text-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2); text-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2); } #horizontal-menu ul > li > a .badge { margin-right: 10px; vertical-align: top; } #horizontal-menu ul > li > a:hover { background-color: #ff5722; color: #FFFFFF; } .page-title-breadcrumb { padding: 10px 20px; background: rgba(255, 255, 255, 0.55); -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05), 0 0px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05), 0 0px 0 rgba(0, 0, 0, 0.05); height: 70px; } .page-title-breadcrumb .page-header { margin: 0; padding: 0; border-bottom: 0; } .page-title-breadcrumb .page-header .page-title { font-size: 25px; font-weight: 300; display: inline-block; padding-top: 5px; } .page-title-breadcrumb .page-header .page-subtitle { font-size: 14px; font-weight: 300; color: #bcbcbc; display: inline-block; } .page-title-breadcrumb .breadcrumb { float: left; margin-bottom: 0; padding-right: 0; padding-left: 0; border-radius: 0; background: transparent; padding-top: 17px; margin-right: 10px; } .page-title-breadcrumb .breadcrumb li + li:before { content: ""; padding: 0; } .page-title-breadcrumb .charts-inline { padding-top: 4px; list-style: none; } .page-title-breadcrumb .charts-inline .chart-title { display: inline-block; vertical-align: bottom; } .page-title-breadcrumb .charts-inline .sparkbar { font-size: 25px; vertical-align: bottom; } .page-title-breadcrumb .charts-inline .sparkbar canvas { vertical-align: baseline !important; } .page-title-breadcrumb .view-code-wrapper { margin-top: 14px; } #topbar-chat > a { padding-top: 21px !important; } .chat-form-wrapper { position: absolute; left: 0; top: 0; bottom: 0; z-index: 9999; position: fixed; min-height: 0px; } #chat-form { position: absolute; left: 0; top: 0; bottom: 0; width: 280px; background: #132035; z-index: 9999; -webkit-box-shadow: 0px 0px 3px #d7d7d7 !important; box-shadow: 0px 0px 3px #d7d7d7 !important; display: none; } #chat-form.fixed { position: fixed; min-height: 0 !important; } #chat-form .chat-inner { overflow: auto; height: 100%; } #chat-form .chat-header { font-size: 16px; color: #ffffff; padding: 22px 35px; height: 61px; margin: 0; border-bottom: 1px solid #20375b; position: relative; } #chat-form .chat-header .chat-form-close { color: #9c9c9c; font-size: 13px; } #chat-form .chat-header .chat-form-close:hover { color: #E7E7E7; } #chat-form .chat-group { margin-top: 10px; } #chat-form .chat-group > h4.group-title { text-transform: uppercase; color: #7E7E7E; display: block; padding: 6px 35px; font-size: 14px; } #chat-form .chat-group > a { display: block; padding: 12px 35px; position: relative; color: #C6C6C6; text-decoration: none; } #chat-form .chat-group > a .badge { font-size: 9px; margin-right: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #chat-form .chat-group > a .badge.is-hidden { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } #chat-form .chat-group > a.active { background: #1a2b48; } #chat-form .chat-group > a:hover { background: #1a2b48; } #chat-form .chat-theme-setting { padding: 12px 35px; border-top: 1px solid #20375b; } #chat-form .chat-theme-setting #setting-theme-chat .switch-left { background: #132035; } #chat-form img.avt { vertical-align: middle; margin-left: 8px; } #chat-form .user-status { margin-right: -5px; position: absolute; bottom: 13px; right: 63px; } .user-status { display: inline-block; background: #575d67; margin-left: 5px; width: 8px; height: 8px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 8 !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } .user-status.is-online { background-color: #06b53c; } .user-status.is-busy { background-color: #ee4749; } .user-status.is-idle { background-color: #f7d227; } .user-status.is-offline { background-color: #666666; } #chat-box { position: absolute; left: 0px; width: 340px; bottom: 0px; background: #132035; -webkit-box-shadow: 0px 0px 3px #d7d7d7 !important; box-shadow: 0px 0px 3px #d7d7d7 !important; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; display: none; z-index: 1; } #chat-box .chat-box-header { padding: 20px 24px; font-size: 14px; color: #E0E0E0; background: #132035; border-bottom: 1px solid #20375b; } #chat-box .chat-box-header .chat-box-close, #chat-box .chat-box-header .chat-box-minimize-btn { color: #9c9c9c; font-size: 13px; } #chat-box .chat-box-header .chat-box-close:hover, #chat-box .chat-box-header .chat-box-minimize-btn:hover { color: #E7E7E7; } #chat-box .chat-box-header small { color: #BBBBBB; font-size: 12px; padding-right: 8px; } #chat-box .chat-content { height: 250px; background: #0f192a; } #chat-box ul.chat-box-body { list-style: none; margin: 0; padding: 0; overflow: auto; height: 250px; } #chat-box ul.chat-box-body > li { padding: 20px 24px; padding-bottom: 5px; padding-top: 0px; } #chat-box ul.chat-box-body > li:before { content: " "; display: table; } #chat-box ul.chat-box-body > li:after { clear: both; content: " "; display: table; } #chat-box ul.chat-box-body > li.odd { background: #121e31; } #chat-box ul.chat-box-body > li .user { font-weight: bold; color: #E0E0E0; } #chat-box ul.chat-box-body > li .user:after { content: ':'; } #chat-box ul.chat-box-body > li .time { float: left; font-style: italic; color: #a9a9a9; font-size: 11px; margin-top: 12px; } #chat-box ul.chat-box-body > li p { margin: 10px 0 8.5px; color: #E0E0E0; } #chat-box .chat-textarea { padding: 20px 24px; position: relative; background: #0f192a; } .avt { width: 30px; height: 30px; border-radius: 50%; vertical-align: middle; } .chat-box-wrapper { width: 60px; height: 60px; background: transparent; position: absolute; bottom: 0px; left: 280px; } .chat-box-wrapper .chat-box-minimize { display: none; } .chat-box-wrapper .chat-box-minimize img { border-radius: 50%; margin: auto; margin-top: 4px; border: 1px solid #2196f3; background: #2196f3; cursor: pointer; } .chat-box-wrapper .chat-box-minimize span.user-status { position: absolute; bottom: 8px; right: 37px; } .chat-form-wrapper.light #chat-form { background: #FAFAFA; border: 1px solid #E7E7E7; } .chat-form-wrapper.light #chat-form .chat-header { color: #6A7489; border-bottom-color: #EBEBEB; } .chat-form-wrapper.light .chat-theme-setting { border-top-color: #EBEBEB !important; } .chat-form-wrapper.light #chat-form .chat-group > strong { color: #6A7489; } .chat-form-wrapper.light #chat-form .chat-group > a { color: #1E3B4E; } .chat-form-wrapper.light #chat-form .chat-group > a:hover { background: #EBF0F3; } .chat-form-wrapper.light #chat-form .chat-group > a.active { background: #E7E8E8; } .chat-form-wrapper.light #chat-box { background: #FAFAFA; border: 1px solid #E7E7E7; } .chat-form-wrapper.light #chat-box .chat-box-header { color: #6A7489; border-bottom-color: #EBEBEB; background: #E7E8E8 !important; } .chat-form-wrapper.light #chat-box .chat-textarea, .chat-form-wrapper.light #chat-box .chat-content { background: #FAFAFA !important; } .chat-form-wrapper.light #chat-box ul.chat-box-body > li.odd { background: #F0F0F0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .chat-form-wrapper.light #chat-box ul.chat-box-body > li p, .chat-form-wrapper.light #chat-box ul.chat-box-body > li span.user { color: #6A7489; } .chat-form-wrapper.light #chat-box ul.chat-box-body > li span.time { color: #7D7D7D; } .page-content { margin: 0 250px 0 0; min-height: 700px; height: 100%; background-color: #EBF0F3; border-right: 1px solid #e5e5e5; } .page-content > .box-content { display: table; width: 100%; height: 100%; min-height: 828px; border-spacing: 0; table-layout: fixed; } .page-content > .box-content > .content { position: relative; padding: 25px; display: table-cell; float: none; height: 100%; vertical-align: top; } .page-content > .box-content .sidebar-second { display: table-cell; float: none; height: 100%; vertical-align: top; background-color: #FFFFFF; padding: 10px 15px; } #footer { width: 100%; padding-right: 250px; background-color: #132035; color: #FFFFFF; font-size: 12px; text-align: left; float: right; } #footer .copyright { background-color: #F5F7F9; color: #646464; padding: 20px 15px; border-top: 1px solid #DADADA; border-right: 1px solid #DADADA; } .point-statistics .remaining-points { height: 150px; } .point-statistics .remaining-points h3 { font-weight: bold; font-size: 100px; margin-bottom: 0; } .point-statistics .remaining-points p { text-transform: uppercase; font-weight: bold; } .point-statistics .achieved-points { background-color: #2196f3; border: 1px solid #2196f3; padding: 8px 0; border-bottom-right-radius: 25px !important; border-top-right-radius: 25px !important; } .point-statistics .achieved-points h4 { color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; } .point-statistics .achieved-status { background-color: transparent; border: 1px solid #2196f3; padding: 8px 0; border-bottom-left-radius: 25px !important; border-top-left-radius: 25px !important; } .point-statistics .achieved-status h4 { color: #2196f3; font-size: 16px; font-weight: bold; margin: 0; } .point-statistics .chart-status { width: 35px; height: 200px; display: inline-block; background-color: #f5f5f5; margin-left: 15px; margin-top: 0px; position: relative; cursor: pointer; } .point-statistics .chart-status.active { border: 2px solid #07bf29; } .point-statistics .chart-status span { position: absolute; top: -20px; right: 5px; color: #999999; } .point-statistics .chart-status span.right { left: -10px; } .point-statistics .chart-status .my-point { background-color: #07bf29; width: 100%; position: absolute; bottom: 0; height: 45%; } .point-statistics .chart-s3 { height: 1px; width: 60px; background: #e5e5e5; position: absolute; top: 1px; right: -60px; } .point-statistics .chart-s3:before { position: absolute; top: -4px; right: 0; width: 9px; height: 9px; margin-right: -9px; background-color: #fff; border-color: #e5e5e5; border-style: solid; border-width: 1px; border-radius: 10px; content: ''; } .point-statistics .chart-s3.active { background-color: #07bf29; } .point-statistics .chart-s3.active:before { border-color: #07bf29; } .point-statistics .chart-s3.active span { color: #07bf29; } .point-statistics .chart-s2 { height: 1px; width: 60px; background: #e5e5e5; position: absolute; bottom: 149px; left: -60px; } .point-statistics .chart-s2:after { position: absolute; top: -4px; left: 0; width: 9px; height: 9px; margin-left: -9px; background-color: #fff; border-color: #e5e5e5; border-style: solid; border-width: 1px; border-radius: 10px; content: ''; } .point-statistics .chart-s2.active { background-color: #07bf29; } .point-statistics .chart-s2.active:before { border-color: #07bf29; } .point-statistics .chart-s2.active span { color: #07bf29; } .point-statistics .chart-s1 { height: 1px; width: 60px; background: #e5e5e5; position: absolute; bottom: 116px; right: -60px; } .point-statistics .chart-s1:before { position: absolute; top: -4px; right: 0; width: 9px; height: 9px; margin-right: -9px; background-color: #fff; border-color: #e5e5e5; border-style: solid; border-width: 1px; border-radius: 10px; content: ''; } .point-statistics .chart-s1.active { background-color: #07bf29; } .point-statistics .chart-s1.active:before { border-color: #07bf29; } .point-statistics .chart-s1.active span { color: #07bf29; } .page-form { width: 400px; margin: 10% auto 0 auto; } .page-form input[type='text'], .page-form input[type='password'], .page-form input[type='email'] { border: 0; padding: 0 !important; } .page-form input:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .page-form h1 { font-size: 20px; font-weight: 400; color: #777; margin: 0; } .page-form .header-content { padding: 5px 20px; } .page-form .body-content { padding: 15px 20px; position: relative; text-align: center; } .page-form .body-content .alert { text-align: right; } .page-form .body-content .list-group .list-group-item:first-child { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .page-form .body-content .list-group .list-group-item:last-child { border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } .page-form .btn-social { position: relative; padding-right: 50px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-form .btn-social :first-child { position: absolute; right: 0; top: 0; bottom: 0; width: 40px; line-height: 34px; font-size: 1.6em; text-align: center; border-left: 1px solid rgba(0, 0, 0, 0.05); } .page-form .btn-google-plus { color: #dd4b39; background-color: transparent; border-color: #dd4b39; } .page-form .btn-google-plus:hover { color: #FFFFFF; background-color: #dd4b39; } .demo-btn .btn { margin-bottom: 5px; margin-left: 5px; } .demo-btn { text-align: center; } .demo-btn button[data-pulsate] { margin: 20px; } .demo-btn-group { text-align: center; } .demo-btn-group > .btn-group { margin-bottom: 5px; margin-left: 5px; } .demo-btn-group { text-align: center; } .demo-btn-group > .btn-toolbar { display: inline-block; } .demo-btn-group > .btn-toolbar > .btn-group { margin-bottom: 5px; margin-left: 5px; } .demo-general .panel-body span.label { margin-right: 10px; } .demo-general .panel-body .btn { margin: 10px; } .demo-general .panel-body .badge[data-pulsate] { margin: 0 20px; } .demo-form-component .make-switch { margin: 5px; } body.layout-full-width .page-horizontal-menu { display: block; } body.layout-full-width #wrapper #page-wrapper .sidebar-main { display: none; } body.layout-full-width #wrapper #page-wrapper .page-content { margin: 0; } body.layout-full-width #footer { padding-right: 0px; } #template-setting { position: fixed; left: -255px; top: 61px; padding: 10px 13px; background-color: #f9f9f9; width: 250px; z-index: 9999; -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; -webkit-box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.07) !important; box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.07) !important; border: 1px solid #DDDDDD; } #template-setting .content-template-setting ul.sidebar-color li { cursor: pointer; width: 25px; height: 25px; margin: 5px; } #template-setting .content-template-setting ul.sidebar-color li.active { border-radius: 50% !important; } #template-setting .content-template-setting ul.sidebar-color li.blue { background-color: #0d47a1; } #template-setting .content-template-setting ul.sidebar-color li.white { background-color: #DBDBDB; } #template-setting .content-template-setting ul.sidebar-color li.green { background-color: #004d40; } #template-setting .content-template-setting ul.sidebar-color li.grey { background-color: #132035; } #template-setting .content-template-setting ul.sidebar-color li.orange { background-color: #d94a3d; } #template-setting .content-template-setting ul.sidebar-color li.grey-blue { background-color: #37474f; } .social-icons li a { border-radius: 50%; color: #fff; width: 30px; height: 30px; text-align: center; padding-top: 7px; display: block; } .social-icons li a:hover, .social-icons li a:focus { background: #ff5722; color: #ffffff; } .social-icons li a.facebook { background-color: #0A819C; } .social-icons li a.googleplus { background-color: #BF4346; } .social-icons li a.skype { background-color: #2980b9; } .social-icons li a.twitter { background-color: #3498db; } .social-icons li a.youtube { background-color: #e74c3c; } .world-map-markers .jvectormap-zoomout { bottom: 10px; } .world-map-markers .jvectormap-zoomin { bottom: 30px; } .world-map-markers .jvectormap-zoomin, .world-map-markers .jvectormap-zoomout { top: auto; height: 15px !important; width: 15px !important; padding: 2px !important; } .section-info { overflow: hidden; margin-top: 20px; } .section-info h3 { font-size: 24px; margin-bottom: 35px; margin-top: 10px; } .info-time { font-size: 14px; } .info-block { background-color: #F5F5F5; text-align: center; width: 47%; float: right; padding: 23px 0; } .info-block.last { float: left; } .info-block dl { margin: 0; font-size: 20px; } .info-block dl dt, .info-block dl dd { margin: 0 !important; padding: 0 !important; } .info-block dl dt { font-weight: bold; } .info-block dl dd { font-size: 14px; } .info-aapl { float: right; margin-top: 36px; } .info-aapl ul { margin-top: 18px; padding: 0; } .info-aapl li { margin: 0; display: block; width: 20px; height: 40px; margin-left: 6px; background-color: #F5F5F5; float: right; position: relative; } .info-aapl li span { display: block; width: 22px; height: 55px; position: absolute; bottom: 0; } .info-aapl li span.orange { background-color: #ff5722; } .info-aapl li span.green { background-color: #2196f3; } .yearly-change { float: left; margin-top: 36px; } .yearly-change span { margin-top: 18px; display: block; height: 40px; line-height: 40px; color: white; background-color: #2196f3; text-align: center; font-weight: bold; } .yearly-change span em { color: rgba(255, 255, 255, 0.7); } #map-visitor-markers .jvectormap-zoomin, #map-visitor-markers .jvectormap-zoomout { background: #2196f3 !important; } #map-visitor-chart .legend > div, #map-visitor-chart .legend > table { bottom: -100px !important; top: auto !important; right: 0 !important; left: auto !important; } .map-caption { background: #2196f3; color: #fff; } .widget-user .header { background: url('../images/bg08.jpg') no-repeat; color: #fdfdfd; } .widget-user .header .header-content { background: rgba(148, 64, 237, 0.94); padding: 10px 0px 30px; } .widget-user .header .header-content p { margin-bottom: 18px; } .widget-user .header .user-img { padding-left: 0px; padding-top: 20px; } .widget-user .header .user-img img { border: 2px solid #c5c5c5; } .widget-user .stats { background: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #d4d4d4; box-shadow: 0 1px 0 #EFEFEF; margin-bottom: 1px; } .widget-user .stat-item { float: right; line-height: 17px; padding: 15px 0 15px; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #fff; } .widget-user .stat-item a { color: #4c4c4c; } .widget-user .stat-item a:hover { color: #747474; } .widget-user .stat-item a > span { display: block; font-size: 25px; line-height: 25px; margin-bottom: 5px; } .widget-user ul.action-list { padding-right: 0 !important; list-style: none; } .widget-user ul.action-list li { display: table-cell; width: 1%; text-align: center; } .widget-user ul.action-list li a { display: block; background: #fff; border: none; padding: 15px; } .widget-user ul.action-list li a i { font-size: 20px; color: #4c4c4c; } .widget-user ul.action-list li a:hover { background: #fff; } .widget-user ul.action-list li a:hover i { color: #747474; } .widget-weather { color: #fff; background-image: url('../images/bg07.jpg'); background-position: 0px 0px; background-repeat: repeat-x; margin-bottom: 15px; -webkit-animation: animatedBackground 40s linear infinite; -moz-animation: animatedBackground 40s linear infinite; -ms-animation: animatedBackground 40s linear infinite; animation: animatedBackground 40s linear infinite; } .widget-weather .widget-header h5 { background: rgba(45, 33, 33, 0.15); padding: 15px 15px; margin-top: 0px; cursor: pointer; } .widget-weather .widget-body { padding: 10px 15px 15px 15px; background: rgba(33, 150, 243, 0.73); margin-top: -9px; } .widget-weather .date { display: inline-block; padding: 5px 20px 0px 10px; background: #057AD8; margin-right: -17px; margin-top: 0px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .widget-weather .time { font-size: 40px; } .widget-weather .time span { font-size: 15px; vertical-align: 15px; } .widget-weather .items { float: right; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.31); border-bottom: 1px solid rgba(255, 255, 255, 0.31); margin-top: 15px; padding-top: 15px; background: rgba(33, 150, 243, 0.47); } .widget-weather .item { text-align: center; } .widget-weather .item p.value { color: #F2DF98; } .widget-weather .stats p { font-weight: 100; } .widget-weather .stats span { font-weight: 400; float: left; } .widget-weather .stats .text-pink { color: #EC9DFA; } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 0% 0; } } @-webkit-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -300px 0; } } @-moz-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -300px 0; } } @-ms-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -300px 0; } } .page-profile .tab-content, .timeline .tab-content { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .page-profile .user-img img, .timeline .user-img img { box-shadow: -4px 6px 2px rgba(0, 0, 0, 0.07); -webkit-box-shadow: -4px 6px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: -4px 6px 2px rgba(0, 0, 0, 0.07); width: 165px; max-width: 100%; } .page-profile .profile-right-side, .timeline .profile-right-side { border-right: 1px solid #e0e0e0; } .page-profile .post-list, .timeline .post-list { border-bottom: 1px solid #e0e0e0; margin-top: 20px; padding-bottom: 15px; } .page-profile .post-list:last-child, .timeline .post-list:last-child { border-bottom: 0px; } .page-profile .avatar, .timeline .avatar { width: 60px; float: right; } .page-profile .post-body, .timeline .post-body { padding-right: 60px; } .page-profile .post-content, .timeline .post-content { margin-top: 10px; } .page-profile .summary, .timeline .summary { margin-top: 10px; } .page-profile .summary img, .timeline .summary img { height: 50px; float: right; } .page-profile .post-user, .timeline .post-user { color: #222; } .page-profile .post-title img, .timeline .post-title img { width: 20px; } .page-profile .post-title span, .timeline .post-title span { vertical-align: -2px; } .page-profile .article, .timeline .article { border-radius: 3px; border-color: #D8D8D8; border-width: 0px 1px 2px; border-style: solid; margin: 10px 0px 20px; border-top: 3px solid #ff5722; } .page-profile .article-warning, .timeline .article-warning { border-top: 3px solid #ffc107; } .page-profile .article-danger, .timeline .article-danger { border-top: 3px solid #ea2e49; } .page-profile .article-success, .timeline .article-success { border-top: 3px solid #07bf29; } .page-profile .article-info, .timeline .article-info { border-top: 3px solid #2196f3; } .page-profile .article-head, .timeline .article-head { padding: 17px 20px 15px; vertical-align: top; } .page-profile .article-title, .timeline .article-title { color: #262626; display: inline-block; font-size: 20px; font-weight: 300; font-family: "Roboto", arial, sans-serif; } .page-profile .article-body, .timeline .article-body { clear: both; color: #404040; overflow: hidden; padding: 0px 20px 10px; } .page-profile .st-section, .timeline .st-section { margin-bottom: 23px; } .page-profile .st-title, .timeline .st-title { font-size: 14px; font-weight: bold; color: #262626; font-family: "Roboto", arial, sans-serif; } .page-profile .st-description, .timeline .st-description { color: #aaa; font-size: 13px; line-height: 1.4; } .page-profile .article-footer, .timeline .article-footer { padding: 0px 20px 17px; font-size: 13px; } .page-profile .article-footer a, .timeline .article-footer a { color: #427FED; } .page-profile .lc-link, .timeline .lc-link { line-height: 34px; } .page-profile .ci-title, .timeline .ci-title { border-bottom: 1px solid #DADADA; padding-bottom: 5px; margin-bottom: 12px; } .page-profile .tr-head, .timeline .tr-head { color: #404040; font-weight: bold; min-width: 0px; padding: 5px 0px 5px 16px; white-space: nowrap; font-size: 13px; } .page-profile .mail-from, .timeline .mail-from { color: #222; } .page-profile .title-line, .timeline .title-line { position: relative; border-bottom: 1px solid #DADADA; padding-bottom: 10px; } .page-profile .title-line:before, .timeline .title-line:before { width: 100%; height: 2px; border-bottom: 1px solid #000; content: ""; } .page-profile .partner-list dd, .timeline .partner-list dd { float: right; margin-left: 1px; margin-bottom: 1px; } .page-profile .partner-list dd img, .timeline .partner-list dd img { border: 1px solid #eee; border-radius: 5px; -webkit-border-radius: 5px; } .page-profile .img-upload-wrap img, .timeline .img-upload-wrap img { height: 100px; float: right; margin-left: 3px; } .page-calendar .tab-content, .page-mail .tab-content { min-height: 750px; } .page-calendar .sidebar, .page-mail .sidebar { color: #777777; display: table-cell; vertical-align: top; } .page-calendar .sidebar .sidebar-wrapper .sidebar-row, .page-mail .sidebar .sidebar-wrapper .sidebar-row { margin: 0; } .page-calendar .sidebar .sidebar-wrapper .sidebar-row .sidebar-treeview, .page-mail .sidebar .sidebar-wrapper .sidebar-row .sidebar-treeview { padding: 0 15px; } .page-calendar .sidebar .sidebar-wrapper .sidebar-row .sidebar-treeview > ul > li a, .page-mail .sidebar .sidebar-wrapper .sidebar-row .sidebar-treeview > ul > li a { font-weight: bold; } .page-calendar .sidebar.sidebar-left, .page-mail .sidebar.sidebar-left { width: 100%; display: block; } .page-calendar ul.sidebar-list-info > li, .page-mail ul.sidebar-list-info > li { position: relative; padding: 2px 0px; } .page-calendar ul.sidebar-list-info > li > a, .page-mail ul.sidebar-list-info > li > a { font-weight: bold; text-decoration: none; padding: 13px 15px; border-right: 2px solid transparent; display: block; } .page-calendar ul.sidebar-list-info > li > a > i[class*='icon-'], .page-mail ul.sidebar-list-info > li > a > i[class*='icon-'] { padding-left: 10px; } .page-calendar ul.sidebar-list-info > li > a span.label, .page-mail ul.sidebar-list-info > li > a span.label { float: left; margin-left: 5px; margin-top: 2px; } .page-calendar ul.sidebar-list-info > li > a > span.badge, .page-mail ul.sidebar-list-info > li > a > span.badge { width: 15px; height: 15px; display: inline-block !important; } .page-calendar ul.sidebar-list-info > li > a .tab-tools, .page-mail ul.sidebar-list-info > li > a .tab-tools { display: none; } .page-calendar ul.sidebar-list-info > li > a .tab-tools i, .page-mail ul.sidebar-list-info > li > a .tab-tools i { margin-right: 5px; } .page-calendar ul.sidebar-list-info > li > a:hover, .page-mail ul.sidebar-list-info > li > a:hover { background-color: #FFFFFF; color: #ff5722; } .page-calendar ul.sidebar-list-info > li > a:hover .tab-tools, .page-mail ul.sidebar-list-info > li > a:hover .tab-tools { display: block; } .page-calendar ul.sidebar-list-info > li > a:hover .label, .page-mail ul.sidebar-list-info > li > a:hover .label { display: none; } .page-calendar ul.sidebar-list-info > li.active > a, .page-mail ul.sidebar-list-info > li.active > a, .page-calendar ul.sidebar-list-info > li:hover > a, .page-mail ul.sidebar-list-info > li:hover > a { background: #fff; color: #ff5722; } .page-calendar ul.sidebar-list-info > li.active > a, .page-mail ul.sidebar-list-info > li.active > a { border-right: 2px solid #ff5722; } .page-calendar ul.sidebar-list-info > li.divider, .page-mail ul.sidebar-list-info > li.divider { padding-bottom: 10px; border-bottom: 1px solid #999; } .page-calendar ul.sidebar-calendar li > a, .page-mail ul.sidebar-calendar li > a { background: #fff; color: #777; border-right: 2px solid #ff5722; } .page-calendar .sidebar-title, .page-mail .sidebar-title { margin-bottom: 0; margin-top: 0; padding: 10px 0px 16px 15px; color: #999999; text-transform: uppercase; font-size: 12px; font-weight: bold; } .page-calendar .action, .page-mail .action { position: absolute; left: 0; top: 0; color: #999999; } .page-calendar .action#remove-group, .page-mail .action#remove-group { left: 20px; } .page-calendar > .row > .col-md-9, .page-mail > .row > .col-md-9 { padding-right: 0; } .page-calendar > .row > .col-md-9 .calendar-main, .page-mail > .row > .col-md-9 .calendar-main, .page-calendar > .row > .col-md-9 .mail-main, .page-mail > .row > .col-md-9 .mail-main { padding: 10px; background: #FFF; } .page-invoice .table > tbody > tr > .no-line { border-top: none; } .page-invoice .table > thead > tr > .no-line { border-bottom: none; } .page-invoice .table > tbody > tr > .thick-line { border-top: 2px solid; } @media print { .sidebar-main { display: none; } } .drop-cap { float: right; font-size: 75px; line-height: 60px; padding-top: 4px; padding-left: 8px; font-family: Georgia; } .gallery-pages .list-filter { margin-top: 10px; } .gallery-pages .list-filter li { cursor: pointer; padding: 6px 15px; margin-left: 5px; margin-bottom: 5px; background: #eee; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .gallery-pages .list-filter li.active, .gallery-pages .list-filter li:hover, .gallery-pages .list-filter li:focus { background: #ff5722; color: #ffffff; } .gallery-pages .action-group { margin-top: 8px; margin-bottom: 20px; } .gallery-pages .action-group button { font-size: 13px; } .gallery-pages .thumbnail { position: relative; overflow: hidden; } .gallery-pages .caption { position: absolute; top: 0; left: 0; background: rgba(66, 139, 202, 0.75); width: 100%; height: 100%; padding: 2%; display: none; text-align: center; color: #fff !important; z-index: 2; } .gallery-pages .mix-grid .mix { display: none; position: relative; overflow: hidden; margin-bottom: 15px; } .pricing-table .panel { border: 2px solid rgba(0, 0, 0, 0.13); } .pricing-table .panel:hover { border-color: #2196f3; } .pricing-table .panel-heading .caption { width: 100%; text-align: center; font-weight: bold; text-transform: uppercase; } .pricing-table .the-price { background-color: #2196f3; } .pricing-table .the-price h1 { margin-top: 10px; font-size: 45px; } .pricing-table .the-price small { color: rgba(222, 217, 217, 0.57); } .pricing-table .panel-body h1 { background-color: #2196f3; color: #fff; } .ribbon-wrapper { position: absolute; width: 75px; height: 75px; overflow: hidden; top: -1px; left: 14px; z-index: 1; } .ribbon-wrapper .ribbon-inner { display: block; position: relative; padding: 5px 0; color: #fff; background-color: #ea2e49; font-size: 13px; line-height: 17px; text-align: center; width: 107px; top: 11px; right: -5px; text-shadow: 0 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .the-price { padding: 20px; margin: 0; } .the-price h1 { margin-bottom: 0; } .the-price .subscript { font-size: 14px; } .search-result .list-group-item { border: 0px; border-bottom: 1px dashed rgba(0, 0, 0, 0.13); padding: 0px; padding-bottom: 10px; margin-bottom: 30px; } .search-result .list-group-item .cat { font-size: 11px; } .search-result .avatar img { width: 64px; } .demo-btn .btn-3d { margin-bottom: 20px; } .demo-btn .btn-social { margin: 0 0 10px 10px; } .demo-datepaginator .paginator { margin-bottom: 20px; margin-top: 10px; } p > span { margin: 0 5px; } .btn-view-code { position: absolute; top: 0px; left: 0px; padding: 3px 5px; border-radius: 3px; background-color: rgba(255, 87, 34, 0.8); color: #ffffff; z-index: 99; } .btn-view-code:hover { background-color: #ff7246; color: #ffffff; } .viewcode-example { position: relative; } #note-app-wrapper { position: fixed; z-index: 999999; display: none; width: 300px; background: #FFFF77; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.53); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.53); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.53); margin: 10px; cursor: move; background: -webkit-linear-gradient(top, #cee0dd, #ffff77 98%); background: -moz-linear-gradient(top, #cee0dd, #ffff77 98%); background: linear-gradient(top, #cee0dd, #ffff77 98%); -webkit-background-size: 100% 40px; font-family: 'Gloria Hallelujah', cursive; } #note-app-wrapper .note-app-tools { height: 40px; text-align: left; line-height: 45px; color: #BFBEC2; } #note-app-wrapper .note-app-tools i { font-size: 18px; margin: 0 10px; cursor: pointer; } #note-app-wrapper .note-app-tools i:hover { color: #777; } #note-app-wrapper .note-app-data textarea.note-app-content { width: 100%; height: 200px; background: transparent; border: none; resize: vertical; padding: 10px 35px; line-height: 40px; font-size: 15px; } #note-app-wrapper .note-app-data textarea.note-app-content:focus { outline: none; } #note-app-wrapper .note-app-data input.note-app-title { background: transparent; border: none; height: 40px; line-height: 40px; width: 100%; font-size: 24px; padding: 10px 35px 0; color: #000; } #note-app-wrapper .note-app-data input.note-app-title:focus { outline: none; } .demo-icons .col-md-4 > i { color: #ff5722; font-size: 20px; vertical-align: -2px; margin: 10px; } #simpleline-tab .col-md-4 { margin-bottom: 10px; } .demo-slider .range2dslider { margin-bottom: 30px; } .demo-slider .xdsoft_horizontal { margin: 50px 0; } .demo-slider .xdsoft_vertical { margin: 0 20px; } .timeline-wrapper:before { content: ""; width: 3px; background: #bdbdbd; position: absolute; top: 0; bottom: 0; right: 50%; margin-right: -1.5px; } .timeline-wrapper ul.timeline { list-style: none; padding: 0; position: relative; } .timeline-wrapper ul.timeline > li { border-bottom: none !important; margin: 0 !important; width: 50%; position: relative; float: right; clear: right; padding-bottom: 25px; } .timeline-wrapper ul.timeline > li .timeline-badge { color: #fff; position: absolute; top: 15px; left: -8px; z-index: 100; width: 15px; height: 15px; background: #bdbdbd; border-radius: 10px; border: 3px solid #EBF0F3; display: inline-block; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .timeline-wrapper ul.timeline > li .timeline-badge:hover { background: #000; } .timeline-wrapper ul.timeline > li .timeline-badge > a { display: block; height: 100%; width: 100%; } .timeline-wrapper ul.timeline > li .timeline-panel { width: 95%; padding: 15px; background: #fff; position: relative; } .timeline-wrapper ul.timeline > li .timeline-panel:after { content: ""; position: absolute; width: 15px; height: 15px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 15px; left: -8px; background: #fff; } .timeline-wrapper ul.timeline > li:nth-of-type(even) { float: left; clear: left; margin-top: 25px !important; padding: 0 !important; box-sizing: border-box; } .timeline-wrapper ul.timeline > li:nth-of-type(even) .timeline-panel { float: left; } .timeline-wrapper ul.timeline > li:nth-of-type(even) .timeline-panel:after { right: -8px; } .timeline-wrapper ul.timeline > li:nth-of-type(even) .timeline-badge { right: -7px; } .jstree-default .jstree-wholerow-hovered { background-color: #e5e5e5; } .jstree-default .jstree-wholerow-clicked { background: #ff5722; } a.jstree-clicked { color: #ffffff !important; } .datepicker.dropdown-menu { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; } .datepicker table tr th, .datepicker table tr td { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #FFFFFF; background-color: #ff5722; border-color: #ff5722; } .legendColorBox { padding: 3px 0; } .legendColorBox div { border-radius: 50%; margin-left: 5px; } .legendColorBox div div { margin-left: 0; } .treegrid-expander { vertical-align: top; } .counter.warning { color: #ea2e49; } .has-switch { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 0; } .has-switch span.switch-left, .has-switch span.switch-right, .has-switch label { text-shadow: none; box-shadow: none; background-image: none; border: 0; } .has-switch span.switch-left.switch-primary, .has-switch span.switch-right.switch-primary, .has-switch label.switch-primary { text-shadow: none; box-shadow: none; background-image: none; background: #ff5722 !important; } .has-switch .switch-left { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .has-switch .switch-right { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .has-switch .switch-on label { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; background-color: #e5e5e5; } .has-switch .switch-off label { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; background-color: #e5e5e5; } .daterangepicker .ranges li { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #777777; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #ff5722; border: 1px solid #ff5722; } .daterangepicker .ranges .input-mini, .daterangepicker td, .daterangepicker th, .daterangepicker .calendar-date { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .daterangepicker .ranges .input-mini { width: 74px !important; } .bootstrap-timepicker-widget table td a:hover { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .bootstrap-timepicker-meridian { padding: 3px 7px !important; } .clockface .outer, .clockface .inner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .clockface .inner.active, .clockface .inner.active:hover, .clockface .outer.active, .clockface .outer.active:hover { text-shadow: none; background-image: none; } .clockface .inner.active:hover, .clockface .inner.active:hover:hover, .clockface .inner.active:active, .clockface .inner.active:hover:active, .clockface .inner.active.active, .clockface .inner.active:hover.active, .clockface .inner.active.disabled, .clockface .inner.active:hover.disabled, .clockface .inner.active[disabled], .clockface .inner.active:hover[disabled] { background: #ff5722; } .clockface .outer.active:hover, .clockface .outer.active:hover:hover, .clockface .outer.active:active, .clockface .outer.active:hover:active, .clockface .outer.active.active, .clockface .outer.active:hover.active, .clockface .outer.active.disabled, .clockface .outer.active:hover.disabled, .clockface .outer.active[disabled], .clockface .outer.active:hover[disabled] { background: #07bf29; } .datepicker td, .datepicker th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-image: none; text-shadow: none; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-image: none; text-shadow: none; } .datepicker table tr td span { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #ff5722; } .ztree li { padding: 5px 0; } .ztree li span.button.chk { background-repeat: no-repeat; height: 22px; width: 22px; cursor: pointer; } .ztree li span.button.center_open { background: none; } .ztree li span.button.center_docu, .ztree li span.button.bottom_docu { padding: 0 5px 0 25px; background: none; } .ztree li span.button.checkbox_false_full_focus { background-position: -24px 0 !important; } .ztree li span.button.checkbox_true_full_focus, .ztree li span.button.checkbox_true_full { background-position: -48px 0 !important; } .ztree li span.button.checkbox_true_part, .ztree li span.button.checkbox_true_part_focus, .ztree li span.button.checkbox_false_part, .ztree li span.button.checkbox_false_part_focus { background-position: -96px 0 !important; } .ztree li span.button.radio_true_full, .ztree li span.button.radio_true_full_focus { background-position: -168px 0 !important; } .ztree li span.button.radio_false_full { background-position: -120px 0 !important; } .ztree li span.button.radio_false_full_focus { background-position: -144px 0 !important; } .ztree li span.button.radio_false_part, .ztree li span.button.radio_false_part_focus { background-position: -216px 0 !important; } .ztree li span.button.radio_true_part, .ztree li span.button.radio_true_part_focus { background-position: -168px 0 !important; } .ztree li span.roots_open, .ztree li span.bottom_open, .ztree li span.center_open { font-size: 16px; margin: 0 12px 0 0px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; background: none; } .ztree li span.roots_open:before, .ztree li span.bottom_open:before, .ztree li span.center_open:before { content: "\f068"; } .ztree li span.roots_close, .ztree li span.bottom_close, .ztree li span.center_close { font-size: 16px; margin: 0 12px 0 0px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; background: none; } .ztree li span.roots_close:before, .ztree li span.bottom_close:before, .ztree li span.center_close:before { content: "\f067" !important; } .ztree li > a { color: #777; vertical-align: middle; } .ztree li > a.tmpTargetNode_inner { height: 22px; } .ztree li > a:hover { text-decoration: none; } .ztree li > a.curSelectedNode { padding-top: auto; background-color: #FFE6B0; color: black; height: 22px; border: 1px #FFB951 solid; opacity: 0.8; } .ztree li > a span.ico_open { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 19px; margin: 0 3px; font-size: 19px; width: 20px; -webkit-font-smoothing: antialiased; background: none; } .ztree li > a span.ico_open:before { content: "\f115"; } .ztree li > a span.ico_close { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 19px; margin: 0 3px; font-size: 19px; width: 20px; -webkit-font-smoothing: antialiased; background: none; } .ztree li > a span.ico_close:before { content: "\f114"; } .ztree li > a span.ico_docu { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 19px; margin: 0 3px; font-size: 14px; width: 14px; -webkit-font-smoothing: antialiased; background: none; } .ztree li > a span.ico_docu:before { content: "\f016"; } .ztree li > a span.edit { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 19px; margin: 0 3px; font-size: 14px; width: 14px; -webkit-font-smoothing: antialiased; background: none; } .ztree li > a span.edit:before { content: "\f044"; } .ztree li > a span.remove { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 19px; margin: 0 3px; font-size: 14px; width: 14px; -webkit-font-smoothing: antialiased; background: none; } .ztree li > a span.remove:before { content: "\f014"; } .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a { font-size: 14px; } .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background-color: #2196f3; } .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background-color: #82c4f8; } .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { background-color: #07bf29; } .wizard > .steps > ul > li { width: 20%; } .wizard-wrapper .navbar > .navbar-inner:after { height: 50px; width: 25px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid transparent; border-width: 25px; content: ""; position: absolute; left: 0; top: 0; } .wizard-wrapper .navbar > .navbar-inner > ul:after { width: 36px; height: 35px; position: absolute; content: ""; border-top: 1px solid #2196f3; border-left: 1px solid #2196f3; left: 7px; top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .wizard-wrapper .navbar > .navbar-inner > ul > li { display: table-cell; width: 1%; position: relative; text-align: center; } .wizard-wrapper .navbar > .navbar-inner > ul > li.active > a { background: #2196f3; color: #fff; } .wizard-wrapper .navbar > .navbar-inner > ul > li.active > a:before { width: 36px; height: 35px; position: absolute; content: ""; background: #2196f3; left: -17px; top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 11; } .wizard-wrapper .navbar > .navbar-inner > ul > li.active > a:after { width: 24px; height: 49px; position: absolute; content: ""; border-top: 1px solid #2196f3; border-bottom: 1px solid #2196f3; border-right: 1px solid #fff; border-width: 24px; top: 0; right: -1px; } .wizard-wrapper .navbar > .navbar-inner > ul > li:before { width: 36px; height: 35px; position: absolute; content: ""; border-top: 1px solid #2196f3; border-left: 1px solid #2196f3; right: -16px; top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .wizard-wrapper .navbar > .navbar-inner > ul > li:after { width: 36px; height: 35px; position: absolute; content: ""; border-top: 1px solid #2196f3; border-left: 1px solid #2196f3; right: -22px; top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .wizard-wrapper .navbar > .navbar-inner > ul > li:first-child:after { display: none; } .wizard-wrapper .navbar > .navbar-inner > ul > li:last-child.active > a:before, .wizard-wrapper .navbar > .navbar-inner > ul > li:last-child > a:hover:before { display: none; } .wizard-wrapper .navbar > .navbar-inner > ul > li > a { border-top: 1px solid #2196f3; border-bottom: 1px solid #2196f3; margin: 0 3px; padding: 0; height: 50px; } .wizard-wrapper .navbar > .navbar-inner > ul > li > a > i { display: inline-block; font-size: 25px; line-height: 46px; margin: 0 10px; vertical-align: 4px; position: relative; z-index: 111; } .wizard-wrapper .navbar > .navbar-inner > ul > li > a > p { display: inline-block; text-align: right; position: relative; z-index: 111; } .wizard-wrapper .navbar > .navbar-inner > ul > li > a > p span { display: block; margin: 0; font-weight: bold; position: relative; z-index: 111; } .wizard-wrapper .navbar > .navbar-inner > ul > li > a:hover { background: #0c7cd5; color: #fff; } .wizard-wrapper .navbar > .navbar-inner > ul > li > a:hover:before { width: 36px; height: 35px; position: absolute; content: ""; background: #0c7cd5; left: -17px; top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .wizard-wrapper .navbar > .navbar-inner > ul > li > a:hover:after { width: 24px; height: 49px; position: absolute; content: ""; border-top: 1px solid #0c7cd5; border-bottom: 1px solid #0c7cd5; border-right: 1px solid #fff; border-width: 24px; top: 0; right: -1px; } .wizard-wrapper > .tab-content > ul.wizard { width: auto; float: left; } .wizard-wrapper > .tab-content > ul.wizard li.disabled button { background: rgba(33, 150, 243, 0.2); border-color: rgba(33, 150, 243, 0.2); } .button.DTTT_button, div.DTTT_button, a.DTTT_button { display: inline-block; padding: 5px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #ddd; color: #333 !important; border-radius: 0; box-shadow: none; background: #efefef; } .button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover { color: #333; background: #CACACA; border-color: #C0C0C0; box-shadow: none; } input[type="search"] { margin-top: 1px; } .dataTables_paginate .pagination > li > a { padding: 5px 12px; border-radius: 0; box-shadow: none; } .dataTables_paginate .pagination > li.active > a { background: #CACACA; border: 1px solid #C0C0C0; } .dataTables_paginate .pagination > li:not(.active) a { color: #333 !important; background: #efefef; border: 1px solid #ddd; } .dataTables_paginate .pagination > li:not(.active):hover a { color: #333; background: #CACACA; border-color: #C0C0C0; } input#txt-new-list { margin-right: 20px; } #external-events { color: #999999; min-width: 200px; right: 225px; top: 40px; padding: 0 20px; background: #ffffff; } #external-events h4 { vertical-align: middle; font-size: 12px; font-weight: bold; margin-top: 0; padding-top: 1em; margin-bottom: 20px; color: #999999; } #external-events h4 a { padding: 0; } #external-events .fc-event { margin: 10px 0; cursor: pointer; width: 100%; padding: 2px; font-size: 10px; border-radius: 3px; text-align: center; } #external-events .fc-event .tab-tools { display: none; } #external-events .fc-event:hover .tab-tools { display: block; } #external-events .empty { display: none; } #external-events input#txt-new { width: 160px; height: 17px; font-size: 11px; } #external-events p { margin: 1.5em 0; font-size: 10px; color: #666; } #external-events p input { vertical-align: middle; } #external-events p label { margin-right: 10px; } #external-events i { margin-left: 3px; } #external-events .option-event { text-align: center; border: 1px solid rgba(0, 0, 0, 0.13); padding: 5px; } #external-events .option-event .event { height: 15px; width: 15px; border-radius: 10px; display: inline-block; cursor: pointer; margin: 5px 5px 0; } #external-events .option-event .event.not-specified { background: #dddddd; corlor: #777777; } #external-events .option-event .event.low { background: #07bf29; } #external-events .option-event .event.medium { background: #ffc107; } #external-events .option-event .event.high { background: #ea2e49; } #external-events .option-event .event.active { border: 2px solid #ff5722; } .fc-button:hover { background-color: #e6e6e6; } .fc-button { border-radius: 0 !important; background: #fff; color: #555; border: 1px solid rgba(0, 0, 0, 0.13); } .fc-state-active { color: #555; background-color: #e6e6e6; border-color: #c6c6c6; } .glyphicon-quote:before { top: -16px; right: -9px; } .colorpicker, .datepicker, .clockface { z-index: 1051 !important; } .jqstooltip { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dd { width: 100% !important; min-width: 100%; padding: 10px 15px; border: 1px solid #CBCBCB; } .dd .dd-list .dd-list { padding-right: 52px; } .dd-handle { padding: 10px 25px; height: auto; cursor: move; } .dd-item button { height: 35px; width: 35px; color: #aaa; } #nestable2 .dd-handle { background: #07bf29; } #nestable2 .dd-handle:hover { background: #058e1e; } #nestable3 { border: 0; } #nestable3 .dd3-item > button { margin-right: 42px; } #nestable3 .dd3-item .dd3-handle { height: auto; padding: 20px; background: #fff; cursor: move; } #nestable3 .dd3-item .dd3-handle:before { top: 10px; content: "\f047"; font-size: 22px; color: #aaa; } #nestable3 .dd3-item .dd3-content { padding: 10px 60px 10px 25px; height: auto; } .toast { box-shadow: none !important; border-radius: 0 !important; } .paginator .dp-selected { background-color: #B6B6B6 !important; } .paginator .dp-today:not(.dp-selected) { background-color: #D3D1D1 !important; } .paginator li > a:not(.dp-selected):not(.dp-today) { color: #777; } .paginator li > a:not(.dp-selected):not(.dp-today):hover { color: #6a6a6a; background-color: rgba(119, 119, 119, 0.1) !important; } .paginator-primary .dp-selected { background-color: #ff5722 !important; } .paginator-primary .dp-today:not(.dp-selected) { background-color: rgba(255, 87, 34, 0.6) !important; } .paginator-primary .dp-off:not(.dp-selected) { background-color: rgba(255, 87, 34, 0.1) !important; } .paginator-primary .dp-divider { border-right: 2px solid #ff5722 !important; } .paginator-primary .dp-nav i { color: #ff5722; } .paginator-primary li > a:not(.dp-selected):not(.dp-today) { color: #ff5722; } .paginator-primary li > a:not(.dp-selected):not(.dp-today):hover { color: #ff4408; background-color: rgba(255, 87, 34, 0.1) !important; } .paginator-success .dp-selected { background-color: #07bf29 !important; } .paginator-success .dp-today:not(.dp-selected) { background-color: rgba(7, 191, 41, 0.6) !important; } .paginator-success .dp-off:not(.dp-selected) { background-color: rgba(7, 191, 41, 0.1) !important; } .paginator-success .dp-divider { border-right: 2px solid #07bf29 !important; } .paginator-success .dp-nav i { color: #07bf29; } .paginator-success li > a:not(.dp-selected):not(.dp-today) { color: #07bf29; } .paginator-success li > a:not(.dp-selected):not(.dp-today):hover { color: #06a624; background-color: rgba(7, 191, 41, 0.1) !important; } .paginator-warning .dp-selected { background-color: #ffc107 !important; } .paginator-warning .dp-today:not(.dp-selected) { background-color: rgba(255, 193, 7, 0.6) !important; } .paginator-warning .dp-off:not(.dp-selected) { background-color: rgba(255, 193, 7, 0.1) !important; } .paginator-warning .dp-divider { border-right: 2px solid #ffc107 !important; } .paginator-warning .dp-nav i { color: #ffc107; } .paginator-warning li > a:not(.dp-selected):not(.dp-today) { color: #ffc107; } .paginator-warning li > a:not(.dp-selected):not(.dp-today):hover { color: #ecb100; background-color: rgba(255, 193, 7, 0.1) !important; } .paginator-danger .dp-selected { background-color: #ea2e49 !important; } .paginator-danger .dp-today:not(.dp-selected) { background-color: rgba(234, 46, 73, 0.6) !important; } .paginator-danger .dp-off:not(.dp-selected) { background-color: rgba(234, 46, 73, 0.1) !important; } .paginator-danger .dp-divider { border-right: 2px solid #ea2e49 !important; } .paginator-danger .dp-nav i { color: #ea2e49; } .paginator-danger li > a:not(.dp-selected):not(.dp-today) { color: #ea2e49; } .paginator-danger li > a:not(.dp-selected):not(.dp-today):hover { color: #e71735; background-color: rgba(234, 46, 73, 0.1) !important; } .paginator-info .dp-selected { background-color: #2196f3 !important; } .paginator-info .dp-today:not(.dp-selected) { background-color: rgba(33, 150, 243, 0.6) !important; } .paginator-info .dp-off:not(.dp-selected) { background-color: rgba(33, 150, 243, 0.1) !important; } .paginator-info .dp-divider { border-right: 2px solid #2196f3 !important; } .paginator-info .dp-nav i { color: #2196f3; } .paginator-info li > a:not(.dp-selected):not(.dp-today) { color: #2196f3; } .paginator-info li > a:not(.dp-selected):not(.dp-today):hover { color: #0d8aee; background-color: rgba(33, 150, 243, 0.1) !important; } .paginator-lg { height: 80px; } .paginator-lg ul .dp-nav { height: 80px; line-height: 36px; } .paginator-lg ul .dp-item { height: 80px; font-size: 14px; line-height: 25px; } .paginator-sm { height: 45px !important; } .paginator-sm ul .dp-nav { height: 45px !important; line-height: 10px; padding-top: 15px !important; } .paginator-sm ul .dp-item { height: 45px !important; font-size: 10px; line-height: 10px; padding-top: 10px !important; } .paginator-xs { height: 30px !important; } .paginator-xs ul .dp-nav { height: 30px !important; padding-top: 6px !important; } .paginator-xs ul .dp-item { height: 30px !important; font-size: 8px; line-height: 8px; padding-top: 5px !important; } #bigcomposite canvas { width: 100% !important; } .live-tile { max-width: 100%; } .xdsoft_range2dslider .xdsoft_range2dslider_box { border-radius: 0; background: none; } .xdsoft_range2dslider .xdsoft_range2dslider_box .xdsoft_slider_label { border-radius: 0; padding: 10px; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box { border-color: #07bf29; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_slider_label { background: #07bf29; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_slider_label:after { border-top-color: #07bf29; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_projection { border-color: rgba(7, 191, 41, 0.5); } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_projection .xdsoft_projection_value_x { color: rgba(7, 191, 41, 0.8); } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_range2dslider_runner { border-color: #06a624; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_range2dslider_runner.xdsoft_range2dslider_active { background: #058e1e; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_right:after { border-left-color: #07bf29; border-top-color: transparent; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_bottom:after { border-bottom-color: #07bf29; border-top-color: transparent; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_left:after { border-right-color: #07bf29; border-top-color: transparent; } .xdsoft_range2dslider.slider-success .xdsoft_range2dslider_box .xdsoft_range2dslider_range { background: rgba(7, 191, 41, 0.7); } .xdsoft_range2dslider.slider-success span.xdsoft_legend { color: #06a624; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box { border-color: #ea2e49; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_slider_label { background: #ea2e49; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_slider_label:after { border-top-color: #ea2e49; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_projection { border-color: rgba(234, 46, 73, 0.5); } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_projection .xdsoft_projection_value_x { color: rgba(234, 46, 73, 0.8); } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_range2dslider_runner { border-color: #e71735; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_range2dslider_runner.xdsoft_range2dslider_active { background: #d01530; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_right:after { border-left-color: #ea2e49; border-top-color: transparent; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_bottom:after { border-bottom-color: #ea2e49; border-top-color: transparent; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_left:after { border-right-color: #ea2e49; border-top-color: transparent; } .xdsoft_range2dslider.slider-danger .xdsoft_range2dslider_box .xdsoft_range2dslider_range { background: rgba(234, 46, 73, 0.7); } .xdsoft_range2dslider.slider-danger span.xdsoft_legend { color: #e71735; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box { border-color: #ffc107; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_slider_label { background: #ffc107; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_slider_label:after { border-top-color: #ffc107; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_projection { border-color: rgba(255, 193, 7, 0.5); } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_projection .xdsoft_projection_value_x { color: rgba(255, 193, 7, 0.8); } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_range2dslider_runner { border-color: #ecb100; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_range2dslider_runner.xdsoft_range2dslider_active { background: #d39e00; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_right:after { border-left-color: #ffc107; border-top-color: transparent; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_bottom:after { border-bottom-color: #ffc107; border-top-color: transparent; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_left:after { border-right-color: #ffc107; border-top-color: transparent; } .xdsoft_range2dslider.slider-warning .xdsoft_range2dslider_box .xdsoft_range2dslider_range { background: rgba(255, 193, 7, 0.7); } .xdsoft_range2dslider.slider-warning span.xdsoft_legend { color: #ecb100; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box { border-color: #2196f3; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_slider_label { background: #2196f3; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_slider_label:after { border-top-color: #2196f3; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_projection { border-color: rgba(33, 150, 243, 0.5); } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_projection .xdsoft_projection_value_x { color: rgba(33, 150, 243, 0.8); } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_range2dslider_runner { border-color: #0d8aee; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_range2dslider_runner.xdsoft_range2dslider_active { background: #0c7cd5; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_right:after { border-left-color: #2196f3; border-top-color: transparent; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_bottom:after { border-bottom-color: #2196f3; border-top-color: transparent; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_left:after { border-right-color: #2196f3; border-top-color: transparent; } .xdsoft_range2dslider.slider-info .xdsoft_range2dslider_box .xdsoft_range2dslider_range { background: rgba(33, 150, 243, 0.7); } .xdsoft_range2dslider.slider-info span.xdsoft_legend { color: #0d8aee; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box { border-color: #ff5722; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_slider_label { background: #ff5722; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_slider_label:after { border-top-color: #ff5722; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_projection { border-color: rgba(255, 87, 34, 0.5); } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_projection .xdsoft_projection_value_x { color: rgba(255, 87, 34, 0.8); } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_range2dslider_runner { border-color: #ff4408; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_range2dslider_runner.xdsoft_range2dslider_active { background: #ee3900; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_right:after { border-left-color: #ff5722; border-top-color: transparent; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_bottom:after { border-bottom-color: #ff5722; border-top-color: transparent; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_range2dslider_runner .xdsoft_slider_label_left:after { border-right-color: #ff5722; border-top-color: transparent; } .xdsoft_range2dslider.slider-primary .xdsoft_range2dslider_box .xdsoft_range2dslider_range { background: rgba(255, 87, 34, 0.7); } .xdsoft_range2dslider.slider-primary span.xdsoft_legend { color: #ff4408; } .xdsoft_range2dslider { padding-bottom: 22px !important; } #map-geocoding { margin-top: 20px; } #map-basic, #map-geocoding, #map-context, #map-routes, #map-travel { height: 300px !important; display: block; width: 100%; } .jvectormap-container .jvectormap-zoomin, .jvectormap-container .jvectormap-zoomout { border-radius: 0; width: 20px; height: 20px; padding: 4px; background: #4A9FC5; } .jvectormap-container .jvectormap-zoomout { margin-top: 10px !important; } .jvectormap-tip { border-radius: 0; padding: 5px 10px; border: none; }
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.1 |
proxy
|
phpinfo
|
Settings