/*! ========================================================= * Black Dashboard - v1.0.0 ========================================================= * Product Page: https://www.creative-tim.com/product/black-dashboard * Copyright 2018 Creative Tim (http://www.creative-tim.com) * Designed by www.invisionapp.com Coded by www.creative-tim.com ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ /* navbar color */ /* brand Colors */ /* light colors */ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y { display: block; background-color: transparent; } .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y, .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover>.ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover>.ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .btn, .navbar .navbar-nav>a.btn { border-width: 2px; font-weight: 600; font-size: 1em; line-height: 1.35em; border: none; position: relative; overflow: hidden; margin: 4px 1px; border-radius: 0.4285rem; padding: 11px 40px; cursor: pointer; animation: rotation 0.3s infinite; background: #344675; background-image: -webkit-linear-gradient(to bottom left, #344675, #263148, #344675); background-image: -o-linear-gradient(to bottom left, #344675, #263148, #344675); background-image: -moz-linear-gradient(to bottom left, #344675, #263148, #344675); background-image: linear-gradient(to bottom left, #344675, #263148, #344675); background-size: 200% 200%; background-position: top right; background-color: #344675; transition: all 0.15s ease; color: #FFFFFF; } .btn.animation-on-hover:hover, .navbar .navbar-nav>a.btn.animation-on-hover:hover { background-position: bottom left; transition: 0.3s ease-in-out; } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .navbar .navbar-nav>a.btn:hover, .navbar .navbar-nav>a.btn:focus, .navbar .navbar-nav>a.btn:active, .navbar .navbar-nav>a.btn.active, .navbar .navbar-nav>a.btn:active:focus, .navbar .navbar-nav>a.btn:active:hover, .navbar .navbar-nav>a.btn.active:focus, .navbar .navbar-nav>a.btn.active:hover { background-color: #263148 !important; background-image: linear-gradient(to bottom left, #344675, #263148, #344675) !important; background-image: -webkit-linear-gradient(to bottom left, #344675, #263148, #344675) !important; background-image: -o-linear-gradient(to bottom left, #344675, #263148, #344675) !important; background-image: -moz-linear-gradient(to bottom left, #344675, #263148, #344675) !important; color: #FFFFFF; box-shadow: none; } .btn:active, .navbar .navbar-nav>a.btn:active { box-shadow: none !important; transform: translateY(1px) !important; transition: all .15s ease; } .btn:not([data-action]):hover, .navbar .navbar-nav>a.btn:not([data-action]):hover { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transform: translateY(-1px); -webkit-transform: translateY(-1px); } .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .navbar .navbar-nav>a.btn.disabled, .navbar .navbar-nav>a.btn.disabled:hover, .navbar .navbar-nav>a.btn.disabled:focus, .navbar .navbar-nav>a.btn.disabled.focus, .navbar .navbar-nav>a.btn.disabled:active, .navbar .navbar-nav>a.btn.disabled.active, .navbar .navbar-nav>a.btn:disabled, .navbar .navbar-nav>a.btn:disabled:hover, .navbar .navbar-nav>a.btn:disabled:focus, .navbar .navbar-nav>a.btn:disabled.focus, .navbar .navbar-nav>a.btn:disabled:active, .navbar .navbar-nav>a.btn:disabled.active, .navbar .navbar-nav>a.btn[disabled], .navbar .navbar-nav>a.btn[disabled]:hover, .navbar .navbar-nav>a.btn[disabled]:focus, .navbar .navbar-nav>a.btn[disabled].focus, .navbar .navbar-nav>a.btn[disabled]:active, .navbar .navbar-nav>a.btn[disabled].active, fieldset[disabled] .navbar .navbar-nav>a.btn, fieldset[disabled] .navbar .navbar-nav>a.btn:hover, fieldset[disabled] .navbar .navbar-nav>a.btn:focus, fieldset[disabled] .navbar .navbar-nav>a.btn.focus, fieldset[disabled] .navbar .navbar-nav>a.btn:active, fieldset[disabled] .navbar .navbar-nav>a.btn.active { background-color: #344675; border-color: #344675; } .btn.btn-simple, .navbar .navbar-nav>a.btn.btn-simple { color: #344675; border-color: #344675; background: transparent; } .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-simple:not(:disabled):not(.disabled):active, .navbar .navbar-nav>a.btn.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-simple:active, .navbar .navbar-nav>a.btn.btn-simple:not(:disabled):not(.disabled):active { color: #344675; border-color: #344675; background-color: transparent !important; background-image: none !important; box-shadow: none; } .btn.btn-simple.active, .navbar .navbar-nav>a.btn.btn-simple.active { border-color: #344675 !important; } .btn.btn-simple.active:hover, .btn.btn-simple.active:focus, .btn.btn-simple.active:active, .btn.btn-simple.active:not(:disabled):not(.disabled):active, .navbar .navbar-nav>a.btn.btn-simple.active:hover, .navbar .navbar-nav>a.btn.btn-simple.active:focus, .navbar .navbar-nav>a.btn.btn-simple.active:active, .navbar .navbar-nav>a.btn.btn-simple.active:not(:disabled):not(.disabled):active { color: #FFFFFF; border-color: #344675; background-image: linear-gradient(to bottom left, #344675, #263148, #344675) !important; background-image: -webkit-linear-gradient(to bottom left, #344675, #263148, #344675) !important; background-image: -o-linear-gradient(to bottom left, #344675, #263148, #344675) !important; background-image: -moz-linear-gradient(to bottom left, #344675, #263148, #344675) !important; background-color: #263148 !important; box-shadow: none; } .btn.btn-link, .navbar .navbar-nav>a.btn.btn-link { color: #344675; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .navbar .navbar-nav>a.btn.btn-link:hover, .navbar .navbar-nav>a.btn.btn-link:focus, .navbar .navbar-nav>a.btn.btn-link:active { background-color: transparent !important; background-image: none !important; color: #FFFFFF !important; text-decoration: none; box-shadow: none; } .btn:hover, .btn:focus, .navbar .navbar-nav>a.btn:hover, .navbar .navbar-nav>a.btn:focus { opacity: 1; filter: alpha(opacity=100); outline: 0 !important; } .btn:active, .btn.active, .open>.btn.dropdown-toggle, .navbar .navbar-nav>a.btn:active, .navbar .navbar-nav>a.btn.active, .open>.navbar .navbar-nav>a.btn.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; outline: 0 !important; } .btn .badge, .navbar .navbar-nav>a.btn .badge { margin: 0; } .btn.btn-icon, .navbar .navbar-nav>a.btn.btn-icon { height: 2.375rem; min-width: 2.375rem; width: 2.375rem; padding: 0; font-size: 0.9375rem; overflow: hidden; position: relative; line-height: normal; } .btn.btn-icon.btn-simple, .navbar .navbar-nav>a.btn.btn-icon.btn-simple { padding: 0; } .btn.btn-icon.btn-sm, .navbar .navbar-nav>a.btn.btn-icon.btn-sm { height: 1.875rem; min-width: 1.875rem; width: 1.875rem; } .btn.btn-icon.btn-sm .fa, .btn.btn-icon.btn-sm .far, .btn.btn-icon.btn-sm .fas, .btn.btn-icon.btn-sm .tim-icons, .navbar .navbar-nav>a.btn.btn-icon.btn-sm .fa, .navbar .navbar-nav>a.btn.btn-icon.btn-sm .far, .navbar .navbar-nav>a.btn.btn-icon.btn-sm .fas, .navbar .navbar-nav>a.btn.btn-icon.btn-sm .tim-icons { font-size: 0.6875rem; } .btn.btn-icon.btn-lg, .navbar .navbar-nav>a.btn.btn-icon.btn-lg { height: 3.6rem; min-width: 3.6rem; width: 3.6rem; } .btn.btn-icon.btn-lg .fa, .btn.btn-icon.btn-lg .far, .btn.btn-icon.btn-lg .fas, .btn.btn-icon.btn-lg .tim-icons, .navbar .navbar-nav>a.btn.btn-icon.btn-lg .fa, .navbar .navbar-nav>a.btn.btn-icon.btn-lg .far, .navbar .navbar-nav>a.btn.btn-icon.btn-lg .fas, .navbar .navbar-nav>a.btn.btn-icon.btn-lg .tim-icons { font-size: 1.325rem; } .btn.btn-icon:not(.btn-footer) .tim-icons, .btn.btn-icon:not(.btn-footer) .fa, .btn.btn-icon:not(.btn-footer) .far, .btn.btn-icon:not(.btn-footer) .fas, .navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .tim-icons, .navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .fa, .navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .far, .navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .fas { position: absolute; font-size: 1em; top: 50%; left: 50%; transform: translate(-12px, -12px); line-height: 1.5626rem; width: 24px; } .btn:not(.btn-icon) .tim-icons, .navbar .navbar-nav>a.btn:not(.btn-icon) .tim-icons { position: relative; top: 1px; } .btn span, .navbar .navbar-nav>a.btn span { position: relative; display: block; } .btn.btn-link.dropdown-toggle, .navbar .navbar-nav>a.btn.btn-link.dropdown-toggle { color: #9a9a9a; } .btn-primary { background: #e14eca; background-image: -webkit-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); background-image: -o-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); background-image: -moz-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca); background-size: 200% 200%; background-position: top right; background-color: #e14eca; transition: all 0.15s ease; color: #FFFFFF; } .btn-primary.animation-on-hover:hover { background-position: bottom left; transition: 0.3s ease-in-out; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active:hover { background-color: #ba54f5 !important; background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; background-image: -webkit-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; background-image: -o-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; background-image: -moz-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; color: #FFFFFF; box-shadow: none; } .btn-primary:active { box-shadow: none !important; transform: translateY(1px) !important; transition: all .15s ease; } .btn-primary:not([data-action]):hover { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transform: translateY(-1px); -webkit-transform: translateY(-1px); } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #e14eca; border-color: #e14eca; } .btn-primary.btn-simple { color: #e14eca; border-color: #e14eca; background: transparent; } .btn-primary.btn-simple:hover, .btn-primary.btn-simple:focus, .btn-primary.btn-simple:active, .btn-primary.btn-simple:not(:disabled):not(.disabled):active { color: #e14eca; border-color: #e14eca; background-color: transparent !important; background-image: none !important; box-shadow: none; } .btn-primary.btn-simple.active { border-color: #e14eca !important; } .btn-primary.btn-simple.active:hover, .btn-primary.btn-simple.active:focus, .btn-primary.btn-simple.active:active, .btn-primary.btn-simple.active:not(:disabled):not(.disabled):active { color: #FFFFFF; border-color: #e14eca; background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; background-image: -webkit-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; background-image: -o-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; background-image: -moz-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca) !important; background-color: #ba54f5 !important; box-shadow: none; } .btn-primary.btn-link { color: #e14eca; } .btn-primary.btn-link:hover, .btn-primary.btn-link:focus, .btn-primary.btn-link:active { background-color: transparent !important; background-image: none !important; color: #FFFFFF !important; text-decoration: none; box-shadow: none; } .btn-success { background: #00f2c3; background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3); background-size: 200% 200%; background-position: top right; background-color: #00f2c3; transition: all 0.15s ease; color: #FFFFFF; } .btn-success.animation-on-hover:hover { background-position: bottom left; transition: 0.3s ease-in-out; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:focus, .btn-success.active:hover { background-color: #0098f0 !important; background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; color: #FFFFFF; box-shadow: none; } .btn-success:active { box-shadow: none !important; transform: translateY(1px) !important; transition: all .15s ease; } .btn-success:not([data-action]):hover { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transform: translateY(-1px); -webkit-transform: translateY(-1px); } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #00f2c3; border-color: #00f2c3; } .btn-success.btn-simple { color: #00f2c3; border-color: #00f2c3; background: transparent; } .btn-success.btn-simple:hover, .btn-success.btn-simple:focus, .btn-success.btn-simple:active, .btn-success.btn-simple:not(:disabled):not(.disabled):active { color: #00f2c3; border-color: #00f2c3; background-color: transparent !important; background-image: none !important; box-shadow: none; } .btn-success.btn-simple.active { border-color: #00f2c3 !important; } .btn-success.btn-simple.active:hover, .btn-success.btn-simple.active:focus, .btn-success.btn-simple.active:active, .btn-success.btn-simple.active:not(:disabled):not(.disabled):active { color: #FFFFFF; border-color: #00f2c3; background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important; background-color: #0098f0 !important; box-shadow: none; } .btn-success.btn-link { color: #00f2c3; } .btn-success.btn-link:hover, .btn-success.btn-link:focus, .btn-success.btn-link:active { background-color: transparent !important; background-image: none !important; color: #FFFFFF !important; text-decoration: none; box-shadow: none; } .btn-info { background: #1d8cf8; background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8); background-size: 200% 200%; background-position: top right; background-color: #1d8cf8; transition: all 0.15s ease; color: #FFFFFF; } .btn-info.animation-on-hover:hover { background-position: bottom left; transition: 0.3s ease-in-out; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:focus, .btn-info.active:hover { background-color: #3358f4 !important; background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; color: #FFFFFF; box-shadow: none; } .btn-info:active { box-shadow: none !important; transform: translateY(1px) !important; transition: all .15s ease; } .btn-info:not([data-action]):hover { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transform: translateY(-1px); -webkit-transform: translateY(-1px); } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #1d8cf8; border-color: #1d8cf8; } .btn-info.btn-simple { color: #1d8cf8; border-color: #1d8cf8; background: transparent; } .btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active, .btn-info.btn-simple:not(:disabled):not(.disabled):active { color: #1d8cf8; border-color: #1d8cf8; background-color: transparent !important; background-image: none !important; box-shadow: none; } .btn-info.btn-simple.active { border-color: #1d8cf8 !important; } .btn-info.btn-simple.active:hover, .btn-info.btn-simple.active:focus, .btn-info.btn-simple.active:active, .btn-info.btn-simple.active:not(:disabled):not(.disabled):active { color: #FFFFFF; border-color: #1d8cf8; background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important; background-color: #3358f4 !important; box-shadow: none; } .btn-info.btn-link { color: #1d8cf8; } .btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active { background-color: transparent !important; background-image: none !important; color: #FFFFFF !important; text-decoration: none; box-shadow: none; } .btn-warning { background: #ff8d72; background-image: -webkit-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); background-image: -o-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); background-image: -moz-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72); background-size: 200% 200%; background-position: top right; background-color: #ff8d72; transition: all 0.15s ease; color: #FFFFFF; } .btn-warning.animation-on-hover:hover { background-position: bottom left; transition: 0.3s ease-in-out; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:focus, .btn-warning.active:hover { background-color: #ff6491 !important; background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; background-image: -webkit-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; background-image: -o-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; background-image: -moz-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; color: #FFFFFF; box-shadow: none; } .btn-warning:active { box-shadow: none !important; transform: translateY(1px) !important; transition: all .15s ease; } .btn-warning:not([data-action]):hover { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transform: translateY(-1px); -webkit-transform: translateY(-1px); } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #ff8d72; border-color: #ff8d72; } .btn-warning.btn-simple { color: #ff8d72; border-color: #ff8d72; background: transparent; } .btn-warning.btn-simple:hover, .btn-warning.btn-simple:focus, .btn-warning.btn-simple:active, .btn-warning.btn-simple:not(:disabled):not(.disabled):active { color: #ff8d72; border-color: #ff8d72; background-color: transparent !important; background-image: none !important; box-shadow: none; } .btn-warning.btn-simple.active { border-color: #ff8d72 !important; } .btn-warning.btn-simple.active:hover, .btn-warning.btn-simple.active:focus, .btn-warning.btn-simple.active:active, .btn-warning.btn-simple.active:not(:disabled):not(.disabled):active { color: #FFFFFF; border-color: #ff8d72; background-image: linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; background-image: -webkit-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; background-image: -o-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; background-image: -moz-linear-gradient(to bottom left, #ff8d72, #ff6491, #ff8d72) !important; background-color: #ff6491 !important; box-shadow: none; } .btn-warning.btn-link { color: #ff8d72; } .btn-warning.btn-link:hover, .btn-warning.btn-link:focus, .btn-warning.btn-link:active { background-color: transparent !important; background-image: none !important; color: #FFFFFF !important; text-decoration: none; box-shadow: none; } .btn-warning:not(:disabled):not(.disabled):active { color: #FFFFFF; } .btn-danger { background: #fd5d93; background-image: -webkit-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); background-image: -o-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); background-image: -moz-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93); background-size: 200% 200%; background-position: top right; background-color: #fd5d93; transition: all 0.15s ease; color: #FFFFFF; } .btn-danger.animation-on-hover:hover { background-position: bottom left; transition: 0.3s ease-in-out; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:focus, .btn-danger.active:hover { background-color: #ec250d !important; background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; background-image: -webkit-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; background-image: -o-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; background-image: -moz-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; color: #FFFFFF; box-shadow: none; } .btn-danger:active { box-shadow: none !important; transform: translateY(1px) !important; transition: all .15s ease; } .btn-danger:not([data-action]):hover { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transform: translateY(-1px); -webkit-transform: translateY(-1px); } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #fd5d93; border-color: #fd5d93; } .btn-danger.btn-simple { color: #fd5d93; border-color: #fd5d93; background: transparent; } .btn-danger.btn-simple:hover, .btn-danger.btn-simple:focus, .btn-danger.btn-simple:active, .btn-danger.btn-simple:not(:disabled):not(.disabled):active { color: #fd5d93; border-color: #fd5d93; background-color: transparent !important; background-image: none !important; box-shadow: none; } .btn-danger.btn-simple.active { border-color: #fd5d93 !important; } .btn-danger.btn-simple.active:hover, .btn-danger.btn-simple.active:focus, .btn-danger.btn-simple.active:active, .btn-danger.btn-simple.active:not(:disabled):not(.disabled):active { color: #FFFFFF; border-color: #fd5d93; background-image: linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; background-image: -webkit-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; background-image: -o-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; background-image: -moz-linear-gradient(to bottom left, #fd5d93, #ec250d, #fd5d93) !important; background-color: #ec250d !important; box-shadow: none; } .btn-danger.btn-link { color: #fd5d93; } .btn-danger.btn-link:hover, .btn-danger.btn-link:focus, .btn-danger.btn-link:active { background-color: transparent !important; background-image: none !important; color: #FFFFFF !important; text-decoration: none; box-shadow: none; } .btn-neutral { background: #FFFFFF; background-image: -webkit-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF); background-image: -moz-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF); background-image: linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF); background-size: 200% 200%; background-position: top right; background-color: #FFFFFF; transition: all 0.15s ease; color: #e14eca; } .btn-neutral.animation-on-hover:hover { background-position: bottom left; transition: 0.3s ease-in-out; } .btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover { background-color: #FFFFFF !important; background-image: linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF) !important; background-image: -webkit-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF) !important; background-image: -o-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF) !important; background-image: -moz-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF) !important; color: #FFFFFF; box-shadow: none; } .btn-neutral:active { box-shadow: none !important; transform: translateY(1px) !important; transition: all .15s ease; } .btn-neutral:not([data-action]):hover { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transform: translateY(-1px); -webkit-transform: translateY(-1px); } .btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active { background-color: #FFFFFF; border-color: #FFFFFF; } .btn-neutral.btn-danger { color: #fd5d93; } .btn-neutral.btn-danger:hover, .btn-neutral.btn-danger:focus, .btn-neutral.btn-danger:active, .btn-neutral.btn-danger:active:focus { color: #ec250d; } .btn-neutral.btn-info { color: #1d8cf8; } .btn-neutral.btn-info:hover, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:active, .btn-neutral.btn-info:active:focus { color: #3358f4; } .btn-neutral.btn-warning { color: #ff8d72; } .btn-neutral.btn-warning:hover, .btn-neutral.btn-warning:focus, .btn-neutral.btn-warning:active, .btn-neutral.btn-warning:active:focus { color: #ff6491; } .btn-neutral.btn-success { color: #00f2c3; } .btn-neutral.btn-success:hover, .btn-neutral.btn-success:focus, .btn-neutral.btn-success:active, .btn-neutral.btn-success:active:focus { color: #0098f0; } .btn-neutral.btn-default { color: #344675; } .btn-neutral.btn-default:hover, .btn-neutral.btn-default:focus, .btn-neutral.btn-default:active, .btn-neutral.btn-default:active:focus { color: #263148; } .btn-neutral.active, .btn-neutral:active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover, .show>.btn-neutral.dropdown-toggle, .show>.btn-neutral.dropdown-toggle:focus, .show>.btn-neutral.dropdown-toggle:hover { background-color: #FFFFFF; color: #ba54f5; box-shadow: none; } .btn-neutral:hover, .btn-neutral:focus { color: #ba54f5; } .btn-neutral:hover:not(.nav-link), .btn-neutral:focus:not(.nav-link) { box-shadow: none; } .btn-neutral.btn-simple { color: #FFFFFF; border-color: #FFFFFF; background: transparent; } .btn-neutral.btn-simple:hover, .btn-neutral.btn-simple:focus, .btn-neutral.btn-simple:active, .btn-neutral.btn-simple:not(:disabled):not(.disabled):active { color: #FFFFFF; border-color: #FFFFFF; background-color: transparent !important; background-image: none !important; box-shadow: none; } .btn-neutral.btn-simple.active { border-color: #FFFFFF !important; } .btn-neutral.btn-simple.active:hover, .btn-neutral.btn-simple.active:focus, .btn-neutral.btn-simple.active:active, .btn-neutral.btn-simple.active:not(:disabled):not(.disabled):active { color: #FFFFFF; border-color: #FFFFFF; background-image: linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF) !important; background-image: -webkit-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF) !important; background-image: -o-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF) !important; background-image: -moz-linear-gradient(to bottom left, #FFFFFF, #FFFFFF, #FFFFFF) !important; background-color: #FFFFFF !important; box-shadow: none; } .btn-neutral.btn-link { color: #FFFFFF; } .btn-neutral.btn-link:hover, .btn-neutral.btn-link:focus, .btn-neutral.btn-link:active { background-color: transparent !important; background-image: none !important; color: #FFFFFF !important; text-decoration: none; box-shadow: none; } .btn:disabled, .btn[disabled], .btn.disabled { opacity: 0.5; filter: alpha(opacity=50); pointer-events: none; } .btn-simple { border: 1px solid; border-color: #344675; padding: 10px 22px; background-color: transparent; } .btn-simple.disabled, .btn-simple.disabled:hover, .btn-simple.disabled:focus, .btn-simple.disabled.focus, .btn-simple.disabled:active, .btn-simple.disabled.active, .btn-simple:disabled, .btn-simple:disabled:hover, .btn-simple:disabled:focus, .btn-simple:disabled.focus, .btn-simple:disabled:active, .btn-simple:disabled.active, .btn-simple[disabled], .btn-simple[disabled]:hover, .btn-simple[disabled]:focus, .btn-simple[disabled].focus, .btn-simple[disabled]:active, .btn-simple[disabled].active, fieldset[disabled] .btn-simple, fieldset[disabled] .btn-simple:hover, fieldset[disabled] .btn-simple:focus, fieldset[disabled] .btn-simple.focus, fieldset[disabled] .btn-simple:active, fieldset[disabled] .btn-simple.active, .btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled.focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link:disabled, .btn-link:disabled:hover, .btn-link:disabled:focus, .btn-link:disabled.focus, .btn-link:disabled:active, .btn-link:disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled].focus, .btn-link[disabled]:active, .btn-link[disabled].active, fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link.focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active { background: transparent; } .btn-link { border: 0; padding: 0.5rem 0.7rem; background: transparent; color: #E3E3E3; } .btn-link:hover { box-shadow: none !important; transform: none !important; } .btn-lg { font-size: 1em; border-radius: 0.4285rem; padding: 15px 48px; } .btn-lg.btn-simple { padding: 14px 47px; } .btn-sm { font-size: 14px; border-radius: 0.2857rem; padding: 5px 15px; } .btn-sm.btn-simple { padding: 4px 14px; } .btn-wd { min-width: 140px; } .btn-group.select { width: 100%; } .btn-group .btn.active { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); transform: translateY(-1px); -webkit-transform: translateY(-1px); } .btn-group.select .btn { text-align: left; } .btn-group.select .caret { position: absolute; top: 50%; margin-top: -1px; right: 8px; } .btn-round { border-width: 1px; border-radius: 30px; } .btn-round.btn-simple { padding: 10px 22px; } .no-caret.dropdown-toggle::after { display: none; } .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.2); opacity: 1; filter: alpha(opacity=100); } .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.2); opacity: 1; filter: alpha(opacity=100); } .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.2); opacity: 1; filter: alpha(opacity=100); } .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.2); opacity: 1; filter: alpha(opacity=100); } .form-control { border-color: #2b3553; background-color: transparent; border-radius: 0.4285rem; color: rgba(255, 255, 255, 0.8); line-height: normal; font-size: 0.8571em; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -webkit-box-shadow: none; box-shadow: none; } .form-control:focus { border-color: #e14eca; background: transparent; -webkit-box-shadow: none; box-shadow: none; outline: 0 !important; color: rgba(255, 255, 255, 0.8); } .form-control:focus+.input-group-append .input-group-text, .form-control:focus~.input-group-append .input-group-text, .form-control:focus+.input-group-prepend .input-group-text, .form-control:focus~.input-group-prepend .input-group-text { border: 1px solid #e14eca; border-left: none; background-color: transparent; } .has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .has-danger .form-control.form-control-success, .has-danger .form-control.form-control-danger, .has-success .form-control.form-control-success, .has-success .form-control.form-control-danger { background-image: none; } .form-control+.form-control-feedback { border-radius: 0.4285rem; font-size: 14px; margin-top: -7px; position: absolute; right: 10px; top: 50%; vertical-align: middle; } .open .form-control { border-radius: 0.4285rem 0.4285rem 0 0; border-bottom-color: transparent; } .form-control+.input-group-append .input-group-text, .form-control+.input-group-prepend .input-group-text { background-color: #FFFFFF; } .has-success .input-group-append .input-group-text, .has-success .input-group-prepend .input-group-text, .has-success .form-control { border-color: #2b3553; } .has-success .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text { border-color: #00bf9a; } .has-danger .form-control, .has-danger .input-group-append .input-group-text, .has-danger .input-group-prepend .input-group-text, .has-danger.input-group-focus .input-group-prepend .input-group-text, .has-danger.input-group-focus .input-group-append .input-group-text { border-color: #f33620; color: #ec250d; background-color: rgba(222, 222, 222, 0.1); } .has-danger .form-control:focus, .has-danger .input-group-append .input-group-text:focus, .has-danger .input-group-prepend .input-group-text:focus, .has-danger.input-group-focus .input-group-prepend .input-group-text:focus, .has-danger.input-group-focus .input-group-append .input-group-text:focus { background-color: transparent; } .has-success:after, .has-danger:after { font-family: 'nucleo'; content: "\ea1b"; display: inline-block; position: absolute; right: 20px; top: 13px; color: #00f2c3; font-size: 11px; } .has-success.form-control-lg:after, .has-danger.form-control-lg:after { font-size: 13px; top: 24px; } .has-success.has-label:after, .has-danger.has-label:after { top: 37px; } .has-success.form-check:after, .has-danger.form-check:after { display: none !important; } .has-success.form-check .form-check-label, .has-danger.form-check .form-check-label { color: #00f2c3; } .has-danger:after { content: "\ea48"; color: #ec250d; } .has-danger.form-check .form-check-label { color: #ec250d; } .form-group.has-danger .error, .input-group.has-danger .error { color: #ec250d; } .form-group.has-success .error, .input-group.has-success .error { color: #00f2c3; } .form-group.no-border.form-control-lg .input-group-append .input-group-text, .input-group.no-border.form-control-lg .input-group-append .input-group-text { padding: 15px 0 15px 19px; } .form-group.no-border.form-control-lg .form-control, .input-group.no-border.form-control-lg .form-control { padding: 15px 19px; } .form-group.no-border.form-control-lg .form-control+.input-group-prepend .input-group-text, .form-group.no-border.form-control-lg .form-control+.input-group-append .input-group-text, .input-group.no-border.form-control-lg .form-control+.input-group-prepend .input-group-text, .input-group.no-border.form-control-lg .form-control+.input-group-append .input-group-text { padding: 15px 19px 15px 0; } .form-group.form-control-lg .form-control, .input-group.form-control-lg .form-control { padding: 14px 18px; } .form-group.form-control-lg .form-control+.input-group-prepend .input-group-text, .form-group.form-control-lg .form-control+.input-group-append .input-group-text, .input-group.form-control-lg .form-control+.input-group-prepend .input-group-text, .input-group.form-control-lg .form-control+.input-group-append .input-group-text { padding: 14px 18px 14px 0; } .form-group.form-control-lg .input-group-prepend .input-group-text, .form-group.form-control-lg .input-group-append .input-group-text, .input-group.form-control-lg .input-group-prepend .input-group-text, .input-group.form-control-lg .input-group-append .input-group-text { padding: 14px 0 15px 18px; } .form-group.form-control-lg .input-group-prepend .input-group-text+.form-control, .form-group.form-control-lg .input-group-append .input-group-text+.form-control, .input-group.form-control-lg .input-group-prepend .input-group-text+.form-control, .input-group.form-control-lg .input-group-append .input-group-text+.form-control { padding: 15px 18px 15px 16px; } .form-group.no-border .form-control, .input-group.no-border .form-control { padding: 11px 19px; } .form-group.no-border .form-control+.input-group-prepend .input-group-text, .form-group.no-border .form-control+.input-group-append .input-group-text, .input-group.no-border .form-control+.input-group-prepend .input-group-text, .input-group.no-border .form-control+.input-group-append .input-group-text { padding: 11px 19px 11px 0; } .form-group.no-border .input-group-prepend .input-group-text, .form-group.no-border .input-group-append .input-group-text, .input-group.no-border .input-group-prepend .input-group-text, .input-group.no-border .input-group-append .input-group-text { padding: 11px 0 11px 19px; } .form-group .form-control, .input-group .form-control { padding: 10px 18px 10px 18px; } .form-group .form-control+.input-group-prepend .input-group-text, .form-group .form-control+.input-group-append .input-group-text, .input-group .form-control+.input-group-prepend .input-group-text, .input-group .form-control+.input-group-append .input-group-text { padding: 10px 18px 10px 0; } .form-group .input-group-prepend .input-group-text, .form-group .input-group-append .input-group-text, .input-group .input-group-prepend .input-group-text, .input-group .input-group-append .input-group-text { padding: 10px 0 10px 18px; } .form-group .input-group-prepend .input-group-text+.form-control, .form-group .input-group-prepend .input-group-text~.form-control, .form-group .input-group-append .input-group-text+.form-control, .form-group .input-group-append .input-group-text~.form-control, .input-group .input-group-prepend .input-group-text+.form-control, .input-group .input-group-prepend .input-group-text~.form-control, .input-group .input-group-append .input-group-text+.form-control, .input-group .input-group-append .input-group-text~.form-control { padding: 10px 19px 11px 16px; } .form-group.no-border .form-control, .form-group.no-border .form-control+.input-group-prepend .input-group-text, .form-group.no-border .form-control+.input-group-append .input-group-text, .input-group.no-border .form-control, .input-group.no-border .form-control+.input-group-prepend .input-group-text, .input-group.no-border .form-control+.input-group-append .input-group-text { background-color: #242c45; border: medium none; } .form-group.no-border .form-control:focus, .form-group.no-border .form-control:active, .form-group.no-border .form-control:active, .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, .form-group.no-border .form-control+.input-group-append .input-group-text:focus, .form-group.no-border .form-control+.input-group-append .input-group-text:active, .form-group.no-border .form-control+.input-group-append .input-group-text:active, .input-group.no-border .form-control:focus, .input-group.no-border .form-control:active, .input-group.no-border .form-control:active, .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, .input-group.no-border .form-control+.input-group-append .input-group-text:focus, .input-group.no-border .form-control+.input-group-append .input-group-text:active, .input-group.no-border .form-control+.input-group-append .input-group-text:active { border: medium none; background-color: #252e49; } .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, .form-group.no-border .form-control:focus+.input-group-append .input-group-text, .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, .input-group.no-border .form-control:focus+.input-group-append .input-group-text { background-color: #252e49; } .form-group.no-border .input-group-prepend .input-group-text, .form-group.no-border .input-group-append .input-group-text, .input-group.no-border .input-group-prepend .input-group-text, .input-group.no-border .input-group-append .input-group-text { background-color: #242c45; border: none; } .has-error .form-control-feedback, .has-error .control-label { color: #ec250d; } .has-success .form-control-feedback, .has-success .control-label { color: #00f2c3; } .input-group-append .input-group-text, .input-group-prepend .input-group-text { background-color: transparent; border: 1px solid #2b3553; border-radius: 0.4285rem; color: #FFFFFF; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .input-group-append .input-group-text i, .input-group-prepend .input-group-text i { opacity: .5; } .has-danger.input-group-focus .input-group-append .input-group-text, .has-danger.input-group-focus .input-group-prepend .input-group-text { background-color: transparent; } .has-success .input-group-append .input-group-text, .has-success .input-group-prepend .input-group-text { background-color: transparent; } .has-danger .form-control:focus+.input-group-append .input-group-text, .has-danger .form-control:focus+.input-group-prepend .input-group-text { color: #ec250d; } .has-success .form-control:focus+.input-group-append .input-group-text, .has-success .form-control:focus+.input-group-prepend .input-group-text { color: #00f2c3; } .input-group-append .input-group-text+.form-control, .input-group-append .input-group-text~.form-control, .input-group-prepend .input-group-text+.form-control, .input-group-prepend .input-group-text~.form-control { padding: -0.5rem 0.7rem; padding-left: 18px; } .input-group-append .input-group-text i, .input-group-prepend .input-group-text i { width: 17px; } .input-group-append, .input-group-prepend { margin: 0; } .input-group-append .input-group-text { border-left: none; } .input-group-prepend .input-group-text { border-right: none; } .input-group-focus .input-group-prepend .input-group-text, .input-group-focus .input-group-append .input-group-text { background-color: #FFFFFF; border-color: #e14eca; background-color: transparent; border-color: #e14eca; } .input-group-focus.no-border .input-group-prepend .input-group-text, .input-group-focus.no-border .input-group-append .input-group-text { background-color: #252e49; } .input-group, .form-group { margin-bottom: 10px; position: relative; } .input-group .form-control-static, .form-group .form-control-static { margin-top: 9px; } .input-group[disabled] .input-group-prepend .input-group-text, .input-group[disabled] .input-group-append .input-group-text { background-color: #E3E3E3; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0.4285rem; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0 none; } .input-group .form-control:first-child, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-right: 0 none; } .input-group .form-control:last-child, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) { border-left: 0 none; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #1d253b; color: #344675; cursor: not-allowed; } .input-group-btn .btn { border-width: 1px; padding: 11px 0.7rem; } .input-group-btn .btn-default:not(.btn-fill) { border-color: #DDDDDD; } .input-group-btn:last-child>.btn { margin-left: 0; } textarea.form-control { max-width: 100%; max-height: 80px; padding: 10px 10px 0 0; resize: none; border: none; border-bottom: 1px solid #2b3553; border-radius: 0; line-height: 2; } textarea.form-control:focus, textarea.form-control:active { border-left: none; border-top: none; border-right: none; } .has-success.form-group .form-control, .has-success.form-group.no-border .form-control, .has-danger.form-group .form-control, .has-danger.form-group.no-border .form-control { padding-right: 40px; } .form.form-newsletter .form-group { float: left; width: 78%; margin-right: 2%; margin-top: 9px; } .input-group .input-group-btn { padding: 0 12px; } .form-group input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .form-text { font-size: 0.8571em; color: rgba(255, 255, 255, 0.8); } .form-control-lg { padding: 0; font-size: inherit; line-height: 0; border-radius: 0; } .form-horizontal .col-form-label, .form-horizontal .label-on-right { padding: 10px 5px 0 15px; text-align: right; max-width: 180px; } .form-horizontal .checkbox-radios { margin-bottom: 15px; } .form-horizontal .checkbox-radios .form-check:first-child { margin-top: 8px; } .form-horizontal .label-on-right { text-align: left; padding: 10px 15px 0 5px; } .form-horizontal .form-check-inline { margin-top: 6px; } .form-horizontal .form-check-inline .form-check-label { margin-right: 1.5rem; } .search-bar { margin-left: 30px; } .search-bar .btn { margin: 0; } .search-bar.input-group { border-radius: 25px; z-index: 4; margin-bottom: 0; height: 43px; } .search-bar.input-group .input-group-addon { padding: 10px; background: transparent; border: none; color: rgba(255, 255, 255, 0.7); } .search-bar.input-group i { font-size: 20px; color: white; margin-top: 0 !important; } .search-bar.input-group input { background: transparent; border: none !important; border-radius: 0; padding: 12px !important; font-size: 12px; opacity: 0.5; } .search-bar.input-group input:focus { background: transparent; } .search-bar.input-group .form-control { opacity: 1; color: #FFFFFF; } .search-bar.input-group .form-control::placeholder { color: white; } #searchModal .modal-dialog { max-width: 1000px; margin: 20px auto; } #searchModal .modal-dialog .form-control { border: none; color: #222a42; } #searchModal .modal-dialog .form-control::placeholder { color: #222a42; } button, input, optgroup, select, textarea { font-family: "Poppins"; } .card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card p { color: rgba(255, 255, 255, 0.8); } h1, h2, h3, h4, h5, h6 { font-weight: 400; color: rgba(255, 255, 255, 0.8); } a { color: #ba54f5; font-weight: 300; } a:hover, a:focus { color: #e14eca; } h1, .h1 { font-size: 2.0625rem; font-weight: 400; line-height: 1.05; margin-bottom: 30px; } h1 small, .h1 small { font-weight: 700; text-transform: uppercase; opacity: .8; } h2, .h2 { font-size: 1.6875rem; margin-bottom: 30px; font-weight: 400; } h3, .h3 { font-size: 1.4375rem; margin-bottom: 30px; font-weight: 400; line-height: 1.4em; } h4, .h4 { font-size: 1.0625rem; line-height: 1.45em; margin-bottom: 15px; font-weight: 400; } h4+.category, h4.title+.category, .h4+.category, .h4.title+.category { margin-top: -10px; } h5, .h5 { font-size: 0.8125rem; line-height: 1.4em; margin-bottom: 15px; font-weight: 400; } h6, .h6 { font-size: 0.75rem; font-weight: 400; text-transform: uppercase; font-weight: 600; } p { color: rgba(255, 255, 255, 0.8); font-weight: 300; margin-bottom: 5px; } p.description { font-size: 1.14em; } .title { font-weight: 600; } .title.title-up { text-transform: uppercase; } .title.title-up a { color: #222a42; text-decoration: none; } .title+.category { margin-top: -10px; } .description, .card-description, .footer-big p, .card .footer .stats { color: #9A9A9A; font-weight: 300; } .category, .card-category { text-transform: capitalize; font-weight: 400; color: rgba(255, 255, 255, 0.6); font-size: 0.8571em; } .card-category { font-size: 0.75rem; } .text-primary, a.text-primary:focus, a.text-primary:hover { color: #e14eca !important; } .text-info, a.text-info:focus, a.text-info:hover { color: #1d8cf8 !important; } .text-success, a.text-success:focus, a.text-success:hover { color: #00f2c3 !important; } .text-warning, a.text-warning:focus, a.text-warning:hover { color: #ff8d72 !important; } .text-danger, a.text-danger:focus, a.text-danger:hover { color: #fd5d93 !important; } .text-gray, a.text-gray:focus, a.text-gray:hover { color: #E3E3E3 !important; } .blockquote { border-left: none; border: 1px solid #344675; padding: 20px; font-size: 1.1em; line-height: 1.8; } .blockquote small { color: #344675; font-size: 0.8571em; text-transform: uppercase; } .blockquote.blockquote-primary { border-color: #e14eca; color: #e14eca; } .blockquote.blockquote-primary small { color: #e14eca; } .blockquote.blockquote-danger { border-color: #fd5d93; color: #fd5d93; } .blockquote.blockquote-danger small { color: #fd5d93; } .blockquote.blockquote-white { border-color: rgba(255, 255, 255, 0.8); color: #FFFFFF; } .blockquote.blockquote-white small { color: rgba(255, 255, 255, 0.8); } ul li, ol li { color: #FFFFFF; } pre { color: rgba(255, 255, 255, 0.8); } body { background: #1e1e2d; color: #222a42; font-size: 14px; font-family: "Poppins"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body.dashboard-white .main-panel { background: rgba(222, 222, 222, 0.3); } body.dashboard-white .footer ul li a { color: #222a42; } body.dashboard-white .footer .copyright { color: #222a42; } body.dashboard-white .navbar-minimize button i { color: #222a42; } body.dashboard-white .navbar .navbar-brand { color: #222a42; } .main { position: relative; background: #FFFFFF; } /* Animations */ .nav-pills .nav-link, .navbar, .nav-tabs .nav-link, .sidebar .nav a, .sidebar .nav a i, .navbar-collapse .navbar-nav .nav-link, .animation-transition-general, .sidebar .navbar-minimize, .off-canvas-sidebar .navbar-minimize, .sidebar .nav p, .off-canvas-sidebar .nav p, .sidebar .logo a.logo-mini, .sidebar .logo a.logo-normal, .off-canvas-sidebar .logo a.logo-mini, .off-canvas-sidebar .logo a.logo-normal, .tag, .tag [data-role="remove"], .animation-transition-general, .sidebar .navbar-minimize, .off-canvas-sidebar .navbar-minimize, .sidebar .nav p, .off-canvas-sidebar .nav p, .sidebar .logo a.logo-mini, .sidebar .logo a.logo-normal, .off-canvas-sidebar .logo a.logo-mini, .off-canvas-sidebar .logo a.logo-normal { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .bootstrap-switch-label:before, .caret { -webkit-transition: all 150ms ease 0s; -moz-transition: all 150ms ease 0s; -o-transition: all 150ms ease 0s; -ms-transition: all 150ms ease 0s; transition: all 150ms ease 0s; } .dropdown-toggle[aria-expanded="true"]:after, a[data-toggle="collapse"][aria-expanded="true"] .caret, .card-collapse .card a[data-toggle="collapse"][aria-expanded="true"] i, .card-collapse .card a[data-toggle="collapse"].expanded i { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .button-bar { display: block; position: relative; width: 22px; height: 1px; border-radius: 1px; background: #FFFFFF; } .button-bar+.button-bar { margin-top: 7px; } .button-bar:nth-child(2) { width: 17px; } .caret { width: 0; height: 0; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-top: -5px; position: absolute; top: 30px; margin-left: 5px; } .pull-left { float: left; } .pull-right { float: right; } .sidebar, .main-panel { -webkit-transition-property: top, bottom, width; transition-property: top, bottom, width; -webkit-transition-duration: .2s, .2s, .35s; transition-duration: .2s, .2s, .35s; -webkit-transition-timing-function: linear, linear, ease; transition-timing-function: linear, linear, ease; -webkit-overflow-scrolling: touch; } .card form label+.form-control { margin-bottom: 20px; } .offline-doc .page-header:before { background: rgba(0, 0, 0, 0.75); } .offline-doc .navbar { border: none; } .offline-doc .footer { position: absolute; width: 100%; background: transparent; bottom: 0; color: #FFFFFF; padding: 0.9375rem 0; } .bd-docs h1, .bd-docs h2, .bd-docs h3, .bd-docs h4, .bd-docs h5, .bd-docs h6, .bd-docs p, .bd-docs ul li, .bd-docs ol li { color: #2c2c2c; } .bd-docs .navbar .navbar-brand { position: relative; margin-top: 0; } .bd-docs .bd-example { background: linear-gradient(#1e1e2f, #1e1e24); } .bd-docs .bd-example .tim-icons { color: #FFFFFF; } .bd-docs .bd-example h1, .bd-docs .bd-example h2, .bd-docs .bd-example h3, .bd-docs .bd-example h4, .bd-docs .bd-example h5, .bd-docs .bd-example h6, .bd-docs .bd-example .h1, .bd-docs .bd-example .h2, .bd-docs .bd-example .h3, .bd-docs .bd-example .h4, .bd-docs .bd-example .h5, .bd-docs .bd-example .h6 { color: rgba(255, 255, 255, 0.8); } .bd-docs .navbar { border-top: none; } .bd-docs .navbar .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.8) !important; } .bd-docs .card.card-body, .bd-docs .card .card-body { color: rgba(255, 255, 255, 0.8); } .bd-docs .card p { color: rgba(255, 255, 255, 0.8); } .bd-docs .blockquote, .bd-docs .blockquote p, .bd-docs .card p { color: rgba(255, 255, 255, 0.8); } .bd-docs .footer .container-fluid>nav { display: inline-block; } .form-check { margin-top: .5rem; padding-left: 0; } .form-check .form-check-label { display: inline-block; position: relative; cursor: pointer; padding-left: 25px; line-height: 18px; margin-bottom: 0; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; -ms-transition: color 0.3s linear; transition: color 0.3s linear; } .radio .form-check-sign { padding-left: 28px; } .form-check-radio.form-check-inline .form-check-label { padding-left: 5px; margin-right: 10px; } .form-check .form-check-sign::before, .form-check .form-check-sign::after { content: " "; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; cursor: pointer; border-radius: 3px; top: 0; border: 1px solid #818181; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .form-check input[type="checkbox"]:checked+.form-check-sign::before, .form-check input[type="checkbox"]:checked+.form-check-sign::before { border: none; background-color: #e14eca; } .form-check .form-check-sign::after { font-family: 'nucleo'; content: "\ea1b"; top: 0px; text-align: center; font-size: 14px; opacity: 0; color: #FFFFFF; font-weight: 700; border: 0; background-color: inherit; } .form-check.disabled .form-check-label, .form-check.disabled .form-check-label { color: #9A9A9A; opacity: .5; cursor: not-allowed; } .form-check input[type="checkbox"], .radio input[type="radio"] { opacity: 0; position: absolute; visibility: hidden; } .form-check input[type="checkbox"]:checked+.form-check-sign::after { opacity: 1; font-size: 10px; margin-top: 0; } .form-check input[type="checkbox"]+.form-check-sign::after { opacity: 0; font-size: 10px; margin-top: 0; } .form-control input[type="checkbox"]:disabled+.form-check-sign::before, .checkbox input[type="checkbox"]:disabled+.form-check-sign::after { cursor: not-allowed; } .form-check input[type="checkbox"]:disabled+.form-check-sign, .form-check input[type="radio"]:disabled+.form-check-sign { pointer-events: none; } .form-check-radio .form-check-label { padding-top: 3px; } .form-check-radio .form-check-sign::before, .form-check-radio .form-check-sign::after { content: " "; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #818181; display: inline-block; position: absolute; left: 0px; top: 3px; padding: 1px; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .form-check-radio input[type="radio"]+.form-check-sign:after, .form-check-radio input[type="radio"] { opacity: 0; } .form-check-radio input[type="radio"]:checked+.form-check-sign::after { width: 6px; height: 6px; background-color: #e14eca; border-color: #e14eca; top: 9px; left: 6px; opacity: 1; } .form-check-radio input[type="radio"]:checked+.form-check-sign::before { border-color: #e14eca; } .form-check-radio input[type="radio"]:checked+.form-check-sign::after { opacity: 1; } .form-check-radio input[type="radio"]:disabled+.form-check-sign { color: #9A9A9A; } .form-check-radio input[type="radio"]:disabled+.form-check-sign::before, .form-check-radio input[type="radio"]:disabled+.form-check-sign::after { color: #9A9A9A; } .navbar { padding: 10px 30px 10px 15px; width: 100%; z-index: 1050; min-height: 70px; background: #1a1e34; border-top: 2px solid #e14eca; } .navbar .photo { display: inline-block; height: 30px; width: 30px; border-radius: 50%; vertical-align: middle; overflow: hidden; } .navbar .photo img { width: 100%; } .navbar .navbar-text { color: #FFFFFF; } .navbar .btn { margin: 0 5px 0 10px; } .navbar.navbar-absolute { position: absolute; width: 100%; z-index: 1050; } .navbar[data-color="blue"] { border-top: 2px solid #1d8cf8; } .navbar[data-color="green"] { border-top: 2px solid #00f2c3; } .navbar[data-color="orange"] { border-top: 2px solid #ff8d72; } .navbar[data-color="red"] { border-top: 2px solid #fd5d93; } .navbar[data-color="primary"] { border-top: 2px solid #e14eca; } .navbar.navbar-transparent { background: transparent !important; } .navbar.bg-white .navbar-nav .search-bar.input-group i { color: #222a42; } .navbar.bg-white .navbar-nav .search-bar.input-group .form-control { background: rgba(34, 42, 66, 0.1); border-radius: 4px; } .navbar.bg-white .navbar-nav a.nav-link { color: #222a42 !important; } .navbar.bg-white .navbar-nav a.nav-link p { color: #222a42; } .navbar.bg-white .navbar-text, .navbar.bg-white .navbar-brand { color: #222a42; } .navbar.bg-white .form-control { color: #222a42 !important; } .navbar.bg-white .form-control::placeholder { color: #9A9A9A !important; } .navbar.bg-dark { background: #222a42 !important; } .navbar.bg-primary { background-color: #e14eca !important; } .navbar.bg-warning { background-color: #ff8d72 !important; } .navbar.bg-info { background-color: #1d8cf8 !important; } .navbar.bg-success { background-color: #00bf9a !important; } .navbar.bg-danger { background-color: #fd5d93 !important; } .navbar .navbar-brand { position: fixed; color: #FFFFFF; margin-left: 17px; margin-top: -15px; text-transform: uppercase; font-size: 1rem; } .navbar .navbar-toggle button:focus, .navbar .navbar-toggler { outline: none; } .navbar-minimize-fixed { position: fixed; margin-left: 40px; margin-top: 14px; transition: 0.3s ease; color: white; z-index: 20; opacity: 0; transition: 0.2s ease; } .navbar-minimize-fixed button i { font-size: 20px; } .notification { background: #fd5d93; color: white; border-radius: 0.875rem; height: 6px; width: 6px; position: absolute; text-align: center; font-size: 12px; font-weight: 800; top: 10px; right: 10px; border: 1px solid #fd5d93; } .navbar-nav li { padding: 0 10px; } .navbar-nav li a { color: #FFFFFF; } .navbar-nav li i { vertical-align: middle; font-size: 20px; } .page-header { min-height: 100vh; max-height: 999px; padding: 0; color: #FFFFFF; position: relative; } .page-header .page-header-image { position: absolute; background-size: cover; background-position: center center; width: 100%; height: 100%; z-index: -1; } .page-header .content-center { position: absolute; top: 50%; left: 50%; z-index: 2; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #FFFFFF; padding: 0 15px; width: 100%; max-width: 880px; } .page-header footer { position: absolute; bottom: 0; width: 100%; } .page-header .container { height: 100%; z-index: 1; } .page-header .category, .page-header .description { color: rgba(255, 255, 255, 0.8); } .page-header.page-header-small { min-height: 60vh; max-height: 440px; } .page-header.page-header-mini { min-height: 40vh; max-height: 340px; } .page-header .title { margin-bottom: 15px; } .page-header .title+h4 { margin-top: 10px; } .page-header:after, .page-header:before { position: absolute; z-index: 0; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; } .page-header:before { background-color: rgba(0, 0, 0, 0.3); } .page-header[filter-color="orange"] { background: rgba(34, 42, 66, 0.2); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(90deg, rgba(34, 42, 66, 0.2), rgba(224, 23, 3, 0.6)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(90deg, rgba(34, 42, 66, 0.2), rgba(224, 23, 3, 0.6)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(90deg, rgba(34, 42, 66, 0.2), rgba(224, 23, 3, 0.6)); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, rgba(34, 42, 66, 0.2), rgba(224, 23, 3, 0.6)); /* Standard syntax */ } .dropdown-menu { border: 0; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2); border-radius: 0.1428rem; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; font-size: 14px; } .dropdown-menu.dropdown-menu-right:before, .dropdown-menu.dropdown-menu-right:after { left: auto; right: 10px; } .dropdown-menu.dropdown-black { background: linear-gradient(to bottom, #222a42 0%, #1d253b 100%); border: 1px solid #344675; } .dropdown-menu.dropdown-black .dropdown-item { color: rgba(255, 255, 255, 0.7); } .dropdown-menu.dropdown-black .dropdown-divider { border-color: #344675; } .dropdown-menu.dropdown-black:before { color: #222a42; z-index: 2; } .dropdown-menu.dropdown-black:after { display: inline-block; position: absolute; width: 0; height: 0; z-index: 1; vertical-align: middle; content: ""; top: -6px; left: 10px; right: auto; color: #344675; border-bottom: .4em solid; border-right: .4em solid transparent; border-left: .4em solid transparent; } .dropdown-menu.dropdown-black.dropdown-menu-right:after { left: auto; right: 10px; } .dropup .dropdown-menu.dropdown-black:after { color: #1d253b; z-index: 2; } .dropup .dropdown-menu.dropdown-black:before { display: inline-block; position: absolute; width: 0; height: 0; vertical-align: middle; content: ""; top: auto; bottom: -6px; right: auto; left: 10px; color: #555; border-top: .4em solid; border-right: .4em solid transparent; border-left: .4em solid transparent; border-bottom: none; z-index: 1; } .dropdown-menu i { margin-right: 5px; position: relative; top: 1px; } .dropdown-menu .tim-icons { margin-right: 10px; position: relative; top: 4px; font-size: 18px; margin-top: -5px; opacity: .5; } .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active { color: inherit; } .dropup .dropdown-menu:before { display: none; } .dropup .dropdown-menu:after { display: inline-block; position: absolute; width: 0; height: 0; vertical-align: middle; content: ""; top: auto; bottom: -5px; right: auto; left: 10px; color: #FFFFFF; border-top: .4em solid; border-right: .4em solid transparent; border-left: .4em solid transparent; border-bottom: none; } .dropup .dropdown-menu.dropdown-menu-right:after, .dropup .dropdown-menu.dropdown-menu-right:before { right: 10px; left: auto; } .dropdown-menu:before { display: inline-block; position: absolute; width: 0; height: 0; vertical-align: middle; content: ""; top: -5px; left: 10px; right: auto; color: #FFFFFF; border-bottom: .4em solid; border-right: .4em solid transparent; border-left: .4em solid transparent; } .dropdown-menu.dropdown-menu-right { right: 0 !important; left: auto !important; } .dropdown-menu .dropdown-item, .bootstrap-select .dropdown-menu.inner li a { font-size: 0.8571em; padding-top: .6rem; padding-bottom: .6rem; margin-top: 5px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .bootstrap-select .dropdown-menu.inner li a:hover, .bootstrap-select .dropdown-menu.inner li a:focus { background-color: rgba(222, 222, 222, 0.3); } .dropdown-menu .dropdown-item.disabled, .dropdown-menu .dropdown-item:disabled, .bootstrap-select .dropdown-menu.inner li a.disabled, .bootstrap-select .dropdown-menu.inner li a:disabled { color: rgba(182, 182, 182, 0.6); } .dropdown-menu .dropdown-item.disabled:hover, .dropdown-menu .dropdown-item.disabled:focus, .dropdown-menu .dropdown-item:disabled:hover, .dropdown-menu .dropdown-item:disabled:focus, .bootstrap-select .dropdown-menu.inner li a.disabled:hover, .bootstrap-select .dropdown-menu.inner li a.disabled:focus, .bootstrap-select .dropdown-menu.inner li a:disabled:hover, .bootstrap-select .dropdown-menu.inner li a:disabled:focus { background-color: transparent; box-shadow: none; } .dropdown-menu .dropdown-divider { background-color: rgba(222, 222, 222, 0.5); } .dropdown-menu .dropdown-header:not([href]):not([tabindex]) { color: rgba(182, 182, 182, 0.6); font-size: 0.7142em; text-transform: uppercase; font-weight: 700; } .dropdown-menu.dropdown-primary { background-color: #df41c6; } .dropdown-menu.dropdown-primary:before { color: #df41c6; } .dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) { color: rgba(255, 255, 255, 0.8); } .dropdown-menu.dropdown-primary .dropdown-item { color: #FFFFFF; } .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown-menu.dropdown-primary .dropdown-item:focus { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-primary .dropdown-divider { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-info { background-color: #0e84f8; } .dropdown-menu.dropdown-info:before { color: #0e84f8; } .dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) { color: rgba(255, 255, 255, 0.8); } .dropdown-menu.dropdown-info .dropdown-item { color: #FFFFFF; } .dropdown-menu.dropdown-info .dropdown-item:hover, .dropdown-menu.dropdown-info .dropdown-item:focus { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-info .dropdown-divider { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-danger { background-color: #fd4e89; } .dropdown-menu.dropdown-danger:before { color: #fd4e89; } .dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) { color: rgba(255, 255, 255, 0.8); } .dropdown-menu.dropdown-danger .dropdown-item { color: #FFFFFF; } .dropdown-menu.dropdown-danger .dropdown-item:hover, .dropdown-menu.dropdown-danger .dropdown-item:focus { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-danger .dropdown-divider { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-success { background-color: #00e3b7; } .dropdown-menu.dropdown-success:before { color: #00e3b7; } .dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) { color: rgba(255, 255, 255, 0.8); } .dropdown-menu.dropdown-success .dropdown-item { color: #FFFFFF; } .dropdown-menu.dropdown-success .dropdown-item:hover, .dropdown-menu.dropdown-success .dropdown-item:focus { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-success .dropdown-divider { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-warning { background-color: #ff8163; } .dropdown-menu.dropdown-warning:before { color: #ff8163; } .dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) { color: rgba(255, 255, 255, 0.8); } .dropdown-menu.dropdown-warning .dropdown-item { color: #FFFFFF; } .dropdown-menu.dropdown-warning .dropdown-item:hover, .dropdown-menu.dropdown-warning .dropdown-item:focus { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu.dropdown-warning .dropdown-divider { background-color: rgba(255, 255, 255, 0.2); } .dropdown .dropdown-menu, .dropup:not(.bootstrap-select) .dropdown-menu, .bootstrap-select .dropdown-menu:not(.inner), .dropdown-menu.bootstrap-datetimepicker-widget.top, .dropdown-menu.bootstrap-datetimepicker-widget.bottom { -webkit-transform: translate3d(0, -20px, 0) !important; -moz-transform: translate3d(0, -20px, 0) !important; -o-transform: translate3d(0, -20px, 0) !important; -ms-transform: translate3d(0, -20px, 0) !important; transform: translate3d(0, -20px, 0) !important; visibility: hidden; display: block; opacity: 0; filter: alpha(opacity=0); top: 100% !important; } .dropdown-menu.bootstrap-datetimepicker-widget.top, .dropdown-menu.bootstrap-datetimepicker-widget.bottom { -webkit-transform: translate3d(0, -20px, 0) !important; -moz-transform: translate3d(0, -20px, 0) !important; -o-transform: translate3d(0, -20px, 0) !important; -ms-transform: translate3d(0, -20px, 0) !important; transform: translate3d(0, -20px, 0) !important; } .bootstrap-select.dropup .dropdown-menu:not(.inner) { -webkit-transform: translate3d(0, 25px, 0) !important; -moz-transform: translate3d(0, 25px, 0) !important; -o-transform: translate3d(0, 25px, 0) !important; -ms-transform: translate3d(0, 25px, 0) !important; transform: translate3d(0, 25px, 0) !important; } .dropup:not(.bootstrap-select) .dropdown-menu { -webkit-transform: translate3d(0, 20px, 0) !important; -moz-transform: translate3d(0, 20px, 0) !important; -o-transform: translate3d(0, 20px, 0) !important; -ms-transform: translate3d(0, 20px, 0) !important; transform: translate3d(0, 20px, 0) !important; top: auto !important; bottom: 100%; } .dropdown.show .dropdown-menu, .bootstrap-select.show .dropdown-menu:not(.inner), .dropdown-menu.bootstrap-datetimepicker-widget.top.open, .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open, .dropup.show:not(.bootstrap-select) .dropdown-menu, .navbar .dropdown.show .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translate3d(0, 1px, 0) !important; -moz-transform: translate3d(0, 1px, 0) !important; -o-transform: translate3d(0, 1px, 0) !important; -ms-transform: translate3d(0, 1px, 0) !important; transform: translate3d(0, 1px, 0) !important; } .dropdown-menu.bootstrap-datetimepicker-widget.top.open, .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open { -webkit-transform: translate3d(0, 0px, 0) !important; -moz-transform: translate3d(0, 0px, 0) !important; -o-transform: translate3d(0, 0px, 0) !important; -ms-transform: translate3d(0, 0px, 0) !important; transform: translate3d(0, 0px, 0) !important; } .dropup.show:not(.bootstrap-select) .dropdown-menu { -webkit-transform: translate3d(0, -2px, 0) !important; -moz-transform: translate3d(0, -2px, 0) !important; -o-transform: translate3d(0, -2px, 0) !important; -ms-transform: translate3d(0, -2px, 0) !important; transform: translate3d(0, -2px, 0) !important; } .dropdown-menu.dropdown-navbar { left: -80px; } .dropdown-menu.dropdown-navbar:before, .dropdown-menu.dropdown-navbar:after { left: auto; right: 17px; } .btn { cursor: pointer; } .btn.dropdown-toggle { padding: 10px; margin: 0; margin-bottom: 5px; } .btn.dropdown-toggle:after { content: ""; margin-left: 5px; } .btn span.bs-caret { display: none; } .btn.btn-link.dropdown-toggle { height: 22px; padding: 0; margin-right: 5px; } .dropdown-toggle:after { content: unset; } .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus { box-shadow: none; } .alert { border: 0; border-radius: 0.2857rem; color: #FFFFFF; padding-top: .9rem; padding-bottom: .9rem; position: relative; } .alert .alert-link { color: #FFFFFF; } .alert.alert-success { background-color: #00bf9a; } .alert.alert-danger { background-color: #fd76a4; } .alert.alert-warning { background-color: #ffa28c; } .alert.alert-info { background-color: #3699f9; } .alert.alert-primary { background-color: #e564d1; } .alert i.fa, .alert i.tim-icons { font-size: 16px; } .alert .close { color: #FFFFFF; opacity: .9; text-shadow: none; line-height: 0; outline: 0; } .alert span[data-notify="icon"] { font-size: 22px; display: block; left: 19px; position: absolute; top: 50%; margin-top: -11px; } .alert button.close { position: absolute; right: 15px; top: 50%; margin-top: -13px; width: 25px; height: 25px; padding: 3px; } .alert .close~span { display: block; max-width: 89%; } .alert.alert-with-icon { padding-left: 65px; } img { max-width: 100%; border-radius: 0.2857rem; } .img-raised { box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3); } .table>tbody>tr>td { color: rgba(255, 255, 255, 0.7) !important; } .table>tbody>tr>td .photo { height: 30px; width: 30px; border-radius: 50%; overflow: hidden; margin: 0 auto; } .table>tbody>tr>td .photo img { width: 100%; } .table>tbody>tr.table-success>td { background-color: #00bf9a; } .table>tbody>tr.table-info>td { background-color: #1d8cf8; } .table>tbody>tr.table-primary>td { background-color: #e14eca; } .table>tbody>tr.table-warning>td { background-color: #ff8d72; } .table>tbody>tr.table-danger>td { background-color: #fd5d93; } .table .img-wrapper { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin: 0 auto; } .table .img-row { max-width: 60px; width: 60px; } .table .form-check { margin: 0; margin-top: 5px; } .table .form-check label .form-check-sign::before, .table .form-check label .form-check-sign::after { top: -17px; left: 4px; } .table .btn { margin: 0; } .table small, .table .small { font-weight: 300; } .card-tasks .card-body .table { margin-bottom: 0; } .card-tasks .card-body .table>thead>tr>th, .card-tasks .card-body .table>tbody>tr>th, .card-tasks .card-body .table>tfoot>tr>th, .card-tasks .card-body .table>thead>tr>td, .card-tasks .card-body .table>tbody>tr>td, .card-tasks .card-body .table>tfoot>tr>td { padding-top: 5px; padding-bottom: 5px; } .table>thead>tr>th { border-bottom-width: 1px; font-size: 12px; text-transform: uppercase; font-weight: 700; border: 0; color: rgba(255, 255, 255, 0.7); } .table .radio, .table .checkbox { margin-top: 0; margin-bottom: 0; padding: 0; width: 15px; } .table .radio .icons, .table .checkbox .icons { position: relative; } .table .radio label:after, .table .radio label:before, .table .checkbox label:after, .table .checkbox label:before { top: -17px; left: -3px; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border-color: rgba(255, 255, 255, 0.1); padding: 12px 7px; vertical-align: middle; } .table.table-shopping tbody tr:last-child td { border: none; } .table .th-description { max-width: 150px; } .table .td-price { font-size: 26px; font-weight: 300; margin-top: 5px; position: relative; top: 4px; text-align: right; } .table .td-total { font-weight: 700; font-size: 0.8125rem; padding-top: 20px; text-align: right; } .table .td-actions .btn { margin: 0px; } .table>tbody>tr { position: relative; } .table>tfoot>tr { color: rgba(255, 255, 255, 0.7); text-transform: uppercase; } .table-shopping>thead>tr>th { text-transform: uppercase; } .table-shopping>tbody>tr>td { font-size: 1rem; } .table-shopping>tbody>tr>td b { display: block; margin-bottom: 5px; } .table-shopping .td-name { font-weight: 400; font-size: 1.5em; } .table-shopping .td-name small { color: #9A9A9A; font-size: 0.75em; font-weight: 300; } .table-shopping .td-number { font-weight: 300; } .table-shopping .td-number .btn-group { padding-right: 15px; } .table-shopping .td-name { min-width: 200px; } .table-shopping .td-number { text-align: right; min-width: 170px; } .table-shopping .td-number small { margin-right: 3px; } .table-shopping .img-container { width: 120px; max-height: 160px; overflow: hidden; display: block; } .table-shopping .img-container img { width: 100%; } .table-responsive { overflow: scroll; padding-bottom: 10px; } #tables .table-responsive { margin-bottom: 30px; } table.tablesorter thead tr .header { background-image: url("../../../assets/img/dashboard/pro/bg.gif"); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter thead tr .headerSortUp { background-image: url("../../../assets/img/dashboard/pro/asc.gif"); } table.tablesorter thead tr .headerSortDown { background-image: url("../../../assets/img/dashboard/pro/desc.gif"); } .wrapper { position: relative; top: 0; height: 100vh; } .wrapper.wrapper-full-page { min-height: 100vh; height: auto; } .sidebar, .off-canvas-sidebar { height: calc(100vh - 90px); width: 230px; position: fixed; top: 0; left: 0; z-index: 1; background-size: cover; background-position: center center; display: block; background: linear-gradient(to bottom, #e14eca 0%, #ba54f5 100%); box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.6); margin-top: 80px; margin-left: 20px; border-radius: 5px; } .sidebar[data-color="blue"], .off-canvas-sidebar[data-color="blue"] { background: #3358f4; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(90deg, #3358f4, #1d8cf8); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(90deg, #3358f4, #1d8cf8); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(90deg, #3358f4, #1d8cf8); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, #3358f4, #1d8cf8); /* Standard syntax */ } .sidebar[data-color="blue"]:before, .off-canvas-sidebar[data-color="blue"]:before { border-bottom-color: #1d8cf8; } .sidebar[data-color="green"], .off-canvas-sidebar[data-color="green"] { background: #0098f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(90deg, #0098f0, #00f2c3); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(90deg, #0098f0, #00f2c3); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(90deg, #0098f0, #00f2c3); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, #0098f0, #00f2c3); /* Standard syntax */ } .sidebar[data-color="green"]:before, .off-canvas-sidebar[data-color="green"]:before { border-bottom-color: #00f2c3; } .sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper { width: 100%; min-height: 100%; max-height: calc(100vh - 705px); z-index: 4; position: relative; overflow: auto; } .sidebar .sidebar-wrapper .dropdown .dropdown-backdrop, .off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop { display: none !important; } .sidebar .sidebar-wrapper .navbar-form, .off-canvas-sidebar .sidebar-wrapper .navbar-form { border: none; } .sidebar .navbar-minimize, .off-canvas-sidebar .navbar-minimize { position: absolute; right: 20px; top: 2px; opacity: 1; } .sidebar .logo-tim, .off-canvas-sidebar .logo-tim { border-radius: 50%; border: 1px solid #333; display: block; height: 61px; width: 61px; float: left; overflow: hidden; } .sidebar .logo-tim img, .off-canvas-sidebar .logo-tim img { width: 60px; height: 60px; } .sidebar .nav, .off-canvas-sidebar .nav { margin-top: 20px; display: block; } .sidebar .nav .caret, .off-canvas-sidebar .nav .caret { top: 14px; position: absolute; right: 10px; } .sidebar .nav li>a+div .nav li>a, .off-canvas-sidebar .nav li>a+div .nav li>a { margin-top: 7px; } .sidebar .nav li>a, .off-canvas-sidebar .nav li>a { margin: 10px 15px 0; border-radius: 30px; color: #FFFFFF; display: block; text-decoration: none; position: relative; text-transform: uppercase; cursor: pointer; font-size: 0.7142em; padding: 10px 8px; line-height: 1.625rem; } .sidebar .nav li:first-child>a, .off-canvas-sidebar .nav li:first-child>a { margin: 0 15px; } .sidebar .nav li:hover:not(.active)>a i, .sidebar .nav li:hover:not(.active)>a p, .sidebar .nav li:focus:not(.active)>a i, .sidebar .nav li:focus:not(.active)>a p, .off-canvas-sidebar .nav li:hover:not(.active)>a i, .off-canvas-sidebar .nav li:hover:not(.active)>a p, .off-canvas-sidebar .nav li:focus:not(.active)>a i, .off-canvas-sidebar .nav li:focus:not(.active)>a p { color: #FFFFFF; } .sidebar .nav li.active>a i, .sidebar .nav li.active>a p, .off-canvas-sidebar .nav li.active>a i, .off-canvas-sidebar .nav li.active>a p { color: #FFFFFF; } .sidebar .nav li.active>a:before, .off-canvas-sidebar .nav li.active>a:before { content: " "; position: absolute; height: 6px; width: 6px; top: 22px; left: -4px; background: #fff; border-radius: 50%; } .sidebar .nav p, .off-canvas-sidebar .nav p { margin: 0; line-height: 30px; position: relative; display: block; height: auto; white-space: nowrap; } .sidebar .nav i, .off-canvas-sidebar .nav i { font-size: 20px; float: left; margin-right: 12px; line-height: 30px; width: 34px; text-align: center; color: rgba(255, 255, 255, 0.8); position: relative; } .sidebar .sidebar-background, .off-canvas-sidebar .sidebar-background { position: absolute; z-index: 1; height: 100%; width: 100%; display: block; top: 0; left: 0; background-size: cover; background-position: center center; } .sidebar .sidebar-background:after, .off-canvas-sidebar .sidebar-background:after { position: absolute; z-index: 3; width: 100%; height: 100%; content: ""; display: block; background: #FFFFFF; opacity: 1; } .sidebar .logo, .off-canvas-sidebar .logo { position: relative; padding: 0.5rem 0.7rem; z-index: 4; } .sidebar .logo a.logo-mini, .off-canvas-sidebar .logo a.logo-mini { opacity: 1; float: left; width: 34px; text-align: center; margin-left: 10px; margin-right: 12px; } .sidebar .logo a.logo-normal, .off-canvas-sidebar .logo a.logo-normal { display: block; opacity: 1; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .sidebar .logo:after, .off-canvas-sidebar .logo:after { content: ''; position: absolute; bottom: 0; right: 15px; height: 1px; width: calc(100% - 30px); background-color: rgba(255, 255, 255, 0.5); } .sidebar .logo p, .off-canvas-sidebar .logo p { float: left; font-size: 20px; margin: 10px 10px; color: #FFFFFF; line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .sidebar .logo .simple-text, .off-canvas-sidebar .logo .simple-text { text-transform: uppercase; padding: 0.5rem 0; display: block; white-space: nowrap; font-size: 1em; color: #FFFFFF; text-decoration: none; font-weight: 400; line-height: 30px; overflow: hidden; } .sidebar .logo-tim, .off-canvas-sidebar .logo-tim { border-radius: 50%; border: 1px solid #333; display: block; height: 61px; width: 61px; float: left; overflow: hidden; } .sidebar .logo-tim img, .off-canvas-sidebar .logo-tim img { width: 60px; height: 60px; } .visible-on-sidebar-regular { display: inline-block !important; } .off-canvas-sidebar .nav>li>a, .off-canvas-sidebar .nav>li>a:hover { color: #FFFFFF; } .off-canvas-sidebar .nav>li>a:focus { background: rgba(200, 200, 200, 0.2); } .main-panel { position: relative; float: right; width: 100%; min-height: 100vh; background: linear-gradient(#1e1e2f, #1e1e24); -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } .main-panel>.navbar { margin-bottom: 0; } .main-panel .header { margin-bottom: 50px; } .main-panel .content { padding: 80px 30px 30px 280px; min-height: calc(100vh - 70px); } .main-panel .navbar-minimize button { margin-left: 25px; } .main-panel .navbar-minimize button i { color: #FFFFFF; font-size: 20px; } .perfect-scrollbar-on .sidebar, .perfect-scrollbar-on .main-panel { height: 100%; max-height: 100%; } .footer { padding: 24px 0 24px 250px; } .footer.footer-default { background-color: #f2f2f2; } .footer nav { display: inline-block; float: left; padding-left: 7px; } .footer ul { margin-bottom: 0; padding: 0; list-style: none; } .footer ul li { display: inline-block; } .footer ul li a { color: #FFFFFF; padding: 0.5rem; font-size: 0.8571em; text-transform: uppercase; text-decoration: none; } .footer ul li a:hover { text-decoration: none; } .footer .copyright { font-size: 0.8571em; line-height: 1.8; color: #FFFFFF; } .footer:after { display: table; clear: both; content: " "; } .fixed-plugin { position: fixed; right: 30px; width: 64px; background: rgba(0, 0, 0, 0.3); z-index: 1031; border-radius: 8px 0 0 8px; text-align: center; top: 10px; } .fixed-plugin li>a, .fixed-plugin .badge { transition: all .34s; -webkit-transition: all .34s; -moz-transition: all .34s; } .fixed-plugin .fa-cog { color: #FFFFFF; padding: 10px; border-radius: 0 0 6px 6px; width: auto; } .fixed-plugin .dropdown-menu { right: 80px; left: auto !important; top: -52px !important; width: 290px; border-radius: 0.1875rem; padding: 0 10px; background: linear-gradient(#222a42, #1d253b); } .fixed-plugin .dropdown .dropdown-menu .tim-icons { top: 5px; } .fixed-plugin .dropdown-menu:after, .fixed-plugin .dropdown-menu:before { right: 10px; margin-left: auto; left: auto; } .fixed-plugin .fa-circle-thin { color: #FFFFFF; } .fixed-plugin .active .fa-circle-thin { color: #00bbff; } .fixed-plugin .dropdown-menu>.active>a, .fixed-plugin .dropdown-menu>.active>a:hover, .fixed-plugin .dropdown-menu>.active>a:focus { color: #777777; text-align: center; } .fixed-plugin img { border-radius: 0; width: 100%; height: 100px; margin: 0 auto; } .fixed-plugin .dropdown-menu li>a:hover, .fixed-plugin .dropdown-menu li>a:focus { box-shadow: none; } .fixed-plugin .badge { border: 2px solid #FFFFFF; border-radius: 50%; cursor: pointer; display: inline-block; height: 23px; margin-right: 5px; position: relative; width: 23px; } .fixed-plugin .badge.active, .fixed-plugin .badge:hover { border-color: #1d253b; } .fixed-plugin .badge-primary { background-color: #e14eca; } .fixed-plugin .badge-blue { background-color: #1d8cf8; } .fixed-plugin .badge-green { background-color: #00f2c3; } .fixed-plugin .badge-orange { background-color: #ff8d72; } .fixed-plugin .badge-red { background-color: #fd5d93; } .fixed-plugin .light-badge, .fixed-plugin .dark-badge { margin: 0; border: 1px solid #1d8cf8; } .fixed-plugin .light-badge:hover, .fixed-plugin .dark-badge:hover { border: 1px solid #1d8cf8; } .fixed-plugin .light-badge { background: #FFFFFF; } .fixed-plugin .light-badge:hover { background: #FFFFFF; } .fixed-plugin .dark-badge { background: #222a42; } .fixed-plugin .dark-badge:hover { background: #222a42; } .fixed-plugin h5 { font-size: 14px; margin: 10px; } .fixed-plugin .dropdown-menu li { display: block; padding: 18px 2px; width: 25%; float: left; } .fixed-plugin li.adjustments-line, .fixed-plugin li.header-title, .fixed-plugin li.button-container { width: 100%; height: 50px; min-height: inherit; } .fixed-plugin li.button-container { height: auto; } .fixed-plugin li.button-container div { margin-bottom: 5px; } .fixed-plugin #sharrreTitle { text-align: center; padding: 10px 0; height: 50px; } .fixed-plugin li.header-title { color: #FFFFFF; height: 30px; line-height: 25px; font-size: 12px; font-weight: 600; text-align: center; text-transform: uppercase; } .fixed-plugin .adjustments-line p { float: left; display: inline-block; margin-bottom: 0; font-size: 1em; color: #3C4858; } .fixed-plugin .adjustments-line a { color: transparent; } .fixed-plugin .adjustments-line a .badge-colors { position: relative; top: -2px; } .fixed-plugin .adjustments-line a a:hover, .fixed-plugin .adjustments-line a a:focus { color: transparent; } .fixed-plugin .adjustments-line .togglebutton { text-align: center; } .fixed-plugin .adjustments-line .togglebutton .label-switch { position: relative; left: -10px; font-size: 0.7142em; color: #FFFFFF; } .fixed-plugin .adjustments-line .togglebutton .label-switch.label-right { left: 10px; } .fixed-plugin .adjustments-line .togglebutton .toggle { margin-right: 0; } .fixed-plugin .adjustments-line .color-label { position: relative; top: -7px; font-size: 0.7142em; color: #FFFFFF; } .fixed-plugin .adjustments-line .dropdown-menu>li.adjustments-line>a { padding-right: 0; padding-left: 0; border-bottom: 1px solid #ddd; border-radius: 0; margin: 0; } .fixed-plugin .dropdown-menu>li>a.img-holder { font-size: 16px; text-align: center; border-radius: 10px; background-color: #FFF; border: 3px solid #FFF; padding-left: 0; padding-right: 0; opacity: 1; cursor: pointer; display: block; max-height: 100px; overflow: hidden; padding: 0; } .fixed-plugin .dropdown-menu>li>a.img-holder img { margin-top: auto; } .fixed-plugin .dropdown-menu>li a.switch-trigger:hover, .fixed-plugin .dropdown-menu>li>a.switch-trigger:focus { background-color: transparent; } .fixed-plugin .dropdown-menu>li:hover>a.img-holder, .fixed-plugin .dropdown-menu>li:focus>a.img-holder { border-color: rgba(0, 187, 255, 0.53); } .fixed-plugin .dropdown-menu>.active>a.img-holder, .fixed-plugin .dropdown-menu>.active>a.img-holder { border-color: #00bbff; background-color: #FFFFFF; } .fixed-plugin .btn-social { width: 50%; display: block; width: 48%; float: left; font-weight: 600; } .fixed-plugin .btn-social i { margin-right: 5px; } .fixed-plugin .btn-social:first-child { margin-right: 2%; } .fixed-plugin .dropdown .dropdown-menu { -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -o-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); top: 27px; opacity: 0; transform-origin: 0 0; } .fixed-plugin .dropdown .dropdown-menu:before { border-bottom: 0.4em solid rgba(0, 0, 0, 0); border-left: 0.4em solid rgba(0, 0, 0, 0.2); border-top: 0.4em solid rgba(0, 0, 0, 0); right: -16px; top: 46px; } .fixed-plugin .dropdown .dropdown-menu:after { border-bottom: 0.4em solid rgba(0, 0, 0, 0); border-left: 0.4em solid #222a42; border-top: 0.4em solid rgba(0, 0, 0, 0); right: -16px; } .fixed-plugin .dropdown .dropdown-menu:before, .fixed-plugin .dropdown .dropdown-menu:after { content: ""; display: inline-block; position: absolute; top: 74px; width: 16px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .fixed-plugin .dropdown.show .dropdown-menu { opacity: 1; -webkit-transform: translateY(-13%); -moz-transform: translateY(-13%); -o-transform: translateY(-13%); -ms-transform: translateY(-13%); transform: translateY(-13%); transform-origin: 0 0; } .fixed-plugin .bootstrap-switch { margin: 0; } .rtl .sidebar, .rtl .bootstrap-navbar { right: 0; left: auto; margin-right: 20px; margin-left: 0; } .rtl .sidebar .nav i, .rtl .bootstrap-navbar .nav i { float: right; margin-left: 15px; margin-right: 0; } .rtl .sidebar .nav p, .rtl .bootstrap-navbar .nav p { margin-right: 45px; text-align: right; } .rtl .sidebar .nav .caret, .rtl .bootstrap-navbar .nav .caret { left: 11px; right: auto; } .rtl .sidebar .logo a.logo-mini, .rtl .bootstrap-navbar .logo a.logo-mini { float: right; margin-right: 20px; margin-left: 10px; } .rtl .sidebar .logo .simple-text, .rtl .bootstrap-navbar .logo .simple-text { text-align: right; } .rtl .btn.dropdown-toggle:after { margin-right: 5px; } .rtl .main-panel .content { padding: 80px 280px 30px 30px; } .rtl .footer { padding: 24px 300px 24px 0; } .rtl .search-bar { margin-left: 0; } .rtl .card.card-tasks .dropdown-menu { margin-right: -115px; } @media screen and (max-width: 991px) { .rtl .sidebar { margin-right: 0; } .rtl .main-panel .content { padding-right: 50px; } } .rtl .navbar { overflow-x: hidden; } .card { background: #27293d; border: 0; border-radius: 0.2857rem; position: relative; width: 100%; margin-bottom: 30px; box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1); } .card label { color: rgba(255, 255, 255, 0.6); } .card .card-body { padding: 15px; } .card .card-body.table-full-width { padding-left: 0; padding-right: 0; } .card .card-body .card-title { color: #FFFFFF; text-transform: inherit; font-weight: 300; } .card .card-body .card-description, .card .card-body .card-category { color: rgba(255, 255, 255, 0.6); } .card .card-header { padding: 15px 15px 0; border: 0; color: rgba(255, 255, 255, 0.8); } .card .card-header:not([data-background-color]) { background-color: transparent; } .card .card-header .card-title { color: #FFFFFF; font-weight: 100; } .card .card-header .card-category { color: #9A9A9A; margin-bottom: 5px; font-weight: 300; } .card .map { border-radius: 0.2857rem; } .card .map.map-big { height: 400px; } .card.card-plain { background: transparent; box-shadow: none; } .card .image { overflow: hidden; height: 200px; position: relative; } .card .avatar { width: 30px; height: 30px; overflow: hidden; border-radius: 50%; margin-bottom: 15px; } .card label { font-size: 0.8571em; margin-bottom: 5px; } .card .card-footer { background-color: transparent; border: 0; padding: 15px; } .card .card-footer .stats i { margin-right: 5px; position: relative; } .card .card-footer h6 { margin-bottom: 0; padding: 7px 0; } .card-plain { background: transparent; box-shadow: none; } .card-plain .card-header, .card-plain .card-footer { margin-left: 0; margin-right: 0; background-color: transparent; } .card-plain:not(.card-subcategories).card-body { padding-left: 0; padding-right: 0; } .card-chart { overflow: hidden; } .card-chart .card-header .card-title { color: #FFFFFF; } .card-chart .card-header .card-title i { font-size: 16px; margin-right: 5px; margin-bottom: 3px; } .card-chart .card-header .card-category { margin-bottom: 5px; } .card-chart .card-body { padding-left: 5px; padding-right: 5px; } .card-chart .card-body .tab-space { padding: 0; } .card-chart .table { margin-bottom: 0; } .card-chart .table td { border-top: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .card-chart .card-progress { margin-top: 30px; padding: 0 10px; } .card-chart .chart-area { height: 220px; width: 100%; } .card-chart .card-footer { margin-top: 15px; } .card-chart .card-footer .stats { color: #9A9A9A; } .card-chart .dropdown { position: absolute; right: 20px; top: 20px; } .card-chart .dropdown .btn { margin: 0; } .card-chart.card-chart-pie .chart-area { padding: 10px 0 25px; height: auto; } .card-chart.card-chart-pie .card-title { margin-bottom: 10px; } .card-chart.card-chart-pie .card-title i { font-size: 1rem; } .card-user { overflow: hidden; } .card-user .image { height: 120px; } .card-user .author { text-align: center; text-transform: none; margin-top: 25px; } .card-user .author a+p.description { margin-top: -7px; } .card-user .author .block { position: absolute; height: 100px; width: 250px; } .card-user .author .block.block-one { background: rgba(225, 78, 202, 0.6); background: -webkit-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: -o-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: -moz-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); margin-top: -90px; margin-left: -50px; } .card-user .author .block.block-two { background: rgba(225, 78, 202, 0.6); background: -webkit-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: -o-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: -moz-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); margin-top: -40px; margin-left: -100px; } .card-user .author .block.block-three { background: rgba(225, 78, 202, 0.6); background: -webkit-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: -o-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: -moz-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); -webkit-transform: rotate(170deg); -moz-transform: rotate(170deg); -ms-transform: rotate(170deg); -o-transform: rotate(170deg); transform: rotate(170deg); margin-top: -70px; right: -45px; } .card-user .author .block.block-four { background: rgba(225, 78, 202, 0.6); background: -webkit-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: -o-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: -moz-linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); background: linear-gradient(to right, rgba(225, 78, 202, 0.6) 0%, rgba(225, 78, 202, 0) 100%); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); margin-top: -25px; right: -45px; } .card-user .avatar { width: 124px; height: 124px; border: 5px solid #2b3553; border-bottom-color: transparent; position: relative; } .card-user .card-body { min-height: 240px; } .card-user hr { margin: 5px 15px; } .card-user .button-container { margin-bottom: 6px; text-align: center; } .card-user .card-description { margin-top: 30px; } .map { height: 500px; } .card-tasks { height: 473px; } .card-tasks .table-full-width { max-height: 410px; position: relative; } .card-tasks .card-header .title { margin-right: 20px; font-weight: 400; } .card-tasks .card-header .dropdown { float: right; color: #cccccc; } .card-tasks .card-body i { color: #9A9A9A; font-size: 1.4em; } .card-tasks .card-body i:hover { color: #FFFFFF; } @media screen and (max-width: 991px) { .profile-photo .profile-photo-small { margin-left: -2px; } .button-dropdown { display: none; } #searchModal .modal-dialog { margin: 20px; } #minimizeSidebar { display: none; } .navbar .container-fluid { padding-right: 15px; padding-left: 15px; } .navbar .navbar-collapse .input-group { margin: 0; margin-top: 5px; } .navbar .navbar-nav .nav-item:first-child { margin-top: 10px; } .navbar .navbar-nav .nav-item:not(:last-child) { margin-bottom: 10px; } .navbar .navbar-nav a.nav-link i { opacity: 1; margin-left: 5px; } .navbar .navbar-nav a.nav-link p { display: inline-block; text-transform: uppercase; margin-left: 5px; } .navbar .navbar-nav #searchModal .modal-dialog { padding: 0 40px; } .navbar .dropdown.show .dropdown-menu { display: block; } .navbar .dropdown .dropdown-menu { display: none; } .navbar .dropdown .dropdown-menu li a { color: #222a42; } .navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu { background-color: transparent; border: 0; transition: none; -webkit-box-shadow: none; box-shadow: none; width: auto; margin: 0px 1rem; margin-top: 0px; } .navbar .dropdown.show .dropdown-menu:before, .navbar .dropdown .dropdown-menu:before { display: none; } .navbar .dropdown-menu .dropdown-item:focus, .navbar .dropdown-menu .dropdown-item:hover { color: #FFFFFF; } .navbar.bg-white .dropdown-menu .dropdown-item:focus, .navbar.bg-white .dropdown-menu .dropdown-item:hover { color: #344675; } .navbar button.navbar-toggler[data-target="#navigation"] { padding-top: 0; } .navbar .navbar-toggler-bar { display: block; position: relative; width: 22px; height: 1px; border-radius: 1px; background: #FFFFFF; } .navbar .navbar-toggler-bar.navbar-kebab { height: 4px; width: 4px; margin-bottom: 3px; border-radius: 50%; } .navbar .navbar-toggler-bar+.navbar-toggler-bar { margin-top: 7px; } .navbar .navbar-toggler-bar+.navbar-toggler-bar.navbar-kebab { margin-top: 0px; } .navbar .navbar-toggler-bar.bar2 { width: 17px; transition: width .2s linear; } .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar { background-color: #344675; } .navbar .toggled .navbar-toggler-bar { width: 24px; } .navbar .toggled .navbar-toggler-bar+.navbar-toggler-bar { margin-top: 5px; } .navbar .navbar-brand { margin-left: 20px; position: relative; } .rtl .navbar>.container-fluid .navbar-brand { margin-right: 10px; margin-left: 10px; margin-top: -5px; } .wrapper { -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } .sidebar { position: fixed; display: block; top: 0; height: 100%; width: 260px; right: auto; left: 0; margin: 0; border-radius: 0; z-index: 1032; visibility: visible; overflow-y: visible; padding: 0; -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -webkit-transform: translate3d(-260px, 0, 0); -moz-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); } .nav-open .main-panel { right: 0; -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); } .nav-open .sidebar { -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .nav-open .sidebar:before { content: unset; } .nav-open body { position: relative; overflow-x: hidden; } .nav-open .menu-on-right .main-panel { -webkit-transform: translate3d(-260px, 0, 0); -moz-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); } .nav-open .menu-on-right .navbar-collapse, .nav-open .menu-on-right .sidebar { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .nav-open .menu-on-right #bodyClick { right: 260px; left: auto; } .menu-on-right .sidebar { left: auto; right: 0; -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); } .bar1, .bar2, .bar3 { outline: 1px solid transparent; } .bar1 { top: 0px; -webkit-animation: topbar-back 500ms linear 0s; -moz-animation: topbar-back 500ms linear 0s; animation: topbar-back 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } .bar2 { opacity: 1; } .bar3 { bottom: 0px; -webkit-animation: bottombar-back 500ms linear 0s; -moz-animation: bottombar-back 500ms linear 0s; animation: bottombar-back 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } .toggled .bar1 { top: 6px; -webkit-animation: topbar-x 500ms linear 0s; -moz-animation: topbar-x 500ms linear 0s; animation: topbar-x 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } .toggled .bar2 { opacity: 0; } .toggled .bar3 { bottom: 6px; -webkit-animation: bottombar-x 500ms linear 0s; -moz-animation: bottombar-x 500ms linear 0s; animation: bottombar-x 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes topbar-x { 0% { top: 0px; transform: rotate(0deg); } 45% { top: 6px; transform: rotate(145deg); } 75% { transform: rotate(130deg); } 100% { transform: rotate(135deg); } } @-webkit-keyframes topbar-x { 0% { top: 0px; -webkit-transform: rotate(0deg); } 45% { top: 6px; -webkit-transform: rotate(145deg); } 75% { -webkit-transform: rotate(130deg); } 100% { -webkit-transform: rotate(135deg); } } @-moz-keyframes topbar-x { 0% { top: 0px; -moz-transform: rotate(0deg); } 45% { top: 6px; -moz-transform: rotate(145deg); } 75% { -moz-transform: rotate(130deg); } 100% { -moz-transform: rotate(135deg); } } @keyframes topbar-back { 0% { top: 6px; transform: rotate(135deg); } 45% { transform: rotate(-10deg); } 75% { transform: rotate(5deg); } 100% { top: 0px; transform: rotate(0); } } @-webkit-keyframes topbar-back { 0% { top: 6px; -webkit-transform: rotate(135deg); } 45% { -webkit-transform: rotate(-10deg); } 75% { -webkit-transform: rotate(5deg); } 100% { top: 0px; -webkit-transform: rotate(0); } } @-moz-keyframes topbar-back { 0% { top: 6px; -moz-transform: rotate(135deg); } 45% { -moz-transform: rotate(-10deg); } 75% { -moz-transform: rotate(5deg); } 100% { top: 0px; -moz-transform: rotate(0); } } @keyframes bottombar-x { 0% { bottom: 0px; transform: rotate(0deg); } 45% { bottom: 6px; transform: rotate(-145deg); } 75% { transform: rotate(-130deg); } 100% { transform: rotate(-135deg); } } @-webkit-keyframes bottombar-x { 0% { bottom: 0px; -webkit-transform: rotate(0deg); } 45% { bottom: 6px; -webkit-transform: rotate(-145deg); } 75% { -webkit-transform: rotate(-130deg); } 100% { -webkit-transform: rotate(-135deg); } } @-moz-keyframes bottombar-x { 0% { bottom: 0px; -moz-transform: rotate(0deg); } 45% { bottom: 6px; -moz-transform: rotate(-145deg); } 75% { -moz-transform: rotate(-130deg); } 100% { -moz-transform: rotate(-135deg); } } @keyframes bottombar-back { 0% { bottom: 6px; transform: rotate(-135deg); } 45% { transform: rotate(10deg); } 75% { transform: rotate(-5deg); } 100% { bottom: 0px; transform: rotate(0); } } @-webkit-keyframes bottombar-back { 0% { bottom: 6px; -webkit-transform: rotate(-135deg); } 45% { -webkit-transform: rotate(10deg); } 75% { -webkit-transform: rotate(-5deg); } 100% { bottom: 0px; -webkit-transform: rotate(0); } } @-moz-keyframes bottombar-back { 0% { bottom: 6px; -moz-transform: rotate(-135deg); } 45% { -moz-transform: rotate(10deg); } 75% { -moz-transform: rotate(-5deg); } 100% { bottom: 0px; -moz-transform: rotate(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } #bodyClick { height: 100%; width: 100%; position: fixed; opacity: 1; top: 0; right: 0; left: 260px; content: ""; z-index: 9999; overflow-x: hidden; background-color: transparent; -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } .footer .copyright { text-align: right; } .section-nucleo-icons .icons-container { margin-top: 65px; } .navbar-nav .nav-link i.fa, .navbar-nav .nav-link i.tim-icons { opacity: .5; } .main-panel { width: 100%; } .main-panel .content { padding-left: 30px; } .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .footer { padding-left: 0px; } .rtl .footer { padding-right: 25px; } } @media screen and (min-width: 992px) { .navbar-collapse { background: none !important; } .navbar .navbar-toggle { display: none; } .navbar-nav .nav-link.profile-photo { padding: 0; margin: 7px 0.7rem; } .section-nucleo-icons .icons-container { margin: 0 0 0 auto; } .dropdown-menu .dropdown-item { color: #9A9A9A; } .footer .copyright { float: right; padding-right: 15px; } .navbar .caret { position: absolute; left: 80%; top: 55%; margin-left: 0; } } @media screen and (max-width: 768px) { .nav-tabs { display: inline-block; width: 100%; padding-left: 100px; padding-right: 100px; text-align: center; } .nav-tabs .nav-item>.nav-link { margin-bottom: 5px; } .card-stats [class*="col-"] .statistics::after { display: none; } .main-panel .content { padding-left: 15px; padding-right: 15px; } .rtl .main-panel .content { padding-left: 15px; padding-right: 15px; } .footer nav { display: block; margin-bottom: 5px; float: none; } .landing-page .section-story-overview .image-container:nth-child(2) { margin-left: 0; margin-bottom: 30px; } .card-timeline .timeline:before { left: 5%; } .card-timeline .timeline>li>.timeline-badge { left: 5%; } .card-timeline .timeline>li>.timeline-panel { float: right; width: 86%; } .card-timeline .timeline>li>.timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .card-timeline .timeline>li>.timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } @media screen and (max-width: 576px) { .navbar[class*='navbar-toggleable-'] .container { margin-left: 0; margin-right: 0; } .card-contributions .card-stats { flex-direction: column; } .card-contributions .card-stats .bootstrap-switch { margin-bottom: 15px; } .footer .copyright { text-align: center; } .section-nucleo-icons .icons-container i { font-size: 30px; } .section-nucleo-icons .icons-container i:nth-child(6) { font-size: 48px; } .page-header .container h6.category-absolute { width: 90%; } .form-horizontal .col-form-label, .form-horizontal .label-on-right { text-align: inherit; padding-top: 0; } .form-horizontal .col-form-label code, .form-horizontal .label-on-right code { padding: 0 10px; } .card-wizard .card-footer .pull-left { padding-left: 0; float: none; text-align: center; } .card-wizard .card-footer .pull-right { padding-right: 0; float: none; text-align: center; } } .white-content { background: #f5f6fa; } .white-content .navbar.navbar-transparent .navbar-brand { color: #1d253b; } .white-content .navbar.navbar-transparent .navbar-toggler-bar { background: #1d253b; } .white-content .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item) { color: #1d253b; } .white-content .sidebar { box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.15); } .white-content .main-panel { background: #f5f6fa; } .white-content .main-panel h1, .white-content .main-panel h2, .white-content .main-panel h3, .white-content .main-panel h4, .white-content .main-panel h5, .white-content .main-panel h6, .white-content .main-panel p, .white-content .main-panel ol li, .white-content .main-panel ul li, .white-content .main-panel pre { color: #1d253b; } .white-content .main-panel .navbar.navbar-transparent .navbar-minimize button i { color: #1d253b; } .white-content .main-panel .navbar.navbar-transparent .search-bar.input-group i { color: #1d253b; } .white-content .main-panel .navbar.navbar-transparent .search-bar.input-group .form-control { color: #344675; } .white-content .main-panel .navbar.navbar-transparent .search-bar.input-group .form-control::placeholder { color: #9A9A9A; } .white-content .main-panel .font-icon-detail i { color: #222a42; } .white-content .main-panel .btn:not([data-action]):hover { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .white-content .main-panel .btn-neutral.btn-link { color: rgba(34, 42, 66, 0.7); } .white-content .main-panel .form-control::-moz-placeholder { color: rgba(34, 42, 66, 0.4); opacity: 1; filter: alpha(opacity=100); } .white-content .main-panel .form-control:-moz-placeholder { color: rgba(34, 42, 66, 0.4); opacity: 1; filter: alpha(opacity=100); } .white-content .main-panel .form-control::-webkit-input-placeholder { color: rgba(34, 42, 66, 0.4); opacity: 1; filter: alpha(opacity=100); } .white-content .main-panel .form-control:-ms-input-placeholder { color: rgba(34, 42, 66, 0.4); opacity: 1; filter: alpha(opacity=100); } .white-content .main-panel .has-danger .form-control, .white-content .main-panel .has-danger .input-group-prepend .input-group-text { border-color: #ec250d; } .white-content .main-panel .input-group-prepend .input-group-text { border-color: rgba(29, 37, 59, 0.5); color: #1d253b; } .white-content .main-panel .form-control { color: #222a42; border-color: rgba(29, 37, 59, 0.5); } .white-content .main-panel .form-control:focus { border-color: #e14eca; } .white-content .main-panel .form-group.no-border .form-control, .white-content .main-panel .form-group.no-border .form-control+.input-group-prepend .input-group-text, .white-content .main-panel .form-group.no-border .form-control+.input-group-append .input-group-text, .white-content .main-panel .form-group.no-border .input-group-prepend .input-group-text, .white-content .main-panel .form-group.no-border .input-group-append .input-group-text, .white-content .main-panel .input-group.no-border .form-control, .white-content .main-panel .input-group.no-border .form-control+.input-group-prepend .input-group-text, .white-content .main-panel .input-group.no-border .form-control+.input-group-append .input-group-text, .white-content .main-panel .input-group.no-border .input-group-prepend .input-group-text, .white-content .main-panel .input-group.no-border .input-group-append .input-group-text { background-color: rgba(222, 222, 222, 0.3); } .white-content .main-panel .form-group.no-border .form-control:focus, .white-content .main-panel .form-group.no-border .form-control:active, .white-content .main-panel .form-group.no-border .form-control:active, .white-content .main-panel .form-group.no-border .form-control+.input-group-prepend .input-group-text:focus, .white-content .main-panel .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, .white-content .main-panel .form-group.no-border .form-control+.input-group-prepend .input-group-text:active, .white-content .main-panel .form-group.no-border .form-control+.input-group-append .input-group-text:focus, .white-content .main-panel .form-group.no-border .form-control+.input-group-append .input-group-text:active, .white-content .main-panel .form-group.no-border .form-control+.input-group-append .input-group-text:active, .white-content .main-panel .form-group.no-border .input-group-prepend .input-group-text:focus, .white-content .main-panel .form-group.no-border .input-group-prepend .input-group-text:active, .white-content .main-panel .form-group.no-border .input-group-prepend .input-group-text:active, .white-content .main-panel .form-group.no-border .input-group-append .input-group-text:focus, .white-content .main-panel .form-group.no-border .input-group-append .input-group-text:active, .white-content .main-panel .form-group.no-border .input-group-append .input-group-text:active, .white-content .main-panel .input-group.no-border .form-control:focus, .white-content .main-panel .input-group.no-border .form-control:active, .white-content .main-panel .input-group.no-border .form-control:active, .white-content .main-panel .input-group.no-border .form-control+.input-group-prepend .input-group-text:focus, .white-content .main-panel .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, .white-content .main-panel .input-group.no-border .form-control+.input-group-prepend .input-group-text:active, .white-content .main-panel .input-group.no-border .form-control+.input-group-append .input-group-text:focus, .white-content .main-panel .input-group.no-border .form-control+.input-group-append .input-group-text:active, .white-content .main-panel .input-group.no-border .form-control+.input-group-append .input-group-text:active, .white-content .main-panel .input-group.no-border .input-group-prepend .input-group-text:focus, .white-content .main-panel .input-group.no-border .input-group-prepend .input-group-text:active, .white-content .main-panel .input-group.no-border .input-group-prepend .input-group-text:active, .white-content .main-panel .input-group.no-border .input-group-append .input-group-text:focus, .white-content .main-panel .input-group.no-border .input-group-append .input-group-text:active, .white-content .main-panel .input-group.no-border .input-group-append .input-group-text:active { background-color: rgba(222, 222, 222, 0.5); } .white-content .main-panel .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text, .white-content .main-panel .form-group.no-border .form-control:focus+.input-group-append .input-group-text, .white-content .main-panel .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text, .white-content .main-panel .input-group.no-border .form-control:focus+.input-group-append .input-group-text { background-color: transparent; } .white-content .main-panel .input-group[disabled] .input-group-prepend .input-group-text, .white-content .main-panel .input-group[disabled] .input-group-append .input-group-text { background-color: #222a42; } .white-content .main-panel .form-control[disabled], .white-content .main-panel .form-control[readonly], .white-content .main-panel fieldset[disabled] .form-control { background: #E3E3E3; border-color: rgba(29, 37, 59, 0.3); } .white-content .main-panel .input-group-focus .input-group-prepend .input-group-text, .white-content .main-panel .input-group-focus .input-group-append .input-group-text, .white-content .main-panel .input-group-focus .form-control { background-color: #FFFFFF; border-color: #e14eca; } .white-content .main-panel .input-group-focus.no-border .input-group-prepend .input-group-text, .white-content .main-panel .input-group-focus.no-border .input-group-append .input-group-text { background-color: rgba(222, 222, 222, 0.5); } .white-content .main-panel .input-group-prepend .input-group-text { border-right: none; } .white-content .main-panel .input-group-append .input-group-text { border-left: none; } .white-content .main-panel .has-danger .form-control:focus, .white-content .main-panel .has-success.input-group-focus .input-group-append .input-group-text, .white-content .main-panel .has-success.input-group-focus .input-group-prepend .input-group-text { border-color: #ec250d; } .white-content .main-panel .has-success .form-control:focus, .white-content .main-panel .has-success.input-group-focus .input-group-append .input-group-text, .white-content .main-panel .has-success.input-group-focus .input-group-prepend .input-group-text { border-color: #00bf9a; } .white-content .main-panel .btn.btn-link:hover, .white-content .main-panel .btn.btn-link:active, .white-content .main-panel .btn.btn-link:focus { color: #9A9A9A !important; } .white-content .main-panel .btn-group .btn.active { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .white-content .main-panel .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label { background: #d3d7e9; } .white-content .main-panel .bootstrap-switch-off:before { background: rgba(211, 215, 233, 0.5); } .white-content .main-panel .card:not(.card-pricing) { background: #FFFFFF; box-shadow: 0 1px 15px 0 rgba(123, 123, 123, 0.05); } .white-content .main-panel .card:not(.card-pricing) .card-header { color: #222a42; } .white-content .main-panel .card:not(.card-pricing) .card-header a[data-toggle="collapse"] { color: #222a42; } .white-content .main-panel .card:not(.card-pricing) .card-header .card-title, .white-content .main-panel .card:not(.card-pricing) .card-body .card-title { color: #1d253b; } .white-content .main-panel .card:not(.card-pricing) .card-body .card-category, .white-content .main-panel .card:not(.card-pricing) .card-body .card-description { color: #1d253b; } .white-content .main-panel .card:not(.card-pricing) label:not(.btn) { color: #344675; } .white-content .main-panel .card:not(.card-pricing) .pagination .page-item:not(.active) .page-link { color: #1d253b; } .white-content .main-panel .card:not(.card-pricing) .pagination .page-item:not(.active) .page-link:hover { background: rgba(154, 154, 154, 0.1); } .white-content .main-panel .card:not(.card-pricing):not(.card-wizard).nav-pills .nav-item .nav-link { color: #444; background-color: rgba(222, 222, 222, 0.3); } .white-content .main-panel .card:not(.card-pricing):not(.card-wizard).nav-pills .nav-item .nav-link:not(.active):hover { background: rgba(222, 222, 222, 0.5); } .white-content .main-panel .card:not(.card-pricing):not(.card-wizard).nav-pills .nav-item .nav-link.active { color: #FFFFFF; } .white-content .main-panel .card:not(.card-pricing) .tab-content .tab-pane { color: #444; } .white-content .main-panel .card:not(.card-pricing) .card { box-shadow: none; } .white-content .main-panel .card:not(.card-pricing) .card-collapse .card .card-body { color: #9A9A9A; } .white-content .main-panel .card:not(.card-pricing).card-contributions span { color: #9A9A9A; } .white-content .main-panel .card:not(.card-pricing).card-contributions .bootstrap-switch-container span { color: #FFFFFF; } .white-content .main-panel .card:not(.card-pricing).card-plain { background: transparent; box-shadow: none; } .white-content .main-panel .card:not(.card-pricing).card-tasks .card-body i { color: rgba(34, 42, 66, 0.7); } .white-content .main-panel .card:not(.card-pricing).card-tasks .card-body i:hover { color: #222a42; } .white-content .main-panel .table>tbody>tr>td { color: rgba(34, 42, 66, 0.7) !important; } .white-content .main-panel .table>thead>tr>th, .white-content .main-panel .table>tbody>tr>th, .white-content .main-panel .table>tfoot>tr>th, .white-content .main-panel .table>thead>tr>td, .white-content .main-panel .table>tbody>tr>td, .white-content .main-panel .table>tfoot>tr>td { border-color: rgba(34, 42, 66, 0.2); padding: 12px 7px; vertical-align: middle; } .white-content .main-panel .table>thead>tr>th, .white-content .main-panel .table button.btn-neutral.btn-link { color: rgba(34, 42, 66, 0.7); } .white-content .main-panel .footer ul li a { color: #1d253b; } .white-content .main-panel .footer .copyright { color: #1d253b; } /*# sourceMappingURL=dashboard-free.css.map */