ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / ts / public / dist / css

/*!
 * ThemeKit v2.0 (http://themekit.lavalite.org/)
 * Copyright 2018 The Lavalite Authors
 */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0;overflow-x: hidden; }

@media only screen and (max-width: 1023px) { .w-sm-100 { width: 100% !important; } }
@media only screen and (max-width: 767px) { .w-xs-100 { width: 100% !important; } }
.card { border-color: #ffff; position: relative; width: 100%; border: none; margin-bottom: 30px; -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.card .card-header { padding: 20px 20px; border: 0; background: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.card .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
.card .card-header h3 { margin: 0; font-size: 18px; font-weight: normal; color: #212121; }
.card .card-header .card-options a:not(.dropdown-item) { width: 30px; height: 30px; padding: 0; border-radius: 50%; text-align: center; line-height: 33px; color: #212121; display: inline-block; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.card .card-header .card-options span { color: #444; font-size: 12px; }
.card .card-header .card-search { position: relative; }
.card .card-header .card-search .form-control { padding-right: 60px; font-size: 14px; max-height: 30px; min-height: 30px; }
.card .card-header .card-search .form-control ~ .btn { position: absolute; right: 0; top: 0; padding: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 4px; background-color: #eceff1; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.card .card-header .card-search.with-adv-search .adv-btn { background-color: transparent; border: 0; position: absolute; right: 30px; top: 0; width: 30px; height: 30px; line-height: 30px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.card .card-header .card-search.with-adv-search .adv-search-wrap { padding: 20px; display: none; position: absolute; left: 30px !important; width: 100%; top: 30px; background-color: #ffffff; z-index: 4; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.card .card-header .card-search.with-adv-search .adv-search-wrap .form-control { padding-right: 15px; }
.card .card-header .card-search.with-adv-search .adv-search-wrap .btn { padding: 0 15px; font-size: 14px; height: 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }
.card .card-header .card-search.with-adv-search .adv-search-wrap.show { display: block; }
.card .card-header.note-toolbar { padding: 0 0 5px 5px; }
.card .card-header .dropdown .checkbox-dropdown { padding: 0px; width: 16px; height: 16px; background-color: #dee2e6; border-radius: .25rem; margin-right: 15px; }
.card .card-body { padding: 20px 20px; flex: 1 1 auto; position: relative; }
.card .card-footer { background-color: transparent; padding: 20px 20px; border-top: 1px solid #f1f1f1; }
.card .card-img { height: 100%; object-fit: cover; max-height: 200px; width: unset; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.card .card-img-overlay { background: rgba(0, 0, 0, 0.5); padding: 1.75rem; border-radius: 4px; }
.card.icon-card .card-body i { font-size: 46px; line-height: 66px; color: #212121; }
.card.icon-card .card-body .card-text { color: #8f8f8f; height: 30px; line-height: 26px; }
.card.icon-card .card-body .lead { color: #212121; margin-bottom: 0; }
.card .nav-pills.custom-pills { border-bottom: 1px solid #f1f1f1; }
.card .nav-pills.custom-pills .nav-link { border-radius: 0; opacity: .7; font-size: 14px; padding: 12px 15px; }
.card .nav-pills.custom-pills .nav-link.active { color: #ef4153; opacity: 1; background-color: transparent; border-bottom: 2px solid #ef4153; font-weight: bold; }

.widget { border-color: #ffff; position: relative; width: 100%; border: none; margin-bottom: 30px; background-color: #fff; overflow: hidden; -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.widget .widget-header { padding: 10px 20px; border-bottom: 1px solid #f5f7f9; position: relative; }
.widget .widget-header .widget-title { font-size: 18px; margin: 0; }
.widget .widget-header .widget-tools { position: absolute; right: 10px; top: 5px; }
.widget .widget-header .widget-tools .btn-widget-tool { padding: 5px; font-size: 16px; background: transparent; color: #97a0b3; }
.widget .widget-header .widget-tools .btn-widget-tool i { margin: 0; }
.widget .widget-header .widget-tools .btn-widget-tool:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.widget .widget-body { padding: 20px 20px; }
.widget .widget-body h6 { margin-bottom: 0; font-weight: 400; }
.widget .widget-body h2 { margin-bottom: 0px; font-weight: 600; }
.widget .widget-body .icon { font-size: 37px; color: #9aa0ac; }
.widget .widget-body .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.22); text-align: center; z-index: 3; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.widget .widget-body .overlay i { font-size: 32px; color: #ef4153; margin-bottom: 5px; }
.widget .progress { border-radius: 0; }
.widget[class*=bg-] .widget-header { background-color: rgba(255, 255, 255, 0.2); border-bottom-color: transparent; }
.widget[class*=bg-] .widget-header .widget-title { color: #fff; }
.widget[class*=bg-] .widget-header .widget-tools .btn-widget-tool { color: rgba(255, 255, 255, 0.6); }
.widget[class*=bg-] .widget-body { color: #ffffff; }
.widget[class*=bg-] .widget-body .icon { color: #ffffff; }
.widget.social-widget .widget-body { text-align: center; }

.loading { -webkit-animation-name: loading; animation-name: loading; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

@-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } }
@keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } }
.card-group .card:not(:last-child) { border-right: 1px solid #f1f1f1; }

.card .card-header { border-bottom: 1px solid #f1f1f1; }
.card .card-header .card-header-right { right: 10px; top: 16px; display: inline-block; position: absolute; }
.card .card-header .card-header-right .card-option { width: 35px; height: 25px; overflow: hidden; margin: 0; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.card .card-header .card-header-right .card-option li { display: inline-block; }
.card .card-header .card-header-right .card-option li i { margin: 0 5px; cursor: pointer; font-size: 15px; color: #8c8c8c; line-height: 2; font-weight: 300; }
.card .card-block { padding: 1.25rem; }
.card .card-body .icon { font-size: 37px; color: #9aa0ac; }
.card .feeds-widget { padding: 0; }
.card .feeds-widget .feed-item { display: block; padding: 12px 15px; border: 1px solid #efefef; border-left: 0; border-right: 0; }
.card .feeds-widget .feed-item a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.card .feeds-widget .feed-item a .feeds-left { width: 50px; font-size: 30px; }
.card .feeds-widget .feed-item a .feeds-body { width: 100%; }
.card .feeds-widget .feed-item a .feeds-body h4 { font-size: 16px; margin: 0; font-weight: 700; margin-bottom: 5px; }
.card .feeds-widget .feed-item a .feeds-body h4 ~ small { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 60px); font-size: 13px; color: #777; }
.card .feeds-widget .feed-item.feed-item { margin-top: -1px; }
.card .timeline .header { background-size: cover; color: #fff; position: relative; }
.card .timeline .header .color-overlay { padding: 2em; box-sizing: border-box; background: rgba(123, 94, 155, 0.5); line-height: normal; }
.card .timeline .header .color-overlay .day-number { font-size: 6em; margin-right: 15px; display: inline-block; font-weight: 700; line-height: 1; }
.card .timeline .header .color-overlay .date-right { display: inline-block; }
.card .timeline .header .color-overlay .date-right .day-name { font-size: 22px; }
.card .timeline .header .color-overlay .date-right .month { text-transform: uppercase; margin-top: 2px; }
.card .timeline ul { list-style: none; position: relative; padding-left: 30px; padding-top: 10px; margin: 0; }
.card .timeline ul:before, .card .timeline ul::before { content: ' '; height: 100%; width: 1px; background-color: #f0f0f0; position: absolute; top: 0; left: 35px; z-index: 1; }
.card .timeline ul li { padding-bottom: 15px; }
.card .timeline ul li .bullet { width: 10px; height: 10px; display: inline-block; z-index: 2; position: relative; vertical-align: top; margin: 7px 0; margin-right: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.card .timeline ul li .time { width: 20%; font-size: 10px; margin: 6px 0; vertical-align: top; display: inline-block; }
.card .timeline ul li .desc { width: 65%; display: inline-block; }
.card .timeline ul li .desc h3 { margin: 0; font-size: 14px; font-weight: 700; }
.card .timeline ul li .desc h4 { margin-top: 5px; font-size: 12px; color: #999; }
.card .task-list { margin: 0; padding: 0; }
.card .task-list li { display: block; padding: 15px 0 15px 0; margin: 0; cursor: pointer; }
.card .task-list li:first-child { padding-top: 0; }
.card .task-list li.list span { float: left; margin-top: 20px; color: #FF7E39; }
.card .task-list li.list span:before, .card .task-list li.list span::before { font-size: 1.5rem; content: "\e83f"; font-family: 'iconkit'; vertical-align: middle; border: 3px solid #FF7E39; padding: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.card .task-list li.list .task-details { margin-left: 60px; }
.card .task-list li.list .task-details p { margin: 0; padding: 10px 0 6px 0; line-height: 140%; }
.card .task-list li.list .task-details p.date { padding: 0; margin: 0; font-size: .75rem; }
.card .task-list li.completed { text-decoration: line-through; color: #8796af; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.card .task-list li.completed span:before, .card .task-list li.completed span::before { color: #50b924; border: 3px solid #50b924; }
.card .chat-box .chat-list { margin: 0; padding: 0; list-style: none; }
.card .chat-box .chat-list .chat-item { list-style: none; margin-top: 30px; }
.card .chat-box .chat-list .chat-item .chat-img { display: inline-block; width: 45px; vertical-align: top; }
.card .chat-box .chat-list .chat-item .chat-img img { width: 45px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }
.card .chat-box .chat-list .chat-item .chat-content { width: calc(100% - 50px); display: inline-block; padding-left: 15px; }
.card .chat-box .chat-list .chat-item .chat-content .box { display: inline-block; padding: 10px; margin-bottom: 3px; color: #343a40; background: #f6f8f9; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.card .chat-box .chat-list .chat-item .chat-time { display: block; font-size: 10px; color: #4F5467; margin: 5px 0 15px 65px; }
.card .chat-box .chat-list .chat-item.odd .chat-content { text-align: right; width: calc(100% - 0px); }
.card .chat-box .chat-list .chat-item.odd .chat-content .box { clear: both; color: #fff; background: #137eff; }
.card .chat-box .chat-list .chat-item.odd .chat-time { text-align: right; }
.card .chat-box .chat-list .chat-item.odd + .odd { margin-top: 0; }
.card .chat-box .chat-list .chat-item:first-child { margin-top: 0; }
.card .chat-footer { position: relative; background-color: #ffffff; }
.card .chat-footer .input-wrap { padding-right: 50px; }
.card .chat-footer .btn { position: absolute; top: 10px; right: 20px; width: 35px; height: 35px; }
.card .card-title { font-size: 18px; }
.card .card-subtitle { font-weight: 300; margin-bottom: 10px; color: #afb5c1; }

.jvectormap-tip { border: none; font-family: 'Nunito Sans', sans-serif; font-weight: 700; padding: 5px 10px; font-size: 11px; }

.chart-line .ct-grid { stroke-dasharray: 0; stroke: rgba(255, 255, 255, 0.5); }
.chart-line .ct-point { stroke-width: 0; }
.chart-line .ct-line { stroke: #FFF; stroke-width: 3px; }

.chart-shadow { transition: all 0.3s ease-in-out; filter: drop-shadow(0px 5px 2px rgba(43, 43, 43, 0.2)); }

.card-blue, .card-green, .card-red, .card-yellow { position: relative; overflow: hidden; }
.card-blue:after, .card-green:after, .card-red:after, .card-yellow:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.card-blue .card-block, .card-blue .card-block-big, .card-blue .card-block-small, .card-blue .card-body, .card-blue .card-footer, .card-blue .card-header, .card-green .card-block, .card-green .card-block-big, .card-green .card-block-small, .card-green .card-body, .card-green .card-footer, .card-green .card-header, .card-red .card-block, .card-red .card-block-big, .card-red .card-block-small, .card-red .card-body, .card-red .card-footer, .card-red .card-header, .card-yellow .card-block, .card-yellow .card-block-big, .card-yellow .card-block-small, .card-yellow .card-body, .card-yellow .card-footer, .card-yellow .card-header { position: relative; z-index: 5; }
.card-red::after { background: #f5365c; }
.card-red .ct-line { stroke: #fff; }
.card-red .ct-grid { stroke: #f97f97; }
.card-blue::after { background: #007bff; }
.card-blue .ct-line { stroke: #fff; }
.card-blue .ct-grid { stroke: #4da3ff; }
.card-green::after { background: #2dce89; }
.card-green .ct-line { stroke: #fff; }
.card-green .ct-grid { stroke: #69deac; }
.card-yellow::after { background: #fb6340; }
.card-yellow .ct-line { stroke: #fff; }
.card-yellow .ct-grid { stroke: #fda08b; }

.proj-progress-card .progress { height: 6px; overflow: visible; margin-bottom: 10px; }
.proj-progress-card .progress .progress-bar { position: relative; }
.proj-progress-card .progress .progress-bar:after { content: ""; background: #fff; position: absolute; right: -6px; top: -4px; border-radius: 50%; width: 15px; height: 15px; }
.proj-progress-card .progress .progress-bar.bg-red:after { border: 3px solid #f5365c; }
.proj-progress-card .progress .progress-bar.bg-blue:after { border: 3px solid #007bff; }
.proj-progress-card .progress .progress-bar.bg-green:after { border: 3px solid #2dce89; }
.proj-progress-card .progress .progress-bar.bg-yellow:after { border: 3px solid #fb6340; }
@media only screen and (max-width: 992px) { .proj-progress-card h6 { margin-top: 15px; }
  .proj-progress-card .progress { margin-bottom: 30px; } }

.sos-st-card h3 { display: inline-block; }
.sos-st-card h3 i { color: #fff; font-size: 18px; width: 60px; height: 60px; border-radius: 50%; padding: 12px 0; text-align: center; margin-right: 15px; border: 10px solid transparent; transition: all 0.3s ease-in-out; }
.sos-st-card h5 { position: relative; }
.sos-st-card h5:after { content: ""; background: #d2d2d2; position: absolute; top: -20px; right: -15px; width: 1px; height: 60px; }
.sos-st-card.facebook h3 { color: #3b579d; }
.sos-st-card.facebook h3 i { background-color: #3b579d; border-color: #869cd2; }
.sos-st-card.twitter h3 { color: #1da1f2; }
.sos-st-card.twitter h3 i { background-color: #1da1f2; border-color: #96d3f9; }
.sos-st-card.linkedin h3 { color: #0177b4; }
.sos-st-card.linkedin h3 i { background-color: #0177b4; border-color: #37bafe; }
.sos-st-card.dribble h3 { color: #ea4c89; }
.sos-st-card.dribble h3 i { background-color: #ea4c89; border-color: #f7bed4; }
.sos-st-card:hover h3 i { transform: scale(1.2) rotate(35deg); }
@media only screen and (max-width: 768px) { .sos-st-card h3 i { font-size: 16px; width: 35px; height: 35px; padding: 7px 0; margin-right: 0; border-width: 3px; margin-left: -10px; }
  .sos-st-card h5:after { display: none; } }

.wather-card { overflow: hidden; }
.wather-card .wather-card-top { position: relative; overflow: hidden; min-height: 200px; background: linear-gradient(to bottom, #7a9af5, rgba(90, 179, 243, 0.5)); }
.wather-card .wather-card-top .wave { position: absolute; left: 0; right: 0; top: auto; bottom: 0; z-index: 1; }
.wather-card .wather-card-top .wave + .wave { z-index: 2; }
.wather-card .wather-card-top .wave + .wave + .wave { z-index: 3; }
.wather-card .wather-card-top .sun { background: #fff; position: absolute; top: 50px; left: 50px; width: 30px; height: 30px; border-radius: 50%; }
.wather-card .wather-card-top .sun:after, .wather-card .wather-card-top .sun:before { content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; box-shadow: inset 0 0 20px 5px rgba(255, 255, 255, 0.4); }
.wather-card .wather-card-top .sun:after { animation: sunwawe 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.wather-card .wather-card-top .sun:before { animation: sunwawe 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.15s; }
.wather-card .wather-card-top .w-star1, .wather-card .wather-card-top .w-star2 { position: absolute; top: 0; left: 0; width: 100%; }
.wather-card .wather-card-top .w-star1 { animation: sparcle 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.wather-card .wather-card-top .w-star2 { animation: sparcle 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.15s; }
.wather-card .wather-card-top .w-cloud { position: absolute; right: 30px; top: 60px; opacity: 0; animation: w-cluod 15s linear infinite; }

@keyframes w-cluod { 0% { opacity: 0; transform: translate(0px, 0px); }
  20% { opacity: 0.8; transform: translate(30px, -25px); }
  40% { opacity: 1; transform: translate(0px, 0px); }
  60% { opacity: 0.6; transform: translate(-30px, 25px); }
  80% { opacity: 0.5; transform: translate(0px, 0px); }
  80% { opacity: 0; transform: translate(0px, 0px); } }
@keyframes sparcle { 0% { opacity: 1; }
  50% { opacity: 0; } }
@keyframes sunwawe { 0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(4); opacity: 0; } }
.comp-card i { color: #fff; width: 50px; height: 50px; border-radius: 5px; text-align: center; padding: 17px 0; font-size: 18px; text-shadow: 0 6px 8px rgba(62, 57, 107, 0.18); transition: all 0.3s ease-in-out; }
.comp-card:hover i { border-radius: 50%; }

.proj-t-card { position: relative; overflow: hidden; }
.proj-t-card .pt-badge { color: #fff; margin-bottom: 0; display: inline-block; padding: 60px 50px 20px 20px; border-radius: 50%; position: absolute; top: -45px; right: -35px; transition: all 0.3s ease-in-out; box-shadow: 0 5px 7px 0 rgba(62, 57, 107, 0.18); }
.proj-t-card:hover .pt-badge { padding: 65px 55px 30px 30px; text-shadow: 0 3px 5px rgba(62, 57, 107, 0.5); box-shadow: 0 4px 4px 0 rgba(62, 57, 107, 0.3); }

.prod-p-card i { background-color: #fff; width: 40px; height: 40px; border-radius: 50%; text-align: center; padding: 11px 0; font-size: 18px; transition: all 0.3s ease-in-out; box-shadow: 0 8px 15px rgba(62, 57, 107, 0.2); }
.prod-p-card:hover i { box-shadow: 0 4px 4px rgba(62, 57, 107, 0.2); transform: scale(0.9) translatey(5px); }

.ticket-card .lbl-card { box-shadow: 0 5px 4px -2px rgba(51, 51, 51, 0.16); border-radius: 5px; padding: 5px 15px; color: #fff; display: inline-block; }

.analytic-card .analytic-icon { width: 50px; height: 50px; text-align: center; padding: 17px 0; border-radius: 50%; background-color: #fff; transition: all 0.3s ease-in-out; box-shadow: 0 8px 15px 0 rgba(51, 51, 51, 0.2); }
.analytic-card:hover .analytic-icon { box-shadow: 0 4px 4px rgba(62, 57, 107, 0.2); transform: rotate(-15deg) translatey(5px); }

.social-res-card .progress { height: 6px; }

.product-progress-card .progress { height: 6px; }
.product-progress-card .pp-cont { padding-left: 15px; padding-right: 15px; position: relative; }
.product-progress-card .pp-cont:after { content: ""; background: #d2d2d2; width: 1px; height: 100%; position: absolute; top: 0; left: -15px; }
.product-progress-card .pp-main > div:first-child .pp-cont:after { display: none; }
@media only screen and (max-width: 992px) { .product-progress-card .pp-cont { margin-top: 15px; margin-bottom: 15px; }
  .product-progress-card .pp-cont:after { display: none; } }

.social-card h2 { text-shadow: 0 8px 15px rgba(51, 51, 51, 0.2); transition: all 0.3s ease-in-out; }
.social-card:hover h2 { text-shadow: 0 4px 4px rgba(51, 51, 51, 0.2); transform: scale(0.9) translatey(5px); }

.user-card { overflow: hidden; }
.user-card .user-img { border-radius: 50%; display: flex; align-items: center; width: 80px; height: 80px; margin: 0 auto; position: relative; box-shadow: 0 8px 15px 0 rgba(51, 51, 51, 0.2); }
.user-card .user-img h5 { margin: 0 auto; }
.user-card .user-img .link-share { position: absolute; padding: 4px 0; right: 0; bottom: 0; border-radius: 50%; width: 25px; height: 25px; background: #fff; color: #666; box-shadow: 0 8px 15px 0 rgba(51, 51, 51, 0.2); }
.user-card .user-sub-img { position: relative; margin: 30px 0 10px; padding-top: 30px; }
.user-card .user-sub-img > img { width: 30px; cursor: pointer; margin: 5px; }
.user-card .user-sub-img:after { content: ""; width: 30px; height: 1px; background: #2b2b2b; position: absolute; top: 0; right: calc(50% - 15px); }
.user-card .f-btn { cursor: pointer; transition: all 0.3s ease-in-out; }
.user-card .f-btn a { transition: all 0.3s ease-in-out; }
.user-card .f-btn:hover { background-color: #99caff; box-shadow: inset 0 5px 7px -3px rgba(43, 43, 43, 0.15); }
.user-card .f-btn:hover a { color: #007bff; }

.soc-cont-card { color: #fff; position: relative; overflow: hidden; }
.soc-cont-card .soc-slider { margin-right: 85px; }
.soc-cont-card .soc-cont-icon { color: #fff; font-size: 50px; width: 100px; text-align: center; position: absolute; right: 0; top: 20px; }
.soc-cont-card .num-block { background: #fff; color: #ef4153; padding: 8px 15px; display: inline-block; margin: 5px 0 10px; border-radius: 5px; box-shadow: inset 0 1px 3px -1px rgba(43, 43, 43, 0.25); }
.soc-cont-card .num-block + .num-block { margin-left: 15px; }
.soc-cont-card .num-block i { font-size: 16px; opacity: 1; }
.soc-cont-card .card-block { margin-bottom: 20px; padding-bottom: 10px; }
.soc-cont-card:after { content: ""; background: rgba(255, 255, 255, 0.5); height: 20px; width: 100%; position: absolute; bottom: 0; left: 0; }
@media only screen and (max-width: 575px) { .soc-cont-card .soc-slider { margin-right: 0; }
  .soc-cont-card .soc-cont-icon { font-size: 40px; width: 50px; top: auto; bottom: 35px; } }

.st-cir-card { position: relative; overflow: hidden; }
.st-cir-card .st-bt-lbl { font-size: 60px; font-weight: 700; opacity: 0.3; position: absolute; bottom: -30px; right: -5px; }
.st-cir-card .st-cir-chart { position: relative; }
.st-cir-card .st-cir-chart h5 { position: absolute; margin-bottom: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.st-cir-card .ct-series-a .ct-slice-donut { stroke: #fff; }
.st-cir-card.card-red .ct-series-b path { stroke: #fa97ab; }
.st-cir-card.card-blue .ct-series-b path { stroke: #66b0ff; }
.st-cir-card.card-green .ct-series-b path { stroke: #7ee3b8; }
.st-cir-card.card-yellow .ct-series-b path { stroke: #fdb5a4; }

.prod-bar-card .pbc-chart { width: 50px; margin: 0 auto 10px; }
.prod-bar-card .radial-bar:after { box-shadow: 0 0 3px #fff; }

.sale-card .s-chart { position: relative; }
.sale-card .s-chart .bottom-line { background: #ccc; position: absolute; width: 80px; height: 3px; bottom: 30px; left: 50%; transform: translatex(-50%); }
.sale-card .radial-bar { margin: 15px 0 35px; }
.sale-card .radial-bar > img { box-shadow: 0 0 0 8px #fff; }
.sale-card .s-caption { width: 20px; height: 20px; border-radius: 5px; display: inline-block; vertical-align: super; margin-right: 5px; }
.sale-card .progress { height: 5px; }
.sale-card .tot-rev-chart { position: relative; margin: 0 auto; }
.sale-card .tot-rev-chart .ct-series-b path { stroke: #fff; }
.sale-card .tot-rev-chart .ct-series-a .ct-slice-donut { stroke: #fb6340; }
.sale-card .tot-rev-chart h3 { position: absolute; margin-bottom: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.new-cust-card img { border: 2px solid #fff; box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.2); }
.new-cust-card h6 { margin-bottom: 0; }
.new-cust-card .align-middle { position: relative; }
.new-cust-card .align-middle .status { position: absolute; right: 0; top: 19px; font-size: 13px; }
.new-cust-card .align-middle .status.active { width: 10px; height: 10px; border-radius: 50%; background: #2dce89; }

.table-card .card-block { padding-left: 0; padding-right: 0; padding-top: 0; }
.table-card .card-block .table > thead > tr > th { border-top: 0; }
.table-card .card-block .table tr td:first-child, .table-card .card-block .table tr th:first-child { padding-left: 20px; }
.table-card .card-block .table tr td:last-child, .table-card .card-block .table tr th:last-child { padding-right: 20px; }
.table-card .card-block .table.without-header tr:first-child td { border-top: none; }
.table-card .p-status { width: 10px; height: 10px; border-radius: 50%; }

.latest-update-card .card-block { padding-top: 0; }
.latest-update-card .card-block .latest-update-box { position: relative; }
.latest-update-card .card-block .latest-update-box:after { content: ""; position: absolute; background: #ebebeb; height: 100%; width: 3px; top: 0; left: 19px; z-index: 1; }
.latest-update-card .card-block .latest-update-box .update-meta { z-index: 2; }
.latest-update-card .card-block .latest-update-box .update-meta .update-icon { width: 30px; height: 30px; border-radius: 50%; text-align: center; padding: 7px 8px; font-size: 16px; color: #fff; }
.latest-update-card .card-block .latest-update-box .update-meta .update-icon.bg-red { box-shadow: 0 0 0 4px rgba(245, 54, 92, 0.5); }
.latest-update-card .card-block .latest-update-box .update-meta .update-icon.bg-blue { box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.5); }
.latest-update-card .card-block .latest-update-box .update-meta .update-icon.bg-green { box-shadow: 0 0 0 4px rgba(45, 206, 137, 0.5); }
.latest-update-card .card-block .latest-update-box .update-meta .update-icon.bg-yellow { box-shadow: 0 0 0 4px rgba(251, 99, 64, 0.5); }
.latest-update-card .card-block .latest-update-box .update-meta .update-icon.ring { border-width: 3px; width: 15px; height: 15px; padding: 0; display: block; margin-left: 13px; background: #fff; }
.latest-update-card .card-block .latest-update-box .update-meta i.update-icon { margin-left: 4px; margin-right: 19px; }
.latest-update-card .card-block .latest-update-box .update-meta img.update-icon { padding: 0; width: 40px; height: 40px; }
@media only screen and (max-width: 575px) { .latest-update-card .card-block .latest-update-box:after { display: none; }
  .latest-update-card .card-block .latest-update-box .update-meta { z-index: 2; min-width: 100%; text-align: left !important; margin-bottom: 15px; border-top: 1px solid #f1f1f1; padding-top: 15px; } }

.testimonial-card .progress { height: 5px; }
.testimonial-card .review-block .cust-img { width: 50px; height: 50px; }
.testimonial-card .review-block > div { padding-top: 15px; padding-bottom: 15px; margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; }
.testimonial-card .review-block > div:hover { background-color: rgba(0, 123, 255, 0.1); }

.feed-card h6 { margin-top: 7px; }
.feed-card .feed-icon { color: #fff; border-radius: 50%; width: 30px; height: 30px; text-align: center; padding: 8px 9px; }

.chat-card .msg { margin-bottom: 5px; display: inline-block; padding: 10px; position: relative; }
.chat-card .msg img { width: 60px; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; margin-right: 10px; }
.chat-card .received-chat .msg { background: rgba(0, 123, 255, 0.1); border-radius: 0 5px 5px 5px; box-shadow: 2px 3px 7px 0 rgba(43, 43, 43, 0.15); }
.chat-card .received-chat .msg:after { content: ""; position: absolute; left: -7px; top: -7px; transform: rotate(45deg); border: 7px solid transparent; border-bottom-color: rgba(0, 123, 255, 0.1); }
.chat-card .send-chat { text-align: right; }
.chat-card .send-chat .msg { background: rgba(45, 206, 137, 0.1); border-radius: 5px 0 5px 5px; box-shadow: -2px 3px 7px 0 rgba(43, 43, 43, 0.15); }
.chat-card .send-chat .msg:after { content: ""; position: absolute; right: -7px; top: -7px; transform: rotate(45deg); border: 7px solid transparent; border-right-color: rgba(45, 206, 137, 0.1); }

/* ------------------------------------- Bar container ------------------------------------- */
.radial-bar { position: relative; display: inline-block; border-radius: 50%; background-color: transparent; margin-bottom: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 80px; height: 80px; font-size: 18px; }

.radial-bar:after, .radial-bar > img { display: inline-block; position: absolute; top: 0; left: 0; border-radius: 50%; text-align: center; font-weight: 500; color: #455a64; }

.radial-bar:after { content: attr(data-label); background-color: #fff; z-index: 55; }

.radial-bar > img { z-index: 102; }

.radial-bar:after, .radial-bar > img { width: 56px; height: 56px; margin-left: 12px; margin-top: 12px; line-height: 56px; }

.radial-bar.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-50 { background-image: linear-gradient(270deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-55 { background-image: linear-gradient(288deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-60 { background-image: linear-gradient(306deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-65 { background-image: linear-gradient(324deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-70 { background-image: linear-gradient(342deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-75 { background-image: linear-gradient(360deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-80 { background-image: linear-gradient(378deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-85 { background-image: linear-gradient(396deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-90 { background-image: linear-gradient(414deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-95 { background-image: linear-gradient(432deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar.radial-bar-100 { background-image: linear-gradient(450deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-50 { background-image: linear-gradient(270deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-55 { background-image: linear-gradient(288deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-60 { background-image: linear-gradient(306deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-65 { background-image: linear-gradient(324deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-70 { background-image: linear-gradient(342deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-75 { background-image: linear-gradient(360deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-80 { background-image: linear-gradient(378deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-85 { background-image: linear-gradient(396deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-90 { background-image: linear-gradient(414deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-95 { background-image: linear-gradient(432deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-primary.radial-bar-100 { background-image: linear-gradient(450deg, #448aff 50%, transparent 50%, transparent), linear-gradient(270deg, #448aff 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-50 { background-image: linear-gradient(270deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-55 { background-image: linear-gradient(288deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-60 { background-image: linear-gradient(306deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-65 { background-image: linear-gradient(324deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-70 { background-image: linear-gradient(342deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-75 { background-image: linear-gradient(360deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-80 { background-image: linear-gradient(378deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-85 { background-image: linear-gradient(396deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-90 { background-image: linear-gradient(414deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-95 { background-image: linear-gradient(432deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-success.radial-bar-100 { background-image: linear-gradient(450deg, #11c15b 50%, transparent 50%, transparent), linear-gradient(270deg, #11c15b 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-50 { background-image: linear-gradient(270deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-55 { background-image: linear-gradient(288deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-60 { background-image: linear-gradient(306deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-65 { background-image: linear-gradient(324deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-70 { background-image: linear-gradient(342deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-75 { background-image: linear-gradient(360deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-80 { background-image: linear-gradient(378deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-85 { background-image: linear-gradient(396deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-90 { background-image: linear-gradient(414deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-95 { background-image: linear-gradient(432deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-info.radial-bar-100 { background-image: linear-gradient(450deg, #00bcd4 50%, transparent 50%, transparent), linear-gradient(270deg, #00bcd4 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-50 { background-image: linear-gradient(270deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-55 { background-image: linear-gradient(288deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-60 { background-image: linear-gradient(306deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-65 { background-image: linear-gradient(324deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-70 { background-image: linear-gradient(342deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-75 { background-image: linear-gradient(360deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-80 { background-image: linear-gradient(378deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-85 { background-image: linear-gradient(396deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-90 { background-image: linear-gradient(414deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-95 { background-image: linear-gradient(432deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-warning.radial-bar-100 { background-image: linear-gradient(450deg, #ffe100 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe100 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-50 { background-image: linear-gradient(270deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-55 { background-image: linear-gradient(288deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-60 { background-image: linear-gradient(306deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-65 { background-image: linear-gradient(324deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-70 { background-image: linear-gradient(342deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-75 { background-image: linear-gradient(360deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-80 { background-image: linear-gradient(378deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-85 { background-image: linear-gradient(396deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-90 { background-image: linear-gradient(414deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-95 { background-image: linear-gradient(432deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-danger.radial-bar-100 { background-image: linear-gradient(450deg, #e53935 50%, transparent 50%, transparent), linear-gradient(270deg, #e53935 50%, #d6d6d6 50%, #d6d6d6); }

/* -- Radial Default -- */
.radial-bar-default.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-50 { background-image: linear-gradient(270deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-55 { background-image: linear-gradient(288deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-60 { background-image: linear-gradient(306deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-65 { background-image: linear-gradient(324deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-70 { background-image: linear-gradient(342deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-75 { background-image: linear-gradient(360deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-80 { background-image: linear-gradient(378deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-85 { background-image: linear-gradient(396deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-90 { background-image: linear-gradient(414deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-95 { background-image: linear-gradient(432deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-default.radial-bar-100 { background-image: linear-gradient(450deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #FE8A7D 50%, #d6d6d6 50%, #d6d6d6); }

/* -- Radial Pink -- */
.radial-bar-pink.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-50 { background-image: linear-gradient(270deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-55 { background-image: linear-gradient(288deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-60 { background-image: linear-gradient(306deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-65 { background-image: linear-gradient(324deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-70 { background-image: linear-gradient(342deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-75 { background-image: linear-gradient(360deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-80 { background-image: linear-gradient(378deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-85 { background-image: linear-gradient(396deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-90 { background-image: linear-gradient(414deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-95 { background-image: linear-gradient(432deg, #fb6d9d 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-pink.radial-bar-100 { background-image: linear-gradient(450deg, #FE8A7D 50%, transparent 50%, transparent), linear-gradient(270deg, #fb6d9d 50%, #d6d6d6 50%, #d6d6d6); }

/* -- Radial Purple -- */
.radial-bar-purple.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-50 { background-image: linear-gradient(270deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-55 { background-image: linear-gradient(288deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-60 { background-image: linear-gradient(306deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-65 { background-image: linear-gradient(324deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-70 { background-image: linear-gradient(342deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-75 { background-image: linear-gradient(360deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-80 { background-image: linear-gradient(378deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-85 { background-image: linear-gradient(396deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-90 { background-image: linear-gradient(414deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-95 { background-image: linear-gradient(432deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-purple.radial-bar-100 { background-image: linear-gradient(450deg, #536dfe 50%, transparent 50%, transparent), linear-gradient(270deg, #536dfe 50%, #d6d6d6 50%, #d6d6d6); }

/* -- Radial Inverse -- */
.radial-bar-inverse.radial-bar-0 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(90deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-5 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(108deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-10 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(126deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-15 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(144deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-20 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(162deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-25 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(180deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-30 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(198deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-35 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(216deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-40 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(234deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-45 { background-image: linear-gradient(90deg, #d6d6d6 50%, transparent 50%, transparent), linear-gradient(252deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-50 { background-image: linear-gradient(270deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-55 { background-image: linear-gradient(288deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-60 { background-image: linear-gradient(306deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-65 { background-image: linear-gradient(324deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-70 { background-image: linear-gradient(342deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-75 { background-image: linear-gradient(360deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-80 { background-image: linear-gradient(378deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-85 { background-image: linear-gradient(396deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-90 { background-image: linear-gradient(414deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-95 { background-image: linear-gradient(432deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-inverse.radial-bar-100 { background-image: linear-gradient(450deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #d6d6d6 50%, #d6d6d6); }

.radial-bar-lg { width: 100px; height: 100px; font-size: 20px; }

.radial-bar-lg:after, .radial-bar-lg > img { width: 70px; height: 70px; margin-left: 15px; margin-top: 15px; line-height: 70px; }

.radial-bar-sm { width: 50px; height: 50px; font-size: 12px; }

.radial-bar-sm:after, .radial-bar-sm > img { width: 35px; height: 35px; margin-left: 7.5px; margin-top: 7.5px; line-height: 35px; }

.radial-bar-xs { width: 30px; height: 30px; font-size: 8px; }

.radial-bar-xs:after, .radial-bar-xs > img { width: 20px; height: 20px; margin-left: 5.5px; margin-top: 4.5px; line-height: 21px; }

.radial-bar { background-clip: content-box; }

.card .card-body .dataTables_wrapper .dataTables_scroll { margin-left: -20px; width: calc(100% + 40px); }
.card .card-body .dataTables_wrapper .dataTables_scroll .dataTable { margin-left: 0px; width: 100%; }
.card .card-body .dataTables_wrapper .dataTable { margin-left: -20px; width: calc(100% + 40px); }
.card .card-body .dataTables_wrapper .form-control { border: solid darkgray 1px; min-height: 30px; background-color: #f4f4f4; }
.card .card-body .dataTables_wrapper select.form-control { height: 30px !important; }
.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link { margin-left: 5px; min-width: 30px; height: 30px; padding: 0; text-align: center; line-height: 30px; border: none; background-color: #f4f4f4; color: #212121; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }
.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous .page-link, .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.next .page-link, .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.first .page-link, .card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.last .page-link { padding: 0 15px; }
.card .card-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.disabled .page-link { color: #6c757d; background-color: #f4f4f4; cursor: not-allowed; }
.card .card-table .card-item { border-top: 1px solid #ededed; }

/*
.select2.select2-container--default .select2-selection--single { border-color: #bfbfbf; height: 35px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.select2.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; padding-left: 15px; padding-right: 30px; }
.select2.select2-container--default .select2-selection--single .select2-selection__arrow { height: 33px; right: 8px; }
.select2.select2-container--default .select2-selection--multiple { border-color: #bfbfbf; }
.select2.select2-container--default .select2-selection--multiple .select2-selection__rendered { margin-top: 1px; }
.select2.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { border: none; padding: 1px 5px; }
.select2.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #8e8e8e; }
.select2.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.select2.select2-container .select2-selection--multiple { min-height: 35px; }

.select2-container--default .select2-dropdown { background-color: #ffffff; border: none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); }
.select2-container--default .select2-dropdown .select2-search--dropdown { padding: 5px; }
.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field { height: 30px; border: none; background-color: #eaeaea; padding: 5px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.select2-container--default .select2-dropdown .select2-results .select2-results__options { padding: 5px; }

.select2-results__option { background-color: #fff; padding: 8px 15px; border-radius: 4px; line-height: 14px; }

.bootstrap-datetimepicker-widget .table thead { background-color: transparent; }
.bootstrap-datetimepicker-widget .table thead tr th { color: #212121; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.bootstrap-datetimepicker-widget .table tr td, .bootstrap-datetimepicker-widget .table tr th { text-align: center; width: 35px; height: 35px; border-radius: 50%; border: none; line-height: 35px; position: relative; z-index: 1; }
.bootstrap-datetimepicker-widget .table tr td.today, .bootstrap-datetimepicker-widget .table tr td.active { color: #ffffff; position: relative; z-index: 1; background-color: transparent; text-shadow: none; }
.bootstrap-datetimepicker-widget .table tr td.today:before, .bootstrap-datetimepicker-widget .table tr td.today::before, .bootstrap-datetimepicker-widget .table tr td.active:before, .bootstrap-datetimepicker-widget .table tr td.active::before { width: 30px; height: 30px; border-radius: 50%; border: none; background-color: #4a5361; position: absolute; z-index: -1; display: block; margin: auto; content: ''; top: 6px; left: 0px; right: 0px; bottom: auto; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.bootstrap-datetimepicker-widget .table tr td.active:hover:before, .bootstrap-datetimepicker-widget .table tr td.active:hover::before { background-color: #4a5361 !important; }
.bootstrap-datetimepicker-widget .table tr td.today:before, .bootstrap-datetimepicker-widget .table tr td.today::before { background-color: #ef4153; }
.bootstrap-datetimepicker-widget .table tr td.day:hover, .bootstrap-datetimepicker-widget .table tr td.hour:hover, .bootstrap-datetimepicker-widget .table tr td.minute:hover, .bootstrap-datetimepicker-widget .table tr td.second:hover { background-color: transparent; }
.bootstrap-datetimepicker-widget .table tr td:before, .bootstrap-datetimepicker-widget .table tr td::before { width: 30px; height: 30px; border-radius: 50%; border: none; background-color: transparent; position: absolute; z-index: -1; display: block; margin: auto; content: ''; top: 6px; left: 0px; right: 0px; bottom: auto; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.bootstrap-datetimepicker-widget .table tr td:hover:before, .bootstrap-datetimepicker-widget .table tr td:hover::before { background-color: #f4f4f4; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.bootstrap-datetimepicker-widget .timepicker table td { position: relative; z-index: 1; width: 35px; height: 35px; line-height: 35px; }
.bootstrap-datetimepicker-widget .timepicker table td .btn { height: auto; }
.bootstrap-datetimepicker-widget .timepicker table td span { width: 35px; height: 35px; line-height: 35px; }
.bootstrap-datetimepicker-widget.dropdown-menu { min-width: 280px; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom::before { border-bottom-color: #fff; }
.bootstrap-datetimepicker-widget.dropdown-menu.top:before, .bootstrap-datetimepicker-widget.dropdown-menu.top::before { border-top-color: #fff; }
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr th, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td { width: 30px; height: 30px; line-height: 30px; }
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td::before { top: 4px; left: 0px; }
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.today:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.today::before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.active:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.active::before { top: 4px; left: 0px; }

.bootstrap-tagsinput { display: block; border: 1px solid #eaeaea; min-height: 35px; padding: 0px 10px; padding-top: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.bootstrap-tagsinput .tag { padding: 1px 5px; margin-right: 2px; margin-bottom: 4px; display: inline-block; text-transform: capitalize; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #4c5667; }

.note-editor.note-frame.card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.slider-nav .left-arrow, .slider-nav .right-arrow { font-size: 20px; color: #145388; display: inline-block; vertical-align: middle; margin: 0 15px; }
.slider-nav .slider-dot-container { display: inline-block; }
.slider-nav .slider-dot-container .owl-dot { width: 6px; height: 6px; border-radius: 10px; color: #00a7e2; background: #7cb9ec; outline: initial !important; border: initial; margin: 0 5px; padding: 0; }
.slider-nav .slider-dot-container .owl-dot.active { background: #145388; }

.fc .fc-toolbar .fc-button { background: #4a5361; color: #fff; padding: 5px 10px; height: auto; border: none; text-transform: capitalize; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.fc .fc-toolbar .fc-button .fc-icon { margin: 0; top: 0; }
.fc .fc-toolbar .fc-button .fc-icon:after, .fc .fc-toolbar .fc-button .fc-icon::after { font-family: "iconkit"; font-size: 16px; }
.fc .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow:after, .fc .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow::after { content: "\e843"; }
.fc .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow:after, .fc .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow::after { content: "\e844"; }
.fc .fc-toolbar .fc-button.fc-state-active, .fc .fc-toolbar .fc-button.fc-state-down { background: #272d36 !important; }
.fc .fc-toolbar h2 { font-size: 22px; font-weight: 600; }
.fc .fc-view-container .fc-view table thead tr td.fc-widget-header, .fc .fc-view-container .fc-view table thead tr th.fc-widget-header { color: #4a5361; background: #f3f4f4; border-color: #f3f4f4; padding: 10px 0px; }
.fc .fc-view-container .fc-view .fc-day-number { float: left; padding: 10px 0 5px 10px; }
.fc .fc-view-container .fc-view .fc-other-month { background: #f3f9ff; }
.fc .fc-view-container .fc-view .fc-event-container .fc-event { display: block; padding: 3px 5px; color: #ffffff; font-weight: 600; font-size: 12px; border: none; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed thead { border-color: #f3f4f4; }

.color-selector { padding: 0; margin: 0; list-style: none; }
.color-selector li { position: relative; display: inline-block; width: 25px; height: 25px; margin: 0 8px 8px 0; background-color: #3e8ef7; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.color-selector li input[type=radio] { position: absolute; top: 0; left: 0; z-index: 1; width: inherit; height: inherit; cursor: pointer; border-radius: inherit; opacity: 0; }
.color-selector li input[type=radio]:checked + label:after, .color-selector li input[type=radio]:checked + label::after { position: absolute; top: 0px; left: 5px; display: inline-block; margin-top: -3px; font-size: 16px; line-height: 1; content: "\e83f"; color: #fff; }
.color-selector li label { position: relative; margin-bottom: .4rem; font-family: "iconkit"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; }
.color-selector li:last-child { margin-right: 0; }

.jq-icon-info { background-color: #11cdef; color: #ffffff; border: none; }

.jq-icon-warning { background-color: #fb6340; color: #ffffff; }

.jq-icon-error { background-color: #f5365c; color: #ffffff; }

.jq-icon-success { color: #ffffff; background-color: #2dce89; }

.jq-toast-single, .jq-toast-single h2 { font-family: 'Nunito Sans', sans-serif; }

.br-wrapper { margin: 20px 0 50px; }

.br-theme-bars-1to10 .br-widget .br-current-rating { clear: both; padding: 0; font-size: 13px; color: #757575; font-weight: 400; }

.br-theme-bars-reversed .br-widget .br-current-rating { clear: both; padding: 0; line-height: 2; font-size: 13px; }

.br-theme-bars-movie .br-widget .br-current-rating { color: #757575; font-weight: 400; text-align: left; }

.br-theme-bars-horizontal .br-widget .br-current-rating, .br-theme-bars-reversed .br-widget .br-current-rating { color: #757575; font-weight: 400; font-size: 13px; }

span.value { display: inline; }

.current-rating { position: relative; top: -50px; }
.current-rating.hidden { display: none; }

.your-rating { position: relative; top: -50px; }
.your-rating.hidden { display: none; }

.br-theme-bars-1to10 .br-widget a, .br-theme-bars-movie .br-widget a, .br-theme-bars-reversed .br-widget a, .br-theme-bars-horizontal .br-widget a { background-color: #66b0ff; }
.br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected, .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected, .br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected, .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected { background-color: #007bff; }

.br-theme-bars-pill .br-widget a { background-color: #66b0ff; color: #007bff; }
.br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected { background-color: #007bff; }

.br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after { color: #007bff; }

.br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after { color: #007bff; }

.br-theme-bars-square .br-widget a { border: 2px solid #66b0ff; color: #2990ff; }
.br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected { border: 2px solid #007bff; color: #007bff; }

.br-theme-fontawesome-stars-o .br-widget a.br-selected:after, .br-theme-fontawesome-stars-o .br-widget a:after, .br-theme-fontawesome-stars-o .br-widget a.br-active:after, .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after { color: #007bff; }

/*range slider start */
.range-slider { min-height: 200px; display: flex; align-items: center; margin-left: 15px; }
.range-slider b { margin-top: -10px; }

#RGB { height: 10px; background: gray; }

#RC .slider-selection { background: #FF8282; }

#RC .slider-handle { background: red; }

#GC .slider-selection { background: #428041; }

#GC .slider-handle { background: green; }

#BC .slider-selection { background: #8283FF; }

#BC .slider-handle { border-bottom-color: blue; }

#R, #G, #B { width: 300px; }

.range-slider-contain { position: absolute; bottom: 15px; }

.slider-handle { top: -5px; background-image: linear-gradient(to bottom, #007bff 0%, #007bff 100%); box-shadow: none; }

.slider-tick, .slider-track { background-image: linear-gradient(to bottom, #BDC3C7 0%, #BDC3C7 100%); }

.slider-handle.custom::before { line-height: 15px; font-size: 35px; color: #007bff; }

#slider12a .slider-track-high, #slider12c .slider-track-high { background: green; }

#slider12b .slider-track-low, #slider12c .slider-track-low { background: red; }

#slider12c .slider-selection { background: yellow; }

.slider-selection.tick-slider-selection { background-image: linear-gradient(to bottom, #3395ff 0%, #3395ff 100%); }

.slider-tick.in-selection { background-image: linear-gradient(to bottom, #3395ff 0%, #3395ff 100%); }

.slider.slider-horizontal .slider-track { height: 2px; }
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { top: -5px; cursor: pointer; }

/*range slider end */
.slider.slider-horizontal .slider-track { width: 90%; margin-top: -5px; top: 50%; left: 10px; }

.layout-wrap .list-item .card-img { display: none !important; }
.layout-wrap .list-item .card-img .badge { display: none; }
.layout-wrap .list-item .list-actions { align-self: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-right: 30px; opacity: 0; visibility: hidden; }
.layout-wrap .list-item .list-actions a { width: 30px; height: 30px; padding: 0; border-radius: 50%; text-align: center; line-height: 32px; color: #999; display: inline-block; font-size: 16px; }
.layout-wrap .list-item .list-actions a:hover, .layout-wrap .list-item .list-actions a:focus { background-color: #dee2e6; color: #333; }
.layout-wrap .list-item.list-item-thumb .card-img { display: flex !important; }
.layout-wrap .list-item.list-item-grid .card { display: block !important; }
.layout-wrap .list-item.list-item-grid .card .card-img { display: block !important; position: relative; max-height: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); }
.layout-wrap .list-item.list-item-grid .card .card-img img { height: auto; width: 100% !important; }
.layout-wrap .list-item.list-item-grid .card .card-img .badge { display: inline-block; }
.layout-wrap .list-item.list-item-grid .card .card-content { display: block !important; position: relative; }
.layout-wrap .list-item.list-item-grid .card .card-content .card-body { display: block !important; }
.layout-wrap .list-item.list-item-grid .card .card-content .card-body .list-item-heading { width: 100% !important; text-overflow: inherit !important; white-space: inherit !important; display: block; margin-bottom: 20px !important; }
.layout-wrap .list-item.list-item-grid .card .card-content .card-body p { width: 100% !important; }
.layout-wrap .list-item.list-item-grid .card .card-content .card-body p.category { display: none; }
.layout-wrap .list-item.list-item-grid .card .card-content .card-body .badge { display: none !important; }
.layout-wrap .list-item.list-item-grid .card .card-content .custom-checkbox { display: none; }
.layout-wrap .list-item.list-item-grid .card .card-content .list-actions { display: block; opacity: 1; margin: 0; position: absolute; right: 20px; bottom: 20px; }
.layout-wrap .list-item:hover .list-actions { opacity: 1; visibility: visible; }

.display-options .dispaly-option-buttons a { display: inline-block; background-color: #fff; padding: 4px 8px; border: 1px solid #eaeaea; border-radius: 6px; font-size: 14px; }
.display-options .dispaly-option-buttons a:focus, .display-options .dispaly-option-buttons a.active { background-color: #343a40; color: #fff; }
.display-options .search-sm { position: relative; }
.display-options .search-sm .form-control { min-height: 32px; padding-right: 60px; }
.display-options .search-sm .form-control ~ .btn { position: absolute; right: 0; top: 0; padding: 0; width: 30px; height: 32px; line-height: 30px; border-radius: 4px; background-color: #eceff1; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.display-options .search-sm .adv-btn { background-color: transparent; border: 0; position: absolute; right: 30px; top: 0; width: 30px; height: 30px; line-height: 30px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.display-options .search-sm .adv-search-wrap { padding: 20px; display: none; position: absolute; left: 30px !important; width: 100%; top: 30px; background-color: #fff; z-index: 4; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.display-options .search-sm .adv-search-wrap.show { display: block; }

.edit-layout-modal .modal-dialog { margin: 0; margin-left: auto; margin-right: 0; }
.edit-layout-modal .modal-dialog .modal-content { border-radius: 0; border: none; min-height: 100vh; }
.edit-layout-modal .modal-dialog .modal-content .modal-header, .edit-layout-modal .modal-dialog .modal-content .modal-footer { padding: 15px 30px; }
.edit-layout-modal .modal-dialog .modal-content .modal-body { padding: 30px; }
@media only screen and (min-width: 560px) { .edit-layout-modal .modal-dialog { max-width: 50%; } }
.edit-layout-modal.fade .modal-dialog { -webkit-transform: translate(25%, 0); transform: translate(25%, 0); }
.edit-layout-modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.auth-wrapper .lavalite-bg { height: 100vh; position: relative; width: 100%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }
.auth-wrapper .lavalite-bg .lavalite-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(135deg, rgba(46, 52, 81, 0.4) 0%, rgba(52, 40, 104, 0.95) 100%); }
.auth-wrapper .authentication-form { font-size: .9rem; width: 70%; display: block; padding: 100px 0; }
.auth-wrapper .authentication-form .logo-centered { width: 60px; margin: 0 auto; margin-bottom: 40px; }
.auth-wrapper .authentication-form h3 { font-size: 20px; color: #272d36; margin-bottom: 20px; }
.auth-wrapper .authentication-form .form-group { position: relative; }
.auth-wrapper .authentication-form .form-group .form-control { padding-left: 40px; }
.auth-wrapper .authentication-form .form-group .form-control ~ i { position: absolute; top: 10px; left: 15px; }
.auth-wrapper .authentication-form .sign-btn { margin-top: 30px; }
.auth-wrapper .authentication-form .register { margin-top: 30px; text-align: center; }

.wrapper .header-top { background-color: #ffffff; z-index: 1030; position: relative; padding: 15px 0; position: fixed; top: 0; width: 100%; left: 0; padding-left: 240px; -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); }
.top-menu .dropdown { margin-left: 10px; }
.top-menu .dropdown .dropdown-menu { margin-top: 10px; }
.top-menu .dropdown .dropdown-menu.menu-grid { width: 182px; }
.top-menu .dropdown .dropdown-menu.menu-grid .dropdown-item { display: inline-block; width: 40px; height: 40px; text-align: center; padding: 0; line-height: 40px; font-size: 18px; color: #5A5A5A; }
.top-menu .dropdown .dropdown-menu.notification-dropdown { min-width: 300px; padding: 0; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .header { margin: 0; padding: 15px; font-size: 16px; border-bottom: 1px solid #f1f1f1; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media { border-bottom: 1px solid #eef1f2; padding: 10px; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media:nth-child(odd) { background: #f8f9fa; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 15px; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex i { color: #fff; text-align: center; font-size: 15px; line-height: 30px; top: 0; height: 30px; width: 30px; background: #404E67; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex img { height: 30px; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body { font-size: 12px; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body .media-heading { color: #444; font-weight: 600; letter-spacing: 0; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body .media-content { color: #868e96; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .footer { text-align: center; padding: 10px 15px; }
.top-menu .dropdown .dropdown-menu.notification-dropdown .footer a { color: #212121; font-size: 16px; }
.top-menu .nav-link { width: 30px; height: 30px; padding: 0; text-align: center; line-height: 36px; color: #212121; border: none; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.top-menu .nav-link:hover, .top-menu .nav-link:focus { background-color: #dee2e6; color: #333; }
.top-menu .nav-link i { font-size: 16px; }
.top-menu .nav-link .badge { right: -1px; position: absolute; top: -4px; padding: 3px; width: 17px; font-size: 11px; font-weight: 800; color: #fff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
.top-menu .avatar { color: #4c5667; font-weight: 600; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: inline-block; background: #ced4da no-repeat center/cover; position: relative; vertical-align: bottom; font-size: .875rem; user-select: none; }
.wrapper .header-top .top-menu .mobile-nav-toggle { border: none; position: relative; margin-right: 5px; }
.wrapper .header-top .top-menu .mobile-nav-toggle span { height: 2px; width: 20px; background-color: #4a5361; display: inline-block; border-radius: 4px; position: absolute; top: 14px; left: 5px; }
.wrapper .header-top .top-menu .mobile-nav-toggle span::before, .wrapper .header-top .top-menu .mobile-nav-toggle span::after { content: ""; height: 2px; width: 20px; border-radius: 4px; background-color: #4a5361; display: inline-block; position: absolute; }
.wrapper .header-top .top-menu .mobile-nav-toggle span::before { left: 0; top: -6px; }
.wrapper .header-top .top-menu .mobile-nav-toggle span::after { left: 0; bottom: -6px; }
.wrapper .header-top .top-menu .header-search { padding: 0 10px; position: relative; }
.wrapper .header-top .top-menu .header-search .input-group { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; margin-bottom: 0; }
.wrapper .header-top .top-menu .header-search .input-group .input-group-addon { color: #404E67; padding: 2px 10px 2px 0px; font-size: 16px; cursor: pointer; }
.wrapper .header-top .top-menu .header-search .input-group .input-group-addon.search-close { padding: 2px 0px 2px 10px; display: none; }
.wrapper .header-top .top-menu .header-search .input-group .form-control { padding: 0 10px; min-height: auto; width: 0; border: none; color: #353c4e; background-color: transparent; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
.wrapper .header-top .top-menu .header-search.open .input-group { background-color: #e4e4e4; }
.wrapper .header-top .top-menu .header-search.open .input-group .input-group-addon.search-close { display: block; }

@media only screen and (max-width: 1023px) { .wrapper .header-top { padding-left: 0; } }
.wrapper .header-top[header-theme="light"] { background: #ffffff; }
.wrapper .header-top[header-theme="dark"] { background: #272d36; }
.wrapper .header-top[header-theme="blue"] { background: #007bff; }
.wrapper .header-top[header-theme="red"] { background: #f5365c; }
.wrapper .header-top[header-theme="orange"] { background: #fb6340; }
.wrapper .header-top[header-theme="green"] { background: #2dce89; }
.wrapper .header-top[header-theme="purple"] { background: #BF55EC; }
.wrapper .header-top[header-theme="blue"] .top-menu .nav-link, .wrapper .header-top[header-theme="red"] .top-menu .nav-link, .wrapper .header-top[header-theme="orange"] .top-menu .nav-link, .wrapper .header-top[header-theme="green"] .top-menu .nav-link, .wrapper .header-top[header-theme="purple"] .top-menu .nav-link, .wrapper .header-top[header-theme="dark"] .top-menu .nav-link { color: #ffffff; background-color: transparent; }
.wrapper .header-top[header-theme="blue"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="red"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="orange"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="green"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="purple"] .top-menu .header-search .input-group .input-group-addon, .wrapper .header-top[header-theme="dark"] .top-menu .header-search .input-group .input-group-addon { color: #ffffff; }
.wrapper .page-wrap { position: relative; }
.wrapper .page-wrap .app-sidebar { position: fixed; left: 0; top: 0; width: 240px; height: 100vh; background-color: #ffffff; z-index: 1040; -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1); -moz-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); -o-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); transition: width 0.3s cubic-bezier(0, 0, 0.2, 1); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); white-space: nowrap; visibility: visible; }
.wrapper .page-wrap .app-sidebar .sidebar-header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding: 13px 15px; height: 60px; }
.wrapper .page-wrap .app-sidebar .sidebar-header .header-brand { display: block; font-size: 22px; font-weight: 700; color: #212529; }
.wrapper .page-wrap .app-sidebar .sidebar-header .header-brand .logo-img { display: inline-block; width: 30px; }
.wrapper .page-wrap .app-sidebar .sidebar-header .nav-toggle { border: none; background-color: transparent; color: #ffffff; font-size: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.wrapper .page-wrap .app-sidebar .sidebar-header .btn-icon { border: none; }
.wrapper .page-wrap .app-sidebar .sidebar-header .nav-close { display: none; border: none; background-color: transparent; color: #ffffff; font-size: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
@media only screen and (max-width: 1023px) { .wrapper .page-wrap .app-sidebar .sidebar-header .nav-close { display: inline-block; } }
@media only screen and (max-width: 1023px) { .wrapper .page-wrap .app-sidebar .sidebar-header .nav-toggle { display: none; } }
.wrapper .page-wrap .app-sidebar .sidebar-content { position: relative; height: -webkit-calc(100vh - 60px); height: -moz-calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto; z-index: 4; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item { position: relative; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a { 
	display: block;
    overflow: hidden;
    margin: 0;
    position: relative;
    padding: 10px 25px;
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a i { font-size: 20px; margin-right: 10px; display: inline-block; vertical-align: -4px; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a span { font-size: 1rem; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a .badge { position: absolute; right: 30px; text-align: center; top: 10px; vertical-align: middle; white-space: nowrap; opacity: 1; visibility: visible; border-radius: 4px; font-size: 75%; padding: 4px 7px; margin-right: 5px; font-weight: 800; color: #fff; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; text-transform: uppercase; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a.disabled { opacity: 0.5; cursor: not-allowed !important; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub a::before { content: "\e844"; font-family: "iconkit"; position: absolute; right: 10px; top: 9px; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content { background-color: #f3f3f3; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .menu-item { padding: 10px 5px; font-size: 13px; padding-left: 50px; margin: 0; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .menu-item::before { display: none; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .menu-item.active { color: #eb525d; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item::after { display: none; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item a { position: relative; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item a::before { content: "\e844"; font-family: "iconkit"; position: absolute; right: 20px; top: 10px; display: inline-block; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item .submenu-content .menu-item { padding-left: 70px; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item .submenu-content .menu-item::before { display: none; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item.open a::before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item:not(.open) .submenu-content { display: none; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.open a::before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.open::after { background: #576a3d; border-radius: 10px; color: #fff; content: " "; height: 25px; left: 0; position: absolute; top: 8px; width: 3px; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.active::after { background: #576a3d; border-radius: 10px; color: #fff; content: " "; height: 25px; left: 0; top: 8px; position: absolute; width: 3px; }
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-lavel { 
    font-size: 12px;
    font-weight: 500;
    opacity: 0.9;
    padding: 8px 25px 8px;
    text-transform: uppercase;
    visibility: visible;
    width: 100%;
    color: #dcdcdc;
    background: none;
}
.wrapper .page-wrap .app-sidebar.colored .sidebar-header { background-color: #272d36; }
.wrapper .page-wrap .app-sidebar.colored .sidebar-header .header-brand { color: #ffffff; }
.wrapper .page-wrap .app-sidebar.colored .sidebar-content { background-color: #1e1e2d }
.wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item { border-color: rgba(243, 243, 243, 0.15); }
.wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item a { color: #ccd3e4; }
.wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item a i { color: #525c71; }
.wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item .submenu-content { background-color: #131923; }
.wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item.open::after, .wrapper .page-wrap .app-sidebar.colored .sidebar-content .nav-container .navigation-main .nav-item.active::after { background-color: #eb525d; }
.wrapper .page-wrap .app-sidebar.hide-sidebar { -moz-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
@media only screen and (max-width: 1023px) { .wrapper .page-wrap .app-sidebar { -moz-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } }
.wrapper .page-wrap .main-content { padding: 20px 0; background-color: #F6F7FB; min-height: calc(100vh - 120px); margin-top: 60px; padding-right: 15px; padding-left: 255px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media only screen and (max-width: 1023px) { .wrapper .page-wrap .main-content { padding-left: 0; padding-right: 0; } }
.wrapper .page-wrap .main-content .page-header {margin-bottom: 20px; }
.wrapper .page-wrap .main-content .page-header .page-header-title i { float: left; width: 40px; height: 40px; border-radius: 5px; margin-right: 20px; vertical-align: middle; font-size: 22px; color: #fff; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-shadow: 0 2px 12px -3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 12px -3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 12px -3px rgba(0, 0, 0, 0.5); }
.wrapper .page-wrap .main-content .page-header .page-header-title h5 { margin-bottom: 0; font-weight: 700; font-size: 18px; }
.wrapper .page-wrap .main-content .page-header .page-header-title h5 + span { font-size: 13px; }
.wrapper .page-wrap .main-content .page-header .breadcrumb-container { float: right; }
.wrapper .page-wrap .main-content .page-header .breadcrumb-container .breadcrumb { background-color: transparent; margin-bottom: 0; float: right; }
.wrapper .page-wrap .main-content .page-header .breadcrumb-container .breadcrumb .breadcrumb-item a { color: #212121; }
.wrapper .page-wrap .main-content .card .card-body .sub-title { font-size: 14px; border-bottom: 1px solid rgba(204, 204, 204, 0.35); padding-bottom: 10px; margin-bottom: 20px; color: #2c3e50; }
.wrapper .page-wrap .main-content .card .card-body code { background-color: #eee; margin: 5px; display: inline-block; padding: 1px 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item { padding: 13px 20px; border: 1px solid #ededed; position: relative; border-left: 0; border-right: 0; height: 50px; overflow: hidden; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; position: relative; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .custom-control { margin: 0; margin-top: -2px; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-title { width: 100%; display: block; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-title a { color: #3e5569; font-weight: 600; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 50px); }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-actions { position: absolute; right: 0px; top: 50%; opacity: 0; display: none; z-index: 3; padding-left: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-actions a { width: 30px; height: 30px; padding: 0; border-radius: 50%; text-align: center; line-height: 32px; color: #999; display: inline-block; font-size: 16px; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-actions a:hover, .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .item-inner .list-actions a:focus { background-color: #dee2e6; color: #333; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .qickview-wrap { margin-top: 5px; opacity: 0; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item .qickview-wrap .desc p { margin: 0; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:hover, .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:focus { background-color: #f9f9f9; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:hover .list-actions, .wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:focus .list-actions { opacity: 1; display: block; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item.quick-view-opened { height: auto; background-color: #ffffff; border: none; z-index: 5; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01), 0 0 32px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01), 0 0 32px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01), 0 0 32px 0 rgba(0, 0, 0, 0.1); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item.quick-view-opened .item-inner .list-title a { font-size: 16px; color: #263238; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item.quick-view-opened .qickview-wrap { opacity: 1; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item + .list-item { margin-top: -1px; }
.wrapper .page-wrap .main-content .card .card-body .list-item-wrap .list-item:last-child { border-bottom: none; }
.wrapper .page-wrap .footer { background: #ffffff; padding: 20px 30px; border-top: 1px solid rgba(0, 0, 0, 0.04); font-size: calc(0.875rem - 0.05rem); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
@media only screen and (min-width: 1024px) { .wrapper .page-wrap .footer { padding-left: 270px; } }
.wrapper .page-wrap .right-sidebar { position: fixed; top: 60px; right: 0; width: 240px; background: #fff; height: calc(100vh - 60px); border-left: 1px solid #eef1f2; border-top: 1px solid #eef1f2; padding: 1.07143em; z-index: 9; -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .sidebar-chat-info h6 { color: #353c4e; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group { position: relative; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group .form-control { padding-right: 30px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; padding-left: 15px; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group i { position: absolute; top: 8px; right: 10px; font-size: 16px; color: #bbb; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group { margin-left: -1.07143em; margin-right: -1.07143em; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item { background: none; border: 0; border-top: 1px solid #eef1f2; padding: 1em 1.07143em; overflow: hidden; color: #999; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item figure { margin: 0; position: relative; margin-right: 10px; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item figure img { width: 40px; height: 40px; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item span { line-height: 1em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: end; -moz-justify-content: end; -ms-justify-content: end; justify-content: end; -ms-flex-pack: end; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item span .name { font-size: 14px; color: #444; margin-bottom: 5px; }
.wrapper .page-wrap .right-sidebar .sidebar-chat .chat-list .list-group [class*="user-"]:after { position: absolute; top: calc(50% + 15px); left: 0; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.wrapper .page-wrap .chat-panel { position: fixed; top: calc(100vh); right: calc( 240px + 15px); width: 310px; z-index: 9999; -moz-transform: translateY(-100%) translateX(14.0625rem); -o-transform: translateY(-100%) translateX(14.0625rem); -ms-transform: translateY(-100%) translateX(14.0625rem); -webkit-transform: translateY(-100%) translateX(14.0625rem); transform: translateY(-100%) translateX(14.0625rem); }
.wrapper .page-wrap .chat-panel .card { border: none; margin-bottom: 1.42857em; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.2); }
.wrapper .page-wrap .chat-panel .card .card-header { background: none; padding: 1.07143em 1.42857em; font-size: 1.14286em; border-bottom: 1px solid rgba(153, 153, 153, 0.2); }
.wrapper .page-wrap .chat-panel .card .card-body { padding: 1.07143em; }
.wrapper .page-wrap .chat-panel .card .card-body .messages { position: relative; max-height: 21.42857em; overflow-y: scroll; margin-top: -1.07143em; margin-right: -1.07143em; margin-left: -1.07143em; padding-top: 1.07143em; padding-right: 1.07143em; padding-left: 1.07143em; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message { margin: 0.71429em 0; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message:first-child { margin-top: 0; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message figure { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; margin: 0; position: relative; order: 2; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message figure img { width: 30px; height: 30px; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body { margin-top: .5em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: auto 1.5em; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body p { background: #404E67; border: 1px solid #404E67; border-radius: 3px; padding: .5em 1em; color: #fff; margin-bottom: .5em; position: relative; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body p:first-child:after, .wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body p:first-child:before { content: ""; height: 0; width: 0; display: block; position: absolute; top: 1.25rem; right: -7px; left: auto; border-style: solid; border-width: 6px 0 7px 6px; border-color: transparent transparent transparent #404E67; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message .message-body p:first-child:before { right: -7px; border-left-color: #404E67; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p { background: #fff; border: 1px solid #eef1f2; border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; color: #666; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p:first-child:after, .wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p:first-child:before { content: ""; height: 0; width: 0; display: block; position: absolute; right: auto; left: -7px; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #fff transparent transparent; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p:first-child:before { left: -9px; border-right-color: #eef1f2; }
.wrapper .page-wrap .chat-panel .card .card-body .messages .message.reply .message-body p:first-child:after { content: ""; height: 0; width: 0; display: block; position: absolute; right: auto; left: -7px; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #fff transparent transparent; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.wrapper .page-wrap .chat-panel .card .card-footer { background: none; padding: 1.07143em 1.42857em; border-top: 1px solid rgba(153, 153, 153, 0.2); }
.wrapper .page-wrap .chat-panel .card .card-footer .list-icon { font-size: 1.125rem; }
.wrapper .page-wrap .chat-panel .card .card-footer textarea { box-shadow: none; resize: none; padding: 0; width: 100%; min-height: auto; padding: 5px 0; }
.wrapper.nav-collapsed .header-top { padding-left: 60px; }
.wrapper.nav-collapsed .page-wrap .app-sidebar { width: 60px; }
.wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-header .header-brand .text { display: none; }
.wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-lavel { display: none; }
.wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a span { display: none; }
.wrapper.nav-collapsed .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a::before { display: none; }
.wrapper.nav-collapsed .page-wrap .app-sidebar:hover { width: 240px; }
.wrapper.nav-collapsed .page-wrap .app-sidebar:hover .header-brand .text { display: inline-block; }
.wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-lavel { display: block; }
.wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-item a span { display: inline-block; }
.wrapper.nav-collapsed .page-wrap .app-sidebar:hover .sidebar-content .nav-container .navigation-main .nav-item a::before { display: inline-block; }
.wrapper.nav-collapsed .page-wrap .main-content { padding-left: 75px; }
.wrapper.nav-collapsed .page-wrap .footer { padding-left: 90px; }
.wrapper.menu-collapsed .page-wrap .app-sidebar .sidebar-header .nav-toggle { display: none; }
.wrapper.right-sidebar-expand .right-sidebar { -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
.wrapper.right-sidebar-expand .chat-panel { -moz-transform: translateY(-100%) translateX(0); -o-transform: translateY(-100%) translateX(0); -ms-transform: translateY(-100%) translateX(0); -webkit-transform: translateY(-100%) translateX(0); transform: translateY(-100%) translateX(0); }

hr { box-sizing: content-box; height: 0; margin-top: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.profiletimeline { position: relative; padding-left: 40px; margin: 40px 10px 0 30px; border-left: 1px solid rgba(0, 0, 0, 0.1); }
.profiletimeline .sl-item { margin-top: 8px; margin-bottom: 30px; }
.profiletimeline .sl-item .sl-left { float: left; margin-left: -60px; z-index: 1; margin-right: 15px; }
.profiletimeline .sl-item .sl-left img { max-width: 40px; }
.profiletimeline .sl-item .sl-right .sl-date { font-size: 12px; color: #afb5c1; }

.dd-handle { background: #f7f7f7; border-radius: 3px; padding: 20px; position: relative; display: block; text-decoration: none; margin: 5px 0; overflow: hidden; }
.dd-handle p { margin: 0; }
.dd-handle:after, .dd-handle::after { content: ''; width: 5px; height: 100%; position: absolute; top: 0; left: 0; }

.dd-list { margin: 0; padding: 0; list-style: none; }
.dd-list .dd-placeholder, .dd-list .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.dd-list .dd-list { padding-left: 30px; }

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }

.todo-task .dd-handle:after, .todo-task .dd-handle::after { background-color: #f5365c; }

.progress-task .dd-handle:after, .progress-task .dd-handle::after { background-color: #F7CA18; }

.completed-task .dd-handle:after, .completed-task .dd-handle::after { background-color: #26C281; }

[class*="user--"]::after { height: 0.64286em; width: 0.64286em; display: block; position: absolute; top: 0; right: 10%; border-radius: 100px; content: ""; -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; }

.user--online:after { background: #06d6a0; }

.user--busy:after { background: #ff3333; }

.user--offline:after { background: #bbb; }

.swal-modal { padding: 20px; }
.swal-modal .swal-footer { text-align: center; }

[+] ..
[-] theme-image.css [edit]
[-] theme.css.map [edit]
[-] theme.min.css [edit]
[-] theme.min.css.map [edit]
[-] theme.css [edit]
[-] .htaccess.disabled [edit]