/*
*
* VAC - Responsive VAC Theme
* version 1.0
*
*/
html,
body {
height: 100%;
width: 100%;
}
body {
font-size: .875em;
color: #353c4e;
font-weight: 400;
line-height: 1.5;
font-family: "Open Sans", sans-serif;
}
body.rtls {
font-size: .775em;
color: #353c4e;
font-weight: 400;
line-height: 1.5;
font-family: "Open Sans", sans-serif;
}
.flex-fill {
flex: 1;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
a {
color: #a7adb3;
}
.rtls h1,
.rtls h2,
.rtls h3,
.rtls h4,
.rtls h5,
.rtls h6 {
font-weight: 500;
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.rtls a {
color: #a7adb3;
}
.nav>li>a {
color: #dcdcdc;
padding: 12px 20px 12px 25px;
font-size: 13px !important;
z-index: 1;
text-decoration: none;
}
body.rtls.nav>li>a {
color: #fff;
padding: 14px 20px 14px 25px;
font-size: 14px;
}
.nav.navbar-right>li>a {
color: #999c9e;
}
.nav>li.active>a {
color: #ffffff;
}
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus {
background-color: transparent;
color: white;
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background: #fff;
}
#side-menu {
padding-bottom: 0px;
}
.nav.navbar-top-links>li>a:hover,
.nav.navbar-top-links>li>a:focus {
background-color: transparent;
}
.navbar-static-side {
z-index: 2001;
position: fixed !important;
width: 240px;
}
/* If you want to show scrollbar button make the with 10px; */
.navbar-static-side::-webkit-scrollbar {
width: 0px;
}
/* Track */
.navbar-static-side::-webkit-scrollbar-track {
box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
}
/* Handle */
.navbar-static-side::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 0px;
}
/* Handle on hover */
.navbar-static-side::-webkit-scrollbar-thumb:hover {
background: transparent;
}
body.mini-navbar .navbar-static-side {
z-index: 2001;
position: absolute !important;
width: 80px;
height:100%;
overflow: none!important;
}
body.mini-body .navbar-static-side {
z-index: 2001;
width: 240px;
height:100%;
}
.navbar-static-top {
margin-bottom: 0;
background-color: transparent;
width: 100%;
}
.disabled-div {
pointer-events: none;
}
.enabled-div {
pointer-events: all;
}
body.mini-navbar .sidebar-collapse {
padding-bottom: 0px;
}
.sidebar-collapse {
padding-bottom: 40px;
}
.nav>li>a i {
margin-right: 6px;
}
.navbar-static-side .nav>li>a>i.feather {
color: #fff !important;
z-index: 0;
}
.navbar {
border: 0;
}
.navbar-default {
background-color: transparent;
border-color: #584475;
}
.navbar-top-links li {
display: inline-block;
}
.navbar-top-links li:last-child {
margin-right: 0px;
cursor: pointer;
}
.body-small .navbar-top-links li:last-child {
margin-right: 0;
}
.navbar-top-links li a {
padding: 20px 10px;
min-height: 50px;
}
.navbar-top-links li a i {
font-size: 16px;
}
.top-nav-layout {
margin: 0px;
}
.top-nav-layout-footer {
margin: 0px 40px;
}
.navbar-header a:hover {
color: #333;
}
.navbar-header a:hover {
color: #000;
}
.dropdown-toggle img {
margin-top: 4px;
}
.dropdown-toggle::after {
display: none;
}
.dropdown-toggle-ellipsis::before {
display: inline-block;
padding: 0px;
}
.dropdown-menu {
border: medium none;
border-radius: 3px;
box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
display: none;
float: left;
font-size: 12px;
left: 0;
list-style: none outside none;
padding: 0;
position: absolute;
text-shadow: none;
top: 100%;
z-index: 2000;
}
.dropdown-menu>li>a {
border-radius: 3px;
color: inherit;
line-height: 25px;
margin: 4px;
text-align: left;
font-weight: normal;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
text-decoration: none;
outline: 0;
}
.dropdown-menu>li>a.font-bold {
font-weight: 600;
}
.navbar-top-links .dropdown-menu li {
display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
padding: 3px 20px;
min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
white-space: normal;
}
.navbar-top-links .dropdown-messages {
height: 240px;
overflow-x: hidden;
margin-left: 0px;
}
.navbar-top-links .dropdown-tasks {
margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
margin-left: -123px;
}
.navbar-top-links .dropdown-alerts li a i {
font-size: 20px;
}
.navbar-top-links .dropdown-user {
right: 0;
left: auto;
}
.menu-log {
margin-top: 11px !important;
}
.notifications {
margin-top: 0px !important;
}
.dropdown-messages,
.dropdown-alerts {
padding: 10px 0px;
border-radius: 6px;
}
.notifications .notification-heading {
padding: 10px 0px 10px 20px;
border-bottom: 1px solid #f6f6f6;
}
.notifications .notification-heading h6 {
font-size: 15px;
}
.notifications .notification-footer {
padding: 10px 0px 10px 20px;
border-top: 1px solid #f6f6f6;
}
.notification-footer h6 {
font-size: 16px;
}
.dropdown-messages li a,
.dropdown-alerts li a {
font-size: 12px;
}
.dropdown-messages li em,
.dropdown-alerts li em {
font-size: 10px;
}
.dropdown-notify {
display: inline-block;
margin-left: 20px;
padding: 10px;
}
.category-titles{
padding:15px 0px;
}
.category-titles a{
cursor: auto;
color:#999 !important;
}
.notifications {
min-width: 310px;
}
body.rtls .notifications {
min-width: 310px;
}
.notifications-wrapper {
overflow: auto;
max-height: 250px;
}
.menu-title {
width:100%;
color: #626262;
font-size: 1rem !important;
display: inline-block;
}
.glyphicon-circle-arrow-right {
margin-left: 10px;
}
.icons-list-box i {
border: 1px solid#eceeef;
border-radius: 3px;
color: rgba(43, 61, 81, 0.7);
display: inline-block;
font-size: 24px;
height: 50px;
line-height: 50px;
margin: 0 12px 0 0;
text-align: center;
vertical-align: middle;
width: 50px;
}
label.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 135px;
}
.data-table-main.icon-list-demo [class*="col-"] {
margin-bottom: 10px;
}
.outer-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 250px;
}
.flags .f-item {
padding: 12px;
border: 1px solid #ddd;
margin-right: 15px;
display: inline-block
}
.data-table-main.flags [class*=col-] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px
}
.content-flag label {
margin-bottom: 0;
cursor: pointer
}
.content-flag .txt-ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
width: 120px;
overflow: hidden
}
.flags .f-item .name,
.flags .f-item .capital {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-bottom: 0
}
.flags .f-item .code {
display: block;
font-size: 90%;
color: #999;
padding-bottom: 0
}
.notification-heading,
.notification-footer {
padding: 2px 10px;
}
.dropdown-menu.divider {
margin: 5px 0;
}
.item-title {
font-size: 1.3rem;
color: #000;
}
.notifications a.content {
text-decoration: none;
background: #ccc;
}
.notification-item {
padding: 10px;
margin: 5px;
background: #ccc;
border-radius: 4px;
}
.nav.navbar-top-links .dropdown-alerts a {
font-size: 12px;
}
.padding-top {
padding-top: 15px;
}
.padding-bottom {
padding-bottom: 15px;
}
.padding-left {
padding-left: 15px;
}
.padding-right {
padding-right: 15px;
}
.margin-top {
margin-top: 15px;
}
.margin-bottom {
margin-bottom: 15px;
}
.margin-left {
margin-left: 15px;
}
.margin-right {
margin-right: 15px;
}
.setings-item div.switch {
float: right;
}
.navbar-static-side .nav>li {
width: 100%;
}
.navbar-static-side .nav>li a.disabled {
opacity: 0.5;
cursor: not-allowed !important;
color: #b3b3b3;
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0px;
}
.main-wrapper-boxed {
max-width: 1024px;
margin: 0 auto;
white-space: nowrap;
overflow: auto !important;
}
.img-circle {
width: 50px;
height: 50px;
border-radius: 50%;
}
.img-responsive {
width: 100%;
height: 100%;
}
.task-done {
text-decoration: line-through;
}
.task-chat-title{
width:50%!important;
float:left;
}
.morris-hover {
position: absolute;
min-width: 100px;
width: 100px;
right: 0px;
background: #fff;
padding: 20px;
border: 1px solid #ccc;
}
.searchbar {
width: auto;
left: 50px;
position: absolute;
margin-bottom: auto;
margin-top: auto;
height: 40px;
border-radius: 30px;
padding: 0px 0px 0px 0px;
font-size: 18px;
}
.search_input {
color: #555;
border: 0;
outline: 0;
background: none;
width: 0;
caret-color: transparent;
line-height: 40px;
transition: width 0.4s linear;
color: #fff;
}
.searchbar:hover>.search_input {
padding: 0 10px;
width: 60%;
caret-color: rgb(204, 201, 201);
transition: width 0.4s linear;
}
.searchbar:hover>.search_icon {
background: none;
color: #e74c3c;
font-size: 18px;
}
.search_icon:hover {
background: none;
color: #e74c3c;
font-size: 18px;
}
.search_icon {
height: 40px;
width: 40px;
float: right;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: white;
}
.separator {
border-bottom: 1px solid rgba(182, 182, 182, 0.048);
margin: 20px 0px;
}
.rotate-icon {
-webkit-animation: rotator 0.8s infinite linear;
animation: rotator 0.8s infinite linear;
display: inline-block;
}
@-webkit-keyframes rotator {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotator {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.tooltip {
z-index: 9999999 !important;
font-size: 12px !important;
}
.nav-tabs .nav-item {
margin-bottom: 0px;
}
/*Assign User */
#assign{
margin-top:10%;
z-index: 2020!important;
}
#assign-user{
height: 160px;
overflow-x: hidden;
overflow-y: scroll;
}
/*DateTime Picker */
.dd-w,
.sp-container {
z-index: 99999 !important
}
/* mCScrollbar Custom Css*/
.mCSB_inside>.mCSB_container {
margin-right: 0px;
}
.mCSB_dragger_bar {
background-color: #ececec !important;
/* color of the dragger bar */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 0px !important;
/* width of the dragger bar */
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #888888 !important;
/* color of the rail */
width: 0px !important;
/* width of the rail for dragger bar */
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-left: 0px;
}
/* Main Theme Settings */
.theme-color {
padding: 15px;
}
.theme-color a {
border-radius: 4px;
cursor: pointer;
display: inline-block;
margin: 5px 8px 5px 0;
-webkit-box-shadow: 0.4px 0.9px 3px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0.4px 0.9px 3px 0px rgba(0, 0, 0, 0.33);
overflow: hidden;
width: 58px;
height: 35px;
}
.theme-color .text {
font-size: 12px;
}
.theme-color a .theme-1 {
height: 10px;
background-color: #3955bc;
}
.theme-color a .theme-2 {
height: 10px;
background-color: #804000;
}
.theme-color a .theme-3 {
height: 10px;
background-color: #414141;
}
.theme-color a .theme-4 {
height: 10px;
background-color: #67404d;
}
.theme-color a .theme-5 {
height: 10px;
background-color: #404e67;
}
.theme-color a .theme-6 {
height: 10px;
background-color: #696969;
}
.theme-color a .theme-7 {
height: 10px;
background-color: #456740;
}
.theme-color a .theme-8 {
height: 10px;
background-color: #0aa5c0;
}
.theme-color a .theme-9 {
height: 10px;
background-color: #66bb05;
}
.theme-color a .theme-10 {
height: 10px;
background-color: #a04e02;
}
.theme-color a .theme-11 {
height: 10px;
background-color: #674064;
}
.theme-color a .theme-12 {
height: 10px;
background-color: #ad1919;
}
.theme-color a .theme-13 {
height: 10px;
background-color: #03626b;
}
.theme-color a .theme-14 {
height: 10px;
background-color: #918f26;
}
.theme-color a .theme-15 {
width: 10px;
height: 100%;
background-color: #3955bc;
}
.theme-color a .theme-16 {
width: 10px;
height: 100%;
background-color: #804000;
}
.theme-color a .theme-17 {
width: 10px;
height: 100%;
background-color: #414141;
}
.theme-color a .theme-18 {
width: 10px;
height: 100%;
background-color: #67404d;
}
.theme-color a .theme-19 {
width: 10px;
height: 100%;
background-color: #404e67;
}
.theme-color a .theme-20 {
width: 10px;
height: 100%;
background-color: #696969;
}
.theme-color a .theme-21 {
width: 10px;
height: 100%;
background-color: #456740;
}
.theme-color a .theme-22 {
width: 10px;
height: 100%;
background-color: #0aa5c0;
}
.theme-color a .theme-23 {
width: 10px;
height: 100%;
background-color: #66bb05;
}
.theme-color a .theme-24 {
width: 10px;
height: 100%;
background-color: #a04e02;
}
.theme-color a .theme-25 {
width: 10px;
height: 100%;
background-color: #674064;
}
.theme-color a .theme-26 {
width: 10px;
height: 100%;
background-color: #ad1919;
}
.theme-color a .theme-27 {
width: 10px;
height: 100%;
background-color: #03626b;
}
.theme-color a .theme-28 {
width: 10px;
height: 100%;
background-color: #918f26;
}
.theme-color a .sidebar-white {
width: 10px;
height: 100%;
background: #ddd;
}
.theme-color a .sidebar-colored {
width: 10px;
height: 100%;
background: #404467;
}
.theme-color a .theme-29 {
width: 100%;
height: 10px;
background-color: #c7c7c7;
}
.sidebar-brand.fixed-brand {
width: 240px !important;
top:0 !important;
position: fixed !important;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
/* If you face issue
** Note:IE Fix for "jumpy" fixed background
** just update IE Edge */
}
body.canvas-menu.mini-navbar nav.navbar-static-side {
display: block;
width: 240px;
position: fixed !important;
padding-bottom:40px !important;
}
.blue-theme {
background-color: #3955bc;
color: #777 !important;
}
body.canvas-menu.blue-theme.mini-navbar nav.navbar-static-side {
background-color: #3955bc;
color: #777 !important;
}
body.canvas-menu.blue-theme.mini-navbar .sidebar-brand {
z-index: 2006 !important;
}
body.canvas-menu.blue-theme.mini-navbar .sidebar-header {
padding-top: 90px !important;
}
body.canvas-menu.blue-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.blue-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: rgba(49, 74, 163, 0.808);
z-index: 999999;
}
body.rtls.canvas-menu.blue-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.blue-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #2F4699;
}
body.canvas-menu.blue-theme.mini-navbar .sidebar-footer a:hover {
background: rgb(59, 90, 202);
}
body.canvas-menu.blue-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.topNav-blue-theme {
background: #3955bc;
color: #fff !important;
}
.blue-theme .sidebar-brand {
background-color: #3955bc;
color: #777 !important;
}
.blue-theme.mini-navbar .sidebar-footer {
display: none;
}
.blue-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: rgba(49, 74, 163, 0.808);
z-index: 999999;
}
body.rtls.blue-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.blue-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #2F4699;
}
.blue-theme .sidebar-footer a:hover {
background: rgb(59, 90, 202);
}
.blue-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.blue-theme .tooltip>.tooltip-inner {
background-color: #2F4699;
}
.blue-theme .sidebar-container ul.nav-tabs li a {
background: #3955bc;
color: #fff !important;
}
.blue-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-blue-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.blue-theme .navbar-header .mini-style,
.blue-theme .navbar-header .search_icon {
color: white !important;
}
.blue-theme ul.nav-second-level {
background: #2F4699;
}
.blue-theme ul.nav-second-level i {
color: #fff !important;
}
.blue-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.blue-theme.fixed-sidebar .sidebar-header {
padding-top: 90px !important;
}
.blue-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #404467;
color: #000;
z-index: 999999;
}
.brown-theme {
background-color: #994d00;
color: #777 !important;
}
body.canvas-menu.brown-theme.mini-navbar nav.navbar-static-side {
background-color: #994d00;
color: #777 !important;
}
.topNav-brown-theme {
background: #994d00;
color: #fff !important;
}
.brown-theme .sidebar-container ul.nav-tabs li a {
background: #804000;
color: #fff !important;
}
.brown-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-brown-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.brown-theme .navbar-header .mini-style,
.brown-theme .navbar-header .search_icon {
color: white !important;
}
.brown-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #994d00;
}
.brown-theme ul.nav-second-level {
background: #804000;
}
.brown-theme ul.nav-second-level i {
color: #fff !important;
}
.brown-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.brown-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.brown-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #804000;
color: #000;
z-index: 999999;
}
.brown-theme.mini-navbar .sidebar-footer {
display: none;
}
.brown-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #804000;
z-index: 999999;
}
body.rtls.brown-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.brown-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #804000;
}
.brown-theme .sidebar-footer a:hover {
background: #994d00;
}
.brown-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.brown-theme.mini-navbar .mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.brown-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #804000;
z-index: 999999;
}
body.rtls.canvas-menu.brown-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.brown-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #804000;
}
body.canvas-menu.brown-theme.mini-navbar .sidebar-footer a:hover {
background: #994d00;
}
body.canvas-menu.brown-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.brown-theme .tooltip>.tooltip-inner {
background-color: #804000;
}
.dark-gray-theme {
background-color: #4d504f !important;
color: #777 !important;
}
body.canvas-menu.dark-gray-theme.mini-navbar nav.navbar-static-side {
background-color: #4d504f !important;
color: #777 !important;
}
.topNav-dark-gray-theme {
background-color: #4d504f;
color: #fff !important;
}
.dark-gray-theme .sidebar-container ul.nav-tabs li a {
background: #454949;
color: #fff !important;
}
.dark-gray-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-dark-gray-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.dark-gray-theme .navbar-header .mini-style,
.dark-gray-theme .navbar-header .search_icon {
color: white !important;
}
.dark-gray-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #4d504f;
}
.dark-gray-theme.mini-navbar .sidebar-footer {
display: none;
}
.dark-gray-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #454949;
z-index: 999999;
}
body.rtls.dark-gray-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.dark-gray-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: rgb(63, 63, 63);
}
.dark-gray-theme .sidebar-footer a:hover {
background: rgb(102, 102, 102);
}
.dark-gray-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.dark-gray-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #454949;
z-index: 999999;
}
body.rtls.canvas-menu.dark-gray-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.dark-gray-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: rgb(63, 63, 63);
}
body.canvas-menu.dark-gray-theme .sidebar-footer a:hover {
background: rgb(102, 102, 102);
}
body.canvas-menu.dark-gray-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.dark-gray-theme .tooltip>.tooltip-inner {
background-color: rgb(63, 63, 63);
}
.dark-gray-theme ul.nav-second-level {
background: #454949;
}
.dark-gray-theme ul.nav-second-level i {
color: #fff !important;
}
.dark-gray-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.dark-gray-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.dark-gray-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #414141;
color: #000;
z-index: 999999;
}
.dark-pink-theme {
background: #67404d;
color: #777 !important;
}
body.canvas-menu.dark-pink-theme.mini-navbar nav.navbar-static-side {
background-color: #67404d !important;
color: #777 !important;
}
.topNav-dark-pink-theme {
background: #67404d;
color: #fff !important;
}
.dark-pink-theme .sidebar-container ul.nav-tabs li a {
background: #67404d;
color: #fff !important;
}
.dark-pink-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-dark-pink-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.dark-pink-theme .navbar-header .mini-style,
.dark-pink-theme .navbar-header .search_icon {
color: white !important;
}
.dark-pink-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #67404d;
}
.dark-pink-theme.mini-navbar .sidebar-footer {
display: none;
}
.dark-pink-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #67404d;
z-index: 999999;
}
body.rtls.dark-pink-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.dark-pink-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #492A35;
}
.dark-pink-theme .sidebar-footer a:hover {
background: #67404d;
}
.dark-pink-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.dark-pink-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.dark-pink-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #67404d;
z-index: 999999;
}
body.rtls.canvas-menu.dark-pink-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.dark-pink-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #492A35;
}
body.canvas-menu.dark-pink-theme.mini-navbar .sidebar-footer a:hover {
background: #67404d;
}
body.canvas-menu.dark-pink-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.dark-pink-theme .tooltip>.tooltip-inner {
background-color: #492A35;
}
.dark-pink-theme ul.nav-second-level {
background: #492a35;
}
.dark-pink-theme ul.nav-second-level i {
color: #fff !important;
}
.dark-pink-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.dark-pink-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.dark-pink-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #67404d;
color: #000;
z-index: 999999;
}
.default-theme {
background-color: #584475;
}
body.rtls.default-theme {
float: right !important;
background-color: #584475;
}
body.canvas-menu.default-theme.mini-navbar nav.navbar-static-side {
float: right !important;
background-color: #584475;
}
body.rtls.canvas-menu.mini-navbar nav.navbar-static-side{
display: block;
width: 240px;
position: fixed !important;
}
.default-theme .sidebar-brand {
background-color: #4E3F6C;
color: #777 !important;
}
.default-theme .sidebar-brand .fixed-brand {
position: fixed !important;
}
.default-theme.mini-navbar .sidebar-footer {
display: none;
}
.default-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #4E3F6C;
z-index: 999999;
}
body.rtls.default-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.default-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #4E3F6C;
}
.default-theme .sidebar-footer a:hover {
background: #584475;
}
.default-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.default-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.default-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #4E3F6C;
z-index: 999999;
}
body.rtls.canvas-menu.default-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.default-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #4E3F6C;
}
body.canvas-menu.default-theme.mini-navbar .sidebar-footer a:hover {
background: #584475;
}
body.canvas-menu.default-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.default-theme .tooltip>.tooltip-inner {
background-color: #4E3F6C;
}
.default-theme .sidebar-container ul.nav-tabs li a {
background: #4E3F6C;
color: #fff !important;
}
.default-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-default-theme {
color: #fff !important;
background-color: #4E3F6C;
}
.topNav-default-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.default-theme .navbar-header .mini-style,
.default-theme .navbar-header .search_icon {
color: white !important;
}
.topNav-white-theme .navbar-top-links li a {
color: #969696 !important;
}
.navbar-top-links li a {
color: #fff !important;
}
.default-theme ul.nav-second-level {
background-color: rgba(0, 0, 0, .1);
}
.default-theme ul.nav-second-level i {
color: #fff !important;
}
.white-theme {
background-color: #ffffff !important;
color: #777 !important;
}
body.canvas-menu.white-theme.mini-navbar nav.navbar-static-side {
background-color: #ffffff !important;
color: #777 !important;
}
.white-theme .sidebar-brand {
background-color: #4E3F6C;
z-index: 2009;
}
.white-theme.mini-navbar .sidebar-footer {
display: none;
}
.white-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #4E3F6C;
z-index: 999999;
}
body.rtls.white-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.white-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #4E3F6C;
}
.white-theme .sidebar-footer a:hover {
background: #584475;
}
.white-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.white-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.white-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #4E3F6C;
z-index: 999999;
}
body.rtls.canvas-menu.white-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.white-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #4E3F6C;
}
body.canvas-menu.white-theme.mini-navbar .sidebar-footer a:hover {
background: #584475;
}
body.canvas-menu.white-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.white-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level{
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #E2E8EF;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.canvas-menu .navbar-static-side .nav .nav-third-level{
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
font-size: 12px;
padding: 0px 35px 0px 10px;
}
.white-theme .tooltip>.tooltip-inner {
background-color: #4E3F6C;
}
.white-theme .nav>li>a {
color: #777 !important;
}
.white-theme .nav>li>a i.feather {
color: #777 !important;
}
.white-theme ul.nav-second-level {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.white-theme .sidebar-header .user-info {
color: #333;
}
.white-theme .navbar-static-side .nav>li.separator {
background: #eee;
}
.white-theme .navbar-default .landing_link a {
color: #fff !important;
}
.white-theme .navbar-default .landing_link a i.feather {
color: #fff !important;
}
.topNav-white-theme {
background: #fff;
color: #777 !important;
}
.white-theme .sidebar-container ul.nav-tabs li a {
background: #584475;
color: #fff !important;
}
.white-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.white-theme .search_icon {
color: #777 !important;
}
.search_input {
color: #c9caca !important;
}
.search-toggle {
top: -30px;
color: #fff;
cursor: pointer;
position: relative;
margin: 0 auto;
clear: left;
z-index: 0;
text-align: center;
width: 30px;
height: 20px;
background-color: rgba(255, 255, 255, 0.349);
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
}
.white-theme .search-toggle {
top: -30px;
color: rgb(54, 54, 54);
cursor: pointer;
position: relative;
margin: 0 auto;
clear: left;
z-index: 0;
text-align: center;
width: 30px;
height: 20px;
background-color: rgba(255, 255, 255, 0.349);
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
}
body.rtls .search-toggle {
top: -30px;
color: #fff;
cursor: pointer;
position: relative;
margin: 0 auto;
clear: right;
z-index: 0;
text-align: center;
width: 30px;
height: 20px;
background-color: rgba(255, 255, 255, 0.349);
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
}
body.rtls .white-theme .search-toggle {
top: -30px;
color: rgb(54, 54, 54);
cursor: pointer;
position: relative;
margin: 0 auto;
clear: right;
z-index: 0;
text-align: center;
width: 30px;
height: 20px;
background-color: rgba(255, 255, 255, 0.349);
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
}
.sidebar-brand {
width: 100%;
height: 60px;
float: left;
padding: 0px 20px;
-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
z-index: 2009;
}
.sidebar-header {
overflow: hidden;
clear: both;
padding: 90px 20px 20px 20px;
width: 100%;
height: 200px;
}
body.rtls .sidebar-header {
overflow: hidden;
clear: both;
padding: 90px 20px 20px 20px;
width: 240px;
height: 200px;
}
body.rtls .sidebar-brand.fixed-brand {
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
}
body.rtls .sidebar-brand.fixed-brand{
display: block;
position: fixed !important;
top: 0;
right: 0 !important;
}
.gray-theme {
background-color: #5b5b5b;
color: #777 !important;
}
body.canvas-menu.gray-theme.mini-navbar nav.navbar-static-side {
background-color: #494B4B;
color: #777 !important;
}
.topNav-gray-theme {
background: #494B4B;
color: #fff !important;
}
.gray-theme .sidebar-container ul.nav-tabs li a {
background: #494B4B;
color: #fff !important;
}
.gray-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-gray-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.gray-theme .navbar-header .mini-style,
.gray-theme .navbar-header .search_icon {
color: white !important;
}
.gray-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #494B4B;
}
.gray-theme.mini-navbar .sidebar-footer {
display: none;
}
.gray-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #494B4B;
z-index: 999999;
}
body.rtls.gray-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.gray-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #494B4B;
}
.gray-theme .sidebar-footer a:hover {
background: rgb(113, 114, 114);
}
.gray-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.gray-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.gray-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #494B4B;
z-index: 999999;
}
body.rtls.canvas-menu.gray-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.gray-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #474545;
}
body.canvas-menu.gray-theme.mini-navbar .sidebar-footer a:hover {
background: #494B4B;
}
body.canvas-menu.gray-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.gray-theme .tooltip>.tooltip-inner {
background-color: #494B4B;
}
.gray-theme ul.nav-second-level {
background: #474545;
}
.gray-theme ul.nav-second-level i {
color: #fff !important;
}
.gray-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.gray-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.gray-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #494B4B;
color: #000;
z-index: 999999;
}
.green-theme {
background-color: #318c38;
color: #777 !important;
}
body.canvas-menu.green-theme.mini-navbar nav.navbar-static-side {
background-color: #318c38;
color: #777 !important;
}
.topNav-green-theme {
background: #318c38;
color: #fff !important;
}
.green-theme .sidebar-container ul.nav-tabs li a {
background: #318c38;
color: #fff !important;
}
.green-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-green-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.green-theme .navbar-header .mini-style,
.green-theme .navbar-header .search_icon {
color: white !important;
}
.green-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #318c38;
}
.green-theme.mini-navbar .sidebar-footer {
display: none;
}
.green-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: rgb(45, 136, 57);
z-index: 999999;
}
body.rtls.green-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.green-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #2C7F35;
}
.green-theme .sidebar-footer a:hover {
background: rgb(59, 172, 72);
}
.green-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.green-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.green-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: rgb(45, 136, 57);
z-index: 999999;
}
body.rtls.canvas-menu.green-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.green-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #2C7F35;
}
body.canvas-menu.green-theme.mini-navbar .sidebar-footer a:hover {
background: rgb(59, 172, 72);
}
body.canvas-menu.green-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.green-theme .tooltip>.tooltip-inner {
background-color: #2C7F35;
}
.green-theme ul.nav-second-level {
background: #2C7F35;
}
.green-theme ul.nav-second-level i {
color: #fff !important;
}
.green-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.green-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.green-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #456740;
color: #000;
z-index: 999999;
}
.light-blue-theme {
background: #0aa5c0;
color: #777 !important;
}
body.canvas-menu.light-blue-theme.mini-navbar nav.navbar-static-side {
background: #0aa5c0;
color: #777 !important;
}
.topNav-light-blue-theme {
background: #0aa5c0;
color: #fff !important;
}
.light-blue-theme .sidebar-container ul.nav-tabs li a {
background: #0aa5c0;
color: #fff !important;
}
.light-blue-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-light-blue-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.light-blue-theme .navbar-header .mini-style,
.light-blue-theme .navbar-header .search_icon {
color: white !important;
}
.light-blue-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #0aa5c0;
}
.light-blue-theme.mini-navbar .sidebar-footer {
display: none;
}
.light-blue-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #0890a8;
z-index: 999999;
}
body.rtls.light-blue-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.light-blue-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: rgb(9, 131, 153);
}
.light-blue-theme .sidebar-footer a:hover {
background: #16b4cf;
}
.light-blue-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.light-blue-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.light-blue-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #0890a8;
z-index: 999999;
}
body.rtls.canvas-menu.light-blue-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.light-blue-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #2a8b9c;
}
body.canvas-menu.light-blue-theme.mini-navbar .sidebar-footer a:hover {
background: #0aa5c0;
}
body.canvas-menu.light-blue-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.light-blue-theme .tooltip>.tooltip-inner {
background-color: rgb(9, 131, 153);
}
.light-blue-theme ul.nav-second-level {
background: #42a7cf;
}
.light-blue-theme ul.nav-second-level i {
color: #fff !important;
}
.light-blue-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.light-blue-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.light-blue-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #0aa5c0;
color: #000;
z-index: 999999;
}
.light-green-theme {
background: #66bb05;
color: #777 !important;
}
body.canvas-menu.light-green-theme.mini-navbar nav.navbar-static-side {
background: #66bb05;
color: #777 !important;
}
.topNav-light-green-theme {
background: #66bb05;
color: #fff !important;
}
.light-green-theme .sidebar-container ul.nav-tabs li a {
background: #66bb05;
color: #fff !important;
}
.light-green-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-light-green-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.light-green-theme .navbar-header .mini-style,
.light-green-theme .navbar-header .search_icon {
color: white !important;
}
.light-green-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #66bb05;
}
.light-green-theme ul.nav-second-level {
background: #5ba506;
}
.light-green-theme ul.nav-second-level i {
color: #fff !important;
}
.light-green-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.light-green-theme.mini-navbar .sidebar-footer {
display: none;
}
.light-green-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #45af07;
z-index: 999999;
}
body.rtls.light-green-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.light-green-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #45af07;
}
.light-green-theme .sidebar-footer a:hover {
background: #53c90f;
}
.light-green-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.light-green-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.light-green-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #45af07;
z-index: 999999;
}
body.rtls.canvas-menu.light-green-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.light-green-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #45af07;
}
body.canvas-menu.light-green-theme.mini-navbar .sidebar-footer a:hover {
background: #53c90f;
}
body.canvas-menu.light-green-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.rtls .dropdown-menu.show{
width:auto!important;
}
.light-green-theme .tooltip>.tooltip-inner {
background-color: #45af07;
}
.light-green-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.light-green-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #66bb05;
color: #000;
z-index: 999999;
}
.orange-theme {
background: #a04e02;
color: #777 !important;
}
body.canvas-menu.orange-theme.mini-navbar nav.navbar-static-side {
background: #a04e02;
color: #777 !important;
}
.topNav-orange-theme {
background: #a04e02;
color: #fff !important;
}
.orange-theme .sidebar-container ul.nav-tabs li a {
background: #a04e02;
color: #fff !important;
}
.orange-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-orange-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.orange-theme .navbar-header .mini-style,
.orange-theme .navbar-header .search_icon {
color: white !important;
}
.orange-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #a04e02;
}
.orange-theme.mini-navbar .sidebar-footer {
display: none;
}
.orange-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: rgb(151, 80, 36);
z-index: 999999;
}
body.rtls.orange-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.orange-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: rgb(139, 72, 29);
}
.orange-theme .sidebar-footer a:hover {
background: rgb(206, 110, 50);
}
.orange-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.orange-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.orange-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: rgb(151, 80, 36);
z-index: 999999;
}
body.rtls.canvas-menu.orange-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.orange-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #804000;
}
body.canvas-menu.orange-theme.mini-navbar .sidebar-footer a:hover {
background: #a04e02;
}
body.canvas-menu.orange-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.orange-theme .tooltip>.tooltip-inner {
background-color: rgb(139, 72, 29);
}
.orange-theme ul.nav-second-level {
background: rgb(190, 95, 5);
}
.orange-theme ul.nav-second-level i {
color: #fff !important;
}
.orange-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid #854102;
padding: 90px 20px 20px 20px;
}
.orange-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.orange-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #a04e02;
color: #000;
z-index: 999999;
}
.purple-theme {
background: #674064;
color: #777 !important;
}
body.canvas-menu.purple-theme.mini-navbar nav.navbar-static-side {
background: #674064;
color: #777 !important;
}
.topNav-purple-theme {
background: #674064;
color: #fff !important;
}
.purple-theme .sidebar-container ul.nav-tabs li a {
background: #674064;
color: #fff !important;
}
.purple-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-purple-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.purple-theme .navbar-header .mini-style,
.purple-theme .navbar-header .search_icon {
color: white !important;
}
.purple-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #674064;
}
.purple-theme.mini-navbar .sidebar-footer {
display: none;
}
.purple-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #674064;
z-index: 999999;
}
body.rtls.purple-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.purple-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #674064;
}
.purple-theme .sidebar-footer a:hover {
background: #925a8d;
}
.purple-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.purple-theme.mini-navbar .sidebar-footer {
display: none;
}
body.purple-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #674064;
z-index: 999999;
}
body.rtls.canvas-menu.purple-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.purple-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #5c3359;
}
body.purple-theme.mini-navbar .sidebar-footer a:hover {
background: #674064;
}
body.purple-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.purple-theme .tooltip>.tooltip-inner {
background-color: #674064;
}
.purple-theme ul.nav-second-level {
background: #5c3359;
}
.purple-theme ul.nav-second-level i {
color: #fff !important;
}
.purple-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.purple-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.purple-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #674064;
color: #000;
z-index: 999999;
}
.red-theme {
background: #ad1919;
color: #777 !important;
}
body.canvas-menu.red-theme.mini-navbar nav.navbar-static-side {
background: #ad1919;
color: #777 !important;
}
.topNav-red-theme {
background: #ad1919;
color: #fff !important;
}
.red-theme .sidebar-container ul.nav-tabs li a {
background: #ad1919;
color: #fff !important;
}
.red-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-red-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.red-theme .navbar-header .mini-style,
.red-theme .navbar-header .search_icon {
color: white !important;
}
.red-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #ad1919;
}
.red-theme.mini-navbar .sidebar-footer {
display: none;
}
.red-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #ad1919;
z-index: 999999;
}
body.rtls.red-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.red-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #ad1919;
}
.red-theme .sidebar-footer a:hover {
background: #d12828;
}
.red-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.red-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.red-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #ad1919;
z-index: 999999;
}
body.rtls.canvas-menu.red-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.red-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #911111;
}
body.canvas-menu.red-theme.mini-navbar .sidebar-footer a:hover {
background: #ad1919;
}
body.canvas-menu.red-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.red-theme .tooltip>.tooltip-inner {
background-color: #ad1919;
}
.red-theme ul.nav-second-level {
background: rgb(145, 17, 17);
}
.red-theme ul.nav-second-level i {
color: #fff !important;
}
.red-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.red-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.red-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #ad1919;
color: #000;
z-index: 999999;
}
.sky-theme {
background: #03626b;
color: #777 !important;
}
body.canvas-menu.sky-theme.mini-navbar nav.navbar-static-side {
background: #03626b;
color: #777 !important;
}
.topNav-sky-theme {
background: #03626b;
color: #fff !important;
}
.sky-theme .sidebar-container ul.nav-tabs li a {
background: #03626b;
color: #fff !important;
}
.sky-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-sky-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.sky-theme .navbar-header .mini-style,
.sky-theme .navbar-header .search_icon {
color: white !important;
}
.sky-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #03626b;
}
.sky-theme.mini-navbar .sidebar-footer {
display: none;
}
.sky-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #03626b;
z-index: 999999;
}
.sky-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #03626b;
}
body.rtls.sky-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.sky-theme .sidebar-footer a:hover {
background: #058591;
}
.sky-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.sky-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.sky-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #03626b;
z-index: 999999;
}
body.canvas-menu.sky-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #08565E;
}
body.rtls.canvas-menu.sky-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.sky-theme.mini-navbar .sidebar-footer a:hover {
background: #03626b;
}
body.canvas-menu.sky-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.sky-theme .tooltip>.tooltip-inner {
background-color: #03626b;
}
.sky-theme ul.nav-second-level {
background: #08565e;
}
.sky-theme ul.nav-second-level i {
color: #fff !important;
}
.sky-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.sky-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.sky-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #03626b;
color: #000;
z-index: 999999;
}
.yellow-theme {
background-color: #918f26;
color: #777 !important;
}
body.canvas-menu.yellow-theme.mini-navbar nav.navbar-static-side {
background-color: #918f26;
color: #777 !important;
}
.topNav-yellow-theme {
background: #918f26;
color: #fff !important;
}
.yellow-theme .sidebar-container ul.nav-tabs li a {
background: #918f26;
color: #fff !important;
}
.yellow-theme .sidebar-container ul.nav-tabs li a.active {
background: #f9f9f9;
color: #333 !important;
}
.topNav-yellow-theme .nav.navbar-top-links a i {
color: #fff !important;
}
.yellow-theme .navbar-header .mini-style,
.yellow-theme .navbar-header .search_icon {
color: white !important;
}
.yellow-theme .sidebar-brand {
width: 100%;
height: 60px;
float: left;
background-color: #918f26;
}
.yellow-theme.mini-navbar .sidebar-footer {
display: none;
}
.yellow-theme .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #858322;
z-index: 999999;
}
.yellow-theme .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #918f26;
}
.yellow-theme .sidebar-footer a:hover {
background: rgb(163, 165, 41);
}
.yellow-theme .sidebar-footer a span {
color: rgb(218, 218, 218);
}
body.canvas-menu.yellow-theme.mini-navbar .sidebar-footer {
display: none;
}
body.canvas-menu.yellow-theme.mini-navbar .sidebar-footer {
left: 0px;
right: auto;
bottom: 0px;
clear: both;
display: block;
padding: 2px 0 0 0;
position: fixed;
width: 240px;
background: #918f26;
z-index: 999999;
}
body.canvas-menu.yellow-theme.mini-navbar .sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #65661E;
}
body.rtls.canvas-menu.yellow-theme.mini-navbar .sidebar-footer {
left: auto;
right: 0px !important;
}
body.canvas-menu.yellow-theme.mini-navbar .sidebar-footer a:hover {
background: rgb(144, 146, 43);
}
body.canvas-menu.yellow-theme.mini-navbar .sidebar-footer a span {
color: rgb(218, 218, 218);
}
.yellow-theme .tooltip>.tooltip-inner {
background-color: #918f26;
}
.yellow-theme ul.nav-second-level {
background: #79771f;
}
.yellow-theme ul.nav-second-level i {
color: #fff !important;
}
body.rtls.yellow-theme .sidebar-footer {
left: auto;
right: 0px !important;
}
.yellow-theme .sidebar-header {
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(218, 218, 218, 0.089);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
padding: 90px 20px 20px 20px;
}
.yellow-theme.fixed-sidebar .sidebar-header {
padding-top: 90px;
}
.yellow-theme .sidebar-brand.fixed-header {
width: 240px;
position: fixed;
top: 0;
background-color: #666740;
color: #000;
z-index: 999999;
}
.navbar-static-top.topNav-white-theme .header-notification .config span {
color: #969696 !important;
}
.navbar-static-top .header-notification .config ul>li>a>i {
color: #969696 !important;
}
.topNav-blue-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-blue-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-brown-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-brown-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-dark-gray-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-dark-gray-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-dark-pink-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-dark-pink-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-gray-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-gray-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-green-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-green-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-light-blue-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-light-blue-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-light-green-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-light-green-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-orange-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-orange-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-purple-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-purple-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-red-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-red-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav--theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-sky-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.topNav-yellow-theme.navbar-static-top .header-notification .config span {
color: #fff !important;
}
.topNav-yellow-theme.navbar-static-top .header-notification .config ul>li>a {
color: #969696 !important;
}
.img-logo {
width: 100%;
height: 30px;
margin-top: 15px;
}
.logo-element-img {
width: 56%;
height: 30px;
}
.mini-logo {
width: 30px;
height: 30px;
}
.sidebar-brand .site-name {
font-size: 24px;
font-weight: 400;
color: #fff;
top: 13px;
position: absolute;
left: 22%;
}
.site-text {
color: #EF5352;
font-weight: 600;
}
.sidebar-header .user-pic {
float: left;
width: 60px;
padding: 2px;
border-radius: 12px;
margin-right: 15px;
overflow: hidden;
z-index: 22299999 !important;
}
.sidebar-header .user-profile-info {
display: block;
}
.sidebar-header .sidebar-nav-search {
display: none;
}
.sidebar-header .input-group-border {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
height:36px !important;
}
.sidebar-header .input-group-text {
background: #3a3f48;
color: #818896;
text-align: left;
height:36px !important;
border:none !important;
}
.sidebar-header .input-group > .input-group-append > .toggle-btn {
background: #3a3f48;
color: #818896;
border: none;
min-height:36px !important;
}
.sidebar-header .sidebar-nav-search .form-control {
border: none;
color: rgb(196, 196, 196);
}
.sidebar-header .user-pic img {
object-fit: cover;
height: 100%;
width: 100%;
}
.sidebar-header .user-info {
float: left;
color: #fff;
}
.sidebar-header .user-info>span {
display: block;
}
.sidebar-header .user-info .user-role {
font-size: 12px;
}
/* RTLS Sidebar header */
body.rtls .sidebar-brand .site-name {
font-size: 24px;
font-weight: 400;
color: #fff;
top: 13px;
position: absolute;
left: 22%;
}
body.rtls .site-text {
color: #EF5352;
font-weight: 600;
}
body.rtls .sidebar-header .user-pic {
float: right;
width: 60px;
padding: 2px;
border-radius: 12px;
margin-right: 15px;
overflow: hidden;
z-index: 22299999 !important;
}
body.rtls .sidebar-header .user-profile-info {
display: block;
}
body.rtls .sidebar-header .sidebar-nav-search {
display: none;
}
body.rtls .sidebar-header .input-group-border {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body.rtls .sidebar-header .input-group-text {
background: #3a3f48;
color: #818896;
text-align: left;
}
body.rtls .sidebar-header .input-group>.input-group-append>.btn {
background: #3a3f48;
color: #818896;
border: none;
}
body.rtls .sidebar-header .sidebar-nav-search .form-control {
overflow: hidden;
border: none;
color: rgb(196, 196, 196);
text-align: right;
}
body.rtls .sidebar-header .user-pic img {
object-fit: cover;
height: 100%;
width: 100%;
}
body.rtls .sidebar-header .user-info {
float: right;
color: #fff;
}
body.rtls .sidebar-header .user-info>span {
display: block;
}
body.rtls .sidebar-header .user-info .user-role {
font-size: 12px;
}
.pace-done .nav-header {
transition: all 0.4s;
}
ul.nav-second-level {
background: #fff;
}
.nav.nav-second-level>li.active {
border: none;
}
.nav.nav-second-level.collapse[style] {
height: auto !important;
}
.nav-header a {
color: #DFE4ED;
}
.nav-header .text-muted {
color: #8095a8;
}
.mini-style {
padding: 4px 12px;
margin: 0px 5px 5px 5px;
font-size: 22px;
float: left;
}
.navbar-form-custom {
float: left;
height: 30px;
padding: 0;
width: 200px;
display: block;
}
.navbar-form-custom .form-group {
margin-bottom: 0;
}
.nav.navbar-top-links a {
font-size: 14px;
}
.selector-toggle {
position: fixed;
right: 50px !important;
top: 300px;
z-index: 9999999 !important;
}
.selector-toggle>a,
.selector-toggle>a {
border-right: 0;
border-radius: 50% 0 0 50%;
}
.selector-toggle>a {
position: absolute;
top: 20px;
width: 55px;
height: 55px;
display: block;
cursor: pointer;
text-align: center;
background: #21b143;
color: #fff;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
padding: 10px 8px;
z-index: 9999999 !important;
font-size: 24px;
}
.navbar-form-custom .form-control {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
font-size: 14px;
height: 40px;
margin: 0;
z-index: 2000;
}
.count-msg .label {
line-height: 12px;
padding: 2px 5px;
position: absolute;
right: 6px;
top: 12px;
}
.form-check {
padding: 4px 10px;
}
.arrow {
float: right;
}
.fa.arrow:before {
content: "\f104";
}
.active>a>.fa.arrow:before {
content: "\f107";
}
.nav-second-level li,
.nav-third-level li {
border-bottom: none !important;
}
.nav-second-level li a {
padding: 7px 10px 7px 10px;
padding-left: 42px;
}
.nav-third-level li a {
padding-left: 62px;
}
.nav-second-level li:last-child {
margin-bottom: 10px;
}
.img-radius {
width: 30px;
height: 30px;
border-radius: 5px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level,
.mini-navbar .nav li:focus>.nav-second-level {
display: block;
border-radius: 0 2px 2px 0;
min-width: 240px;
height: auto;
left: 70px;
}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
font-size: 12px !important;
border-radius: 3px;
}
.fixed-nav .slimScrollDiv #side-menu {
padding-bottom: 60px;
}
.mini-navbar .nav-second-level li a {
padding: 10px 10px 10px 15px;
}
.topNav-default-theme a i,
.topNav-blue-theme a i,
.topNav-brown-theme a i,
.topNav-dark-gray-theme a i,
.topNav-dark-pink-theme a i,
.topNav-gray-theme a i,
.topNav-green-theme a i,
.topNav-light-blue-theme a i,
.topNav-light-green-theme a i,
.topNav-orange-theme a i,
.topNav-purple-theme a i,
.topNav-red-theme a i,
.topNav-sky-theme a i,
.topNav-yellow-theme a i {
color: #ffffff !important;
}
.blue-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #2F4699;
font-size: 12px;
}
.blue-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #2F4699;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.default-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #4E3E6B;
font-size: 12px;
}
.default-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #4E3E6B;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.brown-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #804000;
font-size: 12px;
}
.brown-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #804000;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.dark-gray-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #454949;
font-size: 12px;
}
.dark-gray-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #454949;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.dark-pink-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #492A35;
font-size: 12px;
}
.dark-pink-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #492A35;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.default-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #4E3E6B;
font-size: 12px;
}
.default-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #4E3E6B;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.gray-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #474545;
font-size: 12px;
}
.gray-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #474545;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.green-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #2C7F35;
font-size: 12px;
}
.green-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #2C7F35;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.light-blue-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #227E81;
font-size: 12px;
}
.light-blue-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #2a8b9c;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.light-green-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #3B9208;
font-size: 12px;
}
.light-green-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #3B9208;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.orange-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #804000;
font-size: 12px;
}
.orange-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #804000;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.purple-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #442642;
font-size: 12px;
}
.purple-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #442642;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.red-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #911111;
font-size: 12px;
}
.red-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #911111;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.sky-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #08565E;
font-size: 12px;
}
.sky-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #08565E;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
.yellow-theme.mini-navbar .nav .nav-second-level {
width: 100%;
position: absolute;
left: 70px;
top: auto;
margin-top: -40px;
background-color: #65661E;
font-size: 12px;
}
.yellow-theme.mini-navbar.canvas-menu .navbar-static-side .nav .nav-second-level {
position: relative !important;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
margin-top: 0px;
background-color: #65661E;
font-size: 12px;
padding: 7px 35px 7px 10px;
}
/* Input Colors*/
.form-control-primary {
border-color: #007bff !important;
color: #007bff !important;
}
.form-control-primary:focus {
border-color: #007bff !important;
}
.form-control-warning {
border-color: #ffc107 !important;
color: #ffc107 !important;
}
.form-control-warning:focus {
border-color: #ffc107 !important;
}
.form-control-default {
border-color: #e0e0e0 !important;
color: #e0e0e0 !important;
}
.form-control-default:focus {
border-color: #e0e0e0 !important;
}
.form-control-danger {
border-color: #FF0000 !important;
color: #FF0000 !important;
}
.form-control-danger:focus {
border-color: #FF0000 !important;
}
.form-control-success {
border-color: #21b143 !important;
color: #21b143 !important;
}
.form-control-success:focus {
border-color: #21b143 !important;
}
.form-control-inverse {
border-color: #404E67 !important;
color: #404E67 !important;
}
.form-control-inverse:focus {
border-color: #404E67 !important;
}
.form-control-info {
border-color: #2DCEE3 !important;
color: #2DCEE3 !important;
}
.form-control-info:focus {
border-color: #2DCEE3 !important;
}
.form-text-primary {
color: #007bff
}
.form-text-primary:focus {
color: #007bff
}
.form-text-primary::-moz-placeholder {
color: #007bff;
opacity: 1
}
.form-text-primary:-ms-input-placeholder {
color: #007bff
}
.form-text-primary::-webkit-input-placeholder {
color: #007bff
}
.form-txt-warning {
color: #ffc107;
}
.form-txt-warning:focus {
color: #ffc107;
}
.form-txt-warning::-moz-placeholder {
color: #ffc107;
opacity: 1
}
.form-txt-warning:-ms-input-placeholder {
color: #ffc107;
}
.form-txt-warning::-webkit-input-placeholder {
color: #ffc107;
}
.form-text-default {
color: #e0e0e0
}
.form-text-default:focus {
color: #e0e0e0
}
.form-text-default::-moz-placeholder {
color: #e0e0e0;
opacity: 1
}
.form-text-default:-ms-input-placeholder {
color: #e0e0e0
}
.form-text-default::-webkit-input-placeholder {
color: #e0e0e0
}
.form-text-danger {
color: #FF0000
}
.form-text-danger:focus {
color: #FF0000
}
.form-text-danger::-moz-placeholder {
color: #FF0000;
opacity: 1
}
.form-text-danger:-ms-input-placeholder {
color: #FF0000
}
.form-text-danger::-webkit-input-placeholder {
color: #FF0000
}
.form-text-success {
color: #21b143;
}
.form-text-success:focus {
color: #21b143;
}
.form-text-success::-moz-placeholder {
color: #21b143;
opacity: 1
}
.form-text-success:-ms-input-placeholder {
color: #21b143;
}
.form-text-success::-webkit-input-placeholder {
color: #21b143;
}
.form-text-inverse {
color: #404E67
}
.form-text-inverse:focus {
color: #404E67
}
.form-text-inverse::-moz-placeholder {
color: #404E67;
opacity: 1
}
.form-text-inverse:-ms-input-placeholder {
color: #404E67
}
.form-text-inverse::-webkit-input-placeholder {
color: #404E67
}
.form-text-info {
color: #2DCEE3
}
.form-text-info:focus {
color: #2DCEE3
}
.form-text-info::-moz-placeholder {
color: #2DCEE3;
opacity: 1
}
.form-text-info:-ms-input-placeholder {
color: #2DCEE3
}
.form-text-info::-webkit-input-placeholder {
color: #2DCEE3
}
.form-bg-primary {
background-color: #007bff !important;
border-color: #007bff !important;
color: #fff !important;
}
.form-bg-primary:focus {
background-color: #007bff;
border-color: #007bff;
color: #fff
}
.form-bg-primary::-moz-placeholder {
color: #fff;
opacity: 1
}
.form-bg-primary:-ms-input-placeholder {
color: #fff
}
.form-bg-primary::-webkit-input-placeholder {
color: #fff
}
.form-bg-warning {
background-color: #ffc107 !important;
border-color: #ffc107 !important;
color: #fff !important;
}
.form-bg-warning:focus {
background-color: #ffc107 !important;
border-color: #ffc107 !important;
color: #fff !important;
}
.form-bg-warning::-moz-placeholder {
color: #fff;
opacity: 1
}
.form-bg-warning:-ms-input-placeholder {
color: #fff
}
.form-bg-warning::-webkit-input-placeholder {
color: #fff
}
.form-bg-default {
background-color: #e0e0e0 !important;
border-color: #e0e0e0 !important;
color: #fff !important;
}
.form-bg-default:focus {
background-color: #e0e0e0 !important;
border-color: #e0e0e0 !important;
color: #fff !important;
}
.form-bg-default::-moz-placeholder {
color: #fff;
opacity: 1
}
.form-bg-default:-ms-input-placeholder {
color: #fff
}
.form-bg-default::-webkit-input-placeholder {
color: #fff
}
.form-bg-danger {
background-color: #FF0000 !important;
border-color: #FF0000 !important;
color: #fff !important;
}
.form-bg-danger:focus {
background-color: #FF0000 !important;
border-color: #FF0000 !important;
color: #fff !important;
}
.form-bg-danger::-moz-placeholder {
color: #fff;
opacity: 1
}
.form-bg-danger:-ms-input-placeholder {
color: #fff
}
.form-bg-danger::-webkit-input-placeholder {
color: #fff
}
.form-bg-success {
background-color: #21b143 !important;
border-color: #21b143 !important;
color: #fff !important;
}
.form-bg-success:focus {
background-color: #21b143 !important;
border-color: #21b143 !important;
color: #fff !important;
}
.form-bg-success::-moz-placeholder {
color: #fff;
opacity: 1
}
.form-bg-success:-ms-input-placeholder {
color: #fff
}
.form-bg-success::-webkit-input-placeholder {
color: #fff
}
.form-bg-inverse {
background-color: #343a40 !important;
border-color: #343a40 !important;
color: #fff !important;
}
.form-bg-inverse:focus {
background-color: #343a40 !important;
border-color: #343a40 !important;
color: #fff !important;
}
.form-bg-inverse::-moz-placeholder {
color: #fff;
opacity: 1
}
.form-bg-inverse:-ms-input-placeholder {
color: #fff
}
.form-bg-inverse::-webkit-input-placeholder {
color: #fff
}
.form-bg-info {
background-color: #2DCEE3 !important;
border-color: #2DCEE3 !important;
color: #fff !important;
}
.form-bg-info:focus {
background-color: #2DCEE3 !important;
border-color: #2DCEE3 !important;
color: #fff !important;
}
.form-bg-info::-moz-placeholder {
color: #fff;
opacity: 1
}
.form-bg-info:-ms-input-placeholder {
color: #fff
}
.form-bg-info::-webkit-input-placeholder {
color: #fff
}
.form-control.form-control-normal {
font-weight: 400
}
.form-control.form-control-bold {
font-weight: 600
}
.form-control.form-control-capitalize {
text-transform: capitalize
}
.form-control.form-control-uppercase {
text-transform: uppercase
}
.form-control.form-control-lowercase {
text-transform: lowercase
}
.form-control.form-control-variant {
font-variant: small-caps
}
.form-control.form-control-left {
text-align: left
}
.form-control.form-control-center {
text-align: center
}
.form-control.form-control-right {
text-align: right
}
.form-control.form-control-rtl {
direction: rtl
}
.form-control:disabled {
cursor: not-allowed;
opacity: 0.5
}
.form-group .form-control-round {
border-radius: 50px;
}
/* Colors */
.amber-colors ul li p,
.bg-danger li p,
.bg-default li p,
.bg-info li p,
.bg-primary li p,
.bg-success li p,
.bg-warning li p,
.blue-colors ul li p,
.blue-grey-colors ul li p,
.brown-colors ul li p,
.cyan-colors ul li p,
.deep-orange-colors ul li p,
.deep-purple-colors ul li p,
.green-colors ul li p,
.grey-colors ul li p,
.indigo-colors ul li p,
.light-blue-colors ul li p,
.light-green-colors ul li p,
.lime-colors ul li p,
.orange-colors ul li p,
.pink-colors ul li p,
.purple-colors ul li p,
.red-colors ul li p,
.teal-colors ul li p,
.yellow-colors ul li p,
.primary-colorr ul li p,
.success-colorr ul li p,
.info-colorr ul li p,
.warning-colorr ul li p,
.danger-colorr ul li p {
font-size: 18px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
color: #fff;
margin-bottom: 0
}
.red-colors ul li:nth-child(14) {
background-color: #e40505
}
.red-colors ul li:nth-child(14) p:before {
content: "#e40505"
}
.red-colors ul li:nth-child(13) {
background-color: #f30606
}
.red-colors ul li:nth-child(13) p:before {
content: "#f30606"
}
.red-colors ul li:nth-child(12) {
background-color: #f90f0f
}
.red-colors ul li:nth-child(12) p:before {
content: "#f90f0f"
}
.red-colors ul li:nth-child(11) {
background-color: #fa1d1d
}
.red-colors ul li:nth-child(11) p:before {
content: "#fa1d1d"
}
.red-colors ul li:nth-child(10) {
background-color: #fa2c2c
}
.red-colors ul li:nth-child(10) p:before {
content: "#fa2c2c"
}
.red-colors ul li:nth-child(9) {
background-color: #fa3b3b
}
.red-colors ul li:nth-child(9) p:before {
content: "#fa3b3b"
}
.red-colors ul li:nth-child(8) {
background-color: #fb4a4a
}
.red-colors ul li:nth-child(8) p:before {
content: "#fb4a4a"
}
.red-colors ul li:nth-child(7) {
background-color: #fb5959
}
.red-colors ul li:nth-child(7) p:before {
content: "#fb5959"
}
.red-colors ul li:nth-child(6) {
background-color: #fb6868
}
.red-colors ul li:nth-child(6) p:before {
content: "#fb6868"
}
.red-colors ul li:nth-child(5) {
background-color: #fc7777
}
.red-colors ul li:nth-child(5) p:before {
content: "#fc7777"
}
.red-colors ul li:nth-child(4) {
background-color: #fc8686
}
.red-colors ul li:nth-child(4) p:before {
content: "#fc8686"
}
.red-colors ul li:nth-child(3) {
background-color: #fd9595
}
.red-colors ul li:nth-child(3) p:before {
content: "#fd9595"
}
.red-colors ul li:nth-child(2) {
background-color: #fda4a4
}
.red-colors ul li:nth-child(2) p:before {
content: "#fda4a4"
}
.red-colors ul li:nth-child(1) {
background-color: #fdb3b3
}
.red-colors ul li:nth-child(1) p:before {
content: "#fdb3b3"
}
.pink-colors ul li:nth-child(14) {
background-color: #d4166c
}
.pink-colors ul li:nth-child(14) p:before {
content: "#d4166c"
}
.pink-colors ul li:nth-child(13) {
background-color: #e21873
}
.pink-colors ul li:nth-child(13) p:before {
content: "#e21873"
}
.pink-colors ul li:nth-child(12) {
background-color: #e7217b
}
.pink-colors ul li:nth-child(12) p:before {
content: "#e7217b"
}
.pink-colors ul li:nth-child(11) {
background-color: #e92f83
}
.pink-colors ul li:nth-child(11) p:before {
content: "#e92f83"
}
.pink-colors ul li:nth-child(10) {
background-color: #ea3d8b
}
.pink-colors ul li:nth-child(10) p:before {
content: "#ea3d8b"
}
.pink-colors ul li:nth-child(9) {
background-color: #ec4b94
}
.pink-colors ul li:nth-child(9) p:before {
content: "#ec4b94"
}
.pink-colors ul li:nth-child(8) {
background-color: #ed599c
}
.pink-colors ul li:nth-child(8) p:before {
content: "#ed599c"
}
.pink-colors ul li:nth-child(7) {
background-color: #ef67a4
}
.pink-colors ul li:nth-child(7) p:before {
content: "#ef67a4"
}
.pink-colors ul li:nth-child(6) {
background-color: #f074ac
}
.pink-colors ul li:nth-child(6) p:before {
content: "#f074ac"
}
.pink-colors ul li:nth-child(5) {
background-color: #f282b5
}
.pink-colors ul li:nth-child(5) p:before {
content: "#f282b5"
}
.pink-colors ul li:nth-child(4) {
background-color: #f390bd
}
.pink-colors ul li:nth-child(4) p:before {
content: "#f390bd"
}
.pink-colors ul li:nth-child(3) {
background-color: #f59ec5
}
.pink-colors ul li:nth-child(3) p:before {
content: "#f59ec5"
}
.pink-colors ul li:nth-child(2) {
background-color: #f6accd
}
.pink-colors ul li:nth-child(2) p:before {
content: "#f6accd"
}
.pink-colors ul li:nth-child(1) {
background-color: #f8bad6
}
.pink-colors ul li:nth-child(1) p:before {
content: "#f8bad6"
}
.purple-colors ul li:nth-child(14) {
background-color: #b014ff
}
.purple-colors ul li:nth-child(14) p:before {
content: "#b014ff"
}
.purple-colors ul li:nth-child(13) {
background-color: #b524ff
}
.purple-colors ul li:nth-child(13) p:before {
content: "#b524ff"
}
.purple-colors ul li:nth-child(12) {
background-color: #ba33ff
}
.purple-colors ul li:nth-child(12) p:before {
content: "#ba33ff"
}
.purple-colors ul li:nth-child(11) {
background-color: #c042ff
}
.purple-colors ul li:nth-child(11) p:before {
content: "#c042ff"
}
.purple-colors ul li:nth-child(10) {
background-color: #c552ff
}
.purple-colors ul li:nth-child(10) p:before {
content: "#c552ff"
}
.purple-colors ul li:nth-child(9) {
background-color: #ca61ff
}
.purple-colors ul li:nth-child(9) p:before {
content: "#ca61ff"
}
.purple-colors ul li:nth-child(8) {
background-color: #cf70ff
}
.purple-colors ul li:nth-child(8) p:before {
content: "#cf70ff"
}
.purple-colors ul li:nth-child(7) {
background-color: #d47fff
}
.purple-colors ul li:nth-child(7) p:before {
content: "#d47fff"
}
.purple-colors ul li:nth-child(6) {
background-color: #d98fff
}
.purple-colors ul li:nth-child(6) p:before {
content: "#d98fff"
}
.purple-colors ul li:nth-child(5) {
background-color: #de9eff
}
.purple-colors ul li:nth-child(5) p:before {
content: "#de9eff"
}
.purple-colors ul li:nth-child(4) {
background-color: #e4adff
}
.purple-colors ul li:nth-child(4) p:before {
content: "#e4adff"
}
.purple-colors ul li:nth-child(3) {
background-color: #e9bdff
}
.purple-colors ul li:nth-child(3) p:before {
content: "#e9bdff"
}
.purple-colors ul li:nth-child(2) {
background-color: #ecf
}
.purple-colors ul li:nth-child(2) p:before {
content: "#ecf"
}
.purple-colors ul li:nth-child(1) {
background-color: #f3dbff
}
.purple-colors ul li:nth-child(1) p:before {
content: "#f3dbff"
}
.deep-purple-colors ul li:nth-child(14) {
background-color: #6b05f9
}
.deep-purple-colors ul li:nth-child(14) p:before {
content: "#6b05f9"
}
.deep-purple-colors ul li:nth-child(13) {
background-color: #7414fa
}
.deep-purple-colors ul li:nth-child(13) p:before {
content: "#7414fa"
}
.deep-purple-colors ul li:nth-child(12) {
background-color: #7d23fa
}
.deep-purple-colors ul li:nth-child(12) p:before {
content: "#7d23fa"
}
.deep-purple-colors ul li:nth-child(11) {
background-color: #8632fb
}
.deep-purple-colors ul li:nth-child(11) p:before {
content: "#8632fb"
}
.deep-purple-colors ul li:nth-child(10) {
background-color: #8f41fb
}
.deep-purple-colors ul li:nth-child(10) p:before {
content: "#8f41fb"
}
.deep-purple-colors ul li:nth-child(9) {
background-color: #9850fb
}
.deep-purple-colors ul li:nth-child(9) p:before {
content: "#9850fb"
}
.deep-purple-colors ul li:nth-child(8) {
background-color: #a05ffc
}
.deep-purple-colors ul li:nth-child(8) p:before {
content: "#a05ffc"
}
.deep-purple-colors ul li:nth-child(7) {
background-color: #a96efc
}
.deep-purple-colors ul li:nth-child(7) p:before {
content: "#a96efc"
}
.deep-purple-colors ul li:nth-child(6) {
background-color: #b27cfc
}
.deep-purple-colors ul li:nth-child(6) p:before {
content: "#b27cfc"
}
.deep-purple-colors ul li:nth-child(5) {
background-color: #bb8bfd
}
.deep-purple-colors ul li:nth-child(5) p:before {
content: "#bb8bfd"
}
.deep-purple-colors ul li:nth-child(4) {
background-color: #c49afd
}
.deep-purple-colors ul li:nth-child(4) p:before {
content: "#c49afd"
}
.deep-purple-colors ul li:nth-child(3) {
background-color: #cda9fd
}
.deep-purple-colors ul li:nth-child(3) p:before {
content: "#cda9fd"
}
.deep-purple-colors ul li:nth-child(2) {
background-color: #d5b8fd
}
.deep-purple-colors ul li:nth-child(2) p:before {
content: "#d5b8fd"
}
.deep-purple-colors ul li:nth-child(1) {
background-color: #dec7fe
}
.deep-purple-colors ul li:nth-child(1) p:before {
content: "#dec7fe"
}
.indigo-colors ul li:nth-child(14) {
background-color: #415dfe
}
.indigo-colors ul li:nth-child(14) p:before {
content: "#415dfe"
}
.indigo-colors ul li:nth-child(13) {
background-color: #4d68fe
}
.indigo-colors ul li:nth-child(13) p:before {
content: "#4d68fe"
}
.indigo-colors ul li:nth-child(12) {
background-color: #5a72fe
}
.indigo-colors ul li:nth-child(12) p:before {
content: "#5a72fe"
}
.indigo-colors ul li:nth-child(11) {
background-color: #677dfe
}
.indigo-colors ul li:nth-child(11) p:before {
content: "#677dfe"
}
.indigo-colors ul li:nth-child(10) {
background-color: #7388fe
}
.indigo-colors ul li:nth-child(10) p:before {
content: "#7388fe"
}
.indigo-colors ul li:nth-child(9) {
background-color: #8093fe
}
.indigo-colors ul li:nth-child(9) p:before {
content: "#8093fe"
}
.indigo-colors ul li:nth-child(8) {
background-color: #8d9efe
}
.indigo-colors ul li:nth-child(8) p:before {
content: "#8d9efe"
}
.indigo-colors ul li:nth-child(7) {
background-color: #9aa9ff
}
.indigo-colors ul li:nth-child(7) p:before {
content: "#9aa9ff"
}
.indigo-colors ul li:nth-child(6) {
background-color: #a6b3ff
}
.indigo-colors ul li:nth-child(6) p:before {
content: "#a6b3ff"
}
.indigo-colors ul li:nth-child(5) {
background-color: #b3beff
}
.indigo-colors ul li:nth-child(5) p:before {
content: "#b3beff"
}
.indigo-colors ul li:nth-child(4) {
background-color: #c0c9ff
}
.indigo-colors ul li:nth-child(4) p:before {
content: "#c0c9ff"
}
.indigo-colors ul li:nth-child(3) {
background-color: #ccd4ff
}
.indigo-colors ul li:nth-child(3) p:before {
content: "#ccd4ff"
}
.indigo-colors ul li:nth-child(2) {
background-color: #d9dfff
}
.indigo-colors ul li:nth-child(2) p:before {
content: "#d9dfff"
}
.indigo-colors ul li:nth-child(1) {
background-color: #e6e9ff
}
.indigo-colors ul li:nth-child(1) p:before {
content: "#e6e9ff"
}
.blue-colors ul li:nth-child(14) {
background-color: #3a6eff
}
.blue-colors ul li:nth-child(14) p:before {
content: "#3a6eff"
}
.blue-colors ul li:nth-child(13) {
background-color: #4778ff
}
.blue-colors ul li:nth-child(13) p:before {
content: "#4778ff"
}
.blue-colors ul li:nth-child(12) {
background-color: #5381ff
}
.blue-colors ul li:nth-child(12) p:before {
content: "#5381ff"
}
.blue-colors ul li:nth-child(11) {
background-color: #608aff
}
.blue-colors ul li:nth-child(11) p:before {
content: "#608aff"
}
.blue-colors ul li:nth-child(10) {
background-color: #6d94ff
}
.blue-colors ul li:nth-child(10) p:before {
content: "#6d94ff"
}
.blue-colors ul li:nth-child(9) {
background-color: #7a9dff
}
.blue-colors ul li:nth-child(9) p:before {
content: "#7a9dff"
}
.blue-colors ul li:nth-child(8) {
background-color: #86a6ff
}
.blue-colors ul li:nth-child(8) p:before {
content: "#86a6ff"
}
.blue-colors ul li:nth-child(7) {
background-color: #93b0ff
}
.blue-colors ul li:nth-child(7) p:before {
content: "#93b0ff"
}
.blue-colors ul li:nth-child(6) {
background-color: #a0b9ff
}
.blue-colors ul li:nth-child(6) p:before {
content: "#a0b9ff"
}
.blue-colors ul li:nth-child(5) {
background-color: #adc3ff
}
.blue-colors ul li:nth-child(5) p:before {
content: "#adc3ff"
}
.blue-colors ul li:nth-child(4) {
background-color: #b9ccff
}
.blue-colors ul li:nth-child(4) p:before {
content: "#b9ccff"
}
.blue-colors ul li:nth-child(3) {
background-color: #c6d5ff
}
.blue-colors ul li:nth-child(3) p:before {
content: "#c6d5ff"
}
.blue-colors ul li:nth-child(2) {
background-color: #d3dfff
}
.blue-colors ul li:nth-child(2) p:before {
content: "#d3dfff"
}
.blue-colors ul li:nth-child(1) {
background-color: #e0e8ff
}
.blue-colors ul li:nth-child(1) p:before {
content: "#e0e8ff"
}
.light-blue-colors ul li:nth-child(14) {
background-color: #059cf9
}
.light-blue-colors ul li:nth-child(14) p:before {
content: "#059cf9"
}
.light-blue-colors ul li:nth-child(13) {
background-color: #14a2fa
}
.light-blue-colors ul li:nth-child(13) p:before {
content: "#14a2fa"
}
.light-blue-colors ul li:nth-child(12) {
background-color: #23a8fa
}
.light-blue-colors ul li:nth-child(12) p:before {
content: "#23a8fa"
}
.light-blue-colors ul li:nth-child(11) {
background-color: #32aefb
}
.light-blue-colors ul li:nth-child(11) p:before {
content: "#32aefb"
}
.light-blue-colors ul li:nth-child(10) {
background-color: #41b4fb
}
.light-blue-colors ul li:nth-child(10) p:before {
content: "#41b4fb"
}
.light-blue-colors ul li:nth-child(9) {
background-color: #50bafb
}
.light-blue-colors ul li:nth-child(9) p:before {
content: "#50bafb"
}
.light-blue-colors ul li:nth-child(8) {
background-color: #5fc0fc
}
.light-blue-colors ul li:nth-child(8) p:before {
content: "#5fc0fc"
}
.light-blue-colors ul li:nth-child(7) {
background-color: #6ec6fc
}
.light-blue-colors ul li:nth-child(7) p:before {
content: "#6ec6fc"
}
.light-blue-colors ul li:nth-child(6) {
background-color: #7cccfc
}
.light-blue-colors ul li:nth-child(6) p:before {
content: "#7cccfc"
}
.light-blue-colors ul li:nth-child(5) {
background-color: #8bd2fd
}
.light-blue-colors ul li:nth-child(5) p:before {
content: "#8bd2fd"
}
.light-blue-colors ul li:nth-child(4) {
background-color: #9ad7fd
}
.light-blue-colors ul li:nth-child(4) p:before {
content: "#9ad7fd"
}
.light-blue-colors ul li:nth-child(3) {
background-color: #a9ddfd
}
.light-blue-colors ul li:nth-child(3) p:before {
content: "#a9ddfd"
}
.light-blue-colors ul li:nth-child(2) {
background-color: #b8e3fd
}
.light-blue-colors ul li:nth-child(2) p:before {
content: "#b8e3fd"
}
.light-blue-colors ul li:nth-child(1) {
background-color: #c7e9fe
}
.light-blue-colors ul li:nth-child(1) p:before {
content: "#c7e9fe"
}
.cyan-colors ul li:nth-child(14) {
background-color: #05c6e3
}
.cyan-colors ul li:nth-child(14) p:before {
content: "#05c6e3"
}
.cyan-colors ul li:nth-child(13) {
background-color: #06d3f2
}
.cyan-colors ul li:nth-child(13) p:before {
content: "#06d3f2"
}
.cyan-colors ul li:nth-child(12) {
background-color: #0edbf9
}
.cyan-colors ul li:nth-child(12) p:before {
content: "#0edbf9"
}
.cyan-colors ul li:nth-child(11) {
background-color: #1dddfa
}
.cyan-colors ul li:nth-child(11) p:before {
content: "#1dddfa"
}
.cyan-colors ul li:nth-child(10) {
background-color: #2bdffa
}
.cyan-colors ul li:nth-child(10) p:before {
content: "#2bdffa"
}
.cyan-colors ul li:nth-child(9) {
background-color: #3ae1fa
}
.cyan-colors ul li:nth-child(9) p:before {
content: "#3ae1fa"
}
.cyan-colors ul li:nth-child(8) {
background-color: #49e4fb
}
.cyan-colors ul li:nth-child(8) p:before {
content: "#49e4fb"
}
.cyan-colors ul li:nth-child(7) {
background-color: #58e6fb
}
.cyan-colors ul li:nth-child(7) p:before {
content: "#58e6fb"
}
.cyan-colors ul li:nth-child(6) {
background-color: #67e8fb
}
.cyan-colors ul li:nth-child(6) p:before {
content: "#67e8fb"
}
.cyan-colors ul li:nth-child(5) {
background-color: #76eafc
}
.cyan-colors ul li:nth-child(5) p:before {
content: "#76eafc"
}
.cyan-colors ul li:nth-child(4) {
background-color: #85edfc
}
.cyan-colors ul li:nth-child(4) p:before {
content: "#85edfc"
}
.cyan-colors ul li:nth-child(3) {
background-color: #94effc
}
.cyan-colors ul li:nth-child(3) p:before {
content: "#94effc"
}
.cyan-colors ul li:nth-child(2) {
background-color: #a3f1fd
}
.cyan-colors ul li:nth-child(2) p:before {
content: "#a3f1fd"
}
.cyan-colors ul li:nth-child(1) {
background-color: #b2f3fd
}
.cyan-colors ul li:nth-child(1) p:before {
content: "#b2f3fd"
}
.teal-colors ul li:nth-child(14) {
background-color: #05cfb3
}
.teal-colors ul li:nth-child(14) p:before {
content: "#05cfb3"
}
.teal-colors ul li:nth-child(13) {
background-color: #06dec0
}
.teal-colors ul li:nth-child(13) p:before {
content: "#06dec0"
}
.teal-colors ul li:nth-child(12) {
background-color: #06edcd
}
.teal-colors ul li:nth-child(12) p:before {
content: "#06edcd"
}
.teal-colors ul li:nth-child(11) {
background-color: #0af9d7
}
.teal-colors ul li:nth-child(11) p:before {
content: "#0af9d7"
}
.teal-colors ul li:nth-child(10) {
background-color: #19f9da
}
.teal-colors ul li:nth-child(10) p:before {
content: "#19f9da"
}
.teal-colors ul li:nth-child(9) {
background-color: #27f9dc
}
.teal-colors ul li:nth-child(9) p:before {
content: "#27f9dc"
}
.teal-colors ul li:nth-child(8) {
background-color: #36fadf
}
.teal-colors ul li:nth-child(8) p:before {
content: "#36fadf"
}
.teal-colors ul li:nth-child(7) {
background-color: #45fae1
}
.teal-colors ul li:nth-child(7) p:before {
content: "#45fae1"
}
.teal-colors ul li:nth-child(6) {
background-color: #54fbe3
}
.teal-colors ul li:nth-child(6) p:before {
content: "#54fbe3"
}
.teal-colors ul li:nth-child(5) {
background-color: #63fbe6
}
.teal-colors ul li:nth-child(5) p:before {
content: "#63fbe6"
}
.teal-colors ul li:nth-child(4) {
background-color: #72fbe8
}
.teal-colors ul li:nth-child(4) p:before {
content: "#72fbe8"
}
.teal-colors ul li:nth-child(3) {
background-color: #81fceb
}
.teal-colors ul li:nth-child(3) p:before {
content: "#81fceb"
}
.teal-colors ul li:nth-child(2) {
background-color: #90fced
}
.teal-colors ul li:nth-child(2) p:before {
content: "#90fced"
}
.teal-colors ul li:nth-child(1) {
background-color: #9ffcef
}
.teal-colors ul li:nth-child(1) p:before {
content: "#9ffcef"
}
.green-colors ul li:nth-child(14) {
background-color: #05d85c
}
.green-colors ul li:nth-child(14) p:before {
content: "#05d85c"
}
.green-colors ul li:nth-child(13) {
background-color: #06e763
}
.green-colors ul li:nth-child(13) p:before {
content: "#06e763"
}
.green-colors ul li:nth-child(12) {
background-color: #06f669
}
.green-colors ul li:nth-child(12) p:before {
content: "#06f669"
}
.green-colors ul li:nth-child(11) {
background-color: #12f972
}
.green-colors ul li:nth-child(11) p:before {
content: "#12f972"
}
.green-colors ul li:nth-child(10) {
background-color: #21f97a
}
.green-colors ul li:nth-child(10) p:before {
content: "#21f97a"
}
.green-colors ul li:nth-child(9) {
background-color: #30fa83
}
.green-colors ul li:nth-child(9) p:before {
content: "#30fa83"
}
.green-colors ul li:nth-child(8) {
background-color: #3ffa8c
}
.green-colors ul li:nth-child(8) p:before {
content: "#3ffa8c"
}
.green-colors ul li:nth-child(7) {
background-color: #4efb95
}
.green-colors ul li:nth-child(7) p:before {
content: "#4efb95"
}
.green-colors ul li:nth-child(6) {
background-color: #5dfb9e
}
.green-colors ul li:nth-child(6) p:before {
content: "#5dfb9e"
}
.green-colors ul li:nth-child(5) {
background-color: #6cfba7
}
.green-colors ul li:nth-child(5) p:before {
content: "#6cfba7"
}
.green-colors ul li:nth-child(4) {
background-color: #7bfcb0
}
.green-colors ul li:nth-child(4) p:before {
content: "#7bfcb0"
}
.green-colors ul li:nth-child(3) {
background-color: #8afcb9
}
.green-colors ul li:nth-child(3) p:before {
content: "#8afcb9"
}
.green-colors ul li:nth-child(2) {
background-color: #98fcc2
}
.green-colors ul li:nth-child(2) p:before {
content: "#98fcc2"
}
.green-colors ul li:nth-child(1) {
background-color: #a7fdcb
}
.green-colors ul li:nth-child(1) p:before {
content: "#a7fdcb"
}
.light-green-colors ul li:nth-child(14) {
background-color: #6fe423
}
.light-green-colors ul li:nth-child(14) p:before {
content: "#6fe423"
}
.light-green-colors ul li:nth-child(13) {
background-color: #78e631
}
.light-green-colors ul li:nth-child(13) p:before {
content: "#78e631"
}
.light-green-colors ul li:nth-child(12) {
background-color: #81e73e
}
.light-green-colors ul li:nth-child(12) p:before {
content: "#81e73e"
}
.light-green-colors ul li:nth-child(11) {
background-color: #8ae94c
}
.light-green-colors ul li:nth-child(11) p:before {
content: "#8ae94c"
}
.light-green-colors ul li:nth-child(10) {
background-color: #93eb5a
}
.light-green-colors ul li:nth-child(10) p:before {
content: "#93eb5a"
}
.light-green-colors ul li:nth-child(9) {
background-color: #9bec67
}
.light-green-colors ul li:nth-child(9) p:before {
content: "#9bec67"
}
.light-green-colors ul li:nth-child(8) {
background-color: #a4ee75
}
.light-green-colors ul li:nth-child(8) p:before {
content: "#a4ee75"
}
.light-green-colors ul li:nth-child(7) {
background-color: #adf083
}
.light-green-colors ul li:nth-child(7) p:before {
content: "#adf083"
}
.light-green-colors ul li:nth-child(6) {
background-color: #b6f190
}
.light-green-colors ul li:nth-child(6) p:before {
content: "#b6f190"
}
.light-green-colors ul li:nth-child(5) {
background-color: #bff39e
}
.light-green-colors ul li:nth-child(5) p:before {
content: "#bff39e"
}
.light-green-colors ul li:nth-child(4) {
background-color: #c8f5ac
}
.light-green-colors ul li:nth-child(4) p:before {
content: "#c8f5ac"
}
.light-green-colors ul li:nth-child(3) {
background-color: #d1f6b9
}
.light-green-colors ul li:nth-child(3) p:before {
content: "#d1f6b9"
}
.light-green-colors ul li:nth-child(2) {
background-color: #daf8c7
}
.light-green-colors ul li:nth-child(2) p:before {
content: "#daf8c7"
}
.light-green-colors ul li:nth-child(1) {
background-color: #e3fad4
}
.light-green-colors ul li:nth-child(1) p:before {
content: "#e3fad4"
}
.lime-colors ul li:nth-child(14) {
background-color: #baf905
}
.lime-colors ul li:nth-child(14) p:before {
content: "#baf905"
}
.lime-colors ul li:nth-child(13) {
background-color: #bffa14
}
.lime-colors ul li:nth-child(13) p:before {
content: "#bffa14"
}
.lime-colors ul li:nth-child(12) {
background-color: #c3fa23
}
.lime-colors ul li:nth-child(12) p:before {
content: "#c3fa23"
}
.lime-colors ul li:nth-child(11) {
background-color: #c7fb32
}
.lime-colors ul li:nth-child(11) p:before {
content: "#c7fb32"
}
.lime-colors ul li:nth-child(10) {
background-color: #cbfb41
}
.lime-colors ul li:nth-child(10) p:before {
content: "#cbfb41"
}
.lime-colors ul li:nth-child(9) {
background-color: #cffb50
}
.lime-colors ul li:nth-child(9) p:before {
content: "#cffb50"
}
.lime-colors ul li:nth-child(8) {
background-color: #d3fc5f
}
.lime-colors ul li:nth-child(8) p:before {
content: "#d3fc5f"
}
.lime-colors ul li:nth-child(7) {
background-color: #d7fc6e
}
.lime-colors ul li:nth-child(7) p:before {
content: "#d7fc6e"
}
.lime-colors ul li:nth-child(6) {
background-color: #dbfc7c
}
.lime-colors ul li:nth-child(6) p:before {
content: "#dbfc7c"
}
.lime-colors ul li:nth-child(5) {
background-color: #dffd8b
}
.lime-colors ul li:nth-child(5) p:before {
content: "#dffd8b"
}
.lime-colors ul li:nth-child(4) {
background-color: #e3fd9a
}
.lime-colors ul li:nth-child(4) p:before {
content: "#e3fd9a"
}
.lime-colors ul li:nth-child(3) {
background-color: #e8fda9
}
.lime-colors ul li:nth-child(3) p:before {
content: "#e8fda9"
}
.lime-colors ul li:nth-child(2) {
background-color: #ecfdb8
}
.lime-colors ul li:nth-child(2) p:before {
content: "#ecfdb8"
}
.lime-colors ul li:nth-child(1) {
background-color: #f0fec7
}
.lime-colors ul li:nth-child(1) p:before {
content: "#f0fec7"
}
.yellow-colors ul li:nth-child(14) {
background-color: #ffd812
}
.yellow-colors ul li:nth-child(14) p:before {
content: "#ffd812"
}
.yellow-colors ul li:nth-child(13) {
background-color: #ffda1f
}
.yellow-colors ul li:nth-child(13) p:before {
content: "#ffda1f"
}
.yellow-colors ul li:nth-child(12) {
background-color: #ffdc2b
}
.yellow-colors ul li:nth-child(12) p:before {
content: "#ffdc2b"
}
.yellow-colors ul li:nth-child(11) {
background-color: #ffde38
}
.yellow-colors ul li:nth-child(11) p:before {
content: "#ffde38"
}
.yellow-colors ul li:nth-child(10) {
background-color: #ffe045
}
.yellow-colors ul li:nth-child(10) p:before {
content: "#ffe045"
}
.yellow-colors ul li:nth-child(9) {
background-color: #ffe352
}
.yellow-colors ul li:nth-child(9) p:before {
content: "#ffe352"
}
.yellow-colors ul li:nth-child(8) {
background-color: #ffe55e
}
.yellow-colors ul li:nth-child(8) p:before {
content: "#ffe55e"
}
.yellow-colors ul li:nth-child(7) {
background-color: #ffe76b
}
.yellow-colors ul li:nth-child(7) p:before {
content: "#ffe76b"
}
.yellow-colors ul li:nth-child(6) {
background-color: #ffe978
}
.yellow-colors ul li:nth-child(6) p:before {
content: "#ffe978"
}
.yellow-colors ul li:nth-child(5) {
background-color: #ffeb85
}
.yellow-colors ul li:nth-child(5) p:before {
content: "#ffeb85"
}
.yellow-colors ul li:nth-child(4) {
background-color: #ffed91
}
.yellow-colors ul li:nth-child(4) p:before {
content: "#ffed91"
}
.yellow-colors ul li:nth-child(3) {
background-color: #ffef9e
}
.yellow-colors ul li:nth-child(3) p:before {
content: "#ffef9e"
}
.yellow-colors ul li:nth-child(2) {
background-color: #fff1ab
}
.yellow-colors ul li:nth-child(2) p:before {
content: "#fff1ab"
}
.yellow-colors ul li:nth-child(1) {
background-color: #fff3b8
}
.yellow-colors ul li:nth-child(1) p:before {
content: "#fff3b8"
}
.amber-colors ul li:nth-child(14) {
background-color: #ffb012
}
.amber-colors ul li:nth-child(14) p:before {
content: "#ffb012"
}
.amber-colors ul li:nth-child(13) {
background-color: #ffb41f
}
.amber-colors ul li:nth-child(13) p:before {
content: "#ffb41f"
}
.amber-colors ul li:nth-child(12) {
background-color: #ffb92b
}
.amber-colors ul li:nth-child(12) p:before {
content: "#ffb92b"
}
.amber-colors ul li:nth-child(11) {
background-color: #ffbd38
}
.amber-colors ul li:nth-child(11) p:before {
content: "#ffbd38"
}
.amber-colors ul li:nth-child(10) {
background-color: #ffc145
}
.amber-colors ul li:nth-child(10) p:before {
content: "#ffc145"
}
.amber-colors ul li:nth-child(9) {
background-color: #ffc552
}
.amber-colors ul li:nth-child(9) p:before {
content: "#ffc552"
}
.amber-colors ul li:nth-child(8) {
background-color: #ffca5e
}
.amber-colors ul li:nth-child(8) p:before {
content: "#ffca5e"
}
.amber-colors ul li:nth-child(7) {
background-color: #ffce6b
}
.amber-colors ul li:nth-child(7) p:before {
content: "#ffce6b"
}
.amber-colors ul li:nth-child(6) {
background-color: #ffd278
}
.amber-colors ul li:nth-child(6) p:before {
content: "#ffd278"
}
.amber-colors ul li:nth-child(5) {
background-color: #ffd685
}
.amber-colors ul li:nth-child(5) p:before {
content: "#ffd685"
}
.amber-colors ul li:nth-child(4) {
background-color: #ffdb91
}
.amber-colors ul li:nth-child(4) p:before {
content: "#ffdb91"
}
.amber-colors ul li:nth-child(3) {
background-color: #ffdf9e
}
.amber-colors ul li:nth-child(3) p:before {
content: "#ffdf9e"
}
.amber-colors ul li:nth-child(2) {
background-color: #ffe3ab
}
.amber-colors ul li:nth-child(2) p:before {
content: "#ffe3ab"
}
.amber-colors ul li:nth-child(1) {
background-color: #ffe7b8
}
.amber-colors ul li:nth-child(1) p:before {
content: "#ffe7b8"
}
.orange-colors ul li:nth-child(14) {
background-color: #ff7814
}
.orange-colors ul li:nth-child(14) p:before {
content: "#ff7814"
}
.orange-colors ul li:nth-child(13) {
background-color: #ff8124
}
.orange-colors ul li:nth-child(13) p:before {
content: "#ff8124"
}
.orange-colors ul li:nth-child(12) {
background-color: #ff8933
}
.orange-colors ul li:nth-child(12) p:before {
content: "#ff8933"
}
.orange-colors ul li:nth-child(11) {
background-color: #ff9242
}
.orange-colors ul li:nth-child(11) p:before {
content: "#ff9242"
}
.orange-colors ul li:nth-child(10) {
background-color: #ff9b52
}
.orange-colors ul li:nth-child(10) p:before {
content: "#ff9b52"
}
.orange-colors ul li:nth-child(9) {
background-color: #ffa461
}
.orange-colors ul li:nth-child(9) p:before {
content: "#ffa461"
}
.orange-colors ul li:nth-child(8) {
background-color: #ffad70
}
.orange-colors ul li:nth-child(8) p:before {
content: "#ffad70"
}
.orange-colors ul li:nth-child(7) {
background-color: #ffb67f
}
.orange-colors ul li:nth-child(7) p:before {
content: "#ffb67f"
}
.orange-colors ul li:nth-child(6) {
background-color: #ffbe8f
}
.orange-colors ul li:nth-child(6) p:before {
content: "#ffbe8f"
}
.orange-colors ul li:nth-child(5) {
background-color: #ffc79e
}
.orange-colors ul li:nth-child(5) p:before {
content: "#ffc79e"
}
.orange-colors ul li:nth-child(4) {
background-color: #ffd0ad
}
.orange-colors ul li:nth-child(4) p:before {
content: "#ffd0ad"
}
.orange-colors ul li:nth-child(3) {
background-color: #ffd9bd
}
.orange-colors ul li:nth-child(3) p:before {
content: "#ffd9bd"
}
.orange-colors ul li:nth-child(2) {
background-color: #ffe2cc
}
.orange-colors ul li:nth-child(2) p:before {
content: "#ffe2cc"
}
.orange-colors ul li:nth-child(1) {
background-color: #ffeadb
}
.orange-colors ul li:nth-child(1) p:before {
content: "#ffeadb"
}
.deep-orange-colors ul li:nth-child(14) {
background-color: #ec3305
}
.deep-orange-colors ul li:nth-child(14) p:before {
content: "#ec3305"
}
.deep-orange-colors ul li:nth-child(13) {
background-color: #f93707
}
.deep-orange-colors ul li:nth-child(13) p:before {
content: "#f93707"
}
.deep-orange-colors ul li:nth-child(12) {
background-color: #fa4316
}
.deep-orange-colors ul li:nth-child(12) p:before {
content: "#fa4316"
}
.deep-orange-colors ul li:nth-child(11) {
background-color: #fa5025
}
.deep-orange-colors ul li:nth-child(11) p:before {
content: "#fa5025"
}
.deep-orange-colors ul li:nth-child(10) {
background-color: #fa5c34
}
.deep-orange-colors ul li:nth-child(10) p:before {
content: "#fa5c34"
}
.deep-orange-colors ul li:nth-child(9) {
background-color: #fb6843
}
.deep-orange-colors ul li:nth-child(9) p:before {
content: "#fb6843"
}
.deep-orange-colors ul li:nth-child(8) {
background-color: #fb7452
}
.deep-orange-colors ul li:nth-child(8) p:before {
content: "#fb7452"
}
.deep-orange-colors ul li:nth-child(7) {
background-color: #fb8061
}
.deep-orange-colors ul li:nth-child(7) p:before {
content: "#fb8061"
}
.deep-orange-colors ul li:nth-child(6) {
background-color: #fc8c70
}
.deep-orange-colors ul li:nth-child(6) p:before {
content: "#fc8c70"
}
.deep-orange-colors ul li:nth-child(5) {
background-color: #fc987f
}
.deep-orange-colors ul li:nth-child(5) p:before {
content: "#fc987f"
}
.deep-orange-colors ul li:nth-child(4) {
background-color: #fca48e
}
.deep-orange-colors ul li:nth-child(4) p:before {
content: "#fca48e"
}
.deep-orange-colors ul li:nth-child(3) {
background-color: #fdb09d
}
.deep-orange-colors ul li:nth-child(3) p:before {
content: "#fdb09d"
}
.deep-orange-colors ul li:nth-child(2) {
background-color: #fdbcac
}
.deep-orange-colors ul li:nth-child(2) p:before {
content: "#fdbcac"
}
.deep-orange-colors ul li:nth-child(1) {
background-color: #fdc8bb
}
.deep-orange-colors ul li:nth-child(1) p:before {
content: "#fdc8bb"
}
.brown-colors ul li:nth-child(14) {
background-color: #513631
}
.brown-colors ul li:nth-child(14) p:before {
content: "#513631"
}
.brown-colors ul li:nth-child(13) {
background-color: #61403a
}
.brown-colors ul li:nth-child(13) p:before {
content: "#61403a"
}
.brown-colors ul li:nth-child(12) {
background-color: #714b44
}
.brown-colors ul li:nth-child(12) p:before {
content: "#714b44"
}
.brown-colors ul li:nth-child(11) {
background-color: #81554d
}
.brown-colors ul li:nth-child(11) p:before {
content: "#81554d"
}
.brown-colors ul li:nth-child(10) {
background-color: #916057
}
.brown-colors ul li:nth-child(10) p:before {
content: "#916057"
}
.brown-colors ul li:nth-child(9) {
background-color: #a06b61
}
.brown-colors ul li:nth-child(9) p:before {
content: "#a06b61"
}
.brown-colors ul li:nth-child(8) {
background-color: #aa7a71
}
.brown-colors ul li:nth-child(8) p:before {
content: "#aa7a71"
}
.brown-colors ul li:nth-child(7) {
background-color: #b38981
}
.brown-colors ul li:nth-child(7) p:before {
content: "#b38981"
}
.brown-colors ul li:nth-child(6) {
background-color: #bd9791
}
.brown-colors ul li:nth-child(6) p:before {
content: "#bd9791"
}
.brown-colors ul li:nth-child(5) {
background-color: #c6a6a1
}
.brown-colors ul li:nth-child(5) p:before {
content: "#c6a6a1"
}
.brown-colors ul li:nth-child(4) {
background-color: #d0b5b1
}
.brown-colors ul li:nth-child(4) p:before {
content: "#d0b5b1"
}
.brown-colors ul li:nth-child(3) {
background-color: #dac4c1
}
.brown-colors ul li:nth-child(3) p:before {
content: "#dac4c1"
}
.brown-colors ul li:nth-child(2) {
background-color: #e3d3d0
}
.brown-colors ul li:nth-child(2) p:before {
content: "#e3d3d0"
}
.brown-colors ul li:nth-child(1) {
background-color: #ede2e0
}
.brown-colors ul li:nth-child(1) p:before {
content: "#ede2e0"
}
.grey-colors ul li:nth-child(14) {
background-color: #323232
}
.grey-colors ul li:nth-child(14) p:before {
content: "#323232"
}
.grey-colors ul li:nth-child(13) {
background-color: #3f3f3f
}
.grey-colors ul li:nth-child(13) p:before {
content: "#3f3f3f"
}
.grey-colors ul li:nth-child(12) {
background-color: #4b4b4b
}
.grey-colors ul li:nth-child(12) p:before {
content: "#4b4b4b"
}
.grey-colors ul li:nth-child(11) {
background-color: #585858
}
.grey-colors ul li:nth-child(11) p:before {
content: "#585858"
}
.grey-colors ul li:nth-child(10) {
background-color: #656565
}
.grey-colors ul li:nth-child(10) p:before {
content: "#656565"
}
.grey-colors ul li:nth-child(9) {
background-color: #727272
}
.grey-colors ul li:nth-child(9) p:before {
content: "#727272"
}
.grey-colors ul li:nth-child(8) {
background-color: #7e7e7e
}
.grey-colors ul li:nth-child(8) p:before {
content: "#7e7e7e"
}
.grey-colors ul li:nth-child(7) {
background-color: #8b8b8b
}
.grey-colors ul li:nth-child(7) p:before {
content: "#8b8b8b"
}
.grey-colors ul li:nth-child(6) {
background-color: #989898
}
.grey-colors ul li:nth-child(6) p:before {
content: "#989898"
}
.grey-colors ul li:nth-child(5) {
background-color: #a5a5a5
}
.grey-colors ul li:nth-child(5) p:before {
content: "#a5a5a5"
}
.grey-colors ul li:nth-child(4) {
background-color: #b1b1b1
}
.grey-colors ul li:nth-child(4) p:before {
content: "#b1b1b1"
}
.grey-colors ul li:nth-child(3) {
background-color: #bebebe
}
.grey-colors ul li:nth-child(3) p:before {
content: "#bebebe"
}
.grey-colors ul li:nth-child(2) {
background-color: #cbcbcb
}
.grey-colors ul li:nth-child(2) p:before {
content: "#cbcbcb"
}
.grey-colors ul li:nth-child(1) {
background-color: #d8d8d8
}
.grey-colors ul li:nth-child(1) p:before {
content: "#d8d8d8"
}
.blue-grey-colors ul li:nth-child(14) {
background-color: #35444a
}
.blue-grey-colors ul li:nth-child(14) p:before {
content: "#35444a"
}
.blue-grey-colors ul li:nth-child(13) {
background-color: #3f5159
}
.blue-grey-colors ul li:nth-child(13) p:before {
content: "#3f5159"
}
.blue-grey-colors ul li:nth-child(12) {
background-color: #4a5f68
}
.blue-grey-colors ul li:nth-child(12) p:before {
content: "#4a5f68"
}
.blue-grey-colors ul li:nth-child(11) {
background-color: #546d77
}
.blue-grey-colors ul li:nth-child(11) p:before {
content: "#546d77"
}
.blue-grey-colors ul li:nth-child(10) {
background-color: #5f7a85
}
.blue-grey-colors ul li:nth-child(10) p:before {
content: "#5f7a85"
}
.blue-grey-colors ul li:nth-child(9) {
background-color: #6a8894
}
.blue-grey-colors ul li:nth-child(9) p:before {
content: "#6a8894"
}
.blue-grey-colors ul li:nth-child(8) {
background-color: #78949f
}
.blue-grey-colors ul li:nth-child(8) p:before {
content: "#78949f"
}
.blue-grey-colors ul li:nth-child(7) {
background-color: #87a0aa
}
.blue-grey-colors ul li:nth-child(7) p:before {
content: "#87a0aa"
}
.blue-grey-colors ul li:nth-child(6) {
background-color: #96abb4
}
.blue-grey-colors ul li:nth-child(6) p:before {
content: "#96abb4"
}
.blue-grey-colors ul li:nth-child(5) {
background-color: #a5b7bf
}
.blue-grey-colors ul li:nth-child(5) p:before {
content: "#a5b7bf"
}
.blue-grey-colors ul li:nth-child(4) {
background-color: #b4c3ca
}
.blue-grey-colors ul li:nth-child(4) p:before {
content: "#b4c3ca"
}
.blue-grey-colors ul li:nth-child(3) {
background-color: #c3cfd4
}
.blue-grey-colors ul li:nth-child(3) p:before {
content: "#c3cfd4"
}
.blue-grey-colors ul li:nth-child(2) {
background-color: #d2dbdf
}
.blue-grey-colors ul li:nth-child(2) p:before {
content: "#d2dbdf"
}
.blue-grey-colors ul li:nth-child(1) {
background-color: #e1e7e9
}
.blue-grey-colors ul li:nth-child(1) p:before {
content: "#e1e7e9"
}
.primary-colorr ul li:nth-child(14) {
background-color: #1cc9a7
}
.primary-colorr ul li:nth-child(14) p:before {
content: "#1cc9a7"
}
.primary-colorr ul li:nth-child(13) {
background-color: #1ed7b2
}
.primary-colorr ul li:nth-child(13) p:before {
content: "#1ed7b2"
}
.primary-colorr ul li:nth-child(12) {
background-color: #23e1bb
}
.primary-colorr ul li:nth-child(12) p:before {
content: "#23e1bb"
}
.primary-colorr ul li:nth-child(11) {
background-color: #31e2bf
}
.primary-colorr ul li:nth-child(11) p:before {
content: "#31e2bf"
}
.primary-colorr ul li:nth-child(10) {
background-color: #3ee4c4
}
.primary-colorr ul li:nth-child(10) p:before {
content: "#3ee4c4"
}
.primary-colorr ul li:nth-child(9) {
background-color: #4ce6c8
}
.primary-colorr ul li:nth-child(9) p:before {
content: "#4ce6c8"
}
.primary-colorr ul li:nth-child(8) {
background-color: #59e8cc
}
.primary-colorr ul li:nth-child(8) p:before {
content: "#59e8cc"
}
.primary-colorr ul li:nth-child(7) {
background-color: #66ead0
}
.primary-colorr ul li:nth-child(7) p:before {
content: "#66ead0"
}
.primary-colorr ul li:nth-child(6) {
background-color: #74ecd4
}
.primary-colorr ul li:nth-child(6) p:before {
content: "#74ecd4"
}
.primary-colorr ul li:nth-child(5) {
background-color: #81eed8
}
.primary-colorr ul li:nth-child(5) p:before {
content: "#81eed8"
}
.primary-colorr ul li:nth-child(4) {
background-color: #8fefdc
}
.primary-colorr ul li:nth-child(4) p:before {
content: "#8fefdc"
}
.primary-colorr ul li:nth-child(3) {
background-color: #9cf1e1
}
.primary-colorr ul li:nth-child(3) p:before {
content: "#9cf1e1"
}
.primary-colorr ul li:nth-child(2) {
background-color: #aaf3e5
}
.primary-colorr ul li:nth-child(2) p:before {
content: "#aaf3e5"
}
.primary-colorr ul li:nth-child(1) {
background-color: #b7f5e9
}
.primary-colorr ul li:nth-child(1) p:before {
content: "#b7f5e9"
}
.success-colorr ul li:nth-child(14) {
background-color: #33d176
}
.success-colorr ul li:nth-child(14) p:before {
content: "#33d176"
}
.success-colorr ul li:nth-child(13) {
background-color: #3bd37c
}
.success-colorr ul li:nth-child(13) p:before {
content: "#3bd37c"
}
.success-colorr ul li:nth-child(12) {
background-color: #44d581
}
.success-colorr ul li:nth-child(12) p:before {
content: "#44d581"
}
.success-colorr ul li:nth-child(11) {
background-color: #4cd787
}
.success-colorr ul li:nth-child(11) p:before {
content: "#4cd787"
}
.success-colorr ul li:nth-child(10) {
background-color: #54d98c
}
.success-colorr ul li:nth-child(10) p:before {
content: "#54d98c"
}
.success-colorr ul li:nth-child(9) {
background-color: #5dda92
}
.success-colorr ul li:nth-child(9) p:before {
content: "#5dda92"
}
.success-colorr ul li:nth-child(8) {
background-color: #65dc98
}
.success-colorr ul li:nth-child(8) p:before {
content: "#65dc98"
}
.success-colorr ul li:nth-child(7) {
background-color: #6dde9d
}
.success-colorr ul li:nth-child(7) p:before {
content: "#6dde9d"
}
.success-colorr ul li:nth-child(6) {
background-color: #76e0a3
}
.success-colorr ul li:nth-child(6) p:before {
content: "#76e0a3"
}
.success-colorr ul li:nth-child(5) {
background-color: #7ee2a8
}
.success-colorr ul li:nth-child(5) p:before {
content: "#7ee2a8"
}
.success-colorr ul li:nth-child(4) {
background-color: #86e4ae
}
.success-colorr ul li:nth-child(4) p:before {
content: "#86e4ae"
}
.success-colorr ul li:nth-child(3) {
background-color: #8fe6b4
}
.success-colorr ul li:nth-child(3) p:before {
content: "#8fe6b4"
}
.success-colorr ul li:nth-child(2) {
background-color: #97e8b9
}
.success-colorr ul li:nth-child(2) p:before {
content: "#97e8b9"
}
.success-colorr ul li:nth-child(1) {
background-color: #9fe9bf
}
.success-colorr ul li:nth-child(1) p:before {
content: "#9fe9bf"
}
.info-colorr ul li:nth-child(14) {
background-color: #3d9cdd
}
.info-colorr ul li:nth-child(14) p:before {
content: "#3d9cdd"
}
.info-colorr ul li:nth-child(13) {
background-color: #45a1de
}
.info-colorr ul li:nth-child(13) p:before {
content: "#45a1de"
}
.info-colorr ul li:nth-child(12) {
background-color: #4ea5e0
}
.info-colorr ul li:nth-child(12) p:before {
content: "#4ea5e0"
}
.info-colorr ul li:nth-child(11) {
background-color: #57aae1
}
.info-colorr ul li:nth-child(11) p:before {
content: "#57aae1"
}
.info-colorr ul li:nth-child(10) {
background-color: #5faee3
}
.info-colorr ul li:nth-child(10) p:before {
content: "#5faee3"
}
.info-colorr ul li:nth-child(9) {
background-color: #68b2e4
}
.info-colorr ul li:nth-child(9) p:before {
content: "#68b2e4"
}
.info-colorr ul li:nth-child(8) {
background-color: #71b7e6
}
.info-colorr ul li:nth-child(8) p:before {
content: "#71b7e6"
}
.info-colorr ul li:nth-child(7) {
background-color: #79bbe7
}
.info-colorr ul li:nth-child(7) p:before {
content: "#79bbe7"
}
.info-colorr ul li:nth-child(6) {
background-color: #82c0e9
}
.info-colorr ul li:nth-child(6) p:before {
content: "#82c0e9"
}
.info-colorr ul li:nth-child(5) {
background-color: #8bc4ea
}
.info-colorr ul li:nth-child(5) p:before {
content: "#8bc4ea"
}
.info-colorr ul li:nth-child(4) {
background-color: #93c8ec
}
.info-colorr ul li:nth-child(4) p:before {
content: "#93c8ec"
}
.info-colorr ul li:nth-child(3) {
background-color: #9ccded
}
.info-colorr ul li:nth-child(3) p:before {
content: "#9ccded"
}
.info-colorr ul li:nth-child(2) {
background-color: #a5d1ef
}
.info-colorr ul li:nth-child(2) p:before {
content: "#a5d1ef"
}
.info-colorr ul li:nth-child(1) {
background-color: #add6f1
}
.info-colorr ul li:nth-child(1) p:before {
content: "#add6f1"
}
.warning-colorr ul li:nth-child(14) {
background-color: #f2c619
}
.warning-colorr ul li:nth-child(14) p:before {
content: "#f2c619"
}
.warning-colorr ul li:nth-child(13) {
background-color: #f2c922
}
.warning-colorr ul li:nth-child(13) p:before {
content: "#f2c922"
}
.warning-colorr ul li:nth-child(12) {
background-color: #f3cb2c
}
.warning-colorr ul li:nth-child(12) p:before {
content: "#f3cb2c"
}
.warning-colorr ul li:nth-child(11) {
background-color: #f3cd36
}
.warning-colorr ul li:nth-child(11) p:before {
content: "#f3cd36"
}
.warning-colorr ul li:nth-child(10) {
background-color: #f4d03f
}
.warning-colorr ul li:nth-child(10) p:before {
content: "#f4d03f"
}
.warning-colorr ul li:nth-child(9) {
background-color: #f4d249
}
.warning-colorr ul li:nth-child(9) p:before {
content: "#f4d249"
}
.warning-colorr ul li:nth-child(8) {
background-color: #f5d552
}
.warning-colorr ul li:nth-child(8) p:before {
content: "#f5d552"
}
.warning-colorr ul li:nth-child(7) {
background-color: #f5d75c
}
.warning-colorr ul li:nth-child(7) p:before {
content: "#f5d75c"
}
.warning-colorr ul li:nth-child(6) {
background-color: #f6d966
}
.warning-colorr ul li:nth-child(6) p:before {
content: "#f6d966"
}
.warning-colorr ul li:nth-child(5) {
background-color: #f7dc6f
}
.warning-colorr ul li:nth-child(5) p:before {
content: "#f7dc6f"
}
.warning-colorr ul li:nth-child(4) {
background-color: #f7de79
}
.warning-colorr ul li:nth-child(4) p:before {
content: "#f7de79"
}
.warning-colorr ul li:nth-child(3) {
background-color: #f8e083
}
.warning-colorr ul li:nth-child(3) p:before {
content: "#f8e083"
}
.warning-colorr ul li:nth-child(2) {
background-color: #f8e38c
}
.warning-colorr ul li:nth-child(2) p:before {
content: "#f8e38c"
}
.warning-colorr ul li:nth-child(1) {
background-color: #f9e596
}
.warning-colorr ul li:nth-child(1) p:before {
content: "#f9e596"
}
.danger-colorr ul li:nth-child(14) {
background-color: #e85445
}
.danger-colorr ul li:nth-child(14) p:before {
content: "#e85445"
}
.danger-colorr ul li:nth-child(13) {
background-color: #e95d4e
}
.danger-colorr ul li:nth-child(13) p:before {
content: "#e95d4e"
}
.danger-colorr ul li:nth-child(12) {
background-color: #ea6557
}
.danger-colorr ul li:nth-child(12) p:before {
content: "#ea6557"
}
.danger-colorr ul li:nth-child(11) {
background-color: #eb6d60
}
.danger-colorr ul li:nth-child(11) p:before {
content: "#eb6d60"
}
.danger-colorr ul li:nth-child(10) {
background-color: #ed7669
}
.danger-colorr ul li:nth-child(10) p:before {
content: "#ed7669"
}
.danger-colorr ul li:nth-child(9) {
background-color: #ee7e72
}
.danger-colorr ul li:nth-child(9) p:before {
content: "#ee7e72"
}
.danger-colorr ul li:nth-child(8) {
background-color: #ef867c
}
.danger-colorr ul li:nth-child(8) p:before {
content: "#ef867c"
}
.danger-colorr ul li:nth-child(7) {
background-color: #f08f85
}
.danger-colorr ul li:nth-child(7) p:before {
content: "#f08f85"
}
.danger-colorr ul li:nth-child(6) {
background-color: #f1978e
}
.danger-colorr ul li:nth-child(6) p:before {
content: "#f1978e"
}
.danger-colorr ul li:nth-child(5) {
background-color: #f29f97
}
.danger-colorr ul li:nth-child(5) p:before {
content: "#f29f97"
}
.danger-colorr ul li:nth-child(4) {
background-color: #f3a8a0
}
.danger-colorr ul li:nth-child(4) p:before {
content: "#f3a8a0"
}
.danger-colorr ul li:nth-child(3) {
background-color: #f4b0a9
}
.danger-colorr ul li:nth-child(3) p:before {
content: "#f4b0a9"
}
.danger-colorr ul li:nth-child(2) {
background-color: #f6b8b2
}
.danger-colorr ul li:nth-child(2) p:before {
content: "#f6b8b2"
}
.danger-colorr ul li:nth-child(1) {
background-color: #f7c1bb
}
.danger-colorr ul li:nth-child(1) p:before {
content: "#f7c1bb"
}
body.mini-navbar.fixed-sidebar .nav-header {
padding: 0px !important;
}
.white-theme.canvas-menu.mini-navbar .nav-second-level {
background: #ffffff;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.mini-navbar li.active .nav-second-level {
left: 65px;
}
.navbar-default .special_link a {
color: white;
}
.navbar-default .special_link a:hover {
color: white;
}
.navbar-default .special_link a span.label {
background: #fff;
color: #17a2b8;
}
.navbar-default .landing_link a {
width:100%;
background: #58c01c;
color: white;
}
.navbar-default .landing_link a i {
color: white !important;
}
.navbar-default .landing_link a:hover {
background: #b3b01a !important;
color: white;
}
.logo-element {
text-align: center;
font-size: 18px;
font-weight: 600;
color: white;
display: none;
padding: 18px 0;
background-color: transparent;
}
.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
body.fixed-sidebar nav.navbar-static-side {
z-index: 2001;
height: 100%;
position: fixed;
overflow: hidden;
}
.wrapper-margin {
margin-top: 70px;
}
.navbar-static-top {
color: #fff;
}
.navbar-static-top{
height:60px;
}
.navbar-fixed-top {
width: inherit;
left: 240px;
position: fixed !important;
right: 0;
top: 0;
z-index: 2001 !important;
height:60px !important;
}
body.main-content {
padding-top: 0px;
}
body.navbar-fixed.main-content {
padding-top: 60px;
}
body.mini-navbar .navbar-fixed-top {
width: inherit !important;
left: 70px;
}
body.mini-navbar.fixed-sidebar .navbar-fixed-top {
width: inherit !important;
left: 0px;
}
body.rtls.mini-navbar.fixed-sidebar .navbar-fixed-top {
width: inherit !important;
right: 0px;
}
body.canvas-menu .navbar-fixed-top {
width: inherit !important;
left: 0px;
padding: 0px 5px;
}
body.canvas-menu.mini-navbar .navbar-fixed-top {
width: inherit !important;
left: 240px;
padding: 0px 5px;
}
body.rtls.canvas-menu.mini-navbar .navbar-fixed-top {
width: inherit !important;
left: 0px;
padding: 0px 5px;
}
body.rtls.canvas-menu.mini-navbar .navbar-fixed-top {
width: inherit !important;
right: 240px !important;
padding: 0px 5px;
}
body.rtls.canvas-menu .navbar-fixed-top {
width: inherit !important;
right: 0px !important;
padding: 0px 5px;
}
body.rtls .navbar-fixed-top {
width: inherit;
right: 240px;
position: fixed !important;
left: 0;
top: 0;
z-index: 2001 !important;
}
body.rtls.mini-navbar .navbar-fixed-top {
width: inherit !important;
right: 0px;
}
.topMargin {
top: 60px;
position: absolute;
}
.navbar-static-top .navbar-header a i {
color: #cfd1d3;
}
.navbar-fixed-top,
.navbar-static-top {
color: #fff;
-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
padding:0px 10px;
}
.fixed-nav #wrapper {
margin-top: 0;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none;
border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
border-bottom: #f3f3f4;
border-image: none;
border-style: solid;
border-width: 1px;
color: #555555;
cursor: default;
}
.nav.nav-tabs li {
background: none;
border: none;
}
body.fixed-nav #wrapper .navbar-static-side,
body.fixed-nav #wrapper #page-wrapper {
margin-top: 60px;
}
/* Top Centered Menu */
body.top-navigation.fixed-nav #wrapper #page-wrapper {
margin-top: 0;
}
body.top-navigation .navbar-fixed-top {
left: 0 !important;
right: 0;
top: 0;
margin: 0px;
width: 100%;
}
body.top-navigation .topMargin {
top: 0;
}
body.top-navigation .topSpace {
top: 20px;
}
body.top-navigation .navbar-static-top{
padding:0px 20px;
}
body.top-navigation.navbar-fixed .navbar-static-top{
padding:0px 15px;
}
body.rtls.top-navigation.navbar-fixed .navbar-static-top{
padding:0px 15px;
}
body.top-navigation.navbar-fixed .footer {
margin: 0px !important;
width: 100%;
}
body.top-navigation.navbar-fixed .footer.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 10px 20px;
background: white;
border-top: 1px solid #e7eaec;
}
body.top-navigation #page-wrapper {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
body.rtls.top-navigation #page-wrapper {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
body.top-navigation.navbar-fixed #page-wrapper {
padding-top: 60px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
}
body.rtls.top-navigation.navbar-fixed #page-wrapper {
padding-top: 60px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
body.top-navigation #page-wrapper {
padding: 0px;
overflow-x: hidden;
}
body.top-navigation .main-content {
padding: 0px;
}
body.top-navigation .footer {
margin: 0px !important;
}
.top-navigation .navbar-static-top .nav > li > a{
padding: 20px 6px;
}
body.top-navigation .top-navbar-static-side .label{
right:15px;
}
body.rtls.top-navigation .top-navbar-static-side .label{
left:15px;
}
.top-navigation .navbar-static-top .navbar-header .sidebar-brand .img-logo{
margin-top: 15px;
}
.top-navigation .navbar-static-top .navbar-header .searchbar {
margin-left:90px;
padding-top:10px;
}
body.rtls.top-navigation .navbar-static-top .navbar-header .searchbar {
margin-right:90px;
padding-top:0px !important;
}
body.top-navigation .navbar-top-links li.divider {
height: 20px;
}
body.rtls.top-navigation .navbar-top-links li.divider {
height: 20px;
}
body.top-navigation .navbar-header{
width:240px;
}
body.rtls.top-navigation .navbar-header{
width:240px;
}
body.top-navigation .mini-style{
display:none !important;
}
body.rtls.top-navigation .mini-style{
display:none !important;
}
body.rtls.top-navigation.body-small .main-content{
padding:20px 0px 0px 0px !important;
}
.top-navigation ul.dropdown-menu ul.third-level{
display:none !important;
}
.sidebar-header .profile-bg img{
position: absolute;
z-index: -1 !important;
top: 60px;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
opacity: .4;
width: 100%;
height: 140px;
}
.top-navigation .sidebar-header .search-toggle{
z-index: 2 !important;
}
.top-navigation .sidebar-header .profile-bg img{
position: absolute;
z-index: 1 !important;
top: 60px;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
opacity: .4;
width: 100%;
height: 140px;
}
.sidebar-header .user-profile-info{
z-index: 2 !important;
position: absolute;
}
@media (max-width:992px){
body.top-navigation .top-center-main-Navbar{
display:none !important;
}
.top-navigation .navbar-static-top .navbar-header .sidebar-brand img{
display:none !important;
}
.top-navigation .navbar-static-top .navbar-header .searchbar {
display:none !important;
}
body.top-navigation .navbar-header{
width:10%;
}
body.rtls.top-navigation .navbar-header{
width:10%;
}
body.rtls .top-navigation .navbar-static-top .navbar-header .searchbar{
display:none !important;
}
body.top-navigation .mini-style{
display:block !important;
margin:0px !important;
padding:15px 15px 15px 0px!important;
}
body.rtls.top-navigation .mini-style{
display:block !important;
margin:0px!important;
padding:15px 15px 15px 15px!important;
float: right;
margin: 0px;
}
}
body.top-navigation .top-center-main-Navbar span,
body.top-navigation .top-center-main-Navbar i{
color:#a7adb3;
}
body.top-navigation .top-center-main-Navbar i.feather{
display: inline-block;
}
body.top-navigation ul li:hover ul.dropdown-menu{
display:block;
}
body.top-navigation ul li ul li{
position: relative !important;
}
body.top-navigation ul li ul li:hover .third-level{
display:block !important;
margin-left:4px;
margin-top:0px;
}
body.rtls.top-navigation ul li ul li:hover .third-level{
display:block !important;
margin-left:4px;
margin-top:0px;
}
body.rtls.top-navigation .navbar-static-top .nav > li > a i{
float: right;
margin-left:0px;
padding-left:0px;
margin-top:4px;
}
body.top-navigation .top-center-main-Navbar .nav-label{
margin-right:25px !important;
}
body.rtls.top-navigation .top-center-main-Navbar .nav-label{
margin-right:6px !important;
margin-left:25px !important;
}
body.top-navigation ul.dropdown-menu ul.third-level{
top:0px !important;
margin-left:100% !important;
display:none !important;
}
body.rtls.top-navigation ul.dropdown-menu ul.third-level{
top:0px !important;
margin-right:100% !important;
display:none !important;
}
body.top-navigation .top-center-main-Navbar ul.dropdown-menu{
width:220px;
}
body.rtls.top-navigation .top-center-main-Navbar ul.dropdown-menu{
width:220px;
}
body.rtls.top-navigation .dropdown ul.dropdown-menu li:hover ul.third-level{
display:block !important;
}
body.top-navigation .navbar-header .sidebar-brand{
-webkit-box-shadow: none;
box-shadow: none;
}
body.rtls .top-navigation .body-small.rtls .navbar-header {
float: right;
}
body.rtls .top-navigation .navbar-header {
float: right;
font-size: 8px;
width: 10%;
}
body.rtls.top-navigation .dropdown-menu > li > a{
margin: 0;
padding: 7px 7px 7px 15px !important;
color: #A99C9E;
}
body.top-navigation .breadcrumb-item + .breadcrumb-item{
padding:0px;
}
body.rtls.top-navigation .breadcrumb-item + .breadcrumb-item{
padding:0px;
}
body.rtls .searchbar{
right:140px;
top:0px;
}
body.rtls .top-center-main-Navbar ul.dropdown-menu{
left:auto !important;
right:0px !important;
}
body.rtls .nav .label {
text-align: left;
left: 0px;
right: auto;
position: absolute;
font-size: 10px;
padding: 2px 4px;
}
body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
left: 240px;
}
body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
left: 70px;
}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
left: 0;
}
body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
margin-top: 0;
}
body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
left: 0;
}
.fixed-nav .mini-style {
margin: 14px 5px 5px 15px;
}
body.body-small .navbar-fixed-top {
left: 0px;
margin-left: 0;
}
body.rtls.body-small .navbar-fixed-top {
right: 0px;
margin-right: 0;
}
body.rtls.body-small .footer.fixed{
right: 0px;
margin-right: 0;
}
body.body-small.mini-navbar .navbar-fixed-top {
left: 70px;
}
body.mini-navbar .navbar-static-side {
width: 80px;
}
body.mini-navbar .navbar-static-side .nav > li.category-titles{
display:none;
}
body.canvas-menu.mini-navbar .navbar-static-side .nav > li.category-titles{
display:block;
}
body.rtls.mini-navbar .navbar-static-side {
width: 0px;
}
body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
display: none;
}
body.canvas-menu .profile-element {
display: block;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
display: none;
}
body.mini-navbar .navbar-static-side .nav > li > a {
font-size: 16px !important;
}
body.canvas-menu.mini-navbar .navbar-static-side .nav > li > a {
font-size: 13px !important;
}
body.canvas-menu.mini-navbar .navbar-default .nav>li.landing_link {
width:100%;
}
body.mini-navbar .nav>li.landing_link {
width:90%;
}
body.mini-navbar .logo-element {
display: block;
height: 60px;
position: fixed;
padding: 14px 20px 14px 20px;
background: #584475;
z-index: 2009;
top: 0;
}
body.canvas-menu .logo-element {
display: none;
}
body.mini-navbar .nav-header {
padding: 60px 0 0 0;
background-color: transparent;
}
body.rtls.mini-navbar .nav-header {
padding: 0 0px 0 0 !important;
background-color: transparent;
}
body.canvas-menu .nav-header {
padding: 0px;
}
body.mini-navbar #page-wrapper {
margin: 0 0 0 70px;
}
body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {
margin: 0 0 0 0;
}
body.canvas-menu.mini-navbar #page-wrapper
{
margin: 0 0 0 240px;
}
body.canvas-menu.mini-navbar .footer {
margin: 0 0 0 0px;
}
body.rtls.canvas-menu.mini-navbar #page-wrapper{
margin: 0 240px 0 0;
}
body.rtls.canvas-menu.mini-navbar .footer {
margin: 0 0px 0 0;
}
body.fixed-sidebar .navbar-static-side {
position: fixed;
width: 240px;
z-index: 2001;
height: 100%;
}
body.fixed-sidebar.mini-navbar .navbar-static-side {
width: 0;
}
body.mini-navbar .navbar-static-side .sidebar-brand.fixed-brand {
display: none;
}
body.fixed-sidebar .navbar-static-side .sidebar-brand.fixed-brand {
display: block;
}
body.canvas-menu .navbar-static-side .sidebar-brand.fixed-brand {
display: block;
position: fixed !important;
top:0;
left:0;
}
body.rtls.canvas-menu .navbar-static-side .sidebar-brand.fixed-brand {
display: block;
position: fixed !important;
top:0;
right:0 !important;
}
body.fixed-sidebar.mini-navbar #page-wrapper {
margin: 0 0 0 0;
}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
margin: 0 0 0 240px;
}
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
width: 240px;
}
.fixed-sidebar.mini-navbar .nav li:focus>.nav-second-level,
.canvas-menu.mini-navbar .nav li:focus>.nav-second-level {
display: block;
height: auto;
}
body.fixed-sidebar.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
font-size: 12px;
border-radius: 3px;
}
body.canvas-menu.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
font-size: 13px;
border-radius: 3px;
}
.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
padding: 10px 10px 10px 15px;
}
.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
position: relative;
padding: 0;
font-size: 13px;
}
.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
left: 0;
}
body.fixed-sidebar.mini-navbar .navbar-default .nav>li>a,
body.canvas-menu.mini-navbar .navbar-default .nav>li>a {
font-size: 13px;
}
body.fixed-sidebar.mini-navbar .nav-label,
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
body.canvas-menu.mini-navbar .nav-label,
body.canvas-menu.mini-navbar .navbar-default .nav li a span {
display: inline;
}
body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
display: block;
}
.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
padding: 7px 10px 7px 25px;
}
.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
left: 0;
}
body.canvas-menu nav.navbar-static-side {
z-index: 2001 !important;
background: #584475;
height: 100%;
position: fixed;
display: none;
}
body.rtls.canvas-menu nav.navbar-static-side {
z-index: 2001 !important;
background: #584475;
height: 100%;
position: fixed;
display: none;
}
.top-navigation #page-wrapper {
margin-left: 0;
}
.top-navigation .navbar-nav .dropdown-menu>.active>a {
background: white;
color: #17a2b8;
font-weight: bold;
}
.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
background: #fff;
}
.panel-box .analysis-progrebar-content .usage-text {
padding: 0px;
margin: 0px;
color: #96999c;
}
.panel-box .analysis-progrebar-content .progress {
margin-bottom: 0px;
}
.top-navigation .navbar {
margin-bottom: 0;
}
.top-navigation .nav>li a:hover,
.top-navigation .nav>li a:focus {
color: #b8b8b8;
}
.top-navigation .navbar .nav>li.active {
background: #fff;
border: none;
}
.top-navigation .nav>li.active>a {
color: #17a2b8;
}
.top-navigation .navbar-right {
margin-right: 10px;
}
.top-navigation .navbar-nav .dropdown-menu {
box-shadow: none;
border: 1px solid #e7eaec;
margin-top: 5px;
}
.top-navigation .dropdown-menu>li>a {
margin: 0;
padding: 7px 15px 7px 15px !important;
color:#A99C9E;
}
.top-navigation .dropdown-menu>li>a:hover {
color:#222222;
}
.top-navigation .dropdown-menu>li>a i {
margin: 0;
padding-right:10px;
}
.navbar .dropdown-menu {
margin-top: 0;
}
.top-navigation .navbar-brand {
background: #17a2b8;
color: #fff;
padding: 15px 25px;
}
.top-navigation .navbar-top-links li:last-child {
margin-right: 0;
}
.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
margin: 0;
}
.top-navigation.fixed-nav #wrapper,
.fixed-nav #wrapper.top-navigation {
margin-top: 50px;
}
.top-navigation .wrapper.wrapper-content {
padding: 20px 20px 40px 20px;
}
.top-navigation.body-small .wrapper.wrapper-content,
.body-small .top-navigation .wrapper.wrapper-content {
padding: 20px 20px 40px 20px;
}
.navbar-toggler {
color: rgb(44, 42, 42);
padding: 6px 12px;
font-size: 14px;
}
.top-navigation .navbar-nav .open .dropdown-menu>li>a,
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 10px 15px 10px 20px;
}
.top-center-menu{
width:240px !important;
height:100%;
top:0px;
position: fixed;
background-color: #fff;
display:none;
}
body.body-small.open-top-menu .top-center-menu {
display: block !important;
}
body.body-medium.open-top-menu .top-center-menu {
display: block !important;
}
body.body-small.close-top-menu .top-center-menu {
display: none !important;
}
.top-center-menu .nav .nav-second-level a{
color: #F3F4FA !important;
}
.top-center-menu .nav .nav-second-level > li a:hover {
color:#fff !important;
}
.top-center-menu .nav > li {
width:100%;
}
.top-center-menu .nav li.navbar-header{
height:60px;
padding-left:25px;
}
body .top-center-menu #close-top-menu{
color:#fff !important;
float:right!important;
padding:20px 5px 15px 5px;
}
body.rtls .top-center-menu #close-top-menu{
color:#fff !important;
float:left!important;
padding:20px 5px 15px 5px;
}
.top-navbar-static-side.white-theme .nav > li > a{
color:#333 !important;
}
.top-navigation .nav > li > a{
color:#F3F4FA !important;
}
.top-navigation .nav > li > a:hover{
color:#dcdcdc;
}
.top-navigation .nav > li > a i{
color:#dcdcdc !important;
}
.top-center-menu .nav > li.active > a{
width:100%;
color:#222;
}
.top-center-menu .nav > li.active > a:hover, .top-center-menu .nav > li.active > a:focus{
color:#222;
}
.top-navigation .dropdown-menu>li>a:hover {
color:#222222;
}
body.top-navigation.canvas-menu.default-theme.mini-navbar nav.navbar-static-side {
width:100%;
height:60px;
top:60px;
left:0px;
right:0px;
display:inline-block!important;
}
@media (max-width: 992px) {
.top-nav-layout #top-centered-navbar{
display:none !important;
}
}
@media (max-width: 768px) {
.top-navigation .navbar-header {
display: block;
float: none;
}
.post-title {
text-align: center;
}
.show-comments {
text-align: center;
}
.rounded-circle {
width: 100px;
height: 100px;
}
.feedback-name {
text-align: center;
}
.comment-author-img {
text-align: center;
}
.like-share-btn {
text-align: center;
}
.post-author-name {
text-align: center;
}
.like-share {
text-align: center;
}
.post-comment-box {
text-align: center;
width: 100%;
}
.post-data {
text-align: center;
}
.navbar-right {
float: right !important;
margin-right: 15px;
}
.dropdown-alerts {
float: right !important;
right: 0;
left: auto;
}
.dropdown-messages {
float: right !important;
right: 0;
left: auto;
}
}
.menu-visible-lg,
.menu-visible-md {
display: none !important;
}
@media (min-width: 1200px) {
.menu-visible-lg {
display: block !important;
}
}
@media (min-width: 992px) {
.menu-visible-md {
display: block !important;
}
}
@media (max-width: 767px) {
.menu-visible-md {
display: block !important;
}
.menu-visible-lg {
display: block !important;
}
}
.btn {
border-radius: 3px;
margin-bottom:3px;
}
.float-e-margins .btn {
margin-bottom: 5px;
}
.btn-w-m {
min-width: 120px;
}
.btn-primary.btn-outline {
color: #17a2b8 !important;
}
.btn-success.btn-outline {
color: #28a745 !important;
}
.btn-info.btn-outline {
color: #23c6c8 !important;
}
.btn-warning.btn-outline {
color: #f8ac59 !important;
}
.btn-danger.btn-outline {
color: #ed5565 !important;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
color: #fff !important;
}
.btn-primary {
background-color: #0069d9;
border-color: #0062cc;
color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
background-color: #286090;
border-color: #286090;
color: #FFFFFF;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.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]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
background-color: #1dc5a3;
border-color: #1dc5a3;
}
.btn-success {
background-color: #28a745;
border-color: #28a745;
color: #fff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success.active:focus {
background-color: #449d44;
border-color: #449d44;
color: #FFFFFF;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.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]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
background-color: #1f90d8;
border-color: #1f90d8;
}
.btn-info {
background-color: #23c6c8;
border-color: #23c6c8;
color: #fff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info.active:focus {
background-color: #21b9bb;
border-color: #21b9bb;
color: #FFFFFF;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.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]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #26d7d9;
border-color: #26d7d9;
}
.btn-default {
color: inherit;
background: white;
border: 1px solid #e7eaec;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.active:focus {
color: inherit;
border: 1px solid #d2d2d2;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
color: #cacaca;
}
.btn-warning {
background-color: #f8ac59;
border-color: #f8ac59;
color: #fff !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning.active:focus {
background-color: #f7a54a;
border-color: #f7a54a;
color: #FFFFFF;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.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]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #f9b66d;
border-color: #f9b66d;
}
.btn-danger {
background-color: #ed5565;
border-color: #ed5565;
color: #fff !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger.active:focus {
background-color: #ec4758;
border-color: #ec4758;
color: #FFFFFF;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.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]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
background-color: #ef6776;
border-color: #ef6776;
}
.btn-link {
color: inherit;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
color: #17a2b8;
text-decoration: none;
}
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
background-image: none;
}
.btn-link.disabled,
.btn-link.disabled:hover,
.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]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
color: #cacaca;
}
.btn-white {
color: inherit;
background: white;
border: 1px solid #e7eaec;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white.active:hover,
.btn-white.active:focus {
color: inherit;
border: 1px solid #d2d2d2;
}
.btn-white:active,
.btn-white.active {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
background-image: none;
}
.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
color: #cacaca;
}
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
box-shadow: none;
}
.btn-outline {
color: inherit;
background-color: transparent;
transition: all .5s;
}
.btn-rounded {
border-radius: 50px;
}
.btn-large-dim {
width: 90px;
height: 90px;
font-size: 42px;
}
button.dim {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
text-align: center;
padding-top: 6px;
margin-right: 10px;
position: relative;
cursor: pointer;
border-radius: 5px;
font-weight: 600;
margin-bottom: 20px !important;
}
button.dim:active {
top: 3px;
}
button.btn-primary.dim {
box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999;
}
button.btn-primary.dim:active {
box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
}
button.btn-default.dim {
box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;
}
button.btn-default.dim:active {
box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;
}
button.btn-warning.dim {
box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
}
button.btn-warning.dim:active {
box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
}
button.btn-info.dim {
box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999;
}
button.btn-info.dim:active {
box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999;
}
button.btn-success.dim {
box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;
}
button.btn-success.dim:active {
box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;
}
button.btn-danger.dim {
box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
}
button.btn-danger.dim:active {
box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
}
button.dim:before {
font-size: 50px;
line-height: 1em;
font-weight: normal;
color: #fff;
display: block;
padding-top: 10px;
}
button.dim:active:before {
top: 7px;
font-size: 50px;
}
.notification-bt .btn{
margin-right:0px !important;
}
.btn:focus {
outline: none !important;
}
.label {
border-radius: 2px;
font-size: 75%;
padding: 4px 7px;
margin-right: 5px;
font-weight: 400;
color: #fff !important;
}
.label.label-lg {
padding: 8px 21px;
}
.label.label-md {
padding: 6px 14px;
}
.label-default {
background-color: #d1dade;
color: #5e5e5e;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 600;
padding: 3px 8px;
text-shadow: none;
}
.label-icon {
position: relative;
}
.label-icon .badge-icons{
font-size: 2.5rem;
}
.label-icon label {
position: absolute;
}
.badge-top-left {
margin-right: -10px;
right: 100%;
top: -3px;
}
.badge-top-right {
margin-left: 23px;
top: -3px;
}
.badge-bottom-left {
margin-left: -33px;
bottom: -12px;
right: 97%;
}
.badge-bottom-right {
margin-left: 23px;
bottom: -12px;
}
/*Swiper Carousel CSS */
body.top-navigation .swiper-container {
width: 100%;
height:60px;
position: relative !important;
overflow:visible !important;
}
body.top-navigation .swiper-slide {
font-size: 14px;
/* Center slide text vertically */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: visible;
}
body.top-navigation .swiper-wrapper{
position: relative;
z-index: 2000 !important;
padding:0px 10px;
}
body.top-navigation .swiper-slide{
width:auto!important;
height:60px !important;
}
body.rtls.top-navigation .swiper-container {
width: 100%;
height:60px;
position: relative !important;
overflow:visible !important;
}
body.rtls.top-navigation .swiper-slide {
font-size: 14px;
/* Center slide text vertically */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: visible;
}
body.rtls.top-navigation .swiper-wrapper{
position: relative;
z-index: 2000 !important;
padding:0px 10px;
}
body.rtls.top-navigation .swiper-slide{
width:auto!important;
height:60px !important;
}
/* X-Editable Dottedline */
.dotted-line-theme .no_edit {
width: 100% !important
}
.dotted-line-theme .no_edit .i_text {
font-size: 13px
}
.dotted-line-theme .no_edit {
padding: 15px 2px
}
.inline-editable .btn {
margin: 0px 2px 0px 4px;
}
.dotted-line-theme .just_edit input,
.dotted-line-theme .just_edit textarea {
height: 40px;
}
.full-row select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
.inline-editable .input-group .form-control {
width: 100%;
}
.editable-click, a.editable-click, a.editable-click:hover{
border-bottom:none !important;
}
/* Navbar */
.nav .label {
text-align: right;
left: auto;
right: 0px;
position: absolute;
font-size: 10px;
padding: 2px 4px;
}
.navbar-static-side .label {
margin-right: -5px;
position: initial;
float: right;
text-align: center;
vertical-align: middle;
white-space: nowrap;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
body.fixed-sidebar nav.navbar-static-side .label {
margin-right: -5px;
position: initial;
float: right;
text-align: center;
vertical-align: middle;
white-space: nowrap;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
body.canvas-menu nav.navbar-static-side .label {
margin-right: -5px;
position: initial;
float: right;
text-align: center;
vertical-align: middle;
white-space: nowrap;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
body.rtls.fixed-sidebar nav.navbar-static-side .label {
margin-left: -5px;
position: initial;
float: left;
text-align: center;
vertical-align: middle;
white-space: nowrap;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
body.rtls.canvas-menu nav.navbar-static-side .label {
margin-left: -5px;
position: initial;
float: left;
text-align: center;
vertical-align: middle;
white-space: nowrap;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.badge {
border-radius: 10px;
padding: 3px 7px;
}
.badge-lg {
padding: 5px 9px;
font-size: 14px;
}
.badge-md {
padding: 4px 8px;
font-size: 14px;
}
.badge-default {
background-color: #d1dade;
color: #5e5e5e;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 600;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
text-shadow: none;
}
.label-primary,
.badge-primary {
background-color: #007bff;
color: #FFFFFF;
}
.label-success,
.badge-success {
background-color: #28a745;
color: #FFFFFF;
}
.label-warning,
.badge-warning {
background-color: #ffc107;
color: #222;
}
.label-warning-light,
.badge-warning-light {
background-color: #f8ac59;
color: #222;
}
.label-danger,
.badge-danger {
background-color: #dc3545;
color: #FFFFFF;
}
.label-info,
.badge-info {
background-color: #17a2b8;
color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
background-color: #262626;
color: #FFFFFF;
}
.label-white,
.badge-white {
background-color: #FFFFFF;
color: #5E5E5E;
}
.label-white,
.badge-disable {
background-color: #2A2E36;
color: #8B91A0;
}
.labels div {
float: left;
margin: 0px 5px;
}
.label-inverse-default {
padding: 2px 4px;
border: 1px solid;
border-color: #d1dade;
color: #5e5e5e !important;
}
.label-inverse-primary {
padding: 2px 4px;
border: 1px solid;
border-color: #007bff;
color: #007bff !important;
}
.label-inverse-success {
padding: 2px 4px;
border: 1px solid;
border-color: #0ac282;
color: #0ac282 !important;
}
.label-inverse-info {
padding: 2px 4px;
border: 1px solid;
border-color: #2DCEE3;
color: #2dcee3 !important;
}
.label-inverse-warning {
padding: 2px 4px;
border: 1px solid;
border-color: #fe9365;
color: #fe9365 !important;
}
.label-inverse-danger {
padding: 2px 4px;
border: 1px solid;
border-color: #FF0000;
color: #FF0000 !important;
}
.label-inverse-info-border {
padding: 2px 4px;
border: 1px solid;
border-color: #404E67;
color: #404e67 !important;
}
.badge-inverse-success {
border: 1px solid;
border-color: #0ac282;
color: #0ac282 !important;
}
.badge-inverse-warning {
border: 1px solid;
border-color: #fe9365;
color: #fe9365 !important;
}
.badge-inverse-info {
border: 1px solid;
border-color: #2dcee3;
color: #17a2b8 !important;
}
.badge-inverse-default {
border: 1px solid;
border-color: #e0e0e0;
color: #e0e0e0 !important;
}
.badge-inverse-primary {
border: 1px solid;
border-color: #007bff;
color: #007bff !important;
}
.badge-inverse-danger {
border: 1px solid;
border-color: #dc3545;
color: #dc3545 !important;
}
/* Shadow Box */
.shadow-top-0 {
-webkit-box-shadow: 0 -5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 -5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-top-1 {
-webkit-box-shadow: 0 -7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 -7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-top-2 {
-webkit-box-shadow: 0 -9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 -9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-top-3 {
-webkit-box-shadow: 0 -10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 -10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-top-4 {
-webkit-box-shadow: 0 -11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 -11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-top-5 {
-webkit-box-shadow: 0 -12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 -12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-bottom-0 {
-webkit-box-shadow: 0 5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-bottom-1 {
-webkit-box-shadow: 0 7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-bottom-2 {
-webkit-box-shadow: 0 9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-bottom-3 {
-webkit-box-shadow: 0 10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-bottom-4 {
-webkit-box-shadow: 0 11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-bottom-5 {
-webkit-box-shadow: 0 12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-left-0 {
-webkit-box-shadow: -5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: -5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-left-1 {
-webkit-box-shadow: -7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: -7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-left-2 {
-webkit-box-shadow: -9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: -9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-left-3 {
-webkit-box-shadow: -10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: -10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-left-4 {
-webkit-box-shadow: -11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: -11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-left-5 {
-webkit-box-shadow: -12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: -12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-right-0 {
-webkit-box-shadow: 5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-right-1 {
-webkit-box-shadow: 7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-right-2 {
-webkit-box-shadow: 9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-right-3 {
-webkit-box-shadow: 10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-right-4 {
-webkit-box-shadow: 11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-right-5 {
-webkit-box-shadow: 12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-0 {
-webkit-box-shadow: 0 0 25px 5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 0 25px 5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-1 {
-webkit-box-shadow: 0 0 25px 7px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 0 25px 7px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-2 {
-webkit-box-shadow: 0 0 25px 9px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 0 25px 9px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-3 {
-webkit-box-shadow: 0 0 25px 10px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 0 25px 10px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-4 {
-webkit-box-shadow: 0 0 25px 11px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 0 25px 11px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
.shadow-5 {
-webkit-box-shadow: 0 0 25px 12px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
box-shadow: 0 0 25px 12px #ccc, 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent
}
/* Progress Bar Size */
.progress-bar-default {
background-color: #d0d0d0 !important;
}
.progress-extra-large {
height: 30px;
}
.progress-large {
height: 24px;
}
.progress-middle {
height: 1rem;
}
.progress-small {
height: 12px;
}
.progress-extra-small {
height: 6px;
}
/* TOOGLE SWICH */
.onoffswitch {
position: relative;
width: 64px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.rtls .onoffswitch {
position: relative;
width: 54px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #17a2b8;
border-radius: 2px;
}
.onoffswitch-inner {
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s;
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
float: left;
width: 50%;
height: 20px;
padding: 0;
line-height: 20px;
font-size: 12px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ON";
padding-left: 10px;
background-color: #17a2b8;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "OFF";
padding-right: 10px;
background-color: #FFFFFF;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
width: 20px;
margin: 0;
background: #FFFFFF;
border: 2px solid #17a2b8;
border-radius: 2px;
position: absolute;
top: 0;
bottom: 0;
right: 44px;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
right: 0;
}
.onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-inner:before {
background-color: #919191;
}
.onoffswitch-checkbox:disabled+.onoffswitch-label,
.onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-switch {
border-color: #919191;
}
/*Task Board */
.task-board.dropdown button {
text-align: center !important;
}
.assign-user .media .media-left a .img-rounded {
width: 50px;
height: 50px;
border-radius: 6px;
}
.live-status {
height: 12px;
width: 11px;
position: absolute;
bottom: 0;
right: 17px;
border-radius: 100%;
border: 1px solid;
top: 5px;
padding: 1px;
}
.assign-user .media a i {
top: -10px;
left: -10px;
position: relative;
font-size: 9px;
}
.user-box .media a {
width: 45px;
height: 45px;
padding: 8px 6px;
font-size: 22px;
}
.task-attachment li div i {
padding-top: 20px;
font-size: 30px;
}
.task-done {
text-decoration: line-through;
}
.list-border-top {
border-top: 4px solid #23c6c8 !important;
}
/* Jquery Filer CSS*/
.jFiler-theme-default .jFiler-input-button {
background-color: #4E3F6C;
background-image: none;
color: #fff;
}
.jFiler-theme-default .jFiler-input {
width: 100%;
}
.jFiler-input-dragDrop {
width: 100%;
background-color: #fafafa;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
position: absolute;
bottom: -10%;
left: 0;
width: 100%;
color: #fff;
padding: 6px 10px;
z-index: 9;
opacity: 0;
-webkit-transition: all 0.12s;
transition: all 0.12s;
}
.jFiler-input-choose-btn {
border: 1px solid #4E3F6C;
padding: 10px 25px;
background: #4E3F6C;
color: #fff !important;
}
.jFiler-input-choose-btn:hover {
background: #fff !important;
border: 1px solid #4E3F6C !important;
color: #4E3F6C !important;
}
.panel-box .jFiler-item-assets ul li {
margin-right: 0;
}
/* FAQ Page */
.faq-questions {
padding: 20px;
margin-bottom: 2px;
background: #fff;
}
.faq-questions a {
font-size: 16px;
color: #003e85;
}
/* AGILE BOARD */
.sortable-list {
padding: 10px 0;
}
.agile-list {
list-style: none;
margin: 0;
}
.agile-list li {
background: #FAFAFB;
border: 1px solid #e7eaec;
margin: 0 0 10px 0;
padding: 10px;
border-radius: 2px;
}
.agile-list li:hover {
cursor: pointer;
background: #fff;
}
.agile-list li.warning-element {
border-left: 3px solid #ee9a1c;
border-right: 3px solid #ee9a1c;
}
.agile-list li.danger-element {
border-left: 3px solid #ed5555;
border-right: 3px solid #ed5555;
}
.agile-list li.info-element {
border-left: 3px solid #1cc6b8;
border-right: 3px solid #1cc6b8;
}
.agile-list li.success-element {
border-left: 3px solid #1fb31a;
border-right: 3px solid #1fb31a;
}
.agile-detail {
margin-top: 5px;
font-size: 12px;
overflow: hidden;
}
.agile-detail a {
float: right;
}
/* Diff Plugin Page */
ins {
background-color: #3ef8a4;
}
del {
background-color: #f54f4f;
color: #fff;
}
.disabled {
pointer-events: none;
cursor: default;
opacity: 0.6;
}
/* Tags Input Plugin */
.tags a {
margin-bottom: 4px;
}
.bootstrap-tagsinput {
border: 1px solid #e5e6e7;
box-shadow: none;
}
/* PAGINATIN */
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
background-color: #f4f4f4;
border-color: #DDDDDD;
color: inherit;
cursor: default;
z-index: 2;
}
.pagination>li>a,
.pagination>li>span {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
color: inherit;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 4px 10px;
position: relative;
text-decoration: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
padding:0px;
}
/* TOOLTIPS */
.tooltip-inner {
background-color: #584475;
}
.tooltip.top .tooltip-arrow {
border-top-color: #584475;
}
.tooltip.right .tooltip-arrow {
border-right-color: #584475;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #584475;
}
.tooltip.left .tooltip-arrow {
border-left-color: #584475;
}
/*Masonry CSS*/
.masonry-media {
overflow: hidden
}
.masonry-media img {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.masonry-media img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.masonry-image .masonry-media {
margin-bottom: 20px
}
.grid {
max-width: 1200px;
}
/* clear fix */
.grid:after {
content: '';
display: block;
clear: both;
}
/* Iframe */
iframe{
border-width: 0px;
}
/* .grid-item */
.grid-item img {
float: left;
width: 300px;
height: 50%;
border: 2px solid #fff;
padding: 15px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.grid-item img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.grid-item--width2 a img {
width: 200px;
}
.grid-item--height1 a img {
height: 200px;
}
.grid-item--height2 a img {
height: 400px;
}
/* Masonry container */
.masonry {
column-count: 4;
column-gap: 1em;
}
.masonry .item { /* Masonry bricks or child elements */
background-color: #eee;
display: inline-block;
margin: 0 0 1em;
width: 100%;
}
.masonry {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
}
.masonry .item {
display: inline-block;
background: #fff;
padding: 1em;
margin: 0 0 1.5em;
width: 100%;
transition:1s ease all;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 2px 2px 4px 0 #ccc;
}
.masonry .item:hover {
width: 104%;
transition:0.1s ease all;
}
.masonry .item img{max-width:100%;}
@media only screen and (min-width: 400px) {
.masonry {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 700px) {
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (min-width: 900px) {
.masonry {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media only screen and (min-width: 1100px) {
.masonry {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
}
}
/* Advance Gallery */
.wrapper .heading-title {
font-weight: 700;
padding-bottom: 20px;
position: relative;
display: inline-block;
color: #555;
margin: 0 0 20px;
text-align: center;
text-transform: uppercase
}
.wrapper .heading-title::after {
left: 50%;
width: 25px;
height: 25px;
bottom: -26px;
margin: 0 0 0 -10px;
-webkit-clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0);
clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0);
}
.wrapper .heading-title::after,
.wrapper .heading-title::before {
position: absolute;
background: linear-gradient(to right,
#ed6ea0 0,
#ec8c69 100%);
content: "";
}
.wrapper .heading-title {
font-size: 36px;
font-family: Oswald, sans-serif
}
.wrapper .heading-title::before {
left: 0;
width: 156%;
height: 3px;
margin-left: -28%;
bottom: -1.5px;
}
/* EASY PIE CHART*/
.easypiechart {
position: relative;
text-align: center;
}
.easypiechart .h2 {
margin-left: 10px;
margin-top: 10px;
display: inline-block;
}
.easypiechart canvas {
top: 0;
left: 0;
}
.easypiechart .easypie-text {
line-height: 1;
position: absolute;
top: 33px;
width: 100%;
z-index: 1;
}
.easypiechart img {
margin-top: -4px;
}
.jqstooltip {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* FULLCALENDAR */
.fc-state-default {
background-color: #ffffff;
background-image: none;
background-repeat: repeat-x;
box-shadow: none;
color: #333333;
text-shadow: none;
}
.fc-state-default {
border: 1px solid;
}
.fc-button {
color: inherit;
border: 1px solid #e7eaec;
cursor: pointer;
display: inline-block;
height: 1.9em;
line-height: 1.9em;
overflow: hidden;
padding: 0 0.6em;
position: relative;
white-space: nowrap;
}
.fc-state-active {
background-color: #17a2b8;
border-color: #17a2b8;
color: #ffffff;
}
.fc-header-title h2 {
font-size: 16px;
font-weight: 600;
color: inherit;
}
.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
border-color: #e7eaec;
font-weight: normal;
}
.fc-border-separate tbody {
background-color: #F8F8F8;
}
.fc-state-highlight {
background: none repeat scroll 0 0 #FCF8E3;
}
.external-event {
padding: 5px 10px;
border-radius: 2px;
cursor: pointer;
margin-bottom: 5px;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-radius: 2px;
}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
padding: 4px 6px;
background-color: #17a2b8;
/* background color */
border-color: #17a2b8;
/* border color */
}
.fc-event-time,
.fc-event-title {
color: #717171;
padding: 0 1px;
}
.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
color: #fff;
}
/* Chat */
#chat-page {
position: absolute;
z-index: -1;
top: 60px;
bottom: 0;
left: 0;
right: 0;
background: url('/img/call-center-employee.jpg') center center;
background-size: cover;
opacity: 0.4;
width: 100%;
height: 100vh;
}
.disabled-chat {
pointer-events: none;
opacity: 0.6;
}
.chat-activity-list .chat-element {
border-bottom: 1px solid #e7eaec;
}
.chat-element:first-child {
margin-top: 0;
}
.chat-element {
padding-bottom: 15px;
}
.chat-element,
.chat-element .media {
margin-top: 15px;
}
.chat-element,
.media-body {
overflow: hidden;
}
.chat-element .media-body {
display: block;
width: auto;
}
.chat-element>.pull-left {
margin-right: 10px;
}
.chat-element img.rounded-circle,
.dropdown-messages-box img.rounded-circle {
width: 38px;
height: 38px;
}
.chat-element .well {
border: 1px solid #e7eaec;
box-shadow: none;
margin-top: 10px;
margin-bottom: 5px;
padding: 10px 20px;
font-size: 11px;
line-height: 16px;
}
.chat-element .actions {
margin-top: 10px;
}
.chat-element .photos {
margin: 10px 0;
}
.right.chat-element>.pull-right {
margin-left: 10px;
}
.chat-photo {
max-height: 180px;
border-radius: 4px;
overflow: hidden;
margin-right: 10px;
margin-bottom: 10px;
}
.chat {
margin: 0;
padding: 0;
list-style: none;
}
.chat li {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #B3A9A9;
}
.chat li.left .chat-body {
margin-left: 60px;
}
.chat li.right .chat-body {
margin-right: 60px;
}
.chat li .chat-body p {
margin: 0;
color: #777777;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
margin-right: 5px;
}
.chat-panel .panel-body {
height: 350px;
overflow-y: scroll;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.team-chat {
overflow: hidden;
width: auto;
height: 340px;
}
.team-chat .media img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.search-msg {
width: 50%;
}
.right-border {
border-right: 1px solid #dcdcdc;
}
/* Smart Chat */
.chat_window {
position: relative;
width: 100%;
max-width: 100%;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
background-color: #f8f8f8;
overflow: hidden;
}
.chat-messenger{
position: relative;
width: 100%;
height:100vh;
border-radius: 10px;
overflow: hidden;
}
.chat_window-responsive{
height:590px;
}
.msg-menu {
height: 445px;
}
.top_menu {
background-color: #fff;
width: 100%;
padding: 20px 0 15px;
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
}
.top_menu .buttons {
margin: 3px 0 0 20px;
position: absolute;
}
.top_menu .buttons .button {
width: 16px;
height: 16px;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
position: relative;
}
.top_menu .buttons .button.close {
background-color: #f5886e;
}
.top_menu .buttons .button.minimize {
background-color: #fdbf68;
}
.top_menu .buttons .button.maximize {
background-color: #a3d063;
}
.top_menu .title {
text-align: center;
color: #bcbdc0;
font-size: 20px;
}
.messages {
position: relative;
list-style: none;
padding: 20px 10px 0 10px;
margin: 0;
height: 330px;
overflow-y: scroll;
overflow-x: hidden;
}
.messages-responsive {
position: relative;
list-style: none;
padding: 20px 10px 0 10px;
margin: 0;
height: 425px;
overflow-y: scroll;
overflow-x: hidden;
}
.messages .message {
clear: both;
overflow: hidden;
margin-bottom: 20px;
transition: all 0.5s linear;
opacity: 0;
}
.messages .message.left .avatar {
background-color: #f5886e;
float: left;
}
.messages .message.left .text_wrapper {
background-color: #ffe6cb;
margin-left: 20px;
}
.messages .message.left .text_wrapper::after,
.messages .message.left .text_wrapper::before {
right: 100%;
border-right-color: #ffe6cb;
}
.messages .message.left .text {
color: #c48843;
}
.messages .message.right .avatar {
background-color: #fdbf68;
float: right;
}
.messages .message.right .text_wrapper {
background-color: #c7eafc;
margin-right: 20px;
float: right;
}
.messages .message.right .text_wrapper::after,
.messages .message.right .text_wrapper::before {
left: 100%;
border-left-color: #c7eafc;
}
.messages .message.right .text {
color: #45829b;
}
.messages .message.appeared {
opacity: 1;
}
.messages .message .avatar {
width: 60px;
height: 60px;
border-radius: 50%;
display: inline-block;
overflow: hidden;
text-align: center;
}
.messages .message .avatar img {
width: 60px;
height: 60px;
}
.messages .message .avatar.female-pic {
border: 2px solid #fd9cf0ec;
}
.messages .message .avatar.male-pic {
border: 2px solid #9ceafd;
}
.messages .message .text_wrapper {
display: inline-block;
padding: 20px;
border-radius: 6px;
width: calc(100% - 85px);
min-width: 100px;
position: relative;
}
.messages .message .text_wrapper::after,
.messages .message .text_wrapper:before {
top: 18px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.messages .message .text_wrapper::after {
border-width: 13px;
margin-top: 0px;
}
.messages .message .text_wrapper::before {
border-width: 15px;
margin-top: -2px;
}
.messages .message .text_wrapper .text {
font-size: 18px;
font-weight: 300;
}
.bottom_wrapper {
position: relative;
width: 100%;
background-color: #fff;
padding: 4px 20px 20px 20px;
position: absolute;
bottom: 0;
border-top: 1px solid #eee;
}
.bottom_wrapper .navbar {
height: auto;
min-height: 20px;
}
.bottom_wrapper .message_input_wrapper {
display: inline-block;
height: 50px;
border-radius: 25px;
border: 1px solid #bcbdc0;
width: calc(100% - 160px);
position: relative;
padding: 0 20px;
}
.bottom_wrapper .message_input_wrapper .message_input {
border: none;
height: 100%;
box-sizing: border-box;
width: 100%;
position: absolute;
outline-width: 0;
color: gray;
}
.emojionearea.emojionearea-inline>.emojionearea-button {
top: 12px;
}
.emojionearea.emojionearea-inline>.emojionearea-editor {
height: 50px;
padding-top: 12px;
}
.bottom_wrapper .send_message {
width: 140px;
height: 50px;
border-radius: 50px;
background-color: #a3d063;
border: 2px solid #a3d063;
color: #fff;
cursor: pointer;
transition: all 0.2s linear;
text-align: center;
float: right;
}
.bottom_wrapper .send_message:hover {
color: #a3d063;
background-color: #fff;
}
.bottom_wrapper .send_message .text {
font-size: 18px;
font-weight: 300;
display: inline-block;
line-height: 48px;
}
.message_template {
display: none;
}
/* LIST GROUP */
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
background-color: #17a2b8;
border-color: #17a2b8;
color: #FFFFFF;
z-index: 2;
}
.list-group-item-heading {
margin-top: 10px;
}
.list-group-item-text {
margin: 0 0 10px;
color: inherit;
font-size: 12px;
line-height: inherit;
}
.no-padding .list-group-item {
border-left: none;
border-right: none;
border-bottom: none;
}
.no-padding .list-group-item:first-child {
border-left: none;
border-right: none;
border-bottom: none;
border-top: none;
}
.no-padding .list-group {
margin-bottom: 0;
}
.list-group-item {
background-color: inherit;
border: 1px solid #e7eaec;
display: block;
margin-bottom: -1px;
padding: 10px 15px;
position: relative;
}
.elements-list .list-group-item {
border-left: none;
border-right: none;
padding: 15px 25px;
}
.elements-list .list-group-item:first-child {
border-left: none;
border-right: none;
border-top: none !important;
}
.elements-list .list-group {
margin-bottom: 0;
}
.elements-list a {
color: inherit;
}
.elements-list .list-group-item.active,
.elements-list .list-group-item:hover {
background: #f3f3f4;
color: inherit;
border-color: #e7eaec;
border-radius: 0;
}
.elements-list li.active {
transition: none;
}
.element-detail-box {
padding: 25px;
}
/* Amcharts */
#crm-statistic .amcharts-graph-g2 .amcharts-graph-stroke {
stroke-linejoin: round;
stroke-linecap: round;
-webkit-animation: am-moving-dashes 1s linear infinite;
animation: am-moving-dashes 1s linear infinite
}
#crm-statistic .lastBullet {
-webkit-animation: am-pulsating 1s ease-out infinite;
animation: am-pulsating 1s ease-out infinite
}
#crm-statistic .amcharts-graph-column-front {
-webkit-transition: all 0.3s 0.3s ease-out;
transition: all 0.3s 0.3s ease-out
}
#crm-statistic .amcharts-graph-column-front:hover {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
fill-opacity: 0.4
}
#crm-statistic .amcharts-graph-g3 {
stroke-linejoin: round;
stroke-linecap: round;
stroke-dasharray: 500%;
-webkit-animation: am-draw 40s;
animation: am-draw 40s
}
@-webkit-keyframes am-moving-dashes {
100% {
stroke-dashoffset: -31px
}
}
@keyframes am-moving-dashes {
100% {
stroke-dashoffset: -31px
}
}
@-webkit-keyframes am-pulsating {
0% {
stroke-opacity: 1;
stroke-width: 0
}
100% {
stroke-opacity: 0;
stroke-width: 50px
}
}
@keyframes am-pulsating {
0% {
stroke-opacity: 1;
stroke-width: 0
}
100% {
stroke-opacity: 0;
stroke-width: 50px
}
}
@-webkit-keyframes am-draw {
0% {
stroke-dashoffset: 500%
}
100% {
stroke-dashoffset: 0
}
}
@keyframes am-draw {
0% {
stroke-dashoffset: 500%
}
100% {
stroke-dashoffset: 0
}
}
/* Chart JS */
#app-sale1,
#app-sale2,
#app-sale3,
#app-sale4 {
width: 100px !important;
height: 50px !important;
}
/* FLOT CHART */
.flot-chart {
display: block;
height: 200px;
}
.widget .flot-chart.dashboard-chart {
display: block;
height: 120px;
margin-top: 40px;
}
.flot-chart.dashboard-chart {
display: block;
height: 180px;
margin-top: 40px;
}
.flot-chart-content {
width: 100%;
height: 100%;
}
.flot-chart-pie-content {
width: 200px;
height: 200px;
margin: auto;
}
.jqstooltip {
position: absolute;
display: block;
left: 0;
top: 0;
visibility: hidden;
background: #2b303a;
background-color: rgba(43, 48, 58, 0.8);
color: white;
text-align: left;
white-space: nowrap;
z-index: 10000;
padding: 5px 5px 5px 5px;
min-height: 22px;
border-radius: 3px;
}
.jqsfield {
color: white;
text-align: left;
}
.fh-150 {
height: 150px;
}
.fh-200 {
height: 200px;
}
.h-150 {
min-height: 150px;
}
.h-200 {
min-height: 200px;
}
.h-250 {
min-height: 250px !important;
}
.h-300 {
min-height: 300px;
}
.w-150 {
min-width: 150px;
}
.w-200 {
min-width: 200px;
}
.w-300 {
min-width: 300px;
}
.legendLabel {
padding-left: 5px;
}
.stat-list li:first-child {
margin-top: 0;
}
.stat-list {
list-style: none;
padding: 0;
margin: 0;
}
.stat-percent {
float: right;
}
.stat-list li {
margin-top: 15px;
position: relative;
}
/* DATATABLES */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
background: transparent;
}
.dataTables_wrapper {
padding-bottom: 30px;
}
.dataTables_filter label {
margin-right: 5px;
}
table.dataTable.nowrap td img {
width: 40px;
height: 40px;
border-radius: 10%;
-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
}
table.dataTable th.focus,
table.dataTable td.focus {
outline: 3px solid #01a9ac;
outline-offset: -1px
}
table.dataTable td.focus {
outline: 1px solid #83fe5d;
outline-offset: -3px;
background-color: #e7f8e6 !important;
}
table.dt-rowReorder-float {
position: absolute !important;
opacity: 0.8;
table-layout: fixed;
outline: 2px solid rgb(23, 131, 1);
outline-offset: -2px;
z-index: 2001;
}
tr.dt-rowReorder-moving {
outline: 2px solid rgb(50, 92, 1);
outline-offset: -2px
}
body.dt-rowReorder-noOverflow {
overflow-x: hidden;
}
table.dataTable td.reorder {
text-align: center;
cursor: move
}
#checkbox-select tr td.select-checkbox,
#checkbox-select tr th.select-checkbox {
padding-left: 30px
}
#checkbox-select tr td.select-checkbox:before,
#checkbox-select tr td.select-checkbox:after,
#checkbox-select tr th.select-checkbox:before,
#checkbox-select tr th.select-checkbox:after {
left: 15px
}
.html5buttons {
float: right;
}
.html5buttons a {
border: 1px solid #e7eaec;
background: #fff;
color: #676a6c;
box-shadow: none;
padding: 6px 8px;
font-size: 12px;
}
.html5buttons a:hover,
.html5buttons a:focus:active {
background-color: #eee;
color: inherit;
border-color: #d2d2d2;
}
div.dt-button-info {
z-index: 100;
}
@media (max-width: 768px) {
.html5buttons {
float: none;
margin-top: 10px;
}
.dataTables_length {
float: none;
}
}
/* CIRCLE */
.rounded-circle {
width: 100px;
height: 100px;
border-radius: 50%;
}
.profile-social-btn .btn-circle {
width: 30px;
height: 30px;
padding: 6px 0;
border-radius: 15px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
}
.profile-social-btn .btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
border-radius: 25px;
font-size: 18px;
line-height: 1.33;
}
.profile-social-btn .btn-circle.btn-lg i{
font-size: 18px;
padding-top:4px;
}
.profile-social-btn .btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 24px;
line-height: 1.33;
}
.show-grid [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee !important;
}
.show-grid {
margin: 15px 0;
}
/* Pin Board */
ul.pin-board li,
ul.tag-list li {
list-style: none;
}
ul.pin-board li h4 {
margin-top: 20px;
font-size: 16px;
}
ul.pin-board li div {
text-decoration: none;
color: #000;
background: #ffc;
display: block;
height: 140px;
width: 140px;
padding: 1em;
position: relative;
}
ul.pin-board li div small {
top: 5px;
left: 0px;
font-size: 11px;
}
ul.pin-board li div a {
float: right;
bottom: 10px;
color: inherit;
margin: 0px 5px;
}
ul.pin-board li div a i {
color: #fff !important;
}
ul.pin-board li div.bg-light a i {
color: #333 !important;
}
ul.pin-board li {
margin: 10px 40px 50px 0;
float: left;
}
ul.pin-board li div p {
font-size: 12px;
color: #fff;
}
ul.pin-board li div {
text-decoration: none;
color: #000;
background: #ffc;
display: block;
height: 140px;
width: 140px;
padding: 1em;
/* Firefox */
-moz-box-shadow: 5px 5px 2px #212121;
/* Safari+Chrome */
-webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
/* Opera */
box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}
ul.pin-board li div {
-webkit-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
}
ul.pin-board li:nth-child(even) div {
-o-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
position: relative;
top: 5px;
}
ul.pin-board li:nth-child(3n) div {
-o-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
position: relative;
top: -5px;
}
ul.pin-board li:nth-child(5n) div {
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
position: relative;
top: -10px;
}
ul.pin-board li div:hover,
ul.pin-board li div:focus {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
position: relative;
z-index: 5;
}
ul.pin-board li div {
text-decoration: none;
color: #fff;
background: #03f0a1;
display: block;
height: 240px;
width: 210px;
padding: 1em;
-moz-box-shadow: 5px 5px 7px #212121;
-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
-moz-transition: -moz-transform 0.15s linear;
-o-transition: -o-transform 0.15s linear;
-webkit-transition: -webkit-transform 0.15s linear;
}
.pin-board-text{
height:110px;
overflow-x: hidden;
}
/* ANIMATION */
.css-animation-box h1 {
font-size: 44px;
}
.animation-efect-links a {
padding: 4px 6px;
font-size: 12px;
}
#animation_box {
border-radius: 16px;
width: 60%;
margin: 0 auto;
}
.animation-text-box {
position: absolute;
margin-top: 40px;
left: 50%;
margin-left: -100px;
width: 200px;
}
.animation-text-info {
position: absolute;
margin-top: -60px;
left: 50%;
margin-left: -100px;
width: 200px;
font-size: 10px;
}
.animation-text-box h2 {
font-size: 54px;
font-weight: 600;
margin-bottom: 5px;
}
.animation-text-box p {
font-size: 12px;
text-transform: uppercase;
}
/* PEACE */
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #17a2b8;
position: fixed;
z-index: 2040;
top: 0;
right: 100%;
width: 100%;
height: 2px;
}
.pace-inactive {
display: none;
}
/* WIDGETS */
.widget {
border-radius: 5px;
padding: 15px 20px;
margin-bottom: 10px;
margin-top: 10px;
}
.widget.style1 h2 {
font-size: 30px;
}
.widget h2,
.widget h3 {
margin-top: 5px;
margin-bottom: 0;
}
.widget-text-box {
padding: 20px;
border: 1px solid #e7eaec;
background: #ffffff;
}
.widget-head-color-box {
border-radius: 5px 5px 0 0;
margin-top: 10px;
}
.widget .flot-chart {
height: 100px;
}
.widget .usage-icon {
width: 60px;
height: 60px;
position: absolute;
top: -15px;
left: auto;
right: 0;
margin-right: 20px;
font-size: 35px;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget .usage-icon-2 {
width: 60px;
height: 60px;
position: absolute;
top: -15px;
left: auto;
right: 0;
margin-right: 20px;
font-size: 35px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-widget {
font-size: 46px;
}
.rating {
font-size: 24px;
}
.rating-number {
font-size: 45px;
font-weight: 400;
}
.widget-radial-card {
text-align: center;
}
.widget-statistic-card {
position: relative;
overflow: hidden;
}
.widget-statistic-card .icon {
color: #fff;
width: 100px;
height: 100px;
font-size: 23px;
padding: 60px 40px 20px 20px;
border-radius: 50%;
position: absolute;
top: -50px;
right: -50px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget-statistic-card .icon:hover {
color: #fff;
width: 110px;
height: 110px;
font-size: 33px;
padding: 60px 40px 20px 20px;
border-radius: 50%;
position: absolute;
top: -50px;
right: -50px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget-rounded {
width: 100%;
height: 140px;
border-radius: 6px;
padding-top: 20px;
margin-bottom: 20px;
}
.widget-rounded .social-icon {
display: block;
font-size: 96px;
line-height: 96px;
text-align: left;
bottom: 20px;
position: absolute;
padding-left: 5px;
padding-bottom: 5px;
z-index: 1 !important;
}
.widget-rounded .social-icon:hover {
font-size: 120px;
transition: all .3s linear;
z-index: 1 !important;
}
.sell-ratio h5 {
font-size: 14px;
}
.app-questions {
width: 25%;
text-align: center;
}
.app-comments {
width: 25%;
text-align: center;
}
.app-team {
width: 50%;
text-align: center;
}
.team-members-img {
width: 40px;
height: 40px;
border-radius: 50%;
border: 4px solid #1fb31a;
padding: 2px;
}
.team-title {
padding-top: 20px;
}
.vertical-align div {
display: inline-block;
vertical-align: middle;
}
.vertical-align h2,
.vertical-align h3 {
margin: 0;
}
.todo-list {
list-style: none outside none;
margin: 0;
padding: 0;
font-size: 14px;
}
.todo-list.small-list {
font-size: 12px;
}
.todo-list.small-list>li {
background: #f3f3f4;
border-left: none;
border-right: none;
border-radius: 4px;
color: inherit;
margin-bottom: 2px;
padding: 6px 6px 6px 12px;
}
.todo-list.small-list .btn-xs,
.todo-list.small-list .btn-group-xs>.btn {
border-radius: 5px;
font-size: 10px;
line-height: 1.5;
padding: 1px 2px 1px 5px;
}
.todo-list>li {
background: #f3f3f4;
border-left: 6px solid #e7eaec;
border-right: 6px solid #e7eaec;
border-radius: 4px;
color: inherit;
margin-bottom: 2px;
padding: 10px;
}
.todo-list .handle {
cursor: move;
display: inline-block;
font-size: 16px;
margin: 0 5px;
}
.todo-list>li .label {
font-size: 9px;
margin-left: 10px;
}
.check-link {
font-size: 16px;
}
.todo-completed {
text-decoration: line-through;
}
.geo-statistic h1 {
font-size: 36px;
margin-bottom: 0;
}
.glyphicon.fa {
font-family: "FontAwesome";
}
/* Product Carousel */
.col-item {
border: 1px solid #E1E1E1;
border-radius: 5px;
background: #FFF;
}
.col-item .photo img {
margin: 0 auto;
width: 100%;
}
.col-item .info {
padding: 10px;
border-radius: 0 0 5px 5px;
margin-top: 1px;
}
.col-item:hover .info {
background-color: #F5F5DC;
}
.col-item .price {
/*width: 50%;*/
float: left;
margin-top: 5px;
}
.col-item .price h5 {
line-height: 20px;
margin: 0;
}
.price-text-color {
color: #219FD1;
}
.col-item .info .rating {
color: #777;
}
.col-item .rating {
/*width: 50%;*/
float: left;
font-size: 17px;
text-align: right;
line-height: 52px;
margin-bottom: 10px;
height: 52px;
}
.col-item .separator {
border-top: 1px solid #E1E1E1;
}
.clear-left {
clear: left;
}
.col-item .separator p {
line-height: 20px;
margin-bottom: 0;
margin-top: 10px;
text-align: center;
}
.col-item .separator p i {
margin-right: 5px;
}
.col-item .btn-add {
width: 50%;
float: left;
}
.col-item .btn-add {
border-right: 1px solid #E1E1E1;
}
.col-item .btn-details {
width: 50%;
float: left;
padding-left: 10px;
}
.controls {
margin-top: 20px;
}
[data-slide="prev"] {
margin-right: 10px;
}
.price-rating-text {
padding: 0px 25px;
}
.product-edit .mertial-tab .nav-item .nav-link{
text-align: center;
}
.product-edit .mertial-tab .nav-item .nav-link.active{
background-color: transparent !important;
text-align: center;
border-bottom:2px solid #17b82c;
}
.product-edit .btn-success{
background-color: #17b82c;
}
/* INPUTS */
.inline {
display: inline-block !important;
}
.input-s-sm {
width: 120px;
}
.input-s {
width: 200px;
}
.input-s-lg {
width: 250px;
}
.i-checks {
padding-left: 0;
}
.form-control,
.single-line {
background-color: #FFFFFF;
background-image: none;
border: 1px solid #e5e6e7;
border-radius: 1px;
color: inherit;
display: block;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.form-control:focus,
.single-line:focus {
border-color: #17a2b8;
}
.has-success .form-control,
.has-success .form-control:focus {
border-color: #17a2b8;
}
.has-warning .form-control,
.has-warning .form-control:focus {
border-color: #f8ac59;
}
.has-error .form-control,
.has-error .form-control:focus {
border-color: #ed5565;
}
.has-success .col-form-label {
color: #17b82c;
}
.has-warning .col-form-label {
color: #f8ac59;
}
.has-error .col-form-label {
color: #ed5565;
}
.input-group-addon {
background-color: #fff;
border: 1px solid transparent;
border-radius: 1px;
color: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1;
padding: 12px 12px;
text-align: center;
border-radius: .25rem;
}
.input-group {
margin-bottom: 1.25em;
}
.input-group-addon:not(:last-child) {
border-right: 0;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.form-control+.input-group-addon:not(:first-child) {
border-left: 0;
}
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:not(:last-child) {
border-right: 0;
}
.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group>.btn,
.input-group-btn:not(:last-child)>.dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 1px solid #ddd;
}
.input-group-primary .input-group-addon {
background-color: #007BFF;
color:#fff;
}
.input-group-primary .form-control {
border-color: #007BFF;
}
.input-group-warning .input-group-addon {
background-color: #FFC107 !important;
color:#fff;
}
.input-group-warning .form-control {
border-color: #E0E0E0 !important;
}
.input-group-default .input-group-addon {
background-color: #E0E0E0 !important;
color:#fff;
}
.input-group-default .form-control {
border-color: #E0E0E0 !important;
}
.input-group-danger .input-group-addon {
background-color: #FF0000 !important;
color:#fff;
}
.input-group-danger .form-control {
border-color: #FF0000 !important;
}
.input-group-success .input-group-addon {
background-color: #28A745 !important;
color:#fff;
}
.input-group-success .form-control {
border-color: #28A745 !important;
}
.input-group-inverse .input-group-addon {
background-color: #343A40 !important;
color:#fff;
}
.input-group-inverse .form-control {
border-color: #343A40 !important;
}
.input-group-info .input-group-addon {
background-color: #17A2B8 !important;
color:#fff;
}
.input-group-info .form-control {
border-color: #17A2B8 !important;
}
.input-group-purple .input-group-addon {
background-color: #674064 !important;
color:#fff;
}
.input-group-purple .form-control {
border-color: #674064 !important;
}
.input-group-sky .input-group-addon {
background-color: #03626B !important;
color:#fff;
}
.input-group-sky .form-control {
border-color: #03626B !important;
}
.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.spinner-buttons.input-group-btn .btn-xs {
line-height: 1.13;
}
.spinner-buttons.input-group-btn {
width: 20%;
}
.noUi-connect {
background: none repeat scroll 0 0 #17a2b8;
box-shadow: none;
}
.slider_red .noUi-connect {
background: none repeat scroll 0 0 #ed5565;
box-shadow: none;
}
/* UI Sortable */
.ui-sortable .panel-box-title {
cursor: move;
}
.ui-sortable-placeholder {
border: 1px dashed #cecece !important;
visibility: visible !important;
background: #e7eaec;
}
.panel-box.ui-sortable-placeholder {
margin: 0 0 23px !important;
}
/* SWITCHES */
.onoffswitch {
position: relative;
width: 54px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #17a2b8;
border-radius: 3px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s;
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 16px;
padding: 0;
line-height: 16px;
font-size: 10px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ON";
padding-left: 7px;
background-color: #17a2b8;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "OFF";
padding-right: 7px;
background-color: #FFFFFF;
color: #919191;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 18px;
margin: 0;
background: #FFFFFF;
border: 2px solid #17a2b8;
border-radius: 3px;
position: absolute;
top: 0;
bottom: 0;
right: 36px;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
right: 0;
}
/* Nestable list */
.dd {
position: relative;
display: block;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
line-height: 20px;
}
.dd-list {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.dd-list .dd-list {
padding-left: 30px;
}
.dd-collapsed .dd-list {
display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 20px;
font-size: 13px;
line-height: 20px;
}
.dd-handle {
display: block;
margin: 5px 0;
padding: 5px 10px;
color: #333;
text-decoration: none;
border: 1px solid #e7eaec;
background: #f5f5f5;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.dd-handle span {
font-weight: bold;
}
.dd-handle:hover {
background: #f0f0f0;
cursor: pointer;
font-weight: bold;
}
.dd-item>button {
display: block;
position: relative;
cursor: pointer;
float: left;
width: 25px;
height: 20px;
margin: 5px 0;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
background: transparent;
font-size: 12px;
line-height: 1;
text-align: center;
font-weight: bold;
}
.dd-item>button:before {
content: '+';
display: block;
position: absolute;
width: 100%;
text-align: center;
text-indent: 0;
}
.dd-item>button[data-action="collapse"]:before {
content: '-';
}
#nestable2 .dd-item>button {
font-family: FontAwesome;
height: 34px;
width: 33px;
color: #c1c1c1;
}
#nestable3 .dd-item>button {
font-family: FontAwesome;
color: #fff;
}
#nestable2 .dd-item>button:before {
content: "\f067";
}
#nestable2 .dd-item>button[data-action="collapse"]:before {
content: "\f068";
}
.dd-placeholder,
.dd-empty {
margin: 5px 0;
padding: 0;
min-height: 30px;
background: #f2fbff;
border: 1px dashed #b6bcbf;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.dd-empty {
border: 1px dashed #bbb;
min-height: 100px;
background-color: #e5e5e5;
background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff),
-webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff),
-moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff),
linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
}
.dd-dragel {
position: absolute;
z-index: 9999;
pointer-events: none;
}
.dd-dragel>.dd-item .dd-handle {
margin-top: 0;
}
.dd-dragel .dd-handle {
-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
/**
* Nestable Extras
*/
.nestable-lists {
display: block;
clear: both;
padding: 30px 0;
width: 100%;
border: 0;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}
#nestable-menu {
padding: 0;
margin: 10px 0 20px 0;
}
#nestable-output,
#nestable2-output {
width: 100%;
font-size: 0.75em;
line-height: 1.333333em;
font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
padding: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#nestable2 .dd-handle {
color: inherit;
border: 1px dashed #e7eaec;
background: #f3f3f4;
padding: 10px;
}
#nestable2 span.label {
margin-right: 10px;
}
#nestable-output,
#nestable2-output {
font-size: 12px;
padding: 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* CodeMirror */
.CodeMirror {
border: 1px solid #eee;
height: auto;
}
.CodeMirror-scroll {
overflow-y: hidden;
overflow-x: auto;
}
/* Google Maps */
.google-map {
height: 300px;
}
/* Validation */
label.error {
color: #cc5965;
display: inline-block;
margin-left: 5px;
}
.form-control.error {
border: 1px dotted #cc5965;
}
/* ngGrid */
.gridStyle {
border: 1px solid #d4d4d4;
width: 100%;
height: 400px;
}
.gridStyle2 {
border: 1px solid #d4d4d4;
width: 500px;
height: 300px;
}
.ngH eaderCell {
border-right: none;
border-bottom: 1px solid #e7eaec;
}
.ngCell {
border-right: none;
}
.ngTopPanel {
background: #F5F5F6;
}
.ngRow.even {
background: #f9f9f9;
}
.ngRow.selected {
background: #EBF2F1;
}
.ngRow {
border-bottom: 1px solid #e7eaec;
}
.ngCell {
background-color: transparent;
}
.ngHeaderCell {
border-right: none;
}
/* Toastr custom style */
#toast-container>.toast {
background-image: none !important;
}
#toast-container>.toast:before {
position: fixed;
font-family: FontAwesome;
font-size: 24px;
line-height: 24px;
float: left;
color: #FFF;
padding-right: 0.5em;
margin: auto 0.5em auto -1.5em;
}
#toast-container>.toast-warning:before {
content: "\f0e7";
}
#toast-container>.toast-error:before {
content: "\f071";
}
#toast-container>.toast-info:before {
content: "\f005";
}
#toast-container>.toast-success:before {
content: "\f00C";
}
#toast-container>div {
-moz-box-shadow: 0 0 3px #999;
-webkit-box-shadow: 0 0 3px #999;
box-shadow: 0 0 3px #999;
opacity: .9;
-ms-filter: alpha(opacity=90);
filter: alpha(opacity=90);
}
#toast-container> :hover {
-moz-box-shadow: 0 0 4px #999;
-webkit-box-shadow: 0 0 4px #999;
box-shadow: 0 0 4px #999;
opacity: 1;
-ms-filter: alpha(opacity=100);
filter: alpha(opacity=100);
cursor: pointer;
}
.toast {
background-color: #17a2b8;
}
.toast-success {
background-color: #17a2b8;
}
.toast-error {
background-color: #ed5565;
}
.toast-info {
background-color: #23c6c8;
}
.toast-warning {
background-color: #f8ac59;
}
.toast-top-full-width {
margin-top: 20px;
}
.toast-bottom-full-width {
margin-bottom: 20px;
}
/* Notify */
.cg-notify-message.Adminos-notify {
background: #fff;
padding: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
border: none;
margin-top: 30px;
color: inherit;
}
.Adminos-notify.alert-warning {
border-left: 6px solid #f8ac59;
}
.Adminos-notify.alert-success {
border-left: 6px solid #28a745;
}
.Adminos-notify.alert-danger {
border-left: 6px solid #ed5565;
}
.Adminos-notify.alert-info {
border-left: 6px solid #17a2b8;
}
/* Image cropper style */
.img-container,
.img-preview {
overflow: hidden;
text-align: center;
width: 100%;
margin-bottom:20px;
}
.img-preview-sm {
height: 130px;
width: 200px;
}
/* Forum styles */
.forum-post-container .media {
margin: 10px 10px 10px 10px;
padding: 20px 10px 20px 10px;
border-bottom: 1px solid #f1f1f1;
}
.forum-avatar {
float: left;
margin-right: 20px;
text-align: center;
width: 110px;
}
.forum-avatar .rounded-circle {
height: 48px;
width: 48px;
}
.author-info {
color: #676a6c;
font-size: 11px;
margin-top: 5px;
text-align: center;
}
.forum-post-info {
padding: 9px 12px 6px 12px;
background: #f9f9f9;
border: 1px solid #f1f1f1;
}
.media-body>.media {
background: #f9f9f9;
border-radius: 3px;
border: 1px solid #f1f1f1;
}
.forum-post-container .media-body .photos {
margin: 10px 0;
}
.forum-photo {
max-width: 140px;
border-radius: 3px;
}
.media-body>.media .forum-avatar {
width: 70px;
margin-right: 10px;
}
.media-body>.media .forum-avatar .rounded-circle {
height: 38px;
width: 38px;
}
.mid-icon {
font-size: 66px;
}
.forum-item {
margin: 10px 0;
padding: 10px 0 20px;
border-bottom: 1px solid #f1f1f1;
}
.views-number {
font-size: 24px;
line-height: 18px;
font-weight: 400;
}
.reply-number {
font-size: 24px;
line-height: 18px;
font-weight: 400;
}
.forum-container,
.forum-post-container {
padding: 0px !important;
}
.forum-item small {
color: #999;
}
.forum-item .forum-sub-title {
color: #999;
margin-left: 50px;
}
.forum-title {
margin: 15px 0 15px 0;
background: #393939;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 15px;
color: #fff;
}
.forum-info {
text-align: center;
}
.forum-desc {
color: #999;
}
.forum-icon {
float: left;
width: 80px;
margin-right: 20px;
text-align: center;
}
a.forum-item-title {
color: inherit;
display: block;
font-size: 18px;
font-weight: 600;
}
a.forum-item-title:hover {
color: inherit;
}
.forum-icon i {
font-size: 48px;
margin-top: 8px;
color: #9b9b9b;
}
.forum-icon span {
font-size: 18px;
margin-top: 40px;
margin-left: 64px;
left: 0;
position: absolute;
}
.forum-item.active .fa {
color: #17a2b8;
}
.forum-item.active a.forum-item-title {
color: #17a2b8;
}
.forum-item .page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #383838;
border-color: #393939;
}
.forum-post-content {
padding: 0px 30px;
}
.forum-post-footer {
width: 100%;
padding: 15px;
border-bottom: 1px solid #dcdcdc;
}
.forum-post-footer .forum-tags a:hover {
background: #393939;
color: #fff;
}
.fancy-style ul {
padding-left: 0px;
list-style-type: none;
margin-bottom: 0px;
}
.fancy-style ul li {
display: block;
float: none;
margin-bottom: 5px;
}
@media (max-width: 992px) {
.forum-info {
margin-top: 30px;
text-align: center;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.forum-description {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.forum-desc {
float: right !important;
}
}
@media (max-width: 1200px) {
.forum-info {
margin-top: 30px;
text-align: center;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.forum-description {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.forum-desc {
float: right !important;
}
}
/* New Timeline style */
/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches
that max-width */
.vertical-container {
width: 90%;
max-width: 1170px;
margin: 0 auto;
}
.vertical-container::after {
/* clearfix */
content: '';
display: table;
clear: both;
}
#vertical-timeline {
position: relative;
padding: 0;
margin-top: 2em;
margin-bottom: 2em;
}
#vertical-timeline::before {
content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #f1f1f1;
}
.vertical-timeline-content .btn {
float: right;
}
#vertical-timeline.light-timeline:before {
background: #e7eaec;
}
.dark-timeline .vertical-timeline-content:before {
border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline.center-orientation .vertical-timeline-content:before {
border-color: transparent transparent transparent #f5f5f5;
}
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
background: #f5f5f5;
}
@media only screen and (min-width: 1170px) {
#vertical-timeline.center-orientation {
margin-top: 3em;
margin-bottom: 3em;
}
#vertical-timeline.center-orientation:before {
left: 50%;
margin-left: -2px;
}
}
@media only screen and (max-width: 1170px) {
.center-orientation.dark-timeline .vertical-timeline-content:before {
border-color: transparent #f5f5f5 transparent transparent;
}
}
.vertical-timeline-block {
position: relative;
margin: 2em 0;
}
.vertical-timeline-block:after {
content: "";
display: table;
clear: both;
}
.vertical-timeline-block:first-child {
margin-top: 0;
}
.vertical-timeline-block:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-block {
margin: 4em 0;
}
.center-orientation .vertical-timeline-block:first-child {
margin-top: 0;
}
.center-orientation .vertical-timeline-block:last-child {
margin-bottom: 0;
}
}
.vertical-timeline-icon {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 16px;
border: 3px solid #f1f1f1;
text-align: center;
}
.vertical-timeline-icon i {
display: block;
width: 24px;
height: 24px;
position: relative;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -9px;
}
.vertical-timeline-content {
position: relative;
margin-left: 60px;
background: white;
border-radius: 0.25em;
padding: 1em;
}
.vertical-timeline-content:after {
content: "";
display: table;
clear: both;
}
.vertical-timeline-content h2 {
font-weight: 400;
margin-top: 4px;
}
.vertical-timeline-content p {
margin: 1em 0;
line-height: 1.6;
}
.vertical-timeline-content .vertical-date {
float: left;
font-weight: 500;
}
.vertical-date small {
color: #17a2b8;
font-weight: 400;
}
.vertical-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
.vertical-timeline-content h2 {
font-size: 18px;
}
.vertical-timeline-content p {
font-size: 13px;
}
}
@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 45%;
}
.center-orientation .vertical-timeline-content::before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: white;
}
.center-orientation .vertical-timeline-content .btn {
float: left;
}
.center-orientation .vertical-timeline-content .vertical-date {
position: absolute;
width: 100%;
left: 122%;
top: 2px;
font-size: 14px;
}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
float: right;
}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: white;
}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
float: right;
}
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
left: auto;
right: 122%;
text-align: right;
}
.center-orientation .cssanimations .vertical-timeline-content.is-hidden {
visibility: hidden;
}
}
/* System Update */
.system-update .panel-box-content {
padding-top: 0
}
.system-update .panel-box-content .system-update-panel {
position: relative
}
.system-update .panel-box-content .system-update-panel:after {
content: "";
position: absolute;
background: #ddd;
height: 100%;
width: 1px;
top: 0;
left: 110px;
z-index: 1
}
.system-update .panel-box-content .system-update-panel .update-meta {
z-index: 2;
min-width: 160px
}
.system-update .panel-box-content .system-update-panel .update-meta .update-icon {
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
padding: 12px 13px;
font-size: 16px;
color: #fff;
margin-left: 10px
}
.system-update .panel-box-content .system-update-panel h5 {
font-size: 15px;
}
.system-update .panel-box-content .system-update-panel p {
font-size: 12px;
}
@media only screen and (max-width: 768px) {
.system-update .panel-box-content .system-update-panel:after {
content: "";
position: absolute;
background: #eee;
height: 100%;
width: 1px;
top: 0;
left: 96px;
z-index: 1
}
}
@media only screen and (max-width: 575px) {
.system-update .panel-box-content .system-update-panel:after {
display: none
}
.system-update .panel-box-content .system-update-panel .update-meta {
z-index: 2;
min-width: 100%;
text-align: left !important;
margin-bottom: 15px;
border-top: 1px solid #f1f1f1;
padding-top: 15px
}
}
/* Tabs */
.tabs-container .panel-body {
background: #fff;
border-radius: 2px;
padding: 20px;
position: relative;
}
.tabs-container .nav-tabs>li.active>a,
.tabs-container .nav-tabs>li.active>a:hover,
.tabs-container .nav-tabs>li.active>a:focus {
border: 1px solid #e7eaec;
border-bottom-color: transparent;
background-color: #fff;
}
.tabs-container .nav-tabs>li {
float: left;
margin-bottom: -1px;
}
.tabs-container .tab-pane .panel-body {
border-top: none;
}
.tabs-container .nav-tabs>li.active>a,
.tabs-container .nav-tabs>li.active>a:hover,
.tabs-container .nav-tabs>li.active>a:focus {
border: 1px solid #e7eaec;
border-bottom-color: transparent;
}
.tabs-container .nav-tabs {
border-bottom: 0px;
}
.tabs-container .tab-pane .panel-body {
border-top: none;
}
.tabs-container .tabs-left .tab-pane .panel-body,
.tabs-container .tabs-right .tab-pane .panel-body {
border-top: 0px;
}
.tabs-container .nav-tabs>li a:hover {
background: transparent;
border-color: transparent;
color: #333;
}
.tabs-container .tabs-below>.nav-tabs,
.tabs-container .tabs-right>.nav-tabs,
.tabs-container .tabs-left>.nav-tabs {
border-bottom: 0;
}
.tabs-container .tabs-left .panel-body {
position: static;
}
.tabs-container .tabs-left>.nav-tabs,
.tabs-container .tabs-right>.nav-tabs {
width: 20%;
}
.tabs-container .tabs-left .panel-body {
width: 80%;
margin-left: 20%;
}
.tabs-container .tabs-right .panel-body {
width: 80%;
margin-right: 20%;
}
.tabs-container .tab-content>.tab-pane,
.tabs-container .pill-content>.pill-pane {
display: none;
}
.tabs-container .tab-content>.active,
.tabs-container .pill-content>.active {
display: block;
}
.tabs-container .tabs-below>.nav-tabs {
border-top: 1px solid #e7eaec;
}
.tabs-container .tabs-below>.nav-tabs>li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-container .tabs-below>.nav-tabs>li>a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.tabs-container .tabs-below>.nav-tabs>li>a:hover,
.tabs-container .tabs-below>.nav-tabs>li>a:focus {
border-top-color: #e7eaec;
border-bottom-color: transparent;
}
.tabs-container .tabs-left>.nav-tabs>li,
.tabs-container .tabs-right>.nav-tabs>li {
float: none;
}
.tabs-container .tabs-left>.nav-tabs>li>a,
.tabs-container .tabs-right>.nav-tabs>li>a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-container .tabs-left>.nav-tabs {
float: left;
}
.tabs-container .tabs-left>.nav-tabs>li>a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-container .tabs-left>.nav-tabs .active>a,
.tabs-container .tabs-left>.nav-tabs .active>a:hover,
.tabs-container .tabs-left>.nav-tabs .active>a:focus {
border-color: #e7eaec transparent #e7eaec #e7eaec;
}
.tabs-container .tabs-right>.nav-tabs {
float: right;
}
.tabs-container .tabs-right>.nav-tabs>li>a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.tabs-container .tabs-right>.nav-tabs .active>a,
.tabs-container .tabs-right>.nav-tabs .active>a:hover,
.tabs-container .tabs-right>.nav-tabs .active>a:focus {
border-color: #e7eaec #e7eaec #e7eaec transparent;
z-index: 1;
}
.tab-below {
border-top: 1px solid #ddd;
border-bottom: none
}
.tab-below.nav-tabs .nav-link.active {
border-color: transparent #ddd #ddd #ddd;
}
.tab-below .nav-item {
margin-top: -2px
}
.tab-below.nav-tabs .nav-link {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.mertial-tab .nav-item .nav-link.active {
border-bottom: 4px solid #17a2b8;
border-left: none;
border-right: none;
border-top: none;
}
.mertial-tab .nav-item.active {
border-bottom: 4px solid #17a2b8;
border-left: none;
border-right: none;
border-top: none;
}
.mertial-tab-left .nav-item .nav-link.active {
border-left: 4px solid #17a2b8;
border-bottom: none;
border-right: none;
border-top: none;
}
.mertial-tab-left .nav-item.active {
border-left: 4px solid #17a2b8;
border-bottom: none;
border-right: none;
border-top: none;
}
.mertial-tab.tab-nav-same-size .nav-item{
width:33.333%;
text-align:center;
}
.mertial-tab.tab-edit-product .nav-item{
width:25%;
}
.tabs-container .tabs-left>.nav-tabs>li {
float: none;
width: 100%;
text-align: center;
}
.tabs-container .tabs-right>.nav-tabs>li {
float: none;
text-align: center;
width: 100%;
}
.mertial-tab-right .nav-item .nav-link.active {
border-right: 4px solid #17a2b8;
border-bottom: none;
border-left: none;
border-top: none;
}
.mertial-tab-right .nav-item.active {
border-right: 4px solid #17a2b8;
border-bottom: none;
border-left: none;
border-top: none;
}
.right-tabs{
width:100%;
}
.right-tabs .nav {
float: right;
border-bottom: 0px;
}
.right-tabs .nav li { float: left }
.right-tabs .tab-content {
float: left;
margin-top: 0px;
text-align:right;
}
.right-tabs-same-size{
width:100%;
}
.right-tabs-same-size .nav {
width:100%;
float: right;
border-bottom: 0px;
}
.right-tabs-same-size .nav li { float: left }
.right-tabs-same-size .tab-content {
float: left;
margin-top: 0px;
text-align:right;
}
.right-tabs-same-size .mertial-tab.tab-nav-same-size .nav-item{
width:33.333% !important;
text-align:center;
}
@media (max-width: 767px) {
.tabs-container .nav-tabs>li {
float: none !important;
}
.tabs-container .nav-tabs>li.active>a {
border-bottom: 1px solid #e7eaec !important;
margin: 0;
}
}
/* Pre-Loader */
.pre-loader {
width: auto;
height: 130px;
text-align: center;
font-size: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.pre-loader>div {
margin: 2px;
background-color: #007bff;
height: 12px;
width: 10px;
border-radius: 50%;
display: inline-block;
-webkit-animation: stretch-delay 0.7s infinite ease-in-out;
animation: stretch-delay 0.7s infinite ease-in-out;
}
.pre-loader .circle-2 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s
}
.pre-loader .circle-3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s
}
.pre-loader .circle-4 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s
}
.pre-loader .circle-5 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s
}
.pre-loader .pre-loader-md {
height: 13px;
width: 13px
}
.pre-loader .pre-loader-lg {
height: 18px;
width: 18px
}
@-webkit-keyframes stretch-delay {
0%,
40%,
100% {
-webkit-transform: translateY(-10px)
}
20% {
-webkit-transform: translateY(-20px)
}
}
@keyframes stretch-delay {
0%,
40%,
100% {
transform: translateY(-10px);
-webkit-transform: translateY(-10px)
}
20% {
transform: translateY(-20px);
-webkit-transform: translateY(-20px)
}
}
@-webkit-keyframes rotateColor {
0% {
border-top-color: #1b8bf9
}
12.5% {
border-bottom-color: rgba(27, 139, 249, 0.8)
}
25% {
border-bottom-color: rgba(27, 139, 249, 0.6)
}
37.5% {
border-bottom-color: rgba(27, 139, 249, 0.4)
}
50% {
border-bottom-color: rgba(27, 139, 249, 0.6)
}
50.00001% {
border-bottom-color: #1b8bf9
}
62.5% {
border-bottom-color: rgba(27, 139, 249, 0.8)
}
75% {
border-bottom-color: rgba(27, 139, 249, 0.6)
}
87.5% {
border-bottom-color: rgba(27, 139, 249, 0.4)
}
}
@keyframes rotateColor {
0% {
border-top-color: #1b8bf9
}
12.5% {
border-bottom-color: rgba(27, 139, 249, 0.8)
}
25% {
border-bottom-color: rgba(27, 139, 249, 0.6)
}
37.5% {
border-bottom-color: rgba(27, 139, 249, 0.4)
}
50% {
border-bottom-color: rgba(27, 139, 249, 0.6)
}
50.00001% {
border-bottom-color: #1b8bf9
}
62.5% {
border-bottom-color: rgba(27, 139, 249, 0.8)
}
75% {
border-bottom-color: rgba(27, 139, 249, 0.6)
}
87.5% {
border-bottom-color: rgba(27, 139, 249, 0.4)
}
}
.pre-loader-primary {
background-color: #007bff !important;
}
.pre-loader-warning {
background-color: #fe9365 !important;
}
.pre-loader-default {
background-color: #e0e0e0 !important;
}
.pre-loader-danger {
background-color: #FF0000 !important;
}
.pre-loader-success {
background-color: #0ac282 !important;
}
.pre-loader-inverse {
background-color: #404E67 !important;
}
.pre-loader-info {
background-color: #2DCEE3 !important;
}
/* Extra Colors Preloader */
.pre-loader-brown {
background-color: #804000 !important;
}
.pre-loader-gray {
background-color: #454949 !important;
}
.pre-loader-dark-pink {
background-color: #67404d !important;
}
.pre-loader-default {
background-color: #4E3F6C !important;
}
.pre-loader-green {
background-color: #2C7F35 !important;
}
.pre-loader-purple {
background-color: #674064 !important;
}
.pre-loader-sky {
background-color: #03626b !important;
}
.lds-circle {
display: inline-block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
background: #2DCEE3;
animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-circle.Ids-default {
background: #4E3F6C !important;
}
.lds-circle.Ids-primary {
background: #007BFF !important;
}
.lds-circle.Ids-success {
background: #19C68A !important;
}
.lds-circle.Ids-warning {
background: #FE9365 !important;
}
.lds-circle.Ids-danger {
background: #FF0000 !important;
}
.lds-circle.Ids-info {
background: #2DCEE3 !important;
}
@keyframes lds-circle {
0%,
100% {
animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}
0% {
transform: rotateY(0deg);
}
50% {
transform: rotateY(1800deg);
animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
}
100% {
transform: rotateY(3600deg);
}
}
.lds-dual-ring {
display: inline-block;
width: 80px;
height: 80px;
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #2DCEE3;
border-color: #2DCEE3 transparent #2DCEE3 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.Ids-default:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #4E3F6C;
border-color: #4E3F6C transparent #4E3F6C transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.Ids-primary:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #007BFF;
border-color: #007BFF transparent #007BFF transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.Ids-success:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #19C68A;
border-color: #19C68A transparent #19C68A transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.Ids-warning:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #FE9365;
border-color: #FE9365 transparent #FE9365 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.Ids-danger:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #FF0000;
border-color: #FF0000 transparent #FF0000 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.Ids-info:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #2DCEE3;
border-color: #2DCEE3 transparent #2DCEE3 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.lds-facebook {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-facebook div {
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: #2DCEE3;
animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook.Ids-default div {
background: #4E3F6C !important;
}
.lds-facebook.Ids-primary div {
background: #007BFF !important;
}
.lds-facebook.Ids-success div {
background: #19C68A !important;
}
.lds-facebook.Ids-warning div {
background: #FE9365 !important;
}
.lds-facebook.Ids-danger div {
background: #FF0000 !important;
}
.lds-facebook.Ids-info div {
background: #2DCEE3 !important;
}
.lds-facebook div:nth-child(1) {
left: 8px;
animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
left: 32px;
animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
left: 56px;
animation-delay: 0s;
}
@keyframes lds-facebook {
0% {
top: 8px;
height: 64px;
}
50%,
100% {
top: 24px;
height: 32px;
}
}
.lds-heart {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
transform: rotate(45deg);
transform-origin: 40px 40px;
}
.lds-heart div {
top: 32px;
left: 32px;
position: absolute;
width: 32px;
height: 32px;
background: #2DCEE3;
animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart.Ids-default div {
background: #4E3F6C !important;
}
.lds-heart.Ids-default div:after,
.lds-heart.Ids-default div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background:#4E3F6C;
}
.lds-heart.Ids-primary div {
background: #007BFF !important;
}
.lds-heart.Ids-primary div:after,
.lds-heart.Ids-primary div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background:#007BFF;
}
.lds-heart.Ids-success div {
background: #19C68A !important;
}
.lds-heart.Ids-success div:after,
.lds-heart.Ids-success div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background:#19C68A;
}
.lds-heart.Ids-warning div {
background: #FE9365 !important;
}
.lds-heart.Ids-warning div:after,
.lds-heart.Ids-warning div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background:#FE9365;
}
.lds-heart.Ids-danger div {
background: #FF0000 !important;
}
.lds-heart.Ids-danger div:after,
.lds-heart.Ids-danger div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background:#FF0000;
}
.lds-heart.Ids-info div {
background: #2DCEE3 !important;
}
.lds-heart.Ids-info div:after,
.lds-heart.Ids-info div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background:#2DCEE3;
}
.lds-heart div:after,
.lds-heart div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background: #2DCEE3;
}
.lds-heart div:before {
left: -24px;
border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
top: -24px;
border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
0% {
transform: scale(0.95);
}
5% {
transform: scale(1.1);
}
39% {
transform: scale(0.85);
}
45% {
transform: scale(1);
}
60% {
transform: scale(0.95);
}
100% {
transform: scale(0.9);
}
}
.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #2DCEE3;
margin: -4px 0 0 -4px;
}
.lds-roller.Ids-default div:after {
background: #4E3F6C !important;
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin: -4px 0 0 -4px;
}
.lds-roller.Ids-primary div:after {
background: #007BFF !important;
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin: -4px 0 0 -4px;
}
.lds-roller.Ids-success div:after {
background: #19C68A !important;
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin: -4px 0 0 -4px;
}
.lds-roller.Ids-warning div:after {
background: #FE9365 !important;
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin: -4px 0 0 -4px;
}
.lds-roller.Ids-danger div:after {
background: #FF0000 !important;
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin: -4px 0 0 -4px;
}
.lds-roller.Ids-info div:after {
background: #2DCEE3 !important;
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.lds-spinner {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-spinner div {
transform-origin: 40px 40px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: #2DCEE3;
}
.lds-spinner.Ids-default div:after {
background: #4E3F6C !important;
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
}
.lds-spinner.Ids-primary div:after {
background: #007BFF !important;
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
}
.lds-spinner.Ids-success div:after {
background: #19C68A !important;
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
}
.lds-spinner.Ids-warning div:after {
background: #FE9365 !important;
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
}
.lds-spinner.Ids-danger div:after {
background: #FF0000 !important;
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
}
.lds-spinner.Ids-info div:after {
background: #2DCEE3 !important;
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* jsvectormap */
.jvectormap-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.jvectormap-tip {
position: absolute;
display: none;
border: solid 1px #CDCDCD;
border-radius: 3px;
background: #292929;
color: white;
font-family: sans-serif, Verdana;
font-size: smaller;
padding: 5px;
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
position: absolute;
left: 10px;
border-radius: 3px;
background: #17a2b8;
padding: 3px;
color: white;
cursor: pointer;
line-height: 10px;
text-align: center;
box-sizing: content-box;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
width: 10px;
height: 10px;
}
.jvectormap-zoomin {
top: 10px;
}
.jvectormap-zoomout {
top: 30px;
}
.jvectormap-goback {
bottom: 10px;
z-index: 1000;
padding: 6px;
}
.jvectormap-spinner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.jvectormap-legend-title {
font-weight: bold;
font-size: 14px;
text-align: center;
}
.jvectormap-legend-cnt {
position: absolute;
}
.jvectormap-legend-cnt-h {
bottom: 0;
right: 0;
}
.jvectormap-legend-cnt-v {
top: 0;
right: 0;
}
.jvectormap-legend {
background: black;
color: white;
border-radius: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
float: left;
margin: 0 10px 10px 0;
padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
margin: 10px 10px 0 0;
padding: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
}
.jvectormap-legend-tick-text {
font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
display: inline-block;
vertical-align: middle;
line-height: 20px;
padding-left: 3px;
}
/*Slick Carousel */
.slick-prev:before,
.slick-next:before {
color: #17a2b8 !important;
}
/* Payments */
.payment-card {
background: #ffffff;
padding: 20px;
margin-bottom: 25px;
border: 1px solid #e7eaec;
}
.payment-icon-big {
font-size: 60px;
color: #d1dade;
}
.payments-method.panel-group .panel+.panel {
margin-top: -1px;
}
.payments-method .panel-heading {
padding: 15px;
}
.payments-method .panel {
border-radius: 0;
}
.payments-method .panel-heading h5 {
margin-bottom: 5px;
}
.payments-method .panel-heading i {
font-size: 26px;
}
/* Select2 custom styles */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
border-color: #e7eaec;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #17a2b8;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #17a2b8;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #e7eaec;
}
.select2-dropdown {
border-color: #e7eaec;
}
.select2-dropdown input:focus {
outline: none;
}
.select2-selection {
outline: none;
}
.ui-select-container.ui-select-bootstrap .ui-select-choices-row.active>a {
background-color: #17a2b8;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
background-color: #4E3F6C;
color: #fff !important;
padding: 8px 20px 8px 20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
padding: 30px 20px 8px 20px !important;
}
/* Tour */
.tour-tour .btn.btn-default {
background-color: #ffffff;
border: 1px solid #d2d2d2;
color: inherit;
}
.tour-step-backdrop {
z-index: 2101;
}
.tour-backdrop {
z-index: 2100;
opacity: .7;
}
.popover[class*=tour-] {
z-index: 2100;
}
body.tour-open .animated {
animation-fill-mode: initial;
}
/* Resizable */
.resizable-panels .panel-box {
clear: none;
margin: 10px;
float: left;
overflow: hidden;
min-height: 150px;
min-width: 150px;
}
.resizable-panels .panel-box .panel-box-content {
height: calc(100% - 49px);
}
.ui-resizable-helper {
background: rgba(211, 211, 211, 0.4);
}
/* Wizard step fix */
.wizard>.content {
background: #fff;
border: 1px solid #eee;
}
.wizard>.content>.body {
position: relative;
}
.wizard>.steps .current a {
background: #01a9ac;
-webkit-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
cursor: pointer;
border-radius: 2px;
outline-offset: -7px;
}
.wizard>.steps .current a:hover {
background: #01c2c5;
outline-offset: 0;
}
#design-wizard .steps li {
position: relative;
z-index: 99;
margin-bottom: 20px;
}
#design-wizard .steps li:after {
content: "";
position: absolute;
height: 2px;
background: #2184BE;
width: 100%;
top: 30px;
z-index: -1;
}
#design-wizard .steps li a {
width: 60px;
height:60px;
margin: 0 auto;
text-align: center;
border-radius: 2px;
}
#design-wizard-circle .steps li {
position: relative;
z-index: 99;
margin-bottom: 20px;
}
#design-wizard-circle .steps li:after {
content: "";
position: absolute;
height: 2px;
background: #2184BE;
width: 100%;
top: 30px;
z-index: -1;
}
#design-wizard-circle .steps li a {
width: 60px;
height:60px;
margin: 0 auto;
text-align: center;
border-radius: 50%;
}
#design-wizard-icons .steps li {
position: relative;
z-index: 99;
margin-bottom: 20px;
}
#design-wizard-icons .steps li:after {
content: "";
position: absolute;
height: 2px;
background: #2184BE;
width: 100%;
top: 30px;
z-index: -1;
}
#design-wizard-icons .steps li a {
width: 60px;
height:60px;
margin: 0 auto;
text-align: center;
border-radius: 50%;
}
#design-wizard-icons .number {
display: none;
}
#design-wizard-icons i {
font-size: 26px;
color: #fff !important;
}
.wizard>.steps .done a {
background: #e0e0e0;
}
.panel-box .panel-box-content .wizard-form .steps ul {
display: block;
}
.panel-box .panel-box-content .wizard-form li {
margin-right: 0;
}
.wizard>.content {
border: 1px solid #ccc;
border-radius: 2px;
background: #fff;
}
/* PDF js style */
.pdf-toolbar {
max-width: 600px;
margin: 0 auto;
}
/* Dropzone */
.dropzone {
min-height: 140px;
border: 1px dashed #17a2b8;
background: white;
padding: 20px 20px;
}
.dropzone .dz-message {
font-size: 16px;
}
/* Activity stream */
.stream {
position: relative;
padding: 10px 0;
}
.stream:first-child .stream-badge:before {
top: 10px;
}
.stream:last-child .stream-badge:before {
height: 30px;
}
.stream .stream-badge {
width: 50px;
}
.stream .stream-badge i {
border: 1px solid #e7eaec;
border-radius: 50%;
padding: 6px;
color: #808486;
position: absolute;
background-color: #ffffff;
left: 8px;
}
.stream .stream-badge i.fa-circle {
color: #ced0d1;
}
.stream .stream-badge i.bg-success {
color: #ffffff;
background-color: #28a745;
border-color: #28a745;
}
.stream .stream-badge i.bg-primary {
color: #ffffff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.stream .stream-badge i.bg-warning {
color: #ffffff;
background-color: #f8ac59;
border-color: #f8ac59;
}
.stream .stream-badge i.bg-info {
color: #ffffff;
background-color: #23c6c8;
border-color: #23c6c8;
}
.stream .stream-badge i.bg-danger {
color: #ffffff;
background-color: #ed5565;
border-color: #ed5565;
}
.stream .stream-badge:before {
content: '';
width: 1px;
background-color: #e7eaec;
position: absolute;
top: 0;
bottom: 0;
left: 20px;
}
.bg-white {
background-color: #fff !important;
color: #333 !important;
}
.bg-aqua {
width: 100%;
background-color: #00c0ef !important;
}
#sales-per-day {
height: 280px !important;
}
#visitors-per-day {
height: 280px !important;
}
#orders-per-day {
height: 280px !important;
}
.bg-default {
width: 100%;
background-color: #4E3F6C !important;
color: #fff;
}
.bg-default .breadcrumb>li>a,
.bg-default .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-default .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-default .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-info {
width: 100%;
background-color: #17a2b8 !important;
color: #fff;
}
.bg-info .breadcrumb>li>a,
.bg-info .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-info .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-info .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-inverse {
width: 100%;
background-color: #3b3b3b !important;
color: #fff;
}
.bg-inverse .breadcrumb>li>a,
.bg-inverse .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-inverse .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-inverse .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-success {
width: 100%;
background-color: #28a745 !important;
color: #fff;
}
.bg-success .breadcrumb>li>a,
.bg-success .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-success .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-success .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-danger {
width: 100%;
background-color: #dc3545 !important;
color: #fff;
}
.bg-danger .breadcrumb>li>a,
.bg-danger .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-danger .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-danger .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-warning {
width: 100%;
background-color: #ffc107 !important;
color: #fff;
}
.bg-warning .breadcrumb>li>a,
.bg-warning .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-warning .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-warning .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-primary {
width: 100%;
background-color: #007bff !important;
color: #fff;
}
.bg-primary .breadcrumb>li>a,
.bg-primary .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-primary .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-primary .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-dark {
width: 100%;
background-color: #343a40 !important;
color: #fff;
}
.bg-dark .breadcrumb>li>a,
.bg-dark .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-dark .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-dark .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-orange {
width: 100%;
background-color: #fd7e14 !important;
color: #fff;
}
.bg-orange .breadcrumb>li>a,
.bg-orange .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-orange .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-orange .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-secondary {
width: 100%;
background-color: #6c757d !important;
color: #fff;
}
.bg-secondary .breadcrumb>li>a,
.bg-secondary .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-secondary .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-secondary .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-light {
width: 100%;
color: #333;
background-color: #f8f9fa !important;
color: #fff;
}
.bg-light .breadcrumb>li>a,
.bg-light .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-light .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-light .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-purple {
width: 100%;
background-color: #6f42c1 !important;
color: #fff;
}
.bg-purple .breadcrumb>li>a,
.bg-purple .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-purple .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-purple .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.bg-red {
width: 100%;
background-color: #dc3545 !important;
color: #fff;
}
.bg-red .breadcrumb>li>a,
.bg-red .breadcrumb>li>a i {
text-shadow: none;
color: #fff !important;
}
.bg-red .breadcrumb-item.active {
color: #e0e0e0;
}
.bg-red .breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
.stream .stream-info {
font-size: 12px;
margin-bottom: 5px;
}
.stream .stream-info img {
border-radius: 50%;
width: 18px;
height: 18px;
margin-right: 2px;
margin-top: -4px;
}
.stream .stream-info .date {
color: #9a9d9f;
font-size: 80%;
}
.stream .stream-panel {
margin-left: 55px;
}
.stream-small {
margin: 10px 0;
}
.stream-small .label {
padding: 2px 6px;
margin-right: 2px;
}
.sidebar-panel {
width: 240px;
background: #ebebed;
padding: 10px 20px;
position: absolute;
right: 0;
}
.sidebar-panel .feed-element img.rounded-circle {
width: 32px;
height: 32px;
}
.sidebar-panel .feed-element,
.media-body,
.sidebar-panel p {
font-size: 12px;
}
.sidebar-panel .feed-element {
margin-top: 20px;
padding-bottom: 0;
}
.sidebar-panel .list-group {
margin-bottom: 10px;
}
.sidebar-panel .list-group .list-group-item {
padding: 5px 0;
font-size: 12px;
border: 0;
}
.sidebar-content .wrapper,
.wrapper.sidebar-content {
padding-right: 230px !important;
}
.body-small .sidebar-content .wrapper,
.body-small .wrapper.sidebar-content {
padding-right: 20px !important;
}
#chat {
background-color: #fff;
border-left: 1px solid #e7eaec;
border-top: 1px solid #e7eaec;
overflow: hidden;
position: fixed;
top: 60px;
width: 310px !important;
z-index: 999 !important;
bottom: 0;
right: -310px;
}
#chat.chat-open {
right: 0;
z-index: 2002;
}
#chat.chat-open.sidebar-top {
top: 0;
border-top: none;
}
#chat-messages {
background-color: #fff;
border-left: 1px solid #e7eaec;
border-top: 1px solid #e7eaec;
overflow: hidden;
position: fixed;
top: 60px;
width: 310px !important;
z-index: 999 !important;
bottom: 0;
right: 0px;
display: none;
}
#chat-messages .close-chat-msg {
cursor: pointer;
}
body.rtls #chat-messages .close-chat-msg {
float: right !important;
}
#chat-messages .chat-content,
.chat-reply {
background: #f3f3f3;
position: relative;
overflow: visible;
border-radius: 4px;
padding: 5px 10px 10px 10px;
}
#chat-messages.chat-open {
right: 0;
z-index: 2003 !important;
display: block;
}
#chat-messages.chat-open.sidebar-top {
top: 0;
border-top: none;
}
body.rtls #chat {
background-color: #fff;
border-left: 1px solid #e7eaec;
border-top: 1px solid #e7eaec;
overflow: hidden;
position: fixed;
top: 60px;
width: 310px !important;
z-index: 999 !important;
bottom: 0;
left: -310px !important;
}
body.rtls #chat.chat-open {
left: 0 !important;
right: auto;
z-index: 2002 !important;
}
body.rtls #chat-messages.chat-open {
left: 0 !important;
right: auto;
z-index: 2002 !important;
}
body.rtls #chat.chat-open.sidebar-top {
top: 0;
border-top: none;
}
body.rtls .dropdown-messages li a {
float: right !important;
}
body.rtls .notifications .notification-heading h6 {
font-size: 15px;
padding-right: 20px;
}
body.rtls .notification-footer h6 {
font-size: 16px;
padding-right: 20px;
}
body.rtls .navbar-static-side .label {
margin-left: -5px;
position: initial;
float: left;
text-align: center;
vertical-align: middle;
white-space: nowrap;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
body.rtls .nav>li.active>a {
color: #ffffff;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: inherit;
border-color: #dee2e6 #dee2e6 #fff;
}
.search-friends {
padding: 20px 20px;
border-bottom: 1px solid #dcdcdc;
}
#chat-messages.chat-open .online-friends-chat {
height: 74vh;
overflow-x: hidden;
}
.chat-input {
padding: 20px 20px;
border-top: 1px solid #dcdcdc;
bottom: 0;
position: relative;
}
.friends {
width: 100%;
padding: 10px 20px;
float: left;
border-bottom: 1px solid #f0f0f0;
cursor: pointer;
}
.friends img {
margin-right: 15px;
}
.friends .username {
font-size: 14px;
}
.friends .online i {
font-size: 9px;
}
.friend-replay {
width: 100%;
padding: 10px 20px;
clear: both;
}
.friend-replay .user-pic {
float: left;
width: 20%;
}
.friend-replay .user-msg {
float: right;
width: 80%;
}
.your-replay {
width: 100%;
padding: 10px 20px;
border-bottom: 1px solid #f0f0f0;
clear: both;
}
.your-replay .your-msg {
float: left;
width: 77%;
margin-right: 3%;
}
.your-replay .your-pic {
float: right;
width: 20%;
}
.des {
padding: 19.6px;
width: 100%;
border-top: 1px solid #eee;
}
.img-friends {
height: 45px;
width: 45px;
display: inline-block;
border-radius: 5px;
}
#right-sidebar {
background-color: #fff;
border-left: 1px solid #e7eaec;
border-top: 1px solid #e7eaec;
overflow: hidden;
position: fixed;
top: 60px;
width: 310px !important;
z-index: 2002 !important;
bottom: 0;
right: -310px;
}
#right-sidebar.sidebar-open {
right: 0;
z-index: 2;
}
#right-sidebar.sidebar-open.sidebar-top {
top: 0;
border-top: none;
}
#right-sidebar button {
margin-left: 15px;
font-size: 12px;
}
#right-sidebar h6 {
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
font-weight: 600;
}
#right-sidebar.sidebar-open #tab-2 .skin-colors {
padding-right: 30px;
}
#right-sidebar .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
width: 100%;
color: #333 !important;
background: #f9f9f9;
border-color: #dee2e6 #dee2e6 #fff;
}
#right-sidebar .nav-tabs .nav-link i {
color: #fff !important;
}
#right-sidebar .nav-tabs .nav-link.active i {
color: #333 !important;
}
.nav-tabs .nav-link.active i {
color: #333 !important;
}
.sidebar-container ul.nav-tabs {
border: none;
}
.sidebar-container ul.nav-tabs.navs-4 li {
width: 25%;
}
.sidebar-container ul.nav-tabs.navs-3 li {
width: 50%;
}
.sidebar-container ul.nav-tabs.navs-2 li {
width: 50%;
}
.sidebar-container ul.nav-tabs li {
border: none;
}
.sidebar-container ul.nav-tabs li a {
border: none;
padding: 12px 10px;
margin: 0;
border-radius: 0;
color: #fff;
text-align: center;
border-right: 1px solid #334556;
}
.sidebar-container ul.nav-tabs li.active a {
border: none;
background: #f9f9f9;
color: #676a6c;
font-weight: bold;
}
.sidebar-container .nav-tabs>li.active>a:hover,
.sidebar-container .nav-tabs>li.active>a:focus {
border: none;
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd;
}
.sidebar-container ul.sidebar-list {
margin: 0;
padding: 0;
}
.sidebar-container ul.sidebar-list li {
border-bottom: 1px solid #e7eaec;
padding: 15px 20px;
list-style: none;
font-size: 12px;
}
.sidebar-container .sidebar-message:nth-child(2n+2) {
background: #f9f9f9;
}
.sidebar-container ul.sidebar-list li a {
text-decoration: none;
color: inherit;
}
.sidebar-container .sidebar-content {
padding: 15px 20px;
font-size: 12px;
}
.sidebar-container .sidebar-title {
background: #f9f9f9;
padding: 20px;
border-bottom: 1px solid #e7eaec;
}
.sidebar-container .sidebar-title h3 {
margin-bottom: 3px;
padding-left: 2px;
}
.sidebar-container .tab-content h4 {
margin-bottom: 5px;
}
.sidebar-container .sidebar-message>a>.pull-left {
margin-right: 10px;
}
.sidebar-container .sidebar-message>a {
text-decoration: none;
color: inherit;
}
.sidebar-container .sidebar-message {
padding: 15px 20px;
}
.sidebar-container .sidebar-message .media-body {
display: block;
width: auto;
}
.sidebar-container .sidebar-message .message-avatar {
height: 38px;
width: 38px;
border-radius: 50%;
}
.sidebar-container .setings-item {
padding: 15px 20px;
border-bottom: 1px solid #e7eaec;
}
body.full-height-layout #wrapper,
body.full-height-layout #page-wrapper {
height: 100%;
}
#page-wrapper {
margin-top: 0px !important;
z-index: 0;
}
body.boxed-layout {
background: url('patterns/shattered.png');
}
body.boxed-layout #wrapper {
background-color: #584475;
max-width: 1200px;
margin: 0 auto;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
}
.top-navigation.boxed-layout #wrapper,
.boxed-layout #wrapper.top-navigation {
max-width: 1300px !important;
}
.block {
display: block;
}
.clear {
display: block;
overflow: hidden;
}
a {
cursor: pointer;
}
a:hover,
a:focus {
text-decoration: none;
}
.border-bottom {
border-bottom: 1px solid #e7eaec !important;
}
.font-bold {
font-weight: 600;
}
.font-normal {
font-weight: 400;
}
.text-uppercase {
text-transform: uppercase;
}
.font-italic {
font-style: italic;
}
.b-r {
border-right: 1px solid #e7eaec;
}
.hr-line {
border-top: 1px dashed #7c7c7c;
color: #ffffff;
background-color: #ffffff;
height: 1px;
margin: 20px 0;
}
.hr-line-solid {
border-bottom: 1px solid #e7eaec;
background-color: rgba(0, 0, 0, 0);
border-style: solid !important;
margin-top: 15px;
margin-bottom: 15px;
}
video {
width: 100% !important;
height: auto !important;
}
/* GALLERY */
.gallery>.row>div {
margin-bottom: 15px;
}
.fancybox img {
margin-bottom: 5px;
/* Only for demo */
width: 24%;
}
/* Summernote text editor */
.note-editor {
height: auto !important;
}
.note-editor.fullscreen {
z-index: 2050;
}
.note-editor.note-frame.fullscreen {
z-index: 2020;
}
.note-editor.note-frame .note-editing-area .note-editable {
color: #676a6c;
padding: 15px;
}
.note-editor.note-frame {
border: none;
}
.note-editor.panel {
margin-bottom: 0;
}
/* MODAL */
.modal-content {
background-clip: padding-box;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
outline: 0 none;
position: relative;
}
.modal-dialog {
z-index: 2200;
}
.modal-body {
padding: 20px 30px 30px 30px;
}
.inmodal .modal-body {
background: #f8fafb;
}
.inmodal .modal-header {
padding: 30px 15px;
text-align: center;
}
.animated.modal.fade .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.inmodal .modal-title {
font-size: 26px;
}
.modal-header {
width: 100%;
}
.modal-header h4 {
float: right !important;
}
.inmodal .modal-icon {
font-size: 84px;
color: #e2e3e3;
}
.modal-footer {
margin-top: 0;
background-color: white;
width: 100%;
}
.modal-backdrop .fade{
display:none !important;
}
.modal-backdrop {
background-color: transparent !important;
}
/* WRAPPERS */
#wrapper {
width: 100%;
}
.wrapper {
padding: 20px 5px 40px 5px;
overflow: hidden;
}
.wrapper-content {
height: 100%;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0px;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem;
margin-bottom: 25px;
z-index: 0;
-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
}
.card .img-fluid {
width: 100%;
}
.card .card-body {
padding: 20px 20px;
margin-top: 20px;
word-wrap: break-word;
z-index: 0;
}
.card-tools {
float: right;
margin-top: -30px;
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0px;
background-color: rgba(255, 255, 255, 0.03);
border-bottom: 1px solid rgba(182, 181, 181, 0.125);
cursor: -webkit-grabbing;
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, .125);
}
.white-box {
padding: 20px;
background-color: white;
margin-bottom: 20px;
border-radius: 4px;
border: 1px solid #dcdcdc;
word-wrap: break-word;
overflow: hidden;
width: 100%;
}
.thumbnail img {
width: 100%;
height: 300px;
}
.pre-cost {
text-decoration: line-through;
color: #a5a5a5;
}
.product-footer {
padding: 10px 0;
}
.reviews {
padding: 4px 0px;
margin: 5px 0px;
}
.review-cirlce-img {
width: 50px;
height: 50px;
border-radius: 50%;
}
#page-wrapper {
padding: 0 15px;
min-height: 100% !important;
position: relative !important;
height:100%;
}
/* Product Panel */
.panelTop {
padding: 0px;
}
.panelTop .img-fluid {
width: 100%;
padding: 0px;
margin: 25px 0px;
}
.panelBottom {
border-top: 1px solid #e7e7e7;
padding-top: 20px;
}
.btn-add-to-cart {
background: #FD5A5B;
color: #fff;
}
.btn.btn-add-to-cart.focus,
.btn.btn-add-to-cart:focus,
.btn.btn-add-to-cart:hover {
color: #fff;
background: #FD7172;
outline: none;
}
.btn-add-to-cart:active {
background: #F9494B;
outline: none;
}
span.itemPrice {
font-size: 24px;
color: #FA5B58;
}
/* Vote Page CSS */
.vote-item {
padding: 20px 25px;
background: #ffffff;
border-top: 1px solid #e7eaec;
}
.vote-actions {
float: left;
width: 30px;
margin-right: 15px;
text-align: center;
font-weight: 600;
font-size: 20px;
}
.vote-actions a {
color: #00c0ef;
font-weight: 600;
}
.vote-actions a i {
font-size: 44px;
}
.vote-title {
display: block;
color: inherit;
font-size: 18px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 2px;
}
.vote-info,
.vote-title {
margin-left: 45px;
padding-top: 6px;
}
.vote-info,
.vote-info a {
color: #b4b6b8;
font-size: 14px;
}
.vote-icon {
text-align: right;
font-size: 600%;
display: block;
color: #e8e9ea;
}
/* Group Buttons CSS */
.ui-group-buttons .or {
position: relative;
float: left;
width: .3em;
height: 1.3em;
z-index: 3;
font-size: 12px
}
.ui-group-buttons .or:before {
position: absolute;
top: 50%;
left: 50%;
content: 'or';
background-color: #5a5a5a;
margin-top: -.1em;
margin-left: -.9em;
width: 1.8em;
height: 1.8em;
line-height: 1.55;
color: #fff;
font-style: normal;
font-weight: 400;
text-align: center;
border-radius: 500px;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.ui-group-buttons .or:after {
position: absolute;
top: 0;
left: 0;
content: ' ';
width: .3em;
height: 2.84em;
background-color: rgba(0, 0, 0, 0);
border-top: .6em solid #5a5a5a;
border-bottom: .6em solid #5a5a5a
}
.ui-group-buttons .or.or-lg {
height: 1.3em;
font-size: 16px
}
.ui-group-buttons .or.or-lg:after {
height: 2.85em
}
.ui-group-buttons .or.or-sm {
height: 1em
}
.ui-group-buttons .or.or-sm:after {
height: 2.5em
}
.ui-group-buttons .or.or-xs {
height: .25em
}
.ui-group-buttons .or.or-xs:after {
height: 1.84em;
z-index: -1000
}
.ui-group-buttons {
display: inline-block;
vertical-align: middle
}
.ui-group-buttons:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui-group-buttons .btn {
float: left;
border-radius: 0
}
.ui-group-buttons .btn:first-child {
margin-left: 0;
border-top-left-radius: .25em;
border-bottom-left-radius: .25em;
padding-right: 15px
}
.ui-group-buttons .btn:last-child {
border-top-right-radius: .25em;
border-bottom-right-radius: .25em;
padding-left: 15px
}
/*Buttons Colors */
.btn-custom-primary-outline {
background-color: #fff !important;
color: #007bff;
border: 1px solid #007bff;
}
.btn-custom-primary-outline:hover {
background-color: #1c89fd !important;
color: #fff;
}
.btn-custom-success-outline {
background-color: #fff !important;
color: #28a745;
border: 1px solid #28a745;
}
.btn-custom-success-outline:hover {
background-color: #2ec952 !important;
color: #fff;
}
.btn-custom-warning-outline {
background-color: #fff !important;
color: #ffc107;
border: 1px solid #ffc107;
}
.btn-custom-warning-outline:hover {
background-color: #ffc822 !important;
color: #fff;
}
.btn-custom-danger-outline {
background-color: #fff !important;
color: #dc3545;
border: 1px solid #dc3545;
}
.btn-custom-danger-outline:hover {
background-color: #ec3f51 !important;
color: #fff;
}
.btn-custom-info-outline {
background-color: #fff !important;
color: #17a2b8;
border: 1px solid #17a2b8;
}
.btn-custom-info-outline:hover {
background-color: #21b8cf !important;
color: #fff;
}
.btn-custom-primary {
background-color: #007bff !important;
color: #fff;
}
.btn-custom-primary:hover {
background-color: #1c89fd !important;
color: #fff;
}
.btn-custom-success {
background-color: #28a745 !important;
color: #fff;
}
.btn-custom-success:hover {
background-color: #2ec952 !important;
color: #fff;
}
.btn-custom-warning {
background-color: #ffc107 !important;
color: #fff;
}
.btn-custom-warning:hover {
background-color: #ffc822 !important;
color: #fff;
}
.btn-custom-danger {
background-color: #dc3545 !important;
color: #fff;
}
.btn-custom-danger:hover {
background-color: #ec3f51 !important;
color: #fff;
}
.btn-custom-info {
background-color: #17a2b8 !important;
color: #fff;
}
.btn-custom-info:hover {
background-color: #21b8cf !important;
color: #fff;
}
/*Buttons Gradient Colors */
.btn-gradient-primary-outline {
background-color: #fff !important;
color: #007bff;
border: 1px solid #007bff;
}
.btn-gradient-primary-outline:hover {
background: linear-gradient(to bottom, #66ccff 0%, #003366 100%);
color: #fff;
border: none;
}
.btn-gradient-success-outline {
background-color: #fff !important;
color: #28a745;
border: 1px solid #28a745;
}
.btn-gradient-success-outline:hover {
background: linear-gradient(to top, #006600 0%, #66ff66 100%);
color: #fff;
border: none;
}
.btn-gradient-warning-outline {
background-color: #fff !important;
color: #ffc107;
border: 1px solid #ffc107;
}
.btn-gradient-warning-outline:hover {
background: linear-gradient(to top, #cc9900 0%, #ffff66 100%);
color: #fff;
border: none;
}
.btn-gradient-danger-outline {
background-color: #fff !important;
color: #dc3545;
border: 1px solid #dc3545;
}
.btn-gradient-danger-outline:hover {
background: linear-gradient(to bottom, #ff9999 0%, #cc0000 100%);
color: #fff;
border: none;
}
.btn-gradient-info-outline {
background-color: #fff !important;
color: #17a2b8;
border: 1px solid #17a2b8;
}
.btn-gradient-info-outline:hover {
background: linear-gradient(to bottom, #33cccc 0%, #99ccff 100%);
color: #fff;
border: none;
}
.btn-gradient-primary {
background: linear-gradient(to bottom, #66ccff 0%, #003366 100%);
color: #fff;
border: none;
}
.btn-gradient-primary:hover {
background: linear-gradient(to bottom, #84d6ff 0%, #014d99 100%);
color: #fff;
}
.btn-gradient-success {
background: linear-gradient(to top, #006600 0%, #66ff66 100%);
color: #fff;
border: none;
}
.btn-gradient-success:hover {
background: linear-gradient(to top, #018601 0%, #83ff83 100%);
color: #fff;
}
.btn-gradient-warning {
background: linear-gradient(to top, #cc9900 0%, #ffff66 100%);
color: #fff;
border: none;
}
.btn-gradient-warning:hover {
background: linear-gradient(to top, #e7ae03 0%, #fdfd7a 100%);
color: #fff;
}
.btn-gradient-danger {
background: linear-gradient(to bottom, #ff9999 0%, #cc0000 100%);
color: #fff;
border: none;
}
.btn-gradient-danger:hover {
background: linear-gradient(to bottom, #fda6a6 0%, #ec0202 100%);
color: #fff;
}
.btn-gradient-info {
background: linear-gradient(to bottom, #33cccc 0%, #99ccff 100%);
color: #fff;
border: none;
}
.btn-gradient-info:hover {
background: linear-gradient(to bottom, #43ecec 0%, #a1cffd 100%);
color: #fff;
}
/* Empty Page */
.wrapper .empty-page {
margin-top: 140px;
}
.empty-page {
max-width: 400px;
z-index: 100;
margin: 0 auto;
padding-top: 40px;
}
/* Wizard Form */
.btn-circle {
text-align: center;
line-height: 1.428571429;
border-radius: 50%;
border: 1px solid #d3d3d3;
}
.contact-box {
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: 4px;
padding: 20px;
}
.contact-box-flat {
width: 100%;
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: 4px;
}
.contact-box-flat img {
width: 100%;
height: 240px;
}
.rounded-circle {
width: 140px;
height: 140px;
border-radius: 50%;
}
.img-fluid {
width: 70px;
}
.font-bold {
font-weight: 600;
}
.contact-box-flat img {
width: 100%;
height: 240px;
}
.contact-box-flat {
width: 100%;
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: 4px;
}
.card .hovercard {
position: relative;
padding-top: 0px;
overflow: hidden;
text-align: center;
vertical-align: middle;
background-color: rgba(214, 224, 226, 0.2);
}
.card.hovercard .cardheader {
background: url("../img/profile-bg.jpg");
background-size: cover;
height: 135px;
}
.card.hovercard .avatar {
position: relative;
text-align: center;
vertical-align: middle;
top: -50px;
margin-bottom: -50px;
}
.card.hovercard .avatar img {
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 5px solid rgba(255, 255, 255, 0.5);
}
.card.hovercard .info {
padding: 4px 8px 10px;
text-align: center;
vertical-align: middle;
}
.card.hovercard .info .title {
margin-bottom: 4px;
font-size: 24px;
line-height: 1;
color: #262626;
vertical-align: middle;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ul.social {
list-style: none;
margin-left: -35px;
text-align: center;
vertical-align: middle;
}
ul.social li {
display: inline;
padding: 0;
margin: 0 5px;
}
ul.social li a {
display: inline-block;
margin: 0 auto;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
width: 50px;
height: 50px;
font-size: 20px;
position: relative;
background-color: #d3d3d3;
}
ul.social li a i {
color: #fff;
text-align: center;
margin: 0;
line-height: 50px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.social li a.rss:hover {
background-color: #F56505;
}
.social li a.face:hover {
background-color: #3B5998;
}
.social li a.twit:hover {
background-color: #33ccff;
}
.social li a.google:hover {
background-color: #BD3518;
}
.social li a.linkedin:hover {
background-color: #007bb7;
}
/* Social FeedBack */
.social-feed-box {
border: 1px solid #e7eaec;
background: #fff;
padding-top: 10px;
padding-bottom: 15px;
border-radius: 4px;
}
.social-feed-box-2 {
border: 1px solid #e7eaec;
background: #fff;
width: 100%;
border-radius: 4px;
height: 100%;
overflow: hidden;
padding-top: 10px;
padding-bottom: 15px;
margin-top: 15px;
}
.social-feed-box h6 {
color: #0056b3;
}
.social-feed-box-2 h6 {
color: #0056b3;
}
.social-feed-box .feedback-name {
color: #0056b3;
}
.social-feed-box-2 .feedback-name {
color: #0056b3;
}
.samll-font {
float: left;
font-size: 12px;
}
.social-feed-author-img {
left: auto;
right: 20px;
position: relative;
padding: 20px 20px;
}
.comment-author-img {
width: 60px;
height: 60px;
}
.btn-white {
color: inherit;
background: white;
border: 1px solid #e7eaec;
}
/* Clients CSS */
.all-lients-list {
margin: 15px 0px;
}
/* Update Timeline */
.update-timeline {
overflow: hidden;
position: relative
}
.update-timeline:before {
content: "";
width: 5px;
height: 100%;
background: #333;
position: absolute;
top: 70px;
left: 50%;
transform: translateX(-50%)
}
.update-timeline .timeline-content:before,
.update-timeline .timeline:before {
top: 50%;
transform: translateY(-50%);
content: ""
}
.update-timeline .timeline {
width: 50%;
padding-left: 100px;
float: right;
position: relative
}
.update-timeline .timeline:before {
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
border: 5px solid #333;
position: absolute;
left: -10px
}
.update-timeline .timeline-content {
display: block;
padding-left: 150px;
position: relative
}
.update-timeline .timeline-content:before {
width: 90px;
height: 10px;
border-top: 7px dotted #333;
position: absolute;
left: -92px;
}
.update-timeline .year {
display: inline-block;
width: 120px;
height: 120px;
overflow: hidden;
line-height: 100px;
border-radius: 50%;
border: 10px solid #f54957;
font-size: 30px;
color: #f54957;
text-align: center;
box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);
position: absolute;
top: 0;
left: 0
}
.update-timeline .year img {
text-align: center;
width: 120px;
height: 120px;
}
.update-timeline .year:before {
content: "";
border-left: 20px solid #f54957;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
position: absolute;
bottom: -13px;
right: 0;
transform: rotate(45deg)
}
.update-timeline .inner-content {
padding: 20px 0
}
.update-timeline .title {
font-size: 16px;
font-weight: 600;
color: #f54957;
text-transform: uppercase;
margin: 0 0 5px
}
.update-timeline .description {
font-size: 14px;
color: #6f6f6f;
margin: 0 0 5px
}
.update-timeline .timeline:nth-child(2n) {
padding: 0 100px 0 0
}
.update-timeline .timeline:nth-child(2n) .timeline-content:before,
.update-timeline .timeline:nth-child(2n) .year,
.update-timeline .timeline:nth-child(2n):before {
left: auto;
right: -10px
}
.update-timeline .timeline:nth-child(2n) .timeline-content {
padding: 0 150px 0 0
}
.update-timeline .timeline:nth-child(2n) .timeline-content:before {
right: -92px
}
.update-timeline .timeline:nth-child(2n) .year {
right: 0
}
.update-timeline .timeline:nth-child(2n) .year:before {
right: auto;
left: 0;
border-left: none;
border-right: 20px solid #f54957;
transform: rotate(-45deg)
}
.update-timeline .timeline:nth-child(2) {
margin-top: 110px
}
.update-timeline .timeline:nth-child(odd) {
margin: -110px 0 0
}
.update-timeline .timeline:nth-child(even) {
margin-bottom: 80px
}
.update-timeline .timeline:first-child,
.update-timeline .timeline:last-child:nth-child(even) {
margin: 0
}
.update-timeline .timeline:nth-child(2n) .year {
border-color: #1ebad0;
color: #1ebad0
}
.update-timeline .timeline:nth-child(2) .year:before {
border-right-color: #1ebad0
}
.update-timeline .timeline:nth-child(2n) .title {
color: #1ebad0
}
.update-timeline .timeline:nth-child(3n) .year {
border-color: #7cba01;
color: #7cba01
}
.update-timeline .timeline:nth-child(3) .year:before {
border-left-color: #7cba01
}
.update-timeline .timeline:nth-child(3n) .title {
color: #7cba01
}
.update-timeline .timeline:nth-child(4n) .year {
border-color: #f8781f;
color: #f8781f
}
.update-timeline .timeline:nth-child(4) .year:before {
border-right-color: #f8781f
}
.update-timeline .timeline:nth-child(4n) .title {
color: #f8781f
}
@media only screen and (max-width:1200px) {
.update-timeline .year {
top: 50%;
transform: translateY(-50%)
}
}
@media only screen and (max-width:990px) {
.update-timeline .timeline {
padding-left: 75px
}
.update-timeline .timeline:nth-child(2n) {
padding: 0 75px 0 0
}
.update-timeline .timeline-content {
padding-left: 130px
}
.update-timeline .timeline:nth-child(2n) .timeline-content {
padding: 0 130px 0 0
}
.update-timeline .timeline-content:before {
width: 68px;
left: -68px
}
.update-timeline .timeline:nth-child(2n) .timeline-content:before {
right: -68px
}
}
@media only screen and (max-width:767px) {
.update-timeline {
overflow: visible
}
.update-timeline:before {
height: 100%;
top: 0;
left: 0;
transform: translateX(0)
}
.update-timeline .timeline:before,
.update-timeline .timeline:nth-child(2n):before {
top: 60px;
left: -9px;
transform: translateX(0)
}
.update-timeline .timeline,
.update-timeline .timeline:nth-child(even),
.update-timeline .timeline:nth-child(odd) {
width: 100%;
float: none;
text-align: center;
padding: 0;
margin: 0 0 10px
}
.update-timeline .timeline-content,
.update-timeline .timeline:nth-child(2n) .timeline-content {
padding: 0
}
.update-timeline .timeline-content:before,
.update-timeline .timeline:nth-child(2n) .timeline-content:before {
display: none
}
.update-timeline .timeline:nth-child(2n) .year,
.update-timeline .year {
position: relative;
transform: translateY(0)
}
.update-timeline .timeline:nth-child(2n) .year:before,
.update-timeline .year:before {
border: none;
border-right: 20px solid #f54957;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
top: 50%;
left: -23px;
bottom: auto;
right: auto;
transform: rotate(0)
}
.update-timeline .timeline:nth-child(2n) .year:before {
border-right-color: #1ebad0
}
.update-timeline .timeline:nth-child(3n) .year:before {
border-right-color: #7cba01
}
.update-timeline .timeline:nth-child(4n) .year:before {
border-right-color: #f8781f
}
.update-timeline .inner-content {
padding: 10px
}
}
/* Vertical Timeline */
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 25px;
margin-right: -1.5px;
}
.timeline>li {
margin-bottom: 20px;
position: relative;
}
.timeline>li:before,
.timeline>li:after {
content: " ";
display: table;
}
.timeline>li:after {
clear: both;
}
.timeline>li:before,
.timeline>li:after {
content: " ";
display: table;
}
.timeline>li:after {
clear: both;
}
.timeline>li>.timeline-panel {
width: calc(100% - 75px);
float: right;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline>li>.timeline-panel:before {
position: absolute;
top: 26px;
left: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-right: 15px solid #ccc;
border-left: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline>li>.timeline-panel:after {
position: absolute;
top: 27px;
left: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-right: 14px solid #fff;
border-left: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline>li>.timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 0px;
margin-right: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline>li.timeline-inverted>.timeline-panel {
float: left;
}
.timeline>li.timeline-inverted>.timeline-panel:before {
border-right-width: 0;
border-left-width: 15px;
right: -15px;
left: auto;
}
.timeline>li.timeline-inverted>.timeline-panel:after {
border-right-width: 0;
border-left-width: 14px;
right: -14px;
left: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body>p,
.timeline-body>ul {
margin-bottom: 0;
}
.timeline-body>p+p {
margin-top: 5px;
}
.timeline-body {
display: block;
}
.client-img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.feedback-name .samll-font {
color: #2b303a;
}
.small-btn {
color: #2b303a;
}
.space {
width: 100%;
height: 20px;
clear: both;
}
/* Custom Image Height */
.rounded {
width: 50px;
height: 50px;
border-radius: 4px;
}
.img-sm {
width: 40px;
height: 40px;
}
.img-md {
width: 64px;
height: 64px;
}
.img-lg {
width: 96px;
height: 96px;
}
.img-height-1 {
width: 100%;
height: 50px;
}
.img-height-2 {
width: 100%;
height: 100px;
}
.img-height-3 {
width: 100%;
height: 150px;
}
.img-height-4 {
width: 100%;
height: 200px;
}
.img-height-5 {
width: 100%;
height: 250px;
}
.img-height-6 {
width: 100%;
height: 300px;
}
.img-height-7 {
width: 100%;
height: 350px;
}
.img-height-8 {
width: 100%;
height: 400px;
}
.img-height-9 {
width: 100%;
height: 450px;
}
.img-height-10 {
width: 100%;
height: 500px;
}
/*----------------------
##star Rating Styles
----------------------*/
.stars {
padding-top: 10px;
width: 100%;
display: inline-block;
}
span.glyphicon {
padding: 5px;
}
.glyphicon-star-empty {
color: #9d9d9d;
}
.glyphicon-star-empty,
.glyphicon-star {
font-size: 18px;
}
.glyphicon-star {
color: #FD4;
transition: all .25s;
}
.glyphicon-star:hover {
transform: rotate(-15deg) scale(1.3);
}
/* Social Widgets */
.widget-area {
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
float: left;
margin-bottom: 20px;
padding: 25px 30px;
position: relative;
width: 100%;
}
.social-widget {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
float: left;
overflow: hidden;
width: 100%;
}
.social-widget>span#twitter {
background: #48a4dc;
color: #48a4dc;
}
.social-widget>span#fb {
background: #3b5998;
color: #3b5998;
}
.social-widget>span#googleplus {
background: #ff604f;
color: #ff604f;
}
.social-widget>span#youtube {
background: #e71c06;
color: #e21b05;
}
.social-widget>span {
float: left;
font-size: 28px;
height: 110px;
line-height: 110px;
text-align: center;
width: 100%;
}
.social-widget>span>i {
background: none repeat scroll 0 0 #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
height: 60px;
line-height: 60px;
width: 60px;
padding: 5px;
}
.social-widget>ul {
background: none repeat scroll 0 0 #fff;
float: left;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.social-widget>ul:before {
border-bottom: 9px solid #fff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
content: "";
left: 50%;
margin-left: -9px;
position: absolute;
top: -8px;
}
.social-widget>ul>li {
float: left;
list-style: none outside none;
padding: 17px 0;
position: relative;
text-align: center;
width: 50%;
background: #fff;
border: 1px solid #dcdcdc;
}
.social-widget p {
color: #333333;
font-size: 20px;
font-weight: 500;
}
.social-widget li>p>i {
color: #777777;
float: left;
font-family: Lato;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 0.3px;
line-height: 24px;
text-align: center;
width: 100%;
}
/* --------------------------------------------------
Dashboard BOX CSS
------------------------------------------------------*/
.dashboard-box {
position: relative;
background: rgb(255, 86, 65);
background: -moz-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);
border-radius: 4px;
text-align: center;
margin: 0px 0px 40px 0px;
}
.dashboard-box-icon {
position: absolute;
transform: translateY(-50%) translateX(-50%);
left: 50%;
}
.dashboard-box-action {
transform: translateY(-50%) translateX(-50%);
position: absolute;
left: 50%;
}
.dashboard-box-body {
padding: 50px 20px;
}
.dashboard-box-icon:after {
width: 60px;
height: 60px;
position: absolute;
background: rgba(247, 148, 137, 0.91);
content: '';
border-radius: 50%;
left: -10px;
top: -10px;
z-index: -1;
}
.dashboard-box-icon>i {
border-radius: 50%;
line-height: 40px;
color: #FFF;
width: 38px;
height: 38px;
font-size: 24px;
}
.dashboard-box-icon:before {
width: 75px;
height: 75px;
position: absolute;
background: rgba(253, 162, 153, 0.34);
content: '';
border-radius: 50%;
left: -17px;
top: -17px;
z-index: -2;
}
.dashboard-box-action>button {
border: none;
background: #FFF;
border-radius: 19px;
padding: 7px 16px;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
letter-spacing: .5px;
color: #003e85;
box-shadow: 0 3px 5px #d4d4d4;
cursor: pointer;
}
.dashboard-box-body>.dashboard-box-count {
display: block;
font-size: 30px;
color: #FFF;
font-weight: 300;
}
.dashboard-box-body>.dashboard-box-title {
font-size: 13px;
color: rgba(255, 255, 255, 0.81);
}
.dashboard-box.dashboard-box-color-1 {
background: rgb(27, 252, 177);
background: -moz-linear-gradient(top, rgb(27, 244, 252) 1%, rgb(72, 248, 151) 99%);
background: -webkit-linear-gradient(top, rgb(27, 252, 139) 1%, rgb(151, 248, 72) 99%);
background: linear-gradient(to bottom, rgb(27, 252, 222) 1%, rgb(72, 248, 239) 99%);
}
.dashboard-box-color-1 .dashboard-box-icon:after {
background: rgba(54, 254, 194, 0.81);
}
.dashboard-box-color-1 .dashboard-box-icon:before {
background: rgba(54, 254, 211, 0.64);
}
.dashboard-box-color-1 .dashboard-box-icon>i {
background: #28fb91;
}
.dashboard-box.dashboard-box-color-2 {
background: rgb(252, 190, 27);
background: -moz-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
background: -webkit-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
background: linear-gradient(to bottom, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
}
.dashboard-box-color-2 .dashboard-box-icon:after {
background: rgba(254, 224, 54, 0.81);
}
.dashboard-box-color-2 .dashboard-box-icon:before {
background: rgba(254, 224, 54, 0.64);
}
.dashboard-box-color-2 .dashboard-box-icon>i {
background: #fb9f28;
}
.dashboard-box.dashboard-box-color-3 {
background: rgb(183, 71, 247);
background: -moz-linear-gradient(top, rgba(183, 71, 247, 1) 0%, rgba(108, 83, 220, 1) 100%);
background: -webkit-linear-gradient(top, rgba(183, 71, 247, 1) 0%, rgba(108, 83, 220, 1) 100%);
background: linear-gradient(to bottom, rgba(183, 71, 247, 1) 0%, rgba(108, 83, 220, 1) 100%);
}
.dashboard-box-color-3 .dashboard-box-icon:after {
background: rgba(180, 70, 245, 0.76);
}
.dashboard-box-color-3 .dashboard-box-icon:before {
background: rgba(226, 132, 255, 0.66);
}
.dashboard-box-color-3 .dashboard-box-icon>i {
background: #8150e4;
}
.divider {
width: 100%;
height: 30px;
clear: both;
}
.static-padding {
padding: 10px 30px;
}
.white-box-static-padding {
padding: 0px 15px;
}
.set-static-style {
padding: 0;
margin: auto 0;
width: 33%;
float: left;
text-align: center;
vertical-align: middle;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
}
.card-block {
float: left;
}
/*Pagination */
.custom-pagination .pagination {
border-radius: 0;
}
.custom-pagination .pagination li {
border-radius: 0 !important;
}
.custom-pagination .pagination li a {
padding: 5px 15px;
border-radius: 0 !important;
color: #1b6cdd;
}
.custom-pagination .pagination li.active a {
background: #1b6cdd;
border-color: #1b6cdd;
color: #fff;
}
.custom-pagination .pagination li:hover a {
background: #1b6cdd;
border-color: #1b6cdd;
color: #fff;
}
/* New Customers Css */
.panel.work-progress-table>.panel-heading {
background: none repeat scroll 0 0 #efefef;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: #333333;
float: left;
font-family: roboto;
font-size: 16px;
font-weight: normal;
letter-spacing: 0.3px;
padding: 17px 30px 11px;
width: 100%;
}
.work-progress-table>.panel-heading>.svg-inline--fa {
color: #888888;
float: left;
font-family: Lato;
font-size: 11px;
font-style: normal;
letter-spacing: 0.3px;
line-height: 10px;
margin-bottom: 10px;
margin-top: 7px;
width: 100%;
}
.panel-default>.panel-heading>.dropdown {
float: right;
margin-top: -42px;
}
/* Work Progress table */
.panel.work-progress-table {
border: medium none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
box-shadow: none;
float: left;
margin: 0;
width: 100%;
}
.panel.work-progress-table>.panel-heading {
background: none repeat scroll 0 0 #efefef;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: #333333;
float: left;
font-family: roboto;
font-size: 16px;
font-weight: normal;
letter-spacing: 0.3px;
padding: 17px 30px 11px;
width: 100%;
}
.work-progress-table>.panel-heading>.svg-inline--fa {
color: #888888;
float: left;
font-family: Lato;
font-size: 11px;
font-style: normal;
letter-spacing: 0.3px;
line-height: 10px;
margin-bottom: 10px;
margin-top: 7px;
width: 100%;
}
.panel-default>.panel-heading>.dropdown {
float: right;
margin-top: -42px;
}
.work-progress-table td .progress {
background: none repeat scroll 0 0 #f3f3f3;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
height: 6px;
margin: 7px 0 0;
overflow: visible;
}
.work-progress-table td .progress>.progress-bar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
position: relative;
}
.work-progress-table td .progress>.progress-bar>span {
background: none repeat scroll 0 0 #8d8d8d;
font-family: Roboto;
font-size: 10px;
height: 18px;
line-height: 18px;
margin-top: -9px;
position: absolute;
right: 0;
top: 50%;
width: 31px;
}
.work-progress-table .table td {
padding: 15px 10px;
}
.work-progress-table .table td {
font-family: Lato;
font-size: 13px;
letter-spacing: 0.3px;
padding: 15px 10px;
}
.red,
.support-ticket .removed,
.edit-remove>li>.remove,
.friend-list li>span.offline:before {
background: -moz-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3b3b), color-stop(100%, #f9f9f9));
background: -webkit-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);
background: -o-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);
background: -ms-linear-gradient(top, #ff5959 0%, #ff3b3b 100%);
background: linear-gradient(to bottom, #ff5959 0%, #ff3b3b 100%);
color: #fff;
}
.custom-link-color {
padding: 15px;
margin: 15px;
}
@media (min-width: 768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 240px;
min-height: 2002px;
}
.author-img-circle {
width: 150px;
height: 150px;
}
}
.title-action {
text-align: right;
padding-top: 30px;
}
.panel-box-content h1,
.panel-box-content h2,
.panel-box-content h3,
.panel-box-content h4,
.panel-box-content h5,
.panel-box-title h1,
.panel-box-title h2,
.panel-box-title h3,
.panel-box-title h4,
.panel-box-title h5 {
margin-top: 5px;
}
ul.unstyled,
ol.unstyled {
list-style: none outside none;
margin-left: 0;
}
.big-icon {
font-size: 160px !important;
color: #e5e6e7;
}
/* FOOTER */
.footer {
background: none repeat scroll 0 0 white;
border-top: 1px solid #e7eaec;
padding: 10px 20px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.footer.fixed_full {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 10px 20px;
background: white;
border-top: 1px solid #e7eaec;
}
.footer.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 10px 20px;
background: white;
border-top: 1px solid #e7eaec;
margin-left: 240px;
}
body.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
margin: 0 0 0 70px;
}
body.rtls.mini-navbar .footer.fixed,
body.rtls.body-small.mini-navbar .footer.fixed {
margin: 0 70px 0 0px;
}
body.mini-navbar.canvas-menu .footer.fixed{
margin: 0 0 0 240px !important;
}
body.rtls.mini-navbar.canvas-menu .footer.fixed{
margin: 0 240px 0 0 !important;
}
body.canvas-menu .footer.fixed {
margin: 0 0 0 0px !important;
}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
margin: 0 0 0 240px;
}
body.body-small.top-navigation #page-wrapper {
margin: 0 !important;
padding: 0px !important;
width: 100%;
overflow-x: hidden;
}
body.body-small.top-navigation .main-content {
padding: 60px 0px 0px 0px !important;
}
body.rtls.body-small.top-navigation .main-content {
padding: 60px 0px 0px 0px !important;
}
body.body-small .footer.fixed {
margin-left: 0 !important;
width: 100%;
}
body.body-small.top-navigation.navbar-fixed .footer {
margin-left: 0 !important;
width: 100%;
}
body.top-navigation.body-small .footer {
margin-left: 0 !important;
width: 100%;
}
/* PANELS */
.page-heading {
border-top: 0;
padding: 0 10px 20px 10px;
}
.panel-heading h1,
.panel-heading h2 {
margin-bottom: 5px;
}
/* TABLES */
.table-bordered {
border: 1px solid #EBEBEB;
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
background-color: #F5F5F6;
border-bottom-width: 1px;
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
border: 1px solid #e7e7e7;
}
.table>thead>tr>th {
border-bottom: 1px solid #DDDDDD;
vertical-align: bottom;
}
.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-top: 1px solid #e7eaec;
line-height: 1.42857;
vertical-align: top;
padding: .75rem;
}
.table-borderless tbody tr td,
.table-borderless tbody tr th {
border: 0
}
.table-responsive {
overflow-x: auto;
}
.table-info {
background: #17a2b8;
}
.table-inverse {
color: #fff;
background-color: #212529;
}
.table-responsive {
display: inline-block;
width: 100%;
overflow-x: auto
}
.table.table-xl td,
.table.table-xl th {
padding: 1.25rem 2rem
}
.table.table-lg td,
.table.table-lg th {
padding: 0.9rem 2rem
}
.table.table-de td,
.table.table-de th {
padding: 0.75rem 2rem
}
.table.table-sm td,
.table.table-sm th {
padding: 0.6rem 2rem
}
.table.table-xs td,
.table.table-xs th {
padding: 0.4rem 2rem
}
.table-columned>tbody>tr>td:first-child,
.table-columned>tbody>tr>th:first-child {
border-left: 0
}
.table-columned>tfoot>tr>td:first-child,
.table-columned>tfoot>tr>th:first-child {
border-left: 0
}
.table-columned>tbody>tr>td,
.table-columned>tbody>tr>th {
border: 0;
border-left: 1px solid #ddd
}
.table-columned>tfoot>tr>td,
.table-columned>tfoot>tr>th {
border: 0;
border-left: 1px solid #ddd
}
.table-border-style {
padding: 0
}
.table-border-style .table {
margin-bottom: 0
}
.table>thead>tr>th {
border-bottom-color: #ccc
}
.table-borderless tbody tr td,
.table-borderless tbody tr th {
border: 0
}
.table-bordered>thead>tr.border-solid>td,
.table-bordered>thead>tr.border-solid>th {
border-bottom-width: 2px
}
.table-bordered>thead>tr.border-solid:first-child>td,
.table-bordered>thead>tr.border-solid:first-child th {
border-bottom-width: 2px
}
.table-bordered>thead>tr.border-double>td,
.table-bordered>thead>tr.border-double>th {
border-bottom-width: 3px;
border-bottom-style: double
}
.table-bordered>thead>tr.border-double:first-child>td,
.table-bordered>thead>tr.border-double:first-child th {
border-bottom-width: 3px;
border-bottom-style: double
}
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
border-bottom: 1px solid #01a9ac
}
table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
border-bottom: 1px solid #fe9365
}
table thead .border-bottom-default th,
table tbody .border-bottom-default th,
table tbody .border-bottom-default td {
border-bottom: 1px solid #e0e0e0
}
table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
border-bottom: 1px solid #fe5d70
}
table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
border-bottom: 1px solid #0ac282
}
table thead .border-bottom-inverse th,
table tbody .border-bottom-inverse th,
table tbody .border-bottom-inverse td {
border-bottom: 1px solid #404E67
}
table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
border-bottom: 1px solid #2DCEE3
}
.table > thead > tr > th.table-th-width-1{
width:20% !important;
}
.table > thead > tr > th.table-th-width-2{
width:40% !important;
}
.table > thead > tr > th.table-th-width-3{
width:60% !important;
}
.table > thead > tr > th.table-th-width-4{
width:80% !important;
}
.table > thead > tr > th.table-th-width-5{
width:100% !important;
}
/* PANELS */
.panel.blank-panel {
background: none;
margin: 0;
}
.panel-box .panel-box-content p {
line-height: 25px;
}
.blank-panel .panel-heading {
padding-bottom: 0;
}
.nav-tabs>li>a {
color: #A7B1C2;
font-weight: 600;
padding: 10px 10px 10px 15px;
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
width: 100%;
color: #74C7D5;
}
body.rtls .nav-tabs>li>a {
color: #fff !important;
font-weight: 600;
padding: 10px 20px 10px 25px;
}
#right-sidebar .nav-tabs.white-theme .nav-link{
color: #333 !important;
}
#right-sidebar .nav-tabs.white-theme .nav-link i{
color: #333 !important;
}
body.rtls #right-sidebar .nav-tabs.white-theme .nav-link{
color: #333 !important;
}
body.rtls #right-sidebar .nav-tabs.white-theme .nav-link i{
color: #333 !important;
}
#right-sidebar .nav-tabs li a{
border-right: 0px;
}
body.rtls .nav-tabs>li>a {
color: #A7B1C2;
font-weight: 600;
padding: 10px 20px 10px 25px;
}
body.rtls .nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
width: 100%;
color: #74C7D5;
}
body.rtls #right-sidebar .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
width: 100%;
color: #333;
background: #f9f9f9;
border-color: #dee2e6 #dee2e6 #fff;
}
.ui-tab .tab-content {
padding: 20px 0;
}
.tab-padding {
padding: 20px;
}
/* Tabs Panels */
.card.fullscreen {
z-index: 2030;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
margin-bottom: 0;
}
.card-tools {
float: right;
margin-top: -30px;
}
.card.fullscreen .collapse-link {
display: none;
cursor: pointer;
}
.fullscreen {
cursor: pointer;
}
.collapse-link {
cursor: pointer;
}
.close-link {
cursor: pointer;
}
.card.fullscreen .card-body {
min-height: calc(100% - 48px);
}
.dropdown-user {
right: 0;
left: auto;
}
/* Fonts Styles */
.font-bold {
font-weight: 600;
}
/* GLOBAL */
.no-padding {
padding: 0 !important;
}
.no-borders {
border: none !important;
}
.no-margins {
margin: 0 !important;
}
.no-top-border {
border-top: 0 !important;
}
.panel-box-content.text-box {
padding-bottom: 0;
padding-top: 15px;
}
.border-left-right {
border-left: 1px solid #e7eaec;
border-right: 1px solid #e7eaec;
}
.border-top-bottom {
border-top: 1px solid #e7eaec;
border-bottom: 1px solid #e7eaec;
}
.border-left {
border-left: 1px solid #e7eaec;
}
.border-right {
border-right: 1px solid #e7eaec;
}
.border-top {
border-top: 1px solid #e7eaec !important;
width: 100%;
}
.border-bottom {
border-bottom: 1px solid #e7eaec;
}
.border-size-sm {
border-width: 3px;
}
.border-size-md {
border-width: 6px;
}
.border-size-lg {
border-width: 9px;
}
.border-size-xl {
border-width: 12px;
}
.full-width {
width: 100% !important;
}
.link-block {
font-size: 12px;
padding: 10px;
}
.nav.navbar-top-links .link-block a {
font-size: 12px;
}
.link-block a {
font-size: 10px;
color: inherit;
}
body.mini-navbar .branding {
display: none;
}
img.circle-border {
border: 6px solid #FFFFFF;
border-radius: 50%;
}
.branding {
float: left;
color: #FFFFFF;
font-size: 18px;
font-weight: 600;
padding: 17px 20px;
text-align: center;
background-color: #17a2b8;
}
.login-panel {
margin-top: 25%;
}
.icons-box h3 {
margin-top: 10px;
margin-bottom: 10px;
}
.icons-box .infont {
float: left;
}
.icons-box .infont a i {
font-size: 25px;
display: block;
color: #676a6c;
}
.icons-box .infont a {
color: #a6a8a9;
}
.icons-box .infont a {
padding: 10px;
margin: 1px;
display: block;
}
.ui-draggable .panel-box-title {
cursor: move;
}
.breadcrumb {
background-color: transparent !important;
margin-bottom: 0;
padding: 5px 0px;
}
.breadcrumb>li.position {
right: 25px;
left: auto;
position: absolute;
}
body.rtls .breadcrumb>li.position {
right: auto;
left: 25px;
position: absolute;
}
.breadcrumb>li>a {
color: inherit;
padding: 0px 5px;
font-size: 13px;
text-shadow: #fff 0 1px;
font-weight: 600;
}
.breadcrumb>li>a.default {
color: #9874ce;
}
.breadcrumb>.active {
font-size: 13px;
}
.left-icon-breadcrumb {
float: left;
font-size: 4rem;
margin: -20px 10px 0px 0px;
}
code {
background-color: #F9F2F4;
border-radius: 4px;
color: #40a3ca;
font-size: 90%;
padding: 2px 4px;
white-space: nowrap;
}
.panel-box {
clear: both;
margin-bottom: 25px;
padding: 0;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
background-color: #fff;
-webkit-box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
box-shadow: 0 0 13px 0 rgba(62, 44, 90, .08);
margin-bottom: 1.5rem;
border-radius: 6px !important;
border: 0px solid rgba(0, 0, 0, .09);
border-bottom-color: rgba(0, 0, 0, 0.09);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom: 1px solid #e0e0e0;
border-radius: 4px;
-webkit-transition: border .5s ease-out;
transition: border .5s ease-out;
width: 100%;
}
.panel-box.collapsed .panel-box-content {
display: none;
}
.panel-box.collapsed .fa.fa-chevron-up:before {
content: "\f078";
}
.panel-box.collapsed .fa.fa-chevron-down:before {
content: "\f077";
}
.panel-box:after,
.panel-box:before {
display: table;
}
.panel-box-title {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffffff;
border-color: #e7eaec;
border-image: none;
border-style: solid solid none;
border-width: 2px 0 0;
color: inherit;
margin-bottom: 0;
padding: 15px 15px 7px;
min-height: 48px;
border-bottom: 1px solid #eeeeee;
}
.panel-box-content {
padding: 0px 0px 10px 0px;
}
.responsive{
overflow-x: scroll;
}
.panel-box-footer {
color: inherit;
border-top: 1px solid #e7eaec;
font-size: 90%;
background: #ffffff;
padding: 10px 15px;
}
table.table-mail tr td {
padding: 12px;
}
.table-mail .check-mail {
padding-left: 20px;
}
.table-mail .mail-date {
padding-right: 20px;
}
.star-mail,
.check-mail {
width: 40px;
}
.unread td a,
.unread td {
font-weight: 600;
color: inherit;
}
.read td a,
.read td {
font-weight: normal;
color: inherit;
}
.unread td {
background-color: #f9f8f8;
}
.panel-box-content {
clear: both;
}
.panel-box-heading {
background-color: #f3f6fb;
border-bottom: none;
padding: 15px;
}
.panel-box-heading h3 {
font-weight: 200;
font-size: 24px;
}
.panel-box-title h5 {
display: inline-block;
font-size: 14px;
margin: 0 0 7px;
padding: 0;
text-overflow: ellipsis;
}
.panel-box-title .label {
float: left;
margin-left: 4px;
}
.panel-box-tools {
float: right !important;
display: block;
float: none;
margin-top: 0px;
position: relative;
padding: 0;
text-align: right;
}
.panel-box-tools a {
cursor: pointer;
margin-left: 5px;
color: #c4c4c4;
}
.panel-box-tools a.btn-primary {
color: #fff;
}
.panel-box-tools .dropdown-menu>li>a {
padding: 4px 10px;
font-size: 12px;
}
.panel-box .panel-box-tools.open>.dropdown-menu {
right: 0;
left: auto;
}
/* BACKGROUNDS */
.gray-bg,
.bg-muted {
background-color: #f3f3f3;
}
.white-bg {
background-color: #ffffff;
}
.blue-bg,
.bg-success {
background-color: #28a745;
color: #ffffff;
}
.navy-bg,
.bg-primary {
background-color: #17a2b8;
color: #ffffff;
}
.lazur-bg,
.bg-info {
background-color: #23c6c8;
color: #ffffff;
}
.yellow-bg,
.bg-warning {
background-color: #f8ac59;
color: #ffffff;
}
.red-bg,
.bg-danger {
background-color: #ed5565;
color: #ffffff;
}
.black-bg {
background-color: #262626;
}
.panel-primary {
border-color: #17a2b8;
}
.panel-primary>.panel-heading {
background-color: #17a2b8;
border-color: #17a2b8;
}
.panel-success {
border-color: #28a745;
}
.panel-success>.panel-heading {
background-color: #28a745;
border-color: #28a745;
color: #ffffff;
}
.panel-info {
border-color: #23c6c8;
}
.panel-info>.panel-heading {
background-color: #23c6c8;
border-color: #23c6c8;
color: #ffffff;
}
.panel-warning {
border-color: #f8ac59;
}
.panel-warning>.panel-heading {
background-color: #f8ac59;
border-color: #f8ac59;
color: #ffffff;
}
.panel-danger {
border-color: #ed5565;
}
.panel-danger>.panel-heading {
background-color: #ed5565;
border-color: #ed5565;
color: #ffffff;
}
.progress-bar {
background-color: #17a2b8;
}
.progress-small,
.progress-small .progress-bar {
height: 10px;
}
.progress-small,
.progress-mini {
margin-top: 5px;
}
.progress-mini,
.progress-mini .progress-bar {
height: 5px;
margin-bottom: 0;
}
.progress-bar-navy-light {
background-color: #3dc7ab;
}
.progress-bar-success {
background-color: #28a745;
}
.progress-bar-info {
background-color: #23c6c8;
}
.progress-bar-warning {
background-color: #f8ac59;
}
.progress-bar-danger {
background-color: #ed5565;
}
.panel-title {
font-size: inherit;
}
.jumbotron {
border-radius: 6px;
padding: 40px;
}
.jumbotron h1 {
margin-top: 0;
}
/* COLORS */
.text-navy {
color: #6f42c1;
}
.text-primary {
color: #007bff;
}
.text-success {
color: #28a745;
}
.text-info {
color: #17a2b8;
}
.text-warning {
color: #ffc107;
}
.text-danger {
color: #dc3545;
}
.text-muted {
color: #888888;
}
.text-white {
color: #ffffff;
}
.simple_tag {
background-color: #f3f3f4;
border: 1px solid #e7eaec;
border-radius: 2px;
color: inherit;
font-size: 10px;
margin-right: 5px;
margin-top: 5px;
padding: 5px 12px;
display: inline-block;
}
.img-shadow {
-webkit-box-shadow: 0 0 3px 0 #919191;
-moz-box-shadow: 0 0 3px 0 #919191;
box-shadow: 0 0 3px 0 #919191;
}
/* For handle diferent bg color in AngularJS version */
.dashboards\.dashboard_2 nav.navbar,
.dashboards\.dashboard_3 nav.navbar,
.mailbox\.inbox nav.navbar,
.mailbox\.email_view nav.navbar,
.mailbox\.email_compose nav.navbar,
.dashboards\.dashboard_4_1 nav.navbar,
.metroics nav.navbar,
.metroics\.index nav.navbar,
.dashboards\.dashboard_5 nav.navbar {
background: #fff;
}
/* For handle diferent bg color in MVC version */
.Dashboard_2 .navbar.navbar-static-top,
.Dashboard_3 .navbar.navbar-static-top,
.Dashboard_4_1 .navbar.navbar-static-top,
.ComposeEmail .navbar.navbar-static-top,
.EmailView .navbar.navbar-static-top,
.Inbox .navbar.navbar-static-top,
.metroics .navbar.navbar-static-top,
.Dashboard_5 .navbar.navbar-static-top {
background: #fff;
}
body.canvas-menu.mini-navbar nav.navbar-static-side a.close-canvas-menu {
display:none;
position: absolute;
top: 20px;
right: 15px;
z-index: 1011;
color: #fff !important;
font-weight: 100;
font-size: 16px;
}
body.rtls.canvas-menu.mini-navbar nav.navbar-static-side a.close-canvas-menu {
display:none;
position: absolute;
top: 20px;
left: 15px !important;
right:auto !important;
z-index: 1011;
color: #fff !important;
font-weight: 100;
font-size: 16px;
}
body.rtls.canvas-menu.mini-navbar nav.navbar-static-side a.close-canvas-menu.float-right{
float:left!important;
}
body.body-small.mini-navbar nav.navbar-static-side a.close-canvas-menu {
display:block;
}
body.rtls.body-small.mini-navbar nav.navbar-static-side a.close-canvas-menu {
display:block;
}
body.rtls a.close-canvas-menu {
display:none;
}
body.rtls a.close-canvas-menu {
position: absolute;
top: 22px;
left: 15px !important;
right: auto;
z-index: 1011;
color: #fff !important;
font-weight: 600;
font-size: 20px;
}
a.close-canvas-menu i {
color: #ddd !important;
}
body.rtls a.close-canvas-menu {
color: #ddd !important;
}
a.close-canvas-menu:hover {
color: #fff;
}
.close-canvas-menu {
display: none;
}
.canvas-menu .close-canvas-menu {
display: block;
}
.canvas-menu .close-canvas-menu i:hover {
color: #fff;
}
.light-navbar .navbar.navbar-static-top {
background-color: #ffffff;
}
/* FULL HEIGHT */
.full-height {
height: 100%;
}
.fh-breadcrumb {
height: calc(100% - 196px);
margin: 0 -15px;
position: relative;
}
.fh-no-breadcrumb {
height: calc(100% - 99px);
margin: 0 -15px;
position: relative;
}
.fh-column {
background: #fff;
height: 100%;
width: 240px;
float: left;
}
.spiner-example {
height: 200px;
padding-top: 70px;
}
.modal {
z-index: 999999 !important;
border-radius: 16px;
}
.modal-backdrop {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: #000;
}
/* MARGINS & PADDINGS */
.p-xxs {
padding: 5px;
}
.p-xs {
padding: 10px;
}
.p-sm {
padding: 15px;
}
.p-m {
padding: 20px;
}
.p-md {
padding: 25px;
}
.p-lg {
padding: 30px;
}
.p-xl {
padding: 40px;
}
.p-w-xs {
padding: 0 10px;
}
.p-w-sm {
padding: 0 15px;
}
.p-w-m {
padding: 0 20px;
}
.p-w-md {
padding: 0 25px;
}
.p-w-lg {
padding: 0 30px;
}
.p-w-xl {
padding: 0 40px;
}
.p-h-xs {
padding: 10px 0;
}
.p-h-sm {
padding: 15px 0;
}
.p-h-m {
padding: 20px 0;
}
.p-h-md {
padding: 25px 0;
}
.p-h-lg {
padding: 30px 0;
}
.p-h-xl {
padding: 40px 0;
}
.m-xxs {
margin: 2px 4px;
}
.m {
margin: 15px;
}
.m-xs {
margin: 5px;
}
.m-sm {
margin: 10px;
}
.m-md {
margin: 20px;
}
.m-lg {
margin: 30px;
}
.m-xl {
margin: 50px;
}
.m-n {
margin: 0 !important;
}
.m-l-none {
margin-left: 0;
}
.m-l-xs {
margin-left: 5px;
}
.m-l-sm {
margin-left: 10px;
}
.m-l {
margin-left: 15px;
}
.m-l-md {
margin-left: 20px;
}
.m-l-lg {
margin-left: 30px;
}
.m-l-xl {
margin-left: 40px;
}
.m-l-n-xxs {
margin-left: -1px;
}
.m-l-n-xs {
margin-left: -5px;
}
.m-l-n-sm {
margin-left: -10px;
}
.m-l-n {
margin-left: -15px;
}
.m-l-n-md {
margin-left: -20px;
}
.m-l-n-lg {
margin-left: -30px;
}
.m-l-n-xl {
margin-left: -40px;
}
.m-t-none {
margin-top: 0;
}
.m-t-xxs {
margin-top: 1px;
}
.m-t-xs {
margin-top: 5px;
}
.m-t-sm {
margin-top: 10px;
}
.m-t {
margin-top: 15px;
}
.m-t-md {
margin-top: 20px;
}
.m-t-lg {
margin-top: 30px;
}
.m-t-xl {
margin-top: 40px;
}
.m-t-n-xxs {
margin-top: -1px;
}
.m-t-n-xs {
margin-top: -5px;
}
.m-t-n-sm {
margin-top: -10px;
}
.m-t-n {
margin-top: -15px;
}
.m-t-n-md {
margin-top: -20px;
}
.m-t-n-lg {
margin-top: -30px;
}
.m-t-n-xl {
margin-top: -40px;
}
.m-r-none {
margin-right: 0;
}
.m-r-xxs {
margin-right: 1px;
}
.m-r-xs {
margin-right: 5px;
}
.m-r-sm {
margin-right: 10px;
}
.m-r {
margin-right: 15px;
}
.m-r-md {
margin-right: 20px;
}
.m-r-lg {
margin-right: 30px;
}
.m-r-xl {
margin-right: 40px;
}
.m-r-n-xxs {
margin-right: -1px;
}
.m-r-n-xs {
margin-right: -5px;
}
.m-r-n-sm {
margin-right: -10px;
}
.m-r-n {
margin-right: -15px;
}
.m-r-n-md {
margin-right: -20px;
}
.m-r-n-lg {
margin-right: -30px;
}
.m-r-n-xl {
margin-right: -40px;
}
.m-b-none {
margin-bottom: 0;
}
.m-b-xxs {
margin-bottom: 1px;
}
.m-b-xs {
margin-bottom: 5px;
}
.m-b-sm {
margin-bottom: 10px;
}
.m-b {
margin-bottom: 15px;
}
.m-b-md {
margin-bottom: 20px;
}
.m-b-lg {
margin-bottom: 30px;
}
.m-b-xl {
margin-bottom: 40px;
}
.m-b-n-xxs {
margin-bottom: -1px;
}
.m-b-n-xs {
margin-bottom: -5px;
}
.m-b-n-sm {
margin-bottom: -10px;
}
.m-b-n {
margin-bottom: -15px;
}
.m-b-n-md {
margin-bottom: -20px;
}
.m-b-n-lg {
margin-bottom: -30px;
}
.m-b-n-xl {
margin-bottom: -40px;
}
.space-15 {
margin: 15px 0;
}
.space-20 {
margin: 20px 0;
}
.space-25 {
margin: 25px 0;
}
.space-30 {
margin: 30px 0;
}
.img-sm {
width: 32px;
height: 32px;
}
.img-md {
width: 64px;
height: 64px;
}
.img-lg {
width: 96px;
height: 96px;
}
.b-r-xs {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.b-r-sm {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.b-r-md {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.b-r-lg {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.b-r-xl {
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}
.fullscreen-panel-box-mode .animated {
animation: none;
}
body.fullscreen-panel-box-mode {
overflow-y: hidden;
}
.panel-box.fullscreen {
z-index: 2030;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
margin-bottom: 0;
}
.panel-box.fullscreen .collapse-link {
display: none;
}
.panel-box.fullscreen .panel-box-content {
min-height: calc(100% - 48px);
}
body.modal-open {
padding-right: inherit !important;
}
body.modal-open .wrapper-content.animated {
-webkit-animation: none;
-ms-animation-nam: none;
animation: none;
}
body.modal-open .animated {
animation-fill-mode: initial;
z-index: inherit;
}
/* Show profile dropdown on fixed sidebar */
body.mini-navbar.fixed-sidebar .profile-element,
.block {
display: block !important;
}
body.mini-navbar.fixed-sidebar .nav-header {
padding: 33px 25px;
}
body.mini-navbar.fixed-sidebar .logo-element {
display: none;
}
.fullscreen-video .animated {
animation: none;
}
/* SEARCH PAGE */
.search-form {
width: 100%;
margin-top: 10px;
}
.search-result h3 {
margin-bottom: 0;
color: #1E0FBE;
}
.search-result .search-link {
color: #006621;
}
.search-result p {
font-size: 12px;
margin-top: 5px;
}
.search-result .card-img-top{
height:310px;
}
/* CONTACTS */
.contact-box {
background-color: #ffffff;
border: 1px solid #e7eaec;
padding: 20px;
margin-bottom: 20px;
}
.contact-box>a {
color: inherit;
}
.contact-box.center-version {
border: 1px solid #e7eaec;
padding: 0;
}
.contact-box.center-version>a {
display: block;
background-color: #ffffff;
padding: 20px;
text-align: center;
}
.contact-box.center-version>a img {
width: 80px;
height: 80px;
margin-top: 10px;
margin-bottom: 10px;
}
.contact-box.center-version address {
margin-bottom: 0;
}
.contact-box .contact-box-footer {
text-align: center;
background-color: #ffffff;
border-top: 1px solid #e7eaec;
padding: 15px 20px;
}
/* INVOICE */
.invoice-table tbody>tr>td:last-child,
.invoice-table tbody>tr>td:nth-child(4),
.invoice-table tbody>tr>td:nth-child(3),
.invoice-table tbody>tr>td:nth-child(2) {
text-align: right;
}
.invoice-table thead>tr>th:last-child,
.invoice-table thead>tr>th:nth-child(4),
.invoice-table thead>tr>th:nth-child(3),
.invoice-table thead>tr>th:nth-child(2) {
text-align: right;
}
.invoice-total>tbody>tr>td:first-child {
text-align: right;
}
.invoice-total>tbody>tr>td {
border: 0 none;
}
.invoice-total>tbody>tr>td:last-child {
border-bottom: 1px solid #DDDDDD;
text-align: right;
width: 15%;
}
/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
max-width: 400px;
z-index: 100;
margin: 0 auto;
padding-top: 40px;
}
.lockscreen.middle-box {
width: 200px;
padding-top: 110px;
}
.loginscreen.middle-box {
width: 300px;
}
.loginColumns {
max-width: 800px;
margin: 0 auto;
padding: 100px 20px 20px 20px;
}
.passwordBox {
max-width: 460px;
margin: 0 auto;
padding: 100px 20px 20px 20px;
}
.logo-name {
color: #e6e6e6;
font-size: 180px;
font-weight: 800;
letter-spacing: -10px;
margin-bottom: 0;
}
.middle-box h1 {
font-size: 170px;
}
.wrapper .middle-box {
margin-top: 140px;
}
.lock-word {
z-index: 10;
position: absolute;
top: 110px;
left: 50%;
margin-left: -470px;
}
.lock-word span {
font-size: 100px;
font-weight: 600;
color: #e9e9e9;
display: inline-block;
}
.lock-word .first-word {
margin-right: 160px;
}
/* DASBOARD */
.dashboard-header {
border-top: 0;
padding: 20px 20px 20px 20px;
}
.dashboard-header h2 {
margin-top: 10px;
font-size: 26px;
}
.fist-item {
border-top: none !important;
}
.radius {
border-radius: 10px;
}
.statistic-box {
border-radius: 10px;
padding: 5px 20px;
}
.statistic-box h4 {
padding: 0px 10px;
font-size: 28px;
color: #999;
}
.statistic-box h6 {
font-size: 28px;
padding: 0px 10px;
color: #999;
}
.statistic-box h6 {
color: #999;
font-size: 16px;
}
.statistic-charts {
text-align: center;
padding: 40px 20px;
}
.icon-size {
font-size: 40px;
position: absolute;
top:20px;
right:20px;
}
.icon-size:hover {
font-size: 50px;
}
.static-wrapper{
width:100%;
overflow: hidden;
}
.statistic-footer {
width:100%;
overflow: hidden;
border-top: 1px solid #e7eaec !important;
}
.statistic-footer p {
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.dashboard-header .list-group-item span.label {
margin-right: 10px;
}
.list-group.clear-list .list-group-item {
border-top: 1px solid #e7eaec;
border-bottom: 0;
border-right: 0;
border-left: 0;
padding: 10px 0;
}
ul.clear-list:first-child {
border-top: none !important;
}
/* Well */
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
/* Sortable Css*/
#draggableMultiple .sortable-moves {
cursor: move;
margin-bottom: 0;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
margin-bottom: 20px;
padding: 15px 0 15px 60px;
}
.sortable-moves {
font-size: 14px;
line-height: 1.55556em;
list-style-type: none;
margin-bottom: 15px;
min-height: 3.55556em;
padding-left: 5.11111em;
position: relative;
cursor: move;
}
.sortable-moves .img-circle {
position: absolute;
width:50px;
height: 50px;
left: 5px;
border-radius: 5px;
top: 15px;
}
.sortable-moves h6 {
font-weight: 600;
padding-left: 15px;
}
.sortable-moves p {
padding-left: 15px;
}
/* Width And Height Size */
.width-100{
width:100px !important;
}
.height-100{
width:100px !important;
}
.width-200{
width:200px !important;
}
.height-200{
width:200px !important;
}
.width-300{
width:300px !important;
}
.height-300{
width:300px !important;
}
.width-400{
width:400px !important;
}
.height-400{
width:400px !important;
}
.width-500{
width:500px !important;
}
.height-500{
width:500px !important;
}
/* Grid Border */
.grid-layout span {
display: block;
background-color: #ddd;
padding: 10px;
margin: 5px 0;
}
.vertical-alignment .row {
padding: 15px 0;
min-height: 10rem;
border: 1px solid #ddd;
}
/* Intimeline */
.timeline-item .date i {
position: absolute;
top: 0;
right: 0;
padding: 5px;
width: 30px;
text-align: center;
border-top: 1px solid #e7eaec;
border-bottom: 1px solid #e7eaec;
border-left: 1px solid #e7eaec;
background: #f8f8f8;
}
.timeline-item .date {
text-align: right;
width: 110px;
position: relative;
padding-top: 30px;
}
.timeline-item .content {
border-left: 1px solid #e7eaec;
border-top: 1px solid #e7eaec;
padding-top: 10px;
min-height: 100px;
}
.timeline-item .content:hover {
background: #f6f6f6;
}
/* FILE MANAGER */
.file-box {
float: left;
width: 200px;
}
.file-manager h5 {
text-transform: uppercase;
}
.file-manager {
list-style: none outside none;
margin: 0;
padding: 0;
}
.folder-list li a {
color: #666666;
display: block;
padding: 5px 0;
}
.folder-list li {
border-bottom: 1px solid #e7eaec;
display: block;
}
.folder-list li i {
margin-right: 8px;
color: #3d4d5d;
}
.category-list li a {
color: #666666;
display: block;
padding: 5px 0;
}
.category-list li {
display: block;
}
.category-list li i {
margin-right: 8px;
}
.category-list li a .text-navy {
color: #17a2b8;
}
.category-list li a .text-primary {
color: #28a745;
}
.category-list li a .text-info {
color: #23c6c8;
}
.category-list li a .text-danger {
color: #EF5352;
}
.category-list li a .text-warning {
color: #F8AC59;
}
.file-manager h5.tag-title {
margin-top: 20px;
}
.tag-list li {
float: left;
}
.tag-list li a {
font-size: 10px;
background-color: #f3f3f4;
padding: 5px 12px;
color: inherit;
border-radius: 2px;
border: 1px solid #e7eaec;
margin-right: 5px;
margin-top: 5px;
display: block;
}
.file {
border: 1px solid #e7eaec;
padding: 0;
background-color: #ffffff;
position: relative;
margin-bottom: 20px;
margin-right: 20px;
}
.file-manager .hr-line-dashed {
margin: 15px 0;
}
.file .icon,
.file .image {
height: 100px;
overflow: hidden;
}
.file .icon {
padding: 15px 10px;
text-align: center;
}
.file-control {
color: inherit;
font-size: 11px;
margin-right: 10px;
}
.file-control.active {
text-decoration: underline;
}
.file .icon i {
font-size: 70px;
color: #dadada;
}
.file .file-name {
padding: 10px;
background-color: #f8f8f8;
border-top: 1px solid #e7eaec;
}
.file-name small {
color: #676a6c;
}
.corner {
position: absolute;
display: inline-block;
width: 0;
height: 0;
line-height: 0;
border: 0.6em solid transparent;
border-right: 0.6em solid #f1f1f1;
border-bottom: 0.6em solid #f1f1f1;
right: 0em;
bottom: 0em;
}
a.compose-mail {
padding: 8px 10px;
}
.mail-search {
max-width: 300px;
}
/* PROFILE */
.accounts-img {
width: 36px;
height: 36px;
border-radius: 50%;
margin: 0px 4px;
}
.tag-pad li a {
font-size: 10px;
background-color: white;
padding: 5px 12px;
color: inherit;
border-radius: 2px;
border: 1px solid #dcdcdc;
margin-right: 5px;
margin-top: 5px;
display: block;
text-decoration: none;
list-style-type: none;
}
.panel-body {
padding: 10px 0px;
overflow: hidden;
}
.team-members {
width: 100%;
}
.team-members a {
float: left;
margin: 0px 4px;
}
.image_outer_container {
margin-top: auto;
margin-bottom: auto;
border-radius: 50%;
position: relative;
}
.image_inner_container {
height: 50px;
width: 50px;
border-radius: 50%;
padding: 5px;
background: -webkit-linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4);
background: linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4);
}
.image_inner_container img {
height: 40px;
width: 40px;
border-radius: 50%;
border: 5px solid white;
}
.profile-content {
border-top: none !important;
}
.profile-stats {
margin-right: 10px;
}
.profile-image {
width: 120px;
float: left;
}
.profile-image img {
width: 96px;
height: 96px;
}
.profile-info {
margin-left: 120px;
}
.feed-activity-list .feed-element {
border-bottom: 1px solid #e7eaec;
}
.feed-element:first-child {
margin-top: 0;
}
.feed-element {
padding-bottom: 15px;
}
.feed-element,
.feed-element .media {
margin-top: 15px;
}
.feed-element,
.media-body {
overflow: hidden;
}
.feed-element>.pull-left {
margin-right: 10px;
}
.feed-element img.rounded-circle,
.dropdown-messages-box img.rounded-circle {
width: 38px;
height: 38px;
}
.feed-element .well {
border: 1px solid #e7eaec;
box-shadow: none;
margin-top: 10px;
margin-bottom: 5px;
padding: 10px 20px;
font-size: 11px;
line-height: 16px;
}
.feed-element .actions {
margin-top: 10px;
}
.feed-element .photos {
margin: 10px 0;
}
.feed-photo {
max-height: 180px;
border-radius: 4px;
overflow: hidden;
margin-right: 10px;
margin-bottom: 10px;
}
.file-list li {
padding: 5px 10px;
font-size: 11px;
border-radius: 2px;
border: 1px solid #e7eaec;
margin-bottom: 5px;
}
.file-list li a {
color: inherit;
}
.file-list li a:hover {
color: #17a2b8;
}
.user-friends img {
width: 42px;
height: 42px;
margin-bottom: 5px;
margin-right: 5px;
}
/* PROJECTS */
.project-people,
.project-actions {
text-align: right;
vertical-align: middle;
}
dd.project-people {
text-align: left;
margin-top: 5px;
}
.project-people img {
width: 32px;
height: 32px;
}
.project-title a {
font-size: 14px;
color: #676a6c;
font-weight: 600;
}
.project-list table tr td {
border-top: none;
border-bottom: 1px solid #e7eaec;
padding: 15px 10px;
vertical-align: middle;
}
.project-manager .tag-list li a {
font-size: 10px;
background-color: white;
padding: 5px 12px;
color: inherit;
border-radius: 2px;
border: 1px solid #e7eaec;
margin-right: 5px;
margin-top: 5px;
display: block;
}
.project-files li a {
font-size: 11px;
color: #676a6c;
margin-left: 10px;
line-height: 22px;
}
/* FAQ */
.faq-item {
padding: 20px;
margin-bottom: 2px;
background: #fff;
}
.faq-question {
font-size: 18px;
font-weight: 600;
color: #17a2b8;
display: block;
}
.faq-question:hover {
color: #179d82;
}
.faq-answer {
margin-top: 10px;
background: #f3f3f4;
border: 1px solid #e7eaec;
border-radius: 3px;
padding: 15px;
}
.faq-item .tag-item {
background: #f3f3f4;
padding: 2px 6px;
font-size: 10px;
text-transform: uppercase;
}
/* Chat view */
.message-input {
height: 90px !important;
}
.chat-avatar {
width: 36px;
height: 36px;
float: left;
margin-right: 10px;
}
.chat-user-name {
padding: 10px;
}
.chat-user {
padding: 8px 10px;
border-bottom: 1px solid #e7eaec;
}
.chat-user a {
color: inherit;
}
.chat-view {
z-index: 20012;
}
.chat-users,
.chat-statistic {
margin-left: -30px;
}
@media (max-width: 992px) {
.chat-users,
.chat-statistic {
margin-left: 0;
}
}
.chat-view .panel-box-content {
padding: 0;
}
.chat-message {
padding: 10px 20px;
}
.message-avatar {
height: 48px;
width: 48px;
border: 1px solid #e7eaec;
border-radius: 4px;
margin-top: 1px;
}
.chat-discussion .chat-message.left .message-avatar {
float: left;
margin-right: 10px;
}
.chat-discussion .chat-message.right .message-avatar {
float: right;
margin-left: 10px;
}
.message {
background-color: inherit;
text-align: left;
display: block;
padding: 10px 20px;
position: relative;
border-radius: 4px;
}
.chat-discussion .chat-message.left .message-date {
float: right;
}
.chat-discussion .chat-message.right .message-date {
float: left;
}
.chat-discussion .chat-message.left .message {
text-align: left;
margin-left: 55px;
}
.chat-discussion .chat-message.right .message {
text-align: right;
margin-right: 55px;
}
.message-date {
font-size: 10px;
color: #888888;
}
.message-content {
display: block;
}
.chat-discussion {
background: #eee;
padding: 15px;
height: 400px;
overflow-y: auto;
}
.chat-users {
overflow-y: auto;
height: 400px;
}
.chat-message-form .form-group {
margin-bottom: 0;
}
/* jsTree */
.jstree-open>.jstree-anchor>.fa-folder:before {
content: "\f07c";
}
.jstree-default .jstree-icon.none {
width: 0;
}
/* CLIENTS */
.clients-list {
margin-top: 20px;
}
.clients-list .tab-pane {
position: relative;
height: 600px;
}
.client-detail {
position: relative;
height: 620px;
}
.clients-list table tr td {
height: 46px;
vertical-align: middle;
border: none;
}
.client-link {
font-weight: 600;
color: inherit;
}
.client-link:hover {
color: inherit;
}
.client-avatar {
width: 42px;
}
.client-avatar img {
width: 28px;
height: 28px;
border-radius: 50%;
}
.contact-type {
width: 20px;
color: #c1c3c4;
}
.client-status {
text-align: left;
}
.client-detail .vertical-timeline-content p {
margin: 0;
}
.client-detail .vertical-timeline-icon.gray-bg {
color: #a7aaab;
}
.clients-list .nav-tabs>li.active>a,
.clients-list .nav-tabs>li.active>a:hover,
.clients-list .nav-tabs>li.active>a:focus {
border-bottom: 1px solid #fff;
}
/* BLOG ARTICLE */
.blog h2 {
font-weight: 700;
}
.blog h5 {
margin: 0 0 5px 0;
}
.blog .btn {
margin: 0 0 5px 0;
}
.article h1 {
font-size: 48px;
font-weight: 700;
color: #584475;
}
.article p {
font-size: 15px;
line-height: 26px;
}
.article-title {
text-align: center;
margin: 40px 0 100px 0;
}
.article .panel-box-content {
padding: 40px;
}
/* ISSUE TRACKER */
.issue-tracker .btn-link {
color: #17a2b8;
}
table.issue-tracker tbody tr td {
vertical-align: middle;
height: 50px;
}
.issue-info {
width: 50%;
}
.issue-info a {
font-weight: 600;
color: #676a6c;
}
.issue-info small {
display: block;
}
/* TEAMS */
.team-members {
margin: 10px 0;
}
.team-members img.rounded-circle {
width: 42px;
height: 42px;
margin-bottom: 5px;
}
/* AGILE BOARD */
.sortable-list {
padding: 10px 0;
}
.agile-list {
list-style: none;
margin: 0;
}
.agile-list li {
background: #FAFAFB;
border: 1px solid #e7eaec;
margin: 0 0 10px 0;
padding: 10px;
border-radius: 2px;
}
.agile-list li:hover {
cursor: pointer;
background: #fff;
}
.agile-list li.warning-element {
border-left: 3px solid #f8ac59;
}
.agile-list li.danger-element {
border-left: 3px solid #ed5565;
}
.agile-list li.info-element {
border-left: 3px solid #28a745;
}
.agile-list li.success-element {
border-left: 3px solid #17a2b8;
}
.agile-detail {
margin-top: 5px;
font-size: 12px;
}
/* DIFF */
ins {
background-color: #c6ffc6;
text-decoration: none;
}
del {
background-color: #ec0a0a;
color: rgb(255, 255, 255);
}
/* E-commerce */
.product-box {
padding: 0;
border: 1px solid #e7eaec;
}
.product-box:hover,
.product-box.active {
border: 1px solid transparent;
-webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
-moz-box-shadow: 0 3px 7px 0 #a8a8a8;
box-shadow: 0 3px 7px 0 #a8a8a8;
}
.product-imitation {
text-align: center;
padding: 90px 0;
background-color: #f8f8f9;
color: #bebec3;
font-weight: 600;
}
.cart-product-imitation {
text-align: center;
padding-top: 30px;
height: 80px;
width: 80px;
background-color: #f8f8f9;
}
.product-imitation.xl {
padding: 120px 0;
}
.product-desc {
padding: 20px;
position: relative;
}
.ecommerce .tag-list {
padding: 0;
}
.ecommerce .fa-star {
color: #d1dade;
}
.ecommerce .fa-star.active {
color: #f8ac59;
}
.ecommerce .note-editor {
border: 1px solid #e7eaec;
}
table.shoping-cart-table {
margin-bottom: 0;
}
table.shoping-cart-table tr td {
border: none;
text-align: right;
}
table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
text-align: left;
}
table.shoping-cart-table tr td:last-child {
width: 80px;
}
.product-name {
font-size: 16px;
font-weight: 600;
color: #676a6c;
display: block;
margin: 2px 0 5px 0;
}
.product-name:hover,
.product-name:focus {
color: #17a2b8;
}
.product-detail .panel-box-content {
padding: 30px 30px 50px 30px;
}
.image-imitation {
background-color: #f8f8f9;
text-align: center;
padding: 200px 0;
}
.product-main-price small {
font-size: 10px;
}
.product-images {
margin: 0 20px;
}
/* Social feed */
.social-feed-separated .social-feed-box {
margin-left: 62px;
}
.social-feed-separated .social-avatar {
float: left;
padding: 0;
}
.social-feed-separated .social-avatar img {
width: 52px;
height: 52px;
border: 1px solid #e7eaec;
}
.social-feed-separated .social-feed-box .social-avatar {
padding: 15px 15px 0 15px;
float: none;
}
.social-feed-box {
/*padding: 15px;*/
border: 1px solid #e7eaec;
background: #fff;
margin-bottom: 15px;
margin: 15px 0px;
}
.article .social-feed-box {
margin-bottom: 0;
border-bottom: none;
}
.article .social-feed-box:last-child {
margin-bottom: 0;
border-bottom: 1px solid #e7eaec;
}
.article .social-feed-box p {
font-size: 13px;
line-height: 18px;
}
.social-action {
margin: 15px;
}
.social-avatar {
padding: 15px 15px 0 15px;
}
.social-comment .social-comment {
margin-left: 45px;
}
.social-avatar img {
height: 40px;
width: 40px;
margin-right: 10px;
}
.social-avatar .media-body a {
font-size: 14px;
display: block;
}
.social-body {
padding: 15px;
}
.social-body img {
margin-bottom: 10px;
}
.social-footer {
border-top: 1px solid #e7eaec;
padding: 10px 15px;
background: #f9f9f9;
}
.social-footer .social-comment img {
width: 32px;
margin-right: 10px;
}
.social-comment:first-child {
margin-top: 0;
}
.social-comment {
margin-top: 15px;
}
.social-comment textarea {
font-size: 12px;
}
/* Vote list */
.vote-item {
padding: 20px 25px;
background: #ffffff;
border-top: 1px solid #e7eaec;
}
.vote-item:last-child {
border-bottom: 1px solid #e7eaec;
}
.vote-item:hover {
background: #fbfbfb;
}
.vote-actions {
float: left;
width: 30px;
margin-right: 15px;
text-align: center;
}
.vote-actions a {
color: #17a2b8;
font-weight: 600;
}
.vote-actions {
font-weight: 600;
}
.vote-title {
display: block;
color: inherit;
font-size: 18px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 2px;
}
.vote-title:hover,
.vote-title:focus {
color: inherit;
}
.vote-info,
.vote-title {
margin-left: 45px;
}
.vote-info,
.vote-info a {
color: #b4b6b8;
font-size: 12px;
}
.vote-info a {
margin-right: 10px;
}
.vote-info a:hover {
color: #17a2b8;
}
.vote-icon {
text-align: right;
font-size: 38px;
display: block;
color: #e8e9ea;
}
.vote-icon.active {
color: #17a2b8;
}
body.body-small .vote-icon {
display: none;
}
.lightBoxGallery {
text-align: center;
}
.lightBoxGallery img {
margin: 5px;
}
#small-chat {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 100;
}
#small-chat .badge {
position: absolute;
top: -3px;
right: -4px;
}
.open-small-chat {
height: 38px;
width: 38px;
display: block;
background: #404e67;
padding: 9px 8px;
text-align: center;
color: #fff;
border-radius: 50%;
}
.open-small-chat:hover {
color: white;
background: #5b7196;
}
.mini-chat-box {
display: none;
position: fixed;
bottom: 20px;
right: 75px;
background: #fff;
border: 1px solid #e7eaec;
width: 340px;
height: 330px;
border-radius: 4px;
z-index: 9999 !important;
}
.mini-chat-box.ng-small-chat {
display: block;
}
.body-small .mini-chat-box {
bottom: 10px;
right: 50px;
height: 330px;
width: 280px;
}
.mini-chat-box.active {
display: block;
}
.mini-chat-box .heading {
background: #404e67;
padding: 8px 15px;
font-weight: bold;
color: #fff;
}
.mini-chat-box .chat-date {
opacity: 0.6;
font-size: 14px;
font-weight: normal;
}
.mini-chat-box .content {
padding: 15px 15px;
}
.mini-chat-box .content .author-name {
font-weight: bold;
margin-bottom: 3px;
font-size: 14px;
}
.mini-chat-box .content>div {
padding-bottom: 20px;
}
.mini-chat-box .content .chat-message {
padding: 5px 10px;
border-radius: 6px;
font-size: 14px;
line-height: 14px;
max-width: 80%;
background: #f3f3f4;
margin-bottom: 10px;
}
.mini-chat-box .content .chat-message.active {
background: #17a2b8;
color: #fff;
}
.mini-chat-box .content .left {
text-align: left;
clear: both;
}
.mini-chat-box .content .left .chat-message {
float: left;
}
.mini-chat-box .content .right {
text-align: right;
clear: both;
}
.mini-chat-box .content .right .chat-message {
float: right;
}
.mini-chat-box .form-chat {
padding: 10px 10px;
}
.mini-chat-box .btn-primary {
background: #404e67;
color: #fff;
}
.mini-chat-box .btn-primary:hover {
background: #546788;
color: #fff;
}
/* Alert Messages Custom Css */
.alert {
font-size: 15px;
margin-bottom: 2rem
}
.alert.icons-alert {
border-left-width: 48px
}
.alert.icons-alert .alert-icon {
left: 15px;
position: relative;
text-align: center;
top: 0;
z-index: 3
}
.alert.icons-alert p {
line-height: 21px;
margin-bottom: 0
}
.close {
font-size: 16px;
margin-top: 5px
}
.alert-default {
background-color: #fff;
border-color: #574577;
color: #574577;
}
.alert-primary {
background-color: #fff;
border-color: #007bff;
color: #007bff
}
.alert-success {
background-color: #fff;
border-color: #27C24C;
color: #27C24C;
}
.alert-info {
background-color: #fff;
border-color: #2DCEE3;
color: #2DCEE3
}
.alert-warning {
background-color: #fff;
border-color: #FD7E14;
color: #FD7E14;
}
.alert-danger {
background-color: #fff;
border-color: #FF6384;
color: #FF6384;
}
.border-default {
border-color: transparent;
border-left: 3px solid #574577;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #574577;
box-shadow: 0 0 1px #999;
color: #574577;
}
.border-primary {
border-color: transparent;
border-left: 3px solid #007bff;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #007bff
}
.border-success {
border-color: transparent;
border-left: 3px solid #27C24C;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #27C24C;
}
.border-info {
border-color: transparent;
border-left: 3px solid #2DCEE3;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #2DCEE3
}
.border-warning {
border-color: transparent;
border-left: 3px solid #FD7E14;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #FD7E14;
}
.border-danger {
border-color: transparent;
border-left: 3px solid #FF6384;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #FF6384;
}
.double-border-default {
border-color: transparent;
border-left: 3px solid #574577;
border-right: 3px solid #574577;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #574577;
box-shadow: 0 0 1px #999;
color: #574577;
}
.double-border-primary {
border-color: transparent;
border-left: 3px solid #007bff;
border-right: 3px solid #007bff;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #007bff
}
.double-border-success {
border-color: transparent;
border-left: 3px solid #27C24C;
border-right: 3px solid #27C24C;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #27C24C;
}
.double-border-info {
border-color: transparent;
border-left: 3px solid #2DCEE3;
border-right: 3px solid #2DCEE3;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #2DCEE3
}
.double-border-warning {
border-color: transparent;
border-left: 3px solid #FD7E14;
border-right: 3px solid #FD7E14;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #FD7E14;
}
.double-border-danger {
border-color: transparent;
border-left: 3px solid #FF6384;
border-right: 3px solid #FF6384;
border-radius: 0;
-webkit-box-shadow: 0 0 1px #999;
box-shadow: 0 0 1px #999;
color: #FF6384;
}
.background-default {
background-color: #574577;
color: #fff
}
.background-primary {
background-color: #007bff;
color: #fff
}
.background-success {
background-color: #27C24C;
color: #fff
}
.background-info {
background-color: #2DCEE3;
color: #fff
}
.background-warning {
background-color: #FD7E14;
color: #fff
}
.background-danger {
background-color: #FF6384;
color: #fff
}
.icons-alert {
position: relative
}
.icons-alert:before {
color: #fff;
content: "\f110";
font-family: FontAwesome !important;
font-size: 16px;
left: -30px;
position: absolute;
top: 10px;
}
[class*="alert-"] code {
margin-left: 10px
}
/*
* metismenu - v2.0.2
* A jQuery menu plugin
* https://github.com/onokumus/metisMenu
*
* Made by Osman Nuri Okumus
* Under MIT License
*/
.metismenu .plus-minus,
.metismenu .plus-times {
float: right;
}
.metismenu .arrow {
float: right;
line-height: 1.42857;
}
.rtls .metismenu .arrow {
float: left !important;
line-height: 1.42857;
}
.metismenu .glyphicon.arrow:before {
content: "\e079";
}
.metismenu .active>a>.glyphicon.arrow:before {
content: "\e114";
}
.metismenu .fa.arrow:before {
content: "\f104";
}
.metismenu .active>a>.fa.arrow:before {
content: "\f107";
}
.metismenu .ion.arrow:before {
content: "\f3d2";
}
.metismenu .active>a>.ion.arrow:before {
content: "\f3d0";
}
.metismenu .fa.plus-minus:before,
.metismenu .fa.plus-times:before {
content: "\f067";
}
.metismenu .active>a>.fa.plus-times {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.metismenu .active>a>.fa.plus-minus:before {
content: "\f068";
}
.metismenu .collapse {
display: none;
}
.metismenu .collapse.in {
display: block;
}
.metismenu .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
}
.mini-navbar .metismenu .collapse {
opacity: 0;
}
.mini-navbar .metismenu .collapse.in {
opacity: 1;
}
.mini-navbar .metismenu .collapse a {
display: none;
}
.mini-navbar .metismenu .collapse.in a {
display: block;
}
/*
* Usage:
*
*
*
*/
.sk-spinner-rotating-plane.sk-spinner {
width: 30px;
height: 30px;
background-color: #17a2b8;
margin: 0 auto;
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-double-bounce.sk-spinner {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto;
}
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #17a2b8;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-spinner-double-bounce .sk-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-wave.sk-spinner {
margin: 0 auto;
width: 50px;
height: 30px;
text-align: center;
font-size: 10px;
}
.sk-spinner-wave div {
background-color: #17a2b8;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes sk-waveStretchDelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-wandering-cubes.sk-spinner {
margin: 0 auto;
width: 32px;
height: 32px;
position: relative;
}
.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
background-color: #17a2b8;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}
.sk-spinner-wandering-cubes .sk-cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-wanderingCubeMove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes sk-wanderingCubeMove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-pulse.sk-spinner {
width: 40px;
height: 40px;
margin: 0 auto;
background-color: #17a2b8;
border-radius: 100%;
-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
animation: sk-pulseScaleOut 1s infinite ease-in-out;
}
@-webkit-keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-chasing-dots.sk-spinner {
margin: 0 auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #17a2b8;
border-radius: 100%;
-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-spinner-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes sk-chasingDotsBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-chasingDotsBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-three-bounce.sk-spinner {
margin: 0 auto;
width: 70px;
text-align: center;
}
.sk-spinner-three-bounce div {
width: 18px;
height: 18px;
background-color: #17a2b8;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-threeBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*/
.sk-spinner-wordpress.sk-spinner {
background-color: #17a2b8;
width: 30px;
height: 30px;
border-radius: 30px;
position: relative;
margin: 0 auto;
-webkit-animation: sk-innerCircle 1s linear infinite;
animation: sk-innerCircle 1s linear infinite;
}
.sk-spinner-wordpress .sk-inner-circle {
display: block;
background-color: #fff;
width: 8px;
height: 8px;
position: absolute;
border-radius: 8px;
top: 5px;
left: 5px;
}
@-webkit-keyframes sk-innerCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sk-innerCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*
* Usage:
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*