<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&amp;display=swap");*/
/*Social Media Colors*/
/*Theme Colors*/
/*Lite color*/
/*Theme Colors For Dark*/
/* gray bg */
.bg-gray-100 {
  background-color: #f3f6f9 !important; }

.bg-gray-200 {
  background-color: #ebedf3 !important; }

.bg-gray-300 {
  background-color: #e4e6ef !important; }

.bg-gray-400 {
  background-color: #d1d3e0 !important; }

.bg-gray-500 {
  background-color: #b5b5c3 !important; }

.bg-gray-600 {
  background-color: #7e8299 !important; }

.bg-gray-700 {
  background-color: #5e6278 !important; }

.bg-gray-800 {
  background-color: #3f4254 !important; }

.bg-gray-900 {
  background-color: #181c32 !important; }

/*---Default Button---*/
.btn-default {
  background-color: #f2f2f2;
  border-color: #dedede;
  color: #172b4c; }
  .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default.active {
    background-color: #e6e6e6 !important;
    border-color: #cccccc !important;
    color: #172b4c; }
  .btn-default:disabled {
    background-color: #f2f2f2;
    border-color: #dedede;
    opacity: 0.5; }
  .btn-default.disabled {
    background-color: #f2f2f2;
    border-color: #dedede;
    opacity: 0.5; }

.show &gt; .btn-default.dropdown-toggle {
  background-color: #e6e6e6 !important;
  border-color: #cccccc !important;
  color: #172b4c; }

.btn-outline.btn-default {
  color: #172b4c;
  background-color: transparent;
  border-color: #cccccc !important; }
  .btn-outline.btn-default:hover, .btn-outline.btn-default:active, .btn-outline.btn-default.active {
    background-color: #e6e6e6 !important;
    border-color: #cccccc !important;
    color: #172b4c; }

.show &gt; .btn-outline.btn-default.dropdown-toggle {
  background-color: #e6e6e6 !important;
  border-color: #cccccc !important;
  color: #172b4c; }

.btn-flat.btn-default {
  color: #172b4c;
  background-color: #f3f6f9;
  border-color: transparent; }
  .btn-flat.btn-default:hover, .btn-flat.btn-default:active, .btn-flat.btn-default.active {
    background-color: #e6e6e6 !important;
    border-color: #cccccc !important;
    color: #172b4c; }

/*---Secondary Button---*/
.btn-secondary {
  background-color: #e4e6ef;
  border-color: #e4e6ef;
  color: #172b4c; }
  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active {
    background-color: #c4c8dc !important;
    border-color: #c4c8dc !important;
    color: #172b4c !important; }
  .btn-secondary:disabled {
    background-color: #747ead;
    border-color: #747ead;
    opacity: 0.5; }
  .btn-secondary.disabled {
    background-color: #747ead;
    border-color: #747ead;
    opacity: 0.5; }

.show &gt; .btn-secondary.dropdown-toggle {
  background-color: #e4e6ef !important;
  border-color: #e4e6ef !important;
  color: #ffffff; }

.btn-outline.btn-secondary {
  color: #172b4c !important;
  background-color: transparent;
  border-color: #e4e6ef !important; }
  .btn-outline.btn-secondary:hover, .btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active {
    background-color: #c4c8dc !important;
    border-color: #c4c8dc !important;
    color: #172b4c !important; }

.dark-skin .btn-outline.btn-secondary {
  color: #b5b5c3 !important; }
  .dark-skin .btn-outline.btn-secondary:hover, .dark-skin .btn-outline.btn-secondary:active, .dark-skin .btn-outline.btn-secondary.active {
    color: #172b4c !important; }

.show &gt; .btn-outline.btn-secondary.dropdown-toggle {
  background-color: #e4e6ef !important;
  border-color: #e4e6ef !important;
  color: #ffffff; }

.btn-flat.btn-secondary {
  color: #172b4c;
  background-color: #e4e6ef;
  border-color: transparent; }
  .btn-flat.btn-secondary:hover, .btn-flat.btn-secondary:active, .btn-flat.btn-secondary.active {
    background-color: #c4c8dc !important;
    border-color: #c4c8dc !important;
    color: #172b4c !important; }

.dark-skin .btn-flat.btn-secondary {
  color: #b5b5c3; }
  .dark-skin .btn-flat.btn-secondary:hover, .dark-skin .btn-flat.btn-secondary:active, .dark-skin .btn-flat.btn-secondary.active {
    color: #172b4c !important; }

.btn-outline {
  color: #172b4c;
  background-color: transparent;
  border-color: #234173; }
  .btn-outline:hover, .btn-outline:active, .btn-outline.active {
    background-color: #234173;
    border-color: #234173;
    color: #ffffff !important; }

.show &gt; .btn-outline.dropdown-toggle {
  background-color: #234173;
  border-color: #234173;
  color: #ffffff; }

/*---Dark Button---*/
.btn-dark {
  background-color: #172b4c;
  border-color: #172b4c;
  color: #ffffff; }
  .btn-dark:hover, .btn-dark:active, .btn-dark:focus, .btn-dark.active {
    background-color: #234173 !important;
    border-color: #234173 !important;
    color: #ffffff; }
  .btn-dark:disabled {
    background-color: #234173;
    border-color: #234173;
    opacity: 0.5; }
  .btn-dark.disabled {
    background-color: #234173;
    border-color: #234173;
    opacity: 0.5; }

.show &gt; .btn-dark.dropdown-toggle {
  background-color: #234173 !important;
  border-color: #234173 !important;
  color: #ffffff; }

.btn-outline.btn-dark {
  color: #172b4c;
  background-color: transparent;
  border-color: #172b4c !important; }
  .btn-outline.btn-dark:hover, .btn-outline.btn-dark:active, .btn-outline.btn-dark.active {
    background-color: #234173 !important;
    border-color: #234173 !important;
    color: #ffffff; }

.show &gt; .btn-outline.btn-dark.dropdown-toggle {
  background-color: #234173 !important;
  border-color: #234173 !important;
  color: #ffffff; }

.btn-flat.btn-dark {
  color: #172b4c;
  background-color: #f3f6f9;
  border-color: #f3f6f9; }
  .btn-flat.btn-dark:hover, .btn-flat.btn-dark:active, .btn-flat.btn-dark.active {
    background-color: #234173 !important;
    border-color: #234173 !important;
    color: #ffffff; }

/*---Light Button---*/
.btn-light {
  background-color: #e4e6ef;
  border-color: #e4e6ef;
  color: #000000; }
  .btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light.active {
    background-color: #ffffff !important;
    border-color: #e4e6ef !important;
    color: #000000; }
  .btn-light:disabled {
    background-color: #ffffff;
    border-color: #e4e6ef;
    opacity: 0.5; }
  .btn-light.disabled {
    background-color: #ffffff;
    border-color: white;
    opacity: 0.5; }

.show &gt; .btn-light.dropdown-toggle {
  background-color: #ffffff !important;
  border-color: #e4e6ef !important;
  color: #000000; }

.btn-outline.btn-light {
  color: #e4e6ef;
  background-color: transparent;
  border-color: #e4e6ef !important; }
  .btn-outline.btn-light:hover, .btn-outline.btn-light:active, .btn-outline.btn-light.active {
    background-color: #e4e6ef !important;
    border-color: white !important;
    color: #172b4c !important; }

.show &gt; .btn-outline.btn-light.dropdown-toggle {
  background-color: #e4e6ef !important;
  border-color: #e4e6ef !important;
  color: #ffffff; }

.btn-flat.btn-light {
  color: #172b4c;
  background-color: #f3f6f9;
  border-color: #e4e6ef; }
  .btn-flat.btn-light:hover, .btn-flat.btn-light:active, .btn-flat.btn-light.active {
    background-color: #e4e6ef !important;
    border-color: #e4e6ef !important;
    color: #172b4c; }

/*---badge---*/
.badge-light {
  background-color: #e4e6ef;
  color: #172b4c; }

/*---Background---*/
.bg-secondary {
  background-color: #e4e6ef !important;
  color: #172b4c; }

.bg-secondary-light {
  background-color: #e9edf2 !important;
  color: #172b4c; }

.bg-dark {
  background-color: #172b4c !important;
  color: #ffffff !important; }

.bg-dark2 {
  background-color: #566f9e !important;
  color: #ffffff !important; }

.bg-dark3 {
  background-color: #0c1a32 !important;
  color: #ffffff !important; }

.bg-white {
  background-color: #ffffff; }

.bg-transparent {
  background-color: transparent !important; }

.bg-light {
  background-color: #e4e6ef !important; }

.bg-lighter {
  background-color: #ebedf3 !important; }

.bg-lightest {
  background-color: #f3f6f9 !important; }

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1); }

.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2); }

.bg-white-30 {
  background-color: rgba(255, 255, 255, 0.3); }

.bg-white-40 {
  background-color: rgba(255, 255, 255, 0.4); }

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5); }

.bg-white-60 {
  background-color: rgba(255, 255, 255, 0.6); }

.bg-white-70 {
  background-color: rgba(255, 255, 255, 0.7); }

.bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8); }

.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1); }

.bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2); }

.bg-black-30 {
  background-color: rgba(0, 0, 0, 0.3); }

.bg-black-40 {
  background-color: rgba(0, 0, 0, 0.4); }

.bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6); }

.bg-black-70 {
  background-color: rgba(0, 0, 0, 0.7); }

.bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8); }

.bg-black-90 {
  background-color: rgba(0, 0, 0, 0.9); }

/*---callout-alert---*/
.callout-secondary, .alert-secondary {
  background-color: #e4e6ef !important;
  color: #172b4c; }

/*background Patterns*/
.bg-temple-white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23455a64' fill-opacity='0.1'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.bg-temple-dark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.bg-food-white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23455a64' fill-opacity='0.1'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.bg-food-dark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.bg-brick-white {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23455a64' fill-opacity='0.1'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.bg-brick-dark {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.bg-bubbles-white {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23455a64' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.bg-bubbles-dark {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); }

/*border color*/
.wrapper .border-secondary {
  border-color: #4d7bc9 !important; }

.wrapper .border-gray {
  border-color: #87a7db !important; }

.wrapper .border-dark {
  border-color: #172b4c !important; }

.wrapper .border-transparent {
  border-color: transparent !important; }

.wrapper .border-white {
  border-color: #ffffff !important; }

.wrapper .border-light {
  border-color: #f3f6f9 !important; }

.wrapper .border-fade {
  border-color: rgba(97, 106, 120, 0.07) !important; }

/*---Text---*/
.text-secondary {
  color: #4d7bc9 !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #4d7bc9 !important; }

.hover-secondary:hover, .hover-secondary:focus {
  color: #4d7bc9 !important; }

.text-dark {
  color: #172b4c !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #172b4c !important; }

.hover-dark:hover, .hover-dark:focus {
  color: #172b4c !important; }

.text-mute {
  color: gray !important; }

a.text-mute:hover, a.text-mute:focus {
  color: gray !important; }

.hover-mute:hover, .hover-mute:focus {
  color: gray !important; }

.text-light {
  color: #b5b5c3 !important; }

a.text-light:hover, a.text-light:focus {
  color: #b5b5c3 !important; }

.hover-light:hover, .hover-light:focus {
  color: #b5b5c3 !important; }

.text-lighter {
  color: #d1d3e0 !important; }

a.text-lighter:hover, a.text-lighter:focus {
  color: #d1d3e0 !important; }

.hover-lighter:hover, .hover-lighter:focus {
  color: #d1d3e0 !important; }

.text-fade {
  color: #7e8299 !important; }

a.text-fade:hover, a.text-fade:focus {
  color: #d1d3e0 !important; }

.hover-fade:hover, .hover-fade:focus {
  color: #d1d3e0 !important; }

.dark-skin .text-fade {
  color: #8daac6 !important; }
.dark-skin a.text-fade:hover, .dark-skin a.text-fade:focus {
  color: #8daac6 !important; }
.dark-skin .hover-fade:hover, .dark-skin .hover-fade:focus {
  color: #8daac6 !important; }

.text-white {
  color: #ffffff !important; }

a.text-white:hover, a.text-white:focus {
  color: #ffffff !important; }

.hover-white:hover, .hover-white:focus {
  color: #ffffff !important; }

/*---color skin---*/
/**************************************
Theme fruit Color
**************************************/
.bg-gradient-fruit, .theme-fruit .bg-gradient-fruit, .theme-fruit .art-bg {
  background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%); }

.bg-light-body {
  background: transparent; }

.theme-fruit.fixed .main-header {
  }
  .theme-fruit.fixed .main-header .navbar {
    background: transparent; }
.theme-fruit .main-header {
  background: #ffffff; }

.theme-fruit.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-fruit-dark, .dark-skin.theme-fruit .bg-gradient-fruit, .dark-skin.theme-fruit .art-bg {
  background-image: linear-gradient(-45deg, #37541d 0%, #37541d 33%, #995600 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-fruit.fixed .main-header {
  }
  .dark-skin.theme-fruit.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-fruit .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-fruit.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-fruit.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-fruit.fixed .main-header {
    background-image: #0c1a32; } }
.theme-fruit a:hover, .theme-fruit a:active, .theme-fruit a:focus {
  color: #689f38; }
.theme-fruit .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-fruit .main-sidebar .svg-icon:hover, .theme-fruit .main-sidebar .svg-icon:active, .theme-fruit .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-fruit .main-sidebar a:hover .svg-icon, .theme-fruit .main-sidebar a:active .svg-icon, .theme-fruit .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-fruit .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-fruit .svg-icon:hover, .theme-fruit .svg-icon:active, .theme-fruit .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-fruit a:hover .svg-icon, .theme-fruit a:active .svg-icon, .theme-fruit a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-fruit.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #689f38 !important; }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #689f38; }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #689f38;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-fruit.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-fruit.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #689f38 !important; }
.theme-fruit.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-fruit.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-fruit.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-fruit.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-fruit.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-fruit.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #689f38 !important; }
.theme-fruit.light-skin .sidebar-menu &gt; li:hover, .theme-fruit.light-skin .sidebar-menu &gt; li:active, .theme-fruit.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(104, 159, 56, 0);
  color: #689f38;
  border-left: 0px solid rgba(104, 159, 56, 0); }
  .theme-fruit.light-skin .sidebar-menu &gt; li:hover a, .theme-fruit.light-skin .sidebar-menu &gt; li:active a, .theme-fruit.light-skin .sidebar-menu &gt; li.active a {
    color: #689f38; }
    .theme-fruit.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-fruit.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-fruit.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(104, 159, 56, 0); }
    .theme-fruit.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-fruit.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-fruit.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #689f38;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-fruit.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-fruit.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-fruit.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-fruit.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(104, 159, 56, 0);
  color: #689f38;
  border-left: 0px solid #689f38; }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%); }
    .theme-fruit.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #689f38;
      background-color: rgba(104, 159, 56, 0); }
    .theme-fruit.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-fruit.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(104, 159, 56, 0);
    color: #689f38; }
    .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%); }
      .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(104, 159, 56, 0); }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(104, 159, 56, 0); }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(104, 159, 56, 0);
    color: #689f38; }
    .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #689f38; }
      .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #689f38;
        background-color: rgba(104, 159, 56, 0); }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(104, 159, 56, 0);
    color: #689f38; }
    .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #689f38; }
      .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #689f38;
        background-color: rgba(104, 159, 56, 0); }
  .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-fruit.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(104, 159, 56, 0); }
.theme-fruit.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #689f38;
  border-right: 0px solid #689f38; }
.theme-fruit.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(104, 159, 56, 0);
  color: white;
  border-left: 0px solid #689f38; }
  .theme-fruit.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%); }
    .theme-fruit.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-fruit.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-fruit.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-fruit.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(104, 159, 56, 0);
    color: #689f38; }
    .theme-fruit.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%); }
      .theme-fruit.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(104, 159, 56, 0); }
  .theme-fruit.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(104, 159, 56, 0);
    color: white; }
    .theme-fruit.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-fruit.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #689f38;
  border-right: 0px solid #689f38; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(104, 159, 56, 0.2);
    color: #689f38; } }
/*---Main Nav---*/
.theme-fruit .sm-blue li.current &gt; a, .theme-fruit .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%);
  color: #ffffff !important; }
  .theme-fruit .sm-blue li.current &gt; a:hover, .theme-fruit .sm-blue li.current &gt; a:active, .theme-fruit .sm-blue li.current &gt; a:focus, .theme-fruit .sm-blue li.highlighted &gt; a:hover, .theme-fruit .sm-blue li.highlighted &gt; a:active, .theme-fruit .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%);
    color: #ffffff !important; }
.theme-fruit .sm-blue a.current, .theme-fruit .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%);
  color: #ffffff !important; }
.theme-fruit .sm-blue a:hover, .theme-fruit .sm-blue a:active, .theme-fruit .sm-blue a:focus {
  background: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%);
  color: #ffffff !important; }
.theme-fruit .sm-blue ul a:hover, .theme-fruit .sm-blue ul a:active, .theme-fruit .sm-blue ul a:focus {
  background: #ebedf3;
  color: #689f38 !important; }
.theme-fruit .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #689f38 !important; }

.dark-skin.theme-fruit .sm-blue li.current &gt; a, .dark-skin.theme-fruit .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #37541d 0%, #37541d 33%, #995600 100%);
  color: #ffffff !important; }
  .dark-skin.theme-fruit .sm-blue li.current &gt; a:hover, .dark-skin.theme-fruit .sm-blue li.current &gt; a:active, .dark-skin.theme-fruit .sm-blue li.current &gt; a:focus, .dark-skin.theme-fruit .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-fruit .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-fruit .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #37541d 0%, #37541d 33%, #995600 100%);
    color: #ffffff !important; }
.dark-skin.theme-fruit .sm-blue a.current, .dark-skin.theme-fruit .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #37541d 0%, #37541d 33%, #995600 100%);
  color: #ffffff !important; }
.dark-skin.theme-fruit .sm-blue a:hover, .dark-skin.theme-fruit .sm-blue a:active, .dark-skin.theme-fruit .sm-blue a:focus {
  background: linear-gradient(-45deg, #37541d 0%, #37541d 33%, #995600 100%);
  color: #ffffff !important; }
.dark-skin.theme-fruit .sm-blue ul a:hover, .dark-skin.theme-fruit .sm-blue ul a:active, .dark-skin.theme-fruit .sm-blue ul a:focus {
  background: #29354b;
  color: #689f38 !important; }
.dark-skin.theme-fruit .sm-blue ul a.highlighted {
  background: #29354b;
  color: #689f38 !important; }

/*---Primary Button---*/
.theme-fruit .btn-link {
  color: #689f38; }
.theme-fruit .btn-primary {
  background-color: #689f38;
  border-color: #689f38;
  color: #ffffff; }
  .theme-fruit .btn-primary:hover, .theme-fruit .btn-primary:active, .theme-fruit .btn-primary:focus, .theme-fruit .btn-primary.active {
    background-color: #4f792b !important;
    border-color: #4f792b !important;
    color: #ffffff !important; }
  .theme-fruit .btn-primary:disabled {
    background-color: #9bcd70;
    border-color: #689f38;
    opacity: 0.5; }
  .theme-fruit .btn-primary.disabled {
    background-color: #9bcd70;
    border-color: #689f38;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-primary.dropdown-toggle {
  background-color: #4f792b !important;
  border-color: #4f792b !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-primary {
  color: #689f38;
  background-color: transparent;
  border-color: #689f38 !important; }
  .theme-fruit .btn-outline.btn-primary:hover, .theme-fruit .btn-outline.btn-primary:active, .theme-fruit .btn-outline.btn-primary.active {
    background-color: #4f792b !important;
    border-color: #4f792b !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #4f792b !important;
  border-color: #4f792b !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-primary {
  color: #689f38 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-primary:hover, .theme-fruit .btn-flat.btn-primary:active, .theme-fruit .btn-flat.btn-primary.active {
    background-color: #4f792b !important;
    border-color: #4f792b !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-fruit .btn-info {
  background-color: #38649f;
  border-color: #38649f;
  color: #ffffff; }
  .theme-fruit .btn-info:hover, .theme-fruit .btn-info:active, .theme-fruit .btn-info:focus, .theme-fruit .btn-info.active {
    background-color: #2b4c79 !important;
    border-color: #2b4c79 !important;
    color: #ffffff !important; }
  .theme-fruit .btn-info:disabled {
    background-color: #7098cd;
    border-color: #38649f;
    opacity: 0.5; }
  .theme-fruit .btn-info.disabled {
    background-color: #7098cd;
    border-color: #38649f;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-info.dropdown-toggle {
  background-color: #2b4c79 !important;
  border-color: #2b4c79 !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-info {
  color: #38649f;
  background-color: transparent;
  border-color: #38649f !important; }
  .theme-fruit .btn-outline.btn-info:hover, .theme-fruit .btn-outline.btn-info:active, .theme-fruit .btn-outline.btn-info.active {
    background-color: #2b4c79 !important;
    border-color: #2b4c79 !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #2b4c79 !important;
  border-color: #2b4c79 !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-info {
  color: #38649f !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-info:hover, .theme-fruit .btn-flat.btn-info:active, .theme-fruit .btn-flat.btn-info.active {
    background-color: #2b4c79 !important;
    border-color: #2b4c79 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-fruit .btn-success {
  background-color: #389f99;
  border-color: #389f99;
  color: #ffffff; }
  .theme-fruit .btn-success:hover, .theme-fruit .btn-success:active, .theme-fruit .btn-success:focus, .theme-fruit .btn-success.active {
    background-color: #2b7975 !important;
    border-color: #2b7975 !important;
    color: #ffffff !important; }
  .theme-fruit .btn-success:disabled {
    background-color: #70cdc7;
    border-color: #389f99;
    opacity: 0.5; }
  .theme-fruit .btn-success.disabled {
    background-color: #70cdc7;
    border-color: #389f99;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-success.dropdown-toggle {
  background-color: #2b7975 !important;
  border-color: #2b7975 !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-success {
  color: #389f99;
  background-color: transparent;
  border-color: #389f99 !important; }
  .theme-fruit .btn-outline.btn-success:hover, .theme-fruit .btn-outline.btn-success:active, .theme-fruit .btn-outline.btn-success.active {
    background-color: #2b7975 !important;
    border-color: #2b7975 !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #2b7975 !important;
  border-color: #2b7975 !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-success {
  color: #389f99 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-success:hover, .theme-fruit .btn-flat.btn-success:active, .theme-fruit .btn-flat.btn-success.active {
    background-color: #2b7975 !important;
    border-color: #2b7975 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-fruit .btn-danger {
  background-color: #ee1044;
  border-color: #ee1044;
  color: #ffffff; }
  .theme-fruit .btn-danger:hover, .theme-fruit .btn-danger:active, .theme-fruit .btn-danger:focus, .theme-fruit .btn-danger.active {
    background-color: #be0d36 !important;
    border-color: #be0d36 !important;
    color: #ffffff !important; }
  .theme-fruit .btn-danger:disabled {
    background-color: #f56f8e;
    border-color: #ee1044;
    opacity: 0.5; }
  .theme-fruit .btn-danger.disabled {
    background-color: #f56f8e;
    border-color: #ee1044;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-danger.dropdown-toggle {
  background-color: #be0d36 !important;
  border-color: #be0d36 !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-danger {
  color: #ee1044;
  background-color: transparent;
  border-color: #ee1044 !important; }
  .theme-fruit .btn-outline.btn-danger:hover, .theme-fruit .btn-outline.btn-danger:active, .theme-fruit .btn-outline.btn-danger.active {
    background-color: #be0d36 !important;
    border-color: #be0d36 !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #be0d36 !important;
  border-color: #be0d36 !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-danger {
  color: #ee1044 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-danger:hover, .theme-fruit .btn-flat.btn-danger:active, .theme-fruit .btn-flat.btn-danger.active {
    background-color: #be0d36 !important;
    border-color: #be0d36 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-fruit .btn-warning {
  background-color: #ff8f00;
  border-color: #ff8f00;
  color: #ffffff; }
  .theme-fruit .btn-warning:hover, .theme-fruit .btn-warning:active, .theme-fruit .btn-warning:focus, .theme-fruit .btn-warning.active {
    background-color: #cc7200 !important;
    border-color: #cc7200 !important;
    color: #ffffff !important; }
  .theme-fruit .btn-warning:disabled {
    background-color: #ffbc66;
    border-color: #ff8f00;
    opacity: 0.5; }
  .theme-fruit .btn-warning.disabled {
    background-color: #ffbc66;
    border-color: #ff8f00;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-warning.dropdown-toggle {
  background-color: #cc7200 !important;
  border-color: #cc7200 !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-warning {
  color: #ff8f00;
  background-color: transparent;
  border-color: #ff8f00 !important; }
  .theme-fruit .btn-outline.btn-warning:hover, .theme-fruit .btn-outline.btn-warning:active, .theme-fruit .btn-outline.btn-warning.active {
    background-color: #cc7200 !important;
    border-color: #cc7200 !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #cc7200 !important;
  border-color: #cc7200 !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-warning {
  color: #ff8f00 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-warning:hover, .theme-fruit .btn-flat.btn-warning:active, .theme-fruit .btn-flat.btn-warning.active {
    background-color: #cc7200 !important;
    border-color: #cc7200 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-fruit .btn-primary-light {
  background-color: #dcefcc;
  border-color: #dcefcc;
  color: #689f38; }
  .theme-fruit .btn-primary-light:hover, .theme-fruit .btn-primary-light:active, .theme-fruit .btn-primary-light:focus, .theme-fruit .btn-primary-light.active {
    background-color: #689f38 !important;
    border-color: #689f38 !important;
    color: #ffffff !important; }
  .theme-fruit .btn-primary-light:disabled {
    background-color: white;
    border-color: #dcefcc;
    opacity: 0.5; }
  .theme-fruit .btn-primary-light.disabled {
    background-color: white;
    border-color: #dcefcc;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #689f38 !important;
  border-color: #689f38 !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-primary-light {
  color: #689f38;
  background-color: transparent;
  border-color: #dcefcc !important; }
  .theme-fruit .btn-outline.btn-primary-light:hover, .theme-fruit .btn-outline.btn-primary-light:active, .theme-fruit .btn-outline.btn-primary-light.active {
    background-color: #689f38 !important;
    border-color: #689f38 !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #689f38 !important;
  border-color: #689f38 !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-primary-light {
  color: #689f38 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-primary-light:hover, .theme-fruit .btn-flat.btn-primary-light:active, .theme-fruit .btn-flat.btn-primary-light.active {
    background-color: #689f38 !important;
    border-color: #689f38 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-fruit .btn-info-light {
  background-color: #d4e3f6;
  border-color: #d4e3f6;
  color: #38649f; }
  .theme-fruit .btn-info-light:hover, .theme-fruit .btn-info-light:active, .theme-fruit .btn-info-light:focus, .theme-fruit .btn-info-light.active {
    background-color: #38649f !important;
    border-color: #38649f !important;
    color: #ffffff !important; }
  .theme-fruit .btn-info-light:disabled {
    background-color: white;
    border-color: #d4e3f6;
    opacity: 0.5; }
  .theme-fruit .btn-info-light.disabled {
    background-color: white;
    border-color: #d4e3f6;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-info.dropdown-toggle {
  background-color: #38649f !important;
  border-color: #38649f !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-info-light {
  color: #38649f;
  background-color: transparent;
  border-color: #d4e3f6 !important; }
  .theme-fruit .btn-outline.btn-info-light:hover, .theme-fruit .btn-outline.btn-info-light:active, .theme-fruit .btn-outline.btn-info-light.active {
    background-color: #38649f !important;
    border-color: #38649f !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #38649f !important;
  border-color: #38649f !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-info-light {
  color: #38649f !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-info-light:hover, .theme-fruit .btn-flat.btn-info-light:active, .theme-fruit .btn-flat.btn-info-light.active {
    background-color: #38649f !important;
    border-color: #38649f !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-fruit .btn-success-light {
  background-color: #cdf2f0;
  border-color: #cdf2f0;
  color: #389f99; }
  .theme-fruit .btn-success-light:hover, .theme-fruit .btn-success-light:active, .theme-fruit .btn-success-light:focus, .theme-fruit .btn-success-light.active {
    background-color: #389f99 !important;
    border-color: #389f99 !important;
    color: #ffffff !important; }
  .theme-fruit .btn-success-light:disabled {
    background-color: white;
    border-color: #cdf2f0;
    opacity: 0.5; }
  .theme-fruit .btn-success-light.disabled {
    background-color: white;
    border-color: #cdf2f0;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #389f99 !important;
  border-color: #389f99 !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-success-light {
  color: #389f99;
  background-color: transparent;
  border-color: #cdf2f0 !important; }
  .theme-fruit .btn-outline.btn-success-light:hover, .theme-fruit .btn-outline.btn-success-light:active, .theme-fruit .btn-outline.btn-success-light.active {
    background-color: #389f99 !important;
    border-color: #389f99 !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #389f99 !important;
  border-color: #389f99 !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-success-light {
  color: #389f99 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-success-light:hover, .theme-fruit .btn-flat.btn-success-light:active, .theme-fruit .btn-flat.btn-success-light.active {
    background-color: #389f99 !important;
    border-color: #389f99 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-fruit .btn-danger-light {
  background-color: #f7c9d3;
  border-color: #f7c9d3;
  color: #ee1044; }
  .theme-fruit .btn-danger-light:hover, .theme-fruit .btn-danger-light:active, .theme-fruit .btn-danger-light:focus, .theme-fruit .btn-danger-light.active {
    background-color: #ee1044 !important;
    border-color: #ee1044 !important;
    color: #ffffff !important; }
  .theme-fruit .btn-danger-light:disabled {
    background-color: white;
    border-color: #f7c9d3;
    opacity: 0.5; }
  .theme-fruit .btn-danger-light.disabled {
    background-color: white;
    border-color: #f7c9d3;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #ee1044 !important;
  border-color: #ee1044 !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-danger-light {
  color: #ee1044;
  background-color: transparent;
  border-color: #f7c9d3 !important; }
  .theme-fruit .btn-outline.btn-danger-light:hover, .theme-fruit .btn-outline.btn-danger-light:active, .theme-fruit .btn-outline.btn-danger-light.active {
    background-color: #ee1044 !important;
    border-color: #ee1044 !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #ee1044 !important;
  border-color: #ee1044 !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-danger-light {
  color: #ee1044 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-danger-light:hover, .theme-fruit .btn-flat.btn-danger-light:active, .theme-fruit .btn-flat.btn-danger-light.active {
    background-color: #ee1044 !important;
    border-color: #ee1044 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-fruit .btn-warning-light {
  background-color: #f7e5cd;
  border-color: #f7e5cd;
  color: #ff8f00; }
  .theme-fruit .btn-warning-light:hover, .theme-fruit .btn-warning-light:active, .theme-fruit .btn-warning-light:focus, .theme-fruit .btn-warning-light.active {
    background-color: #ff8f00 !important;
    border-color: #ff8f00 !important;
    color: #ffffff !important; }
  .theme-fruit .btn-warning-light:disabled {
    background-color: white;
    border-color: #f7e5cd;
    opacity: 0.5; }
  .theme-fruit .btn-warning-light.disabled {
    background-color: white;
    border-color: #f7e5cd;
    opacity: 0.5; }
.theme-fruit .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #ff8f00 !important;
  border-color: #ff8f00 !important;
  color: #ffffff; }
.theme-fruit .btn-outline.btn-warning-light {
  color: #ff8f00;
  background-color: transparent;
  border-color: #f7e5cd !important; }
  .theme-fruit .btn-outline.btn-warning-light:hover, .theme-fruit .btn-outline.btn-warning-light:active, .theme-fruit .btn-outline.btn-warning-light.active {
    background-color: #ff8f00 !important;
    border-color: #ff8f00 !important;
    color: #ffffff !important; }
.theme-fruit .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #ff8f00 !important;
  border-color: #ff8f00 !important;
  color: #ffffff; }
.theme-fruit .btn-flat.btn-warning-light {
  color: #ff8f00 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-fruit .btn-flat.btn-warning-light:hover, .theme-fruit .btn-flat.btn-warning-light:active, .theme-fruit .btn-flat.btn-warning-light.active {
    background-color: #ff8f00 !important;
    border-color: #ff8f00 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-fruit .callout.callout-primary {
  border-color: #689f38;
  background-color: #689f38 !important; }
.theme-fruit .callout.callout-info {
  border-color: #38649f;
  background-color: #38649f !important; }
.theme-fruit .callout.callout-success {
  border-color: #389f99;
  background-color: #389f99 !important; }
.theme-fruit .callout.callout-danger {
  border-color: #ee1044;
  background-color: #ee1044 !important; }
.theme-fruit .callout.callout-warning {
  border-color: #ff8f00;
  background-color: #ff8f00 !important; }

/*---alert---*/
.theme-fruit .alert-primary {
  border-color: #689f38;
  background-color: #689f38 !important;
  color: #ffffff; }
.theme-fruit .alert-info {
  border-color: #38649f;
  background-color: #38649f !important;
  color: #ffffff; }
.theme-fruit .alert-success {
  border-color: #389f99;
  background-color: #389f99 !important;
  color: #ffffff; }
.theme-fruit .alert-danger {
  border-color: #ee1044;
  background-color: #ee1044 !important;
  color: #ffffff; }
.theme-fruit .alert-error {
  border-color: #ee1044;
  background-color: #ee1044 !important;
  color: #ffffff; }
.theme-fruit .alert-warning {
  border-color: #ff8f00;
  background-color: #ff8f00 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-fruit .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #689f38;
  color: #ffffff; }
.theme-fruit .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-fruit .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #689f38; }
.theme-fruit .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #38649f;
  color: #ffffff; }
.theme-fruit .direct-chat-info .right &gt; .direct-chat-text:before, .theme-fruit .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #38649f; }
.theme-fruit .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #389f99;
  color: #ffffff; }
.theme-fruit .direct-chat-success .right &gt; .direct-chat-text:before, .theme-fruit .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #389f99; }
.theme-fruit .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #ee1044;
  color: #ffffff; }
.theme-fruit .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-fruit .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #ee1044; }
.theme-fruit .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #ff8f00;
  color: #ffffff; }
.theme-fruit .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-fruit .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #ff8f00; }
.theme-fruit .right .direct-chat-text p {
  background-color: #689f38; }

/*---modal---*/
.theme-fruit .modal-primary .modal-footer, .theme-fruit .modal-primary .modal-header {
  border-color: #689f38; }
.theme-fruit .modal-primary .modal-body {
  background-color: #689f38 !important; }
.theme-fruit .modal-info .modal-footer, .theme-fruit .modal-info .modal-header {
  border-color: #38649f; }
.theme-fruit .modal-info .modal-body {
  background-color: #38649f !important; }
.theme-fruit .modal-success .modal-footer, .theme-fruit .modal-success .modal-header {
  border-color: #389f99; }
.theme-fruit .modal-success .modal-body {
  background-color: #389f99 !important; }
.theme-fruit .modal-danger .modal-footer, .theme-fruit .modal-danger .modal-header {
  border-color: #ee1044; }
.theme-fruit .modal-danger .modal-body {
  background-color: #ee1044 !important; }
.theme-fruit .modal-warning .modal-footer, .theme-fruit .modal-warning .modal-header {
  border-color: #ff8f00; }
.theme-fruit .modal-warning .modal-body {
  background-color: #ff8f00 !important; }

/*---border---*/
.theme-fruit .border-primary {
  border-color: #689f38 !important; }
.theme-fruit .border-info {
  border-color: #38649f !important; }
.theme-fruit .border-success {
  border-color: #389f99 !important; }
.theme-fruit .border-danger {
  border-color: #ee1044 !important; }
.theme-fruit .border-warning {
  border-color: #ff8f00 !important; }

/*---Background---*/
.theme-fruit .bg-primary {
  background-color: #689f38 !important;
  color: #ffffff; }
.theme-fruit .bg-primary-light {
  background-color: #dcefcc !important;
  color: #689f38; }
.theme-fruit .bg-info {
  background-color: #38649f !important;
  color: #ffffff; }
.theme-fruit .bg-info-light {
  background-color: #d4e3f6 !important;
  color: #38649f; }
.theme-fruit .bg-success {
  background-color: #389f99 !important;
  color: #ffffff; }
.theme-fruit .bg-success-light {
  background-color: #cdf2f0 !important;
  color: #389f99; }
.theme-fruit .bg-danger {
  background-color: #ee1044 !important;
  color: #ffffff; }
.theme-fruit .bg-danger-light {
  background-color: #f7c9d3 !important;
  color: #ee1044; }
.theme-fruit .bg-warning {
  background-color: #ff8f00 !important;
  color: #ffffff; }
.theme-fruit .bg-warning-light {
  background-color: #f7e5cd !important;
  color: #ff8f00; }

/*---text---*/
.theme-fruit .text-primary {
  color: #689f38 !important; }
.theme-fruit a.text-primary:hover, .theme-fruit a.text-primary:focus {
  color: #689f38 !important; }
.theme-fruit .hover-primary:hover, .theme-fruit .hover-primary:focus {
  color: #689f38 !important; }
.theme-fruit .text-info {
  color: #38649f !important; }
.theme-fruit a.text-info:hover, .theme-fruit a.text-info:focus {
  color: #38649f !important; }
.theme-fruit .hover-info:hover, .theme-fruit .hover-info:focus {
  color: #38649f !important; }
.theme-fruit .text-success {
  color: #389f99 !important; }
.theme-fruit a.text-success:hover, .theme-fruit a.text-success:focus {
  color: #389f99 !important; }
.theme-fruit .hover-success:hover, .theme-fruit .hover-success:focus {
  color: #389f99 !important; }
.theme-fruit .text-danger {
  color: #ee1044 !important; }
.theme-fruit a.text-danger:hover, .theme-fruit a.text-danger:focus {
  color: #ee1044 !important; }
.theme-fruit .hover-danger:hover, .theme-fruit .hover-danger:focus {
  color: #ee1044 !important; }
.theme-fruit .text-warning {
  color: #ff8f00 !important; }
.theme-fruit a.text-warning:hover, .theme-fruit a.text-warning:focus {
  color: #ff8f00 !important; }
.theme-fruit .hover-warning:hover, .theme-fruit .hover-warning:focus {
  color: #ff8f00 !important; }

/*---active background---*/
.theme-fruit .active.active-primary {
  background-color: #4f792b !important; }
.theme-fruit .active.active-info {
  background-color: #2b4c79 !important; }
.theme-fruit .active.active-success {
  background-color: #2b7975 !important; }
.theme-fruit .active.active-danger {
  background-color: #be0d36 !important; }
.theme-fruit .active.active-warning {
  background-color: #cc7200 !important; }

/*---label background---*/
.theme-fruit .label-primary {
  background-color: #689f38 !important; }
.theme-fruit .label-info {
  background-color: #38649f !important; }
.theme-fruit .label-success {
  background-color: #389f99 !important; }
.theme-fruit .label-danger {
  background-color: #ee1044 !important; }
.theme-fruit .label-warning {
  background-color: #ff8f00 !important; }

/*---ribbon---*/
.theme-fruit .ribbon-box .ribbon-primary {
  background-color: #689f38; }
  .theme-fruit .ribbon-box .ribbon-primary:before {
    border-color: #689f38 transparent transparent; }
.theme-fruit .ribbon-box .ribbon-two-primary span {
  background-color: #689f38; }
  .theme-fruit .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #4f792b;
    border-top: 3px solid #4f792b; }
  .theme-fruit .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #4f792b;
    border-top: 3px solid #4f792b; }
.theme-fruit .ribbon-box .ribbon-info {
  background-color: #38649f; }
  .theme-fruit .ribbon-box .ribbon-info:before {
    border-color: #38649f transparent transparent; }
.theme-fruit .ribbon-box .ribbon-two-info span {
  background-color: #38649f; }
  .theme-fruit .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #2b4c79;
    border-top: 3px solid #2b4c79; }
  .theme-fruit .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #2b4c79;
    border-top: 3px solid #2b4c79; }
.theme-fruit .ribbon-box .ribbon-success {
  background-color: #389f99; }
  .theme-fruit .ribbon-box .ribbon-success:before {
    border-color: #389f99 transparent transparent; }
.theme-fruit .ribbon-box .ribbon-two-success span {
  background-color: #389f99; }
  .theme-fruit .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #2b7975;
    border-top: 3px solid #2b7975; }
  .theme-fruit .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #2b7975;
    border-top: 3px solid #2b7975; }
.theme-fruit .ribbon-box .ribbon-danger {
  background-color: #ee1044; }
  .theme-fruit .ribbon-box .ribbon-danger:before {
    border-color: #ee1044 transparent transparent; }
.theme-fruit .ribbon-box .ribbon-two-danger span {
  background-color: #ee1044; }
  .theme-fruit .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #be0d36;
    border-top: 3px solid #be0d36; }
  .theme-fruit .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #be0d36;
    border-top: 3px solid #be0d36; }
.theme-fruit .ribbon-box .ribbon-warning {
  background-color: #ff8f00; }
  .theme-fruit .ribbon-box .ribbon-warning:before {
    border-color: #ff8f00 transparent transparent; }
.theme-fruit .ribbon-box .ribbon-two-warning span {
  background-color: #ff8f00; }
  .theme-fruit .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #cc7200;
    border-top: 3px solid #cc7200; }
  .theme-fruit .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #cc7200;
    border-top: 3px solid #cc7200; }

/*---Box---*/
.theme-fruit .box-primary {
  background-color: #689f38 !important; }
  .theme-fruit .box-primary.box-bordered {
    border-color: #689f38; }
.theme-fruit .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #689f38; }
.theme-fruit .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #689f38; }
  .theme-fruit .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-fruit .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-fruit .box-info {
  background-color: #38649f !important; }
  .theme-fruit .box-info.box-bordered {
    border-color: #38649f; }
.theme-fruit .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #38649f; }
.theme-fruit .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #38649f; }
  .theme-fruit .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-fruit .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-fruit .box-success {
  background-color: #389f99 !important; }
  .theme-fruit .box-success.box-bordered {
    border-color: #389f99; }
.theme-fruit .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #389f99; }
.theme-fruit .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #389f99; }
  .theme-fruit .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-fruit .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-fruit .box-danger {
  background-color: #ee1044 !important; }
  .theme-fruit .box-danger.box-bordered {
    border-color: #ee1044; }
.theme-fruit .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #ee1044; }
.theme-fruit .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #ee1044; }
  .theme-fruit .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-fruit .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-fruit .box-warning {
  background-color: #ff8f00 !important; }
  .theme-fruit .box-warning.box-bordered {
    border-color: #ff8f00; }
.theme-fruit .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #ff8f00; }
.theme-fruit .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #ff8f00; }
  .theme-fruit .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-fruit .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-fruit .box-profile .social-states a:hover {
  color: #4f792b; }
.theme-fruit .box-controls li &gt; a:hover {
  color: #4f792b; }
.theme-fruit .box-controls .dropdown.show &gt; a {
  color: #4f792b; }
.theme-fruit .box-fullscreen .box-btn-fullscreen {
  color: #4f792b; }

/*---progress bar---*/
.theme-fruit .progress-bar-primary {
  background-color: #689f38; }
.theme-fruit .progress-bar-info {
  background-color: #38649f; }
.theme-fruit .progress-bar-success {
  background-color: #389f99; }
.theme-fruit .progress-bar-danger {
  background-color: #ee1044; }
.theme-fruit .progress-bar-warning {
  background-color: #ff8f00; }

/*---panel---*/
.theme-fruit .panel-primary {
  border-color: #689f38; }
  .theme-fruit .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #689f38;
    border-color: #689f38; }
    .theme-fruit .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #689f38; }
    .theme-fruit .panel-primary &gt; .panel-heading .badge-pill {
      color: #689f38;
      background-color: #ffffff; }
  .theme-fruit .panel-primary .panel-title, .theme-fruit .panel-primary .panel-action {
    color: #ffffff; }
  .theme-fruit .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #689f38; }
.theme-fruit .panel-line.panel-primary .panel-heading {
  color: #689f38;
  border-top-color: #689f38;
  background: transparent; }
.theme-fruit .panel-line.panel-primary .panel-title, .theme-fruit .panel-line.panel-primary .panel-action {
  color: #689f38; }
.theme-fruit .panel-info {
  border-color: #38649f; }
  .theme-fruit .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #38649f;
    border-color: #38649f; }
    .theme-fruit .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #38649f; }
    .theme-fruit .panel-info &gt; .panel-heading .badge-pill {
      color: #38649f;
      background-color: #ffffff; }
  .theme-fruit .panel-info .panel-title, .theme-fruit .panel-info .panel-action {
    color: #ffffff; }
  .theme-fruit .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #38649f; }
.theme-fruit .panel-line.panel-info .panel-heading {
  color: #38649f;
  border-top-color: #38649f;
  background: transparent; }
.theme-fruit .panel-line.panel-info .panel-title, .theme-fruit .panel-line.panel-info .panel-action {
  color: #38649f; }
.theme-fruit .panel-success {
  border-color: #389f99; }
  .theme-fruit .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #389f99;
    border-color: #389f99; }
    .theme-fruit .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #389f99; }
    .theme-fruit .panel-success &gt; .panel-heading .badge-pill {
      color: #389f99;
      background-color: #ffffff; }
  .theme-fruit .panel-success .panel-title, .theme-fruit .panel-success .panel-action {
    color: #ffffff; }
  .theme-fruit .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #389f99; }
.theme-fruit .panel-line.panel-success .panel-heading {
  color: #389f99;
  border-top-color: #389f99;
  background: transparent; }
.theme-fruit .panel-line.panel-success .panel-title, .theme-fruit .panel-line.panel-success .panel-action {
  color: #389f99; }
.theme-fruit .panel-danger {
  border-color: #ee1044; }
  .theme-fruit .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #ee1044;
    border-color: #ee1044; }
    .theme-fruit .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ee1044; }
    .theme-fruit .panel-danger &gt; .panel-heading .badge-pill {
      color: #ee1044;
      background-color: #ffffff; }
  .theme-fruit .panel-danger .panel-title, .theme-fruit .panel-danger .panel-action {
    color: #ffffff; }
  .theme-fruit .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ee1044; }
.theme-fruit .panel-line.panel-danger .panel-heading {
  color: #ee1044;
  border-top-color: #ee1044;
  background: transparent; }
.theme-fruit .panel-line.panel-danger .panel-title, .theme-fruit .panel-line.panel-danger .panel-action {
  color: #ee1044; }
.theme-fruit .panel-warning {
  border-color: #ff8f00; }
  .theme-fruit .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #ff8f00;
    border-color: #ff8f00; }
    .theme-fruit .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ff8f00; }
    .theme-fruit .panel-warning &gt; .panel-heading .badge-pill {
      color: #ff8f00;
      background-color: #ffffff; }
  .theme-fruit .panel-warning .panel-title, .theme-fruit .panel-warning .panel-action {
    color: #ffffff; }
  .theme-fruit .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ff8f00; }
.theme-fruit .panel-line.panel-warning .panel-heading {
  color: #ff8f00;
  border-top-color: #ff8f00;
  background: transparent; }
.theme-fruit .panel-line.panel-warning .panel-title, .theme-fruit .panel-line.panel-warning .panel-action {
  color: #ff8f00; }

/*---switch---*/
.theme-fruit .switch input:checked ~ .switch-indicator::after {
  background-color: #689f38; }
.theme-fruit .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #689f38; }
.theme-fruit .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #38649f; }
.theme-fruit .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #389f99; }
.theme-fruit .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #ee1044; }
.theme-fruit .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #ff8f00; }

/*---badge---*/
.theme-fruit .badge-primary {
  background-color: #689f38;
  color: #ffffff; }
.theme-fruit .badge-primary[href]:hover, .theme-fruit .badge-primary[href]:focus {
  background-color: #4f792b; }
.theme-fruit .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-fruit .badge-secondary[href]:hover, .theme-fruit .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-fruit .badge-info {
  background-color: #38649f;
  color: #ffffff; }
.theme-fruit .badge-info[href]:hover, .theme-fruit .badge-info[href]:focus {
  background-color: #2b4c79; }
.theme-fruit .badge-success {
  background-color: #389f99;
  color: #ffffff; }
.theme-fruit .badge-success[href]:hover, .theme-fruit .badge-success[href]:focus {
  background-color: #2b7975; }
.theme-fruit .badge-danger {
  background-color: #ee1044;
  color: #ffffff; }
.theme-fruit .badge-danger[href]:hover, .theme-fruit .badge-danger[href]:focus {
  background-color: #be0d36; }
.theme-fruit .badge-warning {
  background-color: #ff8f00;
  color: #ffffff; }
.theme-fruit .badge-warning[href]:hover, .theme-fruit .badge-warning[href]:focus {
  background-color: #cc7200; }

/*---badge light---*/
.theme-fruit .badge-primary-light {
  background-color: #dcefcc;
  color: #689f38; }
.theme-fruit .badge-primary-light[href]:hover, .theme-fruit .badge-primary-light[href]:focus {
  background-color: #c1e3a5; }
.theme-fruit .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-fruit .badge-secondary-light[href]:hover, .theme-fruit .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-fruit .badge-info-light {
  background-color: #d4e3f6;
  color: #38649f; }
.theme-fruit .badge-info-light[href]:hover, .theme-fruit .badge-info-light[href]:focus {
  background-color: #aac8ed; }
.theme-fruit .badge-success-light {
  background-color: #cdf2f0;
  color: #389f99; }
.theme-fruit .badge-success-light[href]:hover, .theme-fruit .badge-success-light[href]:focus {
  background-color: #a5e7e4; }
.theme-fruit .badge-danger-light {
  background-color: #f7c9d3;
  color: #ee1044; }
.theme-fruit .badge-danger-light[href]:hover, .theme-fruit .badge-danger-light[href]:focus {
  background-color: #f09daf; }
.theme-fruit .badge-warning-light {
  background-color: #f7e5cd;
  color: #ff8f00; }
.theme-fruit .badge-warning-light[href]:hover, .theme-fruit .badge-warning-light[href]:focus {
  background-color: #f0cea1; }

/*---rating---*/
.theme-fruit .rating-primary .active {
  color: #689f38; }
.theme-fruit .rating-primary :checked ~ label {
  color: #689f38; }
.theme-fruit .rating-primary label:hover {
  color: #689f38; }
  .theme-fruit .rating-primary label:hover ~ label {
    color: #689f38; }
.theme-fruit .rating-info .active {
  color: #38649f; }
.theme-fruit .rating-info :checked ~ label {
  color: #38649f; }
.theme-fruit .rating-info label:hover {
  color: #38649f; }
  .theme-fruit .rating-info label:hover ~ label {
    color: #38649f; }
.theme-fruit .rating-success .active {
  color: #389f99; }
.theme-fruit .rating-success :checked ~ label {
  color: #389f99; }
.theme-fruit .rating-success label:hover {
  color: #389f99; }
  .theme-fruit .rating-success label:hover ~ label {
    color: #389f99; }
.theme-fruit .rating-danger .active {
  color: #ee1044; }
.theme-fruit .rating-danger :checked ~ label {
  color: #ee1044; }
.theme-fruit .rating-danger label:hover {
  color: #ee1044; }
  .theme-fruit .rating-danger label:hover ~ label {
    color: #ee1044; }
.theme-fruit .rating-warning .active {
  color: #ff8f00; }
.theme-fruit .rating-warning :checked ~ label {
  color: #ff8f00; }
.theme-fruit .rating-warning label:hover {
  color: #ff8f00; }
  .theme-fruit .rating-warning label:hover ~ label {
    color: #ff8f00; }

/*---toggler---*/
.theme-fruit .toggler-primary input:checked + i {
  color: #689f38; }
.theme-fruit .toggler-info input:checked + i {
  color: #38649f; }
.theme-fruit .toggler-success input:checked + i {
  color: #389f99; }
.theme-fruit .toggler-danger input:checked + i {
  color: #ee1044; }
.theme-fruit .toggler-warning input:checked + i {
  color: #ff8f00; }

/*---nav tabs---*/
.theme-fruit .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-fruit .nav-tabs.nav-tabs-primary .nav-link:active, .theme-fruit .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-fruit .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #4f792b;
  background-color: transparent;
  color: #4f792b; }
.theme-fruit .nav-tabs.nav-tabs-info .nav-link:hover, .theme-fruit .nav-tabs.nav-tabs-info .nav-link:active, .theme-fruit .nav-tabs.nav-tabs-info .nav-link:focus, .theme-fruit .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #2b4c79;
  background-color: #38649f;
  color: #ffffff; }
.theme-fruit .nav-tabs.nav-tabs-success .nav-link:hover, .theme-fruit .nav-tabs.nav-tabs-success .nav-link:active, .theme-fruit .nav-tabs.nav-tabs-success .nav-link:focus, .theme-fruit .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #2b7975;
  background-color: transparent;
  color: #2b7975; }
.theme-fruit .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-fruit .nav-tabs.nav-tabs-danger .nav-link:active, .theme-fruit .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-fruit .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #be0d36;
  background-color: transparent;
  color: #be0d36; }
.theme-fruit .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-fruit .nav-tabs.nav-tabs-warning .nav-link:active, .theme-fruit .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-fruit .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #cc7200;
  background-color: transparent;
  color: #cc7200; }
.theme-fruit .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #4f792b; }
.theme-fruit .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #2b4c79; }
.theme-fruit .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #2b7975; }
.theme-fruit .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #be0d36; }
.theme-fruit .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #cc7200; }
.theme-fruit .nav-tabs .nav-link.active {
  border-bottom-color: #689f38;
  background-color: #689f38;
  color: #ffffff; }
  .theme-fruit .nav-tabs .nav-link.active:hover, .theme-fruit .nav-tabs .nav-link.active:focus {
    border-bottom-color: #689f38;
    background-color: #689f38;
    color: #ffffff; }
.theme-fruit .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #689f38;
  background-color: #689f38; }
  .theme-fruit .nav-tabs .nav-item.open .nav-link:hover, .theme-fruit .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #689f38;
    background-color: #689f38; }

/*---todo---*/
.theme-fruit .todo-list .primary {
  border-left-color: #689f38; }
.theme-fruit .todo-list .info {
  border-left-color: #689f38; }
.theme-fruit .todo-list .success {
  border-left-color: #389f99; }
.theme-fruit .todo-list .danger {
  border-left-color: #ee1044; }
.theme-fruit .todo-list .warning {
  border-left-color: #ff8f00; }

/*---timeline---*/
.theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #689f38;
  border: 1px solid #689f38;
  color: #ffffff; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #689f38;
    border-right-color: #689f38; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #38649f;
  border: 1px solid #38649f;
  color: #ffffff; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #38649f;
    border-right-color: #38649f; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #389f99;
  border: 1px solid #389f99;
  color: #ffffff; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #389f99;
    border-right-color: #389f99; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #ee1044;
  border: 1px solid #ee1044;
  color: #ffffff; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #ee1044;
    border-right-color: #ee1044; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #ff8f00;
  border: 1px solid #ff8f00;
  color: #ffffff; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #ff8f00;
    border-right-color: #ff8f00; }
  .theme-fruit .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-fruit .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #689f38;
  background-color: #ffffff; }
.theme-fruit .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #38649f;
  background-color: #ffffff; }
.theme-fruit .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #389f99;
  background-color: #ffffff; }
.theme-fruit .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #ee1044;
  background-color: #ffffff; }
.theme-fruit .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #ff8f00;
  background-color: #ffffff; }
.theme-fruit .timeline .timeline-label .label-primary {
  background-color: #689f38; }
.theme-fruit .timeline .timeline-label .label-info {
  background-color: #38649f; }
.theme-fruit .timeline .timeline-label .label-success {
  background-color: #389f99; }
.theme-fruit .timeline .timeline-label .label-danger {
  background-color: #ee1044; }
.theme-fruit .timeline .timeline-label .label-warning {
  background-color: #ff8f00; }
.theme-fruit .timeline__year, .theme-fruit .timeline5:before, .theme-fruit .timeline__box:before, .theme-fruit .timeline__date {
  background-color: #689f38; }
.theme-fruit .timeline__post {
  border-left: 3px solid #689f38; }

/*---daterangepicker---*/
.theme-fruit .daterangepicker td.active {
  background-color: #689f38; }
  .theme-fruit .daterangepicker td.active:hover {
    background-color: #689f38; }
.theme-fruit .daterangepicker .input-mini.active {
  border: 1px solid #689f38; }
.theme-fruit .ranges li:hover, .theme-fruit .ranges li:active, .theme-fruit .ranges li.active {
  border: 1px solid #689f38;
  background-color: #689f38; }

/*---control-sidebar---*/
.theme-fruit .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-fruit .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-fruit .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #689f38;
  color: #689f38; }
.theme-fruit .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #689f38;
  color: #689f38; }
  .theme-fruit .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-fruit .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-fruit .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #689f38;
    color: #689f38; }
.theme-fruit .control-sidebar .rpanel-title .btn:hover {
  color: #689f38; }

/*---nav---*/
.theme-fruit .nav &gt; li &gt; a:hover, .theme-fruit .nav &gt; li &gt; a:active, .theme-fruit .nav &gt; li &gt; a:focus {
  color: #689f38; }
.theme-fruit .nav-pills &gt; li &gt; a.active {
  border-top-color: #689f38;
  background-color: #689f38 !important;
  color: #ffffff; }
  .theme-fruit .nav-pills &gt; li &gt; a.active:hover, .theme-fruit .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #689f38;
    background-color: #689f38 !important;
    color: #ffffff; }
.theme-fruit .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-fruit .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #689f38; }
.theme-fruit .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #689f38; }
  .theme-fruit .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-fruit .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #689f38; }
.theme-fruit .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #689f38; }
.theme-fruit .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #689f38; }
.theme-fruit .customtab li a.nav-link.active {
  border-bottom: 2px solid #689f38; }

/*---form-element---*/
.theme-fruit .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-fruit .form-element .form-control {
  background-image: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-fruit .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #689f38 0%, #689f38 33%, #ff8f00 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-fruit .form-control:focus {
  border-color: #689f38; }
.theme-fruit [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #689f38;
  border-bottom: 2px solid #689f38; }
.theme-fruit [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #38649f;
  border-bottom: 2px solid #38649f; }
.theme-fruit [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #389f99;
  border-bottom: 2px solid #389f99; }
.theme-fruit [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #ee1044;
  border-bottom: 2px solid #ee1044; }
.theme-fruit [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #ff8f00;
  border-bottom: 2px solid #ff8f00; }
.theme-fruit [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #689f38;
  background-color: #689f38; }
.theme-fruit [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #38649f;
  background-color: #38649f; }
.theme-fruit [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #389f99;
  background-color: #389f99; }
.theme-fruit [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #ee1044;
  background-color: #ee1044; }
.theme-fruit [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #ff8f00;
  background-color: #ff8f00; }
.theme-fruit [type=radio].radio-col-primary:checked + label:after {
  background-color: #689f38;
  border-color: #689f38;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #689f38;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #689f38;
  border: 2px solid #689f38;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].radio-col-info:checked + label:after {
  background-color: #38649f;
  border-color: #38649f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #38649f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #38649f;
  border: 2px solid #38649f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].radio-col-success:checked + label:after {
  background-color: #389f99;
  border-color: #389f99;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #389f99;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #389f99;
  border: 2px solid #389f99;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].radio-col-danger:checked + label:after {
  background-color: #ee1044;
  border-color: #ee1044;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #ee1044;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #ee1044;
  border: 2px solid #ee1044;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].radio-col-warning:checked + label:after {
  background-color: #ff8f00;
  border-color: #ff8f00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #ff8f00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #ff8f00;
  border: 2px solid #ff8f00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-fruit [type=checkbox]:checked + label:before {
  border-right: 2px solid #689f38;
  border-bottom: 2px solid #689f38; }
.theme-fruit [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #689f38;
  background-color: #689f38; }
.theme-fruit [type=radio].with-gap:checked + label:before, .theme-fruit [type=radio].with-gap:checked + label:after {
  border: 2px solid #689f38; }
.theme-fruit [type=radio].with-gap:checked + label:after {
  background-color: #689f38;
  z-index: 0; }
.theme-fruit [type=radio]:checked + label:after {
  border: 2px solid #689f38;
  background-color: #689f38;
  z-index: 0; }
.theme-fruit [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #689f38;
  background-color: #689f38; }

/*---Calender---*/
.theme-fruit .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #689f38; }
.theme-fruit .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #689f38;
  border-color: #689f38; }
.theme-fruit .fc-event, .theme-fruit .calendar-event {
  background: #689f38; }

/*---Tabs---*/
.theme-fruit .tabs-vertical li .nav-link:hover, .theme-fruit .tabs-vertical li .nav-link:active, .theme-fruit .tabs-vertical li .nav-link:focus, .theme-fruit .tabs-vertical li .nav-link.active {
  background-color: #689f38;
  color: #ffffff; }
.theme-fruit .customvtab .tabs-vertical li .nav-link:hover, .theme-fruit .customvtab .tabs-vertical li .nav-link:active, .theme-fruit .customvtab .tabs-vertical li .nav-link:focus, .theme-fruit .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #689f38;
  color: #689f38; }
.theme-fruit .customtab2 li a.nav-link:hover, .theme-fruit .customtab2 li a.nav-link:active, .theme-fruit .customtab2 li a.nav-link.active {
  background-color: #689f38; }

.rtl.theme-fruit .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-fruit .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-fruit .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-fruit .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #689f38; }

/*---Notification---*/
.theme-fruit .jq-icon-primary {
  background-color: #689f38;
  color: #ffffff;
  border-color: #689f38; }
.theme-fruit .jq-icon-info {
  background-color: #38649f;
  color: #ffffff;
  border-color: #38649f; }
.theme-fruit .jq-icon-success {
  background-color: #389f99;
  color: #ffffff;
  border-color: #689f38; }
.theme-fruit .jq-icon-error {
  background-color: #ee1044;
  color: #ffffff;
  border-color: #ee1044; }
.theme-fruit .jq-icon-danger {
  background-color: #ee1044;
  color: #ffffff;
  border-color: #ee1044; }
.theme-fruit .jq-icon-warning {
  background-color: #ff8f00;
  color: #ffffff;
  border-color: #ff8f00; }

/*---avatar---*/
.theme-fruit .avatar.status-primary::after {
  background-color: #689f38; }
.theme-fruit .avatar.status-info::after {
  background-color: #38649f; }
.theme-fruit .avatar.status-success::after {
  background-color: #389f99; }
.theme-fruit .avatar.status-danger::after {
  background-color: #ee1044; }
.theme-fruit .avatar.status-warning::after {
  background-color: #ff8f00; }
.theme-fruit .avatar[class*='status-']::after {
  background-color: #689f38; }
.theme-fruit .avatar-add:hover {
  background-color: #4f792b;
  border-color: #4f792b; }

/*---media---*/
.theme-fruit .media-chat.media-chat-reverse .media-body p {
  background-color: #689f38; }
.theme-fruit .media-right-out a:hover {
  color: #4f792b; }

/*---control---*/
.theme-fruit .control input:checked:focus ~ .control_indicator {
  background-color: #689f38; }
.theme-fruit .control input:checked ~ .control_indicator {
  background-color: #689f38; }
.theme-fruit .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #689f38; }

/*---flex---*/
.theme-fruit .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #689f38; }
  .theme-fruit .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #689f38; }

/*---pagination---*/
.theme-fruit .pagination li a.current {
  border: 1px solid #689f38;
  background-color: #689f38; }
  .theme-fruit .pagination li a.current:hover {
    border: 1px solid #689f38;
    background-color: #689f38; }
.theme-fruit .pagination li a:hover {
  border: 1px solid #4f792b;
  background-color: #4f792b !important; }
.theme-fruit .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #689f38;
  background-color: #689f38; }
  .theme-fruit .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #689f38;
    background-color: #689f38; }
.theme-fruit .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #689f38; }
.theme-fruit .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #689f38; }
.theme-fruit .footable .pagination li a:hover, .theme-fruit .footable .pagination li a:active, .theme-fruit .footable .pagination li a.active {
  background-color: #689f38; }

/*---dataTables---*/
.theme-fruit .dt-buttons .dt-button {
  background-color: #689f38; }

/*---select2---*/
.theme-fruit .select2-container--default.select2-container--open {
  border-color: #689f38; }
.theme-fruit .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #689f38; }
.theme-fruit .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #689f38 !important; }
.theme-fruit .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #689f38 !important; }
.theme-fruit .select2-container--default .select2-selection--multiple:focus {
  border-color: #689f38 !important; }
.theme-fruit .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #689f38;
  border-color: #689f38; }

/*---Other---*/
.theme-fruit .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #4f792b; }
.theme-fruit .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #4f792b; }
.theme-fruit .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #4f792b; }
.theme-fruit [data-overlay-primary]::before {
  background: #4f792b; }

/*---wizard---*/
.theme-fruit .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #689f38;
  background-color: #689f38; }
.theme-fruit .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #4f792b;
  background-color: #4f792b; }
.theme-fruit .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #689f38; }
.theme-fruit .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #689f38; }
.theme-fruit .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #689f38; }
.theme-fruit .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #689f38; }
.theme-fruit .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #689f38; }
.theme-fruit .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #689f38;
  color: #689f38; }
  .theme-fruit .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #689f38; }
.theme-fruit .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #689f38; }

@media (max-width: 767px) {
  .theme-fruit .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #689f38; } }
@media (max-width: 575px) {
  .theme-fruit .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #689f38; } }
/*---slider---*/
.theme-fruit #primary .slider-selection {
  background-color: #689f38; }
.theme-fruit #info .slider-selection {
  background-color: #38649f; }
.theme-fruit #success .slider-selection {
  background-color: #389f99; }
.theme-fruit #danger .slider-selection {
  background-color: #ee1044; }
.theme-fruit #warning .slider-selection {
  background-color: #ff8f00; }

/*---horizontal-timeline---*/
.theme-fruit .cd-horizontal-timeline .events a.selected::after {
  background: #689f38;
  border-color: #689f38; }
.theme-fruit .cd-horizontal-timeline .events a.older-event::after {
  border-color: #689f38; }
.theme-fruit .cd-horizontal-timeline .filling-line {
  background: #689f38; }
.theme-fruit .cd-horizontal-timeline a {
  color: #689f38; }
  .theme-fruit .cd-horizontal-timeline a:hover, .theme-fruit .cd-horizontal-timeline a:focus {
    color: #689f38; }
.theme-fruit .cd-timeline-navigation a:hover, .theme-fruit .cd-timeline-navigation a:focus {
  border-color: #689f38; }

/**************************************
Theme purple Color 
**************************************/
.bg-gradient-purple, .theme-purple .bg-gradient-purple, .theme-purple .art-bg {
  background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%); }

.bg-light-body {
  background: transparent; }

.theme-purple.fixed .main-header {
  }
  .theme-purple.fixed .main-header .navbar {
    background: transparent; }
.theme-purple .main-header {
  background: #ffffff; }

.theme-purple.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-purple-dark, .dark-skin.theme-purple .bg-gradient-purple, .dark-skin.theme-purple .art-bg {
  background-image: linear-gradient(-45deg, #3b216a 0%, #3b216a 33%, #a81446 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-purple.fixed .main-header {
  }
  .dark-skin.theme-purple.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-purple .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-purple.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-purple.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-purple.fixed .main-header {
    background-image: #0c1a32; } }
.theme-purple a:hover, .theme-purple a:active, .theme-purple a:focus {
  color: #673ab7; }
.theme-purple .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-purple .main-sidebar .svg-icon:hover, .theme-purple .main-sidebar .svg-icon:active, .theme-purple .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-purple .main-sidebar a:hover .svg-icon, .theme-purple .main-sidebar a:active .svg-icon, .theme-purple .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-purple .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-purple .svg-icon:hover, .theme-purple .svg-icon:active, .theme-purple .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-purple a:hover .svg-icon, .theme-purple a:active .svg-icon, .theme-purple a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-purple.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #673ab7 !important; }
  .theme-purple.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #673ab7; }
  .theme-purple.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #673ab7;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-purple.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-purple.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-purple.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #673ab7 !important; }
.theme-purple.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-purple.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-purple.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-purple.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-purple.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-purple.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #673ab7 !important; }
.theme-purple.light-skin .sidebar-menu &gt; li:hover, .theme-purple.light-skin .sidebar-menu &gt; li:active, .theme-purple.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(103, 58, 183, 0);
  color: #673ab7;
  border-left: 0px solid rgba(103, 58, 183, 0); }
  .theme-purple.light-skin .sidebar-menu &gt; li:hover a, .theme-purple.light-skin .sidebar-menu &gt; li:active a, .theme-purple.light-skin .sidebar-menu &gt; li.active a {
    color: #673ab7; }
    .theme-purple.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-purple.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-purple.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(103, 58, 183, 0); }
    .theme-purple.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-purple.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-purple.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #673ab7;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-purple.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-purple.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-purple.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-purple.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(103, 58, 183, 0);
  color: #673ab7;
  border-left: 0px solid #673ab7; }
  .theme-purple.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%); }
    .theme-purple.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #673ab7;
      background-color: rgba(103, 58, 183, 0); }
    .theme-purple.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-purple.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(103, 58, 183, 0);
    color: #673ab7; }
    .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%); }
      .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(103, 58, 183, 0); }
  .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(103, 58, 183, 0); }
  .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(103, 58, 183, 0);
    color: #673ab7; }
    .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #673ab7; }
      .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #673ab7;
        background-color: rgba(103, 58, 183, 0); }
  .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(103, 58, 183, 0);
    color: #673ab7; }
    .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #673ab7; }
      .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #673ab7;
        background-color: rgba(103, 58, 183, 0); }
  .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-purple.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(103, 58, 183, 0); }
.theme-purple.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #673ab7;
  border-right: 0px solid #673ab7; }
.theme-purple.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(103, 58, 183, 0);
  color: white;
  border-left: 0px solid #673ab7; }
  .theme-purple.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%); }
    .theme-purple.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-purple.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-purple.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-purple.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(103, 58, 183, 0);
    color: #673ab7; }
    .theme-purple.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%); }
      .theme-purple.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(103, 58, 183, 0); }
  .theme-purple.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(103, 58, 183, 0);
    color: white; }
    .theme-purple.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-purple.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #673ab7;
  border-right: 0px solid #673ab7; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(103, 58, 183, 0.2);
    color: #673ab7; } }
/*---Main Nav---*/
.theme-purple .sm-blue li.current &gt; a, .theme-purple .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%);
  color: #ffffff !important; }
  .theme-purple .sm-blue li.current &gt; a:hover, .theme-purple .sm-blue li.current &gt; a:active, .theme-purple .sm-blue li.current &gt; a:focus, .theme-purple .sm-blue li.highlighted &gt; a:hover, .theme-purple .sm-blue li.highlighted &gt; a:active, .theme-purple .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%);
    color: #ffffff !important; }
.theme-purple .sm-blue a.current, .theme-purple .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%);
  color: #ffffff !important; }
.theme-purple .sm-blue a:hover, .theme-purple .sm-blue a:active, .theme-purple .sm-blue a:focus {
  background: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%);
  color: #ffffff !important; }
.theme-purple .sm-blue ul a:hover, .theme-purple .sm-blue ul a:active, .theme-purple .sm-blue ul a:focus {
  background: #ebedf3;
  color: #673ab7 !important; }
.theme-purple .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #673ab7 !important; }

.dark-skin.theme-purple .sm-blue li.current &gt; a, .dark-skin.theme-purple .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #3b216a 0%, #3b216a 33%, #a81446 100%);
  color: #ffffff !important; }
  .dark-skin.theme-purple .sm-blue li.current &gt; a:hover, .dark-skin.theme-purple .sm-blue li.current &gt; a:active, .dark-skin.theme-purple .sm-blue li.current &gt; a:focus, .dark-skin.theme-purple .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-purple .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-purple .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #3b216a 0%, #3b216a 33%, #a81446 100%);
    color: #ffffff !important; }
.dark-skin.theme-purple .sm-blue a.current, .dark-skin.theme-purple .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #3b216a 0%, #3b216a 33%, #a81446 100%);
  color: #ffffff !important; }
.dark-skin.theme-purple .sm-blue a:hover, .dark-skin.theme-purple .sm-blue a:active, .dark-skin.theme-purple .sm-blue a:focus {
  background: linear-gradient(-45deg, #3b216a 0%, #3b216a 33%, #a81446 100%);
  color: #ffffff !important; }
.dark-skin.theme-purple .sm-blue ul a:hover, .dark-skin.theme-purple .sm-blue ul a:active, .dark-skin.theme-purple .sm-blue ul a:focus {
  background: #29354b;
  color: #673ab7 !important; }
.dark-skin.theme-purple .sm-blue ul a.highlighted {
  background: #29354b;
  color: #673ab7 !important; }

/*---Primary Button---*/
.theme-purple .btn-link {
  color: #673ab7; }
.theme-purple .btn-primary {
  background-color: #673ab7;
  border-color: #673ab7;
  color: #ffffff; }
  .theme-purple .btn-primary:hover, .theme-purple .btn-primary:active, .theme-purple .btn-primary:focus, .theme-purple .btn-primary.active {
    background-color: #512e90 !important;
    border-color: #512e90 !important;
    color: #ffffff !important; }
  .theme-purple .btn-primary:disabled {
    background-color: #9f80d7;
    border-color: #673ab7;
    opacity: 0.5; }
  .theme-purple .btn-primary.disabled {
    background-color: #9f80d7;
    border-color: #673ab7;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-primary.dropdown-toggle {
  background-color: #512e90 !important;
  border-color: #512e90 !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-primary {
  color: #673ab7;
  background-color: transparent;
  border-color: #673ab7 !important; }
  .theme-purple .btn-outline.btn-primary:hover, .theme-purple .btn-outline.btn-primary:active, .theme-purple .btn-outline.btn-primary.active {
    background-color: #512e90 !important;
    border-color: #512e90 !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #512e90 !important;
  border-color: #512e90 !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-primary {
  color: #673ab7 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-primary:hover, .theme-purple .btn-flat.btn-primary:active, .theme-purple .btn-flat.btn-primary.active {
    background-color: #512e90 !important;
    border-color: #512e90 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-purple .btn-info {
  background-color: #4974e0;
  border-color: #4974e0;
  color: #ffffff; }
  .theme-purple .btn-info:hover, .theme-purple .btn-info:active, .theme-purple .btn-info:focus, .theme-purple .btn-info.active {
    background-color: #2455d2 !important;
    border-color: #2455d2 !important;
    color: #ffffff !important; }
  .theme-purple .btn-info:disabled {
    background-color: #a0b7ef;
    border-color: #4974e0;
    opacity: 0.5; }
  .theme-purple .btn-info.disabled {
    background-color: #a0b7ef;
    border-color: #4974e0;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-info.dropdown-toggle {
  background-color: #2455d2 !important;
  border-color: #2455d2 !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-info {
  color: #4974e0;
  background-color: transparent;
  border-color: #4974e0 !important; }
  .theme-purple .btn-outline.btn-info:hover, .theme-purple .btn-outline.btn-info:active, .theme-purple .btn-outline.btn-info.active {
    background-color: #2455d2 !important;
    border-color: #2455d2 !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #2455d2 !important;
  border-color: #2455d2 !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-info {
  color: #4974e0 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-info:hover, .theme-purple .btn-flat.btn-info:active, .theme-purple .btn-flat.btn-info.active {
    background-color: #2455d2 !important;
    border-color: #2455d2 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-purple .btn-success {
  background-color: #3db76b;
  border-color: #3db76b;
  color: #ffffff; }
  .theme-purple .btn-success:hover, .theme-purple .btn-success:active, .theme-purple .btn-success:focus, .theme-purple .btn-success.active {
    background-color: #309155 !important;
    border-color: #309155 !important;
    color: #ffffff !important; }
  .theme-purple .btn-success:disabled {
    background-color: #84d6a3;
    border-color: #3db76b;
    opacity: 0.5; }
  .theme-purple .btn-success.disabled {
    background-color: #84d6a3;
    border-color: #3db76b;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-success.dropdown-toggle {
  background-color: #309155 !important;
  border-color: #309155 !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-success {
  color: #3db76b;
  background-color: transparent;
  border-color: #3db76b !important; }
  .theme-purple .btn-outline.btn-success:hover, .theme-purple .btn-outline.btn-success:active, .theme-purple .btn-outline.btn-success.active {
    background-color: #309155 !important;
    border-color: #309155 !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #309155 !important;
  border-color: #309155 !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-success {
  color: #3db76b !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-success:hover, .theme-purple .btn-flat.btn-success:active, .theme-purple .btn-flat.btn-success.active {
    background-color: #309155 !important;
    border-color: #309155 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-purple .btn-danger {
  background-color: #e83a75;
  border-color: #e83a75;
  color: #ffffff; }
  .theme-purple .btn-danger:hover, .theme-purple .btn-danger:active, .theme-purple .btn-danger:focus, .theme-purple .btn-danger.active {
    background-color: #d61959 !important;
    border-color: #d61959 !important;
    color: #ffffff !important; }
  .theme-purple .btn-danger:disabled {
    background-color: #f395b5;
    border-color: #e83a75;
    opacity: 0.5; }
  .theme-purple .btn-danger.disabled {
    background-color: #f395b5;
    border-color: #e83a75;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-danger.dropdown-toggle {
  background-color: #d61959 !important;
  border-color: #d61959 !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-danger {
  color: #e83a75;
  background-color: transparent;
  border-color: #e83a75 !important; }
  .theme-purple .btn-outline.btn-danger:hover, .theme-purple .btn-outline.btn-danger:active, .theme-purple .btn-outline.btn-danger.active {
    background-color: #d61959 !important;
    border-color: #d61959 !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #d61959 !important;
  border-color: #d61959 !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-danger {
  color: #e83a75 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-danger:hover, .theme-purple .btn-flat.btn-danger:active, .theme-purple .btn-flat.btn-danger.active {
    background-color: #d61959 !important;
    border-color: #d61959 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-purple .btn-warning {
  background-color: #e2bb33;
  border-color: #e2bb33;
  color: #ffffff; }
  .theme-purple .btn-warning:hover, .theme-purple .btn-warning:active, .theme-purple .btn-warning:focus, .theme-purple .btn-warning.active {
    background-color: #c6a01c !important;
    border-color: #c6a01c !important;
    color: #ffffff !important; }
  .theme-purple .btn-warning:disabled {
    background-color: #efd98c;
    border-color: #e2bb33;
    opacity: 0.5; }
  .theme-purple .btn-warning.disabled {
    background-color: #efd98c;
    border-color: #e2bb33;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-warning.dropdown-toggle {
  background-color: #c6a01c !important;
  border-color: #c6a01c !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-warning {
  color: #e2bb33;
  background-color: transparent;
  border-color: #e2bb33 !important; }
  .theme-purple .btn-outline.btn-warning:hover, .theme-purple .btn-outline.btn-warning:active, .theme-purple .btn-outline.btn-warning.active {
    background-color: #c6a01c !important;
    border-color: #c6a01c !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #c6a01c !important;
  border-color: #c6a01c !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-warning {
  color: #e2bb33 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-warning:hover, .theme-purple .btn-flat.btn-warning:active, .theme-purple .btn-flat.btn-warning.active {
    background-color: #c6a01c !important;
    border-color: #c6a01c !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-purple .btn-primary-light {
  background-color: #efe6ff;
  border-color: #efe6ff;
  color: #673ab7; }
  .theme-purple .btn-primary-light:hover, .theme-purple .btn-primary-light:active, .theme-purple .btn-primary-light:focus, .theme-purple .btn-primary-light.active {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
    color: #ffffff !important; }
  .theme-purple .btn-primary-light:disabled {
    background-color: white;
    border-color: #efe6ff;
    opacity: 0.5; }
  .theme-purple .btn-primary-light.disabled {
    background-color: white;
    border-color: #efe6ff;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #673ab7 !important;
  border-color: #673ab7 !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-primary-light {
  color: #673ab7;
  background-color: transparent;
  border-color: #efe6ff !important; }
  .theme-purple .btn-outline.btn-primary-light:hover, .theme-purple .btn-outline.btn-primary-light:active, .theme-purple .btn-outline.btn-primary-light.active {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #673ab7 !important;
  border-color: #673ab7 !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-primary-light {
  color: #673ab7 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-primary-light:hover, .theme-purple .btn-flat.btn-primary-light:active, .theme-purple .btn-flat.btn-primary-light.active {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-purple .btn-info-light {
  background-color: #eaf0ff;
  border-color: #eaf0ff;
  color: #4974e0; }
  .theme-purple .btn-info-light:hover, .theme-purple .btn-info-light:active, .theme-purple .btn-info-light:focus, .theme-purple .btn-info-light.active {
    background-color: #4974e0 !important;
    border-color: #4974e0 !important;
    color: #ffffff !important; }
  .theme-purple .btn-info-light:disabled {
    background-color: white;
    border-color: #eaf0ff;
    opacity: 0.5; }
  .theme-purple .btn-info-light.disabled {
    background-color: white;
    border-color: #eaf0ff;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-info.dropdown-toggle {
  background-color: #4974e0 !important;
  border-color: #4974e0 !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-info-light {
  color: #4974e0;
  background-color: transparent;
  border-color: #eaf0ff !important; }
  .theme-purple .btn-outline.btn-info-light:hover, .theme-purple .btn-outline.btn-info-light:active, .theme-purple .btn-outline.btn-info-light.active {
    background-color: #4974e0 !important;
    border-color: #4974e0 !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #4974e0 !important;
  border-color: #4974e0 !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-info-light {
  color: #4974e0 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-info-light:hover, .theme-purple .btn-flat.btn-info-light:active, .theme-purple .btn-flat.btn-info-light.active {
    background-color: #4974e0 !important;
    border-color: #4974e0 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-purple .btn-success-light {
  background-color: #eafff2;
  border-color: #eafff2;
  color: #3db76b; }
  .theme-purple .btn-success-light:hover, .theme-purple .btn-success-light:active, .theme-purple .btn-success-light:focus, .theme-purple .btn-success-light.active {
    background-color: #3db76b !important;
    border-color: #3db76b !important;
    color: #ffffff !important; }
  .theme-purple .btn-success-light:disabled {
    background-color: white;
    border-color: #eafff2;
    opacity: 0.5; }
  .theme-purple .btn-success-light.disabled {
    background-color: white;
    border-color: #eafff2;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #3db76b !important;
  border-color: #3db76b !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-success-light {
  color: #3db76b;
  background-color: transparent;
  border-color: #eafff2 !important; }
  .theme-purple .btn-outline.btn-success-light:hover, .theme-purple .btn-outline.btn-success-light:active, .theme-purple .btn-outline.btn-success-light.active {
    background-color: #3db76b !important;
    border-color: #3db76b !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #3db76b !important;
  border-color: #3db76b !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-success-light {
  color: #3db76b !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-success-light:hover, .theme-purple .btn-flat.btn-success-light:active, .theme-purple .btn-flat.btn-success-light.active {
    background-color: #3db76b !important;
    border-color: #3db76b !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-purple .btn-danger-light {
  background-color: #ffe1eb;
  border-color: #ffe1eb;
  color: #e83a75; }
  .theme-purple .btn-danger-light:hover, .theme-purple .btn-danger-light:active, .theme-purple .btn-danger-light:focus, .theme-purple .btn-danger-light.active {
    background-color: #e83a75 !important;
    border-color: #e83a75 !important;
    color: #ffffff !important; }
  .theme-purple .btn-danger-light:disabled {
    background-color: white;
    border-color: #ffe1eb;
    opacity: 0.5; }
  .theme-purple .btn-danger-light.disabled {
    background-color: white;
    border-color: #ffe1eb;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #e83a75 !important;
  border-color: #e83a75 !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-danger-light {
  color: #e83a75;
  background-color: transparent;
  border-color: #ffe1eb !important; }
  .theme-purple .btn-outline.btn-danger-light:hover, .theme-purple .btn-outline.btn-danger-light:active, .theme-purple .btn-outline.btn-danger-light.active {
    background-color: #e83a75 !important;
    border-color: #e83a75 !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #e83a75 !important;
  border-color: #e83a75 !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-danger-light {
  color: #e83a75 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-danger-light:hover, .theme-purple .btn-flat.btn-danger-light:active, .theme-purple .btn-flat.btn-danger-light.active {
    background-color: #e83a75 !important;
    border-color: #e83a75 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-purple .btn-warning-light {
  background-color: #fff6d5;
  border-color: #fff6d5;
  color: #e2bb33; }
  .theme-purple .btn-warning-light:hover, .theme-purple .btn-warning-light:active, .theme-purple .btn-warning-light:focus, .theme-purple .btn-warning-light.active {
    background-color: #e2bb33 !important;
    border-color: #e2bb33 !important;
    color: #ffffff !important; }
  .theme-purple .btn-warning-light:disabled {
    background-color: white;
    border-color: #fff6d5;
    opacity: 0.5; }
  .theme-purple .btn-warning-light.disabled {
    background-color: white;
    border-color: #fff6d5;
    opacity: 0.5; }
.theme-purple .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #e2bb33 !important;
  border-color: #e2bb33 !important;
  color: #ffffff; }
.theme-purple .btn-outline.btn-warning-light {
  color: #e2bb33;
  background-color: transparent;
  border-color: #fff6d5 !important; }
  .theme-purple .btn-outline.btn-warning-light:hover, .theme-purple .btn-outline.btn-warning-light:active, .theme-purple .btn-outline.btn-warning-light.active {
    background-color: #e2bb33 !important;
    border-color: #e2bb33 !important;
    color: #ffffff !important; }
.theme-purple .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #e2bb33 !important;
  border-color: #e2bb33 !important;
  color: #ffffff; }
.theme-purple .btn-flat.btn-warning-light {
  color: #e2bb33 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-purple .btn-flat.btn-warning-light:hover, .theme-purple .btn-flat.btn-warning-light:active, .theme-purple .btn-flat.btn-warning-light.active {
    background-color: #e2bb33 !important;
    border-color: #e2bb33 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-purple .callout.callout-primary {
  border-color: #673ab7;
  background-color: #673ab7 !important; }
.theme-purple .callout.callout-info {
  border-color: #4974e0;
  background-color: #4974e0 !important; }
.theme-purple .callout.callout-success {
  border-color: #3db76b;
  background-color: #3db76b !important; }
.theme-purple .callout.callout-danger {
  border-color: #e83a75;
  background-color: #e83a75 !important; }
.theme-purple .callout.callout-warning {
  border-color: #e2bb33;
  background-color: #e2bb33 !important; }

/*---alert---*/
.theme-purple .alert-primary {
  border-color: #673ab7;
  background-color: #673ab7 !important;
  color: #ffffff; }
.theme-purple .alert-info {
  border-color: #4974e0;
  background-color: #4974e0 !important;
  color: #ffffff; }
.theme-purple .alert-success {
  border-color: #3db76b;
  background-color: #3db76b !important;
  color: #ffffff; }
.theme-purple .alert-danger {
  border-color: #e83a75;
  background-color: #e83a75 !important;
  color: #ffffff; }
.theme-purple .alert-error {
  border-color: #e83a75;
  background-color: #e83a75 !important;
  color: #ffffff; }
.theme-purple .alert-warning {
  border-color: #e2bb33;
  background-color: #e2bb33 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-purple .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #673ab7;
  color: #ffffff; }
.theme-purple .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-purple .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #673ab7; }
.theme-purple .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #4974e0;
  color: #ffffff; }
.theme-purple .direct-chat-info .right &gt; .direct-chat-text:before, .theme-purple .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #4974e0; }
.theme-purple .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #3db76b;
  color: #ffffff; }
.theme-purple .direct-chat-success .right &gt; .direct-chat-text:before, .theme-purple .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #3db76b; }
.theme-purple .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #e83a75;
  color: #ffffff; }
.theme-purple .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-purple .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #e83a75; }
.theme-purple .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #e2bb33;
  color: #ffffff; }
.theme-purple .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-purple .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #e2bb33; }
.theme-purple .right .direct-chat-text p {
  background-color: #673ab7; }

/*---modal---*/
.theme-purple .modal-primary .modal-footer, .theme-purple .modal-primary .modal-header {
  border-color: #673ab7; }
.theme-purple .modal-primary .modal-body {
  background-color: #673ab7 !important; }
.theme-purple .modal-info .modal-footer, .theme-purple .modal-info .modal-header {
  border-color: #4974e0; }
.theme-purple .modal-info .modal-body {
  background-color: #4974e0 !important; }
.theme-purple .modal-success .modal-footer, .theme-purple .modal-success .modal-header {
  border-color: #3db76b; }
.theme-purple .modal-success .modal-body {
  background-color: #3db76b !important; }
.theme-purple .modal-danger .modal-footer, .theme-purple .modal-danger .modal-header {
  border-color: #e83a75; }
.theme-purple .modal-danger .modal-body {
  background-color: #e83a75 !important; }
.theme-purple .modal-warning .modal-footer, .theme-purple .modal-warning .modal-header {
  border-color: #e2bb33; }
.theme-purple .modal-warning .modal-body {
  background-color: #e2bb33 !important; }

/*---border---*/
.theme-purple .border-primary {
  border-color: #673ab7 !important; }
.theme-purple .border-info {
  border-color: #4974e0 !important; }
.theme-purple .border-success {
  border-color: #3db76b !important; }
.theme-purple .border-danger {
  border-color: #e83a75 !important; }
.theme-purple .border-warning {
  border-color: #e2bb33 !important; }

/*---Background---*/
.theme-purple .bg-primary {
  background-color: #673ab7 !important;
  color: #ffffff; }
.theme-purple .bg-primary-light {
  background-color: #efe6ff !important;
  color: #673ab7; }
.theme-purple .bg-info {
  background-color: #4974e0 !important;
  color: #ffffff; }
.theme-purple .bg-info-light {
  background-color: #eaf0ff !important;
  color: #4974e0; }
.theme-purple .bg-success {
  background-color: #3db76b !important;
  color: #ffffff; }
.theme-purple .bg-success-light {
  background-color: #eafff2 !important;
  color: #3db76b; }
.theme-purple .bg-danger {
  background-color: #e83a75 !important;
  color: #ffffff; }
.theme-purple .bg-danger-light {
  background-color: #ffe1eb !important;
  color: #e83a75; }
.theme-purple .bg-warning {
  background-color: #e2bb33 !important;
  color: #ffffff; }
.theme-purple .bg-warning-light {
  background-color: #fff6d5 !important;
  color: #e2bb33; }

/*---text---*/
.theme-purple .text-primary {
  color: #673ab7 !important; }
.theme-purple a.text-primary:hover, .theme-purple a.text-primary:focus {
  color: #673ab7 !important; }
.theme-purple .hover-primary:hover, .theme-purple .hover-primary:focus {
  color: #673ab7 !important; }
.theme-purple .text-info {
  color: #4974e0 !important; }
.theme-purple a.text-info:hover, .theme-purple a.text-info:focus {
  color: #4974e0 !important; }
.theme-purple .hover-info:hover, .theme-purple .hover-info:focus {
  color: #4974e0 !important; }
.theme-purple .text-success {
  color: #3db76b !important; }
.theme-purple a.text-success:hover, .theme-purple a.text-success:focus {
  color: #3db76b !important; }
.theme-purple .hover-success:hover, .theme-purple .hover-success:focus {
  color: #3db76b !important; }
.theme-purple .text-danger {
  color: #e83a75 !important; }
.theme-purple a.text-danger:hover, .theme-purple a.text-danger:focus {
  color: #e83a75 !important; }
.theme-purple .hover-danger:hover, .theme-purple .hover-danger:focus {
  color: #e83a75 !important; }
.theme-purple .text-warning {
  color: #e2bb33 !important; }
.theme-purple a.text-warning:hover, .theme-purple a.text-warning:focus {
  color: #e2bb33 !important; }
.theme-purple .hover-warning:hover, .theme-purple .hover-warning:focus {
  color: #e2bb33 !important; }

/*---active background---*/
.theme-purple .active.active-primary {
  background-color: #512e90 !important; }
.theme-purple .active.active-info {
  background-color: #2455d2 !important; }
.theme-purple .active.active-success {
  background-color: #309155 !important; }
.theme-purple .active.active-danger {
  background-color: #d61959 !important; }
.theme-purple .active.active-warning {
  background-color: #c6a01c !important; }

/*---label background---*/
.theme-purple .label-primary {
  background-color: #673ab7 !important; }
.theme-purple .label-info {
  background-color: #4974e0 !important; }
.theme-purple .label-success {
  background-color: #3db76b !important; }
.theme-purple .label-danger {
  background-color: #e83a75 !important; }
.theme-purple .label-warning {
  background-color: #e2bb33 !important; }

/*---ribbon---*/
.theme-purple .ribbon-box .ribbon-primary {
  background-color: #673ab7; }
  .theme-purple .ribbon-box .ribbon-primary:before {
    border-color: #673ab7 transparent transparent; }
.theme-purple .ribbon-box .ribbon-two-primary span {
  background-color: #673ab7; }
  .theme-purple .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #512e90;
    border-top: 3px solid #512e90; }
  .theme-purple .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #512e90;
    border-top: 3px solid #512e90; }
.theme-purple .ribbon-box .ribbon-info {
  background-color: #4974e0; }
  .theme-purple .ribbon-box .ribbon-info:before {
    border-color: #4974e0 transparent transparent; }
.theme-purple .ribbon-box .ribbon-two-info span {
  background-color: #4974e0; }
  .theme-purple .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #2455d2;
    border-top: 3px solid #2455d2; }
  .theme-purple .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #2455d2;
    border-top: 3px solid #2455d2; }
.theme-purple .ribbon-box .ribbon-success {
  background-color: #3db76b; }
  .theme-purple .ribbon-box .ribbon-success:before {
    border-color: #3db76b transparent transparent; }
.theme-purple .ribbon-box .ribbon-two-success span {
  background-color: #3db76b; }
  .theme-purple .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #309155;
    border-top: 3px solid #309155; }
  .theme-purple .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #309155;
    border-top: 3px solid #309155; }
.theme-purple .ribbon-box .ribbon-danger {
  background-color: #e83a75; }
  .theme-purple .ribbon-box .ribbon-danger:before {
    border-color: #e83a75 transparent transparent; }
.theme-purple .ribbon-box .ribbon-two-danger span {
  background-color: #e83a75; }
  .theme-purple .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #d61959;
    border-top: 3px solid #d61959; }
  .theme-purple .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #d61959;
    border-top: 3px solid #d61959; }
.theme-purple .ribbon-box .ribbon-warning {
  background-color: #e2bb33; }
  .theme-purple .ribbon-box .ribbon-warning:before {
    border-color: #e2bb33 transparent transparent; }
.theme-purple .ribbon-box .ribbon-two-warning span {
  background-color: #e2bb33; }
  .theme-purple .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #c6a01c;
    border-top: 3px solid #c6a01c; }
  .theme-purple .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #c6a01c;
    border-top: 3px solid #c6a01c; }

/*---Box---*/
.theme-purple .box-primary {
  background-color: #673ab7 !important; }
  .theme-purple .box-primary.box-bordered {
    border-color: #673ab7; }
.theme-purple .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #673ab7; }
.theme-purple .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #673ab7; }
  .theme-purple .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-purple .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-purple .box-info {
  background-color: #4974e0 !important; }
  .theme-purple .box-info.box-bordered {
    border-color: #4974e0; }
.theme-purple .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #4974e0; }
.theme-purple .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #4974e0; }
  .theme-purple .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-purple .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-purple .box-success {
  background-color: #3db76b !important; }
  .theme-purple .box-success.box-bordered {
    border-color: #3db76b; }
.theme-purple .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #3db76b; }
.theme-purple .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #3db76b; }
  .theme-purple .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-purple .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-purple .box-danger {
  background-color: #e83a75 !important; }
  .theme-purple .box-danger.box-bordered {
    border-color: #e83a75; }
.theme-purple .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #e83a75; }
.theme-purple .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #e83a75; }
  .theme-purple .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-purple .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-purple .box-warning {
  background-color: #e2bb33 !important; }
  .theme-purple .box-warning.box-bordered {
    border-color: #e2bb33; }
.theme-purple .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #e2bb33; }
.theme-purple .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #e2bb33; }
  .theme-purple .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-purple .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-purple .box-profile .social-states a:hover {
  color: #512e90; }
.theme-purple .box-controls li &gt; a:hover {
  color: #512e90; }
.theme-purple .box-controls .dropdown.show &gt; a {
  color: #512e90; }
.theme-purple .box-fullscreen .box-btn-fullscreen {
  color: #512e90; }

/*---progress bar---*/
.theme-purple .progress-bar-primary {
  background-color: #673ab7; }
.theme-purple .progress-bar-info {
  background-color: #4974e0; }
.theme-purple .progress-bar-success {
  background-color: #3db76b; }
.theme-purple .progress-bar-danger {
  background-color: #e83a75; }
.theme-purple .progress-bar-warning {
  background-color: #e2bb33; }

/*---panel---*/
.theme-purple .panel-primary {
  border-color: #673ab7; }
  .theme-purple .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #673ab7;
    border-color: #673ab7; }
    .theme-purple .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #673ab7; }
    .theme-purple .panel-primary &gt; .panel-heading .badge-pill {
      color: #673ab7;
      background-color: #ffffff; }
  .theme-purple .panel-primary .panel-title, .theme-purple .panel-primary .panel-action {
    color: #ffffff; }
  .theme-purple .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #673ab7; }
.theme-purple .panel-line.panel-primary .panel-heading {
  color: #673ab7;
  border-top-color: #673ab7;
  background: transparent; }
.theme-purple .panel-line.panel-primary .panel-title, .theme-purple .panel-line.panel-primary .panel-action {
  color: #673ab7; }
.theme-purple .panel-info {
  border-color: #4974e0; }
  .theme-purple .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #4974e0;
    border-color: #4974e0; }
    .theme-purple .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #4974e0; }
    .theme-purple .panel-info &gt; .panel-heading .badge-pill {
      color: #4974e0;
      background-color: #ffffff; }
  .theme-purple .panel-info .panel-title, .theme-purple .panel-info .panel-action {
    color: #ffffff; }
  .theme-purple .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #4974e0; }
.theme-purple .panel-line.panel-info .panel-heading {
  color: #4974e0;
  border-top-color: #4974e0;
  background: transparent; }
.theme-purple .panel-line.panel-info .panel-title, .theme-purple .panel-line.panel-info .panel-action {
  color: #4974e0; }
.theme-purple .panel-success {
  border-color: #3db76b; }
  .theme-purple .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #3db76b;
    border-color: #3db76b; }
    .theme-purple .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #3db76b; }
    .theme-purple .panel-success &gt; .panel-heading .badge-pill {
      color: #3db76b;
      background-color: #ffffff; }
  .theme-purple .panel-success .panel-title, .theme-purple .panel-success .panel-action {
    color: #ffffff; }
  .theme-purple .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #3db76b; }
.theme-purple .panel-line.panel-success .panel-heading {
  color: #3db76b;
  border-top-color: #3db76b;
  background: transparent; }
.theme-purple .panel-line.panel-success .panel-title, .theme-purple .panel-line.panel-success .panel-action {
  color: #3db76b; }
.theme-purple .panel-danger {
  border-color: #e83a75; }
  .theme-purple .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #e83a75;
    border-color: #e83a75; }
    .theme-purple .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e83a75; }
    .theme-purple .panel-danger &gt; .panel-heading .badge-pill {
      color: #e83a75;
      background-color: #ffffff; }
  .theme-purple .panel-danger .panel-title, .theme-purple .panel-danger .panel-action {
    color: #ffffff; }
  .theme-purple .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e83a75; }
.theme-purple .panel-line.panel-danger .panel-heading {
  color: #e83a75;
  border-top-color: #e83a75;
  background: transparent; }
.theme-purple .panel-line.panel-danger .panel-title, .theme-purple .panel-line.panel-danger .panel-action {
  color: #e83a75; }
.theme-purple .panel-warning {
  border-color: #e2bb33; }
  .theme-purple .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #e2bb33;
    border-color: #e2bb33; }
    .theme-purple .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e2bb33; }
    .theme-purple .panel-warning &gt; .panel-heading .badge-pill {
      color: #e2bb33;
      background-color: #ffffff; }
  .theme-purple .panel-warning .panel-title, .theme-purple .panel-warning .panel-action {
    color: #ffffff; }
  .theme-purple .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e2bb33; }
.theme-purple .panel-line.panel-warning .panel-heading {
  color: #e2bb33;
  border-top-color: #e2bb33;
  background: transparent; }
.theme-purple .panel-line.panel-warning .panel-title, .theme-purple .panel-line.panel-warning .panel-action {
  color: #e2bb33; }

/*---switch---*/
.theme-purple .switch input:checked ~ .switch-indicator::after {
  background-color: #673ab7; }
.theme-purple .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #673ab7; }
.theme-purple .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #4974e0; }
.theme-purple .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #3db76b; }
.theme-purple .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #e83a75; }
.theme-purple .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #e2bb33; }

/*---badge---*/
.theme-purple .badge-primary {
  background-color: #673ab7;
  color: #ffffff; }
.theme-purple .badge-primary[href]:hover, .theme-purple .badge-primary[href]:focus {
  background-color: #512e90; }
.theme-purple .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-purple .badge-secondary[href]:hover, .theme-purple .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-purple .badge-info {
  background-color: #4974e0;
  color: #ffffff; }
.theme-purple .badge-info[href]:hover, .theme-purple .badge-info[href]:focus {
  background-color: #2455d2; }
.theme-purple .badge-success {
  background-color: #3db76b;
  color: #ffffff; }
.theme-purple .badge-success[href]:hover, .theme-purple .badge-success[href]:focus {
  background-color: #309155; }
.theme-purple .badge-danger {
  background-color: #e83a75;
  color: #ffffff; }
.theme-purple .badge-danger[href]:hover, .theme-purple .badge-danger[href]:focus {
  background-color: #d61959; }
.theme-purple .badge-warning {
  background-color: #e2bb33;
  color: #ffffff; }
.theme-purple .badge-warning[href]:hover, .theme-purple .badge-warning[href]:focus {
  background-color: #c6a01c; }

/*---badge light---*/
.theme-purple .badge-primary-light {
  background-color: #efe6ff;
  color: #673ab7; }
.theme-purple .badge-primary-light[href]:hover, .theme-purple .badge-primary-light[href]:focus {
  background-color: #ceb3ff; }
.theme-purple .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-purple .badge-secondary-light[href]:hover, .theme-purple .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-purple .badge-info-light {
  background-color: #eaf0ff;
  color: #4974e0; }
.theme-purple .badge-info-light[href]:hover, .theme-purple .badge-info-light[href]:focus {
  background-color: #b7ccff; }
.theme-purple .badge-success-light {
  background-color: #eafff2;
  color: #3db76b; }
.theme-purple .badge-success-light[href]:hover, .theme-purple .badge-success-light[href]:focus {
  background-color: #b7ffd2; }
.theme-purple .badge-danger-light {
  background-color: #ffe1eb;
  color: #e83a75; }
.theme-purple .badge-danger-light[href]:hover, .theme-purple .badge-danger-light[href]:focus {
  background-color: #ffaec9; }
.theme-purple .badge-warning-light {
  background-color: #fff6d5;
  color: #e2bb33; }
.theme-purple .badge-warning-light[href]:hover, .theme-purple .badge-warning-light[href]:focus {
  background-color: #ffeba2; }

/*---rating---*/
.theme-purple .rating-primary .active {
  color: #673ab7; }
.theme-purple .rating-primary :checked ~ label {
  color: #673ab7; }
.theme-purple .rating-primary label:hover {
  color: #673ab7; }
  .theme-purple .rating-primary label:hover ~ label {
    color: #673ab7; }
.theme-purple .rating-info .active {
  color: #4974e0; }
.theme-purple .rating-info :checked ~ label {
  color: #4974e0; }
.theme-purple .rating-info label:hover {
  color: #4974e0; }
  .theme-purple .rating-info label:hover ~ label {
    color: #4974e0; }
.theme-purple .rating-success .active {
  color: #3db76b; }
.theme-purple .rating-success :checked ~ label {
  color: #3db76b; }
.theme-purple .rating-success label:hover {
  color: #3db76b; }
  .theme-purple .rating-success label:hover ~ label {
    color: #3db76b; }
.theme-purple .rating-danger .active {
  color: #e83a75; }
.theme-purple .rating-danger :checked ~ label {
  color: #e83a75; }
.theme-purple .rating-danger label:hover {
  color: #e83a75; }
  .theme-purple .rating-danger label:hover ~ label {
    color: #e83a75; }
.theme-purple .rating-warning .active {
  color: #e2bb33; }
.theme-purple .rating-warning :checked ~ label {
  color: #e2bb33; }
.theme-purple .rating-warning label:hover {
  color: #e2bb33; }
  .theme-purple .rating-warning label:hover ~ label {
    color: #e2bb33; }

/*---toggler---*/
.theme-purple .toggler-primary input:checked + i {
  color: #673ab7; }
.theme-purple .toggler-info input:checked + i {
  color: #4974e0; }
.theme-purple .toggler-success input:checked + i {
  color: #3db76b; }
.theme-purple .toggler-danger input:checked + i {
  color: #e83a75; }
.theme-purple .toggler-warning input:checked + i {
  color: #e2bb33; }

/*---nav tabs---*/
.theme-purple .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-purple .nav-tabs.nav-tabs-primary .nav-link:active, .theme-purple .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-purple .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #512e90;
  background-color: transparent;
  color: #512e90; }
.theme-purple .nav-tabs.nav-tabs-info .nav-link:hover, .theme-purple .nav-tabs.nav-tabs-info .nav-link:active, .theme-purple .nav-tabs.nav-tabs-info .nav-link:focus, .theme-purple .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #2455d2;
  background-color: #4974e0;
  color: #ffffff; }
.theme-purple .nav-tabs.nav-tabs-success .nav-link:hover, .theme-purple .nav-tabs.nav-tabs-success .nav-link:active, .theme-purple .nav-tabs.nav-tabs-success .nav-link:focus, .theme-purple .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #309155;
  background-color: transparent;
  color: #309155; }
.theme-purple .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-purple .nav-tabs.nav-tabs-danger .nav-link:active, .theme-purple .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-purple .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #d61959;
  background-color: transparent;
  color: #d61959; }
.theme-purple .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-purple .nav-tabs.nav-tabs-warning .nav-link:active, .theme-purple .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-purple .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #c6a01c;
  background-color: transparent;
  color: #c6a01c; }
.theme-purple .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #512e90; }
.theme-purple .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #2455d2; }
.theme-purple .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #309155; }
.theme-purple .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #d61959; }
.theme-purple .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #c6a01c; }
.theme-purple .nav-tabs .nav-link.active {
  border-bottom-color: #673ab7;
  background-color: #673ab7;
  color: #ffffff; }
  .theme-purple .nav-tabs .nav-link.active:hover, .theme-purple .nav-tabs .nav-link.active:focus {
    border-bottom-color: #673ab7;
    background-color: #673ab7;
    color: #ffffff; }
.theme-purple .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #673ab7;
  background-color: #673ab7; }
  .theme-purple .nav-tabs .nav-item.open .nav-link:hover, .theme-purple .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #673ab7;
    background-color: #673ab7; }

/*---todo---*/
.theme-purple .todo-list .primary {
  border-left-color: #673ab7; }
.theme-purple .todo-list .info {
  border-left-color: #673ab7; }
.theme-purple .todo-list .success {
  border-left-color: #3db76b; }
.theme-purple .todo-list .danger {
  border-left-color: #e83a75; }
.theme-purple .todo-list .warning {
  border-left-color: #e2bb33; }

/*---timeline---*/
.theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #673ab7;
  border: 1px solid #673ab7;
  color: #ffffff; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #673ab7;
    border-right-color: #673ab7; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #4974e0;
  border: 1px solid #4974e0;
  color: #ffffff; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #4974e0;
    border-right-color: #4974e0; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #3db76b;
  border: 1px solid #3db76b;
  color: #ffffff; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #3db76b;
    border-right-color: #3db76b; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #e83a75;
  border: 1px solid #e83a75;
  color: #ffffff; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #e83a75;
    border-right-color: #e83a75; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #e2bb33;
  border: 1px solid #e2bb33;
  color: #ffffff; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #e2bb33;
    border-right-color: #e2bb33; }
  .theme-purple .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-purple .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #673ab7;
  background-color: #ffffff; }
.theme-purple .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #4974e0;
  background-color: #ffffff; }
.theme-purple .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #3db76b;
  background-color: #ffffff; }
.theme-purple .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #e83a75;
  background-color: #ffffff; }
.theme-purple .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #e2bb33;
  background-color: #ffffff; }
.theme-purple .timeline .timeline-label .label-primary {
  background-color: #673ab7; }
.theme-purple .timeline .timeline-label .label-info {
  background-color: #4974e0; }
.theme-purple .timeline .timeline-label .label-success {
  background-color: #3db76b; }
.theme-purple .timeline .timeline-label .label-danger {
  background-color: #e83a75; }
.theme-purple .timeline .timeline-label .label-warning {
  background-color: #e2bb33; }
.theme-purple .timeline__year, .theme-purple .timeline5:before, .theme-purple .timeline__box:before, .theme-purple .timeline__date {
  background-color: #673ab7; }
.theme-purple .timeline__post {
  border-left: 3px solid #673ab7; }

/*---daterangepicker---*/
.theme-purple .daterangepicker td.active {
  background-color: #673ab7; }
  .theme-purple .daterangepicker td.active:hover {
    background-color: #673ab7; }
.theme-purple .daterangepicker .input-mini.active {
  border: 1px solid #673ab7; }
.theme-purple .ranges li:hover, .theme-purple .ranges li:active, .theme-purple .ranges li.active {
  border: 1px solid #673ab7;
  background-color: #673ab7; }

/*---control-sidebar---*/
.theme-purple .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-purple .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-purple .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #673ab7;
  color: #673ab7; }
.theme-purple .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #673ab7;
  color: #673ab7; }
  .theme-purple .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-purple .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-purple .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #673ab7;
    color: #673ab7; }
.theme-purple .control-sidebar .rpanel-title .btn:hover {
  color: #673ab7; }

/*---nav---*/
.theme-purple .nav &gt; li &gt; a:hover, .theme-purple .nav &gt; li &gt; a:active, .theme-purple .nav &gt; li &gt; a:focus {
  color: #673ab7; }
.theme-purple .nav-pills &gt; li &gt; a.active {
  border-top-color: #673ab7;
  background-color: #673ab7 !important;
  color: #ffffff; }
  .theme-purple .nav-pills &gt; li &gt; a.active:hover, .theme-purple .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #673ab7;
    background-color: #673ab7 !important;
    color: #ffffff; }
.theme-purple .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-purple .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #673ab7; }
.theme-purple .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #673ab7; }
  .theme-purple .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-purple .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #673ab7; }
.theme-purple .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #673ab7; }
.theme-purple .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #673ab7; }
.theme-purple .customtab li a.nav-link.active {
  border-bottom: 2px solid #673ab7; }

/*---form-element---*/
.theme-purple .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-purple .form-element .form-control {
  background-image: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-purple .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #673ab7 0%, #673ab7 33%, #e83a75 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-purple .form-control:focus {
  border-color: #673ab7; }
.theme-purple [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #673ab7;
  border-bottom: 2px solid #673ab7; }
.theme-purple [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #4974e0;
  border-bottom: 2px solid #4974e0; }
.theme-purple [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #3db76b;
  border-bottom: 2px solid #3db76b; }
.theme-purple [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #e83a75;
  border-bottom: 2px solid #e83a75; }
.theme-purple [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #e2bb33;
  border-bottom: 2px solid #e2bb33; }
.theme-purple [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #673ab7;
  background-color: #673ab7; }
.theme-purple [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #4974e0;
  background-color: #4974e0; }
.theme-purple [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #3db76b;
  background-color: #3db76b; }
.theme-purple [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #e83a75;
  background-color: #e83a75; }
.theme-purple [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #e2bb33;
  background-color: #e2bb33; }
.theme-purple [type=radio].radio-col-primary:checked + label:after {
  background-color: #673ab7;
  border-color: #673ab7;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #673ab7;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #673ab7;
  border: 2px solid #673ab7;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].radio-col-info:checked + label:after {
  background-color: #4974e0;
  border-color: #4974e0;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #4974e0;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #4974e0;
  border: 2px solid #4974e0;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].radio-col-success:checked + label:after {
  background-color: #3db76b;
  border-color: #3db76b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #3db76b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #3db76b;
  border: 2px solid #3db76b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].radio-col-danger:checked + label:after {
  background-color: #e83a75;
  border-color: #e83a75;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #e83a75;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #e83a75;
  border: 2px solid #e83a75;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].radio-col-warning:checked + label:after {
  background-color: #e2bb33;
  border-color: #e2bb33;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #e2bb33;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #e2bb33;
  border: 2px solid #e2bb33;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-purple [type=checkbox]:checked + label:before {
  border-right: 2px solid #673ab7;
  border-bottom: 2px solid #673ab7; }
.theme-purple [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #673ab7;
  background-color: #673ab7; }
.theme-purple [type=radio].with-gap:checked + label:before, .theme-purple [type=radio].with-gap:checked + label:after {
  border: 2px solid #673ab7; }
.theme-purple [type=radio].with-gap:checked + label:after {
  background-color: #673ab7;
  z-index: 0; }
.theme-purple [type=radio]:checked + label:after {
  border: 2px solid #673ab7;
  background-color: #673ab7;
  z-index: 0; }
.theme-purple [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #673ab7;
  background-color: #673ab7; }

/*---Calender---*/
.theme-purple .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #673ab7; }
.theme-purple .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #673ab7;
  border-color: #673ab7; }
.theme-purple .fc-event, .theme-purple .calendar-event {
  background: #673ab7; }

/*---Tabs---*/
.theme-purple .tabs-vertical li .nav-link:hover, .theme-purple .tabs-vertical li .nav-link:active, .theme-purple .tabs-vertical li .nav-link:focus, .theme-purple .tabs-vertical li .nav-link.active {
  background-color: #673ab7;
  color: #ffffff; }
.theme-purple .customvtab .tabs-vertical li .nav-link:hover, .theme-purple .customvtab .tabs-vertical li .nav-link:active, .theme-purple .customvtab .tabs-vertical li .nav-link:focus, .theme-purple .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #673ab7;
  color: #673ab7; }
.theme-purple .customtab2 li a.nav-link:hover, .theme-purple .customtab2 li a.nav-link:active, .theme-purple .customtab2 li a.nav-link.active {
  background-color: #673ab7; }

.rtl.theme-purple .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-purple .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-purple .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-purple .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #673ab7; }

/*---Notification---*/
.theme-purple .jq-icon-primary {
  background-color: #673ab7;
  color: #ffffff;
  border-color: #673ab7; }
.theme-purple .jq-icon-info {
  background-color: #4974e0;
  color: #ffffff;
  border-color: #4974e0; }
.theme-purple .jq-icon-success {
  background-color: #3db76b;
  color: #ffffff;
  border-color: #673ab7; }
.theme-purple .jq-icon-error {
  background-color: #e83a75;
  color: #ffffff;
  border-color: #e83a75; }
.theme-purple .jq-icon-danger {
  background-color: #e83a75;
  color: #ffffff;
  border-color: #e83a75; }
.theme-purple .jq-icon-warning {
  background-color: #e2bb33;
  color: #ffffff;
  border-color: #e2bb33; }

/*---avatar---*/
.theme-purple .avatar.status-primary::after {
  background-color: #673ab7; }
.theme-purple .avatar.status-info::after {
  background-color: #4974e0; }
.theme-purple .avatar.status-success::after {
  background-color: #3db76b; }
.theme-purple .avatar.status-danger::after {
  background-color: #e83a75; }
.theme-purple .avatar.status-warning::after {
  background-color: #e2bb33; }
.theme-purple .avatar[class*='status-']::after {
  background-color: #673ab7; }
.theme-purple .avatar-add:hover {
  background-color: #512e90;
  border-color: #512e90; }

/*---media---*/
.theme-purple .media-chat.media-chat-reverse .media-body p {
  background-color: #673ab7; }
.theme-purple .media-right-out a:hover {
  color: #512e90; }

/*---control---*/
.theme-purple .control input:checked:focus ~ .control_indicator {
  background-color: #673ab7; }
.theme-purple .control input:checked ~ .control_indicator {
  background-color: #673ab7; }
.theme-purple .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #673ab7; }

/*---flex---*/
.theme-purple .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #673ab7; }
  .theme-purple .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #673ab7; }

/*---pagination---*/
.theme-purple .pagination li a.current {
  border: 1px solid #673ab7;
  background-color: #673ab7; }
  .theme-purple .pagination li a.current:hover {
    border: 1px solid #673ab7;
    background-color: #673ab7; }
.theme-purple .pagination li a:hover {
  border: 1px solid #512e90;
  background-color: #512e90 !important; }
.theme-purple .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #673ab7;
  background-color: #673ab7; }
  .theme-purple .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #673ab7;
    background-color: #673ab7; }
.theme-purple .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #673ab7; }
.theme-purple .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #673ab7; }
.theme-purple .footable .pagination li a:hover, .theme-purple .footable .pagination li a:active, .theme-purple .footable .pagination li a.active {
  background-color: #673ab7; }

/*---dataTables---*/
.theme-purple .dt-buttons .dt-button {
  background-color: #673ab7; }

/*---select2---*/
.theme-purple .select2-container--default.select2-container--open {
  border-color: #673ab7; }
.theme-purple .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #673ab7; }
.theme-purple .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #673ab7 !important; }
.theme-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #673ab7 !important; }
.theme-purple .select2-container--default .select2-selection--multiple:focus {
  border-color: #673ab7 !important; }
.theme-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #673ab7;
  border-color: #673ab7; }

/*---Other---*/
.theme-purple .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #512e90; }
.theme-purple .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #512e90; }
.theme-purple .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #512e90; }
.theme-purple [data-overlay-primary]::before {
  background: #512e90; }

/*---wizard---*/
.theme-purple .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #673ab7;
  background-color: #673ab7; }
.theme-purple .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #512e90;
  background-color: #512e90; }
.theme-purple .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #673ab7; }
.theme-purple .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #673ab7; }
.theme-purple .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #673ab7; }
.theme-purple .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #673ab7; }
.theme-purple .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #673ab7; }
.theme-purple .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #673ab7;
  color: #673ab7; }
  .theme-purple .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #673ab7; }
.theme-purple .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #673ab7; }

@media (max-width: 767px) {
  .theme-purple .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #673ab7; } }
@media (max-width: 575px) {
  .theme-purple .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #673ab7; } }
/*---slider---*/
.theme-purple #primary .slider-selection {
  background-color: #673ab7; }
.theme-purple #info .slider-selection {
  background-color: #4974e0; }
.theme-purple #success .slider-selection {
  background-color: #3db76b; }
.theme-purple #danger .slider-selection {
  background-color: #e83a75; }
.theme-purple #warning .slider-selection {
  background-color: #e2bb33; }

/*---horizontal-timeline---*/
.theme-purple .cd-horizontal-timeline .events a.selected::after {
  background: #673ab7;
  border-color: #673ab7; }
.theme-purple .cd-horizontal-timeline .events a.older-event::after {
  border-color: #673ab7; }
.theme-purple .cd-horizontal-timeline .filling-line {
  background: #673ab7; }
.theme-purple .cd-horizontal-timeline a {
  color: #673ab7; }
  .theme-purple .cd-horizontal-timeline a:hover, .theme-purple .cd-horizontal-timeline a:focus {
    color: #673ab7; }
.theme-purple .cd-timeline-navigation a:hover, .theme-purple .cd-timeline-navigation a:focus {
  border-color: #673ab7; }

/**************************************
Theme oceansky Color
**************************************/
.bg-gradient-oceansky, .theme-oceansky .bg-gradient-oceansky, .theme-oceansky .art-bg {
  background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%); }

.bg-light-body {
  background: transparent; }

.theme-oceansky.fixed .main-header {
   }
  .theme-oceansky.fixed .main-header .navbar {
    background: transparent; }
.theme-oceansky .main-header {
  background: #ffffff; }

.theme-oceansky.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-oceansky-dark, .dark-skin.theme-oceansky .bg-gradient-oceansky, .dark-skin.theme-oceansky .art-bg {
  background-image: linear-gradient(-45deg, #0960a5 0%, #0960a5 33%, #00594d 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-oceansky.fixed .main-header {
   }
  .dark-skin.theme-oceansky.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-oceansky .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-oceansky.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-oceansky.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-oceansky.fixed .main-header {
    background-image: #0c1a32; } }
.theme-oceansky a:hover, .theme-oceansky a:active, .theme-oceansky a:focus {
  color: #2196f3; }
.theme-oceansky .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-oceansky .main-sidebar .svg-icon:hover, .theme-oceansky .main-sidebar .svg-icon:active, .theme-oceansky .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-oceansky .main-sidebar a:hover .svg-icon, .theme-oceansky .main-sidebar a:active .svg-icon, .theme-oceansky .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-oceansky .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-oceansky .svg-icon:hover, .theme-oceansky .svg-icon:active, .theme-oceansky .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-oceansky a:hover .svg-icon, .theme-oceansky a:active .svg-icon, .theme-oceansky a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-oceansky.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #2196f3 !important; }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #2196f3; }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #2196f3;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-oceansky.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-oceansky.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #2196f3 !important; }
.theme-oceansky.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-oceansky.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-oceansky.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-oceansky.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-oceansky.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-oceansky.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #2196f3 !important; }
.theme-oceansky.light-skin .sidebar-menu &gt; li:hover, .theme-oceansky.light-skin .sidebar-menu &gt; li:active, .theme-oceansky.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(33, 150, 243, 0);
  color: #2196f3;
  border-left: 0px solid rgba(33, 150, 243, 0); }
  .theme-oceansky.light-skin .sidebar-menu &gt; li:hover a, .theme-oceansky.light-skin .sidebar-menu &gt; li:active a, .theme-oceansky.light-skin .sidebar-menu &gt; li.active a {
    color: #2196f3; }
    .theme-oceansky.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-oceansky.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-oceansky.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(33, 150, 243, 0); }
    .theme-oceansky.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-oceansky.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-oceansky.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #2196f3;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-oceansky.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-oceansky.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-oceansky.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-oceansky.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(33, 150, 243, 0);
  color: #2196f3;
  border-left: 0px solid #2196f3; }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%); }
    .theme-oceansky.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #2196f3;
      background-color: rgba(33, 150, 243, 0); }
    .theme-oceansky.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-oceansky.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(33, 150, 243, 0);
    color: #2196f3; }
    .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%); }
      .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(33, 150, 243, 0); }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(33, 150, 243, 0); }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(33, 150, 243, 0);
    color: #2196f3; }
    .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #2196f3; }
      .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #2196f3;
        background-color: rgba(33, 150, 243, 0); }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(33, 150, 243, 0);
    color: #2196f3; }
    .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #2196f3; }
      .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #2196f3;
        background-color: rgba(33, 150, 243, 0); }
  .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-oceansky.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(33, 150, 243, 0); }
.theme-oceansky.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #2196f3;
  border-right: 0px solid #2196f3; }
.theme-oceansky.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(33, 150, 243, 0);
  color: white;
  border-left: 0px solid #2196f3; }
  .theme-oceansky.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%); }
    .theme-oceansky.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-oceansky.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-oceansky.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-oceansky.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(33, 150, 243, 0);
    color: #2196f3; }
    .theme-oceansky.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%); }
      .theme-oceansky.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(33, 150, 243, 0); }
  .theme-oceansky.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(33, 150, 243, 0);
    color: white; }
    .theme-oceansky.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-oceansky.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #2196f3;
  border-right: 0px solid #2196f3; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(33, 150, 243, 0.2);
    color: #2196f3; } }
/*---Main Nav---*/
.theme-oceansky .sm-blue li.current &gt; a, .theme-oceansky .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%);
  color: #ffffff !important; }
  .theme-oceansky .sm-blue li.current &gt; a:hover, .theme-oceansky .sm-blue li.current &gt; a:active, .theme-oceansky .sm-blue li.current &gt; a:focus, .theme-oceansky .sm-blue li.highlighted &gt; a:hover, .theme-oceansky .sm-blue li.highlighted &gt; a:active, .theme-oceansky .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%);
    color: #ffffff !important; }
.theme-oceansky .sm-blue a.current, .theme-oceansky .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%);
  color: #ffffff !important; }
.theme-oceansky .sm-blue a:hover, .theme-oceansky .sm-blue a:active, .theme-oceansky .sm-blue a:focus {
  background: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%);
  color: #ffffff !important; }
.theme-oceansky .sm-blue ul a:hover, .theme-oceansky .sm-blue ul a:active, .theme-oceansky .sm-blue ul a:focus {
  background: #ebedf3;
  color: #2196f3 !important; }
.theme-oceansky .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #2196f3 !important; }

.dark-skin.theme-oceansky .sm-blue li.current &gt; a, .dark-skin.theme-oceansky .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #0960a5 0%, #0960a5 33%, #00594d 100%);
  color: #ffffff !important; }
  .dark-skin.theme-oceansky .sm-blue li.current &gt; a:hover, .dark-skin.theme-oceansky .sm-blue li.current &gt; a:active, .dark-skin.theme-oceansky .sm-blue li.current &gt; a:focus, .dark-skin.theme-oceansky .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-oceansky .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-oceansky .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #0960a5 0%, #0960a5 33%, #00594d 100%);
    color: #ffffff !important; }
.dark-skin.theme-oceansky .sm-blue a.current, .dark-skin.theme-oceansky .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #0960a5 0%, #0960a5 33%, #00594d 100%);
  color: #ffffff !important; }
.dark-skin.theme-oceansky .sm-blue a:hover, .dark-skin.theme-oceansky .sm-blue a:active, .dark-skin.theme-oceansky .sm-blue a:focus {
  background: linear-gradient(-45deg, #0960a5 0%, #0960a5 33%, #00594d 100%);
  color: #ffffff !important; }
.dark-skin.theme-oceansky .sm-blue ul a:hover, .dark-skin.theme-oceansky .sm-blue ul a:active, .dark-skin.theme-oceansky .sm-blue ul a:focus {
  background: #29354b;
  color: #2196f3 !important; }
.dark-skin.theme-oceansky .sm-blue ul a.highlighted {
  background: #29354b;
  color: #2196f3 !important; }

/*---Primary Button---*/
.theme-oceansky .btn-link {
  color: #2196f3; }
.theme-oceansky .btn-primary {
  background-color: #2196f3;
  border-color: #2196f3;
  color: #ffffff; }
  .theme-oceansky .btn-primary:hover, .theme-oceansky .btn-primary:active, .theme-oceansky .btn-primary:focus, .theme-oceansky .btn-primary.active {
    background-color: #0c7cd5 !important;
    border-color: #0c7cd5 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-primary:disabled {
    background-color: #82c4f8;
    border-color: #2196f3;
    opacity: 0.5; }
  .theme-oceansky .btn-primary.disabled {
    background-color: #82c4f8;
    border-color: #2196f3;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-primary.dropdown-toggle {
  background-color: #0c7cd5 !important;
  border-color: #0c7cd5 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-primary {
  color: #2196f3;
  background-color: transparent;
  border-color: #2196f3 !important; }
  .theme-oceansky .btn-outline.btn-primary:hover, .theme-oceansky .btn-outline.btn-primary:active, .theme-oceansky .btn-outline.btn-primary.active {
    background-color: #0c7cd5 !important;
    border-color: #0c7cd5 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #0c7cd5 !important;
  border-color: #0c7cd5 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-primary {
  color: #2196f3 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-primary:hover, .theme-oceansky .btn-flat.btn-primary:active, .theme-oceansky .btn-flat.btn-primary.active {
    background-color: #0c7cd5 !important;
    border-color: #0c7cd5 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-oceansky .btn-info {
  background-color: #7f21f3;
  border-color: #7f21f3;
  color: #ffffff; }
  .theme-oceansky .btn-info:hover, .theme-oceansky .btn-info:active, .theme-oceansky .btn-info:focus, .theme-oceansky .btn-info.active {
    background-color: #660cd5 !important;
    border-color: #660cd5 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-info:disabled {
    background-color: #b782f8;
    border-color: #7f21f3;
    opacity: 0.5; }
  .theme-oceansky .btn-info.disabled {
    background-color: #b782f8;
    border-color: #7f21f3;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-info.dropdown-toggle {
  background-color: #660cd5 !important;
  border-color: #660cd5 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-info {
  color: #7f21f3;
  background-color: transparent;
  border-color: #7f21f3 !important; }
  .theme-oceansky .btn-outline.btn-info:hover, .theme-oceansky .btn-outline.btn-info:active, .theme-oceansky .btn-outline.btn-info.active {
    background-color: #660cd5 !important;
    border-color: #660cd5 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #660cd5 !important;
  border-color: #660cd5 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-info {
  color: #7f21f3 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-info:hover, .theme-oceansky .btn-flat.btn-info:active, .theme-oceansky .btn-flat.btn-info.active {
    background-color: #660cd5 !important;
    border-color: #660cd5 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-oceansky .btn-success {
  background-color: #00bfa5;
  border-color: #00bfa5;
  color: #ffffff; }
  .theme-oceansky .btn-success:hover, .theme-oceansky .btn-success:active, .theme-oceansky .btn-success:focus, .theme-oceansky .btn-success.active {
    background-color: #008c79 !important;
    border-color: #008c79 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-success:disabled {
    background-color: #26ffe1;
    border-color: #00bfa5;
    opacity: 0.5; }
  .theme-oceansky .btn-success.disabled {
    background-color: #26ffe1;
    border-color: #00bfa5;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-success.dropdown-toggle {
  background-color: #008c79 !important;
  border-color: #008c79 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-success {
  color: #00bfa5;
  background-color: transparent;
  border-color: #00bfa5 !important; }
  .theme-oceansky .btn-outline.btn-success:hover, .theme-oceansky .btn-outline.btn-success:active, .theme-oceansky .btn-outline.btn-success.active {
    background-color: #008c79 !important;
    border-color: #008c79 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #008c79 !important;
  border-color: #008c79 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-success {
  color: #00bfa5 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-success:hover, .theme-oceansky .btn-flat.btn-success:active, .theme-oceansky .btn-flat.btn-success.active {
    background-color: #008c79 !important;
    border-color: #008c79 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-oceansky .btn-danger {
  background-color: #f32184;
  border-color: #f32184;
  color: #ffffff; }
  .theme-oceansky .btn-danger:hover, .theme-oceansky .btn-danger:active, .theme-oceansky .btn-danger:focus, .theme-oceansky .btn-danger.active {
    background-color: #d50c6b !important;
    border-color: #d50c6b !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-danger:disabled {
    background-color: #f882ba;
    border-color: #f32184;
    opacity: 0.5; }
  .theme-oceansky .btn-danger.disabled {
    background-color: #f882ba;
    border-color: #f32184;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-danger.dropdown-toggle {
  background-color: #d50c6b !important;
  border-color: #d50c6b !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-danger {
  color: #f32184;
  background-color: transparent;
  border-color: #f32184 !important; }
  .theme-oceansky .btn-outline.btn-danger:hover, .theme-oceansky .btn-outline.btn-danger:active, .theme-oceansky .btn-outline.btn-danger.active {
    background-color: #d50c6b !important;
    border-color: #d50c6b !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #d50c6b !important;
  border-color: #d50c6b !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-danger {
  color: #f32184 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-danger:hover, .theme-oceansky .btn-flat.btn-danger:active, .theme-oceansky .btn-flat.btn-danger.active {
    background-color: #d50c6b !important;
    border-color: #d50c6b !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-oceansky .btn-warning {
  background-color: #e2e023;
  border-color: #e2e023;
  color: #ffffff; }
  .theme-oceansky .btn-warning:hover, .theme-oceansky .btn-warning:active, .theme-oceansky .btn-warning:focus, .theme-oceansky .btn-warning.active {
    background-color: #bab818 !important;
    border-color: #bab818 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-warning:disabled {
    background-color: #eeed7d;
    border-color: #e2e023;
    opacity: 0.5; }
  .theme-oceansky .btn-warning.disabled {
    background-color: #eeed7d;
    border-color: #e2e023;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-warning.dropdown-toggle {
  background-color: #bab818 !important;
  border-color: #bab818 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-warning {
  color: #e2e023;
  background-color: transparent;
  border-color: #e2e023 !important; }
  .theme-oceansky .btn-outline.btn-warning:hover, .theme-oceansky .btn-outline.btn-warning:active, .theme-oceansky .btn-outline.btn-warning.active {
    background-color: #bab818 !important;
    border-color: #bab818 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #bab818 !important;
  border-color: #bab818 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-warning {
  color: #e2e023 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-warning:hover, .theme-oceansky .btn-flat.btn-warning:active, .theme-oceansky .btn-flat.btn-warning.active {
    background-color: #bab818 !important;
    border-color: #bab818 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-oceansky .btn-primary-light {
  background-color: #d7edff;
  border-color: #d7edff;
  color: #2196f3; }
  .theme-oceansky .btn-primary-light:hover, .theme-oceansky .btn-primary-light:active, .theme-oceansky .btn-primary-light:focus, .theme-oceansky .btn-primary-light.active {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-primary-light:disabled {
    background-color: white;
    border-color: #d7edff;
    opacity: 0.5; }
  .theme-oceansky .btn-primary-light.disabled {
    background-color: white;
    border-color: #d7edff;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #2196f3 !important;
  border-color: #2196f3 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-primary-light {
  color: #2196f3;
  background-color: transparent;
  border-color: #d7edff !important; }
  .theme-oceansky .btn-outline.btn-primary-light:hover, .theme-oceansky .btn-outline.btn-primary-light:active, .theme-oceansky .btn-outline.btn-primary-light.active {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #2196f3 !important;
  border-color: #2196f3 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-primary-light {
  color: #2196f3 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-primary-light:hover, .theme-oceansky .btn-flat.btn-primary-light:active, .theme-oceansky .btn-flat.btn-primary-light.active {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-oceansky .btn-info-light {
  background-color: #e9d8ff;
  border-color: #e9d8ff;
  color: #7f21f3; }
  .theme-oceansky .btn-info-light:hover, .theme-oceansky .btn-info-light:active, .theme-oceansky .btn-info-light:focus, .theme-oceansky .btn-info-light.active {
    background-color: #7f21f3 !important;
    border-color: #7f21f3 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-info-light:disabled {
    background-color: white;
    border-color: #e9d8ff;
    opacity: 0.5; }
  .theme-oceansky .btn-info-light.disabled {
    background-color: white;
    border-color: #e9d8ff;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-info.dropdown-toggle {
  background-color: #7f21f3 !important;
  border-color: #7f21f3 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-info-light {
  color: #7f21f3;
  background-color: transparent;
  border-color: #e9d8ff !important; }
  .theme-oceansky .btn-outline.btn-info-light:hover, .theme-oceansky .btn-outline.btn-info-light:active, .theme-oceansky .btn-outline.btn-info-light.active {
    background-color: #7f21f3 !important;
    border-color: #7f21f3 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #7f21f3 !important;
  border-color: #7f21f3 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-info-light {
  color: #7f21f3 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-info-light:hover, .theme-oceansky .btn-flat.btn-info-light:active, .theme-oceansky .btn-flat.btn-info-light.active {
    background-color: #7f21f3 !important;
    border-color: #7f21f3 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-oceansky .btn-success-light {
  background-color: #d5fff9;
  border-color: #d5fff9;
  color: #00bfa5; }
  .theme-oceansky .btn-success-light:hover, .theme-oceansky .btn-success-light:active, .theme-oceansky .btn-success-light:focus, .theme-oceansky .btn-success-light.active {
    background-color: #00bfa5 !important;
    border-color: #00bfa5 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-success-light:disabled {
    background-color: white;
    border-color: #d5fff9;
    opacity: 0.5; }
  .theme-oceansky .btn-success-light.disabled {
    background-color: white;
    border-color: #d5fff9;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #00bfa5 !important;
  border-color: #00bfa5 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-success-light {
  color: #00bfa5;
  background-color: transparent;
  border-color: #d5fff9 !important; }
  .theme-oceansky .btn-outline.btn-success-light:hover, .theme-oceansky .btn-outline.btn-success-light:active, .theme-oceansky .btn-outline.btn-success-light.active {
    background-color: #00bfa5 !important;
    border-color: #00bfa5 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #00bfa5 !important;
  border-color: #00bfa5 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-success-light {
  color: #00bfa5 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-success-light:hover, .theme-oceansky .btn-flat.btn-success-light:active, .theme-oceansky .btn-flat.btn-success-light.active {
    background-color: #00bfa5 !important;
    border-color: #00bfa5 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-oceansky .btn-danger-light {
  background-color: #ffd9eb;
  border-color: #ffd9eb;
  color: #f32184; }
  .theme-oceansky .btn-danger-light:hover, .theme-oceansky .btn-danger-light:active, .theme-oceansky .btn-danger-light:focus, .theme-oceansky .btn-danger-light.active {
    background-color: #f32184 !important;
    border-color: #f32184 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-danger-light:disabled {
    background-color: white;
    border-color: #ffd9eb;
    opacity: 0.5; }
  .theme-oceansky .btn-danger-light.disabled {
    background-color: white;
    border-color: #ffd9eb;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #f32184 !important;
  border-color: #f32184 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-danger-light {
  color: #f32184;
  background-color: transparent;
  border-color: #ffd9eb !important; }
  .theme-oceansky .btn-outline.btn-danger-light:hover, .theme-oceansky .btn-outline.btn-danger-light:active, .theme-oceansky .btn-outline.btn-danger-light.active {
    background-color: #f32184 !important;
    border-color: #f32184 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #f32184 !important;
  border-color: #f32184 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-danger-light {
  color: #f32184 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-danger-light:hover, .theme-oceansky .btn-flat.btn-danger-light:active, .theme-oceansky .btn-flat.btn-danger-light.active {
    background-color: #f32184 !important;
    border-color: #f32184 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-oceansky .btn-warning-light {
  background-color: #fffec6;
  border-color: #fffec6;
  color: #e2e023; }
  .theme-oceansky .btn-warning-light:hover, .theme-oceansky .btn-warning-light:active, .theme-oceansky .btn-warning-light:focus, .theme-oceansky .btn-warning-light.active {
    background-color: #e2e023 !important;
    border-color: #e2e023 !important;
    color: #ffffff !important; }
  .theme-oceansky .btn-warning-light:disabled {
    background-color: white;
    border-color: #fffec6;
    opacity: 0.5; }
  .theme-oceansky .btn-warning-light.disabled {
    background-color: white;
    border-color: #fffec6;
    opacity: 0.5; }
.theme-oceansky .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #e2e023 !important;
  border-color: #e2e023 !important;
  color: #ffffff; }
.theme-oceansky .btn-outline.btn-warning-light {
  color: #e2e023;
  background-color: transparent;
  border-color: #fffec6 !important; }
  .theme-oceansky .btn-outline.btn-warning-light:hover, .theme-oceansky .btn-outline.btn-warning-light:active, .theme-oceansky .btn-outline.btn-warning-light.active {
    background-color: #e2e023 !important;
    border-color: #e2e023 !important;
    color: #ffffff !important; }
.theme-oceansky .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #e2e023 !important;
  border-color: #e2e023 !important;
  color: #ffffff; }
.theme-oceansky .btn-flat.btn-warning-light {
  color: #e2e023 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-oceansky .btn-flat.btn-warning-light:hover, .theme-oceansky .btn-flat.btn-warning-light:active, .theme-oceansky .btn-flat.btn-warning-light.active {
    background-color: #e2e023 !important;
    border-color: #e2e023 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-oceansky .callout.callout-primary {
  border-color: #2196f3;
  background-color: #2196f3 !important; }
.theme-oceansky .callout.callout-info {
  border-color: #7f21f3;
  background-color: #7f21f3 !important; }
.theme-oceansky .callout.callout-success {
  border-color: #00bfa5;
  background-color: #00bfa5 !important; }
.theme-oceansky .callout.callout-danger {
  border-color: #f32184;
  background-color: #f32184 !important; }
.theme-oceansky .callout.callout-warning {
  border-color: #e2e023;
  background-color: #e2e023 !important; }

/*---alert---*/
.theme-oceansky .alert-primary {
  border-color: #2196f3;
  background-color: #2196f3 !important;
  color: #ffffff; }
.theme-oceansky .alert-info {
  border-color: #7f21f3;
  background-color: #7f21f3 !important;
  color: #ffffff; }
.theme-oceansky .alert-success {
  border-color: #00bfa5;
  background-color: #00bfa5 !important;
  color: #ffffff; }
.theme-oceansky .alert-danger {
  border-color: #f32184;
  background-color: #f32184 !important;
  color: #ffffff; }
.theme-oceansky .alert-error {
  border-color: #f32184;
  background-color: #f32184 !important;
  color: #ffffff; }
.theme-oceansky .alert-warning {
  border-color: #e2e023;
  background-color: #e2e023 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-oceansky .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #2196f3;
  color: #ffffff; }
.theme-oceansky .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-oceansky .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #2196f3; }
.theme-oceansky .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #7f21f3;
  color: #ffffff; }
.theme-oceansky .direct-chat-info .right &gt; .direct-chat-text:before, .theme-oceansky .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #7f21f3; }
.theme-oceansky .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #00bfa5;
  color: #ffffff; }
.theme-oceansky .direct-chat-success .right &gt; .direct-chat-text:before, .theme-oceansky .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #00bfa5; }
.theme-oceansky .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #f32184;
  color: #ffffff; }
.theme-oceansky .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-oceansky .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #f32184; }
.theme-oceansky .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #e2e023;
  color: #ffffff; }
.theme-oceansky .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-oceansky .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #e2e023; }
.theme-oceansky .right .direct-chat-text p {
  background-color: #2196f3; }

/*---modal---*/
.theme-oceansky .modal-primary .modal-footer, .theme-oceansky .modal-primary .modal-header {
  border-color: #2196f3; }
.theme-oceansky .modal-primary .modal-body {
  background-color: #2196f3 !important; }
.theme-oceansky .modal-info .modal-footer, .theme-oceansky .modal-info .modal-header {
  border-color: #7f21f3; }
.theme-oceansky .modal-info .modal-body {
  background-color: #7f21f3 !important; }
.theme-oceansky .modal-success .modal-footer, .theme-oceansky .modal-success .modal-header {
  border-color: #00bfa5; }
.theme-oceansky .modal-success .modal-body {
  background-color: #00bfa5 !important; }
.theme-oceansky .modal-danger .modal-footer, .theme-oceansky .modal-danger .modal-header {
  border-color: #f32184; }
.theme-oceansky .modal-danger .modal-body {
  background-color: #f32184 !important; }
.theme-oceansky .modal-warning .modal-footer, .theme-oceansky .modal-warning .modal-header {
  border-color: #e2e023; }
.theme-oceansky .modal-warning .modal-body {
  background-color: #e2e023 !important; }

/*---border---*/
.theme-oceansky .border-primary {
  border-color: #2196f3 !important; }
.theme-oceansky .border-info {
  border-color: #7f21f3 !important; }
.theme-oceansky .border-success {
  border-color: #00bfa5 !important; }
.theme-oceansky .border-danger {
  border-color: #f32184 !important; }
.theme-oceansky .border-warning {
  border-color: #e2e023 !important; }

/*---Background---*/
.theme-oceansky .bg-primary {
  background-color: #2196f3 !important;
  color: #ffffff; }
.theme-oceansky .bg-primary-light {
  background-color: #d7edff !important;
  color: #2196f3; }
.theme-oceansky .bg-info {
  background-color: #7f21f3 !important;
  color: #ffffff; }
.theme-oceansky .bg-info-light {
  background-color: #e9d8ff !important;
  color: #7f21f3; }
.theme-oceansky .bg-success {
  background-color: #00bfa5 !important;
  color: #ffffff; }
.theme-oceansky .bg-success-light {
  background-color: #d5fff9 !important;
  color: #00bfa5; }
.theme-oceansky .bg-danger {
  background-color: #f32184 !important;
  color: #ffffff; }
.theme-oceansky .bg-danger-light {
  background-color: #ffd9eb !important;
  color: #f32184; }
.theme-oceansky .bg-warning {
  background-color: #e2e023 !important;
  color: #ffffff; }
.theme-oceansky .bg-warning-light {
  background-color: #fffec6 !important;
  color: #e2e023; }

/*---text---*/
.theme-oceansky .text-primary {
  color: #2196f3 !important; }
.theme-oceansky a.text-primary:hover, .theme-oceansky a.text-primary:focus {
  color: #2196f3 !important; }
.theme-oceansky .hover-primary:hover, .theme-oceansky .hover-primary:focus {
  color: #2196f3 !important; }
.theme-oceansky .text-info {
  color: #7f21f3 !important; }
.theme-oceansky a.text-info:hover, .theme-oceansky a.text-info:focus {
  color: #7f21f3 !important; }
.theme-oceansky .hover-info:hover, .theme-oceansky .hover-info:focus {
  color: #7f21f3 !important; }
.theme-oceansky .text-success {
  color: #00bfa5 !important; }
.theme-oceansky a.text-success:hover, .theme-oceansky a.text-success:focus {
  color: #00bfa5 !important; }
.theme-oceansky .hover-success:hover, .theme-oceansky .hover-success:focus {
  color: #00bfa5 !important; }
.theme-oceansky .text-danger {
  color: #f32184 !important; }
.theme-oceansky a.text-danger:hover, .theme-oceansky a.text-danger:focus {
  color: #f32184 !important; }
.theme-oceansky .hover-danger:hover, .theme-oceansky .hover-danger:focus {
  color: #f32184 !important; }
.theme-oceansky .text-warning {
  color: #e2e023 !important; }
.theme-oceansky a.text-warning:hover, .theme-oceansky a.text-warning:focus {
  color: #e2e023 !important; }
.theme-oceansky .hover-warning:hover, .theme-oceansky .hover-warning:focus {
  color: #e2e023 !important; }

/*---active background---*/
.theme-oceansky .active.active-primary {
  background-color: #0c7cd5 !important; }
.theme-oceansky .active.active-info {
  background-color: #660cd5 !important; }
.theme-oceansky .active.active-success {
  background-color: #008c79 !important; }
.theme-oceansky .active.active-danger {
  background-color: #d50c6b !important; }
.theme-oceansky .active.active-warning {
  background-color: #bab818 !important; }

/*---label background---*/
.theme-oceansky .label-primary {
  background-color: #2196f3 !important; }
.theme-oceansky .label-info {
  background-color: #7f21f3 !important; }
.theme-oceansky .label-success {
  background-color: #00bfa5 !important; }
.theme-oceansky .label-danger {
  background-color: #f32184 !important; }
.theme-oceansky .label-warning {
  background-color: #e2e023 !important; }

/*---ribbon---*/
.theme-oceansky .ribbon-box .ribbon-primary {
  background-color: #2196f3; }
  .theme-oceansky .ribbon-box .ribbon-primary:before {
    border-color: #2196f3 transparent transparent; }
.theme-oceansky .ribbon-box .ribbon-two-primary span {
  background-color: #2196f3; }
  .theme-oceansky .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #0c7cd5;
    border-top: 3px solid #0c7cd5; }
  .theme-oceansky .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #0c7cd5;
    border-top: 3px solid #0c7cd5; }
.theme-oceansky .ribbon-box .ribbon-info {
  background-color: #7f21f3; }
  .theme-oceansky .ribbon-box .ribbon-info:before {
    border-color: #7f21f3 transparent transparent; }
.theme-oceansky .ribbon-box .ribbon-two-info span {
  background-color: #7f21f3; }
  .theme-oceansky .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #660cd5;
    border-top: 3px solid #660cd5; }
  .theme-oceansky .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #660cd5;
    border-top: 3px solid #660cd5; }
.theme-oceansky .ribbon-box .ribbon-success {
  background-color: #00bfa5; }
  .theme-oceansky .ribbon-box .ribbon-success:before {
    border-color: #00bfa5 transparent transparent; }
.theme-oceansky .ribbon-box .ribbon-two-success span {
  background-color: #00bfa5; }
  .theme-oceansky .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #008c79;
    border-top: 3px solid #008c79; }
  .theme-oceansky .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #008c79;
    border-top: 3px solid #008c79; }
.theme-oceansky .ribbon-box .ribbon-danger {
  background-color: #f32184; }
  .theme-oceansky .ribbon-box .ribbon-danger:before {
    border-color: #f32184 transparent transparent; }
.theme-oceansky .ribbon-box .ribbon-two-danger span {
  background-color: #f32184; }
  .theme-oceansky .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #d50c6b;
    border-top: 3px solid #d50c6b; }
  .theme-oceansky .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #d50c6b;
    border-top: 3px solid #d50c6b; }
.theme-oceansky .ribbon-box .ribbon-warning {
  background-color: #e2e023; }
  .theme-oceansky .ribbon-box .ribbon-warning:before {
    border-color: #e2e023 transparent transparent; }
.theme-oceansky .ribbon-box .ribbon-two-warning span {
  background-color: #e2e023; }
  .theme-oceansky .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #bab818;
    border-top: 3px solid #bab818; }
  .theme-oceansky .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #bab818;
    border-top: 3px solid #bab818; }

/*---Box---*/
.theme-oceansky .box-primary {
  background-color: #2196f3 !important; }
  .theme-oceansky .box-primary.box-bordered {
    border-color: #2196f3; }
.theme-oceansky .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #2196f3; }
.theme-oceansky .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #2196f3; }
  .theme-oceansky .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-oceansky .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-oceansky .box-info {
  background-color: #7f21f3 !important; }
  .theme-oceansky .box-info.box-bordered {
    border-color: #7f21f3; }
.theme-oceansky .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #7f21f3; }
.theme-oceansky .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #7f21f3; }
  .theme-oceansky .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-oceansky .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-oceansky .box-success {
  background-color: #00bfa5 !important; }
  .theme-oceansky .box-success.box-bordered {
    border-color: #00bfa5; }
.theme-oceansky .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #00bfa5; }
.theme-oceansky .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #00bfa5; }
  .theme-oceansky .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-oceansky .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-oceansky .box-danger {
  background-color: #f32184 !important; }
  .theme-oceansky .box-danger.box-bordered {
    border-color: #f32184; }
.theme-oceansky .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #f32184; }
.theme-oceansky .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #f32184; }
  .theme-oceansky .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-oceansky .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-oceansky .box-warning {
  background-color: #e2e023 !important; }
  .theme-oceansky .box-warning.box-bordered {
    border-color: #e2e023; }
.theme-oceansky .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #e2e023; }
.theme-oceansky .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #e2e023; }
  .theme-oceansky .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-oceansky .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-oceansky .box-profile .social-states a:hover {
  color: #0c7cd5; }
.theme-oceansky .box-controls li &gt; a:hover {
  color: #0c7cd5; }
.theme-oceansky .box-controls .dropdown.show &gt; a {
  color: #0c7cd5; }
.theme-oceansky .box-fullscreen .box-btn-fullscreen {
  color: #0c7cd5; }

/*---progress bar---*/
.theme-oceansky .progress-bar-primary {
  background-color: #2196f3; }
.theme-oceansky .progress-bar-info {
  background-color: #7f21f3; }
.theme-oceansky .progress-bar-success {
  background-color: #00bfa5; }
.theme-oceansky .progress-bar-danger {
  background-color: #f32184; }
.theme-oceansky .progress-bar-warning {
  background-color: #e2e023; }

/*---panel---*/
.theme-oceansky .panel-primary {
  border-color: #2196f3; }
  .theme-oceansky .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #2196f3;
    border-color: #2196f3; }
    .theme-oceansky .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #2196f3; }
    .theme-oceansky .panel-primary &gt; .panel-heading .badge-pill {
      color: #2196f3;
      background-color: #ffffff; }
  .theme-oceansky .panel-primary .panel-title, .theme-oceansky .panel-primary .panel-action {
    color: #ffffff; }
  .theme-oceansky .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #2196f3; }
.theme-oceansky .panel-line.panel-primary .panel-heading {
  color: #2196f3;
  border-top-color: #2196f3;
  background: transparent; }
.theme-oceansky .panel-line.panel-primary .panel-title, .theme-oceansky .panel-line.panel-primary .panel-action {
  color: #2196f3; }
.theme-oceansky .panel-info {
  border-color: #7f21f3; }
  .theme-oceansky .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #7f21f3;
    border-color: #7f21f3; }
    .theme-oceansky .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #7f21f3; }
    .theme-oceansky .panel-info &gt; .panel-heading .badge-pill {
      color: #7f21f3;
      background-color: #ffffff; }
  .theme-oceansky .panel-info .panel-title, .theme-oceansky .panel-info .panel-action {
    color: #ffffff; }
  .theme-oceansky .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #7f21f3; }
.theme-oceansky .panel-line.panel-info .panel-heading {
  color: #7f21f3;
  border-top-color: #7f21f3;
  background: transparent; }
.theme-oceansky .panel-line.panel-info .panel-title, .theme-oceansky .panel-line.panel-info .panel-action {
  color: #7f21f3; }
.theme-oceansky .panel-success {
  border-color: #00bfa5; }
  .theme-oceansky .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #00bfa5;
    border-color: #00bfa5; }
    .theme-oceansky .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #00bfa5; }
    .theme-oceansky .panel-success &gt; .panel-heading .badge-pill {
      color: #00bfa5;
      background-color: #ffffff; }
  .theme-oceansky .panel-success .panel-title, .theme-oceansky .panel-success .panel-action {
    color: #ffffff; }
  .theme-oceansky .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #00bfa5; }
.theme-oceansky .panel-line.panel-success .panel-heading {
  color: #00bfa5;
  border-top-color: #00bfa5;
  background: transparent; }
.theme-oceansky .panel-line.panel-success .panel-title, .theme-oceansky .panel-line.panel-success .panel-action {
  color: #00bfa5; }
.theme-oceansky .panel-danger {
  border-color: #f32184; }
  .theme-oceansky .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #f32184;
    border-color: #f32184; }
    .theme-oceansky .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #f32184; }
    .theme-oceansky .panel-danger &gt; .panel-heading .badge-pill {
      color: #f32184;
      background-color: #ffffff; }
  .theme-oceansky .panel-danger .panel-title, .theme-oceansky .panel-danger .panel-action {
    color: #ffffff; }
  .theme-oceansky .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #f32184; }
.theme-oceansky .panel-line.panel-danger .panel-heading {
  color: #f32184;
  border-top-color: #f32184;
  background: transparent; }
.theme-oceansky .panel-line.panel-danger .panel-title, .theme-oceansky .panel-line.panel-danger .panel-action {
  color: #f32184; }
.theme-oceansky .panel-warning {
  border-color: #e2e023; }
  .theme-oceansky .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #e2e023;
    border-color: #e2e023; }
    .theme-oceansky .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e2e023; }
    .theme-oceansky .panel-warning &gt; .panel-heading .badge-pill {
      color: #e2e023;
      background-color: #ffffff; }
  .theme-oceansky .panel-warning .panel-title, .theme-oceansky .panel-warning .panel-action {
    color: #ffffff; }
  .theme-oceansky .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e2e023; }
.theme-oceansky .panel-line.panel-warning .panel-heading {
  color: #e2e023;
  border-top-color: #e2e023;
  background: transparent; }
.theme-oceansky .panel-line.panel-warning .panel-title, .theme-oceansky .panel-line.panel-warning .panel-action {
  color: #e2e023; }

/*---switch---*/
.theme-oceansky .switch input:checked ~ .switch-indicator::after {
  background-color: #2196f3; }
.theme-oceansky .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #2196f3; }
.theme-oceansky .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #7f21f3; }
.theme-oceansky .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #00bfa5; }
.theme-oceansky .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #f32184; }
.theme-oceansky .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #e2e023; }

/*---badge---*/
.theme-oceansky .badge-primary {
  background-color: #2196f3;
  color: #ffffff; }
.theme-oceansky .badge-primary[href]:hover, .theme-oceansky .badge-primary[href]:focus {
  background-color: #0c7cd5; }
.theme-oceansky .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-oceansky .badge-secondary[href]:hover, .theme-oceansky .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-oceansky .badge-info {
  background-color: #7f21f3;
  color: #ffffff; }
.theme-oceansky .badge-info[href]:hover, .theme-oceansky .badge-info[href]:focus {
  background-color: #660cd5; }
.theme-oceansky .badge-success {
  background-color: #00bfa5;
  color: #ffffff; }
.theme-oceansky .badge-success[href]:hover, .theme-oceansky .badge-success[href]:focus {
  background-color: #008c79; }
.theme-oceansky .badge-danger {
  background-color: #f32184;
  color: #ffffff; }
.theme-oceansky .badge-danger[href]:hover, .theme-oceansky .badge-danger[href]:focus {
  background-color: #d50c6b; }
.theme-oceansky .badge-warning {
  background-color: #e2e023;
  color: #ffffff; }
.theme-oceansky .badge-warning[href]:hover, .theme-oceansky .badge-warning[href]:focus {
  background-color: #bab818; }

/*---badge light---*/
.theme-oceansky .badge-primary-light {
  background-color: #d7edff;
  color: #2196f3; }
.theme-oceansky .badge-primary-light[href]:hover, .theme-oceansky .badge-primary-light[href]:focus {
  background-color: #a4d6ff; }
.theme-oceansky .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-oceansky .badge-secondary-light[href]:hover, .theme-oceansky .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-oceansky .badge-info-light {
  background-color: #e9d8ff;
  color: #7f21f3; }
.theme-oceansky .badge-info-light[href]:hover, .theme-oceansky .badge-info-light[href]:focus {
  background-color: #cca5ff; }
.theme-oceansky .badge-success-light {
  background-color: #d5fff9;
  color: #00bfa5; }
.theme-oceansky .badge-success-light[href]:hover, .theme-oceansky .badge-success-light[href]:focus {
  background-color: #a2fff2; }
.theme-oceansky .badge-danger-light {
  background-color: #ffd9eb;
  color: #f32184; }
.theme-oceansky .badge-danger-light[href]:hover, .theme-oceansky .badge-danger-light[href]:focus {
  background-color: #ffa6d0; }
.theme-oceansky .badge-warning-light {
  background-color: #fffec6;
  color: #e2e023; }
.theme-oceansky .badge-warning-light[href]:hover, .theme-oceansky .badge-warning-light[href]:focus {
  background-color: #fffd93; }

/*---rating---*/
.theme-oceansky .rating-primary .active {
  color: #2196f3; }
.theme-oceansky .rating-primary :checked ~ label {
  color: #2196f3; }
.theme-oceansky .rating-primary label:hover {
  color: #2196f3; }
  .theme-oceansky .rating-primary label:hover ~ label {
    color: #2196f3; }
.theme-oceansky .rating-info .active {
  color: #7f21f3; }
.theme-oceansky .rating-info :checked ~ label {
  color: #7f21f3; }
.theme-oceansky .rating-info label:hover {
  color: #7f21f3; }
  .theme-oceansky .rating-info label:hover ~ label {
    color: #7f21f3; }
.theme-oceansky .rating-success .active {
  color: #00bfa5; }
.theme-oceansky .rating-success :checked ~ label {
  color: #00bfa5; }
.theme-oceansky .rating-success label:hover {
  color: #00bfa5; }
  .theme-oceansky .rating-success label:hover ~ label {
    color: #00bfa5; }
.theme-oceansky .rating-danger .active {
  color: #f32184; }
.theme-oceansky .rating-danger :checked ~ label {
  color: #f32184; }
.theme-oceansky .rating-danger label:hover {
  color: #f32184; }
  .theme-oceansky .rating-danger label:hover ~ label {
    color: #f32184; }
.theme-oceansky .rating-warning .active {
  color: #e2e023; }
.theme-oceansky .rating-warning :checked ~ label {
  color: #e2e023; }
.theme-oceansky .rating-warning label:hover {
  color: #e2e023; }
  .theme-oceansky .rating-warning label:hover ~ label {
    color: #e2e023; }

/*---toggler---*/
.theme-oceansky .toggler-primary input:checked + i {
  color: #2196f3; }
.theme-oceansky .toggler-info input:checked + i {
  color: #7f21f3; }
.theme-oceansky .toggler-success input:checked + i {
  color: #00bfa5; }
.theme-oceansky .toggler-danger input:checked + i {
  color: #f32184; }
.theme-oceansky .toggler-warning input:checked + i {
  color: #e2e023; }

/*---nav tabs---*/
.theme-oceansky .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-oceansky .nav-tabs.nav-tabs-primary .nav-link:active, .theme-oceansky .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-oceansky .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #0c7cd5;
  background-color: transparent;
  color: #0c7cd5; }
.theme-oceansky .nav-tabs.nav-tabs-info .nav-link:hover, .theme-oceansky .nav-tabs.nav-tabs-info .nav-link:active, .theme-oceansky .nav-tabs.nav-tabs-info .nav-link:focus, .theme-oceansky .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #660cd5;
  background-color: #7f21f3;
  color: #ffffff; }
.theme-oceansky .nav-tabs.nav-tabs-success .nav-link:hover, .theme-oceansky .nav-tabs.nav-tabs-success .nav-link:active, .theme-oceansky .nav-tabs.nav-tabs-success .nav-link:focus, .theme-oceansky .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #008c79;
  background-color: transparent;
  color: #008c79; }
.theme-oceansky .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-oceansky .nav-tabs.nav-tabs-danger .nav-link:active, .theme-oceansky .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-oceansky .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #d50c6b;
  background-color: transparent;
  color: #d50c6b; }
.theme-oceansky .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-oceansky .nav-tabs.nav-tabs-warning .nav-link:active, .theme-oceansky .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-oceansky .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #bab818;
  background-color: transparent;
  color: #bab818; }
.theme-oceansky .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #0c7cd5; }
.theme-oceansky .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #660cd5; }
.theme-oceansky .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #008c79; }
.theme-oceansky .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #d50c6b; }
.theme-oceansky .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #bab818; }
.theme-oceansky .nav-tabs .nav-link.active {
  border-bottom-color: #2196f3;
  background-color: #2196f3;
  color: #ffffff; }
  .theme-oceansky .nav-tabs .nav-link.active:hover, .theme-oceansky .nav-tabs .nav-link.active:focus {
    border-bottom-color: #2196f3;
    background-color: #2196f3;
    color: #ffffff; }
.theme-oceansky .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #2196f3;
  background-color: #2196f3; }
  .theme-oceansky .nav-tabs .nav-item.open .nav-link:hover, .theme-oceansky .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #2196f3;
    background-color: #2196f3; }

/*---todo---*/
.theme-oceansky .todo-list .primary {
  border-left-color: #2196f3; }
.theme-oceansky .todo-list .info {
  border-left-color: #2196f3; }
.theme-oceansky .todo-list .success {
  border-left-color: #00bfa5; }
.theme-oceansky .todo-list .danger {
  border-left-color: #f32184; }
.theme-oceansky .todo-list .warning {
  border-left-color: #e2e023; }

/*---timeline---*/
.theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #2196f3;
  border: 1px solid #2196f3;
  color: #ffffff; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #2196f3;
    border-right-color: #2196f3; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #7f21f3;
  border: 1px solid #7f21f3;
  color: #ffffff; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #7f21f3;
    border-right-color: #7f21f3; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #00bfa5;
  border: 1px solid #00bfa5;
  color: #ffffff; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #00bfa5;
    border-right-color: #00bfa5; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #f32184;
  border: 1px solid #f32184;
  color: #ffffff; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #f32184;
    border-right-color: #f32184; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #e2e023;
  border: 1px solid #e2e023;
  color: #ffffff; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #e2e023;
    border-right-color: #e2e023; }
  .theme-oceansky .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #2196f3;
  background-color: #ffffff; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #7f21f3;
  background-color: #ffffff; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #00bfa5;
  background-color: #ffffff; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #f32184;
  background-color: #ffffff; }
.theme-oceansky .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #e2e023;
  background-color: #ffffff; }
.theme-oceansky .timeline .timeline-label .label-primary {
  background-color: #2196f3; }
.theme-oceansky .timeline .timeline-label .label-info {
  background-color: #7f21f3; }
.theme-oceansky .timeline .timeline-label .label-success {
  background-color: #00bfa5; }
.theme-oceansky .timeline .timeline-label .label-danger {
  background-color: #f32184; }
.theme-oceansky .timeline .timeline-label .label-warning {
  background-color: #e2e023; }
.theme-oceansky .timeline__year, .theme-oceansky .timeline5:before, .theme-oceansky .timeline__box:before, .theme-oceansky .timeline__date {
  background-color: #2196f3; }
.theme-oceansky .timeline__post {
  border-left: 3px solid #2196f3; }

/*---daterangepicker---*/
.theme-oceansky .daterangepicker td.active {
  background-color: #2196f3; }
  .theme-oceansky .daterangepicker td.active:hover {
    background-color: #2196f3; }
.theme-oceansky .daterangepicker .input-mini.active {
  border: 1px solid #2196f3; }
.theme-oceansky .ranges li:hover, .theme-oceansky .ranges li:active, .theme-oceansky .ranges li.active {
  border: 1px solid #2196f3;
  background-color: #2196f3; }

/*---control-sidebar---*/
.theme-oceansky .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-oceansky .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-oceansky .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #2196f3;
  color: #2196f3; }
.theme-oceansky .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #2196f3;
  color: #2196f3; }
  .theme-oceansky .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-oceansky .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-oceansky .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #2196f3;
    color: #2196f3; }
.theme-oceansky .control-sidebar .rpanel-title .btn:hover {
  color: #2196f3; }

/*---nav---*/
.theme-oceansky .nav &gt; li &gt; a:hover, .theme-oceansky .nav &gt; li &gt; a:active, .theme-oceansky .nav &gt; li &gt; a:focus {
  color: #2196f3; }
.theme-oceansky .nav-pills &gt; li &gt; a.active {
  border-top-color: #2196f3;
  background-color: #2196f3 !important;
  color: #ffffff; }
  .theme-oceansky .nav-pills &gt; li &gt; a.active:hover, .theme-oceansky .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #2196f3;
    background-color: #2196f3 !important;
    color: #ffffff; }
.theme-oceansky .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-oceansky .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #2196f3; }
.theme-oceansky .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #2196f3; }
  .theme-oceansky .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-oceansky .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #2196f3; }
.theme-oceansky .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #2196f3; }
.theme-oceansky .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #2196f3; }
.theme-oceansky .customtab li a.nav-link.active {
  border-bottom: 2px solid #2196f3; }

/*---form-element---*/
.theme-oceansky .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-oceansky .form-element .form-control {
  background-image: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-oceansky .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #2196f3 0%, #2196f3 33%, #00bfa5 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-oceansky .form-control:focus {
  border-color: #2196f3; }
.theme-oceansky [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #2196f3;
  border-bottom: 2px solid #2196f3; }
.theme-oceansky [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #7f21f3;
  border-bottom: 2px solid #7f21f3; }
.theme-oceansky [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #00bfa5;
  border-bottom: 2px solid #00bfa5; }
.theme-oceansky [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #f32184;
  border-bottom: 2px solid #f32184; }
.theme-oceansky [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #e2e023;
  border-bottom: 2px solid #e2e023; }
.theme-oceansky [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #2196f3;
  background-color: #2196f3; }
.theme-oceansky [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #7f21f3;
  background-color: #7f21f3; }
.theme-oceansky [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #00bfa5;
  background-color: #00bfa5; }
.theme-oceansky [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #f32184;
  background-color: #f32184; }
.theme-oceansky [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #e2e023;
  background-color: #e2e023; }
.theme-oceansky [type=radio].radio-col-primary:checked + label:after {
  background-color: #2196f3;
  border-color: #2196f3;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #2196f3;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #2196f3;
  border: 2px solid #2196f3;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].radio-col-info:checked + label:after {
  background-color: #7f21f3;
  border-color: #7f21f3;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #7f21f3;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #7f21f3;
  border: 2px solid #7f21f3;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].radio-col-success:checked + label:after {
  background-color: #00bfa5;
  border-color: #00bfa5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #00bfa5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #00bfa5;
  border: 2px solid #00bfa5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].radio-col-danger:checked + label:after {
  background-color: #f32184;
  border-color: #f32184;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #f32184;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #f32184;
  border: 2px solid #f32184;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].radio-col-warning:checked + label:after {
  background-color: #e2e023;
  border-color: #e2e023;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #e2e023;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #e2e023;
  border: 2px solid #e2e023;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-oceansky [type=checkbox]:checked + label:before {
  border-right: 2px solid #2196f3;
  border-bottom: 2px solid #2196f3; }
.theme-oceansky [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #2196f3;
  background-color: #2196f3; }
.theme-oceansky [type=radio].with-gap:checked + label:before, .theme-oceansky [type=radio].with-gap:checked + label:after {
  border: 2px solid #2196f3; }
.theme-oceansky [type=radio].with-gap:checked + label:after {
  background-color: #2196f3;
  z-index: 0; }
.theme-oceansky [type=radio]:checked + label:after {
  border: 2px solid #2196f3;
  background-color: #2196f3;
  z-index: 0; }
.theme-oceansky [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #2196f3;
  background-color: #2196f3; }

/*---Calender---*/
.theme-oceansky .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #2196f3; }
.theme-oceansky .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #2196f3;
  border-color: #2196f3; }
.theme-oceansky .fc-event, .theme-oceansky .calendar-event {
  background: #2196f3; }

/*---Tabs---*/
.theme-oceansky .tabs-vertical li .nav-link:hover, .theme-oceansky .tabs-vertical li .nav-link:active, .theme-oceansky .tabs-vertical li .nav-link:focus, .theme-oceansky .tabs-vertical li .nav-link.active {
  background-color: #2196f3;
  color: #ffffff; }
.theme-oceansky .customvtab .tabs-vertical li .nav-link:hover, .theme-oceansky .customvtab .tabs-vertical li .nav-link:active, .theme-oceansky .customvtab .tabs-vertical li .nav-link:focus, .theme-oceansky .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #2196f3;
  color: #2196f3; }
.theme-oceansky .customtab2 li a.nav-link:hover, .theme-oceansky .customtab2 li a.nav-link:active, .theme-oceansky .customtab2 li a.nav-link.active {
  background-color: #2196f3; }

.rtl.theme-oceansky .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-oceansky .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-oceansky .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-oceansky .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #2196f3; }

/*---Notification---*/
.theme-oceansky .jq-icon-primary {
  background-color: #2196f3;
  color: #ffffff;
  border-color: #2196f3; }
.theme-oceansky .jq-icon-info {
  background-color: #7f21f3;
  color: #ffffff;
  border-color: #7f21f3; }
.theme-oceansky .jq-icon-success {
  background-color: #00bfa5;
  color: #ffffff;
  border-color: #2196f3; }
.theme-oceansky .jq-icon-error {
  background-color: #f32184;
  color: #ffffff;
  border-color: #f32184; }
.theme-oceansky .jq-icon-danger {
  background-color: #f32184;
  color: #ffffff;
  border-color: #f32184; }
.theme-oceansky .jq-icon-warning {
  background-color: #e2e023;
  color: #ffffff;
  border-color: #e2e023; }

/*---avatar---*/
.theme-oceansky .avatar.status-primary::after {
  background-color: #2196f3; }
.theme-oceansky .avatar.status-info::after {
  background-color: #7f21f3; }
.theme-oceansky .avatar.status-success::after {
  background-color: #00bfa5; }
.theme-oceansky .avatar.status-danger::after {
  background-color: #f32184; }
.theme-oceansky .avatar.status-warning::after {
  background-color: #e2e023; }
.theme-oceansky .avatar[class*='status-']::after {
  background-color: #2196f3; }
.theme-oceansky .avatar-add:hover {
  background-color: #0c7cd5;
  border-color: #0c7cd5; }

/*---media---*/
.theme-oceansky .media-chat.media-chat-reverse .media-body p {
  background-color: #2196f3; }
.theme-oceansky .media-right-out a:hover {
  color: #0c7cd5; }

/*---control---*/
.theme-oceansky .control input:checked:focus ~ .control_indicator {
  background-color: #2196f3; }
.theme-oceansky .control input:checked ~ .control_indicator {
  background-color: #2196f3; }
.theme-oceansky .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #2196f3; }

/*---flex---*/
.theme-oceansky .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #2196f3; }
  .theme-oceansky .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #2196f3; }

/*---pagination---*/
.theme-oceansky .pagination li a.current {
  border: 1px solid #2196f3;
  background-color: #2196f3; }
  .theme-oceansky .pagination li a.current:hover {
    border: 1px solid #2196f3;
    background-color: #2196f3; }
.theme-oceansky .pagination li a:hover {
  border: 1px solid #0c7cd5;
  background-color: #0c7cd5 !important; }
.theme-oceansky .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #2196f3;
  background-color: #2196f3; }
  .theme-oceansky .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #2196f3;
    background-color: #2196f3; }
.theme-oceansky .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #2196f3; }
.theme-oceansky .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #2196f3; }
.theme-oceansky .footable .pagination li a:hover, .theme-oceansky .footable .pagination li a:active, .theme-oceansky .footable .pagination li a.active {
  background-color: #2196f3; }

/*---dataTables---*/
.theme-oceansky .dt-buttons .dt-button {
  background-color: #2196f3; }

/*---select2---*/
.theme-oceansky .select2-container--default.select2-container--open {
  border-color: #2196f3; }
.theme-oceansky .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2196f3; }
.theme-oceansky .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #2196f3 !important; }
.theme-oceansky .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #2196f3 !important; }
.theme-oceansky .select2-container--default .select2-selection--multiple:focus {
  border-color: #2196f3 !important; }
.theme-oceansky .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #2196f3;
  border-color: #2196f3; }

/*---Other---*/
.theme-oceansky .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #0c7cd5; }
.theme-oceansky .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #0c7cd5; }
.theme-oceansky .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #0c7cd5; }
.theme-oceansky [data-overlay-primary]::before {
  background: #0c7cd5; }

/*---wizard---*/
.theme-oceansky .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #2196f3;
  background-color: #2196f3; }
.theme-oceansky .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #0c7cd5;
  background-color: #0c7cd5; }
.theme-oceansky .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #2196f3; }
.theme-oceansky .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #2196f3; }
.theme-oceansky .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #2196f3; }
.theme-oceansky .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #2196f3; }
.theme-oceansky .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #2196f3; }
.theme-oceansky .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #2196f3;
  color: #2196f3; }
  .theme-oceansky .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #2196f3; }
.theme-oceansky .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #2196f3; }

@media (max-width: 767px) {
  .theme-oceansky .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #2196f3; } }
@media (max-width: 575px) {
  .theme-oceansky .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #2196f3; } }
/*---slider---*/
.theme-oceansky #primary .slider-selection {
  background-color: #2196f3; }
.theme-oceansky #info .slider-selection {
  background-color: #7f21f3; }
.theme-oceansky #success .slider-selection {
  background-color: #00bfa5; }
.theme-oceansky #danger .slider-selection {
  background-color: #f32184; }
.theme-oceansky #warning .slider-selection {
  background-color: #e2e023; }

/*---horizontal-timeline---*/
.theme-oceansky .cd-horizontal-timeline .events a.selected::after {
  background: #2196f3;
  border-color: #2196f3; }
.theme-oceansky .cd-horizontal-timeline .events a.older-event::after {
  border-color: #2196f3; }
.theme-oceansky .cd-horizontal-timeline .filling-line {
  background: #2196f3; }
.theme-oceansky .cd-horizontal-timeline a {
  color: #2196f3; }
  .theme-oceansky .cd-horizontal-timeline a:hover, .theme-oceansky .cd-horizontal-timeline a:focus {
    color: #2196f3; }
.theme-oceansky .cd-timeline-navigation a:hover, .theme-oceansky .cd-timeline-navigation a:focus {
  border-color: #2196f3; }

/**************************************
Theme rosegold Color
**************************************/
.bg-gradient-rosegold, .theme-rosegold .bg-gradient-rosegold, .theme-rosegold .art-bg {
  background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%); }

.bg-light-body {
  background: transparent; }

.theme-rosegold.fixed .main-header {
  }
  .theme-rosegold.fixed .main-header .navbar {
    background: transparent; }
.theme-rosegold .main-header {
  background: #ffffff; }

.theme-rosegold.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-rosegold-dark, .dark-skin.theme-rosegold .bg-gradient-rosegold, .dark-skin.theme-rosegold .art-bg {
  background-image: linear-gradient(-45deg, #b41249 0%, #b41249 33%, #996000 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-rosegold.fixed .main-header {
   }
  .dark-skin.theme-rosegold.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-rosegold .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-rosegold.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-rosegold.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-rosegold.fixed .main-header {
    background-image: #0c1a32; } }
.theme-rosegold a:hover, .theme-rosegold a:active, .theme-rosegold a:focus {
  color: #ec407a; }
.theme-rosegold .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-rosegold .main-sidebar .svg-icon:hover, .theme-rosegold .main-sidebar .svg-icon:active, .theme-rosegold .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-rosegold .main-sidebar a:hover .svg-icon, .theme-rosegold .main-sidebar a:active .svg-icon, .theme-rosegold .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-rosegold .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-rosegold .svg-icon:hover, .theme-rosegold .svg-icon:active, .theme-rosegold .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-rosegold a:hover .svg-icon, .theme-rosegold a:active .svg-icon, .theme-rosegold a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-rosegold.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #ec407a !important; }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ec407a; }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #ec407a;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-rosegold.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-rosegold.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #ec407a !important; }
.theme-rosegold.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-rosegold.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-rosegold.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-rosegold.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-rosegold.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-rosegold.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #ec407a !important; }
.theme-rosegold.light-skin .sidebar-menu &gt; li:hover, .theme-rosegold.light-skin .sidebar-menu &gt; li:active, .theme-rosegold.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(236, 64, 122, 0);
  color: #ec407a;
  border-left: 0px solid rgba(236, 64, 122, 0); }
  .theme-rosegold.light-skin .sidebar-menu &gt; li:hover a, .theme-rosegold.light-skin .sidebar-menu &gt; li:active a, .theme-rosegold.light-skin .sidebar-menu &gt; li.active a {
    color: #ec407a; }
    .theme-rosegold.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-rosegold.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-rosegold.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(236, 64, 122, 0); }
    .theme-rosegold.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-rosegold.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-rosegold.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #ec407a;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-rosegold.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-rosegold.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-rosegold.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-rosegold.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(236, 64, 122, 0);
  color: #ec407a;
  border-left: 0px solid #ec407a; }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%); }
    .theme-rosegold.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #ec407a;
      background-color: rgba(236, 64, 122, 0); }
    .theme-rosegold.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-rosegold.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(236, 64, 122, 0);
    color: #ec407a; }
    .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%); }
      .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(236, 64, 122, 0); }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(236, 64, 122, 0); }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(236, 64, 122, 0);
    color: #ec407a; }
    .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #ec407a; }
      .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #ec407a;
        background-color: rgba(236, 64, 122, 0); }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(236, 64, 122, 0);
    color: #ec407a; }
    .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #ec407a; }
      .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #ec407a;
        background-color: rgba(236, 64, 122, 0); }
  .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-rosegold.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(236, 64, 122, 0); }
.theme-rosegold.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #ec407a;
  border-right: 0px solid #ec407a; }
.theme-rosegold.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(236, 64, 122, 0);
  color: white;
  border-left: 0px solid #ec407a; }
  .theme-rosegold.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%); }
    .theme-rosegold.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-rosegold.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-rosegold.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-rosegold.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(236, 64, 122, 0);
    color: #ec407a; }
    .theme-rosegold.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%); }
      .theme-rosegold.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(236, 64, 122, 0); }
  .theme-rosegold.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(236, 64, 122, 0);
    color: white; }
    .theme-rosegold.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-rosegold.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #ec407a;
  border-right: 0px solid #ec407a; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(236, 64, 122, 0.2);
    color: #ec407a; } }
/*---Main Nav---*/
.theme-rosegold .sm-blue li.current &gt; a, .theme-rosegold .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%);
  color: #ffffff !important; }
  .theme-rosegold .sm-blue li.current &gt; a:hover, .theme-rosegold .sm-blue li.current &gt; a:active, .theme-rosegold .sm-blue li.current &gt; a:focus, .theme-rosegold .sm-blue li.highlighted &gt; a:hover, .theme-rosegold .sm-blue li.highlighted &gt; a:active, .theme-rosegold .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%);
    color: #ffffff !important; }
.theme-rosegold .sm-blue a.current, .theme-rosegold .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%);
  color: #ffffff !important; }
.theme-rosegold .sm-blue a:hover, .theme-rosegold .sm-blue a:active, .theme-rosegold .sm-blue a:focus {
  background: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%);
  color: #ffffff !important; }
.theme-rosegold .sm-blue ul a:hover, .theme-rosegold .sm-blue ul a:active, .theme-rosegold .sm-blue ul a:focus {
  background: #ebedf3;
  color: #ec407a !important; }
.theme-rosegold .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #ec407a !important; }

.dark-skin.theme-rosegold .sm-blue li.current &gt; a, .dark-skin.theme-rosegold .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #b41249 0%, #b41249 33%, #996000 100%);
  color: #ffffff !important; }
  .dark-skin.theme-rosegold .sm-blue li.current &gt; a:hover, .dark-skin.theme-rosegold .sm-blue li.current &gt; a:active, .dark-skin.theme-rosegold .sm-blue li.current &gt; a:focus, .dark-skin.theme-rosegold .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-rosegold .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-rosegold .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #b41249 0%, #b41249 33%, #996000 100%);
    color: #ffffff !important; }
.dark-skin.theme-rosegold .sm-blue a.current, .dark-skin.theme-rosegold .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #b41249 0%, #b41249 33%, #996000 100%);
  color: #ffffff !important; }
.dark-skin.theme-rosegold .sm-blue a:hover, .dark-skin.theme-rosegold .sm-blue a:active, .dark-skin.theme-rosegold .sm-blue a:focus {
  background: linear-gradient(-45deg, #b41249 0%, #b41249 33%, #996000 100%);
  color: #ffffff !important; }
.dark-skin.theme-rosegold .sm-blue ul a:hover, .dark-skin.theme-rosegold .sm-blue ul a:active, .dark-skin.theme-rosegold .sm-blue ul a:focus {
  background: #29354b;
  color: #ec407a !important; }
.dark-skin.theme-rosegold .sm-blue ul a.highlighted {
  background: #29354b;
  color: #ec407a !important; }

/*---Primary Button---*/
.theme-rosegold .btn-link {
  color: #ec407a; }
.theme-rosegold .btn-primary {
  background-color: #ec407a;
  border-color: #ec407a;
  color: #ffffff; }
  .theme-rosegold .btn-primary:hover, .theme-rosegold .btn-primary:active, .theme-rosegold .btn-primary:focus, .theme-rosegold .btn-primary.active {
    background-color: #e2175b !important;
    border-color: #e2175b !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-primary:disabled {
    background-color: #f59dbb;
    border-color: #ec407a;
    opacity: 0.5; }
  .theme-rosegold .btn-primary.disabled {
    background-color: #f59dbb;
    border-color: #ec407a;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-primary.dropdown-toggle {
  background-color: #e2175b !important;
  border-color: #e2175b !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-primary {
  color: #ec407a;
  background-color: transparent;
  border-color: #ec407a !important; }
  .theme-rosegold .btn-outline.btn-primary:hover, .theme-rosegold .btn-outline.btn-primary:active, .theme-rosegold .btn-outline.btn-primary.active {
    background-color: #e2175b !important;
    border-color: #e2175b !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #e2175b !important;
  border-color: #e2175b !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-primary {
  color: #ec407a !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-primary:hover, .theme-rosegold .btn-flat.btn-primary:active, .theme-rosegold .btn-flat.btn-primary.active {
    background-color: #e2175b !important;
    border-color: #e2175b !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-rosegold .btn-info {
  background-color: #40a1ec;
  border-color: #40a1ec;
  color: #ffffff; }
  .theme-rosegold .btn-info:hover, .theme-rosegold .btn-info:active, .theme-rosegold .btn-info:focus, .theme-rosegold .btn-info.active {
    background-color: #178ae2 !important;
    border-color: #178ae2 !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-info:disabled {
    background-color: #9dcff5;
    border-color: #40a1ec;
    opacity: 0.5; }
  .theme-rosegold .btn-info.disabled {
    background-color: #9dcff5;
    border-color: #40a1ec;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-info.dropdown-toggle {
  background-color: #178ae2 !important;
  border-color: #178ae2 !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-info {
  color: #40a1ec;
  background-color: transparent;
  border-color: #40a1ec !important; }
  .theme-rosegold .btn-outline.btn-info:hover, .theme-rosegold .btn-outline.btn-info:active, .theme-rosegold .btn-outline.btn-info.active {
    background-color: #178ae2 !important;
    border-color: #178ae2 !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #178ae2 !important;
  border-color: #178ae2 !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-info {
  color: #40a1ec !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-info:hover, .theme-rosegold .btn-flat.btn-info:active, .theme-rosegold .btn-flat.btn-info.active {
    background-color: #178ae2 !important;
    border-color: #178ae2 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-rosegold .btn-success {
  background-color: #17dbdd;
  border-color: #17dbdd;
  color: #ffffff; }
  .theme-rosegold .btn-success:hover, .theme-rosegold .btn-success:active, .theme-rosegold .btn-success:focus, .theme-rosegold .btn-success.active {
    background-color: #12adaf !important;
    border-color: #12adaf !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-success:disabled {
    background-color: #6aeef0;
    border-color: #17dbdd;
    opacity: 0.5; }
  .theme-rosegold .btn-success.disabled {
    background-color: #6aeef0;
    border-color: #17dbdd;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-success.dropdown-toggle {
  background-color: #12adaf !important;
  border-color: #12adaf !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-success {
  color: #17dbdd;
  background-color: transparent;
  border-color: #17dbdd !important; }
  .theme-rosegold .btn-outline.btn-success:hover, .theme-rosegold .btn-outline.btn-success:active, .theme-rosegold .btn-outline.btn-success.active {
    background-color: #12adaf !important;
    border-color: #12adaf !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #12adaf !important;
  border-color: #12adaf !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-success {
  color: #17dbdd !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-success:hover, .theme-rosegold .btn-flat.btn-success:active, .theme-rosegold .btn-flat.btn-success.active {
    background-color: #12adaf !important;
    border-color: #12adaf !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-rosegold .btn-danger {
  background-color: #8540ec;
  border-color: #8540ec;
  color: #ffffff; }
  .theme-rosegold .btn-danger:hover, .theme-rosegold .btn-danger:active, .theme-rosegold .btn-danger:focus, .theme-rosegold .btn-danger.active {
    background-color: #6817e2 !important;
    border-color: #6817e2 !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-danger:disabled {
    background-color: #c09df5;
    border-color: #8540ec;
    opacity: 0.5; }
  .theme-rosegold .btn-danger.disabled {
    background-color: #c09df5;
    border-color: #8540ec;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-danger.dropdown-toggle {
  background-color: #6817e2 !important;
  border-color: #6817e2 !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-danger {
  color: #8540ec;
  background-color: transparent;
  border-color: #8540ec !important; }
  .theme-rosegold .btn-outline.btn-danger:hover, .theme-rosegold .btn-outline.btn-danger:active, .theme-rosegold .btn-outline.btn-danger.active {
    background-color: #6817e2 !important;
    border-color: #6817e2 !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #6817e2 !important;
  border-color: #6817e2 !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-danger {
  color: #8540ec !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-danger:hover, .theme-rosegold .btn-flat.btn-danger:active, .theme-rosegold .btn-flat.btn-danger.active {
    background-color: #6817e2 !important;
    border-color: #6817e2 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-rosegold .btn-warning {
  background-color: #ffa000;
  border-color: #ffa000;
  color: #ffffff; }
  .theme-rosegold .btn-warning:hover, .theme-rosegold .btn-warning:active, .theme-rosegold .btn-warning:focus, .theme-rosegold .btn-warning.active {
    background-color: #cc8000 !important;
    border-color: #cc8000 !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-warning:disabled {
    background-color: #ffc666;
    border-color: #ffa000;
    opacity: 0.5; }
  .theme-rosegold .btn-warning.disabled {
    background-color: #ffc666;
    border-color: #ffa000;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-warning.dropdown-toggle {
  background-color: #cc8000 !important;
  border-color: #cc8000 !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-warning {
  color: #ffa000;
  background-color: transparent;
  border-color: #ffa000 !important; }
  .theme-rosegold .btn-outline.btn-warning:hover, .theme-rosegold .btn-outline.btn-warning:active, .theme-rosegold .btn-outline.btn-warning.active {
    background-color: #cc8000 !important;
    border-color: #cc8000 !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #cc8000 !important;
  border-color: #cc8000 !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-warning {
  color: #ffa000 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-warning:hover, .theme-rosegold .btn-flat.btn-warning:active, .theme-rosegold .btn-flat.btn-warning.active {
    background-color: #cc8000 !important;
    border-color: #cc8000 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-rosegold .btn-primary-light {
  background-color: #ffe7ef;
  border-color: #ffe7ef;
  color: #ec407a; }
  .theme-rosegold .btn-primary-light:hover, .theme-rosegold .btn-primary-light:active, .theme-rosegold .btn-primary-light:focus, .theme-rosegold .btn-primary-light.active {
    background-color: #ec407a !important;
    border-color: #ec407a !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-primary-light:disabled {
    background-color: white;
    border-color: #ffe7ef;
    opacity: 0.5; }
  .theme-rosegold .btn-primary-light.disabled {
    background-color: white;
    border-color: #ffe7ef;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #ec407a !important;
  border-color: #ec407a !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-primary-light {
  color: #ec407a;
  background-color: transparent;
  border-color: #ffe7ef !important; }
  .theme-rosegold .btn-outline.btn-primary-light:hover, .theme-rosegold .btn-outline.btn-primary-light:active, .theme-rosegold .btn-outline.btn-primary-light.active {
    background-color: #ec407a !important;
    border-color: #ec407a !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #ec407a !important;
  border-color: #ec407a !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-primary-light {
  color: #ec407a !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-primary-light:hover, .theme-rosegold .btn-flat.btn-primary-light:active, .theme-rosegold .btn-flat.btn-primary-light.active {
    background-color: #ec407a !important;
    border-color: #ec407a !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-rosegold .btn-info-light {
  background-color: #fff5e5;
  border-color: #fff5e5;
  color: #40a1ec; }
  .theme-rosegold .btn-info-light:hover, .theme-rosegold .btn-info-light:active, .theme-rosegold .btn-info-light:focus, .theme-rosegold .btn-info-light.active {
    background-color: #40a1ec !important;
    border-color: #40a1ec !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-info-light:disabled {
    background-color: white;
    border-color: #fff5e5;
    opacity: 0.5; }
  .theme-rosegold .btn-info-light.disabled {
    background-color: white;
    border-color: #fff5e5;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-info.dropdown-toggle {
  background-color: #40a1ec !important;
  border-color: #40a1ec !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-info-light {
  color: #40a1ec;
  background-color: transparent;
  border-color: #fff5e5 !important; }
  .theme-rosegold .btn-outline.btn-info-light:hover, .theme-rosegold .btn-outline.btn-info-light:active, .theme-rosegold .btn-outline.btn-info-light.active {
    background-color: #40a1ec !important;
    border-color: #40a1ec !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #40a1ec !important;
  border-color: #40a1ec !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-info-light {
  color: #40a1ec !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-info-light:hover, .theme-rosegold .btn-flat.btn-info-light:active, .theme-rosegold .btn-flat.btn-info-light.active {
    background-color: #40a1ec !important;
    border-color: #40a1ec !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-rosegold .btn-success-light {
  background-color: #e1ffff;
  border-color: #e1ffff;
  color: #17dbdd; }
  .theme-rosegold .btn-success-light:hover, .theme-rosegold .btn-success-light:active, .theme-rosegold .btn-success-light:focus, .theme-rosegold .btn-success-light.active {
    background-color: #17dbdd !important;
    border-color: #17dbdd !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-success-light:disabled {
    background-color: white;
    border-color: #e1ffff;
    opacity: 0.5; }
  .theme-rosegold .btn-success-light.disabled {
    background-color: white;
    border-color: #e1ffff;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #17dbdd !important;
  border-color: #17dbdd !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-success-light {
  color: #17dbdd;
  background-color: transparent;
  border-color: #e1ffff !important; }
  .theme-rosegold .btn-outline.btn-success-light:hover, .theme-rosegold .btn-outline.btn-success-light:active, .theme-rosegold .btn-outline.btn-success-light.active {
    background-color: #17dbdd !important;
    border-color: #17dbdd !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #17dbdd !important;
  border-color: #17dbdd !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-success-light {
  color: #17dbdd !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-success-light:hover, .theme-rosegold .btn-flat.btn-success-light:active, .theme-rosegold .btn-flat.btn-success-light.active {
    background-color: #17dbdd !important;
    border-color: #17dbdd !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-rosegold .btn-danger-light {
  background-color: #ebdeff;
  border-color: #ebdeff;
  color: #8540ec; }
  .theme-rosegold .btn-danger-light:hover, .theme-rosegold .btn-danger-light:active, .theme-rosegold .btn-danger-light:focus, .theme-rosegold .btn-danger-light.active {
    background-color: #8540ec !important;
    border-color: #8540ec !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-danger-light:disabled {
    background-color: white;
    border-color: #ebdeff;
    opacity: 0.5; }
  .theme-rosegold .btn-danger-light.disabled {
    background-color: white;
    border-color: #ebdeff;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #8540ec !important;
  border-color: #8540ec !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-danger-light {
  color: #8540ec;
  background-color: transparent;
  border-color: #ebdeff !important; }
  .theme-rosegold .btn-outline.btn-danger-light:hover, .theme-rosegold .btn-outline.btn-danger-light:active, .theme-rosegold .btn-outline.btn-danger-light.active {
    background-color: #8540ec !important;
    border-color: #8540ec !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #8540ec !important;
  border-color: #8540ec !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-danger-light {
  color: #8540ec !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-danger-light:hover, .theme-rosegold .btn-flat.btn-danger-light:active, .theme-rosegold .btn-flat.btn-danger-light.active {
    background-color: #8540ec !important;
    border-color: #8540ec !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-rosegold .btn-warning-light {
  background-color: #e2f2ff;
  border-color: #e2f2ff;
  color: #ffa000; }
  .theme-rosegold .btn-warning-light:hover, .theme-rosegold .btn-warning-light:active, .theme-rosegold .btn-warning-light:focus, .theme-rosegold .btn-warning-light.active {
    background-color: #ffa000 !important;
    border-color: #ffa000 !important;
    color: #ffffff !important; }
  .theme-rosegold .btn-warning-light:disabled {
    background-color: white;
    border-color: #e2f2ff;
    opacity: 0.5; }
  .theme-rosegold .btn-warning-light.disabled {
    background-color: white;
    border-color: #e2f2ff;
    opacity: 0.5; }
.theme-rosegold .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #ffa000 !important;
  border-color: #ffa000 !important;
  color: #ffffff; }
.theme-rosegold .btn-outline.btn-warning-light {
  color: #ffa000;
  background-color: transparent;
  border-color: #e2f2ff !important; }
  .theme-rosegold .btn-outline.btn-warning-light:hover, .theme-rosegold .btn-outline.btn-warning-light:active, .theme-rosegold .btn-outline.btn-warning-light.active {
    background-color: #ffa000 !important;
    border-color: #ffa000 !important;
    color: #ffffff !important; }
.theme-rosegold .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #ffa000 !important;
  border-color: #ffa000 !important;
  color: #ffffff; }
.theme-rosegold .btn-flat.btn-warning-light {
  color: #ffa000 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-rosegold .btn-flat.btn-warning-light:hover, .theme-rosegold .btn-flat.btn-warning-light:active, .theme-rosegold .btn-flat.btn-warning-light.active {
    background-color: #ffa000 !important;
    border-color: #ffa000 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-rosegold .callout.callout-primary {
  border-color: #ec407a;
  background-color: #ec407a !important; }
.theme-rosegold .callout.callout-info {
  border-color: #40a1ec;
  background-color: #40a1ec !important; }
.theme-rosegold .callout.callout-success {
  border-color: #17dbdd;
  background-color: #17dbdd !important; }
.theme-rosegold .callout.callout-danger {
  border-color: #8540ec;
  background-color: #8540ec !important; }
.theme-rosegold .callout.callout-warning {
  border-color: #ffa000;
  background-color: #ffa000 !important; }

/*---alert---*/
.theme-rosegold .alert-primary {
  border-color: #ec407a;
  background-color: #ec407a !important;
  color: #ffffff; }
.theme-rosegold .alert-info {
  border-color: #40a1ec;
  background-color: #40a1ec !important;
  color: #ffffff; }
.theme-rosegold .alert-success {
  border-color: #17dbdd;
  background-color: #17dbdd !important;
  color: #ffffff; }
.theme-rosegold .alert-danger {
  border-color: #8540ec;
  background-color: #8540ec !important;
  color: #ffffff; }
.theme-rosegold .alert-error {
  border-color: #8540ec;
  background-color: #8540ec !important;
  color: #ffffff; }
.theme-rosegold .alert-warning {
  border-color: #ffa000;
  background-color: #ffa000 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-rosegold .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #ec407a;
  color: #ffffff; }
.theme-rosegold .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-rosegold .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #ec407a; }
.theme-rosegold .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #40a1ec;
  color: #ffffff; }
.theme-rosegold .direct-chat-info .right &gt; .direct-chat-text:before, .theme-rosegold .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #40a1ec; }
.theme-rosegold .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #17dbdd;
  color: #ffffff; }
.theme-rosegold .direct-chat-success .right &gt; .direct-chat-text:before, .theme-rosegold .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #17dbdd; }
.theme-rosegold .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #8540ec;
  color: #ffffff; }
.theme-rosegold .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-rosegold .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #8540ec; }
.theme-rosegold .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #ffa000;
  color: #ffffff; }
.theme-rosegold .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-rosegold .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #ffa000; }
.theme-rosegold .right .direct-chat-text p {
  background-color: #ec407a; }

/*---modal---*/
.theme-rosegold .modal-primary .modal-footer, .theme-rosegold .modal-primary .modal-header {
  border-color: #ec407a; }
.theme-rosegold .modal-primary .modal-body {
  background-color: #ec407a !important; }
.theme-rosegold .modal-info .modal-footer, .theme-rosegold .modal-info .modal-header {
  border-color: #40a1ec; }
.theme-rosegold .modal-info .modal-body {
  background-color: #40a1ec !important; }
.theme-rosegold .modal-success .modal-footer, .theme-rosegold .modal-success .modal-header {
  border-color: #17dbdd; }
.theme-rosegold .modal-success .modal-body {
  background-color: #17dbdd !important; }
.theme-rosegold .modal-danger .modal-footer, .theme-rosegold .modal-danger .modal-header {
  border-color: #8540ec; }
.theme-rosegold .modal-danger .modal-body {
  background-color: #8540ec !important; }
.theme-rosegold .modal-warning .modal-footer, .theme-rosegold .modal-warning .modal-header {
  border-color: #ffa000; }
.theme-rosegold .modal-warning .modal-body {
  background-color: #ffa000 !important; }

/*---border---*/
.theme-rosegold .border-primary {
  border-color: #ec407a !important; }
.theme-rosegold .border-info {
  border-color: #40a1ec !important; }
.theme-rosegold .border-success {
  border-color: #17dbdd !important; }
.theme-rosegold .border-danger {
  border-color: #8540ec !important; }
.theme-rosegold .border-warning {
  border-color: #ffa000 !important; }

/*---Background---*/
.theme-rosegold .bg-primary {
  background-color: #ec407a !important;
  color: #ffffff; }
.theme-rosegold .bg-primary-light {
  background-color: #ffe7ef !important;
  color: #ec407a; }
.theme-rosegold .bg-info {
  background-color: #40a1ec !important;
  color: #ffffff; }
.theme-rosegold .bg-info-light {
  background-color: #fff5e5 !important;
  color: #40a1ec; }
.theme-rosegold .bg-success {
  background-color: #17dbdd !important;
  color: #ffffff; }
.theme-rosegold .bg-success-light {
  background-color: #e1ffff !important;
  color: #17dbdd; }
.theme-rosegold .bg-danger {
  background-color: #8540ec !important;
  color: #ffffff; }
.theme-rosegold .bg-danger-light {
  background-color: #ebdeff !important;
  color: #8540ec; }
.theme-rosegold .bg-warning {
  background-color: #ffa000 !important;
  color: #ffffff; }
.theme-rosegold .bg-warning-light {
  background-color: #e2f2ff !important;
  color: #ffa000; }

/*---text---*/
.theme-rosegold .text-primary {
  color: #ec407a !important; }
.theme-rosegold a.text-primary:hover, .theme-rosegold a.text-primary:focus {
  color: #ec407a !important; }
.theme-rosegold .hover-primary:hover, .theme-rosegold .hover-primary:focus {
  color: #ec407a !important; }
.theme-rosegold .text-info {
  color: #40a1ec !important; }
.theme-rosegold a.text-info:hover, .theme-rosegold a.text-info:focus {
  color: #40a1ec !important; }
.theme-rosegold .hover-info:hover, .theme-rosegold .hover-info:focus {
  color: #40a1ec !important; }
.theme-rosegold .text-success {
  color: #17dbdd !important; }
.theme-rosegold a.text-success:hover, .theme-rosegold a.text-success:focus {
  color: #17dbdd !important; }
.theme-rosegold .hover-success:hover, .theme-rosegold .hover-success:focus {
  color: #17dbdd !important; }
.theme-rosegold .text-danger {
  color: #8540ec !important; }
.theme-rosegold a.text-danger:hover, .theme-rosegold a.text-danger:focus {
  color: #8540ec !important; }
.theme-rosegold .hover-danger:hover, .theme-rosegold .hover-danger:focus {
  color: #8540ec !important; }
.theme-rosegold .text-warning {
  color: #ffa000 !important; }
.theme-rosegold a.text-warning:hover, .theme-rosegold a.text-warning:focus {
  color: #ffa000 !important; }
.theme-rosegold .hover-warning:hover, .theme-rosegold .hover-warning:focus {
  color: #ffa000 !important; }

/*---active background---*/
.theme-rosegold .active.active-primary {
  background-color: #e2175b !important; }
.theme-rosegold .active.active-info {
  background-color: #178ae2 !important; }
.theme-rosegold .active.active-success {
  background-color: #12adaf !important; }
.theme-rosegold .active.active-danger {
  background-color: #6817e2 !important; }
.theme-rosegold .active.active-warning {
  background-color: #cc8000 !important; }

/*---label background---*/
.theme-rosegold .label-primary {
  background-color: #ec407a !important; }
.theme-rosegold .label-info {
  background-color: #40a1ec !important; }
.theme-rosegold .label-success {
  background-color: #17dbdd !important; }
.theme-rosegold .label-danger {
  background-color: #8540ec !important; }
.theme-rosegold .label-warning {
  background-color: #ffa000 !important; }

/*---ribbon---*/
.theme-rosegold .ribbon-box .ribbon-primary {
  background-color: #ec407a; }
  .theme-rosegold .ribbon-box .ribbon-primary:before {
    border-color: #ec407a transparent transparent; }
.theme-rosegold .ribbon-box .ribbon-two-primary span {
  background-color: #ec407a; }
  .theme-rosegold .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #e2175b;
    border-top: 3px solid #e2175b; }
  .theme-rosegold .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #e2175b;
    border-top: 3px solid #e2175b; }
.theme-rosegold .ribbon-box .ribbon-info {
  background-color: #40a1ec; }
  .theme-rosegold .ribbon-box .ribbon-info:before {
    border-color: #40a1ec transparent transparent; }
.theme-rosegold .ribbon-box .ribbon-two-info span {
  background-color: #40a1ec; }
  .theme-rosegold .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #178ae2;
    border-top: 3px solid #178ae2; }
  .theme-rosegold .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #178ae2;
    border-top: 3px solid #178ae2; }
.theme-rosegold .ribbon-box .ribbon-success {
  background-color: #17dbdd; }
  .theme-rosegold .ribbon-box .ribbon-success:before {
    border-color: #17dbdd transparent transparent; }
.theme-rosegold .ribbon-box .ribbon-two-success span {
  background-color: #17dbdd; }
  .theme-rosegold .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #12adaf;
    border-top: 3px solid #12adaf; }
  .theme-rosegold .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #12adaf;
    border-top: 3px solid #12adaf; }
.theme-rosegold .ribbon-box .ribbon-danger {
  background-color: #8540ec; }
  .theme-rosegold .ribbon-box .ribbon-danger:before {
    border-color: #8540ec transparent transparent; }
.theme-rosegold .ribbon-box .ribbon-two-danger span {
  background-color: #8540ec; }
  .theme-rosegold .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #6817e2;
    border-top: 3px solid #6817e2; }
  .theme-rosegold .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #6817e2;
    border-top: 3px solid #6817e2; }
.theme-rosegold .ribbon-box .ribbon-warning {
  background-color: #ffa000; }
  .theme-rosegold .ribbon-box .ribbon-warning:before {
    border-color: #ffa000 transparent transparent; }
.theme-rosegold .ribbon-box .ribbon-two-warning span {
  background-color: #ffa000; }
  .theme-rosegold .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #cc8000;
    border-top: 3px solid #cc8000; }
  .theme-rosegold .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #cc8000;
    border-top: 3px solid #cc8000; }

/*---Box---*/
.theme-rosegold .box-primary {
  background-color: #ec407a !important; }
  .theme-rosegold .box-primary.box-bordered {
    border-color: #ec407a; }
.theme-rosegold .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #ec407a; }
.theme-rosegold .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #ec407a; }
  .theme-rosegold .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-rosegold .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-rosegold .box-info {
  background-color: #40a1ec !important; }
  .theme-rosegold .box-info.box-bordered {
    border-color: #40a1ec; }
.theme-rosegold .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #40a1ec; }
.theme-rosegold .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #40a1ec; }
  .theme-rosegold .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-rosegold .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-rosegold .box-success {
  background-color: #17dbdd !important; }
  .theme-rosegold .box-success.box-bordered {
    border-color: #17dbdd; }
.theme-rosegold .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #17dbdd; }
.theme-rosegold .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #17dbdd; }
  .theme-rosegold .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-rosegold .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-rosegold .box-danger {
  background-color: #8540ec !important; }
  .theme-rosegold .box-danger.box-bordered {
    border-color: #8540ec; }
.theme-rosegold .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #8540ec; }
.theme-rosegold .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #8540ec; }
  .theme-rosegold .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-rosegold .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-rosegold .box-warning {
  background-color: #ffa000 !important; }
  .theme-rosegold .box-warning.box-bordered {
    border-color: #ffa000; }
.theme-rosegold .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #ffa000; }
.theme-rosegold .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #ffa000; }
  .theme-rosegold .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-rosegold .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-rosegold .box-profile .social-states a:hover {
  color: #e2175b; }
.theme-rosegold .box-controls li &gt; a:hover {
  color: #e2175b; }
.theme-rosegold .box-controls .dropdown.show &gt; a {
  color: #e2175b; }
.theme-rosegold .box-fullscreen .box-btn-fullscreen {
  color: #e2175b; }

/*---progress bar---*/
.theme-rosegold .progress-bar-primary {
  background-color: #ec407a; }
.theme-rosegold .progress-bar-info {
  background-color: #40a1ec; }
.theme-rosegold .progress-bar-success {
  background-color: #17dbdd; }
.theme-rosegold .progress-bar-danger {
  background-color: #8540ec; }
.theme-rosegold .progress-bar-warning {
  background-color: #ffa000; }

/*---panel---*/
.theme-rosegold .panel-primary {
  border-color: #ec407a; }
  .theme-rosegold .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #ec407a;
    border-color: #ec407a; }
    .theme-rosegold .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ec407a; }
    .theme-rosegold .panel-primary &gt; .panel-heading .badge-pill {
      color: #ec407a;
      background-color: #ffffff; }
  .theme-rosegold .panel-primary .panel-title, .theme-rosegold .panel-primary .panel-action {
    color: #ffffff; }
  .theme-rosegold .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ec407a; }
.theme-rosegold .panel-line.panel-primary .panel-heading {
  color: #ec407a;
  border-top-color: #ec407a;
  background: transparent; }
.theme-rosegold .panel-line.panel-primary .panel-title, .theme-rosegold .panel-line.panel-primary .panel-action {
  color: #ec407a; }
.theme-rosegold .panel-info {
  border-color: #40a1ec; }
  .theme-rosegold .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #40a1ec;
    border-color: #40a1ec; }
    .theme-rosegold .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #40a1ec; }
    .theme-rosegold .panel-info &gt; .panel-heading .badge-pill {
      color: #40a1ec;
      background-color: #ffffff; }
  .theme-rosegold .panel-info .panel-title, .theme-rosegold .panel-info .panel-action {
    color: #ffffff; }
  .theme-rosegold .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #40a1ec; }
.theme-rosegold .panel-line.panel-info .panel-heading {
  color: #40a1ec;
  border-top-color: #40a1ec;
  background: transparent; }
.theme-rosegold .panel-line.panel-info .panel-title, .theme-rosegold .panel-line.panel-info .panel-action {
  color: #40a1ec; }
.theme-rosegold .panel-success {
  border-color: #17dbdd; }
  .theme-rosegold .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #17dbdd;
    border-color: #17dbdd; }
    .theme-rosegold .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #17dbdd; }
    .theme-rosegold .panel-success &gt; .panel-heading .badge-pill {
      color: #17dbdd;
      background-color: #ffffff; }
  .theme-rosegold .panel-success .panel-title, .theme-rosegold .panel-success .panel-action {
    color: #ffffff; }
  .theme-rosegold .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #17dbdd; }
.theme-rosegold .panel-line.panel-success .panel-heading {
  color: #17dbdd;
  border-top-color: #17dbdd;
  background: transparent; }
.theme-rosegold .panel-line.panel-success .panel-title, .theme-rosegold .panel-line.panel-success .panel-action {
  color: #17dbdd; }
.theme-rosegold .panel-danger {
  border-color: #8540ec; }
  .theme-rosegold .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #8540ec;
    border-color: #8540ec; }
    .theme-rosegold .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #8540ec; }
    .theme-rosegold .panel-danger &gt; .panel-heading .badge-pill {
      color: #8540ec;
      background-color: #ffffff; }
  .theme-rosegold .panel-danger .panel-title, .theme-rosegold .panel-danger .panel-action {
    color: #ffffff; }
  .theme-rosegold .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #8540ec; }
.theme-rosegold .panel-line.panel-danger .panel-heading {
  color: #8540ec;
  border-top-color: #8540ec;
  background: transparent; }
.theme-rosegold .panel-line.panel-danger .panel-title, .theme-rosegold .panel-line.panel-danger .panel-action {
  color: #8540ec; }
.theme-rosegold .panel-warning {
  border-color: #ffa000; }
  .theme-rosegold .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #ffa000;
    border-color: #ffa000; }
    .theme-rosegold .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ffa000; }
    .theme-rosegold .panel-warning &gt; .panel-heading .badge-pill {
      color: #ffa000;
      background-color: #ffffff; }
  .theme-rosegold .panel-warning .panel-title, .theme-rosegold .panel-warning .panel-action {
    color: #ffffff; }
  .theme-rosegold .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ffa000; }
.theme-rosegold .panel-line.panel-warning .panel-heading {
  color: #ffa000;
  border-top-color: #ffa000;
  background: transparent; }
.theme-rosegold .panel-line.panel-warning .panel-title, .theme-rosegold .panel-line.panel-warning .panel-action {
  color: #ffa000; }

/*---switch---*/
.theme-rosegold .switch input:checked ~ .switch-indicator::after {
  background-color: #ec407a; }
.theme-rosegold .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #ec407a; }
.theme-rosegold .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #40a1ec; }
.theme-rosegold .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #17dbdd; }
.theme-rosegold .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #8540ec; }
.theme-rosegold .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #ffa000; }

/*---badge---*/
.theme-rosegold .badge-primary {
  background-color: #ec407a;
  color: #ffffff; }
.theme-rosegold .badge-primary[href]:hover, .theme-rosegold .badge-primary[href]:focus {
  background-color: #e2175b; }
.theme-rosegold .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-rosegold .badge-secondary[href]:hover, .theme-rosegold .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-rosegold .badge-info {
  background-color: #40a1ec;
  color: #ffffff; }
.theme-rosegold .badge-info[href]:hover, .theme-rosegold .badge-info[href]:focus {
  background-color: #178ae2; }
.theme-rosegold .badge-success {
  background-color: #17dbdd;
  color: #ffffff; }
.theme-rosegold .badge-success[href]:hover, .theme-rosegold .badge-success[href]:focus {
  background-color: #12adaf; }
.theme-rosegold .badge-danger {
  background-color: #8540ec;
  color: #ffffff; }
.theme-rosegold .badge-danger[href]:hover, .theme-rosegold .badge-danger[href]:focus {
  background-color: #6817e2; }
.theme-rosegold .badge-warning {
  background-color: #ffa000;
  color: #ffffff; }
.theme-rosegold .badge-warning[href]:hover, .theme-rosegold .badge-warning[href]:focus {
  background-color: #cc8000; }

/*---badge light---*/
.theme-rosegold .badge-primary-light {
  background-color: #ffe7ef;
  color: #ec407a; }
.theme-rosegold .badge-primary-light[href]:hover, .theme-rosegold .badge-primary-light[href]:focus {
  background-color: #ffb4cd; }
.theme-rosegold .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-rosegold .badge-secondary-light[href]:hover, .theme-rosegold .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-rosegold .badge-info-light {
  background-color: #fff5e5;
  color: #40a1ec; }
.theme-rosegold .badge-info-light[href]:hover, .theme-rosegold .badge-info-light[href]:focus {
  background-color: #ffe1b2; }
.theme-rosegold .badge-success-light {
  background-color: #e1ffff;
  color: #17dbdd; }
.theme-rosegold .badge-success-light[href]:hover, .theme-rosegold .badge-success-light[href]:focus {
  background-color: #aeffff; }
.theme-rosegold .badge-danger-light {
  background-color: #ebdeff;
  color: #8540ec; }
.theme-rosegold .badge-danger-light[href]:hover, .theme-rosegold .badge-danger-light[href]:focus {
  background-color: #ccabff; }
.theme-rosegold .badge-warning-light {
  background-color: #e2f2ff;
  color: #ffa000; }
.theme-rosegold .badge-warning-light[href]:hover, .theme-rosegold .badge-warning-light[href]:focus {
  background-color: #afdbff; }

/*---rating---*/
.theme-rosegold .rating-primary .active {
  color: #ec407a; }
.theme-rosegold .rating-primary :checked ~ label {
  color: #ec407a; }
.theme-rosegold .rating-primary label:hover {
  color: #ec407a; }
  .theme-rosegold .rating-primary label:hover ~ label {
    color: #ec407a; }
.theme-rosegold .rating-info .active {
  color: #40a1ec; }
.theme-rosegold .rating-info :checked ~ label {
  color: #40a1ec; }
.theme-rosegold .rating-info label:hover {
  color: #40a1ec; }
  .theme-rosegold .rating-info label:hover ~ label {
    color: #40a1ec; }
.theme-rosegold .rating-success .active {
  color: #17dbdd; }
.theme-rosegold .rating-success :checked ~ label {
  color: #17dbdd; }
.theme-rosegold .rating-success label:hover {
  color: #17dbdd; }
  .theme-rosegold .rating-success label:hover ~ label {
    color: #17dbdd; }
.theme-rosegold .rating-danger .active {
  color: #8540ec; }
.theme-rosegold .rating-danger :checked ~ label {
  color: #8540ec; }
.theme-rosegold .rating-danger label:hover {
  color: #8540ec; }
  .theme-rosegold .rating-danger label:hover ~ label {
    color: #8540ec; }
.theme-rosegold .rating-warning .active {
  color: #ffa000; }
.theme-rosegold .rating-warning :checked ~ label {
  color: #ffa000; }
.theme-rosegold .rating-warning label:hover {
  color: #ffa000; }
  .theme-rosegold .rating-warning label:hover ~ label {
    color: #ffa000; }

/*---toggler---*/
.theme-rosegold .toggler-primary input:checked + i {
  color: #ec407a; }
.theme-rosegold .toggler-info input:checked + i {
  color: #40a1ec; }
.theme-rosegold .toggler-success input:checked + i {
  color: #17dbdd; }
.theme-rosegold .toggler-danger input:checked + i {
  color: #8540ec; }
.theme-rosegold .toggler-warning input:checked + i {
  color: #ffa000; }

/*---nav tabs---*/
.theme-rosegold .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-rosegold .nav-tabs.nav-tabs-primary .nav-link:active, .theme-rosegold .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-rosegold .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #e2175b;
  background-color: transparent;
  color: #e2175b; }
.theme-rosegold .nav-tabs.nav-tabs-info .nav-link:hover, .theme-rosegold .nav-tabs.nav-tabs-info .nav-link:active, .theme-rosegold .nav-tabs.nav-tabs-info .nav-link:focus, .theme-rosegold .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #178ae2;
  background-color: #40a1ec;
  color: #ffffff; }
.theme-rosegold .nav-tabs.nav-tabs-success .nav-link:hover, .theme-rosegold .nav-tabs.nav-tabs-success .nav-link:active, .theme-rosegold .nav-tabs.nav-tabs-success .nav-link:focus, .theme-rosegold .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #12adaf;
  background-color: transparent;
  color: #12adaf; }
.theme-rosegold .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-rosegold .nav-tabs.nav-tabs-danger .nav-link:active, .theme-rosegold .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-rosegold .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #6817e2;
  background-color: transparent;
  color: #6817e2; }
.theme-rosegold .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-rosegold .nav-tabs.nav-tabs-warning .nav-link:active, .theme-rosegold .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-rosegold .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #cc8000;
  background-color: transparent;
  color: #cc8000; }
.theme-rosegold .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #e2175b; }
.theme-rosegold .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #178ae2; }
.theme-rosegold .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #12adaf; }
.theme-rosegold .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #6817e2; }
.theme-rosegold .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #cc8000; }
.theme-rosegold .nav-tabs .nav-link.active {
  border-bottom-color: #ec407a;
  background-color: #ec407a;
  color: #ffffff; }
  .theme-rosegold .nav-tabs .nav-link.active:hover, .theme-rosegold .nav-tabs .nav-link.active:focus {
    border-bottom-color: #ec407a;
    background-color: #ec407a;
    color: #ffffff; }
.theme-rosegold .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #ec407a;
  background-color: #ec407a; }
  .theme-rosegold .nav-tabs .nav-item.open .nav-link:hover, .theme-rosegold .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #ec407a;
    background-color: #ec407a; }

/*---todo---*/
.theme-rosegold .todo-list .primary {
  border-left-color: #ec407a; }
.theme-rosegold .todo-list .info {
  border-left-color: #ec407a; }
.theme-rosegold .todo-list .success {
  border-left-color: #17dbdd; }
.theme-rosegold .todo-list .danger {
  border-left-color: #8540ec; }
.theme-rosegold .todo-list .warning {
  border-left-color: #ffa000; }

/*---timeline---*/
.theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #ec407a;
  border: 1px solid #ec407a;
  color: #ffffff; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #ec407a;
    border-right-color: #ec407a; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #40a1ec;
  border: 1px solid #40a1ec;
  color: #ffffff; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #40a1ec;
    border-right-color: #40a1ec; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #17dbdd;
  border: 1px solid #17dbdd;
  color: #ffffff; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #17dbdd;
    border-right-color: #17dbdd; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #8540ec;
  border: 1px solid #8540ec;
  color: #ffffff; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #8540ec;
    border-right-color: #8540ec; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #ffa000;
  border: 1px solid #ffa000;
  color: #ffffff; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #ffa000;
    border-right-color: #ffa000; }
  .theme-rosegold .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #ec407a;
  background-color: #ffffff; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #40a1ec;
  background-color: #ffffff; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #17dbdd;
  background-color: #ffffff; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #8540ec;
  background-color: #ffffff; }
.theme-rosegold .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #ffa000;
  background-color: #ffffff; }
.theme-rosegold .timeline .timeline-label .label-primary {
  background-color: #ec407a; }
.theme-rosegold .timeline .timeline-label .label-info {
  background-color: #40a1ec; }
.theme-rosegold .timeline .timeline-label .label-success {
  background-color: #17dbdd; }
.theme-rosegold .timeline .timeline-label .label-danger {
  background-color: #8540ec; }
.theme-rosegold .timeline .timeline-label .label-warning {
  background-color: #ffa000; }
.theme-rosegold .timeline__year, .theme-rosegold .timeline5:before, .theme-rosegold .timeline__box:before, .theme-rosegold .timeline__date {
  background-color: #ec407a; }
.theme-rosegold .timeline__post {
  border-left: 3px solid #ec407a; }

/*---daterangepicker---*/
.theme-rosegold .daterangepicker td.active {
  background-color: #ec407a; }
  .theme-rosegold .daterangepicker td.active:hover {
    background-color: #ec407a; }
.theme-rosegold .daterangepicker .input-mini.active {
  border: 1px solid #ec407a; }
.theme-rosegold .ranges li:hover, .theme-rosegold .ranges li:active, .theme-rosegold .ranges li.active {
  border: 1px solid #ec407a;
  background-color: #ec407a; }

/*---control-sidebar---*/
.theme-rosegold .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-rosegold .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-rosegold .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #ec407a;
  color: #ec407a; }
.theme-rosegold .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #ec407a;
  color: #ec407a; }
  .theme-rosegold .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-rosegold .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-rosegold .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #ec407a;
    color: #ec407a; }
.theme-rosegold .control-sidebar .rpanel-title .btn:hover {
  color: #ec407a; }

/*---nav---*/
.theme-rosegold .nav &gt; li &gt; a:hover, .theme-rosegold .nav &gt; li &gt; a:active, .theme-rosegold .nav &gt; li &gt; a:focus {
  color: #ec407a; }
.theme-rosegold .nav-pills &gt; li &gt; a.active {
  border-top-color: #ec407a;
  background-color: #ec407a !important;
  color: #ffffff; }
  .theme-rosegold .nav-pills &gt; li &gt; a.active:hover, .theme-rosegold .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #ec407a;
    background-color: #ec407a !important;
    color: #ffffff; }
.theme-rosegold .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-rosegold .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #ec407a; }
.theme-rosegold .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #ec407a; }
  .theme-rosegold .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-rosegold .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #ec407a; }
.theme-rosegold .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #ec407a; }
.theme-rosegold .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #ec407a; }
.theme-rosegold .customtab li a.nav-link.active {
  border-bottom: 2px solid #ec407a; }

/*---form-element---*/
.theme-rosegold .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-rosegold .form-element .form-control {
  background-image: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-rosegold .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #ec407a 0%, #ec407a 33%, #ffa000 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-rosegold .form-control:focus {
  border-color: #ec407a; }
.theme-rosegold [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #ec407a;
  border-bottom: 2px solid #ec407a; }
.theme-rosegold [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #40a1ec;
  border-bottom: 2px solid #40a1ec; }
.theme-rosegold [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #17dbdd;
  border-bottom: 2px solid #17dbdd; }
.theme-rosegold [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #8540ec;
  border-bottom: 2px solid #8540ec; }
.theme-rosegold [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #ffa000;
  border-bottom: 2px solid #ffa000; }
.theme-rosegold [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #ec407a;
  background-color: #ec407a; }
.theme-rosegold [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #40a1ec;
  background-color: #40a1ec; }
.theme-rosegold [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #17dbdd;
  background-color: #17dbdd; }
.theme-rosegold [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #8540ec;
  background-color: #8540ec; }
.theme-rosegold [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #ffa000;
  background-color: #ffa000; }
.theme-rosegold [type=radio].radio-col-primary:checked + label:after {
  background-color: #ec407a;
  border-color: #ec407a;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #ec407a;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #ec407a;
  border: 2px solid #ec407a;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].radio-col-info:checked + label:after {
  background-color: #40a1ec;
  border-color: #40a1ec;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #40a1ec;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #40a1ec;
  border: 2px solid #40a1ec;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].radio-col-success:checked + label:after {
  background-color: #17dbdd;
  border-color: #17dbdd;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #17dbdd;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #17dbdd;
  border: 2px solid #17dbdd;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].radio-col-danger:checked + label:after {
  background-color: #8540ec;
  border-color: #8540ec;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #8540ec;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #8540ec;
  border: 2px solid #8540ec;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].radio-col-warning:checked + label:after {
  background-color: #ffa000;
  border-color: #ffa000;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #ffa000;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #ffa000;
  border: 2px solid #ffa000;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-rosegold [type=checkbox]:checked + label:before {
  border-right: 2px solid #ec407a;
  border-bottom: 2px solid #ec407a; }
.theme-rosegold [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #ec407a;
  background-color: #ec407a; }
.theme-rosegold [type=radio].with-gap:checked + label:before, .theme-rosegold [type=radio].with-gap:checked + label:after {
  border: 2px solid #ec407a; }
.theme-rosegold [type=radio].with-gap:checked + label:after {
  background-color: #ec407a;
  z-index: 0; }
.theme-rosegold [type=radio]:checked + label:after {
  border: 2px solid #ec407a;
  background-color: #ec407a;
  z-index: 0; }
.theme-rosegold [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #ec407a;
  background-color: #ec407a; }

/*---Calender---*/
.theme-rosegold .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #ec407a; }
.theme-rosegold .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #ec407a;
  border-color: #ec407a; }
.theme-rosegold .fc-event, .theme-rosegold .calendar-event {
  background: #ec407a; }

/*---Tabs---*/
.theme-rosegold .tabs-vertical li .nav-link:hover, .theme-rosegold .tabs-vertical li .nav-link:active, .theme-rosegold .tabs-vertical li .nav-link:focus, .theme-rosegold .tabs-vertical li .nav-link.active {
  background-color: #ec407a;
  color: #ffffff; }
.theme-rosegold .customvtab .tabs-vertical li .nav-link:hover, .theme-rosegold .customvtab .tabs-vertical li .nav-link:active, .theme-rosegold .customvtab .tabs-vertical li .nav-link:focus, .theme-rosegold .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #ec407a;
  color: #ec407a; }
.theme-rosegold .customtab2 li a.nav-link:hover, .theme-rosegold .customtab2 li a.nav-link:active, .theme-rosegold .customtab2 li a.nav-link.active {
  background-color: #ec407a; }

.rtl.theme-rosegold .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-rosegold .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-rosegold .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-rosegold .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #ec407a; }

/*---Notification---*/
.theme-rosegold .jq-icon-primary {
  background-color: #ec407a;
  color: #ffffff;
  border-color: #ec407a; }
.theme-rosegold .jq-icon-info {
  background-color: #40a1ec;
  color: #ffffff;
  border-color: #40a1ec; }
.theme-rosegold .jq-icon-success {
  background-color: #17dbdd;
  color: #ffffff;
  border-color: #ec407a; }
.theme-rosegold .jq-icon-error {
  background-color: #8540ec;
  color: #ffffff;
  border-color: #8540ec; }
.theme-rosegold .jq-icon-danger {
  background-color: #8540ec;
  color: #ffffff;
  border-color: #8540ec; }
.theme-rosegold .jq-icon-warning {
  background-color: #ffa000;
  color: #ffffff;
  border-color: #ffa000; }

/*---avatar---*/
.theme-rosegold .avatar.status-primary::after {
  background-color: #ec407a; }
.theme-rosegold .avatar.status-info::after {
  background-color: #40a1ec; }
.theme-rosegold .avatar.status-success::after {
  background-color: #17dbdd; }
.theme-rosegold .avatar.status-danger::after {
  background-color: #8540ec; }
.theme-rosegold .avatar.status-warning::after {
  background-color: #ffa000; }
.theme-rosegold .avatar[class*='status-']::after {
  background-color: #ec407a; }
.theme-rosegold .avatar-add:hover {
  background-color: #e2175b;
  border-color: #e2175b; }

/*---media---*/
.theme-rosegold .media-chat.media-chat-reverse .media-body p {
  background-color: #ec407a; }
.theme-rosegold .media-right-out a:hover {
  color: #e2175b; }

/*---control---*/
.theme-rosegold .control input:checked:focus ~ .control_indicator {
  background-color: #ec407a; }
.theme-rosegold .control input:checked ~ .control_indicator {
  background-color: #ec407a; }
.theme-rosegold .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #ec407a; }

/*---flex---*/
.theme-rosegold .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #ec407a; }
  .theme-rosegold .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #ec407a; }

/*---pagination---*/
.theme-rosegold .pagination li a.current {
  border: 1px solid #ec407a;
  background-color: #ec407a; }
  .theme-rosegold .pagination li a.current:hover {
    border: 1px solid #ec407a;
    background-color: #ec407a; }
.theme-rosegold .pagination li a:hover {
  border: 1px solid #e2175b;
  background-color: #e2175b !important; }
.theme-rosegold .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #ec407a;
  background-color: #ec407a; }
  .theme-rosegold .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #ec407a;
    background-color: #ec407a; }
.theme-rosegold .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #ec407a; }
.theme-rosegold .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #ec407a; }
.theme-rosegold .footable .pagination li a:hover, .theme-rosegold .footable .pagination li a:active, .theme-rosegold .footable .pagination li a.active {
  background-color: #ec407a; }

/*---dataTables---*/
.theme-rosegold .dt-buttons .dt-button {
  background-color: #ec407a; }

/*---select2---*/
.theme-rosegold .select2-container--default.select2-container--open {
  border-color: #ec407a; }
.theme-rosegold .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ec407a; }
.theme-rosegold .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #ec407a !important; }
.theme-rosegold .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ec407a !important; }
.theme-rosegold .select2-container--default .select2-selection--multiple:focus {
  border-color: #ec407a !important; }
.theme-rosegold .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ec407a;
  border-color: #ec407a; }

/*---Other---*/
.theme-rosegold .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #e2175b; }
.theme-rosegold .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #e2175b; }
.theme-rosegold .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #e2175b; }
.theme-rosegold [data-overlay-primary]::before {
  background: #e2175b; }

/*---wizard---*/
.theme-rosegold .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #ec407a;
  background-color: #ec407a; }
.theme-rosegold .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #e2175b;
  background-color: #e2175b; }
.theme-rosegold .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #ec407a; }
.theme-rosegold .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #ec407a; }
.theme-rosegold .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #ec407a; }
.theme-rosegold .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #ec407a; }
.theme-rosegold .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #ec407a; }
.theme-rosegold .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #ec407a;
  color: #ec407a; }
  .theme-rosegold .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #ec407a; }
.theme-rosegold .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #ec407a; }

@media (max-width: 767px) {
  .theme-rosegold .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #ec407a; } }
@media (max-width: 575px) {
  .theme-rosegold .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #ec407a; } }
/*---slider---*/
.theme-rosegold #primary .slider-selection {
  background-color: #ec407a; }
.theme-rosegold #info .slider-selection {
  background-color: #40a1ec; }
.theme-rosegold #success .slider-selection {
  background-color: #17dbdd; }
.theme-rosegold #danger .slider-selection {
  background-color: #8540ec; }
.theme-rosegold #warning .slider-selection {
  background-color: #ffa000; }

/*---horizontal-timeline---*/
.theme-rosegold .cd-horizontal-timeline .events a.selected::after {
  background: #ec407a;
  border-color: #ec407a; }
.theme-rosegold .cd-horizontal-timeline .events a.older-event::after {
  border-color: #ec407a; }
.theme-rosegold .cd-horizontal-timeline .filling-line {
  background: #ec407a; }
.theme-rosegold .cd-horizontal-timeline a {
  color: #ec407a; }
  .theme-rosegold .cd-horizontal-timeline a:hover, .theme-rosegold .cd-horizontal-timeline a:focus {
    color: #ec407a; }
.theme-rosegold .cd-timeline-navigation a:hover, .theme-rosegold .cd-timeline-navigation a:focus {
  border-color: #ec407a; }

/**************************************
Theme ultraviolet Color
**************************************/
.bg-gradient-ultraviolet, .theme-ultraviolet .bg-gradient-ultraviolet, .theme-ultraviolet .art-bg {
  background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%); }

.bg-light-body {
  background: transparent; }

.theme-ultraviolet.fixed .main-header {
   }
  .theme-ultraviolet.fixed .main-header .navbar {
    background: transparent; }
.theme-ultraviolet .main-header {
  background: #ffffff; }

.theme-ultraviolet.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-ultraviolet-dark, .dark-skin.theme-ultraviolet .bg-gradient-ultraviolet, .dark-skin.theme-ultraviolet .art-bg {
  background-image: linear-gradient(-45deg, #682a73 0%, #682a73 33%, #07638d 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-ultraviolet.fixed .main-header {
  }
  .dark-skin.theme-ultraviolet.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-ultraviolet .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-ultraviolet.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-ultraviolet.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-ultraviolet.fixed .main-header {
    background-image: #0c1a32; } }
.theme-ultraviolet a:hover, .theme-ultraviolet a:active, .theme-ultraviolet a:focus {
  color: #ab47bc; }
.theme-ultraviolet .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-ultraviolet .main-sidebar .svg-icon:hover, .theme-ultraviolet .main-sidebar .svg-icon:active, .theme-ultraviolet .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-ultraviolet .main-sidebar a:hover .svg-icon, .theme-ultraviolet .main-sidebar a:active .svg-icon, .theme-ultraviolet .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-ultraviolet .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-ultraviolet .svg-icon:hover, .theme-ultraviolet .svg-icon:active, .theme-ultraviolet .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-ultraviolet a:hover .svg-icon, .theme-ultraviolet a:active .svg-icon, .theme-ultraviolet a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-ultraviolet.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #ab47bc !important; }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ab47bc; }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #ab47bc;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-ultraviolet.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-ultraviolet.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #ab47bc !important; }
.theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-ultraviolet.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #ab47bc !important; }
.theme-ultraviolet.light-skin .sidebar-menu &gt; li:hover, .theme-ultraviolet.light-skin .sidebar-menu &gt; li:active, .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(171, 71, 188, 0);
  color: #ab47bc;
  border-left: 0px solid rgba(171, 71, 188, 0); }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li:hover a, .theme-ultraviolet.light-skin .sidebar-menu &gt; li:active a, .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active a {
    color: #ab47bc; }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-ultraviolet.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(171, 71, 188, 0); }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-ultraviolet.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #ab47bc;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-ultraviolet.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-ultraviolet.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(171, 71, 188, 0);
  color: #ab47bc;
  border-left: 0px solid #ab47bc; }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%); }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #ab47bc;
      background-color: rgba(171, 71, 188, 0); }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(171, 71, 188, 0);
    color: #ab47bc; }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%); }
      .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(171, 71, 188, 0); }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(171, 71, 188, 0); }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(171, 71, 188, 0);
    color: #ab47bc; }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #ab47bc; }
      .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #ab47bc;
        background-color: rgba(171, 71, 188, 0); }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(171, 71, 188, 0);
    color: #ab47bc; }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #ab47bc; }
      .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #ab47bc;
        background-color: rgba(171, 71, 188, 0); }
  .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-ultraviolet.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(171, 71, 188, 0); }
.theme-ultraviolet.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #ab47bc;
  border-right: 0px solid #ab47bc; }
.theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(171, 71, 188, 0);
  color: white;
  border-left: 0px solid #ab47bc; }
  .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%); }
    .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(171, 71, 188, 0);
    color: #ab47bc; }
    .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%); }
      .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(171, 71, 188, 0); }
  .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(171, 71, 188, 0);
    color: white; }
    .theme-ultraviolet.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-ultraviolet.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #ab47bc;
  border-right: 0px solid #ab47bc; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(171, 71, 188, 0.2);
    color: #ab47bc; } }
/*---Main Nav---*/
.theme-ultraviolet .sm-blue li.current &gt; a, .theme-ultraviolet .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%);
  color: #ffffff !important; }
  .theme-ultraviolet .sm-blue li.current &gt; a:hover, .theme-ultraviolet .sm-blue li.current &gt; a:active, .theme-ultraviolet .sm-blue li.current &gt; a:focus, .theme-ultraviolet .sm-blue li.highlighted &gt; a:hover, .theme-ultraviolet .sm-blue li.highlighted &gt; a:active, .theme-ultraviolet .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%);
    color: #ffffff !important; }
.theme-ultraviolet .sm-blue a.current, .theme-ultraviolet .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%);
  color: #ffffff !important; }
.theme-ultraviolet .sm-blue a:hover, .theme-ultraviolet .sm-blue a:active, .theme-ultraviolet .sm-blue a:focus {
  background: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%);
  color: #ffffff !important; }
.theme-ultraviolet .sm-blue ul a:hover, .theme-ultraviolet .sm-blue ul a:active, .theme-ultraviolet .sm-blue ul a:focus {
  background: #ebedf3;
  color: #ab47bc !important; }
.theme-ultraviolet .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #ab47bc !important; }

.dark-skin.theme-ultraviolet .sm-blue li.current &gt; a, .dark-skin.theme-ultraviolet .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #682a73 0%, #682a73 33%, #07638d 100%);
  color: #ffffff !important; }
  .dark-skin.theme-ultraviolet .sm-blue li.current &gt; a:hover, .dark-skin.theme-ultraviolet .sm-blue li.current &gt; a:active, .dark-skin.theme-ultraviolet .sm-blue li.current &gt; a:focus, .dark-skin.theme-ultraviolet .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-ultraviolet .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-ultraviolet .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #682a73 0%, #682a73 33%, #07638d 100%);
    color: #ffffff !important; }
.dark-skin.theme-ultraviolet .sm-blue a.current, .dark-skin.theme-ultraviolet .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #682a73 0%, #682a73 33%, #07638d 100%);
  color: #ffffff !important; }
.dark-skin.theme-ultraviolet .sm-blue a:hover, .dark-skin.theme-ultraviolet .sm-blue a:active, .dark-skin.theme-ultraviolet .sm-blue a:focus {
  background: linear-gradient(-45deg, #682a73 0%, #682a73 33%, #07638d 100%);
  color: #ffffff !important; }
.dark-skin.theme-ultraviolet .sm-blue ul a:hover, .dark-skin.theme-ultraviolet .sm-blue ul a:active, .dark-skin.theme-ultraviolet .sm-blue ul a:focus {
  background: #29354b;
  color: #ab47bc !important; }
.dark-skin.theme-ultraviolet .sm-blue ul a.highlighted {
  background: #29354b;
  color: #ab47bc !important; }

/*---Primary Button---*/
.theme-ultraviolet .btn-link {
  color: #ab47bc; }
.theme-ultraviolet .btn-primary {
  background-color: #ab47bc;
  border-color: #ab47bc;
  color: #ffffff; }
  .theme-ultraviolet .btn-primary:hover, .theme-ultraviolet .btn-primary:active, .theme-ultraviolet .btn-primary:focus, .theme-ultraviolet .btn-primary.active {
    background-color: #8a3898 !important;
    border-color: #8a3898 !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-primary:disabled {
    background-color: #cd92d7;
    border-color: #ab47bc;
    opacity: 0.5; }
  .theme-ultraviolet .btn-primary.disabled {
    background-color: #cd92d7;
    border-color: #ab47bc;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-primary.dropdown-toggle {
  background-color: #8a3898 !important;
  border-color: #8a3898 !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-primary {
  color: #ab47bc;
  background-color: transparent;
  border-color: #ab47bc !important; }
  .theme-ultraviolet .btn-outline.btn-primary:hover, .theme-ultraviolet .btn-outline.btn-primary:active, .theme-ultraviolet .btn-outline.btn-primary.active {
    background-color: #8a3898 !important;
    border-color: #8a3898 !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #8a3898 !important;
  border-color: #8a3898 !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-primary {
  color: #ab47bc !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-primary:hover, .theme-ultraviolet .btn-flat.btn-primary:active, .theme-ultraviolet .btn-flat.btn-primary.active {
    background-color: #8a3898 !important;
    border-color: #8a3898 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-ultraviolet .btn-info {
  background-color: #0ba8ef;
  border-color: #0ba8ef;
  color: #ffffff; }
  .theme-ultraviolet .btn-info:hover, .theme-ultraviolet .btn-info:active, .theme-ultraviolet .btn-info:focus, .theme-ultraviolet .btn-info.active {
    background-color: #0986be !important;
    border-color: #0986be !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-info:disabled {
    background-color: #68cbf8;
    border-color: #0ba8ef;
    opacity: 0.5; }
  .theme-ultraviolet .btn-info.disabled {
    background-color: #68cbf8;
    border-color: #0ba8ef;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-info.dropdown-toggle {
  background-color: #0986be !important;
  border-color: #0986be !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-info {
  color: #0ba8ef;
  background-color: transparent;
  border-color: #0ba8ef !important; }
  .theme-ultraviolet .btn-outline.btn-info:hover, .theme-ultraviolet .btn-outline.btn-info:active, .theme-ultraviolet .btn-outline.btn-info.active {
    background-color: #0986be !important;
    border-color: #0986be !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #0986be !important;
  border-color: #0986be !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-info {
  color: #0ba8ef !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-info:hover, .theme-ultraviolet .btn-flat.btn-info:active, .theme-ultraviolet .btn-flat.btn-info.active {
    background-color: #0986be !important;
    border-color: #0986be !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-ultraviolet .btn-success {
  background-color: #47bc5d;
  border-color: #47bc5d;
  color: #ffffff; }
  .theme-ultraviolet .btn-success:hover, .theme-ultraviolet .btn-success:active, .theme-ultraviolet .btn-success:focus, .theme-ultraviolet .btn-success.active {
    background-color: #38984a !important;
    border-color: #38984a !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-success:disabled {
    background-color: #92d79f;
    border-color: #47bc5d;
    opacity: 0.5; }
  .theme-ultraviolet .btn-success.disabled {
    background-color: #92d79f;
    border-color: #47bc5d;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-success.dropdown-toggle {
  background-color: #38984a !important;
  border-color: #38984a !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-success {
  color: #47bc5d;
  background-color: transparent;
  border-color: #47bc5d !important; }
  .theme-ultraviolet .btn-outline.btn-success:hover, .theme-ultraviolet .btn-outline.btn-success:active, .theme-ultraviolet .btn-outline.btn-success.active {
    background-color: #38984a !important;
    border-color: #38984a !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #38984a !important;
  border-color: #38984a !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-success {
  color: #47bc5d !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-success:hover, .theme-ultraviolet .btn-flat.btn-success:active, .theme-ultraviolet .btn-flat.btn-success.active {
    background-color: #38984a !important;
    border-color: #38984a !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-ultraviolet .btn-danger {
  background-color: #e62d2d;
  border-color: #e62d2d;
  color: #ffffff; }
  .theme-ultraviolet .btn-danger:hover, .theme-ultraviolet .btn-danger:active, .theme-ultraviolet .btn-danger:focus, .theme-ultraviolet .btn-danger.active {
    background-color: #c81818 !important;
    border-color: #c81818 !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-danger:disabled {
    background-color: #f18888;
    border-color: #e62d2d;
    opacity: 0.5; }
  .theme-ultraviolet .btn-danger.disabled {
    background-color: #f18888;
    border-color: #e62d2d;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-danger.dropdown-toggle {
  background-color: #c81818 !important;
  border-color: #c81818 !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-danger {
  color: #e62d2d;
  background-color: transparent;
  border-color: #e62d2d !important; }
  .theme-ultraviolet .btn-outline.btn-danger:hover, .theme-ultraviolet .btn-outline.btn-danger:active, .theme-ultraviolet .btn-outline.btn-danger.active {
    background-color: #c81818 !important;
    border-color: #c81818 !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #c81818 !important;
  border-color: #c81818 !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-danger {
  color: #e62d2d !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-danger:hover, .theme-ultraviolet .btn-flat.btn-danger:active, .theme-ultraviolet .btn-flat.btn-danger.active {
    background-color: #c81818 !important;
    border-color: #c81818 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-ultraviolet .btn-warning {
  background-color: #ff8400;
  border-color: #ff8400;
  color: #ffffff; }
  .theme-ultraviolet .btn-warning:hover, .theme-ultraviolet .btn-warning:active, .theme-ultraviolet .btn-warning:focus, .theme-ultraviolet .btn-warning.active {
    background-color: #cc6a00 !important;
    border-color: #cc6a00 !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-warning:disabled {
    background-color: #ffb566;
    border-color: #ff8400;
    opacity: 0.5; }
  .theme-ultraviolet .btn-warning.disabled {
    background-color: #ffb566;
    border-color: #ff8400;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-warning.dropdown-toggle {
  background-color: #cc6a00 !important;
  border-color: #cc6a00 !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-warning {
  color: #ff8400;
  background-color: transparent;
  border-color: #ff8400 !important; }
  .theme-ultraviolet .btn-outline.btn-warning:hover, .theme-ultraviolet .btn-outline.btn-warning:active, .theme-ultraviolet .btn-outline.btn-warning.active {
    background-color: #cc6a00 !important;
    border-color: #cc6a00 !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #cc6a00 !important;
  border-color: #cc6a00 !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-warning {
  color: #ff8400 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-warning:hover, .theme-ultraviolet .btn-flat.btn-warning:active, .theme-ultraviolet .btn-flat.btn-warning.active {
    background-color: #cc6a00 !important;
    border-color: #cc6a00 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-ultraviolet .btn-primary-light {
  background-color: #fae0ff;
  border-color: #fae0ff;
  color: #ab47bc; }
  .theme-ultraviolet .btn-primary-light:hover, .theme-ultraviolet .btn-primary-light:active, .theme-ultraviolet .btn-primary-light:focus, .theme-ultraviolet .btn-primary-light.active {
    background-color: #ab47bc !important;
    border-color: #ab47bc !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-primary-light:disabled {
    background-color: white;
    border-color: #fae0ff;
    opacity: 0.5; }
  .theme-ultraviolet .btn-primary-light.disabled {
    background-color: white;
    border-color: #fae0ff;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #ab47bc !important;
  border-color: #ab47bc !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-primary-light {
  color: #ab47bc;
  background-color: transparent;
  border-color: #fae0ff !important; }
  .theme-ultraviolet .btn-outline.btn-primary-light:hover, .theme-ultraviolet .btn-outline.btn-primary-light:active, .theme-ultraviolet .btn-outline.btn-primary-light.active {
    background-color: #ab47bc !important;
    border-color: #ab47bc !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #ab47bc !important;
  border-color: #ab47bc !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-primary-light {
  color: #ab47bc !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-primary-light:hover, .theme-ultraviolet .btn-flat.btn-primary-light:active, .theme-ultraviolet .btn-flat.btn-primary-light.active {
    background-color: #ab47bc !important;
    border-color: #ab47bc !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-ultraviolet .btn-info-light {
  background-color: #eaf8ff;
  border-color: #eaf8ff;
  color: #0ba8ef; }
  .theme-ultraviolet .btn-info-light:hover, .theme-ultraviolet .btn-info-light:active, .theme-ultraviolet .btn-info-light:focus, .theme-ultraviolet .btn-info-light.active {
    background-color: #0ba8ef !important;
    border-color: #0ba8ef !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-info-light:disabled {
    background-color: white;
    border-color: #eaf8ff;
    opacity: 0.5; }
  .theme-ultraviolet .btn-info-light.disabled {
    background-color: white;
    border-color: #eaf8ff;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-info.dropdown-toggle {
  background-color: #0ba8ef !important;
  border-color: #0ba8ef !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-info-light {
  color: #0ba8ef;
  background-color: transparent;
  border-color: #eaf8ff !important; }
  .theme-ultraviolet .btn-outline.btn-info-light:hover, .theme-ultraviolet .btn-outline.btn-info-light:active, .theme-ultraviolet .btn-outline.btn-info-light.active {
    background-color: #0ba8ef !important;
    border-color: #0ba8ef !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #0ba8ef !important;
  border-color: #0ba8ef !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-info-light {
  color: #0ba8ef !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-info-light:hover, .theme-ultraviolet .btn-flat.btn-info-light:active, .theme-ultraviolet .btn-flat.btn-info-light.active {
    background-color: #0ba8ef !important;
    border-color: #0ba8ef !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-ultraviolet .btn-success-light {
  background-color: #e4ffe9;
  border-color: #e4ffe9;
  color: #47bc5d; }
  .theme-ultraviolet .btn-success-light:hover, .theme-ultraviolet .btn-success-light:active, .theme-ultraviolet .btn-success-light:focus, .theme-ultraviolet .btn-success-light.active {
    background-color: #47bc5d !important;
    border-color: #47bc5d !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-success-light:disabled {
    background-color: white;
    border-color: #e4ffe9;
    opacity: 0.5; }
  .theme-ultraviolet .btn-success-light.disabled {
    background-color: white;
    border-color: #e4ffe9;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #47bc5d !important;
  border-color: #47bc5d !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-success-light {
  color: #47bc5d;
  background-color: transparent;
  border-color: #e4ffe9 !important; }
  .theme-ultraviolet .btn-outline.btn-success-light:hover, .theme-ultraviolet .btn-outline.btn-success-light:active, .theme-ultraviolet .btn-outline.btn-success-light.active {
    background-color: #47bc5d !important;
    border-color: #47bc5d !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #47bc5d !important;
  border-color: #47bc5d !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-success-light {
  color: #47bc5d !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-success-light:hover, .theme-ultraviolet .btn-flat.btn-success-light:active, .theme-ultraviolet .btn-flat.btn-success-light.active {
    background-color: #47bc5d !important;
    border-color: #47bc5d !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-ultraviolet .btn-danger-light {
  background-color: #ffeaea;
  border-color: #ffeaea;
  color: #e62d2d; }
  .theme-ultraviolet .btn-danger-light:hover, .theme-ultraviolet .btn-danger-light:active, .theme-ultraviolet .btn-danger-light:focus, .theme-ultraviolet .btn-danger-light.active {
    background-color: #e62d2d !important;
    border-color: #e62d2d !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-danger-light:disabled {
    background-color: white;
    border-color: #ffeaea;
    opacity: 0.5; }
  .theme-ultraviolet .btn-danger-light.disabled {
    background-color: white;
    border-color: #ffeaea;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #e62d2d !important;
  border-color: #e62d2d !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-danger-light {
  color: #e62d2d;
  background-color: transparent;
  border-color: #ffeaea !important; }
  .theme-ultraviolet .btn-outline.btn-danger-light:hover, .theme-ultraviolet .btn-outline.btn-danger-light:active, .theme-ultraviolet .btn-outline.btn-danger-light.active {
    background-color: #e62d2d !important;
    border-color: #e62d2d !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #e62d2d !important;
  border-color: #e62d2d !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-danger-light {
  color: #e62d2d !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-danger-light:hover, .theme-ultraviolet .btn-flat.btn-danger-light:active, .theme-ultraviolet .btn-flat.btn-danger-light.active {
    background-color: #e62d2d !important;
    border-color: #e62d2d !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-ultraviolet .btn-warning-light {
  background-color: #ffe9d1;
  border-color: #ffe9d1;
  color: #ff8400; }
  .theme-ultraviolet .btn-warning-light:hover, .theme-ultraviolet .btn-warning-light:active, .theme-ultraviolet .btn-warning-light:focus, .theme-ultraviolet .btn-warning-light.active {
    background-color: #ff8400 !important;
    border-color: #ff8400 !important;
    color: #ffffff !important; }
  .theme-ultraviolet .btn-warning-light:disabled {
    background-color: white;
    border-color: #ffe9d1;
    opacity: 0.5; }
  .theme-ultraviolet .btn-warning-light.disabled {
    background-color: white;
    border-color: #ffe9d1;
    opacity: 0.5; }
.theme-ultraviolet .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #ff8400 !important;
  border-color: #ff8400 !important;
  color: #ffffff; }
.theme-ultraviolet .btn-outline.btn-warning-light {
  color: #ff8400;
  background-color: transparent;
  border-color: #ffe9d1 !important; }
  .theme-ultraviolet .btn-outline.btn-warning-light:hover, .theme-ultraviolet .btn-outline.btn-warning-light:active, .theme-ultraviolet .btn-outline.btn-warning-light.active {
    background-color: #ff8400 !important;
    border-color: #ff8400 !important;
    color: #ffffff !important; }
.theme-ultraviolet .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #ff8400 !important;
  border-color: #ff8400 !important;
  color: #ffffff; }
.theme-ultraviolet .btn-flat.btn-warning-light {
  color: #ff8400 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ultraviolet .btn-flat.btn-warning-light:hover, .theme-ultraviolet .btn-flat.btn-warning-light:active, .theme-ultraviolet .btn-flat.btn-warning-light.active {
    background-color: #ff8400 !important;
    border-color: #ff8400 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-ultraviolet .callout.callout-primary {
  border-color: #ab47bc;
  background-color: #ab47bc !important; }
.theme-ultraviolet .callout.callout-info {
  border-color: #0ba8ef;
  background-color: #0ba8ef !important; }
.theme-ultraviolet .callout.callout-success {
  border-color: #47bc5d;
  background-color: #47bc5d !important; }
.theme-ultraviolet .callout.callout-danger {
  border-color: #e62d2d;
  background-color: #e62d2d !important; }
.theme-ultraviolet .callout.callout-warning {
  border-color: #ff8400;
  background-color: #ff8400 !important; }

/*---alert---*/
.theme-ultraviolet .alert-primary {
  border-color: #ab47bc;
  background-color: #ab47bc !important;
  color: #ffffff; }
.theme-ultraviolet .alert-info {
  border-color: #0ba8ef;
  background-color: #0ba8ef !important;
  color: #ffffff; }
.theme-ultraviolet .alert-success {
  border-color: #47bc5d;
  background-color: #47bc5d !important;
  color: #ffffff; }
.theme-ultraviolet .alert-danger {
  border-color: #e62d2d;
  background-color: #e62d2d !important;
  color: #ffffff; }
.theme-ultraviolet .alert-error {
  border-color: #e62d2d;
  background-color: #e62d2d !important;
  color: #ffffff; }
.theme-ultraviolet .alert-warning {
  border-color: #ff8400;
  background-color: #ff8400 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-ultraviolet .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #ab47bc;
  color: #ffffff; }
.theme-ultraviolet .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-ultraviolet .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #ab47bc; }
.theme-ultraviolet .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #0ba8ef;
  color: #ffffff; }
.theme-ultraviolet .direct-chat-info .right &gt; .direct-chat-text:before, .theme-ultraviolet .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #0ba8ef; }
.theme-ultraviolet .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #47bc5d;
  color: #ffffff; }
.theme-ultraviolet .direct-chat-success .right &gt; .direct-chat-text:before, .theme-ultraviolet .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #47bc5d; }
.theme-ultraviolet .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #e62d2d;
  color: #ffffff; }
.theme-ultraviolet .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-ultraviolet .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #e62d2d; }
.theme-ultraviolet .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #ff8400;
  color: #ffffff; }
.theme-ultraviolet .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-ultraviolet .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #ff8400; }
.theme-ultraviolet .right .direct-chat-text p {
  background-color: #ab47bc; }

/*---modal---*/
.theme-ultraviolet .modal-primary .modal-footer, .theme-ultraviolet .modal-primary .modal-header {
  border-color: #ab47bc; }
.theme-ultraviolet .modal-primary .modal-body {
  background-color: #ab47bc !important; }
.theme-ultraviolet .modal-info .modal-footer, .theme-ultraviolet .modal-info .modal-header {
  border-color: #0ba8ef; }
.theme-ultraviolet .modal-info .modal-body {
  background-color: #0ba8ef !important; }
.theme-ultraviolet .modal-success .modal-footer, .theme-ultraviolet .modal-success .modal-header {
  border-color: #47bc5d; }
.theme-ultraviolet .modal-success .modal-body {
  background-color: #47bc5d !important; }
.theme-ultraviolet .modal-danger .modal-footer, .theme-ultraviolet .modal-danger .modal-header {
  border-color: #e62d2d; }
.theme-ultraviolet .modal-danger .modal-body {
  background-color: #e62d2d !important; }
.theme-ultraviolet .modal-warning .modal-footer, .theme-ultraviolet .modal-warning .modal-header {
  border-color: #ff8400; }
.theme-ultraviolet .modal-warning .modal-body {
  background-color: #ff8400 !important; }

/*---border---*/
.theme-ultraviolet .border-primary {
  border-color: #ab47bc !important; }
.theme-ultraviolet .border-info {
  border-color: #0ba8ef !important; }
.theme-ultraviolet .border-success {
  border-color: #47bc5d !important; }
.theme-ultraviolet .border-danger {
  border-color: #e62d2d !important; }
.theme-ultraviolet .border-warning {
  border-color: #ff8400 !important; }

/*---Background---*/
.theme-ultraviolet .bg-primary {
  background-color: #ab47bc !important;
  color: #ffffff; }
.theme-ultraviolet .bg-primary-light {
  background-color: #fae0ff !important;
  color: #ab47bc; }
.theme-ultraviolet .bg-info {
  background-color: #0ba8ef !important;
  color: #ffffff; }
.theme-ultraviolet .bg-info-light {
  background-color: #eaf8ff !important;
  color: #0ba8ef; }
.theme-ultraviolet .bg-success {
  background-color: #47bc5d !important;
  color: #ffffff; }
.theme-ultraviolet .bg-success-light {
  background-color: #e4ffe9 !important;
  color: #47bc5d; }
.theme-ultraviolet .bg-danger {
  background-color: #e62d2d !important;
  color: #ffffff; }
.theme-ultraviolet .bg-danger-light {
  background-color: #ffeaea !important;
  color: #e62d2d; }
.theme-ultraviolet .bg-warning {
  background-color: #ff8400 !important;
  color: #ffffff; }
.theme-ultraviolet .bg-warning-light {
  background-color: #ffe9d1 !important;
  color: #ff8400; }

/*---text---*/
.theme-ultraviolet .text-primary {
  color: #ab47bc !important; }
.theme-ultraviolet a.text-primary:hover, .theme-ultraviolet a.text-primary:focus {
  color: #ab47bc !important; }
.theme-ultraviolet .hover-primary:hover, .theme-ultraviolet .hover-primary:focus {
  color: #ab47bc !important; }
.theme-ultraviolet .text-info {
  color: #0ba8ef !important; }
.theme-ultraviolet a.text-info:hover, .theme-ultraviolet a.text-info:focus {
  color: #0ba8ef !important; }
.theme-ultraviolet .hover-info:hover, .theme-ultraviolet .hover-info:focus {
  color: #0ba8ef !important; }
.theme-ultraviolet .text-success {
  color: #47bc5d !important; }
.theme-ultraviolet a.text-success:hover, .theme-ultraviolet a.text-success:focus {
  color: #47bc5d !important; }
.theme-ultraviolet .hover-success:hover, .theme-ultraviolet .hover-success:focus {
  color: #47bc5d !important; }
.theme-ultraviolet .text-danger {
  color: #e62d2d !important; }
.theme-ultraviolet a.text-danger:hover, .theme-ultraviolet a.text-danger:focus {
  color: #e62d2d !important; }
.theme-ultraviolet .hover-danger:hover, .theme-ultraviolet .hover-danger:focus {
  color: #e62d2d !important; }
.theme-ultraviolet .text-warning {
  color: #ff8400 !important; }
.theme-ultraviolet a.text-warning:hover, .theme-ultraviolet a.text-warning:focus {
  color: #ff8400 !important; }
.theme-ultraviolet .hover-warning:hover, .theme-ultraviolet .hover-warning:focus {
  color: #ff8400 !important; }

/*---active background---*/
.theme-ultraviolet .active.active-primary {
  background-color: #8a3898 !important; }
.theme-ultraviolet .active.active-info {
  background-color: #0986be !important; }
.theme-ultraviolet .active.active-success {
  background-color: #38984a !important; }
.theme-ultraviolet .active.active-danger {
  background-color: #c81818 !important; }
.theme-ultraviolet .active.active-warning {
  background-color: #cc6a00 !important; }

/*---label background---*/
.theme-ultraviolet .label-primary {
  background-color: #ab47bc !important; }
.theme-ultraviolet .label-info {
  background-color: #0ba8ef !important; }
.theme-ultraviolet .label-success {
  background-color: #47bc5d !important; }
.theme-ultraviolet .label-danger {
  background-color: #e62d2d !important; }
.theme-ultraviolet .label-warning {
  background-color: #ff8400 !important; }

/*---ribbon---*/
.theme-ultraviolet .ribbon-box .ribbon-primary {
  background-color: #ab47bc; }
  .theme-ultraviolet .ribbon-box .ribbon-primary:before {
    border-color: #ab47bc transparent transparent; }
.theme-ultraviolet .ribbon-box .ribbon-two-primary span {
  background-color: #ab47bc; }
  .theme-ultraviolet .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #8a3898;
    border-top: 3px solid #8a3898; }
  .theme-ultraviolet .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #8a3898;
    border-top: 3px solid #8a3898; }
.theme-ultraviolet .ribbon-box .ribbon-info {
  background-color: #0ba8ef; }
  .theme-ultraviolet .ribbon-box .ribbon-info:before {
    border-color: #0ba8ef transparent transparent; }
.theme-ultraviolet .ribbon-box .ribbon-two-info span {
  background-color: #0ba8ef; }
  .theme-ultraviolet .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #0986be;
    border-top: 3px solid #0986be; }
  .theme-ultraviolet .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #0986be;
    border-top: 3px solid #0986be; }
.theme-ultraviolet .ribbon-box .ribbon-success {
  background-color: #47bc5d; }
  .theme-ultraviolet .ribbon-box .ribbon-success:before {
    border-color: #47bc5d transparent transparent; }
.theme-ultraviolet .ribbon-box .ribbon-two-success span {
  background-color: #47bc5d; }
  .theme-ultraviolet .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #38984a;
    border-top: 3px solid #38984a; }
  .theme-ultraviolet .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #38984a;
    border-top: 3px solid #38984a; }
.theme-ultraviolet .ribbon-box .ribbon-danger {
  background-color: #e62d2d; }
  .theme-ultraviolet .ribbon-box .ribbon-danger:before {
    border-color: #e62d2d transparent transparent; }
.theme-ultraviolet .ribbon-box .ribbon-two-danger span {
  background-color: #e62d2d; }
  .theme-ultraviolet .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #c81818;
    border-top: 3px solid #c81818; }
  .theme-ultraviolet .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #c81818;
    border-top: 3px solid #c81818; }
.theme-ultraviolet .ribbon-box .ribbon-warning {
  background-color: #ff8400; }
  .theme-ultraviolet .ribbon-box .ribbon-warning:before {
    border-color: #ff8400 transparent transparent; }
.theme-ultraviolet .ribbon-box .ribbon-two-warning span {
  background-color: #ff8400; }
  .theme-ultraviolet .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #cc6a00;
    border-top: 3px solid #cc6a00; }
  .theme-ultraviolet .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #cc6a00;
    border-top: 3px solid #cc6a00; }

/*---Box---*/
.theme-ultraviolet .box-primary {
  background-color: #ab47bc !important; }
  .theme-ultraviolet .box-primary.box-bordered {
    border-color: #ab47bc; }
.theme-ultraviolet .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #ab47bc; }
.theme-ultraviolet .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #ab47bc; }
  .theme-ultraviolet .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ultraviolet .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ultraviolet .box-info {
  background-color: #0ba8ef !important; }
  .theme-ultraviolet .box-info.box-bordered {
    border-color: #0ba8ef; }
.theme-ultraviolet .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #0ba8ef; }
.theme-ultraviolet .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #0ba8ef; }
  .theme-ultraviolet .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ultraviolet .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ultraviolet .box-success {
  background-color: #47bc5d !important; }
  .theme-ultraviolet .box-success.box-bordered {
    border-color: #47bc5d; }
.theme-ultraviolet .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #47bc5d; }
.theme-ultraviolet .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #47bc5d; }
  .theme-ultraviolet .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ultraviolet .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ultraviolet .box-danger {
  background-color: #e62d2d !important; }
  .theme-ultraviolet .box-danger.box-bordered {
    border-color: #e62d2d; }
.theme-ultraviolet .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #e62d2d; }
.theme-ultraviolet .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #e62d2d; }
  .theme-ultraviolet .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ultraviolet .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ultraviolet .box-warning {
  background-color: #ff8400 !important; }
  .theme-ultraviolet .box-warning.box-bordered {
    border-color: #ff8400; }
.theme-ultraviolet .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #ff8400; }
.theme-ultraviolet .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #ff8400; }
  .theme-ultraviolet .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ultraviolet .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ultraviolet .box-profile .social-states a:hover {
  color: #8a3898; }
.theme-ultraviolet .box-controls li &gt; a:hover {
  color: #8a3898; }
.theme-ultraviolet .box-controls .dropdown.show &gt; a {
  color: #8a3898; }
.theme-ultraviolet .box-fullscreen .box-btn-fullscreen {
  color: #8a3898; }

/*---progress bar---*/
.theme-ultraviolet .progress-bar-primary {
  background-color: #ab47bc; }
.theme-ultraviolet .progress-bar-info {
  background-color: #0ba8ef; }
.theme-ultraviolet .progress-bar-success {
  background-color: #47bc5d; }
.theme-ultraviolet .progress-bar-danger {
  background-color: #e62d2d; }
.theme-ultraviolet .progress-bar-warning {
  background-color: #ff8400; }

/*---panel---*/
.theme-ultraviolet .panel-primary {
  border-color: #ab47bc; }
  .theme-ultraviolet .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #ab47bc;
    border-color: #ab47bc; }
    .theme-ultraviolet .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ab47bc; }
    .theme-ultraviolet .panel-primary &gt; .panel-heading .badge-pill {
      color: #ab47bc;
      background-color: #ffffff; }
  .theme-ultraviolet .panel-primary .panel-title, .theme-ultraviolet .panel-primary .panel-action {
    color: #ffffff; }
  .theme-ultraviolet .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ab47bc; }
.theme-ultraviolet .panel-line.panel-primary .panel-heading {
  color: #ab47bc;
  border-top-color: #ab47bc;
  background: transparent; }
.theme-ultraviolet .panel-line.panel-primary .panel-title, .theme-ultraviolet .panel-line.panel-primary .panel-action {
  color: #ab47bc; }
.theme-ultraviolet .panel-info {
  border-color: #0ba8ef; }
  .theme-ultraviolet .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #0ba8ef;
    border-color: #0ba8ef; }
    .theme-ultraviolet .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #0ba8ef; }
    .theme-ultraviolet .panel-info &gt; .panel-heading .badge-pill {
      color: #0ba8ef;
      background-color: #ffffff; }
  .theme-ultraviolet .panel-info .panel-title, .theme-ultraviolet .panel-info .panel-action {
    color: #ffffff; }
  .theme-ultraviolet .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #0ba8ef; }
.theme-ultraviolet .panel-line.panel-info .panel-heading {
  color: #0ba8ef;
  border-top-color: #0ba8ef;
  background: transparent; }
.theme-ultraviolet .panel-line.panel-info .panel-title, .theme-ultraviolet .panel-line.panel-info .panel-action {
  color: #0ba8ef; }
.theme-ultraviolet .panel-success {
  border-color: #47bc5d; }
  .theme-ultraviolet .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #47bc5d;
    border-color: #47bc5d; }
    .theme-ultraviolet .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #47bc5d; }
    .theme-ultraviolet .panel-success &gt; .panel-heading .badge-pill {
      color: #47bc5d;
      background-color: #ffffff; }
  .theme-ultraviolet .panel-success .panel-title, .theme-ultraviolet .panel-success .panel-action {
    color: #ffffff; }
  .theme-ultraviolet .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #47bc5d; }
.theme-ultraviolet .panel-line.panel-success .panel-heading {
  color: #47bc5d;
  border-top-color: #47bc5d;
  background: transparent; }
.theme-ultraviolet .panel-line.panel-success .panel-title, .theme-ultraviolet .panel-line.panel-success .panel-action {
  color: #47bc5d; }
.theme-ultraviolet .panel-danger {
  border-color: #e62d2d; }
  .theme-ultraviolet .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #e62d2d;
    border-color: #e62d2d; }
    .theme-ultraviolet .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e62d2d; }
    .theme-ultraviolet .panel-danger &gt; .panel-heading .badge-pill {
      color: #e62d2d;
      background-color: #ffffff; }
  .theme-ultraviolet .panel-danger .panel-title, .theme-ultraviolet .panel-danger .panel-action {
    color: #ffffff; }
  .theme-ultraviolet .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e62d2d; }
.theme-ultraviolet .panel-line.panel-danger .panel-heading {
  color: #e62d2d;
  border-top-color: #e62d2d;
  background: transparent; }
.theme-ultraviolet .panel-line.panel-danger .panel-title, .theme-ultraviolet .panel-line.panel-danger .panel-action {
  color: #e62d2d; }
.theme-ultraviolet .panel-warning {
  border-color: #ff8400; }
  .theme-ultraviolet .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #ff8400;
    border-color: #ff8400; }
    .theme-ultraviolet .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ff8400; }
    .theme-ultraviolet .panel-warning &gt; .panel-heading .badge-pill {
      color: #ff8400;
      background-color: #ffffff; }
  .theme-ultraviolet .panel-warning .panel-title, .theme-ultraviolet .panel-warning .panel-action {
    color: #ffffff; }
  .theme-ultraviolet .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ff8400; }
.theme-ultraviolet .panel-line.panel-warning .panel-heading {
  color: #ff8400;
  border-top-color: #ff8400;
  background: transparent; }
.theme-ultraviolet .panel-line.panel-warning .panel-title, .theme-ultraviolet .panel-line.panel-warning .panel-action {
  color: #ff8400; }

/*---switch---*/
.theme-ultraviolet .switch input:checked ~ .switch-indicator::after {
  background-color: #ab47bc; }
.theme-ultraviolet .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #ab47bc; }
.theme-ultraviolet .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #0ba8ef; }
.theme-ultraviolet .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #47bc5d; }
.theme-ultraviolet .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #e62d2d; }
.theme-ultraviolet .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #ff8400; }

/*---badge---*/
.theme-ultraviolet .badge-primary {
  background-color: #ab47bc;
  color: #ffffff; }
.theme-ultraviolet .badge-primary[href]:hover, .theme-ultraviolet .badge-primary[href]:focus {
  background-color: #8a3898; }
.theme-ultraviolet .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-ultraviolet .badge-secondary[href]:hover, .theme-ultraviolet .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-ultraviolet .badge-info {
  background-color: #0ba8ef;
  color: #ffffff; }
.theme-ultraviolet .badge-info[href]:hover, .theme-ultraviolet .badge-info[href]:focus {
  background-color: #0986be; }
.theme-ultraviolet .badge-success {
  background-color: #47bc5d;
  color: #ffffff; }
.theme-ultraviolet .badge-success[href]:hover, .theme-ultraviolet .badge-success[href]:focus {
  background-color: #38984a; }
.theme-ultraviolet .badge-danger {
  background-color: #e62d2d;
  color: #ffffff; }
.theme-ultraviolet .badge-danger[href]:hover, .theme-ultraviolet .badge-danger[href]:focus {
  background-color: #c81818; }
.theme-ultraviolet .badge-warning {
  background-color: #ff8400;
  color: #ffffff; }
.theme-ultraviolet .badge-warning[href]:hover, .theme-ultraviolet .badge-warning[href]:focus {
  background-color: #cc6a00; }

/*---badge light---*/
.theme-ultraviolet .badge-primary-light {
  background-color: #fae0ff;
  color: #ab47bc; }
.theme-ultraviolet .badge-primary-light[href]:hover, .theme-ultraviolet .badge-primary-light[href]:focus {
  background-color: #f2adff; }
.theme-ultraviolet .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-ultraviolet .badge-secondary-light[href]:hover, .theme-ultraviolet .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-ultraviolet .badge-info-light {
  background-color: #eaf8ff;
  color: #0ba8ef; }
.theme-ultraviolet .badge-info-light[href]:hover, .theme-ultraviolet .badge-info-light[href]:focus {
  background-color: #b7e7ff; }
.theme-ultraviolet .badge-success-light {
  background-color: #e4ffe9;
  color: #47bc5d; }
.theme-ultraviolet .badge-success-light[href]:hover, .theme-ultraviolet .badge-success-light[href]:focus {
  background-color: #b1ffbf; }
.theme-ultraviolet .badge-danger-light {
  background-color: #ffeaea;
  color: #e62d2d; }
.theme-ultraviolet .badge-danger-light[href]:hover, .theme-ultraviolet .badge-danger-light[href]:focus {
  background-color: #ffb7b7; }
.theme-ultraviolet .badge-warning-light {
  background-color: #ffe9d1;
  color: #ff8400; }
.theme-ultraviolet .badge-warning-light[href]:hover, .theme-ultraviolet .badge-warning-light[href]:focus {
  background-color: #ffd19e; }

/*---rating---*/
.theme-ultraviolet .rating-primary .active {
  color: #ab47bc; }
.theme-ultraviolet .rating-primary :checked ~ label {
  color: #ab47bc; }
.theme-ultraviolet .rating-primary label:hover {
  color: #ab47bc; }
  .theme-ultraviolet .rating-primary label:hover ~ label {
    color: #ab47bc; }
.theme-ultraviolet .rating-info .active {
  color: #0ba8ef; }
.theme-ultraviolet .rating-info :checked ~ label {
  color: #0ba8ef; }
.theme-ultraviolet .rating-info label:hover {
  color: #0ba8ef; }
  .theme-ultraviolet .rating-info label:hover ~ label {
    color: #0ba8ef; }
.theme-ultraviolet .rating-success .active {
  color: #47bc5d; }
.theme-ultraviolet .rating-success :checked ~ label {
  color: #47bc5d; }
.theme-ultraviolet .rating-success label:hover {
  color: #47bc5d; }
  .theme-ultraviolet .rating-success label:hover ~ label {
    color: #47bc5d; }
.theme-ultraviolet .rating-danger .active {
  color: #e62d2d; }
.theme-ultraviolet .rating-danger :checked ~ label {
  color: #e62d2d; }
.theme-ultraviolet .rating-danger label:hover {
  color: #e62d2d; }
  .theme-ultraviolet .rating-danger label:hover ~ label {
    color: #e62d2d; }
.theme-ultraviolet .rating-warning .active {
  color: #ff8400; }
.theme-ultraviolet .rating-warning :checked ~ label {
  color: #ff8400; }
.theme-ultraviolet .rating-warning label:hover {
  color: #ff8400; }
  .theme-ultraviolet .rating-warning label:hover ~ label {
    color: #ff8400; }

/*---toggler---*/
.theme-ultraviolet .toggler-primary input:checked + i {
  color: #ab47bc; }
.theme-ultraviolet .toggler-info input:checked + i {
  color: #0ba8ef; }
.theme-ultraviolet .toggler-success input:checked + i {
  color: #47bc5d; }
.theme-ultraviolet .toggler-danger input:checked + i {
  color: #e62d2d; }
.theme-ultraviolet .toggler-warning input:checked + i {
  color: #ff8400; }

/*---nav tabs---*/
.theme-ultraviolet .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-ultraviolet .nav-tabs.nav-tabs-primary .nav-link:active, .theme-ultraviolet .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-ultraviolet .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #8a3898;
  background-color: transparent;
  color: #8a3898; }
.theme-ultraviolet .nav-tabs.nav-tabs-info .nav-link:hover, .theme-ultraviolet .nav-tabs.nav-tabs-info .nav-link:active, .theme-ultraviolet .nav-tabs.nav-tabs-info .nav-link:focus, .theme-ultraviolet .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #0986be;
  background-color: #0ba8ef;
  color: #ffffff; }
.theme-ultraviolet .nav-tabs.nav-tabs-success .nav-link:hover, .theme-ultraviolet .nav-tabs.nav-tabs-success .nav-link:active, .theme-ultraviolet .nav-tabs.nav-tabs-success .nav-link:focus, .theme-ultraviolet .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #38984a;
  background-color: transparent;
  color: #38984a; }
.theme-ultraviolet .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-ultraviolet .nav-tabs.nav-tabs-danger .nav-link:active, .theme-ultraviolet .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-ultraviolet .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #c81818;
  background-color: transparent;
  color: #c81818; }
.theme-ultraviolet .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-ultraviolet .nav-tabs.nav-tabs-warning .nav-link:active, .theme-ultraviolet .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-ultraviolet .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #cc6a00;
  background-color: transparent;
  color: #cc6a00; }
.theme-ultraviolet .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #8a3898; }
.theme-ultraviolet .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #0986be; }
.theme-ultraviolet .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #38984a; }
.theme-ultraviolet .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #c81818; }
.theme-ultraviolet .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #cc6a00; }
.theme-ultraviolet .nav-tabs .nav-link.active {
  border-bottom-color: #ab47bc;
  background-color: #ab47bc;
  color: #ffffff; }
  .theme-ultraviolet .nav-tabs .nav-link.active:hover, .theme-ultraviolet .nav-tabs .nav-link.active:focus {
    border-bottom-color: #ab47bc;
    background-color: #ab47bc;
    color: #ffffff; }
.theme-ultraviolet .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #ab47bc;
  background-color: #ab47bc; }
  .theme-ultraviolet .nav-tabs .nav-item.open .nav-link:hover, .theme-ultraviolet .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #ab47bc;
    background-color: #ab47bc; }

/*---todo---*/
.theme-ultraviolet .todo-list .primary {
  border-left-color: #ab47bc; }
.theme-ultraviolet .todo-list .info {
  border-left-color: #ab47bc; }
.theme-ultraviolet .todo-list .success {
  border-left-color: #47bc5d; }
.theme-ultraviolet .todo-list .danger {
  border-left-color: #e62d2d; }
.theme-ultraviolet .todo-list .warning {
  border-left-color: #ff8400; }

/*---timeline---*/
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #ab47bc;
  border: 1px solid #ab47bc;
  color: #ffffff; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #ab47bc;
    border-right-color: #ab47bc; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #0ba8ef;
  border: 1px solid #0ba8ef;
  color: #ffffff; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #0ba8ef;
    border-right-color: #0ba8ef; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #47bc5d;
  border: 1px solid #47bc5d;
  color: #ffffff; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #47bc5d;
    border-right-color: #47bc5d; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #e62d2d;
  border: 1px solid #e62d2d;
  color: #ffffff; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #e62d2d;
    border-right-color: #e62d2d; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #ff8400;
  border: 1px solid #ff8400;
  color: #ffffff; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #ff8400;
    border-right-color: #ff8400; }
  .theme-ultraviolet .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #ab47bc;
  background-color: #ffffff; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #0ba8ef;
  background-color: #ffffff; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #47bc5d;
  background-color: #ffffff; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #e62d2d;
  background-color: #ffffff; }
.theme-ultraviolet .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #ff8400;
  background-color: #ffffff; }
.theme-ultraviolet .timeline .timeline-label .label-primary {
  background-color: #ab47bc; }
.theme-ultraviolet .timeline .timeline-label .label-info {
  background-color: #0ba8ef; }
.theme-ultraviolet .timeline .timeline-label .label-success {
  background-color: #47bc5d; }
.theme-ultraviolet .timeline .timeline-label .label-danger {
  background-color: #e62d2d; }
.theme-ultraviolet .timeline .timeline-label .label-warning {
  background-color: #ff8400; }
.theme-ultraviolet .timeline__year, .theme-ultraviolet .timeline5:before, .theme-ultraviolet .timeline__box:before, .theme-ultraviolet .timeline__date {
  background-color: #ab47bc; }
.theme-ultraviolet .timeline__post {
  border-left: 3px solid #ab47bc; }

/*---daterangepicker---*/
.theme-ultraviolet .daterangepicker td.active {
  background-color: #ab47bc; }
  .theme-ultraviolet .daterangepicker td.active:hover {
    background-color: #ab47bc; }
.theme-ultraviolet .daterangepicker .input-mini.active {
  border: 1px solid #ab47bc; }
.theme-ultraviolet .ranges li:hover, .theme-ultraviolet .ranges li:active, .theme-ultraviolet .ranges li.active {
  border: 1px solid #ab47bc;
  background-color: #ab47bc; }

/*---control-sidebar---*/
.theme-ultraviolet .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-ultraviolet .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-ultraviolet .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #ab47bc;
  color: #ab47bc; }
.theme-ultraviolet .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #ab47bc;
  color: #ab47bc; }
  .theme-ultraviolet .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-ultraviolet .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-ultraviolet .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #ab47bc;
    color: #ab47bc; }
.theme-ultraviolet .control-sidebar .rpanel-title .btn:hover {
  color: #ab47bc; }

/*---nav---*/
.theme-ultraviolet .nav &gt; li &gt; a:hover, .theme-ultraviolet .nav &gt; li &gt; a:active, .theme-ultraviolet .nav &gt; li &gt; a:focus {
  color: #ab47bc; }
.theme-ultraviolet .nav-pills &gt; li &gt; a.active {
  border-top-color: #ab47bc;
  background-color: #ab47bc !important;
  color: #ffffff; }
  .theme-ultraviolet .nav-pills &gt; li &gt; a.active:hover, .theme-ultraviolet .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #ab47bc;
    background-color: #ab47bc !important;
    color: #ffffff; }
.theme-ultraviolet .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-ultraviolet .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #ab47bc; }
.theme-ultraviolet .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #ab47bc; }
  .theme-ultraviolet .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-ultraviolet .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #ab47bc; }
.theme-ultraviolet .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #ab47bc; }
.theme-ultraviolet .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #ab47bc; }
.theme-ultraviolet .customtab li a.nav-link.active {
  border-bottom: 2px solid #ab47bc; }

/*---form-element---*/
.theme-ultraviolet .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-ultraviolet .form-element .form-control {
  background-image: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-ultraviolet .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #ab47bc 0%, #ab47bc 33%, #0ba8ef 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-ultraviolet .form-control:focus {
  border-color: #ab47bc; }
.theme-ultraviolet [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #ab47bc;
  border-bottom: 2px solid #ab47bc; }
.theme-ultraviolet [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #0ba8ef;
  border-bottom: 2px solid #0ba8ef; }
.theme-ultraviolet [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #47bc5d;
  border-bottom: 2px solid #47bc5d; }
.theme-ultraviolet [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #e62d2d;
  border-bottom: 2px solid #e62d2d; }
.theme-ultraviolet [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #ff8400;
  border-bottom: 2px solid #ff8400; }
.theme-ultraviolet [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #ab47bc;
  background-color: #ab47bc; }
.theme-ultraviolet [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #0ba8ef;
  background-color: #0ba8ef; }
.theme-ultraviolet [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #47bc5d;
  background-color: #47bc5d; }
.theme-ultraviolet [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #e62d2d;
  background-color: #e62d2d; }
.theme-ultraviolet [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #ff8400;
  background-color: #ff8400; }
.theme-ultraviolet [type=radio].radio-col-primary:checked + label:after {
  background-color: #ab47bc;
  border-color: #ab47bc;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #ab47bc;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #ab47bc;
  border: 2px solid #ab47bc;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].radio-col-info:checked + label:after {
  background-color: #0ba8ef;
  border-color: #0ba8ef;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #0ba8ef;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #0ba8ef;
  border: 2px solid #0ba8ef;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].radio-col-success:checked + label:after {
  background-color: #47bc5d;
  border-color: #47bc5d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #47bc5d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #47bc5d;
  border: 2px solid #47bc5d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].radio-col-danger:checked + label:after {
  background-color: #e62d2d;
  border-color: #e62d2d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #e62d2d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #e62d2d;
  border: 2px solid #e62d2d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].radio-col-warning:checked + label:after {
  background-color: #ff8400;
  border-color: #ff8400;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #ff8400;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #ff8400;
  border: 2px solid #ff8400;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ultraviolet [type=checkbox]:checked + label:before {
  border-right: 2px solid #ab47bc;
  border-bottom: 2px solid #ab47bc; }
.theme-ultraviolet [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #ab47bc;
  background-color: #ab47bc; }
.theme-ultraviolet [type=radio].with-gap:checked + label:before, .theme-ultraviolet [type=radio].with-gap:checked + label:after {
  border: 2px solid #ab47bc; }
.theme-ultraviolet [type=radio].with-gap:checked + label:after {
  background-color: #ab47bc;
  z-index: 0; }
.theme-ultraviolet [type=radio]:checked + label:after {
  border: 2px solid #ab47bc;
  background-color: #ab47bc;
  z-index: 0; }
.theme-ultraviolet [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #ab47bc;
  background-color: #ab47bc; }

/*---Calender---*/
.theme-ultraviolet .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #ab47bc; }
.theme-ultraviolet .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #ab47bc;
  border-color: #ab47bc; }
.theme-ultraviolet .fc-event, .theme-ultraviolet .calendar-event {
  background: #ab47bc; }

/*---Tabs---*/
.theme-ultraviolet .tabs-vertical li .nav-link:hover, .theme-ultraviolet .tabs-vertical li .nav-link:active, .theme-ultraviolet .tabs-vertical li .nav-link:focus, .theme-ultraviolet .tabs-vertical li .nav-link.active {
  background-color: #ab47bc;
  color: #ffffff; }
.theme-ultraviolet .customvtab .tabs-vertical li .nav-link:hover, .theme-ultraviolet .customvtab .tabs-vertical li .nav-link:active, .theme-ultraviolet .customvtab .tabs-vertical li .nav-link:focus, .theme-ultraviolet .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #ab47bc;
  color: #ab47bc; }
.theme-ultraviolet .customtab2 li a.nav-link:hover, .theme-ultraviolet .customtab2 li a.nav-link:active, .theme-ultraviolet .customtab2 li a.nav-link.active {
  background-color: #ab47bc; }

.rtl.theme-ultraviolet .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-ultraviolet .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-ultraviolet .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-ultraviolet .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #ab47bc; }

/*---Notification---*/
.theme-ultraviolet .jq-icon-primary {
  background-color: #ab47bc;
  color: #ffffff;
  border-color: #ab47bc; }
.theme-ultraviolet .jq-icon-info {
  background-color: #0ba8ef;
  color: #ffffff;
  border-color: #0ba8ef; }
.theme-ultraviolet .jq-icon-success {
  background-color: #47bc5d;
  color: #ffffff;
  border-color: #ab47bc; }
.theme-ultraviolet .jq-icon-error {
  background-color: #e62d2d;
  color: #ffffff;
  border-color: #e62d2d; }
.theme-ultraviolet .jq-icon-danger {
  background-color: #e62d2d;
  color: #ffffff;
  border-color: #e62d2d; }
.theme-ultraviolet .jq-icon-warning {
  background-color: #ff8400;
  color: #ffffff;
  border-color: #ff8400; }

/*---avatar---*/
.theme-ultraviolet .avatar.status-primary::after {
  background-color: #ab47bc; }
.theme-ultraviolet .avatar.status-info::after {
  background-color: #0ba8ef; }
.theme-ultraviolet .avatar.status-success::after {
  background-color: #47bc5d; }
.theme-ultraviolet .avatar.status-danger::after {
  background-color: #e62d2d; }
.theme-ultraviolet .avatar.status-warning::after {
  background-color: #ff8400; }
.theme-ultraviolet .avatar[class*='status-']::after {
  background-color: #ab47bc; }
.theme-ultraviolet .avatar-add:hover {
  background-color: #8a3898;
  border-color: #8a3898; }

/*---media---*/
.theme-ultraviolet .media-chat.media-chat-reverse .media-body p {
  background-color: #ab47bc; }
.theme-ultraviolet .media-right-out a:hover {
  color: #8a3898; }

/*---control---*/
.theme-ultraviolet .control input:checked:focus ~ .control_indicator {
  background-color: #ab47bc; }
.theme-ultraviolet .control input:checked ~ .control_indicator {
  background-color: #ab47bc; }
.theme-ultraviolet .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #ab47bc; }

/*---flex---*/
.theme-ultraviolet .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #ab47bc; }
  .theme-ultraviolet .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #ab47bc; }

/*---pagination---*/
.theme-ultraviolet .pagination li a.current {
  border: 1px solid #ab47bc;
  background-color: #ab47bc; }
  .theme-ultraviolet .pagination li a.current:hover {
    border: 1px solid #ab47bc;
    background-color: #ab47bc; }
.theme-ultraviolet .pagination li a:hover {
  border: 1px solid #8a3898;
  background-color: #8a3898 !important; }
.theme-ultraviolet .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #ab47bc;
  background-color: #ab47bc; }
  .theme-ultraviolet .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #ab47bc;
    background-color: #ab47bc; }
.theme-ultraviolet .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #ab47bc; }
.theme-ultraviolet .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #ab47bc; }
.theme-ultraviolet .footable .pagination li a:hover, .theme-ultraviolet .footable .pagination li a:active, .theme-ultraviolet .footable .pagination li a.active {
  background-color: #ab47bc; }

/*---dataTables---*/
.theme-ultraviolet .dt-buttons .dt-button {
  background-color: #ab47bc; }

/*---select2---*/
.theme-ultraviolet .select2-container--default.select2-container--open {
  border-color: #ab47bc; }
.theme-ultraviolet .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ab47bc; }
.theme-ultraviolet .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #ab47bc !important; }
.theme-ultraviolet .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ab47bc !important; }
.theme-ultraviolet .select2-container--default .select2-selection--multiple:focus {
  border-color: #ab47bc !important; }
.theme-ultraviolet .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ab47bc;
  border-color: #ab47bc; }

/*---Other---*/
.theme-ultraviolet .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #8a3898; }
.theme-ultraviolet .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #8a3898; }
.theme-ultraviolet .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #8a3898; }
.theme-ultraviolet [data-overlay-primary]::before {
  background: #8a3898; }

/*---wizard---*/
.theme-ultraviolet .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #ab47bc;
  background-color: #ab47bc; }
.theme-ultraviolet .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #8a3898;
  background-color: #8a3898; }
.theme-ultraviolet .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #ab47bc; }
.theme-ultraviolet .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #ab47bc; }
.theme-ultraviolet .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #ab47bc; }
.theme-ultraviolet .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #ab47bc; }
.theme-ultraviolet .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #ab47bc; }
.theme-ultraviolet .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #ab47bc;
  color: #ab47bc; }
  .theme-ultraviolet .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #ab47bc; }
.theme-ultraviolet .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #ab47bc; }

@media (max-width: 767px) {
  .theme-ultraviolet .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #ab47bc; } }
@media (max-width: 575px) {
  .theme-ultraviolet .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #ab47bc; } }
/*---slider---*/
.theme-ultraviolet #primary .slider-selection {
  background-color: #ab47bc; }
.theme-ultraviolet #info .slider-selection {
  background-color: #0ba8ef; }
.theme-ultraviolet #success .slider-selection {
  background-color: #47bc5d; }
.theme-ultraviolet #danger .slider-selection {
  background-color: #e62d2d; }
.theme-ultraviolet #warning .slider-selection {
  background-color: #ff8400; }

/*---horizontal-timeline---*/
.theme-ultraviolet .cd-horizontal-timeline .events a.selected::after {
  background: #ab47bc;
  border-color: #ab47bc; }
.theme-ultraviolet .cd-horizontal-timeline .events a.older-event::after {
  border-color: #ab47bc; }
.theme-ultraviolet .cd-horizontal-timeline .filling-line {
  background: #ab47bc; }
.theme-ultraviolet .cd-horizontal-timeline a {
  color: #ab47bc; }
  .theme-ultraviolet .cd-horizontal-timeline a:hover, .theme-ultraviolet .cd-horizontal-timeline a:focus {
    color: #ab47bc; }
.theme-ultraviolet .cd-timeline-navigation a:hover, .theme-ultraviolet .cd-timeline-navigation a:focus {
  border-color: #ab47bc; }

/**************************************
Theme botani Color
**************************************/
.bg-gradient-botani, .theme-botani .bg-gradient-botani, .theme-botani .art-bg {
  background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%); }

.bg-light-body {
  background: transparent; }

.theme-botani.fixed .main-header {
   }
  .theme-botani.fixed .main-header .navbar {
    background: transparent; }
.theme-botani .main-header {
  background: #ffffff; }

.theme-botani.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-botani-dark, .dark-skin.theme-botani .bg-gradient-botani, .dark-skin.theme-botani .art-bg {
  background-image: linear-gradient(-45deg, #35511c 0%, #35511c 33%, #90143d 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-botani.fixed .main-header {
   }
  .dark-skin.theme-botani.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-botani .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-botani.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-botani.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-botani.fixed .main-header {
    background-image: #0c1a32; } }
.theme-botani a:hover, .theme-botani a:active, .theme-botani a:focus {
  color: #669d36; }
.theme-botani .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-botani .main-sidebar .svg-icon:hover, .theme-botani .main-sidebar .svg-icon:active, .theme-botani .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-botani .main-sidebar a:hover .svg-icon, .theme-botani .main-sidebar a:active .svg-icon, .theme-botani .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-botani .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-botani .svg-icon:hover, .theme-botani .svg-icon:active, .theme-botani .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-botani a:hover .svg-icon, .theme-botani a:active .svg-icon, .theme-botani a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-botani.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #669d36 !important; }
  .theme-botani.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #669d36; }
  .theme-botani.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #669d36;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-botani.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-botani.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-botani.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #669d36 !important; }
.theme-botani.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-botani.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-botani.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-botani.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-botani.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-botani.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #669d36 !important; }
.theme-botani.light-skin .sidebar-menu &gt; li:hover, .theme-botani.light-skin .sidebar-menu &gt; li:active, .theme-botani.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(102, 157, 54, 0);
  color: #669d36;
  border-left: 0px solid rgba(102, 157, 54, 0); }
  .theme-botani.light-skin .sidebar-menu &gt; li:hover a, .theme-botani.light-skin .sidebar-menu &gt; li:active a, .theme-botani.light-skin .sidebar-menu &gt; li.active a {
    color: #669d36; }
    .theme-botani.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-botani.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-botani.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(102, 157, 54, 0); }
    .theme-botani.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-botani.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-botani.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #669d36;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-botani.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-botani.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-botani.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-botani.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(102, 157, 54, 0);
  color: #669d36;
  border-left: 0px solid #669d36; }
  .theme-botani.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%); }
    .theme-botani.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #669d36;
      background-color: rgba(102, 157, 54, 0); }
    .theme-botani.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-botani.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(102, 157, 54, 0);
    color: #669d36; }
    .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%); }
      .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(102, 157, 54, 0); }
  .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(102, 157, 54, 0); }
  .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(102, 157, 54, 0);
    color: #669d36; }
    .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #669d36; }
      .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #669d36;
        background-color: rgba(102, 157, 54, 0); }
  .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(102, 157, 54, 0);
    color: #669d36; }
    .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #669d36; }
      .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #669d36;
        background-color: rgba(102, 157, 54, 0); }
  .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-botani.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(102, 157, 54, 0); }
.theme-botani.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #669d36;
  border-right: 0px solid #669d36; }
.theme-botani.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(102, 157, 54, 0);
  color: white;
  border-left: 0px solid #669d36; }
  .theme-botani.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%); }
    .theme-botani.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-botani.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-botani.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-botani.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(102, 157, 54, 0);
    color: #669d36; }
    .theme-botani.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%); }
      .theme-botani.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(102, 157, 54, 0); }
  .theme-botani.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(102, 157, 54, 0);
    color: white; }
    .theme-botani.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-botani.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #669d36;
  border-right: 0px solid #669d36; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(102, 157, 54, 0.2);
    color: #669d36; } }
/*---Main Nav---*/
.theme-botani .sm-blue li.current &gt; a, .theme-botani .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%);
  color: #ffffff !important; }
  .theme-botani .sm-blue li.current &gt; a:hover, .theme-botani .sm-blue li.current &gt; a:active, .theme-botani .sm-blue li.current &gt; a:focus, .theme-botani .sm-blue li.highlighted &gt; a:hover, .theme-botani .sm-blue li.highlighted &gt; a:active, .theme-botani .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%);
    color: #ffffff !important; }
.theme-botani .sm-blue a.current, .theme-botani .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%);
  color: #ffffff !important; }
.theme-botani .sm-blue a:hover, .theme-botani .sm-blue a:active, .theme-botani .sm-blue a:focus {
  background: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%);
  color: #ffffff !important; }
.theme-botani .sm-blue ul a:hover, .theme-botani .sm-blue ul a:active, .theme-botani .sm-blue ul a:focus {
  background: #ebedf3;
  color: #669d36 !important; }
.theme-botani .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #669d36 !important; }

.dark-skin.theme-botani .sm-blue li.current &gt; a, .dark-skin.theme-botani .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #35511c 0%, #35511c 33%, #90143d 100%);
  color: #ffffff !important; }
  .dark-skin.theme-botani .sm-blue li.current &gt; a:hover, .dark-skin.theme-botani .sm-blue li.current &gt; a:active, .dark-skin.theme-botani .sm-blue li.current &gt; a:focus, .dark-skin.theme-botani .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-botani .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-botani .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #35511c 0%, #35511c 33%, #90143d 100%);
    color: #ffffff !important; }
.dark-skin.theme-botani .sm-blue a.current, .dark-skin.theme-botani .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #35511c 0%, #35511c 33%, #90143d 100%);
  color: #ffffff !important; }
.dark-skin.theme-botani .sm-blue a:hover, .dark-skin.theme-botani .sm-blue a:active, .dark-skin.theme-botani .sm-blue a:focus {
  background: linear-gradient(-45deg, #35511c 0%, #35511c 33%, #90143d 100%);
  color: #ffffff !important; }
.dark-skin.theme-botani .sm-blue ul a:hover, .dark-skin.theme-botani .sm-blue ul a:active, .dark-skin.theme-botani .sm-blue ul a:focus {
  background: #29354b;
  color: #669d36 !important; }
.dark-skin.theme-botani .sm-blue ul a.highlighted {
  background: #29354b;
  color: #669d36 !important; }

/*---Primary Button---*/
.theme-botani .btn-link {
  color: #669d36; }
.theme-botani .btn-primary {
  background-color: #669d36;
  border-color: #669d36;
  color: #ffffff; }
  .theme-botani .btn-primary:hover, .theme-botani .btn-primary:active, .theme-botani .btn-primary:focus, .theme-botani .btn-primary.active {
    background-color: #4d7729 !important;
    border-color: #4d7729 !important;
    color: #ffffff !important; }
  .theme-botani .btn-primary:disabled {
    background-color: #99cd6c;
    border-color: #669d36;
    opacity: 0.5; }
  .theme-botani .btn-primary.disabled {
    background-color: #99cd6c;
    border-color: #669d36;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-primary.dropdown-toggle {
  background-color: #4d7729 !important;
  border-color: #4d7729 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-primary {
  color: #669d36;
  background-color: transparent;
  border-color: #669d36 !important; }
  .theme-botani .btn-outline.btn-primary:hover, .theme-botani .btn-outline.btn-primary:active, .theme-botani .btn-outline.btn-primary.active {
    background-color: #4d7729 !important;
    border-color: #4d7729 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #4d7729 !important;
  border-color: #4d7729 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-primary {
  color: #669d36 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-primary:hover, .theme-botani .btn-flat.btn-primary:active, .theme-botani .btn-flat.btn-primary.active {
    background-color: #4d7729 !important;
    border-color: #4d7729 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-botani .btn-info {
  background-color: #f06292;
  border-color: #f06292;
  color: #ffffff; }
  .theme-botani .btn-info:hover, .theme-botani .btn-info:active, .theme-botani .btn-info:focus, .theme-botani .btn-info.active {
    background-color: #ec3372 !important;
    border-color: #ec3372 !important;
    color: #ffffff !important; }
  .theme-botani .btn-info:disabled {
    background-color: #f9bfd3;
    border-color: #f06292;
    opacity: 0.5; }
  .theme-botani .btn-info.disabled {
    background-color: #f9bfd3;
    border-color: #f06292;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-info.dropdown-toggle {
  background-color: #ec3372 !important;
  border-color: #ec3372 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-info {
  color: #f06292;
  background-color: transparent;
  border-color: #f06292 !important; }
  .theme-botani .btn-outline.btn-info:hover, .theme-botani .btn-outline.btn-info:active, .theme-botani .btn-outline.btn-info.active {
    background-color: #ec3372 !important;
    border-color: #ec3372 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #ec3372 !important;
  border-color: #ec3372 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-info {
  color: #f06292 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-info:hover, .theme-botani .btn-flat.btn-info:active, .theme-botani .btn-flat.btn-info.active {
    background-color: #ec3372 !important;
    border-color: #ec3372 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-botani .btn-success {
  background-color: #25b6b4;
  border-color: #25b6b4;
  color: #ffffff; }
  .theme-botani .btn-success:hover, .theme-botani .btn-success:active, .theme-botani .btn-success:focus, .theme-botani .btn-success.active {
    background-color: #1c8c8a !important;
    border-color: #1c8c8a !important;
    color: #ffffff !important; }
  .theme-botani .btn-success:disabled {
    background-color: #62dfdd;
    border-color: #25b6b4;
    opacity: 0.5; }
  .theme-botani .btn-success.disabled {
    background-color: #62dfdd;
    border-color: #25b6b4;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-success.dropdown-toggle {
  background-color: #1c8c8a !important;
  border-color: #1c8c8a !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-success {
  color: #25b6b4;
  background-color: transparent;
  border-color: #25b6b4 !important; }
  .theme-botani .btn-outline.btn-success:hover, .theme-botani .btn-outline.btn-success:active, .theme-botani .btn-outline.btn-success.active {
    background-color: #1c8c8a !important;
    border-color: #1c8c8a !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #1c8c8a !important;
  border-color: #1c8c8a !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-success {
  color: #25b6b4 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-success:hover, .theme-botani .btn-flat.btn-success:active, .theme-botani .btn-flat.btn-success.active {
    background-color: #1c8c8a !important;
    border-color: #1c8c8a !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-botani .btn-danger {
  background-color: #e12966;
  border-color: #e12966;
  color: #ffffff; }
  .theme-botani .btn-danger:hover, .theme-botani .btn-danger:active, .theme-botani .btn-danger:focus, .theme-botani .btn-danger.active {
    background-color: #bd1a50 !important;
    border-color: #bd1a50 !important;
    color: #ffffff !important; }
  .theme-botani .btn-danger:disabled {
    background-color: #ee82a6;
    border-color: #e12966;
    opacity: 0.5; }
  .theme-botani .btn-danger.disabled {
    background-color: #ee82a6;
    border-color: #e12966;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-danger.dropdown-toggle {
  background-color: #bd1a50 !important;
  border-color: #bd1a50 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-danger {
  color: #e12966;
  background-color: transparent;
  border-color: #e12966 !important; }
  .theme-botani .btn-outline.btn-danger:hover, .theme-botani .btn-outline.btn-danger:active, .theme-botani .btn-outline.btn-danger.active {
    background-color: #bd1a50 !important;
    border-color: #bd1a50 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #bd1a50 !important;
  border-color: #bd1a50 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-danger {
  color: #e12966 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-danger:hover, .theme-botani .btn-flat.btn-danger:active, .theme-botani .btn-flat.btn-danger.active {
    background-color: #bd1a50 !important;
    border-color: #bd1a50 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-botani .btn-warning {
  background-color: #e2c607;
  border-color: #e2c607;
  color: #ffffff; }
  .theme-botani .btn-warning:hover, .theme-botani .btn-warning:active, .theme-botani .btn-warning:focus, .theme-botani .btn-warning.active {
    background-color: #b19b05 !important;
    border-color: #b19b05 !important;
    color: #ffffff !important; }
  .theme-botani .btn-warning:disabled {
    background-color: #fae555;
    border-color: #e2c607;
    opacity: 0.5; }
  .theme-botani .btn-warning.disabled {
    background-color: #fae555;
    border-color: #e2c607;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-warning.dropdown-toggle {
  background-color: #b19b05 !important;
  border-color: #b19b05 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-warning {
  color: #e2c607;
  background-color: transparent;
  border-color: #e2c607 !important; }
  .theme-botani .btn-outline.btn-warning:hover, .theme-botani .btn-outline.btn-warning:active, .theme-botani .btn-outline.btn-warning.active {
    background-color: #b19b05 !important;
    border-color: #b19b05 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #b19b05 !important;
  border-color: #b19b05 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-warning {
  color: #e2c607 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-warning:hover, .theme-botani .btn-flat.btn-warning:active, .theme-botani .btn-flat.btn-warning.active {
    background-color: #b19b05 !important;
    border-color: #b19b05 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-botani .btn-primary-light {
  background-color: #e3f5d3;
  border-color: #e3f5d3;
  color: #669d36; }
  .theme-botani .btn-primary-light:hover, .theme-botani .btn-primary-light:active, .theme-botani .btn-primary-light:focus, .theme-botani .btn-primary-light.active {
    background-color: #669d36 !important;
    border-color: #669d36 !important;
    color: #ffffff !important; }
  .theme-botani .btn-primary-light:disabled {
    background-color: white;
    border-color: #e3f5d3;
    opacity: 0.5; }
  .theme-botani .btn-primary-light.disabled {
    background-color: white;
    border-color: #e3f5d3;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #669d36 !important;
  border-color: #669d36 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-primary-light {
  color: #669d36;
  background-color: transparent;
  border-color: #e3f5d3 !important; }
  .theme-botani .btn-outline.btn-primary-light:hover, .theme-botani .btn-outline.btn-primary-light:active, .theme-botani .btn-outline.btn-primary-light.active {
    background-color: #669d36 !important;
    border-color: #669d36 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #669d36 !important;
  border-color: #669d36 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-primary-light {
  color: #669d36 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-primary-light:hover, .theme-botani .btn-flat.btn-primary-light:active, .theme-botani .btn-flat.btn-primary-light.active {
    background-color: #669d36 !important;
    border-color: #669d36 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-botani .btn-info-light {
  background-color: #ffe4ed;
  border-color: #ffe4ed;
  color: #f06292; }
  .theme-botani .btn-info-light:hover, .theme-botani .btn-info-light:active, .theme-botani .btn-info-light:focus, .theme-botani .btn-info-light.active {
    background-color: #f06292 !important;
    border-color: #f06292 !important;
    color: #ffffff !important; }
  .theme-botani .btn-info-light:disabled {
    background-color: white;
    border-color: #ffe4ed;
    opacity: 0.5; }
  .theme-botani .btn-info-light.disabled {
    background-color: white;
    border-color: #ffe4ed;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-info.dropdown-toggle {
  background-color: #f06292 !important;
  border-color: #f06292 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-info-light {
  color: #f06292;
  background-color: transparent;
  border-color: #ffe4ed !important; }
  .theme-botani .btn-outline.btn-info-light:hover, .theme-botani .btn-outline.btn-info-light:active, .theme-botani .btn-outline.btn-info-light.active {
    background-color: #f06292 !important;
    border-color: #f06292 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #f06292 !important;
  border-color: #f06292 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-info-light {
  color: #f06292 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-info-light:hover, .theme-botani .btn-flat.btn-info-light:active, .theme-botani .btn-flat.btn-info-light.active {
    background-color: #f06292 !important;
    border-color: #f06292 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-botani .btn-success-light {
  background-color: #d5f1f1;
  border-color: #d5f1f1;
  color: #25b6b4; }
  .theme-botani .btn-success-light:hover, .theme-botani .btn-success-light:active, .theme-botani .btn-success-light:focus, .theme-botani .btn-success-light.active {
    background-color: #25b6b4 !important;
    border-color: #25b6b4 !important;
    color: #ffffff !important; }
  .theme-botani .btn-success-light:disabled {
    background-color: white;
    border-color: #d5f1f1;
    opacity: 0.5; }
  .theme-botani .btn-success-light.disabled {
    background-color: white;
    border-color: #d5f1f1;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #25b6b4 !important;
  border-color: #25b6b4 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-success-light {
  color: #25b6b4;
  background-color: transparent;
  border-color: #d5f1f1 !important; }
  .theme-botani .btn-outline.btn-success-light:hover, .theme-botani .btn-outline.btn-success-light:active, .theme-botani .btn-outline.btn-success-light.active {
    background-color: #25b6b4 !important;
    border-color: #25b6b4 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #25b6b4 !important;
  border-color: #25b6b4 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-success-light {
  color: #25b6b4 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-success-light:hover, .theme-botani .btn-flat.btn-success-light:active, .theme-botani .btn-flat.btn-success-light.active {
    background-color: #25b6b4 !important;
    border-color: #25b6b4 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-botani .btn-danger-light {
  background-color: #edd4dc;
  border-color: #edd4dc;
  color: #e12966; }
  .theme-botani .btn-danger-light:hover, .theme-botani .btn-danger-light:active, .theme-botani .btn-danger-light:focus, .theme-botani .btn-danger-light.active {
    background-color: #e12966 !important;
    border-color: #e12966 !important;
    color: #ffffff !important; }
  .theme-botani .btn-danger-light:disabled {
    background-color: white;
    border-color: #edd4dc;
    opacity: 0.5; }
  .theme-botani .btn-danger-light.disabled {
    background-color: white;
    border-color: #edd4dc;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #e12966 !important;
  border-color: #e12966 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-danger-light {
  color: #e12966;
  background-color: transparent;
  border-color: #edd4dc !important; }
  .theme-botani .btn-outline.btn-danger-light:hover, .theme-botani .btn-outline.btn-danger-light:active, .theme-botani .btn-outline.btn-danger-light.active {
    background-color: #e12966 !important;
    border-color: #e12966 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #e12966 !important;
  border-color: #e12966 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-danger-light {
  color: #e12966 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-danger-light:hover, .theme-botani .btn-flat.btn-danger-light:active, .theme-botani .btn-flat.btn-danger-light.active {
    background-color: #e12966 !important;
    border-color: #e12966 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-botani .btn-warning-light {
  background-color: #faf5d4;
  border-color: #faf5d4;
  color: #e2c607; }
  .theme-botani .btn-warning-light:hover, .theme-botani .btn-warning-light:active, .theme-botani .btn-warning-light:focus, .theme-botani .btn-warning-light.active {
    background-color: #e2c607 !important;
    border-color: #e2c607 !important;
    color: #ffffff !important; }
  .theme-botani .btn-warning-light:disabled {
    background-color: white;
    border-color: #faf5d4;
    opacity: 0.5; }
  .theme-botani .btn-warning-light.disabled {
    background-color: white;
    border-color: #faf5d4;
    opacity: 0.5; }
.theme-botani .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #e2c607 !important;
  border-color: #e2c607 !important;
  color: #ffffff; }
.theme-botani .btn-outline.btn-warning-light {
  color: #e2c607;
  background-color: transparent;
  border-color: #faf5d4 !important; }
  .theme-botani .btn-outline.btn-warning-light:hover, .theme-botani .btn-outline.btn-warning-light:active, .theme-botani .btn-outline.btn-warning-light.active {
    background-color: #e2c607 !important;
    border-color: #e2c607 !important;
    color: #ffffff !important; }
.theme-botani .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #e2c607 !important;
  border-color: #e2c607 !important;
  color: #ffffff; }
.theme-botani .btn-flat.btn-warning-light {
  color: #e2c607 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-botani .btn-flat.btn-warning-light:hover, .theme-botani .btn-flat.btn-warning-light:active, .theme-botani .btn-flat.btn-warning-light.active {
    background-color: #e2c607 !important;
    border-color: #e2c607 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-botani .callout.callout-primary {
  border-color: #669d36;
  background-color: #669d36 !important; }
.theme-botani .callout.callout-info {
  border-color: #f06292;
  background-color: #f06292 !important; }
.theme-botani .callout.callout-success {
  border-color: #25b6b4;
  background-color: #25b6b4 !important; }
.theme-botani .callout.callout-danger {
  border-color: #e12966;
  background-color: #e12966 !important; }
.theme-botani .callout.callout-warning {
  border-color: #e2c607;
  background-color: #e2c607 !important; }

/*---alert---*/
.theme-botani .alert-primary {
  border-color: #669d36;
  background-color: #669d36 !important;
  color: #ffffff; }
.theme-botani .alert-info {
  border-color: #f06292;
  background-color: #f06292 !important;
  color: #ffffff; }
.theme-botani .alert-success {
  border-color: #25b6b4;
  background-color: #25b6b4 !important;
  color: #ffffff; }
.theme-botani .alert-danger {
  border-color: #e12966;
  background-color: #e12966 !important;
  color: #ffffff; }
.theme-botani .alert-error {
  border-color: #e12966;
  background-color: #e12966 !important;
  color: #ffffff; }
.theme-botani .alert-warning {
  border-color: #e2c607;
  background-color: #e2c607 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-botani .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #669d36;
  color: #ffffff; }
.theme-botani .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-botani .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #669d36; }
.theme-botani .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #f06292;
  color: #ffffff; }
.theme-botani .direct-chat-info .right &gt; .direct-chat-text:before, .theme-botani .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #f06292; }
.theme-botani .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #25b6b4;
  color: #ffffff; }
.theme-botani .direct-chat-success .right &gt; .direct-chat-text:before, .theme-botani .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #25b6b4; }
.theme-botani .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #e12966;
  color: #ffffff; }
.theme-botani .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-botani .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #e12966; }
.theme-botani .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #e2c607;
  color: #ffffff; }
.theme-botani .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-botani .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #e2c607; }
.theme-botani .right .direct-chat-text p {
  background-color: #669d36; }

/*---modal---*/
.theme-botani .modal-primary .modal-footer, .theme-botani .modal-primary .modal-header {
  border-color: #669d36; }
.theme-botani .modal-primary .modal-body {
  background-color: #669d36 !important; }
.theme-botani .modal-info .modal-footer, .theme-botani .modal-info .modal-header {
  border-color: #f06292; }
.theme-botani .modal-info .modal-body {
  background-color: #f06292 !important; }
.theme-botani .modal-success .modal-footer, .theme-botani .modal-success .modal-header {
  border-color: #25b6b4; }
.theme-botani .modal-success .modal-body {
  background-color: #25b6b4 !important; }
.theme-botani .modal-danger .modal-footer, .theme-botani .modal-danger .modal-header {
  border-color: #e12966; }
.theme-botani .modal-danger .modal-body {
  background-color: #e12966 !important; }
.theme-botani .modal-warning .modal-footer, .theme-botani .modal-warning .modal-header {
  border-color: #e2c607; }
.theme-botani .modal-warning .modal-body {
  background-color: #e2c607 !important; }

/*---border---*/
.theme-botani .border-primary {
  border-color: #669d36 !important; }
.theme-botani .border-info {
  border-color: #f06292 !important; }
.theme-botani .border-success {
  border-color: #25b6b4 !important; }
.theme-botani .border-danger {
  border-color: #e12966 !important; }
.theme-botani .border-warning {
  border-color: #e2c607 !important; }

/*---Background---*/
.theme-botani .bg-primary {
  background-color: #669d36 !important;
  color: #ffffff; }
.theme-botani .bg-primary-light {
  background-color: #e3f5d3 !important;
  color: #669d36; }
.theme-botani .bg-info {
  background-color: #f06292 !important;
  color: #ffffff; }
.theme-botani .bg-info-light {
  background-color: #ffe4ed !important;
  color: #f06292; }
.theme-botani .bg-success {
  background-color: #25b6b4 !important;
  color: #ffffff; }
.theme-botani .bg-success-light {
  background-color: #d5f1f1 !important;
  color: #25b6b4; }
.theme-botani .bg-danger {
  background-color: #e12966 !important;
  color: #ffffff; }
.theme-botani .bg-danger-light {
  background-color: #edd4dc !important;
  color: #e12966; }
.theme-botani .bg-warning {
  background-color: #e2c607 !important;
  color: #ffffff; }
.theme-botani .bg-warning-light {
  background-color: #faf5d4 !important;
  color: #e2c607; }

/*---text---*/
.theme-botani .text-primary {
  color: #669d36 !important; }
.theme-botani a.text-primary:hover, .theme-botani a.text-primary:focus {
  color: #669d36 !important; }
.theme-botani .hover-primary:hover, .theme-botani .hover-primary:focus {
  color: #669d36 !important; }
.theme-botani .text-info {
  color: #f06292 !important; }
.theme-botani a.text-info:hover, .theme-botani a.text-info:focus {
  color: #f06292 !important; }
.theme-botani .hover-info:hover, .theme-botani .hover-info:focus {
  color: #f06292 !important; }
.theme-botani .text-success {
  color: #25b6b4 !important; }
.theme-botani a.text-success:hover, .theme-botani a.text-success:focus {
  color: #25b6b4 !important; }
.theme-botani .hover-success:hover, .theme-botani .hover-success:focus {
  color: #25b6b4 !important; }
.theme-botani .text-danger {
  color: #e12966 !important; }
.theme-botani a.text-danger:hover, .theme-botani a.text-danger:focus {
  color: #e12966 !important; }
.theme-botani .hover-danger:hover, .theme-botani .hover-danger:focus {
  color: #e12966 !important; }
.theme-botani .text-warning {
  color: #e2c607 !important; }
.theme-botani a.text-warning:hover, .theme-botani a.text-warning:focus {
  color: #e2c607 !important; }
.theme-botani .hover-warning:hover, .theme-botani .hover-warning:focus {
  color: #e2c607 !important; }

/*---active background---*/
.theme-botani .active.active-primary {
  background-color: #4d7729 !important; }
.theme-botani .active.active-info {
  background-color: #ec3372 !important; }
.theme-botani .active.active-success {
  background-color: #1c8c8a !important; }
.theme-botani .active.active-danger {
  background-color: #bd1a50 !important; }
.theme-botani .active.active-warning {
  background-color: #b19b05 !important; }

/*---label background---*/
.theme-botani .label-primary {
  background-color: #669d36 !important; }
.theme-botani .label-info {
  background-color: #f06292 !important; }
.theme-botani .label-success {
  background-color: #25b6b4 !important; }
.theme-botani .label-danger {
  background-color: #e12966 !important; }
.theme-botani .label-warning {
  background-color: #e2c607 !important; }

/*---ribbon---*/
.theme-botani .ribbon-box .ribbon-primary {
  background-color: #669d36; }
  .theme-botani .ribbon-box .ribbon-primary:before {
    border-color: #669d36 transparent transparent; }
.theme-botani .ribbon-box .ribbon-two-primary span {
  background-color: #669d36; }
  .theme-botani .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #4d7729;
    border-top: 3px solid #4d7729; }
  .theme-botani .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #4d7729;
    border-top: 3px solid #4d7729; }
.theme-botani .ribbon-box .ribbon-info {
  background-color: #f06292; }
  .theme-botani .ribbon-box .ribbon-info:before {
    border-color: #f06292 transparent transparent; }
.theme-botani .ribbon-box .ribbon-two-info span {
  background-color: #f06292; }
  .theme-botani .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #ec3372;
    border-top: 3px solid #ec3372; }
  .theme-botani .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #ec3372;
    border-top: 3px solid #ec3372; }
.theme-botani .ribbon-box .ribbon-success {
  background-color: #25b6b4; }
  .theme-botani .ribbon-box .ribbon-success:before {
    border-color: #25b6b4 transparent transparent; }
.theme-botani .ribbon-box .ribbon-two-success span {
  background-color: #25b6b4; }
  .theme-botani .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #1c8c8a;
    border-top: 3px solid #1c8c8a; }
  .theme-botani .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #1c8c8a;
    border-top: 3px solid #1c8c8a; }
.theme-botani .ribbon-box .ribbon-danger {
  background-color: #e12966; }
  .theme-botani .ribbon-box .ribbon-danger:before {
    border-color: #e12966 transparent transparent; }
.theme-botani .ribbon-box .ribbon-two-danger span {
  background-color: #e12966; }
  .theme-botani .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #bd1a50;
    border-top: 3px solid #bd1a50; }
  .theme-botani .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #bd1a50;
    border-top: 3px solid #bd1a50; }
.theme-botani .ribbon-box .ribbon-warning {
  background-color: #e2c607; }
  .theme-botani .ribbon-box .ribbon-warning:before {
    border-color: #e2c607 transparent transparent; }
.theme-botani .ribbon-box .ribbon-two-warning span {
  background-color: #e2c607; }
  .theme-botani .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #b19b05;
    border-top: 3px solid #b19b05; }
  .theme-botani .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #b19b05;
    border-top: 3px solid #b19b05; }

/*---Box---*/
.theme-botani .box-primary {
  background-color: #669d36 !important; }
  .theme-botani .box-primary.box-bordered {
    border-color: #669d36; }
.theme-botani .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #669d36; }
.theme-botani .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #669d36; }
  .theme-botani .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-botani .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-botani .box-info {
  background-color: #f06292 !important; }
  .theme-botani .box-info.box-bordered {
    border-color: #f06292; }
.theme-botani .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #f06292; }
.theme-botani .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #f06292; }
  .theme-botani .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-botani .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-botani .box-success {
  background-color: #25b6b4 !important; }
  .theme-botani .box-success.box-bordered {
    border-color: #25b6b4; }
.theme-botani .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #25b6b4; }
.theme-botani .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #25b6b4; }
  .theme-botani .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-botani .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-botani .box-danger {
  background-color: #e12966 !important; }
  .theme-botani .box-danger.box-bordered {
    border-color: #e12966; }
.theme-botani .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #e12966; }
.theme-botani .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #e12966; }
  .theme-botani .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-botani .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-botani .box-warning {
  background-color: #e2c607 !important; }
  .theme-botani .box-warning.box-bordered {
    border-color: #e2c607; }
.theme-botani .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #e2c607; }
.theme-botani .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #e2c607; }
  .theme-botani .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-botani .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-botani .box-profile .social-states a:hover {
  color: #4d7729; }
.theme-botani .box-controls li &gt; a:hover {
  color: #4d7729; }
.theme-botani .box-controls .dropdown.show &gt; a {
  color: #4d7729; }
.theme-botani .box-fullscreen .box-btn-fullscreen {
  color: #4d7729; }

/*---progress bar---*/
.theme-botani .progress-bar-primary {
  background-color: #669d36; }
.theme-botani .progress-bar-info {
  background-color: #f06292; }
.theme-botani .progress-bar-success {
  background-color: #25b6b4; }
.theme-botani .progress-bar-danger {
  background-color: #e12966; }
.theme-botani .progress-bar-warning {
  background-color: #e2c607; }

/*---panel---*/
.theme-botani .panel-primary {
  border-color: #669d36; }
  .theme-botani .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #669d36;
    border-color: #669d36; }
    .theme-botani .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #669d36; }
    .theme-botani .panel-primary &gt; .panel-heading .badge-pill {
      color: #669d36;
      background-color: #ffffff; }
  .theme-botani .panel-primary .panel-title, .theme-botani .panel-primary .panel-action {
    color: #ffffff; }
  .theme-botani .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #669d36; }
.theme-botani .panel-line.panel-primary .panel-heading {
  color: #669d36;
  border-top-color: #669d36;
  background: transparent; }
.theme-botani .panel-line.panel-primary .panel-title, .theme-botani .panel-line.panel-primary .panel-action {
  color: #669d36; }
.theme-botani .panel-info {
  border-color: #f06292; }
  .theme-botani .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #f06292;
    border-color: #f06292; }
    .theme-botani .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #f06292; }
    .theme-botani .panel-info &gt; .panel-heading .badge-pill {
      color: #f06292;
      background-color: #ffffff; }
  .theme-botani .panel-info .panel-title, .theme-botani .panel-info .panel-action {
    color: #ffffff; }
  .theme-botani .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #f06292; }
.theme-botani .panel-line.panel-info .panel-heading {
  color: #f06292;
  border-top-color: #f06292;
  background: transparent; }
.theme-botani .panel-line.panel-info .panel-title, .theme-botani .panel-line.panel-info .panel-action {
  color: #f06292; }
.theme-botani .panel-success {
  border-color: #25b6b4; }
  .theme-botani .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #25b6b4;
    border-color: #25b6b4; }
    .theme-botani .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #25b6b4; }
    .theme-botani .panel-success &gt; .panel-heading .badge-pill {
      color: #25b6b4;
      background-color: #ffffff; }
  .theme-botani .panel-success .panel-title, .theme-botani .panel-success .panel-action {
    color: #ffffff; }
  .theme-botani .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #25b6b4; }
.theme-botani .panel-line.panel-success .panel-heading {
  color: #25b6b4;
  border-top-color: #25b6b4;
  background: transparent; }
.theme-botani .panel-line.panel-success .panel-title, .theme-botani .panel-line.panel-success .panel-action {
  color: #25b6b4; }
.theme-botani .panel-danger {
  border-color: #e12966; }
  .theme-botani .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #e12966;
    border-color: #e12966; }
    .theme-botani .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e12966; }
    .theme-botani .panel-danger &gt; .panel-heading .badge-pill {
      color: #e12966;
      background-color: #ffffff; }
  .theme-botani .panel-danger .panel-title, .theme-botani .panel-danger .panel-action {
    color: #ffffff; }
  .theme-botani .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e12966; }
.theme-botani .panel-line.panel-danger .panel-heading {
  color: #e12966;
  border-top-color: #e12966;
  background: transparent; }
.theme-botani .panel-line.panel-danger .panel-title, .theme-botani .panel-line.panel-danger .panel-action {
  color: #e12966; }
.theme-botani .panel-warning {
  border-color: #e2c607; }
  .theme-botani .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #e2c607;
    border-color: #e2c607; }
    .theme-botani .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e2c607; }
    .theme-botani .panel-warning &gt; .panel-heading .badge-pill {
      color: #e2c607;
      background-color: #ffffff; }
  .theme-botani .panel-warning .panel-title, .theme-botani .panel-warning .panel-action {
    color: #ffffff; }
  .theme-botani .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e2c607; }
.theme-botani .panel-line.panel-warning .panel-heading {
  color: #e2c607;
  border-top-color: #e2c607;
  background: transparent; }
.theme-botani .panel-line.panel-warning .panel-title, .theme-botani .panel-line.panel-warning .panel-action {
  color: #e2c607; }

/*---switch---*/
.theme-botani .switch input:checked ~ .switch-indicator::after {
  background-color: #669d36; }
.theme-botani .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #669d36; }
.theme-botani .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #f06292; }
.theme-botani .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #25b6b4; }
.theme-botani .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #e12966; }
.theme-botani .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #e2c607; }

/*---badge---*/
.theme-botani .badge-primary {
  background-color: #669d36;
  color: #ffffff; }
.theme-botani .badge-primary[href]:hover, .theme-botani .badge-primary[href]:focus {
  background-color: #4d7729; }
.theme-botani .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-botani .badge-secondary[href]:hover, .theme-botani .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-botani .badge-info {
  background-color: #f06292;
  color: #ffffff; }
.theme-botani .badge-info[href]:hover, .theme-botani .badge-info[href]:focus {
  background-color: #ec3372; }
.theme-botani .badge-success {
  background-color: #25b6b4;
  color: #ffffff; }
.theme-botani .badge-success[href]:hover, .theme-botani .badge-success[href]:focus {
  background-color: #1c8c8a; }
.theme-botani .badge-danger {
  background-color: #e12966;
  color: #ffffff; }
.theme-botani .badge-danger[href]:hover, .theme-botani .badge-danger[href]:focus {
  background-color: #bd1a50; }
.theme-botani .badge-warning {
  background-color: #e2c607;
  color: #ffffff; }
.theme-botani .badge-warning[href]:hover, .theme-botani .badge-warning[href]:focus {
  background-color: #b19b05; }

/*---badge light---*/
.theme-botani .badge-primary-light {
  background-color: #e3f5d3;
  color: #669d36; }
.theme-botani .badge-primary-light[href]:hover, .theme-botani .badge-primary-light[href]:focus {
  background-color: #c9eca9; }
.theme-botani .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-botani .badge-secondary-light[href]:hover, .theme-botani .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-botani .badge-info-light {
  background-color: #ffe4ed;
  color: #f06292; }
.theme-botani .badge-info-light[href]:hover, .theme-botani .badge-info-light[href]:focus {
  background-color: #ffb1cb; }
.theme-botani .badge-success-light {
  background-color: #d5f1f1;
  color: #25b6b4; }
.theme-botani .badge-success-light[href]:hover, .theme-botani .badge-success-light[href]:focus {
  background-color: #afe4e4; }
.theme-botani .badge-danger-light {
  background-color: #edd4dc;
  color: #e12966; }
.theme-botani .badge-danger-light[href]:hover, .theme-botani .badge-danger-light[href]:focus {
  background-color: #deb0bf; }
.theme-botani .badge-warning-light {
  background-color: #faf5d4;
  color: #e2c607; }
.theme-botani .badge-warning-light[href]:hover, .theme-botani .badge-warning-light[href]:focus {
  background-color: #f5eaa6; }

/*---rating---*/
.theme-botani .rating-primary .active {
  color: #669d36; }
.theme-botani .rating-primary :checked ~ label {
  color: #669d36; }
.theme-botani .rating-primary label:hover {
  color: #669d36; }
  .theme-botani .rating-primary label:hover ~ label {
    color: #669d36; }
.theme-botani .rating-info .active {
  color: #f06292; }
.theme-botani .rating-info :checked ~ label {
  color: #f06292; }
.theme-botani .rating-info label:hover {
  color: #f06292; }
  .theme-botani .rating-info label:hover ~ label {
    color: #f06292; }
.theme-botani .rating-success .active {
  color: #25b6b4; }
.theme-botani .rating-success :checked ~ label {
  color: #25b6b4; }
.theme-botani .rating-success label:hover {
  color: #25b6b4; }
  .theme-botani .rating-success label:hover ~ label {
    color: #25b6b4; }
.theme-botani .rating-danger .active {
  color: #e12966; }
.theme-botani .rating-danger :checked ~ label {
  color: #e12966; }
.theme-botani .rating-danger label:hover {
  color: #e12966; }
  .theme-botani .rating-danger label:hover ~ label {
    color: #e12966; }
.theme-botani .rating-warning .active {
  color: #e2c607; }
.theme-botani .rating-warning :checked ~ label {
  color: #e2c607; }
.theme-botani .rating-warning label:hover {
  color: #e2c607; }
  .theme-botani .rating-warning label:hover ~ label {
    color: #e2c607; }

/*---toggler---*/
.theme-botani .toggler-primary input:checked + i {
  color: #669d36; }
.theme-botani .toggler-info input:checked + i {
  color: #f06292; }
.theme-botani .toggler-success input:checked + i {
  color: #25b6b4; }
.theme-botani .toggler-danger input:checked + i {
  color: #e12966; }
.theme-botani .toggler-warning input:checked + i {
  color: #e2c607; }

/*---nav tabs---*/
.theme-botani .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-botani .nav-tabs.nav-tabs-primary .nav-link:active, .theme-botani .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-botani .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #4d7729;
  background-color: transparent;
  color: #4d7729; }
.theme-botani .nav-tabs.nav-tabs-info .nav-link:hover, .theme-botani .nav-tabs.nav-tabs-info .nav-link:active, .theme-botani .nav-tabs.nav-tabs-info .nav-link:focus, .theme-botani .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #ec3372;
  background-color: #f06292;
  color: #ffffff; }
.theme-botani .nav-tabs.nav-tabs-success .nav-link:hover, .theme-botani .nav-tabs.nav-tabs-success .nav-link:active, .theme-botani .nav-tabs.nav-tabs-success .nav-link:focus, .theme-botani .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #1c8c8a;
  background-color: transparent;
  color: #1c8c8a; }
.theme-botani .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-botani .nav-tabs.nav-tabs-danger .nav-link:active, .theme-botani .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-botani .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #bd1a50;
  background-color: transparent;
  color: #bd1a50; }
.theme-botani .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-botani .nav-tabs.nav-tabs-warning .nav-link:active, .theme-botani .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-botani .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #b19b05;
  background-color: transparent;
  color: #b19b05; }
.theme-botani .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #4d7729; }
.theme-botani .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #ec3372; }
.theme-botani .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #1c8c8a; }
.theme-botani .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #bd1a50; }
.theme-botani .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #b19b05; }
.theme-botani .nav-tabs .nav-link.active {
  border-bottom-color: #669d36;
  background-color: #669d36;
  color: #ffffff; }
  .theme-botani .nav-tabs .nav-link.active:hover, .theme-botani .nav-tabs .nav-link.active:focus {
    border-bottom-color: #669d36;
    background-color: #669d36;
    color: #ffffff; }
.theme-botani .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #669d36;
  background-color: #669d36; }
  .theme-botani .nav-tabs .nav-item.open .nav-link:hover, .theme-botani .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #669d36;
    background-color: #669d36; }

/*---todo---*/
.theme-botani .todo-list .primary {
  border-left-color: #669d36; }
.theme-botani .todo-list .info {
  border-left-color: #669d36; }
.theme-botani .todo-list .success {
  border-left-color: #25b6b4; }
.theme-botani .todo-list .danger {
  border-left-color: #e12966; }
.theme-botani .todo-list .warning {
  border-left-color: #e2c607; }

/*---timeline---*/
.theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #669d36;
  border: 1px solid #669d36;
  color: #ffffff; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #669d36;
    border-right-color: #669d36; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #f06292;
  border: 1px solid #f06292;
  color: #ffffff; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #f06292;
    border-right-color: #f06292; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #25b6b4;
  border: 1px solid #25b6b4;
  color: #ffffff; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #25b6b4;
    border-right-color: #25b6b4; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #e12966;
  border: 1px solid #e12966;
  color: #ffffff; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #e12966;
    border-right-color: #e12966; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #e2c607;
  border: 1px solid #e2c607;
  color: #ffffff; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #e2c607;
    border-right-color: #e2c607; }
  .theme-botani .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-botani .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #669d36;
  background-color: #ffffff; }
.theme-botani .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #f06292;
  background-color: #ffffff; }
.theme-botani .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #25b6b4;
  background-color: #ffffff; }
.theme-botani .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #e12966;
  background-color: #ffffff; }
.theme-botani .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #e2c607;
  background-color: #ffffff; }
.theme-botani .timeline .timeline-label .label-primary {
  background-color: #669d36; }
.theme-botani .timeline .timeline-label .label-info {
  background-color: #f06292; }
.theme-botani .timeline .timeline-label .label-success {
  background-color: #25b6b4; }
.theme-botani .timeline .timeline-label .label-danger {
  background-color: #e12966; }
.theme-botani .timeline .timeline-label .label-warning {
  background-color: #e2c607; }
.theme-botani .timeline__year, .theme-botani .timeline5:before, .theme-botani .timeline__box:before, .theme-botani .timeline__date {
  background-color: #669d36; }
.theme-botani .timeline__post {
  border-left: 3px solid #669d36; }

/*---daterangepicker---*/
.theme-botani .daterangepicker td.active {
  background-color: #669d36; }
  .theme-botani .daterangepicker td.active:hover {
    background-color: #669d36; }
.theme-botani .daterangepicker .input-mini.active {
  border: 1px solid #669d36; }
.theme-botani .ranges li:hover, .theme-botani .ranges li:active, .theme-botani .ranges li.active {
  border: 1px solid #669d36;
  background-color: #669d36; }

/*---control-sidebar---*/
.theme-botani .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-botani .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-botani .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #669d36;
  color: #669d36; }
.theme-botani .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #669d36;
  color: #669d36; }
  .theme-botani .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-botani .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-botani .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #669d36;
    color: #669d36; }
.theme-botani .control-sidebar .rpanel-title .btn:hover {
  color: #669d36; }

/*---nav---*/
.theme-botani .nav &gt; li &gt; a:hover, .theme-botani .nav &gt; li &gt; a:active, .theme-botani .nav &gt; li &gt; a:focus {
  color: #669d36; }
.theme-botani .nav-pills &gt; li &gt; a.active {
  border-top-color: #669d36;
  background-color: #669d36 !important;
  color: #ffffff; }
  .theme-botani .nav-pills &gt; li &gt; a.active:hover, .theme-botani .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #669d36;
    background-color: #669d36 !important;
    color: #ffffff; }
.theme-botani .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-botani .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #669d36; }
.theme-botani .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #669d36; }
  .theme-botani .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-botani .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #669d36; }
.theme-botani .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #669d36; }
.theme-botani .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #669d36; }
.theme-botani .customtab li a.nav-link.active {
  border-bottom: 2px solid #669d36; }

/*---form-element---*/
.theme-botani .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-botani .form-element .form-control {
  background-image: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-botani .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #669d36 0%, #669d36 33%, #e12966 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-botani .form-control:focus {
  border-color: #669d36; }
.theme-botani [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #669d36;
  border-bottom: 2px solid #669d36; }
.theme-botani [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #f06292;
  border-bottom: 2px solid #f06292; }
.theme-botani [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #25b6b4;
  border-bottom: 2px solid #25b6b4; }
.theme-botani [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #e12966;
  border-bottom: 2px solid #e12966; }
.theme-botani [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #e2c607;
  border-bottom: 2px solid #e2c607; }
.theme-botani [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #669d36;
  background-color: #669d36; }
.theme-botani [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #f06292;
  background-color: #f06292; }
.theme-botani [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #25b6b4;
  background-color: #25b6b4; }
.theme-botani [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #e12966;
  background-color: #e12966; }
.theme-botani [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #e2c607;
  background-color: #e2c607; }
.theme-botani [type=radio].radio-col-primary:checked + label:after {
  background-color: #669d36;
  border-color: #669d36;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #669d36;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #669d36;
  border: 2px solid #669d36;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].radio-col-info:checked + label:after {
  background-color: #f06292;
  border-color: #f06292;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #f06292;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #f06292;
  border: 2px solid #f06292;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].radio-col-success:checked + label:after {
  background-color: #25b6b4;
  border-color: #25b6b4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #25b6b4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #25b6b4;
  border: 2px solid #25b6b4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].radio-col-danger:checked + label:after {
  background-color: #e12966;
  border-color: #e12966;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #e12966;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #e12966;
  border: 2px solid #e12966;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].radio-col-warning:checked + label:after {
  background-color: #e2c607;
  border-color: #e2c607;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #e2c607;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #e2c607;
  border: 2px solid #e2c607;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-botani [type=checkbox]:checked + label:before {
  border-right: 2px solid #669d36;
  border-bottom: 2px solid #669d36; }
.theme-botani [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #669d36;
  background-color: #669d36; }
.theme-botani [type=radio].with-gap:checked + label:before, .theme-botani [type=radio].with-gap:checked + label:after {
  border: 2px solid #669d36; }
.theme-botani [type=radio].with-gap:checked + label:after {
  background-color: #669d36;
  z-index: 0; }
.theme-botani [type=radio]:checked + label:after {
  border: 2px solid #669d36;
  background-color: #669d36;
  z-index: 0; }
.theme-botani [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #669d36;
  background-color: #669d36; }

/*---Calender---*/
.theme-botani .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #669d36; }
.theme-botani .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #669d36;
  border-color: #669d36; }
.theme-botani .fc-event, .theme-botani .calendar-event {
  background: #669d36; }

/*---Tabs---*/
.theme-botani .tabs-vertical li .nav-link:hover, .theme-botani .tabs-vertical li .nav-link:active, .theme-botani .tabs-vertical li .nav-link:focus, .theme-botani .tabs-vertical li .nav-link.active {
  background-color: #669d36;
  color: #ffffff; }
.theme-botani .customvtab .tabs-vertical li .nav-link:hover, .theme-botani .customvtab .tabs-vertical li .nav-link:active, .theme-botani .customvtab .tabs-vertical li .nav-link:focus, .theme-botani .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #669d36;
  color: #669d36; }
.theme-botani .customtab2 li a.nav-link:hover, .theme-botani .customtab2 li a.nav-link:active, .theme-botani .customtab2 li a.nav-link.active {
  background-color: #669d36; }

.rtl.theme-botani .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-botani .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-botani .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-botani .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #669d36; }

/*---Notification---*/
.theme-botani .jq-icon-primary {
  background-color: #669d36;
  color: #ffffff;
  border-color: #669d36; }
.theme-botani .jq-icon-info {
  background-color: #f06292;
  color: #ffffff;
  border-color: #f06292; }
.theme-botani .jq-icon-success {
  background-color: #25b6b4;
  color: #ffffff;
  border-color: #669d36; }
.theme-botani .jq-icon-error {
  background-color: #e12966;
  color: #ffffff;
  border-color: #e12966; }
.theme-botani .jq-icon-danger {
  background-color: #e12966;
  color: #ffffff;
  border-color: #e12966; }
.theme-botani .jq-icon-warning {
  background-color: #e2c607;
  color: #ffffff;
  border-color: #e2c607; }

/*---avatar---*/
.theme-botani .avatar.status-primary::after {
  background-color: #669d36; }
.theme-botani .avatar.status-info::after {
  background-color: #f06292; }
.theme-botani .avatar.status-success::after {
  background-color: #25b6b4; }
.theme-botani .avatar.status-danger::after {
  background-color: #e12966; }
.theme-botani .avatar.status-warning::after {
  background-color: #e2c607; }
.theme-botani .avatar[class*='status-']::after {
  background-color: #669d36; }
.theme-botani .avatar-add:hover {
  background-color: #4d7729;
  border-color: #4d7729; }

/*---media---*/
.theme-botani .media-chat.media-chat-reverse .media-body p {
  background-color: #669d36; }
.theme-botani .media-right-out a:hover {
  color: #4d7729; }

/*---control---*/
.theme-botani .control input:checked:focus ~ .control_indicator {
  background-color: #669d36; }
.theme-botani .control input:checked ~ .control_indicator {
  background-color: #669d36; }
.theme-botani .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #669d36; }

/*---flex---*/
.theme-botani .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #669d36; }
  .theme-botani .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #669d36; }

/*---pagination---*/
.theme-botani .pagination li a.current {
  border: 1px solid #669d36;
  background-color: #669d36; }
  .theme-botani .pagination li a.current:hover {
    border: 1px solid #669d36;
    background-color: #669d36; }
.theme-botani .pagination li a:hover {
  border: 1px solid #4d7729;
  background-color: #4d7729 !important; }
.theme-botani .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #669d36;
  background-color: #669d36; }
  .theme-botani .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #669d36;
    background-color: #669d36; }
.theme-botani .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #669d36; }
.theme-botani .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #669d36; }
.theme-botani .footable .pagination li a:hover, .theme-botani .footable .pagination li a:active, .theme-botani .footable .pagination li a.active {
  background-color: #669d36; }

/*---dataTables---*/
.theme-botani .dt-buttons .dt-button {
  background-color: #669d36; }

/*---select2---*/
.theme-botani .select2-container--default.select2-container--open {
  border-color: #669d36; }
.theme-botani .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #669d36; }
.theme-botani .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #669d36 !important; }
.theme-botani .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #669d36 !important; }
.theme-botani .select2-container--default .select2-selection--multiple:focus {
  border-color: #669d36 !important; }
.theme-botani .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #669d36;
  border-color: #669d36; }

/*---Other---*/
.theme-botani .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #4d7729; }
.theme-botani .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #4d7729; }
.theme-botani .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #4d7729; }
.theme-botani [data-overlay-primary]::before {
  background: #4d7729; }

/*---wizard---*/
.theme-botani .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #669d36;
  background-color: #669d36; }
.theme-botani .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #4d7729;
  background-color: #4d7729; }
.theme-botani .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #669d36; }
.theme-botani .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #669d36; }
.theme-botani .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #669d36; }
.theme-botani .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #669d36; }
.theme-botani .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #669d36; }
.theme-botani .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #669d36;
  color: #669d36; }
  .theme-botani .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #669d36; }
.theme-botani .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #669d36; }

@media (max-width: 767px) {
  .theme-botani .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #669d36; } }
@media (max-width: 575px) {
  .theme-botani .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #669d36; } }
/*---slider---*/
.theme-botani #primary .slider-selection {
  background-color: #669d36; }
.theme-botani #info .slider-selection {
  background-color: #f06292; }
.theme-botani #success .slider-selection {
  background-color: #25b6b4; }
.theme-botani #danger .slider-selection {
  background-color: #e12966; }
.theme-botani #warning .slider-selection {
  background-color: #e2c607; }

/*---horizontal-timeline---*/
.theme-botani .cd-horizontal-timeline .events a.selected::after {
  background: #669d36;
  border-color: #669d36; }
.theme-botani .cd-horizontal-timeline .events a.older-event::after {
  border-color: #669d36; }
.theme-botani .cd-horizontal-timeline .filling-line {
  background: #669d36; }
.theme-botani .cd-horizontal-timeline a {
  color: #669d36; }
  .theme-botani .cd-horizontal-timeline a:hover, .theme-botani .cd-horizontal-timeline a:focus {
    color: #669d36; }
.theme-botani .cd-timeline-navigation a:hover, .theme-botani .cd-timeline-navigation a:focus {
  border-color: #669d36; }

/**************************************
Theme ubuntu Color
**************************************/
.bg-gradient-ubuntu, .theme-ubuntu .bg-gradient-ubuntu, .theme-ubuntu .art-bg {
  background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%); }

.bg-light-body {
  background: transparent; }

.theme-ubuntu.fixed .main-header {
   }
  .theme-ubuntu.fixed .main-header .navbar {
    background: transparent; }
.theme-ubuntu .main-header {
  background: #ffffff; }

.theme-ubuntu.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-ubuntu-dark, .dark-skin.theme-ubuntu .bg-gradient-ubuntu, .dark-skin.theme-ubuntu .art-bg {
  background-image: linear-gradient(-45deg, #893e00 0%, #893e00 33%, #89003a 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-ubuntu.fixed .main-header {
   }
  .dark-skin.theme-ubuntu.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-ubuntu .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-ubuntu.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-ubuntu.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-ubuntu.fixed .main-header {
    background-image: #0c1a32; } }
.theme-ubuntu a:hover, .theme-ubuntu a:active, .theme-ubuntu a:focus {
  color: #ef6c00; }
.theme-ubuntu .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-ubuntu .main-sidebar .svg-icon:hover, .theme-ubuntu .main-sidebar .svg-icon:active, .theme-ubuntu .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-ubuntu .main-sidebar a:hover .svg-icon, .theme-ubuntu .main-sidebar a:active .svg-icon, .theme-ubuntu .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-ubuntu .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-ubuntu .svg-icon:hover, .theme-ubuntu .svg-icon:active, .theme-ubuntu .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-ubuntu a:hover .svg-icon, .theme-ubuntu a:active .svg-icon, .theme-ubuntu a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-ubuntu.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #ef6c00 !important; }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ef6c00; }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #ef6c00;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-ubuntu.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-ubuntu.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #ef6c00 !important; }
.theme-ubuntu.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-ubuntu.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-ubuntu.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-ubuntu.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #ef6c00 !important; }
.theme-ubuntu.light-skin .sidebar-menu &gt; li:hover, .theme-ubuntu.light-skin .sidebar-menu &gt; li:active, .theme-ubuntu.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(239, 108, 0, 0);
  color: #ef6c00;
  border-left: 0px solid rgba(239, 108, 0, 0); }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li:hover a, .theme-ubuntu.light-skin .sidebar-menu &gt; li:active a, .theme-ubuntu.light-skin .sidebar-menu &gt; li.active a {
    color: #ef6c00; }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-ubuntu.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-ubuntu.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(239, 108, 0, 0); }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-ubuntu.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-ubuntu.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #ef6c00;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-ubuntu.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-ubuntu.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-ubuntu.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(239, 108, 0, 0);
  color: #ef6c00;
  border-left: 0px solid #ef6c00; }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%); }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #ef6c00;
      background-color: rgba(239, 108, 0, 0); }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(239, 108, 0, 0);
    color: #ef6c00; }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%); }
      .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(239, 108, 0, 0); }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(239, 108, 0, 0); }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(239, 108, 0, 0);
    color: #ef6c00; }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #ef6c00; }
      .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #ef6c00;
        background-color: rgba(239, 108, 0, 0); }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(239, 108, 0, 0);
    color: #ef6c00; }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #ef6c00; }
      .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #ef6c00;
        background-color: rgba(239, 108, 0, 0); }
  .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-ubuntu.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(239, 108, 0, 0); }
.theme-ubuntu.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #ef6c00;
  border-right: 0px solid #ef6c00; }
.theme-ubuntu.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(239, 108, 0, 0);
  color: white;
  border-left: 0px solid #ef6c00; }
  .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%); }
    .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(239, 108, 0, 0);
    color: #ef6c00; }
    .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%); }
      .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(239, 108, 0, 0); }
  .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(239, 108, 0, 0);
    color: white; }
    .theme-ubuntu.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-ubuntu.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #ef6c00;
  border-right: 0px solid #ef6c00; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(239, 108, 0, 0.2);
    color: #ef6c00; } }
/*---Main Nav---*/
.theme-ubuntu .sm-blue li.current &gt; a, .theme-ubuntu .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%);
  color: #ffffff !important; }
  .theme-ubuntu .sm-blue li.current &gt; a:hover, .theme-ubuntu .sm-blue li.current &gt; a:active, .theme-ubuntu .sm-blue li.current &gt; a:focus, .theme-ubuntu .sm-blue li.highlighted &gt; a:hover, .theme-ubuntu .sm-blue li.highlighted &gt; a:active, .theme-ubuntu .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%);
    color: #ffffff !important; }
.theme-ubuntu .sm-blue a.current, .theme-ubuntu .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%);
  color: #ffffff !important; }
.theme-ubuntu .sm-blue a:hover, .theme-ubuntu .sm-blue a:active, .theme-ubuntu .sm-blue a:focus {
  background: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%);
  color: #ffffff !important; }
.theme-ubuntu .sm-blue ul a:hover, .theme-ubuntu .sm-blue ul a:active, .theme-ubuntu .sm-blue ul a:focus {
  background: #ebedf3;
  color: #ef6c00 !important; }
.theme-ubuntu .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #ef6c00 !important; }

.dark-skin.theme-ubuntu .sm-blue li.current &gt; a, .dark-skin.theme-ubuntu .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #893e00 0%, #893e00 33%, #89003a 100%);
  color: #ffffff !important; }
  .dark-skin.theme-ubuntu .sm-blue li.current &gt; a:hover, .dark-skin.theme-ubuntu .sm-blue li.current &gt; a:active, .dark-skin.theme-ubuntu .sm-blue li.current &gt; a:focus, .dark-skin.theme-ubuntu .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-ubuntu .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-ubuntu .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #893e00 0%, #893e00 33%, #89003a 100%);
    color: #ffffff !important; }
.dark-skin.theme-ubuntu .sm-blue a.current, .dark-skin.theme-ubuntu .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #893e00 0%, #893e00 33%, #89003a 100%);
  color: #ffffff !important; }
.dark-skin.theme-ubuntu .sm-blue a:hover, .dark-skin.theme-ubuntu .sm-blue a:active, .dark-skin.theme-ubuntu .sm-blue a:focus {
  background: linear-gradient(-45deg, #893e00 0%, #893e00 33%, #89003a 100%);
  color: #ffffff !important; }
.dark-skin.theme-ubuntu .sm-blue ul a:hover, .dark-skin.theme-ubuntu .sm-blue ul a:active, .dark-skin.theme-ubuntu .sm-blue ul a:focus {
  background: #29354b;
  color: #ef6c00 !important; }
.dark-skin.theme-ubuntu .sm-blue ul a.highlighted {
  background: #29354b;
  color: #ef6c00 !important; }

/*---Primary Button---*/
.theme-ubuntu .btn-link {
  color: #ef6c00; }
.theme-ubuntu .btn-primary {
  background-color: #ef6c00;
  border-color: #ef6c00;
  color: #ffffff; }
  .theme-ubuntu .btn-primary:hover, .theme-ubuntu .btn-primary:active, .theme-ubuntu .btn-primary:focus, .theme-ubuntu .btn-primary.active {
    background-color: #bc5500 !important;
    border-color: #bc5500 !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-primary:disabled {
    background-color: #ffa256;
    border-color: #ef6c00;
    opacity: 0.5; }
  .theme-ubuntu .btn-primary.disabled {
    background-color: #ffa256;
    border-color: #ef6c00;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-primary.dropdown-toggle {
  background-color: #bc5500 !important;
  border-color: #bc5500 !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-primary {
  color: #ef6c00;
  background-color: transparent;
  border-color: #ef6c00 !important; }
  .theme-ubuntu .btn-outline.btn-primary:hover, .theme-ubuntu .btn-outline.btn-primary:active, .theme-ubuntu .btn-outline.btn-primary.active {
    background-color: #bc5500 !important;
    border-color: #bc5500 !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #bc5500 !important;
  border-color: #bc5500 !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-primary {
  color: #ef6c00 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-primary:hover, .theme-ubuntu .btn-flat.btn-primary:active, .theme-ubuntu .btn-flat.btn-primary.active {
    background-color: #bc5500 !important;
    border-color: #bc5500 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-ubuntu .btn-info {
  background-color: #9c27b0;
  border-color: #9c27b0;
  color: #ffffff; }
  .theme-ubuntu .btn-info:hover, .theme-ubuntu .btn-info:active, .theme-ubuntu .btn-info:focus, .theme-ubuntu .btn-info.active {
    background-color: #771e86 !important;
    border-color: #771e86 !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-info:disabled {
    background-color: #ca61dc;
    border-color: #9c27b0;
    opacity: 0.5; }
  .theme-ubuntu .btn-info.disabled {
    background-color: #ca61dc;
    border-color: #9c27b0;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-info.dropdown-toggle {
  background-color: #771e86 !important;
  border-color: #771e86 !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-info {
  color: #9c27b0;
  background-color: transparent;
  border-color: #9c27b0 !important; }
  .theme-ubuntu .btn-outline.btn-info:hover, .theme-ubuntu .btn-outline.btn-info:active, .theme-ubuntu .btn-outline.btn-info.active {
    background-color: #771e86 !important;
    border-color: #771e86 !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #771e86 !important;
  border-color: #771e86 !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-info {
  color: #9c27b0 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-info:hover, .theme-ubuntu .btn-flat.btn-info:active, .theme-ubuntu .btn-flat.btn-info.active {
    background-color: #771e86 !important;
    border-color: #771e86 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-ubuntu .btn-success {
  background-color: #14c89b;
  border-color: #14c89b;
  color: #ffffff; }
  .theme-ubuntu .btn-success:hover, .theme-ubuntu .btn-success:active, .theme-ubuntu .btn-success:focus, .theme-ubuntu .btn-success.active {
    background-color: #0f9a77 !important;
    border-color: #0f9a77 !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-success:disabled {
    background-color: #54eec7;
    border-color: #14c89b;
    opacity: 0.5; }
  .theme-ubuntu .btn-success.disabled {
    background-color: #54eec7;
    border-color: #14c89b;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-success.dropdown-toggle {
  background-color: #0f9a77 !important;
  border-color: #0f9a77 !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-success {
  color: #14c89b;
  background-color: transparent;
  border-color: #14c89b !important; }
  .theme-ubuntu .btn-outline.btn-success:hover, .theme-ubuntu .btn-outline.btn-success:active, .theme-ubuntu .btn-outline.btn-success.active {
    background-color: #0f9a77 !important;
    border-color: #0f9a77 !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #0f9a77 !important;
  border-color: #0f9a77 !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-success {
  color: #14c89b !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-success:hover, .theme-ubuntu .btn-flat.btn-success:active, .theme-ubuntu .btn-flat.btn-success.active {
    background-color: #0f9a77 !important;
    border-color: #0f9a77 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-ubuntu .btn-danger {
  background-color: #ef0065;
  border-color: #ef0065;
  color: #ffffff; }
  .theme-ubuntu .btn-danger:hover, .theme-ubuntu .btn-danger:active, .theme-ubuntu .btn-danger:focus, .theme-ubuntu .btn-danger.active {
    background-color: #bc004f !important;
    border-color: #bc004f !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-danger:disabled {
    background-color: #ff569d;
    border-color: #ef0065;
    opacity: 0.5; }
  .theme-ubuntu .btn-danger.disabled {
    background-color: #ff569d;
    border-color: #ef0065;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-danger.dropdown-toggle {
  background-color: #bc004f !important;
  border-color: #bc004f !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-danger {
  color: #ef0065;
  background-color: transparent;
  border-color: #ef0065 !important; }
  .theme-ubuntu .btn-outline.btn-danger:hover, .theme-ubuntu .btn-outline.btn-danger:active, .theme-ubuntu .btn-outline.btn-danger.active {
    background-color: #bc004f !important;
    border-color: #bc004f !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #bc004f !important;
  border-color: #bc004f !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-danger {
  color: #ef0065 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-danger:hover, .theme-ubuntu .btn-flat.btn-danger:active, .theme-ubuntu .btn-flat.btn-danger.active {
    background-color: #bc004f !important;
    border-color: #bc004f !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-ubuntu .btn-warning {
  background-color: #efd600;
  border-color: #efd600;
  color: #ffffff; }
  .theme-ubuntu .btn-warning:hover, .theme-ubuntu .btn-warning:active, .theme-ubuntu .btn-warning:focus, .theme-ubuntu .btn-warning.active {
    background-color: #bca800 !important;
    border-color: #bca800 !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-warning:disabled {
    background-color: #ffed56;
    border-color: #efd600;
    opacity: 0.5; }
  .theme-ubuntu .btn-warning.disabled {
    background-color: #ffed56;
    border-color: #efd600;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-warning.dropdown-toggle {
  background-color: #bca800 !important;
  border-color: #bca800 !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-warning {
  color: #efd600;
  background-color: transparent;
  border-color: #efd600 !important; }
  .theme-ubuntu .btn-outline.btn-warning:hover, .theme-ubuntu .btn-outline.btn-warning:active, .theme-ubuntu .btn-outline.btn-warning.active {
    background-color: #bca800 !important;
    border-color: #bca800 !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #bca800 !important;
  border-color: #bca800 !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-warning {
  color: #efd600 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-warning:hover, .theme-ubuntu .btn-flat.btn-warning:active, .theme-ubuntu .btn-flat.btn-warning.active {
    background-color: #bca800 !important;
    border-color: #bca800 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-ubuntu .btn-primary-light {
  background-color: #fff0e3;
  border-color: #fff0e3;
  color: #ef6c00; }
  .theme-ubuntu .btn-primary-light:hover, .theme-ubuntu .btn-primary-light:active, .theme-ubuntu .btn-primary-light:focus, .theme-ubuntu .btn-primary-light.active {
    background-color: #ef6c00 !important;
    border-color: #ef6c00 !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-primary-light:disabled {
    background-color: white;
    border-color: #fff0e3;
    opacity: 0.5; }
  .theme-ubuntu .btn-primary-light.disabled {
    background-color: white;
    border-color: #fff0e3;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #ef6c00 !important;
  border-color: #ef6c00 !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-primary-light {
  color: #ef6c00;
  background-color: transparent;
  border-color: #fff0e3 !important; }
  .theme-ubuntu .btn-outline.btn-primary-light:hover, .theme-ubuntu .btn-outline.btn-primary-light:active, .theme-ubuntu .btn-outline.btn-primary-light.active {
    background-color: #ef6c00 !important;
    border-color: #ef6c00 !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #ef6c00 !important;
  border-color: #ef6c00 !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-primary-light {
  color: #ef6c00 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-primary-light:hover, .theme-ubuntu .btn-flat.btn-primary-light:active, .theme-ubuntu .btn-flat.btn-primary-light.active {
    background-color: #ef6c00 !important;
    border-color: #ef6c00 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-ubuntu .btn-info-light {
  background-color: #fbe1ff;
  border-color: #fbe1ff;
  color: #9c27b0; }
  .theme-ubuntu .btn-info-light:hover, .theme-ubuntu .btn-info-light:active, .theme-ubuntu .btn-info-light:focus, .theme-ubuntu .btn-info-light.active {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-info-light:disabled {
    background-color: white;
    border-color: #fbe1ff;
    opacity: 0.5; }
  .theme-ubuntu .btn-info-light.disabled {
    background-color: white;
    border-color: #fbe1ff;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-info.dropdown-toggle {
  background-color: #9c27b0 !important;
  border-color: #9c27b0 !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-info-light {
  color: #9c27b0;
  background-color: transparent;
  border-color: #fbe1ff !important; }
  .theme-ubuntu .btn-outline.btn-info-light:hover, .theme-ubuntu .btn-outline.btn-info-light:active, .theme-ubuntu .btn-outline.btn-info-light.active {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #9c27b0 !important;
  border-color: #9c27b0 !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-info-light {
  color: #9c27b0 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-info-light:hover, .theme-ubuntu .btn-flat.btn-info-light:active, .theme-ubuntu .btn-flat.btn-info-light.active {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-ubuntu .btn-success-light {
  background-color: #dbfff6;
  border-color: #dbfff6;
  color: #14c89b; }
  .theme-ubuntu .btn-success-light:hover, .theme-ubuntu .btn-success-light:active, .theme-ubuntu .btn-success-light:focus, .theme-ubuntu .btn-success-light.active {
    background-color: #14c89b !important;
    border-color: #14c89b !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-success-light:disabled {
    background-color: white;
    border-color: #dbfff6;
    opacity: 0.5; }
  .theme-ubuntu .btn-success-light.disabled {
    background-color: white;
    border-color: #dbfff6;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #14c89b !important;
  border-color: #14c89b !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-success-light {
  color: #14c89b;
  background-color: transparent;
  border-color: #dbfff6 !important; }
  .theme-ubuntu .btn-outline.btn-success-light:hover, .theme-ubuntu .btn-outline.btn-success-light:active, .theme-ubuntu .btn-outline.btn-success-light.active {
    background-color: #14c89b !important;
    border-color: #14c89b !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #14c89b !important;
  border-color: #14c89b !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-success-light {
  color: #14c89b !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-success-light:hover, .theme-ubuntu .btn-flat.btn-success-light:active, .theme-ubuntu .btn-flat.btn-success-light.active {
    background-color: #14c89b !important;
    border-color: #14c89b !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-ubuntu .btn-danger-light {
  background-color: #ffd8e9;
  border-color: #ffd8e9;
  color: #ef0065; }
  .theme-ubuntu .btn-danger-light:hover, .theme-ubuntu .btn-danger-light:active, .theme-ubuntu .btn-danger-light:focus, .theme-ubuntu .btn-danger-light.active {
    background-color: #ef0065 !important;
    border-color: #ef0065 !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-danger-light:disabled {
    background-color: white;
    border-color: #ffd8e9;
    opacity: 0.5; }
  .theme-ubuntu .btn-danger-light.disabled {
    background-color: white;
    border-color: #ffd8e9;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #ef0065 !important;
  border-color: #ef0065 !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-danger-light {
  color: #ef0065;
  background-color: transparent;
  border-color: #ffd8e9 !important; }
  .theme-ubuntu .btn-outline.btn-danger-light:hover, .theme-ubuntu .btn-outline.btn-danger-light:active, .theme-ubuntu .btn-outline.btn-danger-light.active {
    background-color: #ef0065 !important;
    border-color: #ef0065 !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #ef0065 !important;
  border-color: #ef0065 !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-danger-light {
  color: #ef0065 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-danger-light:hover, .theme-ubuntu .btn-flat.btn-danger-light:active, .theme-ubuntu .btn-flat.btn-danger-light.active {
    background-color: #ef0065 !important;
    border-color: #ef0065 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-ubuntu .btn-warning-light {
  background-color: #fff9c8;
  border-color: #fff9c8;
  color: #efd600; }
  .theme-ubuntu .btn-warning-light:hover, .theme-ubuntu .btn-warning-light:active, .theme-ubuntu .btn-warning-light:focus, .theme-ubuntu .btn-warning-light.active {
    background-color: #efd600 !important;
    border-color: #efd600 !important;
    color: #ffffff !important; }
  .theme-ubuntu .btn-warning-light:disabled {
    background-color: white;
    border-color: #fff9c8;
    opacity: 0.5; }
  .theme-ubuntu .btn-warning-light.disabled {
    background-color: white;
    border-color: #fff9c8;
    opacity: 0.5; }
.theme-ubuntu .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #efd600 !important;
  border-color: #efd600 !important;
  color: #ffffff; }
.theme-ubuntu .btn-outline.btn-warning-light {
  color: #efd600;
  background-color: transparent;
  border-color: #fff9c8 !important; }
  .theme-ubuntu .btn-outline.btn-warning-light:hover, .theme-ubuntu .btn-outline.btn-warning-light:active, .theme-ubuntu .btn-outline.btn-warning-light.active {
    background-color: #efd600 !important;
    border-color: #efd600 !important;
    color: #ffffff !important; }
.theme-ubuntu .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #efd600 !important;
  border-color: #efd600 !important;
  color: #ffffff; }
.theme-ubuntu .btn-flat.btn-warning-light {
  color: #efd600 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-ubuntu .btn-flat.btn-warning-light:hover, .theme-ubuntu .btn-flat.btn-warning-light:active, .theme-ubuntu .btn-flat.btn-warning-light.active {
    background-color: #efd600 !important;
    border-color: #efd600 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-ubuntu .callout.callout-primary {
  border-color: #ef6c00;
  background-color: #ef6c00 !important; }
.theme-ubuntu .callout.callout-info {
  border-color: #9c27b0;
  background-color: #9c27b0 !important; }
.theme-ubuntu .callout.callout-success {
  border-color: #14c89b;
  background-color: #14c89b !important; }
.theme-ubuntu .callout.callout-danger {
  border-color: #ef0065;
  background-color: #ef0065 !important; }
.theme-ubuntu .callout.callout-warning {
  border-color: #efd600;
  background-color: #efd600 !important; }

/*---alert---*/
.theme-ubuntu .alert-primary {
  border-color: #ef6c00;
  background-color: #ef6c00 !important;
  color: #ffffff; }
.theme-ubuntu .alert-info {
  border-color: #9c27b0;
  background-color: #9c27b0 !important;
  color: #ffffff; }
.theme-ubuntu .alert-success {
  border-color: #14c89b;
  background-color: #14c89b !important;
  color: #ffffff; }
.theme-ubuntu .alert-danger {
  border-color: #ef0065;
  background-color: #ef0065 !important;
  color: #ffffff; }
.theme-ubuntu .alert-error {
  border-color: #ef0065;
  background-color: #ef0065 !important;
  color: #ffffff; }
.theme-ubuntu .alert-warning {
  border-color: #efd600;
  background-color: #efd600 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-ubuntu .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #ef6c00;
  color: #ffffff; }
.theme-ubuntu .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-ubuntu .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #ef6c00; }
.theme-ubuntu .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #9c27b0;
  color: #ffffff; }
.theme-ubuntu .direct-chat-info .right &gt; .direct-chat-text:before, .theme-ubuntu .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #9c27b0; }
.theme-ubuntu .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #14c89b;
  color: #ffffff; }
.theme-ubuntu .direct-chat-success .right &gt; .direct-chat-text:before, .theme-ubuntu .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #14c89b; }
.theme-ubuntu .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #ef0065;
  color: #ffffff; }
.theme-ubuntu .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-ubuntu .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #ef0065; }
.theme-ubuntu .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #efd600;
  color: #ffffff; }
.theme-ubuntu .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-ubuntu .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #efd600; }
.theme-ubuntu .right .direct-chat-text p {
  background-color: #ef6c00; }

/*---modal---*/
.theme-ubuntu .modal-primary .modal-footer, .theme-ubuntu .modal-primary .modal-header {
  border-color: #ef6c00; }
.theme-ubuntu .modal-primary .modal-body {
  background-color: #ef6c00 !important; }
.theme-ubuntu .modal-info .modal-footer, .theme-ubuntu .modal-info .modal-header {
  border-color: #9c27b0; }
.theme-ubuntu .modal-info .modal-body {
  background-color: #9c27b0 !important; }
.theme-ubuntu .modal-success .modal-footer, .theme-ubuntu .modal-success .modal-header {
  border-color: #14c89b; }
.theme-ubuntu .modal-success .modal-body {
  background-color: #14c89b !important; }
.theme-ubuntu .modal-danger .modal-footer, .theme-ubuntu .modal-danger .modal-header {
  border-color: #ef0065; }
.theme-ubuntu .modal-danger .modal-body {
  background-color: #ef0065 !important; }
.theme-ubuntu .modal-warning .modal-footer, .theme-ubuntu .modal-warning .modal-header {
  border-color: #efd600; }
.theme-ubuntu .modal-warning .modal-body {
  background-color: #efd600 !important; }

/*---border---*/
.theme-ubuntu .border-primary {
  border-color: #ef6c00 !important; }
.theme-ubuntu .border-info {
  border-color: #9c27b0 !important; }
.theme-ubuntu .border-success {
  border-color: #14c89b !important; }
.theme-ubuntu .border-danger {
  border-color: #ef0065 !important; }
.theme-ubuntu .border-warning {
  border-color: #efd600 !important; }

/*---Background---*/
.theme-ubuntu .bg-primary {
  background-color: #ef6c00 !important;
  color: #ffffff; }
.theme-ubuntu .bg-primary-light {
  background-color: #fff0e3 !important;
  color: #ef6c00; }
.theme-ubuntu .bg-info {
  background-color: #9c27b0 !important;
  color: #ffffff; }
.theme-ubuntu .bg-info-light {
  background-color: #fbe1ff !important;
  color: #9c27b0; }
.theme-ubuntu .bg-success {
  background-color: #14c89b !important;
  color: #ffffff; }
.theme-ubuntu .bg-success-light {
  background-color: #dbfff6 !important;
  color: #14c89b; }
.theme-ubuntu .bg-danger {
  background-color: #ef0065 !important;
  color: #ffffff; }
.theme-ubuntu .bg-danger-light {
  background-color: #ffd8e9 !important;
  color: #ef0065; }
.theme-ubuntu .bg-warning {
  background-color: #efd600 !important;
  color: #ffffff; }
.theme-ubuntu .bg-warning-light {
  background-color: #fff9c8 !important;
  color: #efd600; }

/*---text---*/
.theme-ubuntu .text-primary {
  color: #ef6c00 !important; }
.theme-ubuntu a.text-primary:hover, .theme-ubuntu a.text-primary:focus {
  color: #ef6c00 !important; }
.theme-ubuntu .hover-primary:hover, .theme-ubuntu .hover-primary:focus {
  color: #ef6c00 !important; }
.theme-ubuntu .text-info {
  color: #9c27b0 !important; }
.theme-ubuntu a.text-info:hover, .theme-ubuntu a.text-info:focus {
  color: #9c27b0 !important; }
.theme-ubuntu .hover-info:hover, .theme-ubuntu .hover-info:focus {
  color: #9c27b0 !important; }
.theme-ubuntu .text-success {
  color: #14c89b !important; }
.theme-ubuntu a.text-success:hover, .theme-ubuntu a.text-success:focus {
  color: #14c89b !important; }
.theme-ubuntu .hover-success:hover, .theme-ubuntu .hover-success:focus {
  color: #14c89b !important; }
.theme-ubuntu .text-danger {
  color: #ef0065 !important; }
.theme-ubuntu a.text-danger:hover, .theme-ubuntu a.text-danger:focus {
  color: #ef0065 !important; }
.theme-ubuntu .hover-danger:hover, .theme-ubuntu .hover-danger:focus {
  color: #ef0065 !important; }
.theme-ubuntu .text-warning {
  color: #efd600 !important; }
.theme-ubuntu a.text-warning:hover, .theme-ubuntu a.text-warning:focus {
  color: #efd600 !important; }
.theme-ubuntu .hover-warning:hover, .theme-ubuntu .hover-warning:focus {
  color: #efd600 !important; }

/*---active background---*/
.theme-ubuntu .active.active-primary {
  background-color: #bc5500 !important; }
.theme-ubuntu .active.active-info {
  background-color: #771e86 !important; }
.theme-ubuntu .active.active-success {
  background-color: #0f9a77 !important; }
.theme-ubuntu .active.active-danger {
  background-color: #bc004f !important; }
.theme-ubuntu .active.active-warning {
  background-color: #bca800 !important; }

/*---label background---*/
.theme-ubuntu .label-primary {
  background-color: #ef6c00 !important; }
.theme-ubuntu .label-info {
  background-color: #9c27b0 !important; }
.theme-ubuntu .label-success {
  background-color: #14c89b !important; }
.theme-ubuntu .label-danger {
  background-color: #ef0065 !important; }
.theme-ubuntu .label-warning {
  background-color: #efd600 !important; }

/*---ribbon---*/
.theme-ubuntu .ribbon-box .ribbon-primary {
  background-color: #ef6c00; }
  .theme-ubuntu .ribbon-box .ribbon-primary:before {
    border-color: #ef6c00 transparent transparent; }
.theme-ubuntu .ribbon-box .ribbon-two-primary span {
  background-color: #ef6c00; }
  .theme-ubuntu .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #bc5500;
    border-top: 3px solid #bc5500; }
  .theme-ubuntu .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #bc5500;
    border-top: 3px solid #bc5500; }
.theme-ubuntu .ribbon-box .ribbon-info {
  background-color: #9c27b0; }
  .theme-ubuntu .ribbon-box .ribbon-info:before {
    border-color: #9c27b0 transparent transparent; }
.theme-ubuntu .ribbon-box .ribbon-two-info span {
  background-color: #9c27b0; }
  .theme-ubuntu .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #771e86;
    border-top: 3px solid #771e86; }
  .theme-ubuntu .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #771e86;
    border-top: 3px solid #771e86; }
.theme-ubuntu .ribbon-box .ribbon-success {
  background-color: #14c89b; }
  .theme-ubuntu .ribbon-box .ribbon-success:before {
    border-color: #14c89b transparent transparent; }
.theme-ubuntu .ribbon-box .ribbon-two-success span {
  background-color: #14c89b; }
  .theme-ubuntu .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #0f9a77;
    border-top: 3px solid #0f9a77; }
  .theme-ubuntu .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #0f9a77;
    border-top: 3px solid #0f9a77; }
.theme-ubuntu .ribbon-box .ribbon-danger {
  background-color: #ef0065; }
  .theme-ubuntu .ribbon-box .ribbon-danger:before {
    border-color: #ef0065 transparent transparent; }
.theme-ubuntu .ribbon-box .ribbon-two-danger span {
  background-color: #ef0065; }
  .theme-ubuntu .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #bc004f;
    border-top: 3px solid #bc004f; }
  .theme-ubuntu .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #bc004f;
    border-top: 3px solid #bc004f; }
.theme-ubuntu .ribbon-box .ribbon-warning {
  background-color: #efd600; }
  .theme-ubuntu .ribbon-box .ribbon-warning:before {
    border-color: #efd600 transparent transparent; }
.theme-ubuntu .ribbon-box .ribbon-two-warning span {
  background-color: #efd600; }
  .theme-ubuntu .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #bca800;
    border-top: 3px solid #bca800; }
  .theme-ubuntu .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #bca800;
    border-top: 3px solid #bca800; }

/*---Box---*/
.theme-ubuntu .box-primary {
  background-color: #ef6c00 !important; }
  .theme-ubuntu .box-primary.box-bordered {
    border-color: #ef6c00; }
.theme-ubuntu .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #ef6c00; }
.theme-ubuntu .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #ef6c00; }
  .theme-ubuntu .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ubuntu .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ubuntu .box-info {
  background-color: #9c27b0 !important; }
  .theme-ubuntu .box-info.box-bordered {
    border-color: #9c27b0; }
.theme-ubuntu .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #9c27b0; }
.theme-ubuntu .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #9c27b0; }
  .theme-ubuntu .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ubuntu .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ubuntu .box-success {
  background-color: #14c89b !important; }
  .theme-ubuntu .box-success.box-bordered {
    border-color: #14c89b; }
.theme-ubuntu .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #14c89b; }
.theme-ubuntu .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #14c89b; }
  .theme-ubuntu .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ubuntu .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ubuntu .box-danger {
  background-color: #ef0065 !important; }
  .theme-ubuntu .box-danger.box-bordered {
    border-color: #ef0065; }
.theme-ubuntu .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #ef0065; }
.theme-ubuntu .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #ef0065; }
  .theme-ubuntu .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ubuntu .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ubuntu .box-warning {
  background-color: #efd600 !important; }
  .theme-ubuntu .box-warning.box-bordered {
    border-color: #efd600; }
.theme-ubuntu .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #efd600; }
.theme-ubuntu .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #efd600; }
  .theme-ubuntu .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-ubuntu .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-ubuntu .box-profile .social-states a:hover {
  color: #bc5500; }
.theme-ubuntu .box-controls li &gt; a:hover {
  color: #bc5500; }
.theme-ubuntu .box-controls .dropdown.show &gt; a {
  color: #bc5500; }
.theme-ubuntu .box-fullscreen .box-btn-fullscreen {
  color: #bc5500; }

/*---progress bar---*/
.theme-ubuntu .progress-bar-primary {
  background-color: #ef6c00; }
.theme-ubuntu .progress-bar-info {
  background-color: #9c27b0; }
.theme-ubuntu .progress-bar-success {
  background-color: #14c89b; }
.theme-ubuntu .progress-bar-danger {
  background-color: #ef0065; }
.theme-ubuntu .progress-bar-warning {
  background-color: #efd600; }

/*---panel---*/
.theme-ubuntu .panel-primary {
  border-color: #ef6c00; }
  .theme-ubuntu .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #ef6c00;
    border-color: #ef6c00; }
    .theme-ubuntu .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ef6c00; }
    .theme-ubuntu .panel-primary &gt; .panel-heading .badge-pill {
      color: #ef6c00;
      background-color: #ffffff; }
  .theme-ubuntu .panel-primary .panel-title, .theme-ubuntu .panel-primary .panel-action {
    color: #ffffff; }
  .theme-ubuntu .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ef6c00; }
.theme-ubuntu .panel-line.panel-primary .panel-heading {
  color: #ef6c00;
  border-top-color: #ef6c00;
  background: transparent; }
.theme-ubuntu .panel-line.panel-primary .panel-title, .theme-ubuntu .panel-line.panel-primary .panel-action {
  color: #ef6c00; }
.theme-ubuntu .panel-info {
  border-color: #9c27b0; }
  .theme-ubuntu .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #9c27b0;
    border-color: #9c27b0; }
    .theme-ubuntu .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #9c27b0; }
    .theme-ubuntu .panel-info &gt; .panel-heading .badge-pill {
      color: #9c27b0;
      background-color: #ffffff; }
  .theme-ubuntu .panel-info .panel-title, .theme-ubuntu .panel-info .panel-action {
    color: #ffffff; }
  .theme-ubuntu .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #9c27b0; }
.theme-ubuntu .panel-line.panel-info .panel-heading {
  color: #9c27b0;
  border-top-color: #9c27b0;
  background: transparent; }
.theme-ubuntu .panel-line.panel-info .panel-title, .theme-ubuntu .panel-line.panel-info .panel-action {
  color: #9c27b0; }
.theme-ubuntu .panel-success {
  border-color: #14c89b; }
  .theme-ubuntu .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #14c89b;
    border-color: #14c89b; }
    .theme-ubuntu .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #14c89b; }
    .theme-ubuntu .panel-success &gt; .panel-heading .badge-pill {
      color: #14c89b;
      background-color: #ffffff; }
  .theme-ubuntu .panel-success .panel-title, .theme-ubuntu .panel-success .panel-action {
    color: #ffffff; }
  .theme-ubuntu .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #14c89b; }
.theme-ubuntu .panel-line.panel-success .panel-heading {
  color: #14c89b;
  border-top-color: #14c89b;
  background: transparent; }
.theme-ubuntu .panel-line.panel-success .panel-title, .theme-ubuntu .panel-line.panel-success .panel-action {
  color: #14c89b; }
.theme-ubuntu .panel-danger {
  border-color: #ef0065; }
  .theme-ubuntu .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #ef0065;
    border-color: #ef0065; }
    .theme-ubuntu .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ef0065; }
    .theme-ubuntu .panel-danger &gt; .panel-heading .badge-pill {
      color: #ef0065;
      background-color: #ffffff; }
  .theme-ubuntu .panel-danger .panel-title, .theme-ubuntu .panel-danger .panel-action {
    color: #ffffff; }
  .theme-ubuntu .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ef0065; }
.theme-ubuntu .panel-line.panel-danger .panel-heading {
  color: #ef0065;
  border-top-color: #ef0065;
  background: transparent; }
.theme-ubuntu .panel-line.panel-danger .panel-title, .theme-ubuntu .panel-line.panel-danger .panel-action {
  color: #ef0065; }
.theme-ubuntu .panel-warning {
  border-color: #efd600; }
  .theme-ubuntu .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #efd600;
    border-color: #efd600; }
    .theme-ubuntu .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #efd600; }
    .theme-ubuntu .panel-warning &gt; .panel-heading .badge-pill {
      color: #efd600;
      background-color: #ffffff; }
  .theme-ubuntu .panel-warning .panel-title, .theme-ubuntu .panel-warning .panel-action {
    color: #ffffff; }
  .theme-ubuntu .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #efd600; }
.theme-ubuntu .panel-line.panel-warning .panel-heading {
  color: #efd600;
  border-top-color: #efd600;
  background: transparent; }
.theme-ubuntu .panel-line.panel-warning .panel-title, .theme-ubuntu .panel-line.panel-warning .panel-action {
  color: #efd600; }

/*---switch---*/
.theme-ubuntu .switch input:checked ~ .switch-indicator::after {
  background-color: #ef6c00; }
.theme-ubuntu .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #ef6c00; }
.theme-ubuntu .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #9c27b0; }
.theme-ubuntu .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #14c89b; }
.theme-ubuntu .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #ef0065; }
.theme-ubuntu .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #efd600; }

/*---badge---*/
.theme-ubuntu .badge-primary {
  background-color: #ef6c00;
  color: #ffffff; }
.theme-ubuntu .badge-primary[href]:hover, .theme-ubuntu .badge-primary[href]:focus {
  background-color: #bc5500; }
.theme-ubuntu .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-ubuntu .badge-secondary[href]:hover, .theme-ubuntu .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-ubuntu .badge-info {
  background-color: #9c27b0;
  color: #ffffff; }
.theme-ubuntu .badge-info[href]:hover, .theme-ubuntu .badge-info[href]:focus {
  background-color: #771e86; }
.theme-ubuntu .badge-success {
  background-color: #14c89b;
  color: #ffffff; }
.theme-ubuntu .badge-success[href]:hover, .theme-ubuntu .badge-success[href]:focus {
  background-color: #0f9a77; }
.theme-ubuntu .badge-danger {
  background-color: #ef0065;
  color: #ffffff; }
.theme-ubuntu .badge-danger[href]:hover, .theme-ubuntu .badge-danger[href]:focus {
  background-color: #bc004f; }
.theme-ubuntu .badge-warning {
  background-color: #efd600;
  color: #ffffff; }
.theme-ubuntu .badge-warning[href]:hover, .theme-ubuntu .badge-warning[href]:focus {
  background-color: #bca800; }

/*---badge light---*/
.theme-ubuntu .badge-primary-light {
  background-color: #fff0e3;
  color: #ef6c00; }
.theme-ubuntu .badge-primary-light[href]:hover, .theme-ubuntu .badge-primary-light[href]:focus {
  background-color: #ffd5b0; }
.theme-ubuntu .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-ubuntu .badge-secondary-light[href]:hover, .theme-ubuntu .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-ubuntu .badge-info-light {
  background-color: #fbe1ff;
  color: #9c27b0; }
.theme-ubuntu .badge-info-light[href]:hover, .theme-ubuntu .badge-info-light[href]:focus {
  background-color: #f4aeff; }
.theme-ubuntu .badge-success-light {
  background-color: #dbfff6;
  color: #14c89b; }
.theme-ubuntu .badge-success-light[href]:hover, .theme-ubuntu .badge-success-light[href]:focus {
  background-color: #a8ffe9; }
.theme-ubuntu .badge-danger-light {
  background-color: #ffd8e9;
  color: #ef0065; }
.theme-ubuntu .badge-danger-light[href]:hover, .theme-ubuntu .badge-danger-light[href]:focus {
  background-color: #ffa5cc; }
.theme-ubuntu .badge-warning-light {
  background-color: #fff9c8;
  color: #efd600; }
.theme-ubuntu .badge-warning-light[href]:hover, .theme-ubuntu .badge-warning-light[href]:focus {
  background-color: #fff395; }

/*---rating---*/
.theme-ubuntu .rating-primary .active {
  color: #ef6c00; }
.theme-ubuntu .rating-primary :checked ~ label {
  color: #ef6c00; }
.theme-ubuntu .rating-primary label:hover {
  color: #ef6c00; }
  .theme-ubuntu .rating-primary label:hover ~ label {
    color: #ef6c00; }
.theme-ubuntu .rating-info .active {
  color: #9c27b0; }
.theme-ubuntu .rating-info :checked ~ label {
  color: #9c27b0; }
.theme-ubuntu .rating-info label:hover {
  color: #9c27b0; }
  .theme-ubuntu .rating-info label:hover ~ label {
    color: #9c27b0; }
.theme-ubuntu .rating-success .active {
  color: #14c89b; }
.theme-ubuntu .rating-success :checked ~ label {
  color: #14c89b; }
.theme-ubuntu .rating-success label:hover {
  color: #14c89b; }
  .theme-ubuntu .rating-success label:hover ~ label {
    color: #14c89b; }
.theme-ubuntu .rating-danger .active {
  color: #ef0065; }
.theme-ubuntu .rating-danger :checked ~ label {
  color: #ef0065; }
.theme-ubuntu .rating-danger label:hover {
  color: #ef0065; }
  .theme-ubuntu .rating-danger label:hover ~ label {
    color: #ef0065; }
.theme-ubuntu .rating-warning .active {
  color: #efd600; }
.theme-ubuntu .rating-warning :checked ~ label {
  color: #efd600; }
.theme-ubuntu .rating-warning label:hover {
  color: #efd600; }
  .theme-ubuntu .rating-warning label:hover ~ label {
    color: #efd600; }

/*---toggler---*/
.theme-ubuntu .toggler-primary input:checked + i {
  color: #ef6c00; }
.theme-ubuntu .toggler-info input:checked + i {
  color: #9c27b0; }
.theme-ubuntu .toggler-success input:checked + i {
  color: #14c89b; }
.theme-ubuntu .toggler-danger input:checked + i {
  color: #ef0065; }
.theme-ubuntu .toggler-warning input:checked + i {
  color: #efd600; }

/*---nav tabs---*/
.theme-ubuntu .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-ubuntu .nav-tabs.nav-tabs-primary .nav-link:active, .theme-ubuntu .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-ubuntu .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #bc5500;
  background-color: transparent;
  color: #bc5500; }
.theme-ubuntu .nav-tabs.nav-tabs-info .nav-link:hover, .theme-ubuntu .nav-tabs.nav-tabs-info .nav-link:active, .theme-ubuntu .nav-tabs.nav-tabs-info .nav-link:focus, .theme-ubuntu .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #771e86;
  background-color: #9c27b0;
  color: #ffffff; }
.theme-ubuntu .nav-tabs.nav-tabs-success .nav-link:hover, .theme-ubuntu .nav-tabs.nav-tabs-success .nav-link:active, .theme-ubuntu .nav-tabs.nav-tabs-success .nav-link:focus, .theme-ubuntu .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #0f9a77;
  background-color: transparent;
  color: #0f9a77; }
.theme-ubuntu .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-ubuntu .nav-tabs.nav-tabs-danger .nav-link:active, .theme-ubuntu .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-ubuntu .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #bc004f;
  background-color: transparent;
  color: #bc004f; }
.theme-ubuntu .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-ubuntu .nav-tabs.nav-tabs-warning .nav-link:active, .theme-ubuntu .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-ubuntu .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #bca800;
  background-color: transparent;
  color: #bca800; }
.theme-ubuntu .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #bc5500; }
.theme-ubuntu .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #771e86; }
.theme-ubuntu .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #0f9a77; }
.theme-ubuntu .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #bc004f; }
.theme-ubuntu .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #bca800; }
.theme-ubuntu .nav-tabs .nav-link.active {
  border-bottom-color: #ef6c00;
  background-color: #ef6c00;
  color: #ffffff; }
  .theme-ubuntu .nav-tabs .nav-link.active:hover, .theme-ubuntu .nav-tabs .nav-link.active:focus {
    border-bottom-color: #ef6c00;
    background-color: #ef6c00;
    color: #ffffff; }
.theme-ubuntu .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #ef6c00;
  background-color: #ef6c00; }
  .theme-ubuntu .nav-tabs .nav-item.open .nav-link:hover, .theme-ubuntu .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #ef6c00;
    background-color: #ef6c00; }

/*---todo---*/
.theme-ubuntu .todo-list .primary {
  border-left-color: #ef6c00; }
.theme-ubuntu .todo-list .info {
  border-left-color: #ef6c00; }
.theme-ubuntu .todo-list .success {
  border-left-color: #14c89b; }
.theme-ubuntu .todo-list .danger {
  border-left-color: #ef0065; }
.theme-ubuntu .todo-list .warning {
  border-left-color: #efd600; }

/*---timeline---*/
.theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #ef6c00;
  border: 1px solid #ef6c00;
  color: #ffffff; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #ef6c00;
    border-right-color: #ef6c00; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #9c27b0;
  border: 1px solid #9c27b0;
  color: #ffffff; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #9c27b0;
    border-right-color: #9c27b0; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #14c89b;
  border: 1px solid #14c89b;
  color: #ffffff; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #14c89b;
    border-right-color: #14c89b; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #ef0065;
  border: 1px solid #ef0065;
  color: #ffffff; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #ef0065;
    border-right-color: #ef0065; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #efd600;
  border: 1px solid #efd600;
  color: #ffffff; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #efd600;
    border-right-color: #efd600; }
  .theme-ubuntu .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #ef6c00;
  background-color: #ffffff; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #9c27b0;
  background-color: #ffffff; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #14c89b;
  background-color: #ffffff; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #ef0065;
  background-color: #ffffff; }
.theme-ubuntu .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #efd600;
  background-color: #ffffff; }
.theme-ubuntu .timeline .timeline-label .label-primary {
  background-color: #ef6c00; }
.theme-ubuntu .timeline .timeline-label .label-info {
  background-color: #9c27b0; }
.theme-ubuntu .timeline .timeline-label .label-success {
  background-color: #14c89b; }
.theme-ubuntu .timeline .timeline-label .label-danger {
  background-color: #ef0065; }
.theme-ubuntu .timeline .timeline-label .label-warning {
  background-color: #efd600; }
.theme-ubuntu .timeline__year, .theme-ubuntu .timeline5:before, .theme-ubuntu .timeline__box:before, .theme-ubuntu .timeline__date {
  background-color: #ef6c00; }
.theme-ubuntu .timeline__post {
  border-left: 3px solid #ef6c00; }

/*---daterangepicker---*/
.theme-ubuntu .daterangepicker td.active {
  background-color: #ef6c00; }
  .theme-ubuntu .daterangepicker td.active:hover {
    background-color: #ef6c00; }
.theme-ubuntu .daterangepicker .input-mini.active {
  border: 1px solid #ef6c00; }
.theme-ubuntu .ranges li:hover, .theme-ubuntu .ranges li:active, .theme-ubuntu .ranges li.active {
  border: 1px solid #ef6c00;
  background-color: #ef6c00; }

/*---control-sidebar---*/
.theme-ubuntu .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-ubuntu .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-ubuntu .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #ef6c00;
  color: #ef6c00; }
.theme-ubuntu .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #ef6c00;
  color: #ef6c00; }
  .theme-ubuntu .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-ubuntu .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-ubuntu .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #ef6c00;
    color: #ef6c00; }
.theme-ubuntu .control-sidebar .rpanel-title .btn:hover {
  color: #ef6c00; }

/*---nav---*/
.theme-ubuntu .nav &gt; li &gt; a:hover, .theme-ubuntu .nav &gt; li &gt; a:active, .theme-ubuntu .nav &gt; li &gt; a:focus {
  color: #ef6c00; }
.theme-ubuntu .nav-pills &gt; li &gt; a.active {
  border-top-color: #ef6c00;
  background-color: #ef6c00 !important;
  color: #ffffff; }
  .theme-ubuntu .nav-pills &gt; li &gt; a.active:hover, .theme-ubuntu .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #ef6c00;
    background-color: #ef6c00 !important;
    color: #ffffff; }
.theme-ubuntu .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-ubuntu .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #ef6c00; }
.theme-ubuntu .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #ef6c00; }
  .theme-ubuntu .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-ubuntu .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #ef6c00; }
.theme-ubuntu .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #ef6c00; }
.theme-ubuntu .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #ef6c00; }
.theme-ubuntu .customtab li a.nav-link.active {
  border-bottom: 2px solid #ef6c00; }

/*---form-element---*/
.theme-ubuntu .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-ubuntu .form-element .form-control {
  background-image: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-ubuntu .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #ef6c00 0%, #ef6c00 33%, #ef0065 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-ubuntu .form-control:focus {
  border-color: #ef6c00; }
.theme-ubuntu [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #ef6c00;
  border-bottom: 2px solid #ef6c00; }
.theme-ubuntu [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #9c27b0;
  border-bottom: 2px solid #9c27b0; }
.theme-ubuntu [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #14c89b;
  border-bottom: 2px solid #14c89b; }
.theme-ubuntu [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #ef0065;
  border-bottom: 2px solid #ef0065; }
.theme-ubuntu [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #efd600;
  border-bottom: 2px solid #efd600; }
.theme-ubuntu [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #ef6c00;
  background-color: #ef6c00; }
.theme-ubuntu [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #9c27b0;
  background-color: #9c27b0; }
.theme-ubuntu [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #14c89b;
  background-color: #14c89b; }
.theme-ubuntu [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #ef0065;
  background-color: #ef0065; }
.theme-ubuntu [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #efd600;
  background-color: #efd600; }
.theme-ubuntu [type=radio].radio-col-primary:checked + label:after {
  background-color: #ef6c00;
  border-color: #ef6c00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #ef6c00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #ef6c00;
  border: 2px solid #ef6c00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].radio-col-info:checked + label:after {
  background-color: #9c27b0;
  border-color: #9c27b0;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #9c27b0;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #9c27b0;
  border: 2px solid #9c27b0;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].radio-col-success:checked + label:after {
  background-color: #14c89b;
  border-color: #14c89b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #14c89b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #14c89b;
  border: 2px solid #14c89b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].radio-col-danger:checked + label:after {
  background-color: #ef0065;
  border-color: #ef0065;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #ef0065;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #ef0065;
  border: 2px solid #ef0065;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].radio-col-warning:checked + label:after {
  background-color: #efd600;
  border-color: #efd600;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #efd600;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #efd600;
  border: 2px solid #efd600;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-ubuntu [type=checkbox]:checked + label:before {
  border-right: 2px solid #ef6c00;
  border-bottom: 2px solid #ef6c00; }
.theme-ubuntu [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #ef6c00;
  background-color: #ef6c00; }
.theme-ubuntu [type=radio].with-gap:checked + label:before, .theme-ubuntu [type=radio].with-gap:checked + label:after {
  border: 2px solid #ef6c00; }
.theme-ubuntu [type=radio].with-gap:checked + label:after {
  background-color: #ef6c00;
  z-index: 0; }
.theme-ubuntu [type=radio]:checked + label:after {
  border: 2px solid #ef6c00;
  background-color: #ef6c00;
  z-index: 0; }
.theme-ubuntu [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #ef6c00;
  background-color: #ef6c00; }

/*---Calender---*/
.theme-ubuntu .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #ef6c00; }
.theme-ubuntu .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #ef6c00;
  border-color: #ef6c00; }
.theme-ubuntu .fc-event, .theme-ubuntu .calendar-event {
  background: #ef6c00; }

/*---Tabs---*/
.theme-ubuntu .tabs-vertical li .nav-link:hover, .theme-ubuntu .tabs-vertical li .nav-link:active, .theme-ubuntu .tabs-vertical li .nav-link:focus, .theme-ubuntu .tabs-vertical li .nav-link.active {
  background-color: #ef6c00;
  color: #ffffff; }
.theme-ubuntu .customvtab .tabs-vertical li .nav-link:hover, .theme-ubuntu .customvtab .tabs-vertical li .nav-link:active, .theme-ubuntu .customvtab .tabs-vertical li .nav-link:focus, .theme-ubuntu .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #ef6c00;
  color: #ef6c00; }
.theme-ubuntu .customtab2 li a.nav-link:hover, .theme-ubuntu .customtab2 li a.nav-link:active, .theme-ubuntu .customtab2 li a.nav-link.active {
  background-color: #ef6c00; }

.rtl.theme-ubuntu .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-ubuntu .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-ubuntu .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-ubuntu .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #ef6c00; }

/*---Notification---*/
.theme-ubuntu .jq-icon-primary {
  background-color: #ef6c00;
  color: #ffffff;
  border-color: #ef6c00; }
.theme-ubuntu .jq-icon-info {
  background-color: #9c27b0;
  color: #ffffff;
  border-color: #9c27b0; }
.theme-ubuntu .jq-icon-success {
  background-color: #14c89b;
  color: #ffffff;
  border-color: #ef6c00; }
.theme-ubuntu .jq-icon-error {
  background-color: #ef0065;
  color: #ffffff;
  border-color: #ef0065; }
.theme-ubuntu .jq-icon-danger {
  background-color: #ef0065;
  color: #ffffff;
  border-color: #ef0065; }
.theme-ubuntu .jq-icon-warning {
  background-color: #efd600;
  color: #ffffff;
  border-color: #efd600; }

/*---avatar---*/
.theme-ubuntu .avatar.status-primary::after {
  background-color: #ef6c00; }
.theme-ubuntu .avatar.status-info::after {
  background-color: #9c27b0; }
.theme-ubuntu .avatar.status-success::after {
  background-color: #14c89b; }
.theme-ubuntu .avatar.status-danger::after {
  background-color: #ef0065; }
.theme-ubuntu .avatar.status-warning::after {
  background-color: #efd600; }
.theme-ubuntu .avatar[class*='status-']::after {
  background-color: #ef6c00; }
.theme-ubuntu .avatar-add:hover {
  background-color: #bc5500;
  border-color: #bc5500; }

/*---media---*/
.theme-ubuntu .media-chat.media-chat-reverse .media-body p {
  background-color: #ef6c00; }
.theme-ubuntu .media-right-out a:hover {
  color: #bc5500; }

/*---control---*/
.theme-ubuntu .control input:checked:focus ~ .control_indicator {
  background-color: #ef6c00; }
.theme-ubuntu .control input:checked ~ .control_indicator {
  background-color: #ef6c00; }
.theme-ubuntu .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #ef6c00; }

/*---flex---*/
.theme-ubuntu .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #ef6c00; }
  .theme-ubuntu .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #ef6c00; }

/*---pagination---*/
.theme-ubuntu .pagination li a.current {
  border: 1px solid #ef6c00;
  background-color: #ef6c00; }
  .theme-ubuntu .pagination li a.current:hover {
    border: 1px solid #ef6c00;
    background-color: #ef6c00; }
.theme-ubuntu .pagination li a:hover {
  border: 1px solid #bc5500;
  background-color: #bc5500 !important; }
.theme-ubuntu .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #ef6c00;
  background-color: #ef6c00; }
  .theme-ubuntu .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #ef6c00;
    background-color: #ef6c00; }
.theme-ubuntu .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #ef6c00; }
.theme-ubuntu .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #ef6c00; }
.theme-ubuntu .footable .pagination li a:hover, .theme-ubuntu .footable .pagination li a:active, .theme-ubuntu .footable .pagination li a.active {
  background-color: #ef6c00; }

/*---dataTables---*/
.theme-ubuntu .dt-buttons .dt-button {
  background-color: #ef6c00; }

/*---select2---*/
.theme-ubuntu .select2-container--default.select2-container--open {
  border-color: #ef6c00; }
.theme-ubuntu .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ef6c00; }
.theme-ubuntu .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #ef6c00 !important; }
.theme-ubuntu .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ef6c00 !important; }
.theme-ubuntu .select2-container--default .select2-selection--multiple:focus {
  border-color: #ef6c00 !important; }
.theme-ubuntu .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ef6c00;
  border-color: #ef6c00; }

/*---Other---*/
.theme-ubuntu .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #bc5500; }
.theme-ubuntu .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #bc5500; }
.theme-ubuntu .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #bc5500; }
.theme-ubuntu [data-overlay-primary]::before {
  background: #bc5500; }

/*---wizard---*/
.theme-ubuntu .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #ef6c00;
  background-color: #ef6c00; }
.theme-ubuntu .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #bc5500;
  background-color: #bc5500; }
.theme-ubuntu .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #ef6c00; }
.theme-ubuntu .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #ef6c00; }
.theme-ubuntu .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #ef6c00; }
.theme-ubuntu .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #ef6c00; }
.theme-ubuntu .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #ef6c00; }
.theme-ubuntu .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #ef6c00;
  color: #ef6c00; }
  .theme-ubuntu .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #ef6c00; }
.theme-ubuntu .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #ef6c00; }

@media (max-width: 767px) {
  .theme-ubuntu .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #ef6c00; } }
@media (max-width: 575px) {
  .theme-ubuntu .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #ef6c00; } }
/*---slider---*/
.theme-ubuntu #primary .slider-selection {
  background-color: #ef6c00; }
.theme-ubuntu #info .slider-selection {
  background-color: #9c27b0; }
.theme-ubuntu #success .slider-selection {
  background-color: #14c89b; }
.theme-ubuntu #danger .slider-selection {
  background-color: #ef0065; }
.theme-ubuntu #warning .slider-selection {
  background-color: #efd600; }

/*---horizontal-timeline---*/
.theme-ubuntu .cd-horizontal-timeline .events a.selected::after {
  background: #ef6c00;
  border-color: #ef6c00; }
.theme-ubuntu .cd-horizontal-timeline .events a.older-event::after {
  border-color: #ef6c00; }
.theme-ubuntu .cd-horizontal-timeline .filling-line {
  background: #ef6c00; }
.theme-ubuntu .cd-horizontal-timeline a {
  color: #ef6c00; }
  .theme-ubuntu .cd-horizontal-timeline a:hover, .theme-ubuntu .cd-horizontal-timeline a:focus {
    color: #ef6c00; }
.theme-ubuntu .cd-timeline-navigation a:hover, .theme-ubuntu .cd-timeline-navigation a:focus {
  border-color: #ef6c00; }

/**************************************
Theme patriot Color
**************************************/
.bg-gradient-patriot, .theme-patriot .bg-gradient-patriot, .theme-patriot .art-bg {
  background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%); }

.bg-light-body {
  background: transparent; }

.theme-patriot.fixed .main-header {
  }
  .theme-patriot.fixed .main-header .navbar {
    background: transparent; }
.theme-patriot .main-header {
  background: #ffffff; }

.theme-patriot.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-patriot-dark, .dark-skin.theme-patriot .bg-gradient-patriot, .dark-skin.theme-patriot .art-bg {
  background-image: linear-gradient(-45deg, #2a367b 0%, #2a367b 33%, #bb2d00 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-patriot.fixed .main-header {
   }
  .dark-skin.theme-patriot.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-patriot .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-patriot.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-patriot.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-patriot.fixed .main-header {
    background-image: #0c1a32; } }
.theme-patriot a:hover, .theme-patriot a:active, .theme-patriot a:focus {
  color: #4a5cc1; }
.theme-patriot .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-patriot .main-sidebar .svg-icon:hover, .theme-patriot .main-sidebar .svg-icon:active, .theme-patriot .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-patriot .main-sidebar a:hover .svg-icon, .theme-patriot .main-sidebar a:active .svg-icon, .theme-patriot .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-patriot .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-patriot .svg-icon:hover, .theme-patriot .svg-icon:active, .theme-patriot .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-patriot a:hover .svg-icon, .theme-patriot a:active .svg-icon, .theme-patriot a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-patriot.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #4a5cc1 !important; }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #4a5cc1; }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #4a5cc1;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-patriot.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-patriot.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #4a5cc1 !important; }
.theme-patriot.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-patriot.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-patriot.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-patriot.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-patriot.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-patriot.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #4a5cc1 !important; }
.theme-patriot.light-skin .sidebar-menu &gt; li:hover, .theme-patriot.light-skin .sidebar-menu &gt; li:active, .theme-patriot.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(74, 92, 193, 0);
  color: #4a5cc1;
  border-left: 0px solid rgba(74, 92, 193, 0); }
  .theme-patriot.light-skin .sidebar-menu &gt; li:hover a, .theme-patriot.light-skin .sidebar-menu &gt; li:active a, .theme-patriot.light-skin .sidebar-menu &gt; li.active a {
    color: #4a5cc1; }
    .theme-patriot.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-patriot.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-patriot.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(74, 92, 193, 0); }
    .theme-patriot.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-patriot.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-patriot.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #4a5cc1;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-patriot.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-patriot.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-patriot.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-patriot.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(74, 92, 193, 0);
  color: #4a5cc1;
  border-left: 0px solid #4a5cc1; }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%); }
    .theme-patriot.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #4a5cc1;
      background-color: rgba(74, 92, 193, 0); }
    .theme-patriot.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-patriot.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(74, 92, 193, 0);
    color: #4a5cc1; }
    .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%); }
      .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(74, 92, 193, 0); }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(74, 92, 193, 0); }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(74, 92, 193, 0);
    color: #4a5cc1; }
    .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #4a5cc1; }
      .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #4a5cc1;
        background-color: rgba(74, 92, 193, 0); }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(74, 92, 193, 0);
    color: #4a5cc1; }
    .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #4a5cc1; }
      .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #4a5cc1;
        background-color: rgba(74, 92, 193, 0); }
  .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-patriot.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(74, 92, 193, 0); }
.theme-patriot.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #4a5cc1;
  border-right: 0px solid #4a5cc1; }
.theme-patriot.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(74, 92, 193, 0);
  color: white;
  border-left: 0px solid #4a5cc1; }
  .theme-patriot.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%); }
    .theme-patriot.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-patriot.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-patriot.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-patriot.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(74, 92, 193, 0);
    color: #4a5cc1; }
    .theme-patriot.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%); }
      .theme-patriot.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(74, 92, 193, 0); }
  .theme-patriot.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(74, 92, 193, 0);
    color: white; }
    .theme-patriot.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-patriot.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #4a5cc1;
  border-right: 0px solid #4a5cc1; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(74, 92, 193, 0.2);
    color: #4a5cc1; } }
/*---Main Nav---*/
.theme-patriot .sm-blue li.current &gt; a, .theme-patriot .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%);
  color: #ffffff !important; }
  .theme-patriot .sm-blue li.current &gt; a:hover, .theme-patriot .sm-blue li.current &gt; a:active, .theme-patriot .sm-blue li.current &gt; a:focus, .theme-patriot .sm-blue li.highlighted &gt; a:hover, .theme-patriot .sm-blue li.highlighted &gt; a:active, .theme-patriot .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%);
    color: #ffffff !important; }
.theme-patriot .sm-blue a.current, .theme-patriot .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%);
  color: #ffffff !important; }
.theme-patriot .sm-blue a:hover, .theme-patriot .sm-blue a:active, .theme-patriot .sm-blue a:focus {
  background: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%);
  color: #ffffff !important; }
.theme-patriot .sm-blue ul a:hover, .theme-patriot .sm-blue ul a:active, .theme-patriot .sm-blue ul a:focus {
  background: #ebedf3;
  color: #4a5cc1 !important; }
.theme-patriot .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #4a5cc1 !important; }

.dark-skin.theme-patriot .sm-blue li.current &gt; a, .dark-skin.theme-patriot .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #2a367b 0%, #2a367b 33%, #bb2d00 100%);
  color: #ffffff !important; }
  .dark-skin.theme-patriot .sm-blue li.current &gt; a:hover, .dark-skin.theme-patriot .sm-blue li.current &gt; a:active, .dark-skin.theme-patriot .sm-blue li.current &gt; a:focus, .dark-skin.theme-patriot .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-patriot .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-patriot .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #2a367b 0%, #2a367b 33%, #bb2d00 100%);
    color: #ffffff !important; }
.dark-skin.theme-patriot .sm-blue a.current, .dark-skin.theme-patriot .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #2a367b 0%, #2a367b 33%, #bb2d00 100%);
  color: #ffffff !important; }
.dark-skin.theme-patriot .sm-blue a:hover, .dark-skin.theme-patriot .sm-blue a:active, .dark-skin.theme-patriot .sm-blue a:focus {
  background: linear-gradient(-45deg, #2a367b 0%, #2a367b 33%, #bb2d00 100%);
  color: #ffffff !important; }
.dark-skin.theme-patriot .sm-blue ul a:hover, .dark-skin.theme-patriot .sm-blue ul a:active, .dark-skin.theme-patriot .sm-blue ul a:focus {
  background: #29354b;
  color: #4a5cc1 !important; }
.dark-skin.theme-patriot .sm-blue ul a.highlighted {
  background: #29354b;
  color: #4a5cc1 !important; }

/*---Primary Button---*/
.theme-patriot .btn-link {
  color: #4a5cc1; }
.theme-patriot .btn-primary {
  background-color: #4a5cc1;
  border-color: #4a5cc1;
  color: #ffffff; }
  .theme-patriot .btn-primary:hover, .theme-patriot .btn-primary:active, .theme-patriot .btn-primary:focus, .theme-patriot .btn-primary.active {
    background-color: #3747a1 !important;
    border-color: #3747a1 !important;
    color: #ffffff !important; }
  .theme-patriot .btn-primary:disabled {
    background-color: #96a0db;
    border-color: #4a5cc1;
    opacity: 0.5; }
  .theme-patriot .btn-primary.disabled {
    background-color: #96a0db;
    border-color: #4a5cc1;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-primary.dropdown-toggle {
  background-color: #3747a1 !important;
  border-color: #3747a1 !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-primary {
  color: #4a5cc1;
  background-color: transparent;
  border-color: #4a5cc1 !important; }
  .theme-patriot .btn-outline.btn-primary:hover, .theme-patriot .btn-outline.btn-primary:active, .theme-patriot .btn-outline.btn-primary.active {
    background-color: #3747a1 !important;
    border-color: #3747a1 !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #3747a1 !important;
  border-color: #3747a1 !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-primary {
  color: #4a5cc1 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-primary:hover, .theme-patriot .btn-flat.btn-primary:active, .theme-patriot .btn-flat.btn-primary.active {
    background-color: #3747a1 !important;
    border-color: #3747a1 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-patriot .btn-info {
  background-color: #ff5722;
  border-color: #ff5722;
  color: #ffffff; }
  .theme-patriot .btn-info:hover, .theme-patriot .btn-info:active, .theme-patriot .btn-info:focus, .theme-patriot .btn-info.active {
    background-color: #ee3900 !important;
    border-color: #ee3900 !important;
    color: #ffffff !important; }
  .theme-patriot .btn-info:disabled {
    background-color: #ffa588;
    border-color: #ff5722;
    opacity: 0.5; }
  .theme-patriot .btn-info.disabled {
    background-color: #ffa588;
    border-color: #ff5722;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-info.dropdown-toggle {
  background-color: #ee3900 !important;
  border-color: #ee3900 !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-info {
  color: #ff5722;
  background-color: transparent;
  border-color: #ff5722 !important; }
  .theme-patriot .btn-outline.btn-info:hover, .theme-patriot .btn-outline.btn-info:active, .theme-patriot .btn-outline.btn-info.active {
    background-color: #ee3900 !important;
    border-color: #ee3900 !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #ee3900 !important;
  border-color: #ee3900 !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-info {
  color: #ff5722 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-info:hover, .theme-patriot .btn-flat.btn-info:active, .theme-patriot .btn-flat.btn-info.active {
    background-color: #ee3900 !important;
    border-color: #ee3900 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-patriot .btn-success {
  background-color: #42b53f;
  border-color: #42b53f;
  color: #ffffff; }
  .theme-patriot .btn-success:hover, .theme-patriot .btn-success:active, .theme-patriot .btn-success:focus, .theme-patriot .btn-success.active {
    background-color: #348f32 !important;
    border-color: #348f32 !important;
    color: #ffffff !important; }
  .theme-patriot .btn-success:disabled {
    background-color: #87d585;
    border-color: #42b53f;
    opacity: 0.5; }
  .theme-patriot .btn-success.disabled {
    background-color: #87d585;
    border-color: #42b53f;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-success.dropdown-toggle {
  background-color: #348f32 !important;
  border-color: #348f32 !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-success {
  color: #42b53f;
  background-color: transparent;
  border-color: #42b53f !important; }
  .theme-patriot .btn-outline.btn-success:hover, .theme-patriot .btn-outline.btn-success:active, .theme-patriot .btn-outline.btn-success.active {
    background-color: #348f32 !important;
    border-color: #348f32 !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #348f32 !important;
  border-color: #348f32 !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-success {
  color: #42b53f !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-success:hover, .theme-patriot .btn-flat.btn-success:active, .theme-patriot .btn-flat.btn-success.active {
    background-color: #348f32 !important;
    border-color: #348f32 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-patriot .btn-danger {
  background-color: #f01883;
  border-color: #f01883;
  color: #ffffff; }
  .theme-patriot .btn-danger:hover, .theme-patriot .btn-danger:active, .theme-patriot .btn-danger:focus, .theme-patriot .btn-danger.active {
    background-color: #c80d6a !important;
    border-color: #c80d6a !important;
    color: #ffffff !important; }
  .theme-patriot .btn-danger:disabled {
    background-color: #f678b6;
    border-color: #f01883;
    opacity: 0.5; }
  .theme-patriot .btn-danger.disabled {
    background-color: #f678b6;
    border-color: #f01883;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-danger.dropdown-toggle {
  background-color: #c80d6a !important;
  border-color: #c80d6a !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-danger {
  color: #f01883;
  background-color: transparent;
  border-color: #f01883 !important; }
  .theme-patriot .btn-outline.btn-danger:hover, .theme-patriot .btn-outline.btn-danger:active, .theme-patriot .btn-outline.btn-danger.active {
    background-color: #c80d6a !important;
    border-color: #c80d6a !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #c80d6a !important;
  border-color: #c80d6a !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-danger {
  color: #f01883 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-danger:hover, .theme-patriot .btn-flat.btn-danger:active, .theme-patriot .btn-flat.btn-danger.active {
    background-color: #c80d6a !important;
    border-color: #c80d6a !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-patriot .btn-warning {
  background-color: #e5de20;
  border-color: #e5de20;
  color: #ffffff; }
  .theme-patriot .btn-warning:hover, .theme-patriot .btn-warning:active, .theme-patriot .btn-warning:focus, .theme-patriot .btn-warning.active {
    background-color: #bcb616 !important;
    border-color: #bcb616 !important;
    color: #ffffff !important; }
  .theme-patriot .btn-warning:disabled {
    background-color: #f0ec7b;
    border-color: #e5de20;
    opacity: 0.5; }
  .theme-patriot .btn-warning.disabled {
    background-color: #f0ec7b;
    border-color: #e5de20;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-warning.dropdown-toggle {
  background-color: #bcb616 !important;
  border-color: #bcb616 !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-warning {
  color: #e5de20;
  background-color: transparent;
  border-color: #e5de20 !important; }
  .theme-patriot .btn-outline.btn-warning:hover, .theme-patriot .btn-outline.btn-warning:active, .theme-patriot .btn-outline.btn-warning.active {
    background-color: #bcb616 !important;
    border-color: #bcb616 !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #bcb616 !important;
  border-color: #bcb616 !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-warning {
  color: #e5de20 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-warning:hover, .theme-patriot .btn-flat.btn-warning:active, .theme-patriot .btn-flat.btn-warning.active {
    background-color: #bcb616 !important;
    border-color: #bcb616 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-patriot .btn-primary-light {
  background-color: #e1e5fb;
  border-color: #e1e5fb;
  color: #4a5cc1; }
  .theme-patriot .btn-primary-light:hover, .theme-patriot .btn-primary-light:active, .theme-patriot .btn-primary-light:focus, .theme-patriot .btn-primary-light.active {
    background-color: #4a5cc1 !important;
    border-color: #4a5cc1 !important;
    color: #ffffff !important; }
  .theme-patriot .btn-primary-light:disabled {
    background-color: white;
    border-color: #e1e5fb;
    opacity: 0.5; }
  .theme-patriot .btn-primary-light.disabled {
    background-color: white;
    border-color: #e1e5fb;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #4a5cc1 !important;
  border-color: #4a5cc1 !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-primary-light {
  color: #4a5cc1;
  background-color: transparent;
  border-color: #e1e5fb !important; }
  .theme-patriot .btn-outline.btn-primary-light:hover, .theme-patriot .btn-outline.btn-primary-light:active, .theme-patriot .btn-outline.btn-primary-light.active {
    background-color: #4a5cc1 !important;
    border-color: #4a5cc1 !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #4a5cc1 !important;
  border-color: #4a5cc1 !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-primary-light {
  color: #4a5cc1 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-primary-light:hover, .theme-patriot .btn-flat.btn-primary-light:active, .theme-patriot .btn-flat.btn-primary-light.active {
    background-color: #4a5cc1 !important;
    border-color: #4a5cc1 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-patriot .btn-info-light {
  background-color: #ffe1d8;
  border-color: #ffe1d8;
  color: #ff5722; }
  .theme-patriot .btn-info-light:hover, .theme-patriot .btn-info-light:active, .theme-patriot .btn-info-light:focus, .theme-patriot .btn-info-light.active {
    background-color: #ff5722 !important;
    border-color: #ff5722 !important;
    color: #ffffff !important; }
  .theme-patriot .btn-info-light:disabled {
    background-color: white;
    border-color: #ffe1d8;
    opacity: 0.5; }
  .theme-patriot .btn-info-light.disabled {
    background-color: white;
    border-color: #ffe1d8;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-info.dropdown-toggle {
  background-color: #ff5722 !important;
  border-color: #ff5722 !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-info-light {
  color: #ff5722;
  background-color: transparent;
  border-color: #ffe1d8 !important; }
  .theme-patriot .btn-outline.btn-info-light:hover, .theme-patriot .btn-outline.btn-info-light:active, .theme-patriot .btn-outline.btn-info-light.active {
    background-color: #ff5722 !important;
    border-color: #ff5722 !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #ff5722 !important;
  border-color: #ff5722 !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-info-light {
  color: #ff5722 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-info-light:hover, .theme-patriot .btn-flat.btn-info-light:active, .theme-patriot .btn-flat.btn-info-light.active {
    background-color: #ff5722 !important;
    border-color: #ff5722 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-patriot .btn-success-light {
  background-color: #e4fce3;
  border-color: #e4fce3;
  color: #42b53f; }
  .theme-patriot .btn-success-light:hover, .theme-patriot .btn-success-light:active, .theme-patriot .btn-success-light:focus, .theme-patriot .btn-success-light.active {
    background-color: #42b53f !important;
    border-color: #42b53f !important;
    color: #ffffff !important; }
  .theme-patriot .btn-success-light:disabled {
    background-color: white;
    border-color: #e4fce3;
    opacity: 0.5; }
  .theme-patriot .btn-success-light.disabled {
    background-color: white;
    border-color: #e4fce3;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #42b53f !important;
  border-color: #42b53f !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-success-light {
  color: #42b53f;
  background-color: transparent;
  border-color: #e4fce3 !important; }
  .theme-patriot .btn-outline.btn-success-light:hover, .theme-patriot .btn-outline.btn-success-light:active, .theme-patriot .btn-outline.btn-success-light.active {
    background-color: #42b53f !important;
    border-color: #42b53f !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #42b53f !important;
  border-color: #42b53f !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-success-light {
  color: #42b53f !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-success-light:hover, .theme-patriot .btn-flat.btn-success-light:active, .theme-patriot .btn-flat.btn-success-light.active {
    background-color: #42b53f !important;
    border-color: #42b53f !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-patriot .btn-danger-light {
  background-color: #ffe9f4;
  border-color: #ffe9f4;
  color: #f01883; }
  .theme-patriot .btn-danger-light:hover, .theme-patriot .btn-danger-light:active, .theme-patriot .btn-danger-light:focus, .theme-patriot .btn-danger-light.active {
    background-color: #f01883 !important;
    border-color: #f01883 !important;
    color: #ffffff !important; }
  .theme-patriot .btn-danger-light:disabled {
    background-color: white;
    border-color: #ffe9f4;
    opacity: 0.5; }
  .theme-patriot .btn-danger-light.disabled {
    background-color: white;
    border-color: #ffe9f4;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #f01883 !important;
  border-color: #f01883 !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-danger-light {
  color: #f01883;
  background-color: transparent;
  border-color: #ffe9f4 !important; }
  .theme-patriot .btn-outline.btn-danger-light:hover, .theme-patriot .btn-outline.btn-danger-light:active, .theme-patriot .btn-outline.btn-danger-light.active {
    background-color: #f01883 !important;
    border-color: #f01883 !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #f01883 !important;
  border-color: #f01883 !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-danger-light {
  color: #f01883 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-danger-light:hover, .theme-patriot .btn-flat.btn-danger-light:active, .theme-patriot .btn-flat.btn-danger-light.active {
    background-color: #f01883 !important;
    border-color: #f01883 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-patriot .btn-warning-light {
  background-color: #f5f4cb;
  border-color: #f5f4cb;
  color: #e5de20; }
  .theme-patriot .btn-warning-light:hover, .theme-patriot .btn-warning-light:active, .theme-patriot .btn-warning-light:focus, .theme-patriot .btn-warning-light.active {
    background-color: #e5de20 !important;
    border-color: #e5de20 !important;
    color: #ffffff !important; }
  .theme-patriot .btn-warning-light:disabled {
    background-color: white;
    border-color: #f5f4cb;
    opacity: 0.5; }
  .theme-patriot .btn-warning-light.disabled {
    background-color: white;
    border-color: #f5f4cb;
    opacity: 0.5; }
.theme-patriot .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #e5de20 !important;
  border-color: #e5de20 !important;
  color: #ffffff; }
.theme-patriot .btn-outline.btn-warning-light {
  color: #e5de20;
  background-color: transparent;
  border-color: #f5f4cb !important; }
  .theme-patriot .btn-outline.btn-warning-light:hover, .theme-patriot .btn-outline.btn-warning-light:active, .theme-patriot .btn-outline.btn-warning-light.active {
    background-color: #e5de20 !important;
    border-color: #e5de20 !important;
    color: #ffffff !important; }
.theme-patriot .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #e5de20 !important;
  border-color: #e5de20 !important;
  color: #ffffff; }
.theme-patriot .btn-flat.btn-warning-light {
  color: #e5de20 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-patriot .btn-flat.btn-warning-light:hover, .theme-patriot .btn-flat.btn-warning-light:active, .theme-patriot .btn-flat.btn-warning-light.active {
    background-color: #e5de20 !important;
    border-color: #e5de20 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-patriot .callout.callout-primary {
  border-color: #4a5cc1;
  background-color: #4a5cc1 !important; }
.theme-patriot .callout.callout-info {
  border-color: #ff5722;
  background-color: #ff5722 !important; }
.theme-patriot .callout.callout-success {
  border-color: #42b53f;
  background-color: #42b53f !important; }
.theme-patriot .callout.callout-danger {
  border-color: #f01883;
  background-color: #f01883 !important; }
.theme-patriot .callout.callout-warning {
  border-color: #e5de20;
  background-color: #e5de20 !important; }

/*---alert---*/
.theme-patriot .alert-primary {
  border-color: #4a5cc1;
  background-color: #4a5cc1 !important;
  color: #ffffff; }
.theme-patriot .alert-info {
  border-color: #ff5722;
  background-color: #ff5722 !important;
  color: #ffffff; }
.theme-patriot .alert-success {
  border-color: #42b53f;
  background-color: #42b53f !important;
  color: #ffffff; }
.theme-patriot .alert-danger {
  border-color: #f01883;
  background-color: #f01883 !important;
  color: #ffffff; }
.theme-patriot .alert-error {
  border-color: #f01883;
  background-color: #f01883 !important;
  color: #ffffff; }
.theme-patriot .alert-warning {
  border-color: #e5de20;
  background-color: #e5de20 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-patriot .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #4a5cc1;
  color: #ffffff; }
.theme-patriot .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-patriot .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #4a5cc1; }
.theme-patriot .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #ff5722;
  color: #ffffff; }
.theme-patriot .direct-chat-info .right &gt; .direct-chat-text:before, .theme-patriot .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #ff5722; }
.theme-patriot .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #42b53f;
  color: #ffffff; }
.theme-patriot .direct-chat-success .right &gt; .direct-chat-text:before, .theme-patriot .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #42b53f; }
.theme-patriot .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #f01883;
  color: #ffffff; }
.theme-patriot .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-patriot .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #f01883; }
.theme-patriot .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #e5de20;
  color: #ffffff; }
.theme-patriot .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-patriot .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #e5de20; }
.theme-patriot .right .direct-chat-text p {
  background-color: #4a5cc1; }

/*---modal---*/
.theme-patriot .modal-primary .modal-footer, .theme-patriot .modal-primary .modal-header {
  border-color: #4a5cc1; }
.theme-patriot .modal-primary .modal-body {
  background-color: #4a5cc1 !important; }
.theme-patriot .modal-info .modal-footer, .theme-patriot .modal-info .modal-header {
  border-color: #ff5722; }
.theme-patriot .modal-info .modal-body {
  background-color: #ff5722 !important; }
.theme-patriot .modal-success .modal-footer, .theme-patriot .modal-success .modal-header {
  border-color: #42b53f; }
.theme-patriot .modal-success .modal-body {
  background-color: #42b53f !important; }
.theme-patriot .modal-danger .modal-footer, .theme-patriot .modal-danger .modal-header {
  border-color: #f01883; }
.theme-patriot .modal-danger .modal-body {
  background-color: #f01883 !important; }
.theme-patriot .modal-warning .modal-footer, .theme-patriot .modal-warning .modal-header {
  border-color: #e5de20; }
.theme-patriot .modal-warning .modal-body {
  background-color: #e5de20 !important; }

/*---border---*/
.theme-patriot .border-primary {
  border-color: #4a5cc1 !important; }
.theme-patriot .border-info {
  border-color: #ff5722 !important; }
.theme-patriot .border-success {
  border-color: #42b53f !important; }
.theme-patriot .border-danger {
  border-color: #f01883 !important; }
.theme-patriot .border-warning {
  border-color: #e5de20 !important; }

/*---Background---*/
.theme-patriot .bg-primary {
  background-color: #4a5cc1 !important;
  color: #ffffff; }
.theme-patriot .bg-primary-light {
  background-color: #e1e5fb !important;
  color: #4a5cc1; }
.theme-patriot .bg-info {
  background-color: #ff5722 !important;
  color: #ffffff; }
.theme-patriot .bg-info-light {
  background-color: #ffe1d8 !important;
  color: #ff5722; }
.theme-patriot .bg-success {
  background-color: #42b53f !important;
  color: #ffffff; }
.theme-patriot .bg-success-light {
  background-color: #e4fce3 !important;
  color: #42b53f; }
.theme-patriot .bg-danger {
  background-color: #f01883 !important;
  color: #ffffff; }
.theme-patriot .bg-danger-light {
  background-color: #ffe9f4 !important;
  color: #f01883; }
.theme-patriot .bg-warning {
  background-color: #e5de20 !important;
  color: #ffffff; }
.theme-patriot .bg-warning-light {
  background-color: #f5f4cb !important;
  color: #e5de20; }

/*---text---*/
.theme-patriot .text-primary {
  color: #4a5cc1 !important; }
.theme-patriot a.text-primary:hover, .theme-patriot a.text-primary:focus {
  color: #4a5cc1 !important; }
.theme-patriot .hover-primary:hover, .theme-patriot .hover-primary:focus {
  color: #4a5cc1 !important; }
.theme-patriot .text-info {
  color: #ff5722 !important; }
.theme-patriot a.text-info:hover, .theme-patriot a.text-info:focus {
  color: #ff5722 !important; }
.theme-patriot .hover-info:hover, .theme-patriot .hover-info:focus {
  color: #ff5722 !important; }
.theme-patriot .text-success {
  color: #42b53f !important; }
.theme-patriot a.text-success:hover, .theme-patriot a.text-success:focus {
  color: #42b53f !important; }
.theme-patriot .hover-success:hover, .theme-patriot .hover-success:focus {
  color: #42b53f !important; }
.theme-patriot .text-danger {
  color: #f01883 !important; }
.theme-patriot a.text-danger:hover, .theme-patriot a.text-danger:focus {
  color: #f01883 !important; }
.theme-patriot .hover-danger:hover, .theme-patriot .hover-danger:focus {
  color: #f01883 !important; }
.theme-patriot .text-warning {
  color: #e5de20 !important; }
.theme-patriot a.text-warning:hover, .theme-patriot a.text-warning:focus {
  color: #e5de20 !important; }
.theme-patriot .hover-warning:hover, .theme-patriot .hover-warning:focus {
  color: #e5de20 !important; }

/*---active background---*/
.theme-patriot .active.active-primary {
  background-color: #3747a1 !important; }
.theme-patriot .active.active-info {
  background-color: #ee3900 !important; }
.theme-patriot .active.active-success {
  background-color: #348f32 !important; }
.theme-patriot .active.active-danger {
  background-color: #c80d6a !important; }
.theme-patriot .active.active-warning {
  background-color: #bcb616 !important; }

/*---label background---*/
.theme-patriot .label-primary {
  background-color: #4a5cc1 !important; }
.theme-patriot .label-info {
  background-color: #ff5722 !important; }
.theme-patriot .label-success {
  background-color: #42b53f !important; }
.theme-patriot .label-danger {
  background-color: #f01883 !important; }
.theme-patriot .label-warning {
  background-color: #e5de20 !important; }

/*---ribbon---*/
.theme-patriot .ribbon-box .ribbon-primary {
  background-color: #4a5cc1; }
  .theme-patriot .ribbon-box .ribbon-primary:before {
    border-color: #4a5cc1 transparent transparent; }
.theme-patriot .ribbon-box .ribbon-two-primary span {
  background-color: #4a5cc1; }
  .theme-patriot .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #3747a1;
    border-top: 3px solid #3747a1; }
  .theme-patriot .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #3747a1;
    border-top: 3px solid #3747a1; }
.theme-patriot .ribbon-box .ribbon-info {
  background-color: #ff5722; }
  .theme-patriot .ribbon-box .ribbon-info:before {
    border-color: #ff5722 transparent transparent; }
.theme-patriot .ribbon-box .ribbon-two-info span {
  background-color: #ff5722; }
  .theme-patriot .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #ee3900;
    border-top: 3px solid #ee3900; }
  .theme-patriot .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #ee3900;
    border-top: 3px solid #ee3900; }
.theme-patriot .ribbon-box .ribbon-success {
  background-color: #42b53f; }
  .theme-patriot .ribbon-box .ribbon-success:before {
    border-color: #42b53f transparent transparent; }
.theme-patriot .ribbon-box .ribbon-two-success span {
  background-color: #42b53f; }
  .theme-patriot .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #348f32;
    border-top: 3px solid #348f32; }
  .theme-patriot .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #348f32;
    border-top: 3px solid #348f32; }
.theme-patriot .ribbon-box .ribbon-danger {
  background-color: #f01883; }
  .theme-patriot .ribbon-box .ribbon-danger:before {
    border-color: #f01883 transparent transparent; }
.theme-patriot .ribbon-box .ribbon-two-danger span {
  background-color: #f01883; }
  .theme-patriot .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #c80d6a;
    border-top: 3px solid #c80d6a; }
  .theme-patriot .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #c80d6a;
    border-top: 3px solid #c80d6a; }
.theme-patriot .ribbon-box .ribbon-warning {
  background-color: #e5de20; }
  .theme-patriot .ribbon-box .ribbon-warning:before {
    border-color: #e5de20 transparent transparent; }
.theme-patriot .ribbon-box .ribbon-two-warning span {
  background-color: #e5de20; }
  .theme-patriot .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #bcb616;
    border-top: 3px solid #bcb616; }
  .theme-patriot .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #bcb616;
    border-top: 3px solid #bcb616; }

/*---Box---*/
.theme-patriot .box-primary {
  background-color: #4a5cc1 !important; }
  .theme-patriot .box-primary.box-bordered {
    border-color: #4a5cc1; }
.theme-patriot .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #4a5cc1; }
.theme-patriot .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #4a5cc1; }
  .theme-patriot .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-patriot .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-patriot .box-info {
  background-color: #ff5722 !important; }
  .theme-patriot .box-info.box-bordered {
    border-color: #ff5722; }
.theme-patriot .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #ff5722; }
.theme-patriot .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #ff5722; }
  .theme-patriot .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-patriot .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-patriot .box-success {
  background-color: #42b53f !important; }
  .theme-patriot .box-success.box-bordered {
    border-color: #42b53f; }
.theme-patriot .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #42b53f; }
.theme-patriot .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #42b53f; }
  .theme-patriot .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-patriot .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-patriot .box-danger {
  background-color: #f01883 !important; }
  .theme-patriot .box-danger.box-bordered {
    border-color: #f01883; }
.theme-patriot .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #f01883; }
.theme-patriot .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #f01883; }
  .theme-patriot .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-patriot .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-patriot .box-warning {
  background-color: #e5de20 !important; }
  .theme-patriot .box-warning.box-bordered {
    border-color: #e5de20; }
.theme-patriot .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #e5de20; }
.theme-patriot .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #e5de20; }
  .theme-patriot .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-patriot .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-patriot .box-profile .social-states a:hover {
  color: #3747a1; }
.theme-patriot .box-controls li &gt; a:hover {
  color: #3747a1; }
.theme-patriot .box-controls .dropdown.show &gt; a {
  color: #3747a1; }
.theme-patriot .box-fullscreen .box-btn-fullscreen {
  color: #3747a1; }

/*---progress bar---*/
.theme-patriot .progress-bar-primary {
  background-color: #4a5cc1; }
.theme-patriot .progress-bar-info {
  background-color: #ff5722; }
.theme-patriot .progress-bar-success {
  background-color: #42b53f; }
.theme-patriot .progress-bar-danger {
  background-color: #f01883; }
.theme-patriot .progress-bar-warning {
  background-color: #e5de20; }

/*---panel---*/
.theme-patriot .panel-primary {
  border-color: #4a5cc1; }
  .theme-patriot .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #4a5cc1;
    border-color: #4a5cc1; }
    .theme-patriot .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #4a5cc1; }
    .theme-patriot .panel-primary &gt; .panel-heading .badge-pill {
      color: #4a5cc1;
      background-color: #ffffff; }
  .theme-patriot .panel-primary .panel-title, .theme-patriot .panel-primary .panel-action {
    color: #ffffff; }
  .theme-patriot .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #4a5cc1; }
.theme-patriot .panel-line.panel-primary .panel-heading {
  color: #4a5cc1;
  border-top-color: #4a5cc1;
  background: transparent; }
.theme-patriot .panel-line.panel-primary .panel-title, .theme-patriot .panel-line.panel-primary .panel-action {
  color: #4a5cc1; }
.theme-patriot .panel-info {
  border-color: #ff5722; }
  .theme-patriot .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #ff5722;
    border-color: #ff5722; }
    .theme-patriot .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ff5722; }
    .theme-patriot .panel-info &gt; .panel-heading .badge-pill {
      color: #ff5722;
      background-color: #ffffff; }
  .theme-patriot .panel-info .panel-title, .theme-patriot .panel-info .panel-action {
    color: #ffffff; }
  .theme-patriot .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ff5722; }
.theme-patriot .panel-line.panel-info .panel-heading {
  color: #ff5722;
  border-top-color: #ff5722;
  background: transparent; }
.theme-patriot .panel-line.panel-info .panel-title, .theme-patriot .panel-line.panel-info .panel-action {
  color: #ff5722; }
.theme-patriot .panel-success {
  border-color: #42b53f; }
  .theme-patriot .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #42b53f;
    border-color: #42b53f; }
    .theme-patriot .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #42b53f; }
    .theme-patriot .panel-success &gt; .panel-heading .badge-pill {
      color: #42b53f;
      background-color: #ffffff; }
  .theme-patriot .panel-success .panel-title, .theme-patriot .panel-success .panel-action {
    color: #ffffff; }
  .theme-patriot .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #42b53f; }
.theme-patriot .panel-line.panel-success .panel-heading {
  color: #42b53f;
  border-top-color: #42b53f;
  background: transparent; }
.theme-patriot .panel-line.panel-success .panel-title, .theme-patriot .panel-line.panel-success .panel-action {
  color: #42b53f; }
.theme-patriot .panel-danger {
  border-color: #f01883; }
  .theme-patriot .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #f01883;
    border-color: #f01883; }
    .theme-patriot .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #f01883; }
    .theme-patriot .panel-danger &gt; .panel-heading .badge-pill {
      color: #f01883;
      background-color: #ffffff; }
  .theme-patriot .panel-danger .panel-title, .theme-patriot .panel-danger .panel-action {
    color: #ffffff; }
  .theme-patriot .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #f01883; }
.theme-patriot .panel-line.panel-danger .panel-heading {
  color: #f01883;
  border-top-color: #f01883;
  background: transparent; }
.theme-patriot .panel-line.panel-danger .panel-title, .theme-patriot .panel-line.panel-danger .panel-action {
  color: #f01883; }
.theme-patriot .panel-warning {
  border-color: #e5de20; }
  .theme-patriot .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #e5de20;
    border-color: #e5de20; }
    .theme-patriot .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e5de20; }
    .theme-patriot .panel-warning &gt; .panel-heading .badge-pill {
      color: #e5de20;
      background-color: #ffffff; }
  .theme-patriot .panel-warning .panel-title, .theme-patriot .panel-warning .panel-action {
    color: #ffffff; }
  .theme-patriot .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e5de20; }
.theme-patriot .panel-line.panel-warning .panel-heading {
  color: #e5de20;
  border-top-color: #e5de20;
  background: transparent; }
.theme-patriot .panel-line.panel-warning .panel-title, .theme-patriot .panel-line.panel-warning .panel-action {
  color: #e5de20; }

/*---switch---*/
.theme-patriot .switch input:checked ~ .switch-indicator::after {
  background-color: #4a5cc1; }
.theme-patriot .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #4a5cc1; }
.theme-patriot .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #ff5722; }
.theme-patriot .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #42b53f; }
.theme-patriot .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #f01883; }
.theme-patriot .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #e5de20; }

/*---badge---*/
.theme-patriot .badge-primary {
  background-color: #4a5cc1;
  color: #ffffff; }
.theme-patriot .badge-primary[href]:hover, .theme-patriot .badge-primary[href]:focus {
  background-color: #3747a1; }
.theme-patriot .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-patriot .badge-secondary[href]:hover, .theme-patriot .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-patriot .badge-info {
  background-color: #ff5722;
  color: #ffffff; }
.theme-patriot .badge-info[href]:hover, .theme-patriot .badge-info[href]:focus {
  background-color: #ee3900; }
.theme-patriot .badge-success {
  background-color: #42b53f;
  color: #ffffff; }
.theme-patriot .badge-success[href]:hover, .theme-patriot .badge-success[href]:focus {
  background-color: #348f32; }
.theme-patriot .badge-danger {
  background-color: #f01883;
  color: #ffffff; }
.theme-patriot .badge-danger[href]:hover, .theme-patriot .badge-danger[href]:focus {
  background-color: #c80d6a; }
.theme-patriot .badge-warning {
  background-color: #e5de20;
  color: #ffffff; }
.theme-patriot .badge-warning[href]:hover, .theme-patriot .badge-warning[href]:focus {
  background-color: #bcb616; }

/*---badge light---*/
.theme-patriot .badge-primary-light {
  background-color: #e1e5fb;
  color: #4a5cc1; }
.theme-patriot .badge-primary-light[href]:hover, .theme-patriot .badge-primary-light[href]:focus {
  background-color: #b4bef5; }
.theme-patriot .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-patriot .badge-secondary-light[href]:hover, .theme-patriot .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-patriot .badge-info-light {
  background-color: #ffe1d8;
  color: #ff5722; }
.theme-patriot .badge-info-light[href]:hover, .theme-patriot .badge-info-light[href]:focus {
  background-color: #ffbaa5; }
.theme-patriot .badge-success-light {
  background-color: #e4fce3;
  color: #42b53f; }
.theme-patriot .badge-success-light[href]:hover, .theme-patriot .badge-success-light[href]:focus {
  background-color: #b8f7b5; }
.theme-patriot .badge-danger-light {
  background-color: #ffe9f4;
  color: #f01883; }
.theme-patriot .badge-danger-light[href]:hover, .theme-patriot .badge-danger-light[href]:focus {
  background-color: #ffb6db; }
.theme-patriot .badge-warning-light {
  background-color: #f5f4cb;
  color: #e5de20; }
.theme-patriot .badge-warning-light[href]:hover, .theme-patriot .badge-warning-light[href]:focus {
  background-color: #edeba0; }

/*---rating---*/
.theme-patriot .rating-primary .active {
  color: #4a5cc1; }
.theme-patriot .rating-primary :checked ~ label {
  color: #4a5cc1; }
.theme-patriot .rating-primary label:hover {
  color: #4a5cc1; }
  .theme-patriot .rating-primary label:hover ~ label {
    color: #4a5cc1; }
.theme-patriot .rating-info .active {
  color: #ff5722; }
.theme-patriot .rating-info :checked ~ label {
  color: #ff5722; }
.theme-patriot .rating-info label:hover {
  color: #ff5722; }
  .theme-patriot .rating-info label:hover ~ label {
    color: #ff5722; }
.theme-patriot .rating-success .active {
  color: #42b53f; }
.theme-patriot .rating-success :checked ~ label {
  color: #42b53f; }
.theme-patriot .rating-success label:hover {
  color: #42b53f; }
  .theme-patriot .rating-success label:hover ~ label {
    color: #42b53f; }
.theme-patriot .rating-danger .active {
  color: #f01883; }
.theme-patriot .rating-danger :checked ~ label {
  color: #f01883; }
.theme-patriot .rating-danger label:hover {
  color: #f01883; }
  .theme-patriot .rating-danger label:hover ~ label {
    color: #f01883; }
.theme-patriot .rating-warning .active {
  color: #e5de20; }
.theme-patriot .rating-warning :checked ~ label {
  color: #e5de20; }
.theme-patriot .rating-warning label:hover {
  color: #e5de20; }
  .theme-patriot .rating-warning label:hover ~ label {
    color: #e5de20; }

/*---toggler---*/
.theme-patriot .toggler-primary input:checked + i {
  color: #4a5cc1; }
.theme-patriot .toggler-info input:checked + i {
  color: #ff5722; }
.theme-patriot .toggler-success input:checked + i {
  color: #42b53f; }
.theme-patriot .toggler-danger input:checked + i {
  color: #f01883; }
.theme-patriot .toggler-warning input:checked + i {
  color: #e5de20; }

/*---nav tabs---*/
.theme-patriot .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-patriot .nav-tabs.nav-tabs-primary .nav-link:active, .theme-patriot .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-patriot .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #3747a1;
  background-color: transparent;
  color: #3747a1; }
.theme-patriot .nav-tabs.nav-tabs-info .nav-link:hover, .theme-patriot .nav-tabs.nav-tabs-info .nav-link:active, .theme-patriot .nav-tabs.nav-tabs-info .nav-link:focus, .theme-patriot .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #ee3900;
  background-color: #ff5722;
  color: #ffffff; }
.theme-patriot .nav-tabs.nav-tabs-success .nav-link:hover, .theme-patriot .nav-tabs.nav-tabs-success .nav-link:active, .theme-patriot .nav-tabs.nav-tabs-success .nav-link:focus, .theme-patriot .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #348f32;
  background-color: transparent;
  color: #348f32; }
.theme-patriot .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-patriot .nav-tabs.nav-tabs-danger .nav-link:active, .theme-patriot .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-patriot .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #c80d6a;
  background-color: transparent;
  color: #c80d6a; }
.theme-patriot .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-patriot .nav-tabs.nav-tabs-warning .nav-link:active, .theme-patriot .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-patriot .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #bcb616;
  background-color: transparent;
  color: #bcb616; }
.theme-patriot .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #3747a1; }
.theme-patriot .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #ee3900; }
.theme-patriot .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #348f32; }
.theme-patriot .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #c80d6a; }
.theme-patriot .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #bcb616; }
.theme-patriot .nav-tabs .nav-link.active {
  border-bottom-color: #4a5cc1;
  background-color: #4a5cc1;
  color: #ffffff; }
  .theme-patriot .nav-tabs .nav-link.active:hover, .theme-patriot .nav-tabs .nav-link.active:focus {
    border-bottom-color: #4a5cc1;
    background-color: #4a5cc1;
    color: #ffffff; }
.theme-patriot .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #4a5cc1;
  background-color: #4a5cc1; }
  .theme-patriot .nav-tabs .nav-item.open .nav-link:hover, .theme-patriot .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #4a5cc1;
    background-color: #4a5cc1; }

/*---todo---*/
.theme-patriot .todo-list .primary {
  border-left-color: #4a5cc1; }
.theme-patriot .todo-list .info {
  border-left-color: #4a5cc1; }
.theme-patriot .todo-list .success {
  border-left-color: #42b53f; }
.theme-patriot .todo-list .danger {
  border-left-color: #f01883; }
.theme-patriot .todo-list .warning {
  border-left-color: #e5de20; }

/*---timeline---*/
.theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #4a5cc1;
  border: 1px solid #4a5cc1;
  color: #ffffff; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #4a5cc1;
    border-right-color: #4a5cc1; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #ff5722;
  border: 1px solid #ff5722;
  color: #ffffff; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #ff5722;
    border-right-color: #ff5722; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #42b53f;
  border: 1px solid #42b53f;
  color: #ffffff; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #42b53f;
    border-right-color: #42b53f; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #f01883;
  border: 1px solid #f01883;
  color: #ffffff; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #f01883;
    border-right-color: #f01883; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #e5de20;
  border: 1px solid #e5de20;
  color: #ffffff; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #e5de20;
    border-right-color: #e5de20; }
  .theme-patriot .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-patriot .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #4a5cc1;
  background-color: #ffffff; }
.theme-patriot .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #ff5722;
  background-color: #ffffff; }
.theme-patriot .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #42b53f;
  background-color: #ffffff; }
.theme-patriot .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #f01883;
  background-color: #ffffff; }
.theme-patriot .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #e5de20;
  background-color: #ffffff; }
.theme-patriot .timeline .timeline-label .label-primary {
  background-color: #4a5cc1; }
.theme-patriot .timeline .timeline-label .label-info {
  background-color: #ff5722; }
.theme-patriot .timeline .timeline-label .label-success {
  background-color: #42b53f; }
.theme-patriot .timeline .timeline-label .label-danger {
  background-color: #f01883; }
.theme-patriot .timeline .timeline-label .label-warning {
  background-color: #e5de20; }
.theme-patriot .timeline__year, .theme-patriot .timeline5:before, .theme-patriot .timeline__box:before, .theme-patriot .timeline__date {
  background-color: #4a5cc1; }
.theme-patriot .timeline__post {
  border-left: 3px solid #4a5cc1; }

/*---daterangepicker---*/
.theme-patriot .daterangepicker td.active {
  background-color: #4a5cc1; }
  .theme-patriot .daterangepicker td.active:hover {
    background-color: #4a5cc1; }
.theme-patriot .daterangepicker .input-mini.active {
  border: 1px solid #4a5cc1; }
.theme-patriot .ranges li:hover, .theme-patriot .ranges li:active, .theme-patriot .ranges li.active {
  border: 1px solid #4a5cc1;
  background-color: #4a5cc1; }

/*---control-sidebar---*/
.theme-patriot .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-patriot .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-patriot .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #4a5cc1;
  color: #4a5cc1; }
.theme-patriot .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #4a5cc1;
  color: #4a5cc1; }
  .theme-patriot .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-patriot .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-patriot .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #4a5cc1;
    color: #4a5cc1; }
.theme-patriot .control-sidebar .rpanel-title .btn:hover {
  color: #4a5cc1; }

/*---nav---*/
.theme-patriot .nav &gt; li &gt; a:hover, .theme-patriot .nav &gt; li &gt; a:active, .theme-patriot .nav &gt; li &gt; a:focus {
  color: #4a5cc1; }
.theme-patriot .nav-pills &gt; li &gt; a.active {
  border-top-color: #4a5cc1;
  background-color: #4a5cc1 !important;
  color: #ffffff; }
  .theme-patriot .nav-pills &gt; li &gt; a.active:hover, .theme-patriot .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #4a5cc1;
    background-color: #4a5cc1 !important;
    color: #ffffff; }
.theme-patriot .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-patriot .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #4a5cc1; }
.theme-patriot .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #4a5cc1; }
  .theme-patriot .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-patriot .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #4a5cc1; }
.theme-patriot .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #4a5cc1; }
.theme-patriot .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #4a5cc1; }
.theme-patriot .customtab li a.nav-link.active {
  border-bottom: 2px solid #4a5cc1; }

/*---form-element---*/
.theme-patriot .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-patriot .form-element .form-control {
  background-image: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-patriot .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #4a5cc1 0%, #4a5cc1 33%, #ff5722 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-patriot .form-control:focus {
  border-color: #4a5cc1; }
.theme-patriot [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #4a5cc1;
  border-bottom: 2px solid #4a5cc1; }
.theme-patriot [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #ff5722;
  border-bottom: 2px solid #ff5722; }
.theme-patriot [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #42b53f;
  border-bottom: 2px solid #42b53f; }
.theme-patriot [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #f01883;
  border-bottom: 2px solid #f01883; }
.theme-patriot [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #e5de20;
  border-bottom: 2px solid #e5de20; }
.theme-patriot [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #4a5cc1;
  background-color: #4a5cc1; }
.theme-patriot [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #ff5722;
  background-color: #ff5722; }
.theme-patriot [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #42b53f;
  background-color: #42b53f; }
.theme-patriot [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #f01883;
  background-color: #f01883; }
.theme-patriot [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #e5de20;
  background-color: #e5de20; }
.theme-patriot [type=radio].radio-col-primary:checked + label:after {
  background-color: #4a5cc1;
  border-color: #4a5cc1;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #4a5cc1;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #4a5cc1;
  border: 2px solid #4a5cc1;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].radio-col-info:checked + label:after {
  background-color: #ff5722;
  border-color: #ff5722;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #ff5722;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #ff5722;
  border: 2px solid #ff5722;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].radio-col-success:checked + label:after {
  background-color: #42b53f;
  border-color: #42b53f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #42b53f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #42b53f;
  border: 2px solid #42b53f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].radio-col-danger:checked + label:after {
  background-color: #f01883;
  border-color: #f01883;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #f01883;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #f01883;
  border: 2px solid #f01883;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].radio-col-warning:checked + label:after {
  background-color: #e5de20;
  border-color: #e5de20;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #e5de20;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #e5de20;
  border: 2px solid #e5de20;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-patriot [type=checkbox]:checked + label:before {
  border-right: 2px solid #4a5cc1;
  border-bottom: 2px solid #4a5cc1; }
.theme-patriot [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #4a5cc1;
  background-color: #4a5cc1; }
.theme-patriot [type=radio].with-gap:checked + label:before, .theme-patriot [type=radio].with-gap:checked + label:after {
  border: 2px solid #4a5cc1; }
.theme-patriot [type=radio].with-gap:checked + label:after {
  background-color: #4a5cc1;
  z-index: 0; }
.theme-patriot [type=radio]:checked + label:after {
  border: 2px solid #4a5cc1;
  background-color: #4a5cc1;
  z-index: 0; }
.theme-patriot [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #4a5cc1;
  background-color: #4a5cc1; }

/*---Calender---*/
.theme-patriot .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #4a5cc1; }
.theme-patriot .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #4a5cc1;
  border-color: #4a5cc1; }
.theme-patriot .fc-event, .theme-patriot .calendar-event {
  background: #4a5cc1; }

/*---Tabs---*/
.theme-patriot .tabs-vertical li .nav-link:hover, .theme-patriot .tabs-vertical li .nav-link:active, .theme-patriot .tabs-vertical li .nav-link:focus, .theme-patriot .tabs-vertical li .nav-link.active {
  background-color: #4a5cc1;
  color: #ffffff; }
.theme-patriot .customvtab .tabs-vertical li .nav-link:hover, .theme-patriot .customvtab .tabs-vertical li .nav-link:active, .theme-patriot .customvtab .tabs-vertical li .nav-link:focus, .theme-patriot .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #4a5cc1;
  color: #4a5cc1; }
.theme-patriot .customtab2 li a.nav-link:hover, .theme-patriot .customtab2 li a.nav-link:active, .theme-patriot .customtab2 li a.nav-link.active {
  background-color: #4a5cc1; }

.rtl.theme-patriot .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-patriot .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-patriot .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-patriot .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #4a5cc1; }

/*---Notification---*/
.theme-patriot .jq-icon-primary {
  background-color: #4a5cc1;
  color: #ffffff;
  border-color: #4a5cc1; }
.theme-patriot .jq-icon-info {
  background-color: #ff5722;
  color: #ffffff;
  border-color: #ff5722; }
.theme-patriot .jq-icon-success {
  background-color: #42b53f;
  color: #ffffff;
  border-color: #4a5cc1; }
.theme-patriot .jq-icon-error {
  background-color: #f01883;
  color: #ffffff;
  border-color: #f01883; }
.theme-patriot .jq-icon-danger {
  background-color: #f01883;
  color: #ffffff;
  border-color: #f01883; }
.theme-patriot .jq-icon-warning {
  background-color: #e5de20;
  color: #ffffff;
  border-color: #e5de20; }

/*---avatar---*/
.theme-patriot .avatar.status-primary::after {
  background-color: #4a5cc1; }
.theme-patriot .avatar.status-info::after {
  background-color: #ff5722; }
.theme-patriot .avatar.status-success::after {
  background-color: #42b53f; }
.theme-patriot .avatar.status-danger::after {
  background-color: #f01883; }
.theme-patriot .avatar.status-warning::after {
  background-color: #e5de20; }
.theme-patriot .avatar[class*='status-']::after {
  background-color: #4a5cc1; }
.theme-patriot .avatar-add:hover {
  background-color: #3747a1;
  border-color: #3747a1; }

/*---media---*/
.theme-patriot .media-chat.media-chat-reverse .media-body p {
  background-color: #4a5cc1; }
.theme-patriot .media-right-out a:hover {
  color: #3747a1; }

/*---control---*/
.theme-patriot .control input:checked:focus ~ .control_indicator {
  background-color: #4a5cc1; }
.theme-patriot .control input:checked ~ .control_indicator {
  background-color: #4a5cc1; }
.theme-patriot .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #4a5cc1; }

/*---flex---*/
.theme-patriot .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #4a5cc1; }
  .theme-patriot .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #4a5cc1; }

/*---pagination---*/
.theme-patriot .pagination li a.current {
  border: 1px solid #4a5cc1;
  background-color: #4a5cc1; }
  .theme-patriot .pagination li a.current:hover {
    border: 1px solid #4a5cc1;
    background-color: #4a5cc1; }
.theme-patriot .pagination li a:hover {
  border: 1px solid #3747a1;
  background-color: #3747a1 !important; }
.theme-patriot .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #4a5cc1;
  background-color: #4a5cc1; }
  .theme-patriot .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #4a5cc1;
    background-color: #4a5cc1; }
.theme-patriot .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #4a5cc1; }
.theme-patriot .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #4a5cc1; }
.theme-patriot .footable .pagination li a:hover, .theme-patriot .footable .pagination li a:active, .theme-patriot .footable .pagination li a.active {
  background-color: #4a5cc1; }

/*---dataTables---*/
.theme-patriot .dt-buttons .dt-button {
  background-color: #4a5cc1; }

/*---select2---*/
.theme-patriot .select2-container--default.select2-container--open {
  border-color: #4a5cc1; }
.theme-patriot .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4a5cc1; }
.theme-patriot .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #4a5cc1 !important; }
.theme-patriot .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #4a5cc1 !important; }
.theme-patriot .select2-container--default .select2-selection--multiple:focus {
  border-color: #4a5cc1 !important; }
.theme-patriot .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #4a5cc1;
  border-color: #4a5cc1; }

/*---Other---*/
.theme-patriot .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #3747a1; }
.theme-patriot .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #3747a1; }
.theme-patriot .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #3747a1; }
.theme-patriot [data-overlay-primary]::before {
  background: #3747a1; }

/*---wizard---*/
.theme-patriot .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #4a5cc1;
  background-color: #4a5cc1; }
.theme-patriot .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #3747a1;
  background-color: #3747a1; }
.theme-patriot .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #4a5cc1; }
.theme-patriot .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #4a5cc1; }
.theme-patriot .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #4a5cc1; }
.theme-patriot .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #4a5cc1; }
.theme-patriot .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #4a5cc1; }
.theme-patriot .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #4a5cc1;
  color: #4a5cc1; }
  .theme-patriot .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #4a5cc1; }
.theme-patriot .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #4a5cc1; }

@media (max-width: 767px) {
  .theme-patriot .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #4a5cc1; } }
@media (max-width: 575px) {
  .theme-patriot .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #4a5cc1; } }
/*---slider---*/
.theme-patriot #primary .slider-selection {
  background-color: #4a5cc1; }
.theme-patriot #info .slider-selection {
  background-color: #ff5722; }
.theme-patriot #success .slider-selection {
  background-color: #42b53f; }
.theme-patriot #danger .slider-selection {
  background-color: #f01883; }
.theme-patriot #warning .slider-selection {
  background-color: #e5de20; }

/*---horizontal-timeline---*/
.theme-patriot .cd-horizontal-timeline .events a.selected::after {
  background: #4a5cc1;
  border-color: #4a5cc1; }
.theme-patriot .cd-horizontal-timeline .events a.older-event::after {
  border-color: #4a5cc1; }
.theme-patriot .cd-horizontal-timeline .filling-line {
  background: #4a5cc1; }
.theme-patriot .cd-horizontal-timeline a {
  color: #4a5cc1; }
  .theme-patriot .cd-horizontal-timeline a:hover, .theme-patriot .cd-horizontal-timeline a:focus {
    color: #4a5cc1; }
.theme-patriot .cd-timeline-navigation a:hover, .theme-patriot .cd-timeline-navigation a:focus {
  border-color: #4a5cc1; }

/**************************************
Theme vintage Color
**************************************/
.bg-gradient-vintage, .theme-vintage .bg-gradient-vintage, .theme-vintage .art-bg {
  background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%); }

.bg-light-body {
  background: transparent; }

.theme-vintage.fixed .main-header {
   }
  .theme-vintage.fixed .main-header .navbar {
    background: transparent; }
.theme-vintage .main-header {
  background: #ffffff; }

.theme-vintage.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-vintage-dark, .dark-skin.theme-vintage .bg-gradient-vintage, .dark-skin.theme-vintage .art-bg {
  background-image: linear-gradient(-45deg, #b37105 0%, #b37105 33%, #066b77 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-vintage.fixed .main-header {
   }
  .dark-skin.theme-vintage.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-vintage .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-vintage.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-vintage.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-vintage.fixed .main-header {
    background-image: #0c1a32; } }
.theme-vintage a:hover, .theme-vintage a:active, .theme-vintage a:focus {
  color: #f9a825; }
.theme-vintage .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-vintage .main-sidebar .svg-icon:hover, .theme-vintage .main-sidebar .svg-icon:active, .theme-vintage .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-vintage .main-sidebar a:hover .svg-icon, .theme-vintage .main-sidebar a:active .svg-icon, .theme-vintage .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-vintage .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-vintage .svg-icon:hover, .theme-vintage .svg-icon:active, .theme-vintage .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-vintage a:hover .svg-icon, .theme-vintage a:active .svg-icon, .theme-vintage a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-vintage.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #f9a825 !important; }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #f9a825; }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #f9a825;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-vintage.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-vintage.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #f9a825 !important; }
.theme-vintage.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-vintage.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-vintage.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-vintage.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-vintage.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-vintage.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #f9a825 !important; }
.theme-vintage.light-skin .sidebar-menu &gt; li:hover, .theme-vintage.light-skin .sidebar-menu &gt; li:active, .theme-vintage.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(249, 168, 37, 0);
  color: #f9a825;
  border-left: 0px solid rgba(249, 168, 37, 0); }
  .theme-vintage.light-skin .sidebar-menu &gt; li:hover a, .theme-vintage.light-skin .sidebar-menu &gt; li:active a, .theme-vintage.light-skin .sidebar-menu &gt; li.active a {
    color: #f9a825; }
    .theme-vintage.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-vintage.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-vintage.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(249, 168, 37, 0); }
    .theme-vintage.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-vintage.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-vintage.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #f9a825;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-vintage.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-vintage.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-vintage.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-vintage.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(249, 168, 37, 0);
  color: #f9a825;
  border-left: 0px solid #f9a825; }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%); }
    .theme-vintage.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #f9a825;
      background-color: rgba(249, 168, 37, 0); }
    .theme-vintage.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-vintage.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(249, 168, 37, 0);
    color: #f9a825; }
    .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%); }
      .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(249, 168, 37, 0); }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(249, 168, 37, 0); }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(249, 168, 37, 0);
    color: #f9a825; }
    .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #f9a825; }
      .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #f9a825;
        background-color: rgba(249, 168, 37, 0); }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(249, 168, 37, 0);
    color: #f9a825; }
    .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #f9a825; }
      .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #f9a825;
        background-color: rgba(249, 168, 37, 0); }
  .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-vintage.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(249, 168, 37, 0); }
.theme-vintage.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #f9a825;
  border-right: 0px solid #f9a825; }
.theme-vintage.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(249, 168, 37, 0);
  color: white;
  border-left: 0px solid #f9a825; }
  .theme-vintage.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%); }
    .theme-vintage.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-vintage.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-vintage.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-vintage.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(249, 168, 37, 0);
    color: #f9a825; }
    .theme-vintage.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%); }
      .theme-vintage.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(249, 168, 37, 0); }
  .theme-vintage.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(249, 168, 37, 0);
    color: white; }
    .theme-vintage.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-vintage.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #f9a825;
  border-right: 0px solid #f9a825; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(249, 168, 37, 0.2);
    color: #f9a825; } }
/*---Main Nav---*/
.theme-vintage .sm-blue li.current &gt; a, .theme-vintage .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%);
  color: #ffffff !important; }
  .theme-vintage .sm-blue li.current &gt; a:hover, .theme-vintage .sm-blue li.current &gt; a:active, .theme-vintage .sm-blue li.current &gt; a:focus, .theme-vintage .sm-blue li.highlighted &gt; a:hover, .theme-vintage .sm-blue li.highlighted &gt; a:active, .theme-vintage .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%);
    color: #ffffff !important; }
.theme-vintage .sm-blue a.current, .theme-vintage .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%);
  color: #ffffff !important; }
.theme-vintage .sm-blue a:hover, .theme-vintage .sm-blue a:active, .theme-vintage .sm-blue a:focus {
  background: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%);
  color: #ffffff !important; }
.theme-vintage .sm-blue ul a:hover, .theme-vintage .sm-blue ul a:active, .theme-vintage .sm-blue ul a:focus {
  background: #ebedf3;
  color: #f9a825 !important; }
.theme-vintage .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #f9a825 !important; }

.dark-skin.theme-vintage .sm-blue li.current &gt; a, .dark-skin.theme-vintage .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #b37105 0%, #b37105 33%, #066b77 100%);
  color: #ffffff !important; }
  .dark-skin.theme-vintage .sm-blue li.current &gt; a:hover, .dark-skin.theme-vintage .sm-blue li.current &gt; a:active, .dark-skin.theme-vintage .sm-blue li.current &gt; a:focus, .dark-skin.theme-vintage .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-vintage .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-vintage .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #b37105 0%, #b37105 33%, #066b77 100%);
    color: #ffffff !important; }
.dark-skin.theme-vintage .sm-blue a.current, .dark-skin.theme-vintage .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #b37105 0%, #b37105 33%, #066b77 100%);
  color: #ffffff !important; }
.dark-skin.theme-vintage .sm-blue a:hover, .dark-skin.theme-vintage .sm-blue a:active, .dark-skin.theme-vintage .sm-blue a:focus {
  background: linear-gradient(-45deg, #b37105 0%, #b37105 33%, #066b77 100%);
  color: #ffffff !important; }
.dark-skin.theme-vintage .sm-blue ul a:hover, .dark-skin.theme-vintage .sm-blue ul a:active, .dark-skin.theme-vintage .sm-blue ul a:focus {
  background: #29354b;
  color: #f9a825 !important; }
.dark-skin.theme-vintage .sm-blue ul a.highlighted {
  background: #29354b;
  color: #f9a825 !important; }

/*---Primary Button---*/
.theme-vintage .btn-link {
  color: #f9a825; }
.theme-vintage .btn-primary {
  background-color: #f9a825;
  border-color: #f9a825;
  color: #ffffff; }
  .theme-vintage .btn-primary:hover, .theme-vintage .btn-primary:active, .theme-vintage .btn-primary:focus, .theme-vintage .btn-primary.active {
    background-color: #e59006 !important;
    border-color: #e59006 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-primary:disabled {
    background-color: #fcd088;
    border-color: #f9a825;
    opacity: 0.5; }
  .theme-vintage .btn-primary.disabled {
    background-color: #fcd088;
    border-color: #f9a825;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-primary.dropdown-toggle {
  background-color: #e59006 !important;
  border-color: #e59006 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-primary {
  color: #f9a825;
  background-color: transparent;
  border-color: #f9a825 !important; }
  .theme-vintage .btn-outline.btn-primary:hover, .theme-vintage .btn-outline.btn-primary:active, .theme-vintage .btn-outline.btn-primary.active {
    background-color: #e59006 !important;
    border-color: #e59006 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #e59006 !important;
  border-color: #e59006 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-primary {
  color: #f9a825 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-primary:hover, .theme-vintage .btn-flat.btn-primary:active, .theme-vintage .btn-flat.btn-primary.active {
    background-color: #e59006 !important;
    border-color: #e59006 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-vintage .btn-info {
  background-color: #0ac2d9;
  border-color: #0ac2d9;
  color: #ffffff; }
  .theme-vintage .btn-info:hover, .theme-vintage .btn-info:active, .theme-vintage .btn-info:focus, .theme-vintage .btn-info.active {
    background-color: #0896a8 !important;
    border-color: #0896a8 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-info:disabled {
    background-color: #52e5f7;
    border-color: #0ac2d9;
    opacity: 0.5; }
  .theme-vintage .btn-info.disabled {
    background-color: #52e5f7;
    border-color: #0ac2d9;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-info.dropdown-toggle {
  background-color: #0896a8 !important;
  border-color: #0896a8 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-info {
  color: #0ac2d9;
  background-color: transparent;
  border-color: #0ac2d9 !important; }
  .theme-vintage .btn-outline.btn-info:hover, .theme-vintage .btn-outline.btn-info:active, .theme-vintage .btn-outline.btn-info.active {
    background-color: #0896a8 !important;
    border-color: #0896a8 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #0896a8 !important;
  border-color: #0896a8 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-info {
  color: #0ac2d9 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-info:hover, .theme-vintage .btn-flat.btn-info:active, .theme-vintage .btn-flat.btn-info.active {
    background-color: #0896a8 !important;
    border-color: #0896a8 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-vintage .btn-success {
  background-color: #1fdb42;
  border-color: #1fdb42;
  color: #ffffff; }
  .theme-vintage .btn-success:hover, .theme-vintage .btn-success:active, .theme-vintage .btn-success:focus, .theme-vintage .btn-success.active {
    background-color: #19ae35 !important;
    border-color: #19ae35 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-success:disabled {
    background-color: #75eb8b;
    border-color: #1fdb42;
    opacity: 0.5; }
  .theme-vintage .btn-success.disabled {
    background-color: #75eb8b;
    border-color: #1fdb42;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-success.dropdown-toggle {
  background-color: #19ae35 !important;
  border-color: #19ae35 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-success {
  color: #1fdb42;
  background-color: transparent;
  border-color: #1fdb42 !important; }
  .theme-vintage .btn-outline.btn-success:hover, .theme-vintage .btn-outline.btn-success:active, .theme-vintage .btn-outline.btn-success.active {
    background-color: #19ae35 !important;
    border-color: #19ae35 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #19ae35 !important;
  border-color: #19ae35 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-success {
  color: #1fdb42 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-success:hover, .theme-vintage .btn-flat.btn-success:active, .theme-vintage .btn-flat.btn-success.active {
    background-color: #19ae35 !important;
    border-color: #19ae35 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-vintage .btn-danger {
  background-color: #f92525;
  border-color: #f92525;
  color: #ffffff; }
  .theme-vintage .btn-danger:hover, .theme-vintage .btn-danger:active, .theme-vintage .btn-danger:focus, .theme-vintage .btn-danger.active {
    background-color: #e50606 !important;
    border-color: #e50606 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-danger:disabled {
    background-color: #fc8888;
    border-color: #f92525;
    opacity: 0.5; }
  .theme-vintage .btn-danger.disabled {
    background-color: #fc8888;
    border-color: #f92525;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-danger.dropdown-toggle {
  background-color: #e50606 !important;
  border-color: #e50606 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-danger {
  color: #f92525;
  background-color: transparent;
  border-color: #f92525 !important; }
  .theme-vintage .btn-outline.btn-danger:hover, .theme-vintage .btn-outline.btn-danger:active, .theme-vintage .btn-outline.btn-danger.active {
    background-color: #e50606 !important;
    border-color: #e50606 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #e50606 !important;
  border-color: #e50606 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-danger {
  color: #f92525 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-danger:hover, .theme-vintage .btn-flat.btn-danger:active, .theme-vintage .btn-flat.btn-danger.active {
    background-color: #e50606 !important;
    border-color: #e50606 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-vintage .btn-warning {
  background-color: #ddd117;
  border-color: #ddd117;
  color: #ffffff; }
  .theme-vintage .btn-warning:hover, .theme-vintage .btn-warning:active, .theme-vintage .btn-warning:focus, .theme-vintage .btn-warning.active {
    background-color: #afa512 !important;
    border-color: #afa512 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-warning:disabled {
    background-color: #f0e76a;
    border-color: #ddd117;
    opacity: 0.5; }
  .theme-vintage .btn-warning.disabled {
    background-color: #f0e76a;
    border-color: #ddd117;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-warning.dropdown-toggle {
  background-color: #afa512 !important;
  border-color: #afa512 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-warning {
  color: #ddd117;
  background-color: transparent;
  border-color: #ddd117 !important; }
  .theme-vintage .btn-outline.btn-warning:hover, .theme-vintage .btn-outline.btn-warning:active, .theme-vintage .btn-outline.btn-warning.active {
    background-color: #afa512 !important;
    border-color: #afa512 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #afa512 !important;
  border-color: #afa512 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-warning {
  color: #ddd117 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-warning:hover, .theme-vintage .btn-flat.btn-warning:active, .theme-vintage .btn-flat.btn-warning.active {
    background-color: #afa512 !important;
    border-color: #afa512 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-vintage .btn-primary-light {
  background-color: #fff2de;
  border-color: #fff2de;
  color: #f9a825; }
  .theme-vintage .btn-primary-light:hover, .theme-vintage .btn-primary-light:active, .theme-vintage .btn-primary-light:focus, .theme-vintage .btn-primary-light.active {
    background-color: #f9a825 !important;
    border-color: #f9a825 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-primary-light:disabled {
    background-color: white;
    border-color: #fff2de;
    opacity: 0.5; }
  .theme-vintage .btn-primary-light.disabled {
    background-color: white;
    border-color: #fff2de;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #f9a825 !important;
  border-color: #f9a825 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-primary-light {
  color: #f9a825;
  background-color: transparent;
  border-color: #fff2de !important; }
  .theme-vintage .btn-outline.btn-primary-light:hover, .theme-vintage .btn-outline.btn-primary-light:active, .theme-vintage .btn-outline.btn-primary-light.active {
    background-color: #f9a825 !important;
    border-color: #f9a825 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #f9a825 !important;
  border-color: #f9a825 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-primary-light {
  color: #f9a825 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-primary-light:hover, .theme-vintage .btn-flat.btn-primary-light:active, .theme-vintage .btn-flat.btn-primary-light.active {
    background-color: #f9a825 !important;
    border-color: #f9a825 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-vintage .btn-info-light {
  background-color: #d9fbff;
  border-color: #d9fbff;
  color: #0ac2d9; }
  .theme-vintage .btn-info-light:hover, .theme-vintage .btn-info-light:active, .theme-vintage .btn-info-light:focus, .theme-vintage .btn-info-light.active {
    background-color: #0ac2d9 !important;
    border-color: #0ac2d9 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-info-light:disabled {
    background-color: white;
    border-color: #d9fbff;
    opacity: 0.5; }
  .theme-vintage .btn-info-light.disabled {
    background-color: white;
    border-color: #d9fbff;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-info.dropdown-toggle {
  background-color: #0ac2d9 !important;
  border-color: #0ac2d9 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-info-light {
  color: #0ac2d9;
  background-color: transparent;
  border-color: #d9fbff !important; }
  .theme-vintage .btn-outline.btn-info-light:hover, .theme-vintage .btn-outline.btn-info-light:active, .theme-vintage .btn-outline.btn-info-light.active {
    background-color: #0ac2d9 !important;
    border-color: #0ac2d9 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #0ac2d9 !important;
  border-color: #0ac2d9 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-info-light {
  color: #0ac2d9 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-info-light:hover, .theme-vintage .btn-flat.btn-info-light:active, .theme-vintage .btn-flat.btn-info-light.active {
    background-color: #0ac2d9 !important;
    border-color: #0ac2d9 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-vintage .btn-success-light {
  background-color: #e5ffea;
  border-color: #e5ffea;
  color: #1fdb42; }
  .theme-vintage .btn-success-light:hover, .theme-vintage .btn-success-light:active, .theme-vintage .btn-success-light:focus, .theme-vintage .btn-success-light.active {
    background-color: #1fdb42 !important;
    border-color: #1fdb42 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-success-light:disabled {
    background-color: white;
    border-color: #e5ffea;
    opacity: 0.5; }
  .theme-vintage .btn-success-light.disabled {
    background-color: white;
    border-color: #e5ffea;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #1fdb42 !important;
  border-color: #1fdb42 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-success-light {
  color: #1fdb42;
  background-color: transparent;
  border-color: #e5ffea !important; }
  .theme-vintage .btn-outline.btn-success-light:hover, .theme-vintage .btn-outline.btn-success-light:active, .theme-vintage .btn-outline.btn-success-light.active {
    background-color: #1fdb42 !important;
    border-color: #1fdb42 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #1fdb42 !important;
  border-color: #1fdb42 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-success-light {
  color: #1fdb42 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-success-light:hover, .theme-vintage .btn-flat.btn-success-light:active, .theme-vintage .btn-flat.btn-success-light.active {
    background-color: #1fdb42 !important;
    border-color: #1fdb42 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-vintage .btn-danger-light {
  background-color: #ffdbdb;
  border-color: #ffdbdb;
  color: #f92525; }
  .theme-vintage .btn-danger-light:hover, .theme-vintage .btn-danger-light:active, .theme-vintage .btn-danger-light:focus, .theme-vintage .btn-danger-light.active {
    background-color: #f92525 !important;
    border-color: #f92525 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-danger-light:disabled {
    background-color: white;
    border-color: #ffdbdb;
    opacity: 0.5; }
  .theme-vintage .btn-danger-light.disabled {
    background-color: white;
    border-color: #ffdbdb;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #f92525 !important;
  border-color: #f92525 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-danger-light {
  color: #f92525;
  background-color: transparent;
  border-color: #ffdbdb !important; }
  .theme-vintage .btn-outline.btn-danger-light:hover, .theme-vintage .btn-outline.btn-danger-light:active, .theme-vintage .btn-outline.btn-danger-light.active {
    background-color: #f92525 !important;
    border-color: #f92525 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #f92525 !important;
  border-color: #f92525 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-danger-light {
  color: #f92525 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-danger-light:hover, .theme-vintage .btn-flat.btn-danger-light:active, .theme-vintage .btn-flat.btn-danger-light.active {
    background-color: #f92525 !important;
    border-color: #f92525 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-vintage .btn-warning-light {
  background-color: #fffccb;
  border-color: #fffccb;
  color: #ddd117; }
  .theme-vintage .btn-warning-light:hover, .theme-vintage .btn-warning-light:active, .theme-vintage .btn-warning-light:focus, .theme-vintage .btn-warning-light.active {
    background-color: #ddd117 !important;
    border-color: #ddd117 !important;
    color: #ffffff !important; }
  .theme-vintage .btn-warning-light:disabled {
    background-color: white;
    border-color: #fffccb;
    opacity: 0.5; }
  .theme-vintage .btn-warning-light.disabled {
    background-color: white;
    border-color: #fffccb;
    opacity: 0.5; }
.theme-vintage .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #ddd117 !important;
  border-color: #ddd117 !important;
  color: #ffffff; }
.theme-vintage .btn-outline.btn-warning-light {
  color: #ddd117;
  background-color: transparent;
  border-color: #fffccb !important; }
  .theme-vintage .btn-outline.btn-warning-light:hover, .theme-vintage .btn-outline.btn-warning-light:active, .theme-vintage .btn-outline.btn-warning-light.active {
    background-color: #ddd117 !important;
    border-color: #ddd117 !important;
    color: #ffffff !important; }
.theme-vintage .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #ddd117 !important;
  border-color: #ddd117 !important;
  color: #ffffff; }
.theme-vintage .btn-flat.btn-warning-light {
  color: #ddd117 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-vintage .btn-flat.btn-warning-light:hover, .theme-vintage .btn-flat.btn-warning-light:active, .theme-vintage .btn-flat.btn-warning-light.active {
    background-color: #ddd117 !important;
    border-color: #ddd117 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-vintage .callout.callout-primary {
  border-color: #f9a825;
  background-color: #f9a825 !important; }
.theme-vintage .callout.callout-info {
  border-color: #0ac2d9;
  background-color: #0ac2d9 !important; }
.theme-vintage .callout.callout-success {
  border-color: #1fdb42;
  background-color: #1fdb42 !important; }
.theme-vintage .callout.callout-danger {
  border-color: #f92525;
  background-color: #f92525 !important; }
.theme-vintage .callout.callout-warning {
  border-color: #ddd117;
  background-color: #ddd117 !important; }

/*---alert---*/
.theme-vintage .alert-primary {
  border-color: #f9a825;
  background-color: #f9a825 !important;
  color: #ffffff; }
.theme-vintage .alert-info {
  border-color: #0ac2d9;
  background-color: #0ac2d9 !important;
  color: #ffffff; }
.theme-vintage .alert-success {
  border-color: #1fdb42;
  background-color: #1fdb42 !important;
  color: #ffffff; }
.theme-vintage .alert-danger {
  border-color: #f92525;
  background-color: #f92525 !important;
  color: #ffffff; }
.theme-vintage .alert-error {
  border-color: #f92525;
  background-color: #f92525 !important;
  color: #ffffff; }
.theme-vintage .alert-warning {
  border-color: #ddd117;
  background-color: #ddd117 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-vintage .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #f9a825;
  color: #ffffff; }
.theme-vintage .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-vintage .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #f9a825; }
.theme-vintage .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #0ac2d9;
  color: #ffffff; }
.theme-vintage .direct-chat-info .right &gt; .direct-chat-text:before, .theme-vintage .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #0ac2d9; }
.theme-vintage .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #1fdb42;
  color: #ffffff; }
.theme-vintage .direct-chat-success .right &gt; .direct-chat-text:before, .theme-vintage .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #1fdb42; }
.theme-vintage .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #f92525;
  color: #ffffff; }
.theme-vintage .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-vintage .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #f92525; }
.theme-vintage .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #ddd117;
  color: #ffffff; }
.theme-vintage .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-vintage .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #ddd117; }
.theme-vintage .right .direct-chat-text p {
  background-color: #f9a825; }

/*---modal---*/
.theme-vintage .modal-primary .modal-footer, .theme-vintage .modal-primary .modal-header {
  border-color: #f9a825; }
.theme-vintage .modal-primary .modal-body {
  background-color: #f9a825 !important; }
.theme-vintage .modal-info .modal-footer, .theme-vintage .modal-info .modal-header {
  border-color: #0ac2d9; }
.theme-vintage .modal-info .modal-body {
  background-color: #0ac2d9 !important; }
.theme-vintage .modal-success .modal-footer, .theme-vintage .modal-success .modal-header {
  border-color: #1fdb42; }
.theme-vintage .modal-success .modal-body {
  background-color: #1fdb42 !important; }
.theme-vintage .modal-danger .modal-footer, .theme-vintage .modal-danger .modal-header {
  border-color: #f92525; }
.theme-vintage .modal-danger .modal-body {
  background-color: #f92525 !important; }
.theme-vintage .modal-warning .modal-footer, .theme-vintage .modal-warning .modal-header {
  border-color: #ddd117; }
.theme-vintage .modal-warning .modal-body {
  background-color: #ddd117 !important; }

/*---border---*/
.theme-vintage .border-primary {
  border-color: #f9a825 !important; }
.theme-vintage .border-info {
  border-color: #0ac2d9 !important; }
.theme-vintage .border-success {
  border-color: #1fdb42 !important; }
.theme-vintage .border-danger {
  border-color: #f92525 !important; }
.theme-vintage .border-warning {
  border-color: #ddd117 !important; }

/*---Background---*/
.theme-vintage .bg-primary {
  background-color: #f9a825 !important;
  color: #ffffff; }
.theme-vintage .bg-primary-light {
  background-color: #fff2de !important;
  color: #f9a825; }
.theme-vintage .bg-info {
  background-color: #0ac2d9 !important;
  color: #ffffff; }
.theme-vintage .bg-info-light {
  background-color: #d9fbff !important;
  color: #0ac2d9; }
.theme-vintage .bg-success {
  background-color: #1fdb42 !important;
  color: #ffffff; }
.theme-vintage .bg-success-light {
  background-color: #e5ffea !important;
  color: #1fdb42; }
.theme-vintage .bg-danger {
  background-color: #f92525 !important;
  color: #ffffff; }
.theme-vintage .bg-danger-light {
  background-color: #ffdbdb !important;
  color: #f92525; }
.theme-vintage .bg-warning {
  background-color: #ddd117 !important;
  color: #ffffff; }
.theme-vintage .bg-warning-light {
  background-color: #fffccb !important;
  color: #ddd117; }

/*---text---*/
.theme-vintage .text-primary {
  color: #f9a825 !important; }
.theme-vintage a.text-primary:hover, .theme-vintage a.text-primary:focus {
  color: #f9a825 !important; }
.theme-vintage .hover-primary:hover, .theme-vintage .hover-primary:focus {
  color: #f9a825 !important; }
.theme-vintage .text-info {
  color: #0ac2d9 !important; }
.theme-vintage a.text-info:hover, .theme-vintage a.text-info:focus {
  color: #0ac2d9 !important; }
.theme-vintage .hover-info:hover, .theme-vintage .hover-info:focus {
  color: #0ac2d9 !important; }
.theme-vintage .text-success {
  color: #1fdb42 !important; }
.theme-vintage a.text-success:hover, .theme-vintage a.text-success:focus {
  color: #1fdb42 !important; }
.theme-vintage .hover-success:hover, .theme-vintage .hover-success:focus {
  color: #1fdb42 !important; }
.theme-vintage .text-danger {
  color: #f92525 !important; }
.theme-vintage a.text-danger:hover, .theme-vintage a.text-danger:focus {
  color: #f92525 !important; }
.theme-vintage .hover-danger:hover, .theme-vintage .hover-danger:focus {
  color: #f92525 !important; }
.theme-vintage .text-warning {
  color: #ddd117 !important; }
.theme-vintage a.text-warning:hover, .theme-vintage a.text-warning:focus {
  color: #ddd117 !important; }
.theme-vintage .hover-warning:hover, .theme-vintage .hover-warning:focus {
  color: #ddd117 !important; }

/*---active background---*/
.theme-vintage .active.active-primary {
  background-color: #e59006 !important; }
.theme-vintage .active.active-info {
  background-color: #0896a8 !important; }
.theme-vintage .active.active-success {
  background-color: #19ae35 !important; }
.theme-vintage .active.active-danger {
  background-color: #e50606 !important; }
.theme-vintage .active.active-warning {
  background-color: #afa512 !important; }

/*---label background---*/
.theme-vintage .label-primary {
  background-color: #f9a825 !important; }
.theme-vintage .label-info {
  background-color: #0ac2d9 !important; }
.theme-vintage .label-success {
  background-color: #1fdb42 !important; }
.theme-vintage .label-danger {
  background-color: #f92525 !important; }
.theme-vintage .label-warning {
  background-color: #ddd117 !important; }

/*---ribbon---*/
.theme-vintage .ribbon-box .ribbon-primary {
  background-color: #f9a825; }
  .theme-vintage .ribbon-box .ribbon-primary:before {
    border-color: #f9a825 transparent transparent; }
.theme-vintage .ribbon-box .ribbon-two-primary span {
  background-color: #f9a825; }
  .theme-vintage .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #e59006;
    border-top: 3px solid #e59006; }
  .theme-vintage .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #e59006;
    border-top: 3px solid #e59006; }
.theme-vintage .ribbon-box .ribbon-info {
  background-color: #0ac2d9; }
  .theme-vintage .ribbon-box .ribbon-info:before {
    border-color: #0ac2d9 transparent transparent; }
.theme-vintage .ribbon-box .ribbon-two-info span {
  background-color: #0ac2d9; }
  .theme-vintage .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #0896a8;
    border-top: 3px solid #0896a8; }
  .theme-vintage .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #0896a8;
    border-top: 3px solid #0896a8; }
.theme-vintage .ribbon-box .ribbon-success {
  background-color: #1fdb42; }
  .theme-vintage .ribbon-box .ribbon-success:before {
    border-color: #1fdb42 transparent transparent; }
.theme-vintage .ribbon-box .ribbon-two-success span {
  background-color: #1fdb42; }
  .theme-vintage .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #19ae35;
    border-top: 3px solid #19ae35; }
  .theme-vintage .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #19ae35;
    border-top: 3px solid #19ae35; }
.theme-vintage .ribbon-box .ribbon-danger {
  background-color: #f92525; }
  .theme-vintage .ribbon-box .ribbon-danger:before {
    border-color: #f92525 transparent transparent; }
.theme-vintage .ribbon-box .ribbon-two-danger span {
  background-color: #f92525; }
  .theme-vintage .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #e50606;
    border-top: 3px solid #e50606; }
  .theme-vintage .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #e50606;
    border-top: 3px solid #e50606; }
.theme-vintage .ribbon-box .ribbon-warning {
  background-color: #ddd117; }
  .theme-vintage .ribbon-box .ribbon-warning:before {
    border-color: #ddd117 transparent transparent; }
.theme-vintage .ribbon-box .ribbon-two-warning span {
  background-color: #ddd117; }
  .theme-vintage .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #afa512;
    border-top: 3px solid #afa512; }
  .theme-vintage .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #afa512;
    border-top: 3px solid #afa512; }

/*---Box---*/
.theme-vintage .box-primary {
  background-color: #f9a825 !important; }
  .theme-vintage .box-primary.box-bordered {
    border-color: #f9a825; }
.theme-vintage .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #f9a825; }
.theme-vintage .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #f9a825; }
  .theme-vintage .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-vintage .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-vintage .box-info {
  background-color: #0ac2d9 !important; }
  .theme-vintage .box-info.box-bordered {
    border-color: #0ac2d9; }
.theme-vintage .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #0ac2d9; }
.theme-vintage .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #0ac2d9; }
  .theme-vintage .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-vintage .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-vintage .box-success {
  background-color: #1fdb42 !important; }
  .theme-vintage .box-success.box-bordered {
    border-color: #1fdb42; }
.theme-vintage .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #1fdb42; }
.theme-vintage .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #1fdb42; }
  .theme-vintage .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-vintage .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-vintage .box-danger {
  background-color: #f92525 !important; }
  .theme-vintage .box-danger.box-bordered {
    border-color: #f92525; }
.theme-vintage .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #f92525; }
.theme-vintage .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #f92525; }
  .theme-vintage .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-vintage .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-vintage .box-warning {
  background-color: #ddd117 !important; }
  .theme-vintage .box-warning.box-bordered {
    border-color: #ddd117; }
.theme-vintage .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #ddd117; }
.theme-vintage .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #ddd117; }
  .theme-vintage .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-vintage .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-vintage .box-profile .social-states a:hover {
  color: #e59006; }
.theme-vintage .box-controls li &gt; a:hover {
  color: #e59006; }
.theme-vintage .box-controls .dropdown.show &gt; a {
  color: #e59006; }
.theme-vintage .box-fullscreen .box-btn-fullscreen {
  color: #e59006; }

/*---progress bar---*/
.theme-vintage .progress-bar-primary {
  background-color: #f9a825; }
.theme-vintage .progress-bar-info {
  background-color: #0ac2d9; }
.theme-vintage .progress-bar-success {
  background-color: #1fdb42; }
.theme-vintage .progress-bar-danger {
  background-color: #f92525; }
.theme-vintage .progress-bar-warning {
  background-color: #ddd117; }

/*---panel---*/
.theme-vintage .panel-primary {
  border-color: #f9a825; }
  .theme-vintage .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #f9a825;
    border-color: #f9a825; }
    .theme-vintage .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #f9a825; }
    .theme-vintage .panel-primary &gt; .panel-heading .badge-pill {
      color: #f9a825;
      background-color: #ffffff; }
  .theme-vintage .panel-primary .panel-title, .theme-vintage .panel-primary .panel-action {
    color: #ffffff; }
  .theme-vintage .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #f9a825; }
.theme-vintage .panel-line.panel-primary .panel-heading {
  color: #f9a825;
  border-top-color: #f9a825;
  background: transparent; }
.theme-vintage .panel-line.panel-primary .panel-title, .theme-vintage .panel-line.panel-primary .panel-action {
  color: #f9a825; }
.theme-vintage .panel-info {
  border-color: #0ac2d9; }
  .theme-vintage .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #0ac2d9;
    border-color: #0ac2d9; }
    .theme-vintage .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #0ac2d9; }
    .theme-vintage .panel-info &gt; .panel-heading .badge-pill {
      color: #0ac2d9;
      background-color: #ffffff; }
  .theme-vintage .panel-info .panel-title, .theme-vintage .panel-info .panel-action {
    color: #ffffff; }
  .theme-vintage .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #0ac2d9; }
.theme-vintage .panel-line.panel-info .panel-heading {
  color: #0ac2d9;
  border-top-color: #0ac2d9;
  background: transparent; }
.theme-vintage .panel-line.panel-info .panel-title, .theme-vintage .panel-line.panel-info .panel-action {
  color: #0ac2d9; }
.theme-vintage .panel-success {
  border-color: #1fdb42; }
  .theme-vintage .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #1fdb42;
    border-color: #1fdb42; }
    .theme-vintage .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #1fdb42; }
    .theme-vintage .panel-success &gt; .panel-heading .badge-pill {
      color: #1fdb42;
      background-color: #ffffff; }
  .theme-vintage .panel-success .panel-title, .theme-vintage .panel-success .panel-action {
    color: #ffffff; }
  .theme-vintage .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #1fdb42; }
.theme-vintage .panel-line.panel-success .panel-heading {
  color: #1fdb42;
  border-top-color: #1fdb42;
  background: transparent; }
.theme-vintage .panel-line.panel-success .panel-title, .theme-vintage .panel-line.panel-success .panel-action {
  color: #1fdb42; }
.theme-vintage .panel-danger {
  border-color: #f92525; }
  .theme-vintage .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #f92525;
    border-color: #f92525; }
    .theme-vintage .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #f92525; }
    .theme-vintage .panel-danger &gt; .panel-heading .badge-pill {
      color: #f92525;
      background-color: #ffffff; }
  .theme-vintage .panel-danger .panel-title, .theme-vintage .panel-danger .panel-action {
    color: #ffffff; }
  .theme-vintage .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #f92525; }
.theme-vintage .panel-line.panel-danger .panel-heading {
  color: #f92525;
  border-top-color: #f92525;
  background: transparent; }
.theme-vintage .panel-line.panel-danger .panel-title, .theme-vintage .panel-line.panel-danger .panel-action {
  color: #f92525; }
.theme-vintage .panel-warning {
  border-color: #ddd117; }
  .theme-vintage .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #ddd117;
    border-color: #ddd117; }
    .theme-vintage .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ddd117; }
    .theme-vintage .panel-warning &gt; .panel-heading .badge-pill {
      color: #ddd117;
      background-color: #ffffff; }
  .theme-vintage .panel-warning .panel-title, .theme-vintage .panel-warning .panel-action {
    color: #ffffff; }
  .theme-vintage .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ddd117; }
.theme-vintage .panel-line.panel-warning .panel-heading {
  color: #ddd117;
  border-top-color: #ddd117;
  background: transparent; }
.theme-vintage .panel-line.panel-warning .panel-title, .theme-vintage .panel-line.panel-warning .panel-action {
  color: #ddd117; }

/*---switch---*/
.theme-vintage .switch input:checked ~ .switch-indicator::after {
  background-color: #f9a825; }
.theme-vintage .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #f9a825; }
.theme-vintage .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #0ac2d9; }
.theme-vintage .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #1fdb42; }
.theme-vintage .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #f92525; }
.theme-vintage .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #ddd117; }

/*---badge---*/
.theme-vintage .badge-primary {
  background-color: #f9a825;
  color: #ffffff; }
.theme-vintage .badge-primary[href]:hover, .theme-vintage .badge-primary[href]:focus {
  background-color: #e59006; }
.theme-vintage .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-vintage .badge-secondary[href]:hover, .theme-vintage .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-vintage .badge-info {
  background-color: #0ac2d9;
  color: #ffffff; }
.theme-vintage .badge-info[href]:hover, .theme-vintage .badge-info[href]:focus {
  background-color: #0896a8; }
.theme-vintage .badge-success {
  background-color: #1fdb42;
  color: #ffffff; }
.theme-vintage .badge-success[href]:hover, .theme-vintage .badge-success[href]:focus {
  background-color: #19ae35; }
.theme-vintage .badge-danger {
  background-color: #f92525;
  color: #ffffff; }
.theme-vintage .badge-danger[href]:hover, .theme-vintage .badge-danger[href]:focus {
  background-color: #e50606; }
.theme-vintage .badge-warning {
  background-color: #ddd117;
  color: #ffffff; }
.theme-vintage .badge-warning[href]:hover, .theme-vintage .badge-warning[href]:focus {
  background-color: #afa512; }

/*---badge light---*/
.theme-vintage .badge-primary-light {
  background-color: #fff2de;
  color: #f9a825; }
.theme-vintage .badge-primary-light[href]:hover, .theme-vintage .badge-primary-light[href]:focus {
  background-color: #ffdeab; }
.theme-vintage .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-vintage .badge-secondary-light[href]:hover, .theme-vintage .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-vintage .badge-info-light {
  background-color: #d9fbff;
  color: #0ac2d9; }
.theme-vintage .badge-info-light[href]:hover, .theme-vintage .badge-info-light[href]:focus {
  background-color: #a6f6ff; }
.theme-vintage .badge-success-light {
  background-color: #e5ffea;
  color: #1fdb42; }
.theme-vintage .badge-success-light[href]:hover, .theme-vintage .badge-success-light[href]:focus {
  background-color: #b2ffc1; }
.theme-vintage .badge-danger-light {
  background-color: #ffdbdb;
  color: #f92525; }
.theme-vintage .badge-danger-light[href]:hover, .theme-vintage .badge-danger-light[href]:focus {
  background-color: #ffa8a8; }
.theme-vintage .badge-warning-light {
  background-color: #fffccb;
  color: #ddd117; }
.theme-vintage .badge-warning-light[href]:hover, .theme-vintage .badge-warning-light[href]:focus {
  background-color: #fff998; }

/*---rating---*/
.theme-vintage .rating-primary .active {
  color: #f9a825; }
.theme-vintage .rating-primary :checked ~ label {
  color: #f9a825; }
.theme-vintage .rating-primary label:hover {
  color: #f9a825; }
  .theme-vintage .rating-primary label:hover ~ label {
    color: #f9a825; }
.theme-vintage .rating-info .active {
  color: #0ac2d9; }
.theme-vintage .rating-info :checked ~ label {
  color: #0ac2d9; }
.theme-vintage .rating-info label:hover {
  color: #0ac2d9; }
  .theme-vintage .rating-info label:hover ~ label {
    color: #0ac2d9; }
.theme-vintage .rating-success .active {
  color: #1fdb42; }
.theme-vintage .rating-success :checked ~ label {
  color: #1fdb42; }
.theme-vintage .rating-success label:hover {
  color: #1fdb42; }
  .theme-vintage .rating-success label:hover ~ label {
    color: #1fdb42; }
.theme-vintage .rating-danger .active {
  color: #f92525; }
.theme-vintage .rating-danger :checked ~ label {
  color: #f92525; }
.theme-vintage .rating-danger label:hover {
  color: #f92525; }
  .theme-vintage .rating-danger label:hover ~ label {
    color: #f92525; }
.theme-vintage .rating-warning .active {
  color: #ddd117; }
.theme-vintage .rating-warning :checked ~ label {
  color: #ddd117; }
.theme-vintage .rating-warning label:hover {
  color: #ddd117; }
  .theme-vintage .rating-warning label:hover ~ label {
    color: #ddd117; }

/*---toggler---*/
.theme-vintage .toggler-primary input:checked + i {
  color: #f9a825; }
.theme-vintage .toggler-info input:checked + i {
  color: #0ac2d9; }
.theme-vintage .toggler-success input:checked + i {
  color: #1fdb42; }
.theme-vintage .toggler-danger input:checked + i {
  color: #f92525; }
.theme-vintage .toggler-warning input:checked + i {
  color: #ddd117; }

/*---nav tabs---*/
.theme-vintage .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-vintage .nav-tabs.nav-tabs-primary .nav-link:active, .theme-vintage .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-vintage .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #e59006;
  background-color: transparent;
  color: #e59006; }
.theme-vintage .nav-tabs.nav-tabs-info .nav-link:hover, .theme-vintage .nav-tabs.nav-tabs-info .nav-link:active, .theme-vintage .nav-tabs.nav-tabs-info .nav-link:focus, .theme-vintage .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #0896a8;
  background-color: #0ac2d9;
  color: #ffffff; }
.theme-vintage .nav-tabs.nav-tabs-success .nav-link:hover, .theme-vintage .nav-tabs.nav-tabs-success .nav-link:active, .theme-vintage .nav-tabs.nav-tabs-success .nav-link:focus, .theme-vintage .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #19ae35;
  background-color: transparent;
  color: #19ae35; }
.theme-vintage .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-vintage .nav-tabs.nav-tabs-danger .nav-link:active, .theme-vintage .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-vintage .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #e50606;
  background-color: transparent;
  color: #e50606; }
.theme-vintage .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-vintage .nav-tabs.nav-tabs-warning .nav-link:active, .theme-vintage .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-vintage .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #afa512;
  background-color: transparent;
  color: #afa512; }
.theme-vintage .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #e59006; }
.theme-vintage .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #0896a8; }
.theme-vintage .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #19ae35; }
.theme-vintage .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #e50606; }
.theme-vintage .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #afa512; }
.theme-vintage .nav-tabs .nav-link.active {
  border-bottom-color: #f9a825;
  background-color: #f9a825;
  color: #ffffff; }
  .theme-vintage .nav-tabs .nav-link.active:hover, .theme-vintage .nav-tabs .nav-link.active:focus {
    border-bottom-color: #f9a825;
    background-color: #f9a825;
    color: #ffffff; }
.theme-vintage .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #f9a825;
  background-color: #f9a825; }
  .theme-vintage .nav-tabs .nav-item.open .nav-link:hover, .theme-vintage .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #f9a825;
    background-color: #f9a825; }

/*---todo---*/
.theme-vintage .todo-list .primary {
  border-left-color: #f9a825; }
.theme-vintage .todo-list .info {
  border-left-color: #f9a825; }
.theme-vintage .todo-list .success {
  border-left-color: #1fdb42; }
.theme-vintage .todo-list .danger {
  border-left-color: #f92525; }
.theme-vintage .todo-list .warning {
  border-left-color: #ddd117; }

/*---timeline---*/
.theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #f9a825;
  border: 1px solid #f9a825;
  color: #ffffff; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #f9a825;
    border-right-color: #f9a825; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #0ac2d9;
  border: 1px solid #0ac2d9;
  color: #ffffff; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #0ac2d9;
    border-right-color: #0ac2d9; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #1fdb42;
  border: 1px solid #1fdb42;
  color: #ffffff; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #1fdb42;
    border-right-color: #1fdb42; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #f92525;
  border: 1px solid #f92525;
  color: #ffffff; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #f92525;
    border-right-color: #f92525; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #ddd117;
  border: 1px solid #ddd117;
  color: #ffffff; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #ddd117;
    border-right-color: #ddd117; }
  .theme-vintage .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-vintage .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #f9a825;
  background-color: #ffffff; }
.theme-vintage .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #0ac2d9;
  background-color: #ffffff; }
.theme-vintage .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #1fdb42;
  background-color: #ffffff; }
.theme-vintage .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #f92525;
  background-color: #ffffff; }
.theme-vintage .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #ddd117;
  background-color: #ffffff; }
.theme-vintage .timeline .timeline-label .label-primary {
  background-color: #f9a825; }
.theme-vintage .timeline .timeline-label .label-info {
  background-color: #0ac2d9; }
.theme-vintage .timeline .timeline-label .label-success {
  background-color: #1fdb42; }
.theme-vintage .timeline .timeline-label .label-danger {
  background-color: #f92525; }
.theme-vintage .timeline .timeline-label .label-warning {
  background-color: #ddd117; }
.theme-vintage .timeline__year, .theme-vintage .timeline5:before, .theme-vintage .timeline__box:before, .theme-vintage .timeline__date {
  background-color: #f9a825; }
.theme-vintage .timeline__post {
  border-left: 3px solid #f9a825; }

/*---daterangepicker---*/
.theme-vintage .daterangepicker td.active {
  background-color: #f9a825; }
  .theme-vintage .daterangepicker td.active:hover {
    background-color: #f9a825; }
.theme-vintage .daterangepicker .input-mini.active {
  border: 1px solid #f9a825; }
.theme-vintage .ranges li:hover, .theme-vintage .ranges li:active, .theme-vintage .ranges li.active {
  border: 1px solid #f9a825;
  background-color: #f9a825; }

/*---control-sidebar---*/
.theme-vintage .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-vintage .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-vintage .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #f9a825;
  color: #f9a825; }
.theme-vintage .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #f9a825;
  color: #f9a825; }
  .theme-vintage .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-vintage .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-vintage .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #f9a825;
    color: #f9a825; }
.theme-vintage .control-sidebar .rpanel-title .btn:hover {
  color: #f9a825; }

/*---nav---*/
.theme-vintage .nav &gt; li &gt; a:hover, .theme-vintage .nav &gt; li &gt; a:active, .theme-vintage .nav &gt; li &gt; a:focus {
  color: #f9a825; }
.theme-vintage .nav-pills &gt; li &gt; a.active {
  border-top-color: #f9a825;
  background-color: #f9a825 !important;
  color: #ffffff; }
  .theme-vintage .nav-pills &gt; li &gt; a.active:hover, .theme-vintage .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #f9a825;
    background-color: #f9a825 !important;
    color: #ffffff; }
.theme-vintage .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-vintage .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #f9a825; }
.theme-vintage .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #f9a825; }
  .theme-vintage .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-vintage .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #f9a825; }
.theme-vintage .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #f9a825; }
.theme-vintage .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #f9a825; }
.theme-vintage .customtab li a.nav-link.active {
  border-bottom: 2px solid #f9a825; }

/*---form-element---*/
.theme-vintage .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-vintage .form-element .form-control {
  background-image: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-vintage .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #f9a825 0%, #f9a825 33%, #0ac2d9 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-vintage .form-control:focus {
  border-color: #f9a825; }
.theme-vintage [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #f9a825;
  border-bottom: 2px solid #f9a825; }
.theme-vintage [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #0ac2d9;
  border-bottom: 2px solid #0ac2d9; }
.theme-vintage [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #1fdb42;
  border-bottom: 2px solid #1fdb42; }
.theme-vintage [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #f92525;
  border-bottom: 2px solid #f92525; }
.theme-vintage [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #ddd117;
  border-bottom: 2px solid #ddd117; }
.theme-vintage [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #f9a825;
  background-color: #f9a825; }
.theme-vintage [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #0ac2d9;
  background-color: #0ac2d9; }
.theme-vintage [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #1fdb42;
  background-color: #1fdb42; }
.theme-vintage [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #f92525;
  background-color: #f92525; }
.theme-vintage [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #ddd117;
  background-color: #ddd117; }
.theme-vintage [type=radio].radio-col-primary:checked + label:after {
  background-color: #f9a825;
  border-color: #f9a825;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #f9a825;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #f9a825;
  border: 2px solid #f9a825;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].radio-col-info:checked + label:after {
  background-color: #0ac2d9;
  border-color: #0ac2d9;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #0ac2d9;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #0ac2d9;
  border: 2px solid #0ac2d9;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].radio-col-success:checked + label:after {
  background-color: #1fdb42;
  border-color: #1fdb42;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #1fdb42;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #1fdb42;
  border: 2px solid #1fdb42;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].radio-col-danger:checked + label:after {
  background-color: #f92525;
  border-color: #f92525;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #f92525;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #f92525;
  border: 2px solid #f92525;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].radio-col-warning:checked + label:after {
  background-color: #ddd117;
  border-color: #ddd117;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #ddd117;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #ddd117;
  border: 2px solid #ddd117;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-vintage [type=checkbox]:checked + label:before {
  border-right: 2px solid #f9a825;
  border-bottom: 2px solid #f9a825; }
.theme-vintage [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #f9a825;
  background-color: #f9a825; }
.theme-vintage [type=radio].with-gap:checked + label:before, .theme-vintage [type=radio].with-gap:checked + label:after {
  border: 2px solid #f9a825; }
.theme-vintage [type=radio].with-gap:checked + label:after {
  background-color: #f9a825;
  z-index: 0; }
.theme-vintage [type=radio]:checked + label:after {
  border: 2px solid #f9a825;
  background-color: #f9a825;
  z-index: 0; }
.theme-vintage [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #f9a825;
  background-color: #f9a825; }

/*---Calender---*/
.theme-vintage .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #f9a825; }
.theme-vintage .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #f9a825;
  border-color: #f9a825; }
.theme-vintage .fc-event, .theme-vintage .calendar-event {
  background: #f9a825; }

/*---Tabs---*/
.theme-vintage .tabs-vertical li .nav-link:hover, .theme-vintage .tabs-vertical li .nav-link:active, .theme-vintage .tabs-vertical li .nav-link:focus, .theme-vintage .tabs-vertical li .nav-link.active {
  background-color: #f9a825;
  color: #ffffff; }
.theme-vintage .customvtab .tabs-vertical li .nav-link:hover, .theme-vintage .customvtab .tabs-vertical li .nav-link:active, .theme-vintage .customvtab .tabs-vertical li .nav-link:focus, .theme-vintage .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #f9a825;
  color: #f9a825; }
.theme-vintage .customtab2 li a.nav-link:hover, .theme-vintage .customtab2 li a.nav-link:active, .theme-vintage .customtab2 li a.nav-link.active {
  background-color: #f9a825; }

.rtl.theme-vintage .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-vintage .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-vintage .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-vintage .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #f9a825; }

/*---Notification---*/
.theme-vintage .jq-icon-primary {
  background-color: #f9a825;
  color: #ffffff;
  border-color: #f9a825; }
.theme-vintage .jq-icon-info {
  background-color: #0ac2d9;
  color: #ffffff;
  border-color: #0ac2d9; }
.theme-vintage .jq-icon-success {
  background-color: #1fdb42;
  color: #ffffff;
  border-color: #f9a825; }
.theme-vintage .jq-icon-error {
  background-color: #f92525;
  color: #ffffff;
  border-color: #f92525; }
.theme-vintage .jq-icon-danger {
  background-color: #f92525;
  color: #ffffff;
  border-color: #f92525; }
.theme-vintage .jq-icon-warning {
  background-color: #ddd117;
  color: #ffffff;
  border-color: #ddd117; }

/*---avatar---*/
.theme-vintage .avatar.status-primary::after {
  background-color: #f9a825; }
.theme-vintage .avatar.status-info::after {
  background-color: #0ac2d9; }
.theme-vintage .avatar.status-success::after {
  background-color: #1fdb42; }
.theme-vintage .avatar.status-danger::after {
  background-color: #f92525; }
.theme-vintage .avatar.status-warning::after {
  background-color: #ddd117; }
.theme-vintage .avatar[class*='status-']::after {
  background-color: #f9a825; }
.theme-vintage .avatar-add:hover {
  background-color: #e59006;
  border-color: #e59006; }

/*---media---*/
.theme-vintage .media-chat.media-chat-reverse .media-body p {
  background-color: #f9a825; }
.theme-vintage .media-right-out a:hover {
  color: #e59006; }

/*---control---*/
.theme-vintage .control input:checked:focus ~ .control_indicator {
  background-color: #f9a825; }
.theme-vintage .control input:checked ~ .control_indicator {
  background-color: #f9a825; }
.theme-vintage .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #f9a825; }

/*---flex---*/
.theme-vintage .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #f9a825; }
  .theme-vintage .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #f9a825; }

/*---pagination---*/
.theme-vintage .pagination li a.current {
  border: 1px solid #f9a825;
  background-color: #f9a825; }
  .theme-vintage .pagination li a.current:hover {
    border: 1px solid #f9a825;
    background-color: #f9a825; }
.theme-vintage .pagination li a:hover {
  border: 1px solid #e59006;
  background-color: #e59006 !important; }
.theme-vintage .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #f9a825;
  background-color: #f9a825; }
  .theme-vintage .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #f9a825;
    background-color: #f9a825; }
.theme-vintage .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #f9a825; }
.theme-vintage .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #f9a825; }
.theme-vintage .footable .pagination li a:hover, .theme-vintage .footable .pagination li a:active, .theme-vintage .footable .pagination li a.active {
  background-color: #f9a825; }

/*---dataTables---*/
.theme-vintage .dt-buttons .dt-button {
  background-color: #f9a825; }

/*---select2---*/
.theme-vintage .select2-container--default.select2-container--open {
  border-color: #f9a825; }
.theme-vintage .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f9a825; }
.theme-vintage .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #f9a825 !important; }
.theme-vintage .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f9a825 !important; }
.theme-vintage .select2-container--default .select2-selection--multiple:focus {
  border-color: #f9a825 !important; }
.theme-vintage .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f9a825;
  border-color: #f9a825; }

/*---Other---*/
.theme-vintage .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #e59006; }
.theme-vintage .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #e59006; }
.theme-vintage .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #e59006; }
.theme-vintage [data-overlay-primary]::before {
  background: #e59006; }

/*---wizard---*/
.theme-vintage .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #f9a825;
  background-color: #f9a825; }
.theme-vintage .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #e59006;
  background-color: #e59006; }
.theme-vintage .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #f9a825; }
.theme-vintage .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #f9a825; }
.theme-vintage .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #f9a825; }
.theme-vintage .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #f9a825; }
.theme-vintage .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #f9a825; }
.theme-vintage .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #f9a825;
  color: #f9a825; }
  .theme-vintage .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #f9a825; }
.theme-vintage .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #f9a825; }

@media (max-width: 767px) {
  .theme-vintage .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #f9a825; } }
@media (max-width: 575px) {
  .theme-vintage .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #f9a825; } }
/*---slider---*/
.theme-vintage #primary .slider-selection {
  background-color: #f9a825; }
.theme-vintage #info .slider-selection {
  background-color: #0ac2d9; }
.theme-vintage #success .slider-selection {
  background-color: #1fdb42; }
.theme-vintage #danger .slider-selection {
  background-color: #f92525; }
.theme-vintage #warning .slider-selection {
  background-color: #ddd117; }

/*---horizontal-timeline---*/
.theme-vintage .cd-horizontal-timeline .events a.selected::after {
  background: #f9a825;
  border-color: #f9a825; }
.theme-vintage .cd-horizontal-timeline .events a.older-event::after {
  border-color: #f9a825; }
.theme-vintage .cd-horizontal-timeline .filling-line {
  background: #f9a825; }
.theme-vintage .cd-horizontal-timeline a {
  color: #f9a825; }
  .theme-vintage .cd-horizontal-timeline a:hover, .theme-vintage .cd-horizontal-timeline a:focus {
    color: #f9a825; }
.theme-vintage .cd-timeline-navigation a:hover, .theme-vintage .cd-timeline-navigation a:focus {
  border-color: #f9a825; }

/**************************************
Theme mint Color
**************************************/
.bg-gradient-mint, .theme-mint .bg-gradient-mint, .theme-mint .art-bg {
  background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%); }

.bg-light-body {
  background: transparent; }

.theme-mint.fixed .main-header {
   }
  .theme-mint.fixed .main-header .navbar {
    background: transparent; }
.theme-mint .main-header {
  background: #ffffff; }

.theme-mint.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-mint-dark, .dark-skin.theme-mint .bg-gradient-mint, .dark-skin.theme-mint .art-bg {
  background-image: linear-gradient(-45deg, #025780 0%, #025780 33%, #00626e 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-mint.fixed .main-header {
   }
  .dark-skin.theme-mint.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-mint .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-mint.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-mint.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-mint.fixed .main-header {
    background-image: #0c1a32; } }
.theme-mint a:hover, .theme-mint a:active, .theme-mint a:focus {
  color: #039be5; }
.theme-mint .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-mint .main-sidebar .svg-icon:hover, .theme-mint .main-sidebar .svg-icon:active, .theme-mint .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-mint .main-sidebar a:hover .svg-icon, .theme-mint .main-sidebar a:active .svg-icon, .theme-mint .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-mint .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-mint .svg-icon:hover, .theme-mint .svg-icon:active, .theme-mint .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-mint a:hover .svg-icon, .theme-mint a:active .svg-icon, .theme-mint a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-mint.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #039be5 !important; }
  .theme-mint.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #039be5; }
  .theme-mint.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #039be5;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-mint.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-mint.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-mint.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #039be5 !important; }
.theme-mint.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-mint.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-mint.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-mint.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-mint.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-mint.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #039be5 !important; }
.theme-mint.light-skin .sidebar-menu &gt; li:hover, .theme-mint.light-skin .sidebar-menu &gt; li:active, .theme-mint.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(3, 155, 229, 0);
  color: #039be5;
  border-left: 0px solid rgba(3, 155, 229, 0); }
  .theme-mint.light-skin .sidebar-menu &gt; li:hover a, .theme-mint.light-skin .sidebar-menu &gt; li:active a, .theme-mint.light-skin .sidebar-menu &gt; li.active a {
    color: #039be5; }
    .theme-mint.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-mint.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-mint.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(3, 155, 229, 0); }
    .theme-mint.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-mint.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-mint.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #039be5;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-mint.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-mint.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-mint.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-mint.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(3, 155, 229, 0);
  color: #039be5;
  border-left: 0px solid #039be5; }
  .theme-mint.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%); }
    .theme-mint.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #039be5;
      background-color: rgba(3, 155, 229, 0); }
    .theme-mint.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-mint.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(3, 155, 229, 0);
    color: #039be5; }
    .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%); }
      .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(3, 155, 229, 0); }
  .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(3, 155, 229, 0); }
  .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(3, 155, 229, 0);
    color: #039be5; }
    .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #039be5; }
      .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #039be5;
        background-color: rgba(3, 155, 229, 0); }
  .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(3, 155, 229, 0);
    color: #039be5; }
    .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #039be5; }
      .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #039be5;
        background-color: rgba(3, 155, 229, 0); }
  .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-mint.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(3, 155, 229, 0); }
.theme-mint.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #039be5;
  border-right: 0px solid #039be5; }
.theme-mint.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(3, 155, 229, 0);
  color: white;
  border-left: 0px solid #039be5; }
  .theme-mint.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%); }
    .theme-mint.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-mint.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-mint.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-mint.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(3, 155, 229, 0);
    color: #039be5; }
    .theme-mint.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%); }
      .theme-mint.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(3, 155, 229, 0); }
  .theme-mint.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(3, 155, 229, 0);
    color: white; }
    .theme-mint.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-mint.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #039be5;
  border-right: 0px solid #039be5; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(3, 155, 229, 0.2);
    color: #039be5; } }
/*---Main Nav---*/
.theme-mint .sm-blue li.current &gt; a, .theme-mint .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%);
  color: #ffffff !important; }
  .theme-mint .sm-blue li.current &gt; a:hover, .theme-mint .sm-blue li.current &gt; a:active, .theme-mint .sm-blue li.current &gt; a:focus, .theme-mint .sm-blue li.highlighted &gt; a:hover, .theme-mint .sm-blue li.highlighted &gt; a:active, .theme-mint .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%);
    color: #ffffff !important; }
.theme-mint .sm-blue a.current, .theme-mint .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%);
  color: #ffffff !important; }
.theme-mint .sm-blue a:hover, .theme-mint .sm-blue a:active, .theme-mint .sm-blue a:focus {
  background: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%);
  color: #ffffff !important; }
.theme-mint .sm-blue ul a:hover, .theme-mint .sm-blue ul a:active, .theme-mint .sm-blue ul a:focus {
  background: #ebedf3;
  color: #039be5 !important; }
.theme-mint .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #039be5 !important; }

.dark-skin.theme-mint .sm-blue li.current &gt; a, .dark-skin.theme-mint .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #025780 0%, #025780 33%, #00626e 100%);
  color: #ffffff !important; }
  .dark-skin.theme-mint .sm-blue li.current &gt; a:hover, .dark-skin.theme-mint .sm-blue li.current &gt; a:active, .dark-skin.theme-mint .sm-blue li.current &gt; a:focus, .dark-skin.theme-mint .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-mint .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-mint .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #025780 0%, #025780 33%, #00626e 100%);
    color: #ffffff !important; }
.dark-skin.theme-mint .sm-blue a.current, .dark-skin.theme-mint .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #025780 0%, #025780 33%, #00626e 100%);
  color: #ffffff !important; }
.dark-skin.theme-mint .sm-blue a:hover, .dark-skin.theme-mint .sm-blue a:active, .dark-skin.theme-mint .sm-blue a:focus {
  background: linear-gradient(-45deg, #025780 0%, #025780 33%, #00626e 100%);
  color: #ffffff !important; }
.dark-skin.theme-mint .sm-blue ul a:hover, .dark-skin.theme-mint .sm-blue ul a:active, .dark-skin.theme-mint .sm-blue ul a:focus {
  background: #29354b;
  color: #039be5 !important; }
.dark-skin.theme-mint .sm-blue ul a.highlighted {
  background: #29354b;
  color: #039be5 !important; }

/*---Primary Button---*/
.theme-mint .btn-link {
  color: #039be5; }
.theme-mint .btn-primary {
  background-color: #039be5;
  border-color: #039be5;
  color: #ffffff; }
  .theme-mint .btn-primary:hover, .theme-mint .btn-primary:active, .theme-mint .btn-primary:focus, .theme-mint .btn-primary.active {
    background-color: #0279b3 !important;
    border-color: #0279b3 !important;
    color: #ffffff !important; }
  .theme-mint .btn-primary:disabled {
    background-color: #51c5fd;
    border-color: #039be5;
    opacity: 0.5; }
  .theme-mint .btn-primary.disabled {
    background-color: #51c5fd;
    border-color: #039be5;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-primary.dropdown-toggle {
  background-color: #0279b3 !important;
  border-color: #0279b3 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-primary {
  color: #039be5;
  background-color: transparent;
  border-color: #039be5 !important; }
  .theme-mint .btn-outline.btn-primary:hover, .theme-mint .btn-outline.btn-primary:active, .theme-mint .btn-outline.btn-primary.active {
    background-color: #0279b3 !important;
    border-color: #0279b3 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #0279b3 !important;
  border-color: #0279b3 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-primary {
  color: #039be5 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-primary:hover, .theme-mint .btn-flat.btn-primary:active, .theme-mint .btn-flat.btn-primary.active {
    background-color: #0279b3 !important;
    border-color: #0279b3 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-mint .btn-info {
  background-color: #00bcd4;
  border-color: #00bcd4;
  color: #ffffff; }
  .theme-mint .btn-info:hover, .theme-mint .btn-info:active, .theme-mint .btn-info:focus, .theme-mint .btn-info.active {
    background-color: #008fa1 !important;
    border-color: #008fa1 !important;
    color: #ffffff !important; }
  .theme-mint .btn-info:disabled {
    background-color: #3be9ff;
    border-color: #00bcd4;
    opacity: 0.5; }
  .theme-mint .btn-info.disabled {
    background-color: #3be9ff;
    border-color: #00bcd4;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-info.dropdown-toggle {
  background-color: #008fa1 !important;
  border-color: #008fa1 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-info {
  color: #00bcd4;
  background-color: transparent;
  border-color: #00bcd4 !important; }
  .theme-mint .btn-outline.btn-info:hover, .theme-mint .btn-outline.btn-info:active, .theme-mint .btn-outline.btn-info.active {
    background-color: #008fa1 !important;
    border-color: #008fa1 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #008fa1 !important;
  border-color: #008fa1 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-info {
  color: #00bcd4 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-info:hover, .theme-mint .btn-flat.btn-info:active, .theme-mint .btn-flat.btn-info.active {
    background-color: #008fa1 !important;
    border-color: #008fa1 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-mint .btn-success {
  background-color: #18e503;
  border-color: #18e503;
  color: #ffffff; }
  .theme-mint .btn-success:hover, .theme-mint .btn-success:active, .theme-mint .btn-success:focus, .theme-mint .btn-success.active {
    background-color: #13b302 !important;
    border-color: #13b302 !important;
    color: #ffffff !important; }
  .theme-mint .btn-success:disabled {
    background-color: #61fd51;
    border-color: #18e503;
    opacity: 0.5; }
  .theme-mint .btn-success.disabled {
    background-color: #61fd51;
    border-color: #18e503;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-success.dropdown-toggle {
  background-color: #13b302 !important;
  border-color: #13b302 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-success {
  color: #18e503;
  background-color: transparent;
  border-color: #18e503 !important; }
  .theme-mint .btn-outline.btn-success:hover, .theme-mint .btn-outline.btn-success:active, .theme-mint .btn-outline.btn-success.active {
    background-color: #13b302 !important;
    border-color: #13b302 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #13b302 !important;
  border-color: #13b302 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-success {
  color: #18e503 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-success:hover, .theme-mint .btn-flat.btn-success:active, .theme-mint .btn-flat.btn-success.active {
    background-color: #13b302 !important;
    border-color: #13b302 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-mint .btn-danger {
  background-color: #e50303;
  border-color: #e50303;
  color: #ffffff; }
  .theme-mint .btn-danger:hover, .theme-mint .btn-danger:active, .theme-mint .btn-danger:focus, .theme-mint .btn-danger.active {
    background-color: #b30202 !important;
    border-color: #b30202 !important;
    color: #ffffff !important; }
  .theme-mint .btn-danger:disabled {
    background-color: #fd5151;
    border-color: #e50303;
    opacity: 0.5; }
  .theme-mint .btn-danger.disabled {
    background-color: #fd5151;
    border-color: #e50303;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-danger.dropdown-toggle {
  background-color: #b30202 !important;
  border-color: #b30202 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-danger {
  color: #e50303;
  background-color: transparent;
  border-color: #e50303 !important; }
  .theme-mint .btn-outline.btn-danger:hover, .theme-mint .btn-outline.btn-danger:active, .theme-mint .btn-outline.btn-danger.active {
    background-color: #b30202 !important;
    border-color: #b30202 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #b30202 !important;
  border-color: #b30202 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-danger {
  color: #e50303 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-danger:hover, .theme-mint .btn-flat.btn-danger:active, .theme-mint .btn-flat.btn-danger.active {
    background-color: #b30202 !important;
    border-color: #b30202 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-mint .btn-warning {
  background-color: #ffa200;
  border-color: #ffa200;
  color: #ffffff; }
  .theme-mint .btn-warning:hover, .theme-mint .btn-warning:active, .theme-mint .btn-warning:focus, .theme-mint .btn-warning.active {
    background-color: #cc8200 !important;
    border-color: #cc8200 !important;
    color: #ffffff !important; }
  .theme-mint .btn-warning:disabled {
    background-color: #ffc766;
    border-color: #ffa200;
    opacity: 0.5; }
  .theme-mint .btn-warning.disabled {
    background-color: #ffc766;
    border-color: #ffa200;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-warning.dropdown-toggle {
  background-color: #cc8200 !important;
  border-color: #cc8200 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-warning {
  color: #ffa200;
  background-color: transparent;
  border-color: #ffa200 !important; }
  .theme-mint .btn-outline.btn-warning:hover, .theme-mint .btn-outline.btn-warning:active, .theme-mint .btn-outline.btn-warning.active {
    background-color: #cc8200 !important;
    border-color: #cc8200 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #cc8200 !important;
  border-color: #cc8200 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-warning {
  color: #ffa200 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-warning:hover, .theme-mint .btn-flat.btn-warning:active, .theme-mint .btn-flat.btn-warning.active {
    background-color: #cc8200 !important;
    border-color: #cc8200 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-mint .btn-primary-light {
  background-color: #dcf4ff;
  border-color: #dcf4ff;
  color: #039be5; }
  .theme-mint .btn-primary-light:hover, .theme-mint .btn-primary-light:active, .theme-mint .btn-primary-light:focus, .theme-mint .btn-primary-light.active {
    background-color: #039be5 !important;
    border-color: #039be5 !important;
    color: #ffffff !important; }
  .theme-mint .btn-primary-light:disabled {
    background-color: white;
    border-color: #dcf4ff;
    opacity: 0.5; }
  .theme-mint .btn-primary-light.disabled {
    background-color: white;
    border-color: #dcf4ff;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #039be5 !important;
  border-color: #039be5 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-primary-light {
  color: #039be5;
  background-color: transparent;
  border-color: #dcf4ff !important; }
  .theme-mint .btn-outline.btn-primary-light:hover, .theme-mint .btn-outline.btn-primary-light:active, .theme-mint .btn-outline.btn-primary-light.active {
    background-color: #039be5 !important;
    border-color: #039be5 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #039be5 !important;
  border-color: #039be5 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-primary-light {
  color: #039be5 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-primary-light:hover, .theme-mint .btn-flat.btn-primary-light:active, .theme-mint .btn-flat.btn-primary-light.active {
    background-color: #039be5 !important;
    border-color: #039be5 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-mint .btn-info-light {
  background-color: #d1faff;
  border-color: #d1faff;
  color: #00bcd4; }
  .theme-mint .btn-info-light:hover, .theme-mint .btn-info-light:active, .theme-mint .btn-info-light:focus, .theme-mint .btn-info-light.active {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #ffffff !important; }
  .theme-mint .btn-info-light:disabled {
    background-color: white;
    border-color: #d1faff;
    opacity: 0.5; }
  .theme-mint .btn-info-light.disabled {
    background-color: white;
    border-color: #d1faff;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-info.dropdown-toggle {
  background-color: #00bcd4 !important;
  border-color: #00bcd4 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-info-light {
  color: #00bcd4;
  background-color: transparent;
  border-color: #d1faff !important; }
  .theme-mint .btn-outline.btn-info-light:hover, .theme-mint .btn-outline.btn-info-light:active, .theme-mint .btn-outline.btn-info-light.active {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #00bcd4 !important;
  border-color: #00bcd4 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-info-light {
  color: #00bcd4 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-info-light:hover, .theme-mint .btn-flat.btn-info-light:active, .theme-mint .btn-flat.btn-info-light.active {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-mint .btn-success-light {
  background-color: #e0ffdd;
  border-color: #e0ffdd;
  color: #18e503; }
  .theme-mint .btn-success-light:hover, .theme-mint .btn-success-light:active, .theme-mint .btn-success-light:focus, .theme-mint .btn-success-light.active {
    background-color: #18e503 !important;
    border-color: #18e503 !important;
    color: #ffffff !important; }
  .theme-mint .btn-success-light:disabled {
    background-color: white;
    border-color: #e0ffdd;
    opacity: 0.5; }
  .theme-mint .btn-success-light.disabled {
    background-color: white;
    border-color: #e0ffdd;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #18e503 !important;
  border-color: #18e503 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-success-light {
  color: #18e503;
  background-color: transparent;
  border-color: #e0ffdd !important; }
  .theme-mint .btn-outline.btn-success-light:hover, .theme-mint .btn-outline.btn-success-light:active, .theme-mint .btn-outline.btn-success-light.active {
    background-color: #18e503 !important;
    border-color: #18e503 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #18e503 !important;
  border-color: #18e503 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-success-light {
  color: #18e503 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-success-light:hover, .theme-mint .btn-flat.btn-success-light:active, .theme-mint .btn-flat.btn-success-light.active {
    background-color: #18e503 !important;
    border-color: #18e503 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-mint .btn-danger-light {
  background-color: #fae0e0;
  border-color: #fae0e0;
  color: #e50303; }
  .theme-mint .btn-danger-light:hover, .theme-mint .btn-danger-light:active, .theme-mint .btn-danger-light:focus, .theme-mint .btn-danger-light.active {
    background-color: #e50303 !important;
    border-color: #e50303 !important;
    color: #ffffff !important; }
  .theme-mint .btn-danger-light:disabled {
    background-color: white;
    border-color: #fae0e0;
    opacity: 0.5; }
  .theme-mint .btn-danger-light.disabled {
    background-color: white;
    border-color: #fae0e0;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #e50303 !important;
  border-color: #e50303 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-danger-light {
  color: #e50303;
  background-color: transparent;
  border-color: #fae0e0 !important; }
  .theme-mint .btn-outline.btn-danger-light:hover, .theme-mint .btn-outline.btn-danger-light:active, .theme-mint .btn-outline.btn-danger-light.active {
    background-color: #e50303 !important;
    border-color: #e50303 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #e50303 !important;
  border-color: #e50303 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-danger-light {
  color: #e50303 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-danger-light:hover, .theme-mint .btn-flat.btn-danger-light:active, .theme-mint .btn-flat.btn-danger-light.active {
    background-color: #e50303 !important;
    border-color: #e50303 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-mint .btn-warning-light {
  background-color: #fff7e8;
  border-color: #fff7e8;
  color: #ffa200; }
  .theme-mint .btn-warning-light:hover, .theme-mint .btn-warning-light:active, .theme-mint .btn-warning-light:focus, .theme-mint .btn-warning-light.active {
    background-color: #ffa200 !important;
    border-color: #ffa200 !important;
    color: #ffffff !important; }
  .theme-mint .btn-warning-light:disabled {
    background-color: white;
    border-color: #fff7e8;
    opacity: 0.5; }
  .theme-mint .btn-warning-light.disabled {
    background-color: white;
    border-color: #fff7e8;
    opacity: 0.5; }
.theme-mint .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #ffa200 !important;
  border-color: #ffa200 !important;
  color: #ffffff; }
.theme-mint .btn-outline.btn-warning-light {
  color: #ffa200;
  background-color: transparent;
  border-color: #fff7e8 !important; }
  .theme-mint .btn-outline.btn-warning-light:hover, .theme-mint .btn-outline.btn-warning-light:active, .theme-mint .btn-outline.btn-warning-light.active {
    background-color: #ffa200 !important;
    border-color: #ffa200 !important;
    color: #ffffff !important; }
.theme-mint .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #ffa200 !important;
  border-color: #ffa200 !important;
  color: #ffffff; }
.theme-mint .btn-flat.btn-warning-light {
  color: #ffa200 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-mint .btn-flat.btn-warning-light:hover, .theme-mint .btn-flat.btn-warning-light:active, .theme-mint .btn-flat.btn-warning-light.active {
    background-color: #ffa200 !important;
    border-color: #ffa200 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-mint .callout.callout-primary {
  border-color: #039be5;
  background-color: #039be5 !important; }
.theme-mint .callout.callout-info {
  border-color: #00bcd4;
  background-color: #00bcd4 !important; }
.theme-mint .callout.callout-success {
  border-color: #18e503;
  background-color: #18e503 !important; }
.theme-mint .callout.callout-danger {
  border-color: #e50303;
  background-color: #e50303 !important; }
.theme-mint .callout.callout-warning {
  border-color: #ffa200;
  background-color: #ffa200 !important; }

/*---alert---*/
.theme-mint .alert-primary {
  border-color: #039be5;
  background-color: #039be5 !important;
  color: #ffffff; }
.theme-mint .alert-info {
  border-color: #00bcd4;
  background-color: #00bcd4 !important;
  color: #ffffff; }
.theme-mint .alert-success {
  border-color: #18e503;
  background-color: #18e503 !important;
  color: #ffffff; }
.theme-mint .alert-danger {
  border-color: #e50303;
  background-color: #e50303 !important;
  color: #ffffff; }
.theme-mint .alert-error {
  border-color: #e50303;
  background-color: #e50303 !important;
  color: #ffffff; }
.theme-mint .alert-warning {
  border-color: #ffa200;
  background-color: #ffa200 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-mint .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #039be5;
  color: #ffffff; }
.theme-mint .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-mint .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #039be5; }
.theme-mint .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #00bcd4;
  color: #ffffff; }
.theme-mint .direct-chat-info .right &gt; .direct-chat-text:before, .theme-mint .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #00bcd4; }
.theme-mint .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #18e503;
  color: #ffffff; }
.theme-mint .direct-chat-success .right &gt; .direct-chat-text:before, .theme-mint .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #18e503; }
.theme-mint .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #e50303;
  color: #ffffff; }
.theme-mint .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-mint .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #e50303; }
.theme-mint .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #ffa200;
  color: #ffffff; }
.theme-mint .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-mint .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #ffa200; }
.theme-mint .right .direct-chat-text p {
  background-color: #039be5; }

/*---modal---*/
.theme-mint .modal-primary .modal-footer, .theme-mint .modal-primary .modal-header {
  border-color: #039be5; }
.theme-mint .modal-primary .modal-body {
  background-color: #039be5 !important; }
.theme-mint .modal-info .modal-footer, .theme-mint .modal-info .modal-header {
  border-color: #00bcd4; }
.theme-mint .modal-info .modal-body {
  background-color: #00bcd4 !important; }
.theme-mint .modal-success .modal-footer, .theme-mint .modal-success .modal-header {
  border-color: #18e503; }
.theme-mint .modal-success .modal-body {
  background-color: #18e503 !important; }
.theme-mint .modal-danger .modal-footer, .theme-mint .modal-danger .modal-header {
  border-color: #e50303; }
.theme-mint .modal-danger .modal-body {
  background-color: #e50303 !important; }
.theme-mint .modal-warning .modal-footer, .theme-mint .modal-warning .modal-header {
  border-color: #ffa200; }
.theme-mint .modal-warning .modal-body {
  background-color: #ffa200 !important; }

/*---border---*/
.theme-mint .border-primary {
  border-color: #039be5 !important; }
.theme-mint .border-info {
  border-color: #00bcd4 !important; }
.theme-mint .border-success {
  border-color: #18e503 !important; }
.theme-mint .border-danger {
  border-color: #e50303 !important; }
.theme-mint .border-warning {
  border-color: #ffa200 !important; }

/*---Background---*/
.theme-mint .bg-primary {
  background-color: #039be5 !important;
  color: #ffffff; }
.theme-mint .bg-primary-light {
  background-color: #dcf4ff !important;
  color: #039be5; }
.theme-mint .bg-info {
  background-color: #00bcd4 !important;
  color: #ffffff; }
.theme-mint .bg-info-light {
  background-color: #d1faff !important;
  color: #00bcd4; }
.theme-mint .bg-success {
  background-color: #18e503 !important;
  color: #ffffff; }
.theme-mint .bg-success-light {
  background-color: #e0ffdd !important;
  color: #18e503; }
.theme-mint .bg-danger {
  background-color: #e50303 !important;
  color: #ffffff; }
.theme-mint .bg-danger-light {
  background-color: #fae0e0 !important;
  color: #e50303; }
.theme-mint .bg-warning {
  background-color: #ffa200 !important;
  color: #ffffff; }
.theme-mint .bg-warning-light {
  background-color: #fff7e8 !important;
  color: #ffa200; }

/*---text---*/
.theme-mint .text-primary {
  color: #039be5 !important; }
.theme-mint a.text-primary:hover, .theme-mint a.text-primary:focus {
  color: #039be5 !important; }
.theme-mint .hover-primary:hover, .theme-mint .hover-primary:focus {
  color: #039be5 !important; }
.theme-mint .text-info {
  color: #00bcd4 !important; }
.theme-mint a.text-info:hover, .theme-mint a.text-info:focus {
  color: #00bcd4 !important; }
.theme-mint .hover-info:hover, .theme-mint .hover-info:focus {
  color: #00bcd4 !important; }
.theme-mint .text-success {
  color: #18e503 !important; }
.theme-mint a.text-success:hover, .theme-mint a.text-success:focus {
  color: #18e503 !important; }
.theme-mint .hover-success:hover, .theme-mint .hover-success:focus {
  color: #18e503 !important; }
.theme-mint .text-danger {
  color: #e50303 !important; }
.theme-mint a.text-danger:hover, .theme-mint a.text-danger:focus {
  color: #e50303 !important; }
.theme-mint .hover-danger:hover, .theme-mint .hover-danger:focus {
  color: #e50303 !important; }
.theme-mint .text-warning {
  color: #ffa200 !important; }
.theme-mint a.text-warning:hover, .theme-mint a.text-warning:focus {
  color: #ffa200 !important; }
.theme-mint .hover-warning:hover, .theme-mint .hover-warning:focus {
  color: #ffa200 !important; }

/*---active background---*/
.theme-mint .active.active-primary {
  background-color: #0279b3 !important; }
.theme-mint .active.active-info {
  background-color: #008fa1 !important; }
.theme-mint .active.active-success {
  background-color: #13b302 !important; }
.theme-mint .active.active-danger {
  background-color: #b30202 !important; }
.theme-mint .active.active-warning {
  background-color: #cc8200 !important; }

/*---label background---*/
.theme-mint .label-primary {
  background-color: #039be5 !important; }
.theme-mint .label-info {
  background-color: #00bcd4 !important; }
.theme-mint .label-success {
  background-color: #18e503 !important; }
.theme-mint .label-danger {
  background-color: #e50303 !important; }
.theme-mint .label-warning {
  background-color: #ffa200 !important; }

/*---ribbon---*/
.theme-mint .ribbon-box .ribbon-primary {
  background-color: #039be5; }
  .theme-mint .ribbon-box .ribbon-primary:before {
    border-color: #039be5 transparent transparent; }
.theme-mint .ribbon-box .ribbon-two-primary span {
  background-color: #039be5; }
  .theme-mint .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #0279b3;
    border-top: 3px solid #0279b3; }
  .theme-mint .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #0279b3;
    border-top: 3px solid #0279b3; }
.theme-mint .ribbon-box .ribbon-info {
  background-color: #00bcd4; }
  .theme-mint .ribbon-box .ribbon-info:before {
    border-color: #00bcd4 transparent transparent; }
.theme-mint .ribbon-box .ribbon-two-info span {
  background-color: #00bcd4; }
  .theme-mint .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #008fa1;
    border-top: 3px solid #008fa1; }
  .theme-mint .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #008fa1;
    border-top: 3px solid #008fa1; }
.theme-mint .ribbon-box .ribbon-success {
  background-color: #18e503; }
  .theme-mint .ribbon-box .ribbon-success:before {
    border-color: #18e503 transparent transparent; }
.theme-mint .ribbon-box .ribbon-two-success span {
  background-color: #18e503; }
  .theme-mint .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #13b302;
    border-top: 3px solid #13b302; }
  .theme-mint .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #13b302;
    border-top: 3px solid #13b302; }
.theme-mint .ribbon-box .ribbon-danger {
  background-color: #e50303; }
  .theme-mint .ribbon-box .ribbon-danger:before {
    border-color: #e50303 transparent transparent; }
.theme-mint .ribbon-box .ribbon-two-danger span {
  background-color: #e50303; }
  .theme-mint .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #b30202;
    border-top: 3px solid #b30202; }
  .theme-mint .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #b30202;
    border-top: 3px solid #b30202; }
.theme-mint .ribbon-box .ribbon-warning {
  background-color: #ffa200; }
  .theme-mint .ribbon-box .ribbon-warning:before {
    border-color: #ffa200 transparent transparent; }
.theme-mint .ribbon-box .ribbon-two-warning span {
  background-color: #ffa200; }
  .theme-mint .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #cc8200;
    border-top: 3px solid #cc8200; }
  .theme-mint .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #cc8200;
    border-top: 3px solid #cc8200; }

/*---Box---*/
.theme-mint .box-primary {
  background-color: #039be5 !important; }
  .theme-mint .box-primary.box-bordered {
    border-color: #039be5; }
.theme-mint .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #039be5; }
.theme-mint .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #039be5; }
  .theme-mint .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-mint .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-mint .box-info {
  background-color: #00bcd4 !important; }
  .theme-mint .box-info.box-bordered {
    border-color: #00bcd4; }
.theme-mint .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #00bcd4; }
.theme-mint .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #00bcd4; }
  .theme-mint .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-mint .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-mint .box-success {
  background-color: #18e503 !important; }
  .theme-mint .box-success.box-bordered {
    border-color: #18e503; }
.theme-mint .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #18e503; }
.theme-mint .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #18e503; }
  .theme-mint .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-mint .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-mint .box-danger {
  background-color: #e50303 !important; }
  .theme-mint .box-danger.box-bordered {
    border-color: #e50303; }
.theme-mint .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #e50303; }
.theme-mint .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #e50303; }
  .theme-mint .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-mint .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-mint .box-warning {
  background-color: #ffa200 !important; }
  .theme-mint .box-warning.box-bordered {
    border-color: #ffa200; }
.theme-mint .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #ffa200; }
.theme-mint .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #ffa200; }
  .theme-mint .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-mint .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-mint .box-profile .social-states a:hover {
  color: #0279b3; }
.theme-mint .box-controls li &gt; a:hover {
  color: #0279b3; }
.theme-mint .box-controls .dropdown.show &gt; a {
  color: #0279b3; }
.theme-mint .box-fullscreen .box-btn-fullscreen {
  color: #0279b3; }

/*---progress bar---*/
.theme-mint .progress-bar-primary {
  background-color: #039be5; }
.theme-mint .progress-bar-info {
  background-color: #00bcd4; }
.theme-mint .progress-bar-success {
  background-color: #18e503; }
.theme-mint .progress-bar-danger {
  background-color: #e50303; }
.theme-mint .progress-bar-warning {
  background-color: #ffa200; }

/*---panel---*/
.theme-mint .panel-primary {
  border-color: #039be5; }
  .theme-mint .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #039be5;
    border-color: #039be5; }
    .theme-mint .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #039be5; }
    .theme-mint .panel-primary &gt; .panel-heading .badge-pill {
      color: #039be5;
      background-color: #ffffff; }
  .theme-mint .panel-primary .panel-title, .theme-mint .panel-primary .panel-action {
    color: #ffffff; }
  .theme-mint .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #039be5; }
.theme-mint .panel-line.panel-primary .panel-heading {
  color: #039be5;
  border-top-color: #039be5;
  background: transparent; }
.theme-mint .panel-line.panel-primary .panel-title, .theme-mint .panel-line.panel-primary .panel-action {
  color: #039be5; }
.theme-mint .panel-info {
  border-color: #00bcd4; }
  .theme-mint .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #00bcd4;
    border-color: #00bcd4; }
    .theme-mint .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #00bcd4; }
    .theme-mint .panel-info &gt; .panel-heading .badge-pill {
      color: #00bcd4;
      background-color: #ffffff; }
  .theme-mint .panel-info .panel-title, .theme-mint .panel-info .panel-action {
    color: #ffffff; }
  .theme-mint .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #00bcd4; }
.theme-mint .panel-line.panel-info .panel-heading {
  color: #00bcd4;
  border-top-color: #00bcd4;
  background: transparent; }
.theme-mint .panel-line.panel-info .panel-title, .theme-mint .panel-line.panel-info .panel-action {
  color: #00bcd4; }
.theme-mint .panel-success {
  border-color: #18e503; }
  .theme-mint .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #18e503;
    border-color: #18e503; }
    .theme-mint .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #18e503; }
    .theme-mint .panel-success &gt; .panel-heading .badge-pill {
      color: #18e503;
      background-color: #ffffff; }
  .theme-mint .panel-success .panel-title, .theme-mint .panel-success .panel-action {
    color: #ffffff; }
  .theme-mint .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #18e503; }
.theme-mint .panel-line.panel-success .panel-heading {
  color: #18e503;
  border-top-color: #18e503;
  background: transparent; }
.theme-mint .panel-line.panel-success .panel-title, .theme-mint .panel-line.panel-success .panel-action {
  color: #18e503; }
.theme-mint .panel-danger {
  border-color: #e50303; }
  .theme-mint .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #e50303;
    border-color: #e50303; }
    .theme-mint .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e50303; }
    .theme-mint .panel-danger &gt; .panel-heading .badge-pill {
      color: #e50303;
      background-color: #ffffff; }
  .theme-mint .panel-danger .panel-title, .theme-mint .panel-danger .panel-action {
    color: #ffffff; }
  .theme-mint .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e50303; }
.theme-mint .panel-line.panel-danger .panel-heading {
  color: #e50303;
  border-top-color: #e50303;
  background: transparent; }
.theme-mint .panel-line.panel-danger .panel-title, .theme-mint .panel-line.panel-danger .panel-action {
  color: #e50303; }
.theme-mint .panel-warning {
  border-color: #ffa200; }
  .theme-mint .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #ffa200;
    border-color: #ffa200; }
    .theme-mint .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ffa200; }
    .theme-mint .panel-warning &gt; .panel-heading .badge-pill {
      color: #ffa200;
      background-color: #ffffff; }
  .theme-mint .panel-warning .panel-title, .theme-mint .panel-warning .panel-action {
    color: #ffffff; }
  .theme-mint .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ffa200; }
.theme-mint .panel-line.panel-warning .panel-heading {
  color: #ffa200;
  border-top-color: #ffa200;
  background: transparent; }
.theme-mint .panel-line.panel-warning .panel-title, .theme-mint .panel-line.panel-warning .panel-action {
  color: #ffa200; }

/*---switch---*/
.theme-mint .switch input:checked ~ .switch-indicator::after {
  background-color: #039be5; }
.theme-mint .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #039be5; }
.theme-mint .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #00bcd4; }
.theme-mint .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #18e503; }
.theme-mint .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #e50303; }
.theme-mint .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #ffa200; }

/*---badge---*/
.theme-mint .badge-primary {
  background-color: #039be5;
  color: #ffffff; }
.theme-mint .badge-primary[href]:hover, .theme-mint .badge-primary[href]:focus {
  background-color: #0279b3; }
.theme-mint .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-mint .badge-secondary[href]:hover, .theme-mint .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-mint .badge-info {
  background-color: #00bcd4;
  color: #ffffff; }
.theme-mint .badge-info[href]:hover, .theme-mint .badge-info[href]:focus {
  background-color: #008fa1; }
.theme-mint .badge-success {
  background-color: #18e503;
  color: #ffffff; }
.theme-mint .badge-success[href]:hover, .theme-mint .badge-success[href]:focus {
  background-color: #13b302; }
.theme-mint .badge-danger {
  background-color: #e50303;
  color: #ffffff; }
.theme-mint .badge-danger[href]:hover, .theme-mint .badge-danger[href]:focus {
  background-color: #b30202; }
.theme-mint .badge-warning {
  background-color: #ffa200;
  color: #ffffff; }
.theme-mint .badge-warning[href]:hover, .theme-mint .badge-warning[href]:focus {
  background-color: #cc8200; }

/*---badge light---*/
.theme-mint .badge-primary-light {
  background-color: #dcf4ff;
  color: #039be5; }
.theme-mint .badge-primary-light[href]:hover, .theme-mint .badge-primary-light[href]:focus {
  background-color: #a9e4ff; }
.theme-mint .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-mint .badge-secondary-light[href]:hover, .theme-mint .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-mint .badge-info-light {
  background-color: #d1faff;
  color: #00bcd4; }
.theme-mint .badge-info-light[href]:hover, .theme-mint .badge-info-light[href]:focus {
  background-color: #9ef4ff; }
.theme-mint .badge-success-light {
  background-color: #e0ffdd;
  color: #18e503; }
.theme-mint .badge-success-light[href]:hover, .theme-mint .badge-success-light[href]:focus {
  background-color: #b2ffaa; }
.theme-mint .badge-danger-light {
  background-color: #fae0e0;
  color: #e50303; }
.theme-mint .badge-danger-light[href]:hover, .theme-mint .badge-danger-light[href]:focus {
  background-color: #f3b4b4; }
.theme-mint .badge-warning-light {
  background-color: #fff7e8;
  color: #ffa200; }
.theme-mint .badge-warning-light[href]:hover, .theme-mint .badge-warning-light[href]:focus {
  background-color: #ffe5b5; }

/*---rating---*/
.theme-mint .rating-primary .active {
  color: #039be5; }
.theme-mint .rating-primary :checked ~ label {
  color: #039be5; }
.theme-mint .rating-primary label:hover {
  color: #039be5; }
  .theme-mint .rating-primary label:hover ~ label {
    color: #039be5; }
.theme-mint .rating-info .active {
  color: #00bcd4; }
.theme-mint .rating-info :checked ~ label {
  color: #00bcd4; }
.theme-mint .rating-info label:hover {
  color: #00bcd4; }
  .theme-mint .rating-info label:hover ~ label {
    color: #00bcd4; }
.theme-mint .rating-success .active {
  color: #18e503; }
.theme-mint .rating-success :checked ~ label {
  color: #18e503; }
.theme-mint .rating-success label:hover {
  color: #18e503; }
  .theme-mint .rating-success label:hover ~ label {
    color: #18e503; }
.theme-mint .rating-danger .active {
  color: #e50303; }
.theme-mint .rating-danger :checked ~ label {
  color: #e50303; }
.theme-mint .rating-danger label:hover {
  color: #e50303; }
  .theme-mint .rating-danger label:hover ~ label {
    color: #e50303; }
.theme-mint .rating-warning .active {
  color: #ffa200; }
.theme-mint .rating-warning :checked ~ label {
  color: #ffa200; }
.theme-mint .rating-warning label:hover {
  color: #ffa200; }
  .theme-mint .rating-warning label:hover ~ label {
    color: #ffa200; }

/*---toggler---*/
.theme-mint .toggler-primary input:checked + i {
  color: #039be5; }
.theme-mint .toggler-info input:checked + i {
  color: #00bcd4; }
.theme-mint .toggler-success input:checked + i {
  color: #18e503; }
.theme-mint .toggler-danger input:checked + i {
  color: #e50303; }
.theme-mint .toggler-warning input:checked + i {
  color: #ffa200; }

/*---nav tabs---*/
.theme-mint .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-mint .nav-tabs.nav-tabs-primary .nav-link:active, .theme-mint .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-mint .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #0279b3;
  background-color: transparent;
  color: #0279b3; }
.theme-mint .nav-tabs.nav-tabs-info .nav-link:hover, .theme-mint .nav-tabs.nav-tabs-info .nav-link:active, .theme-mint .nav-tabs.nav-tabs-info .nav-link:focus, .theme-mint .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #008fa1;
  background-color: #00bcd4;
  color: #ffffff; }
.theme-mint .nav-tabs.nav-tabs-success .nav-link:hover, .theme-mint .nav-tabs.nav-tabs-success .nav-link:active, .theme-mint .nav-tabs.nav-tabs-success .nav-link:focus, .theme-mint .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #13b302;
  background-color: transparent;
  color: #13b302; }
.theme-mint .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-mint .nav-tabs.nav-tabs-danger .nav-link:active, .theme-mint .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-mint .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #b30202;
  background-color: transparent;
  color: #b30202; }
.theme-mint .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-mint .nav-tabs.nav-tabs-warning .nav-link:active, .theme-mint .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-mint .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #cc8200;
  background-color: transparent;
  color: #cc8200; }
.theme-mint .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #0279b3; }
.theme-mint .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #008fa1; }
.theme-mint .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #13b302; }
.theme-mint .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #b30202; }
.theme-mint .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #cc8200; }
.theme-mint .nav-tabs .nav-link.active {
  border-bottom-color: #039be5;
  background-color: #039be5;
  color: #ffffff; }
  .theme-mint .nav-tabs .nav-link.active:hover, .theme-mint .nav-tabs .nav-link.active:focus {
    border-bottom-color: #039be5;
    background-color: #039be5;
    color: #ffffff; }
.theme-mint .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #039be5;
  background-color: #039be5; }
  .theme-mint .nav-tabs .nav-item.open .nav-link:hover, .theme-mint .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #039be5;
    background-color: #039be5; }

/*---todo---*/
.theme-mint .todo-list .primary {
  border-left-color: #039be5; }
.theme-mint .todo-list .info {
  border-left-color: #039be5; }
.theme-mint .todo-list .success {
  border-left-color: #18e503; }
.theme-mint .todo-list .danger {
  border-left-color: #e50303; }
.theme-mint .todo-list .warning {
  border-left-color: #ffa200; }

/*---timeline---*/
.theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #039be5;
  border: 1px solid #039be5;
  color: #ffffff; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #039be5;
    border-right-color: #039be5; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #00bcd4;
  border: 1px solid #00bcd4;
  color: #ffffff; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #00bcd4;
    border-right-color: #00bcd4; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #18e503;
  border: 1px solid #18e503;
  color: #ffffff; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #18e503;
    border-right-color: #18e503; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #e50303;
  border: 1px solid #e50303;
  color: #ffffff; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #e50303;
    border-right-color: #e50303; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #ffa200;
  border: 1px solid #ffa200;
  color: #ffffff; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #ffa200;
    border-right-color: #ffa200; }
  .theme-mint .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-mint .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #039be5;
  background-color: #ffffff; }
.theme-mint .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #00bcd4;
  background-color: #ffffff; }
.theme-mint .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #18e503;
  background-color: #ffffff; }
.theme-mint .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #e50303;
  background-color: #ffffff; }
.theme-mint .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #ffa200;
  background-color: #ffffff; }
.theme-mint .timeline .timeline-label .label-primary {
  background-color: #039be5; }
.theme-mint .timeline .timeline-label .label-info {
  background-color: #00bcd4; }
.theme-mint .timeline .timeline-label .label-success {
  background-color: #18e503; }
.theme-mint .timeline .timeline-label .label-danger {
  background-color: #e50303; }
.theme-mint .timeline .timeline-label .label-warning {
  background-color: #ffa200; }
.theme-mint .timeline__year, .theme-mint .timeline5:before, .theme-mint .timeline__box:before, .theme-mint .timeline__date {
  background-color: #039be5; }
.theme-mint .timeline__post {
  border-left: 3px solid #039be5; }

/*---daterangepicker---*/
.theme-mint .daterangepicker td.active {
  background-color: #039be5; }
  .theme-mint .daterangepicker td.active:hover {
    background-color: #039be5; }
.theme-mint .daterangepicker .input-mini.active {
  border: 1px solid #039be5; }
.theme-mint .ranges li:hover, .theme-mint .ranges li:active, .theme-mint .ranges li.active {
  border: 1px solid #039be5;
  background-color: #039be5; }

/*---control-sidebar---*/
.theme-mint .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-mint .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-mint .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #039be5;
  color: #039be5; }
.theme-mint .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #039be5;
  color: #039be5; }
  .theme-mint .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-mint .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-mint .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #039be5;
    color: #039be5; }
.theme-mint .control-sidebar .rpanel-title .btn:hover {
  color: #039be5; }

/*---nav---*/
.theme-mint .nav &gt; li &gt; a:hover, .theme-mint .nav &gt; li &gt; a:active, .theme-mint .nav &gt; li &gt; a:focus {
  color: #039be5; }
.theme-mint .nav-pills &gt; li &gt; a.active {
  border-top-color: #039be5;
  background-color: #039be5 !important;
  color: #ffffff; }
  .theme-mint .nav-pills &gt; li &gt; a.active:hover, .theme-mint .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #039be5;
    background-color: #039be5 !important;
    color: #ffffff; }
.theme-mint .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-mint .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #039be5; }
.theme-mint .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #039be5; }
  .theme-mint .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-mint .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #039be5; }
.theme-mint .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #039be5; }
.theme-mint .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #039be5; }
.theme-mint .customtab li a.nav-link.active {
  border-bottom: 2px solid #039be5; }

/*---form-element---*/
.theme-mint .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-mint .form-element .form-control {
  background-image: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-mint .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #039be5 0%, #039be5 33%, #00bcd4 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-mint .form-control:focus {
  border-color: #039be5; }
.theme-mint [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #039be5;
  border-bottom: 2px solid #039be5; }
.theme-mint [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #00bcd4;
  border-bottom: 2px solid #00bcd4; }
.theme-mint [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #18e503;
  border-bottom: 2px solid #18e503; }
.theme-mint [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #e50303;
  border-bottom: 2px solid #e50303; }
.theme-mint [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #ffa200;
  border-bottom: 2px solid #ffa200; }
.theme-mint [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #039be5;
  background-color: #039be5; }
.theme-mint [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #00bcd4;
  background-color: #00bcd4; }
.theme-mint [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #18e503;
  background-color: #18e503; }
.theme-mint [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #e50303;
  background-color: #e50303; }
.theme-mint [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #ffa200;
  background-color: #ffa200; }
.theme-mint [type=radio].radio-col-primary:checked + label:after {
  background-color: #039be5;
  border-color: #039be5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #039be5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #039be5;
  border: 2px solid #039be5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].radio-col-info:checked + label:after {
  background-color: #00bcd4;
  border-color: #00bcd4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #00bcd4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #00bcd4;
  border: 2px solid #00bcd4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].radio-col-success:checked + label:after {
  background-color: #18e503;
  border-color: #18e503;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #18e503;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #18e503;
  border: 2px solid #18e503;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].radio-col-danger:checked + label:after {
  background-color: #e50303;
  border-color: #e50303;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #e50303;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #e50303;
  border: 2px solid #e50303;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].radio-col-warning:checked + label:after {
  background-color: #ffa200;
  border-color: #ffa200;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #ffa200;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #ffa200;
  border: 2px solid #ffa200;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-mint [type=checkbox]:checked + label:before {
  border-right: 2px solid #039be5;
  border-bottom: 2px solid #039be5; }
.theme-mint [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #039be5;
  background-color: #039be5; }
.theme-mint [type=radio].with-gap:checked + label:before, .theme-mint [type=radio].with-gap:checked + label:after {
  border: 2px solid #039be5; }
.theme-mint [type=radio].with-gap:checked + label:after {
  background-color: #039be5;
  z-index: 0; }
.theme-mint [type=radio]:checked + label:after {
  border: 2px solid #039be5;
  background-color: #039be5;
  z-index: 0; }
.theme-mint [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #039be5;
  background-color: #039be5; }

/*---Calender---*/
.theme-mint .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #039be5; }
.theme-mint .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #039be5;
  border-color: #039be5; }
.theme-mint .fc-event, .theme-mint .calendar-event {
  background: #039be5; }

/*---Tabs---*/
.theme-mint .tabs-vertical li .nav-link:hover, .theme-mint .tabs-vertical li .nav-link:active, .theme-mint .tabs-vertical li .nav-link:focus, .theme-mint .tabs-vertical li .nav-link.active {
  background-color: #039be5;
  color: #ffffff; }
.theme-mint .customvtab .tabs-vertical li .nav-link:hover, .theme-mint .customvtab .tabs-vertical li .nav-link:active, .theme-mint .customvtab .tabs-vertical li .nav-link:focus, .theme-mint .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #039be5;
  color: #039be5; }
.theme-mint .customtab2 li a.nav-link:hover, .theme-mint .customtab2 li a.nav-link:active, .theme-mint .customtab2 li a.nav-link.active {
  background-color: #039be5; }

.rtl.theme-mint .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-mint .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-mint .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-mint .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #039be5; }

/*---Notification---*/
.theme-mint .jq-icon-primary {
  background-color: #039be5;
  color: #ffffff;
  border-color: #039be5; }
.theme-mint .jq-icon-info {
  background-color: #00bcd4;
  color: #ffffff;
  border-color: #00bcd4; }
.theme-mint .jq-icon-success {
  background-color: #18e503;
  color: #ffffff;
  border-color: #039be5; }
.theme-mint .jq-icon-error {
  background-color: #e50303;
  color: #ffffff;
  border-color: #e50303; }
.theme-mint .jq-icon-danger {
  background-color: #e50303;
  color: #ffffff;
  border-color: #e50303; }
.theme-mint .jq-icon-warning {
  background-color: #ffa200;
  color: #ffffff;
  border-color: #ffa200; }

/*---avatar---*/
.theme-mint .avatar.status-primary::after {
  background-color: #039be5; }
.theme-mint .avatar.status-info::after {
  background-color: #00bcd4; }
.theme-mint .avatar.status-success::after {
  background-color: #18e503; }
.theme-mint .avatar.status-danger::after {
  background-color: #e50303; }
.theme-mint .avatar.status-warning::after {
  background-color: #ffa200; }
.theme-mint .avatar[class*='status-']::after {
  background-color: #039be5; }
.theme-mint .avatar-add:hover {
  background-color: #0279b3;
  border-color: #0279b3; }

/*---media---*/
.theme-mint .media-chat.media-chat-reverse .media-body p {
  background-color: #039be5; }
.theme-mint .media-right-out a:hover {
  color: #0279b3; }

/*---control---*/
.theme-mint .control input:checked:focus ~ .control_indicator {
  background-color: #039be5; }
.theme-mint .control input:checked ~ .control_indicator {
  background-color: #039be5; }
.theme-mint .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #039be5; }

/*---flex---*/
.theme-mint .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #039be5; }
  .theme-mint .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #039be5; }

/*---pagination---*/
.theme-mint .pagination li a.current {
  border: 1px solid #039be5;
  background-color: #039be5; }
  .theme-mint .pagination li a.current:hover {
    border: 1px solid #039be5;
    background-color: #039be5; }
.theme-mint .pagination li a:hover {
  border: 1px solid #0279b3;
  background-color: #0279b3 !important; }
.theme-mint .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #039be5;
  background-color: #039be5; }
  .theme-mint .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #039be5;
    background-color: #039be5; }
.theme-mint .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #039be5; }
.theme-mint .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #039be5; }
.theme-mint .footable .pagination li a:hover, .theme-mint .footable .pagination li a:active, .theme-mint .footable .pagination li a.active {
  background-color: #039be5; }

/*---dataTables---*/
.theme-mint .dt-buttons .dt-button {
  background-color: #039be5; }

/*---select2---*/
.theme-mint .select2-container--default.select2-container--open {
  border-color: #039be5; }
.theme-mint .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #039be5; }
.theme-mint .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #039be5 !important; }
.theme-mint .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #039be5 !important; }
.theme-mint .select2-container--default .select2-selection--multiple:focus {
  border-color: #039be5 !important; }
.theme-mint .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #039be5;
  border-color: #039be5; }

/*---Other---*/
.theme-mint .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #0279b3; }
.theme-mint .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #0279b3; }
.theme-mint .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #0279b3; }
.theme-mint [data-overlay-primary]::before {
  background: #0279b3; }

/*---wizard---*/
.theme-mint .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #039be5;
  background-color: #039be5; }
.theme-mint .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #0279b3;
  background-color: #0279b3; }
.theme-mint .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #039be5; }
.theme-mint .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #039be5; }
.theme-mint .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #039be5; }
.theme-mint .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #039be5; }
.theme-mint .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #039be5; }
.theme-mint .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #039be5;
  color: #039be5; }
  .theme-mint .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #039be5; }
.theme-mint .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #039be5; }

@media (max-width: 767px) {
  .theme-mint .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #039be5; } }
@media (max-width: 575px) {
  .theme-mint .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #039be5; } }
/*---slider---*/
.theme-mint #primary .slider-selection {
  background-color: #039be5; }
.theme-mint #info .slider-selection {
  background-color: #00bcd4; }
.theme-mint #success .slider-selection {
  background-color: #18e503; }
.theme-mint #danger .slider-selection {
  background-color: #e50303; }
.theme-mint #warning .slider-selection {
  background-color: #ffa200; }

/*---horizontal-timeline---*/
.theme-mint .cd-horizontal-timeline .events a.selected::after {
  background: #039be5;
  border-color: #039be5; }
.theme-mint .cd-horizontal-timeline .events a.older-event::after {
  border-color: #039be5; }
.theme-mint .cd-horizontal-timeline .filling-line {
  background: #039be5; }
.theme-mint .cd-horizontal-timeline a {
  color: #039be5; }
  .theme-mint .cd-horizontal-timeline a:hover, .theme-mint .cd-horizontal-timeline a:focus {
    color: #039be5; }
.theme-mint .cd-timeline-navigation a:hover, .theme-mint .cd-timeline-navigation a:focus {
  border-color: #039be5; }

/**************************************
Theme deepocean Color
**************************************/
.bg-gradient-deepocean, .theme-deepocean .bg-gradient-deepocean, .theme-deepocean .art-bg {
  background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%); }

.bg-light-body {
  background: transparent; }

.theme-deepocean.fixed .main-header {
   }
  .theme-deepocean.fixed .main-header .navbar {
    background: transparent; }
.theme-deepocean .main-header {
  background: #ffffff; }

.theme-deepocean.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-deepocean-dark, .dark-skin.theme-deepocean .bg-gradient-deepocean, .dark-skin.theme-deepocean .art-bg {
  background-image: linear-gradient(-45deg, #283476 0%, #283476 33%, #02638f 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-deepocean.fixed .main-header {
   }
  .dark-skin.theme-deepocean.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-deepocean .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-deepocean.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-deepocean.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-deepocean.fixed .main-header {
    background-image: #0c1a32; } }
.theme-deepocean a:hover, .theme-deepocean a:active, .theme-deepocean a:focus {
  color: #4558bf; }
.theme-deepocean .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-deepocean .main-sidebar .svg-icon:hover, .theme-deepocean .main-sidebar .svg-icon:active, .theme-deepocean .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-deepocean .main-sidebar a:hover .svg-icon, .theme-deepocean .main-sidebar a:active .svg-icon, .theme-deepocean .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-deepocean .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-deepocean .svg-icon:hover, .theme-deepocean .svg-icon:active, .theme-deepocean .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-deepocean a:hover .svg-icon, .theme-deepocean a:active .svg-icon, .theme-deepocean a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-deepocean.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #4558bf !important; }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #4558bf; }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #4558bf;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-deepocean.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-deepocean.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #4558bf !important; }
.theme-deepocean.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-deepocean.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-deepocean.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-deepocean.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-deepocean.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-deepocean.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #4558bf !important; }
.theme-deepocean.light-skin .sidebar-menu &gt; li:hover, .theme-deepocean.light-skin .sidebar-menu &gt; li:active, .theme-deepocean.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(69, 88, 191, 0);
  color: #4558bf;
  border-left: 0px solid rgba(69, 88, 191, 0); }
  .theme-deepocean.light-skin .sidebar-menu &gt; li:hover a, .theme-deepocean.light-skin .sidebar-menu &gt; li:active a, .theme-deepocean.light-skin .sidebar-menu &gt; li.active a {
    color: #4558bf; }
    .theme-deepocean.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-deepocean.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-deepocean.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(69, 88, 191, 0); }
    .theme-deepocean.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-deepocean.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-deepocean.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #4558bf;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-deepocean.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-deepocean.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-deepocean.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-deepocean.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(69, 88, 191, 0);
  color: #4558bf;
  border-left: 0px solid #4558bf; }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%); }
    .theme-deepocean.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #4558bf;
      background-color: rgba(69, 88, 191, 0); }
    .theme-deepocean.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-deepocean.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(69, 88, 191, 0);
    color: #4558bf; }
    .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%); }
      .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(69, 88, 191, 0); }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(69, 88, 191, 0); }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(69, 88, 191, 0);
    color: #4558bf; }
    .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #4558bf; }
      .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #4558bf;
        background-color: rgba(69, 88, 191, 0); }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(69, 88, 191, 0);
    color: #4558bf; }
    .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #4558bf; }
      .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #4558bf;
        background-color: rgba(69, 88, 191, 0); }
  .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-deepocean.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(69, 88, 191, 0); }
.theme-deepocean.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #4558bf;
  border-right: 0px solid #4558bf; }
.theme-deepocean.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(69, 88, 191, 0);
  color: white;
  border-left: 0px solid #4558bf; }
  .theme-deepocean.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%); }
    .theme-deepocean.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-deepocean.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-deepocean.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-deepocean.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(69, 88, 191, 0);
    color: #4558bf; }
    .theme-deepocean.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%); }
      .theme-deepocean.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(69, 88, 191, 0); }
  .theme-deepocean.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(69, 88, 191, 0);
    color: white; }
    .theme-deepocean.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-deepocean.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #4558bf;
  border-right: 0px solid #4558bf; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(69, 88, 191, 0.2);
    color: #4558bf; } }
/*---Main Nav---*/
.theme-deepocean .sm-blue li.current &gt; a, .theme-deepocean .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%);
  color: #ffffff !important; }
  .theme-deepocean .sm-blue li.current &gt; a:hover, .theme-deepocean .sm-blue li.current &gt; a:active, .theme-deepocean .sm-blue li.current &gt; a:focus, .theme-deepocean .sm-blue li.highlighted &gt; a:hover, .theme-deepocean .sm-blue li.highlighted &gt; a:active, .theme-deepocean .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%);
    color: #ffffff !important; }
.theme-deepocean .sm-blue a.current, .theme-deepocean .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%);
  color: #ffffff !important; }
.theme-deepocean .sm-blue a:hover, .theme-deepocean .sm-blue a:active, .theme-deepocean .sm-blue a:focus {
  background: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%);
  color: #ffffff !important; }
.theme-deepocean .sm-blue ul a:hover, .theme-deepocean .sm-blue ul a:active, .theme-deepocean .sm-blue ul a:focus {
  background: #ebedf3;
  color: #4558bf !important; }
.theme-deepocean .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #4558bf !important; }

.dark-skin.theme-deepocean .sm-blue li.current &gt; a, .dark-skin.theme-deepocean .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #283476 0%, #283476 33%, #02638f 100%);
  color: #ffffff !important; }
  .dark-skin.theme-deepocean .sm-blue li.current &gt; a:hover, .dark-skin.theme-deepocean .sm-blue li.current &gt; a:active, .dark-skin.theme-deepocean .sm-blue li.current &gt; a:focus, .dark-skin.theme-deepocean .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-deepocean .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-deepocean .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #283476 0%, #283476 33%, #02638f 100%);
    color: #ffffff !important; }
.dark-skin.theme-deepocean .sm-blue a.current, .dark-skin.theme-deepocean .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #283476 0%, #283476 33%, #02638f 100%);
  color: #ffffff !important; }
.dark-skin.theme-deepocean .sm-blue a:hover, .dark-skin.theme-deepocean .sm-blue a:active, .dark-skin.theme-deepocean .sm-blue a:focus {
  background: linear-gradient(-45deg, #283476 0%, #283476 33%, #02638f 100%);
  color: #ffffff !important; }
.dark-skin.theme-deepocean .sm-blue ul a:hover, .dark-skin.theme-deepocean .sm-blue ul a:active, .dark-skin.theme-deepocean .sm-blue ul a:focus {
  background: #29354b;
  color: #4558bf !important; }
.dark-skin.theme-deepocean .sm-blue ul a.highlighted {
  background: #29354b;
  color: #4558bf !important; }

/*---Primary Button---*/
.theme-deepocean .btn-link {
  color: #4558bf; }
.theme-deepocean .btn-primary {
  background-color: #4558bf;
  border-color: #4558bf;
  color: #ffffff; }
  .theme-deepocean .btn-primary:hover, .theme-deepocean .btn-primary:active, .theme-deepocean .btn-primary:focus, .theme-deepocean .btn-primary.active {
    background-color: #36459b !important;
    border-color: #36459b !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-primary:disabled {
    background-color: #919cd9;
    border-color: #4558bf;
    opacity: 0.5; }
  .theme-deepocean .btn-primary.disabled {
    background-color: #919cd9;
    border-color: #4558bf;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-primary.dropdown-toggle {
  background-color: #36459b !important;
  border-color: #36459b !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-primary {
  color: #4558bf;
  background-color: transparent;
  border-color: #4558bf !important; }
  .theme-deepocean .btn-outline.btn-primary:hover, .theme-deepocean .btn-outline.btn-primary:active, .theme-deepocean .btn-outline.btn-primary.active {
    background-color: #36459b !important;
    border-color: #36459b !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #36459b !important;
  border-color: #36459b !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-primary {
  color: #4558bf !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-primary:hover, .theme-deepocean .btn-flat.btn-primary:active, .theme-deepocean .btn-flat.btn-primary.active {
    background-color: #36459b !important;
    border-color: #36459b !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-deepocean .btn-info {
  background-color: #03a9f4;
  border-color: #03a9f4;
  color: #ffffff; }
  .theme-deepocean .btn-info:hover, .theme-deepocean .btn-info:active, .theme-deepocean .btn-info:focus, .theme-deepocean .btn-info.active {
    background-color: #0286c2 !important;
    border-color: #0286c2 !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-info:disabled {
    background-color: #60ccfd;
    border-color: #03a9f4;
    opacity: 0.5; }
  .theme-deepocean .btn-info.disabled {
    background-color: #60ccfd;
    border-color: #03a9f4;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-info.dropdown-toggle {
  background-color: #0286c2 !important;
  border-color: #0286c2 !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-info {
  color: #03a9f4;
  background-color: transparent;
  border-color: #03a9f4 !important; }
  .theme-deepocean .btn-outline.btn-info:hover, .theme-deepocean .btn-outline.btn-info:active, .theme-deepocean .btn-outline.btn-info.active {
    background-color: #0286c2 !important;
    border-color: #0286c2 !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #0286c2 !important;
  border-color: #0286c2 !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-info {
  color: #03a9f4 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-info:hover, .theme-deepocean .btn-flat.btn-info:active, .theme-deepocean .btn-flat.btn-info.active {
    background-color: #0286c2 !important;
    border-color: #0286c2 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-deepocean .btn-success {
  background-color: #0aca91;
  border-color: #0aca91;
  color: #ffffff; }
  .theme-deepocean .btn-success:hover, .theme-deepocean .btn-success:active, .theme-deepocean .btn-success:focus, .theme-deepocean .btn-success.active {
    background-color: #08996e !important;
    border-color: #08996e !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-success:disabled {
    background-color: #44f6c1;
    border-color: #0aca91;
    opacity: 0.5; }
  .theme-deepocean .btn-success.disabled {
    background-color: #44f6c1;
    border-color: #0aca91;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-success.dropdown-toggle {
  background-color: #08996e !important;
  border-color: #08996e !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-success {
  color: #0aca91;
  background-color: transparent;
  border-color: #0aca91 !important; }
  .theme-deepocean .btn-outline.btn-success:hover, .theme-deepocean .btn-outline.btn-success:active, .theme-deepocean .btn-outline.btn-success.active {
    background-color: #08996e !important;
    border-color: #08996e !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #08996e !important;
  border-color: #08996e !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-success {
  color: #0aca91 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-success:hover, .theme-deepocean .btn-flat.btn-success:active, .theme-deepocean .btn-flat.btn-success.active {
    background-color: #08996e !important;
    border-color: #08996e !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-deepocean .btn-danger {
  background-color: #f40358;
  border-color: #f40358;
  color: #ffffff; }
  .theme-deepocean .btn-danger:hover, .theme-deepocean .btn-danger:active, .theme-deepocean .btn-danger:focus, .theme-deepocean .btn-danger.active {
    background-color: #c20246 !important;
    border-color: #c20246 !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-danger:disabled {
    background-color: #fd6097;
    border-color: #f40358;
    opacity: 0.5; }
  .theme-deepocean .btn-danger.disabled {
    background-color: #fd6097;
    border-color: #f40358;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-danger.dropdown-toggle {
  background-color: #c20246 !important;
  border-color: #c20246 !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-danger {
  color: #f40358;
  background-color: transparent;
  border-color: #f40358 !important; }
  .theme-deepocean .btn-outline.btn-danger:hover, .theme-deepocean .btn-outline.btn-danger:active, .theme-deepocean .btn-outline.btn-danger.active {
    background-color: #c20246 !important;
    border-color: #c20246 !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #c20246 !important;
  border-color: #c20246 !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-danger {
  color: #f40358 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-danger:hover, .theme-deepocean .btn-flat.btn-danger:active, .theme-deepocean .btn-flat.btn-danger.active {
    background-color: #c20246 !important;
    border-color: #c20246 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-deepocean .btn-warning {
  background-color: #ebdd00;
  border-color: #ebdd00;
  color: #ffffff; }
  .theme-deepocean .btn-warning:hover, .theme-deepocean .btn-warning:active, .theme-deepocean .btn-warning:focus, .theme-deepocean .btn-warning.active {
    background-color: #b8ad00 !important;
    border-color: #b8ad00 !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-warning:disabled {
    background-color: #fff552;
    border-color: #ebdd00;
    opacity: 0.5; }
  .theme-deepocean .btn-warning.disabled {
    background-color: #fff552;
    border-color: #ebdd00;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-warning.dropdown-toggle {
  background-color: #b8ad00 !important;
  border-color: #b8ad00 !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-warning {
  color: #ebdd00;
  background-color: transparent;
  border-color: #ebdd00 !important; }
  .theme-deepocean .btn-outline.btn-warning:hover, .theme-deepocean .btn-outline.btn-warning:active, .theme-deepocean .btn-outline.btn-warning.active {
    background-color: #b8ad00 !important;
    border-color: #b8ad00 !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #b8ad00 !important;
  border-color: #b8ad00 !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-warning {
  color: #ebdd00 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-warning:hover, .theme-deepocean .btn-flat.btn-warning:active, .theme-deepocean .btn-flat.btn-warning.active {
    background-color: #b8ad00 !important;
    border-color: #b8ad00 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-deepocean .btn-primary-light {
  background-color: #e8ecff;
  border-color: #e8ecff;
  color: #4558bf; }
  .theme-deepocean .btn-primary-light:hover, .theme-deepocean .btn-primary-light:active, .theme-deepocean .btn-primary-light:focus, .theme-deepocean .btn-primary-light.active {
    background-color: #4558bf !important;
    border-color: #4558bf !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-primary-light:disabled {
    background-color: white;
    border-color: #e8ecff;
    opacity: 0.5; }
  .theme-deepocean .btn-primary-light.disabled {
    background-color: white;
    border-color: #e8ecff;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #4558bf !important;
  border-color: #4558bf !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-primary-light {
  color: #4558bf;
  background-color: transparent;
  border-color: #e8ecff !important; }
  .theme-deepocean .btn-outline.btn-primary-light:hover, .theme-deepocean .btn-outline.btn-primary-light:active, .theme-deepocean .btn-outline.btn-primary-light.active {
    background-color: #4558bf !important;
    border-color: #4558bf !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #4558bf !important;
  border-color: #4558bf !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-primary-light {
  color: #4558bf !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-primary-light:hover, .theme-deepocean .btn-flat.btn-primary-light:active, .theme-deepocean .btn-flat.btn-primary-light.active {
    background-color: #4558bf !important;
    border-color: #4558bf !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-deepocean .btn-info-light {
  background-color: #e0f5ff;
  border-color: #e0f5ff;
  color: #03a9f4; }
  .theme-deepocean .btn-info-light:hover, .theme-deepocean .btn-info-light:active, .theme-deepocean .btn-info-light:focus, .theme-deepocean .btn-info-light.active {
    background-color: #03a9f4 !important;
    border-color: #03a9f4 !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-info-light:disabled {
    background-color: white;
    border-color: #e0f5ff;
    opacity: 0.5; }
  .theme-deepocean .btn-info-light.disabled {
    background-color: white;
    border-color: #e0f5ff;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-info.dropdown-toggle {
  background-color: #03a9f4 !important;
  border-color: #03a9f4 !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-info-light {
  color: #03a9f4;
  background-color: transparent;
  border-color: #e0f5ff !important; }
  .theme-deepocean .btn-outline.btn-info-light:hover, .theme-deepocean .btn-outline.btn-info-light:active, .theme-deepocean .btn-outline.btn-info-light.active {
    background-color: #03a9f4 !important;
    border-color: #03a9f4 !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #03a9f4 !important;
  border-color: #03a9f4 !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-info-light {
  color: #03a9f4 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-info-light:hover, .theme-deepocean .btn-flat.btn-info-light:active, .theme-deepocean .btn-flat.btn-info-light.active {
    background-color: #03a9f4 !important;
    border-color: #03a9f4 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-deepocean .btn-success-light {
  background-color: #d7fff3;
  border-color: #d7fff3;
  color: #0aca91; }
  .theme-deepocean .btn-success-light:hover, .theme-deepocean .btn-success-light:active, .theme-deepocean .btn-success-light:focus, .theme-deepocean .btn-success-light.active {
    background-color: #0aca91 !important;
    border-color: #0aca91 !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-success-light:disabled {
    background-color: white;
    border-color: #d7fff3;
    opacity: 0.5; }
  .theme-deepocean .btn-success-light.disabled {
    background-color: white;
    border-color: #d7fff3;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #0aca91 !important;
  border-color: #0aca91 !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-success-light {
  color: #0aca91;
  background-color: transparent;
  border-color: #d7fff3 !important; }
  .theme-deepocean .btn-outline.btn-success-light:hover, .theme-deepocean .btn-outline.btn-success-light:active, .theme-deepocean .btn-outline.btn-success-light.active {
    background-color: #0aca91 !important;
    border-color: #0aca91 !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #0aca91 !important;
  border-color: #0aca91 !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-success-light {
  color: #0aca91 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-success-light:hover, .theme-deepocean .btn-flat.btn-success-light:active, .theme-deepocean .btn-flat.btn-success-light.active {
    background-color: #0aca91 !important;
    border-color: #0aca91 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-deepocean .btn-danger-light {
  background-color: #ffd3e3;
  border-color: #ffd3e3;
  color: #f40358; }
  .theme-deepocean .btn-danger-light:hover, .theme-deepocean .btn-danger-light:active, .theme-deepocean .btn-danger-light:focus, .theme-deepocean .btn-danger-light.active {
    background-color: #f40358 !important;
    border-color: #f40358 !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-danger-light:disabled {
    background-color: white;
    border-color: #ffd3e3;
    opacity: 0.5; }
  .theme-deepocean .btn-danger-light.disabled {
    background-color: white;
    border-color: #ffd3e3;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #f40358 !important;
  border-color: #f40358 !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-danger-light {
  color: #f40358;
  background-color: transparent;
  border-color: #ffd3e3 !important; }
  .theme-deepocean .btn-outline.btn-danger-light:hover, .theme-deepocean .btn-outline.btn-danger-light:active, .theme-deepocean .btn-outline.btn-danger-light.active {
    background-color: #f40358 !important;
    border-color: #f40358 !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #f40358 !important;
  border-color: #f40358 !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-danger-light {
  color: #f40358 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-danger-light:hover, .theme-deepocean .btn-flat.btn-danger-light:active, .theme-deepocean .btn-flat.btn-danger-light.active {
    background-color: #f40358 !important;
    border-color: #f40358 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-deepocean .btn-warning-light {
  background-color: #fffbc2;
  border-color: #fffbc2;
  color: #ebdd00; }
  .theme-deepocean .btn-warning-light:hover, .theme-deepocean .btn-warning-light:active, .theme-deepocean .btn-warning-light:focus, .theme-deepocean .btn-warning-light.active {
    background-color: #ebdd00 !important;
    border-color: #ebdd00 !important;
    color: #ffffff !important; }
  .theme-deepocean .btn-warning-light:disabled {
    background-color: white;
    border-color: #fffbc2;
    opacity: 0.5; }
  .theme-deepocean .btn-warning-light.disabled {
    background-color: white;
    border-color: #fffbc2;
    opacity: 0.5; }
.theme-deepocean .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #ebdd00 !important;
  border-color: #ebdd00 !important;
  color: #ffffff; }
.theme-deepocean .btn-outline.btn-warning-light {
  color: #ebdd00;
  background-color: transparent;
  border-color: #fffbc2 !important; }
  .theme-deepocean .btn-outline.btn-warning-light:hover, .theme-deepocean .btn-outline.btn-warning-light:active, .theme-deepocean .btn-outline.btn-warning-light.active {
    background-color: #ebdd00 !important;
    border-color: #ebdd00 !important;
    color: #ffffff !important; }
.theme-deepocean .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #ebdd00 !important;
  border-color: #ebdd00 !important;
  color: #ffffff; }
.theme-deepocean .btn-flat.btn-warning-light {
  color: #ebdd00 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-deepocean .btn-flat.btn-warning-light:hover, .theme-deepocean .btn-flat.btn-warning-light:active, .theme-deepocean .btn-flat.btn-warning-light.active {
    background-color: #ebdd00 !important;
    border-color: #ebdd00 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-deepocean .callout.callout-primary {
  border-color: #4558bf;
  background-color: #4558bf !important; }
.theme-deepocean .callout.callout-info {
  border-color: #03a9f4;
  background-color: #03a9f4 !important; }
.theme-deepocean .callout.callout-success {
  border-color: #0aca91;
  background-color: #0aca91 !important; }
.theme-deepocean .callout.callout-danger {
  border-color: #f40358;
  background-color: #f40358 !important; }
.theme-deepocean .callout.callout-warning {
  border-color: #ebdd00;
  background-color: #ebdd00 !important; }

/*---alert---*/
.theme-deepocean .alert-primary {
  border-color: #4558bf;
  background-color: #4558bf !important;
  color: #ffffff; }
.theme-deepocean .alert-info {
  border-color: #03a9f4;
  background-color: #03a9f4 !important;
  color: #ffffff; }
.theme-deepocean .alert-success {
  border-color: #0aca91;
  background-color: #0aca91 !important;
  color: #ffffff; }
.theme-deepocean .alert-danger {
  border-color: #f40358;
  background-color: #f40358 !important;
  color: #ffffff; }
.theme-deepocean .alert-error {
  border-color: #f40358;
  background-color: #f40358 !important;
  color: #ffffff; }
.theme-deepocean .alert-warning {
  border-color: #ebdd00;
  background-color: #ebdd00 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-deepocean .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #4558bf;
  color: #ffffff; }
.theme-deepocean .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-deepocean .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #4558bf; }
.theme-deepocean .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #03a9f4;
  color: #ffffff; }
.theme-deepocean .direct-chat-info .right &gt; .direct-chat-text:before, .theme-deepocean .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #03a9f4; }
.theme-deepocean .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #0aca91;
  color: #ffffff; }
.theme-deepocean .direct-chat-success .right &gt; .direct-chat-text:before, .theme-deepocean .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #0aca91; }
.theme-deepocean .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #f40358;
  color: #ffffff; }
.theme-deepocean .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-deepocean .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #f40358; }
.theme-deepocean .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #ebdd00;
  color: #ffffff; }
.theme-deepocean .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-deepocean .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #ebdd00; }
.theme-deepocean .right .direct-chat-text p {
  background-color: #4558bf; }

/*---modal---*/
.theme-deepocean .modal-primary .modal-footer, .theme-deepocean .modal-primary .modal-header {
  border-color: #4558bf; }
.theme-deepocean .modal-primary .modal-body {
  background-color: #4558bf !important; }
.theme-deepocean .modal-info .modal-footer, .theme-deepocean .modal-info .modal-header {
  border-color: #03a9f4; }
.theme-deepocean .modal-info .modal-body {
  background-color: #03a9f4 !important; }
.theme-deepocean .modal-success .modal-footer, .theme-deepocean .modal-success .modal-header {
  border-color: #0aca91; }
.theme-deepocean .modal-success .modal-body {
  background-color: #0aca91 !important; }
.theme-deepocean .modal-danger .modal-footer, .theme-deepocean .modal-danger .modal-header {
  border-color: #f40358; }
.theme-deepocean .modal-danger .modal-body {
  background-color: #f40358 !important; }
.theme-deepocean .modal-warning .modal-footer, .theme-deepocean .modal-warning .modal-header {
  border-color: #ebdd00; }
.theme-deepocean .modal-warning .modal-body {
  background-color: #ebdd00 !important; }

/*---border---*/
.theme-deepocean .border-primary {
  border-color: #4558bf !important; }
.theme-deepocean .border-info {
  border-color: #03a9f4 !important; }
.theme-deepocean .border-success {
  border-color: #0aca91 !important; }
.theme-deepocean .border-danger {
  border-color: #f40358 !important; }
.theme-deepocean .border-warning {
  border-color: #ebdd00 !important; }

/*---Background---*/
.theme-deepocean .bg-primary {
  background-color: #4558bf !important;
  color: #ffffff; }
.theme-deepocean .bg-primary-light {
  background-color: #e8ecff !important;
  color: #4558bf; }
.theme-deepocean .bg-info {
  background-color: #03a9f4 !important;
  color: #ffffff; }
.theme-deepocean .bg-info-light {
  background-color: #e0f5ff !important;
  color: #03a9f4; }
.theme-deepocean .bg-success {
  background-color: #0aca91 !important;
  color: #ffffff; }
.theme-deepocean .bg-success-light {
  background-color: #d7fff3 !important;
  color: #0aca91; }
.theme-deepocean .bg-danger {
  background-color: #f40358 !important;
  color: #ffffff; }
.theme-deepocean .bg-danger-light {
  background-color: #ffd3e3 !important;
  color: #f40358; }
.theme-deepocean .bg-warning {
  background-color: #ebdd00 !important;
  color: #ffffff; }
.theme-deepocean .bg-warning-light {
  background-color: #fffbc2 !important;
  color: #ebdd00; }

/*---text---*/
.theme-deepocean .text-primary {
  color: #4558bf !important; }
.theme-deepocean a.text-primary:hover, .theme-deepocean a.text-primary:focus {
  color: #4558bf !important; }
.theme-deepocean .hover-primary:hover, .theme-deepocean .hover-primary:focus {
  color: #4558bf !important; }
.theme-deepocean .text-info {
  color: #03a9f4 !important; }
.theme-deepocean a.text-info:hover, .theme-deepocean a.text-info:focus {
  color: #03a9f4 !important; }
.theme-deepocean .hover-info:hover, .theme-deepocean .hover-info:focus {
  color: #03a9f4 !important; }
.theme-deepocean .text-success {
  color: #0aca91 !important; }
.theme-deepocean a.text-success:hover, .theme-deepocean a.text-success:focus {
  color: #0aca91 !important; }
.theme-deepocean .hover-success:hover, .theme-deepocean .hover-success:focus {
  color: #0aca91 !important; }
.theme-deepocean .text-danger {
  color: #f40358 !important; }
.theme-deepocean a.text-danger:hover, .theme-deepocean a.text-danger:focus {
  color: #f40358 !important; }
.theme-deepocean .hover-danger:hover, .theme-deepocean .hover-danger:focus {
  color: #f40358 !important; }
.theme-deepocean .text-warning {
  color: #ebdd00 !important; }
.theme-deepocean a.text-warning:hover, .theme-deepocean a.text-warning:focus {
  color: #ebdd00 !important; }
.theme-deepocean .hover-warning:hover, .theme-deepocean .hover-warning:focus {
  color: #ebdd00 !important; }

/*---active background---*/
.theme-deepocean .active.active-primary {
  background-color: #36459b !important; }
.theme-deepocean .active.active-info {
  background-color: #0286c2 !important; }
.theme-deepocean .active.active-success {
  background-color: #08996e !important; }
.theme-deepocean .active.active-danger {
  background-color: #c20246 !important; }
.theme-deepocean .active.active-warning {
  background-color: #b8ad00 !important; }

/*---label background---*/
.theme-deepocean .label-primary {
  background-color: #4558bf !important; }
.theme-deepocean .label-info {
  background-color: #03a9f4 !important; }
.theme-deepocean .label-success {
  background-color: #0aca91 !important; }
.theme-deepocean .label-danger {
  background-color: #f40358 !important; }
.theme-deepocean .label-warning {
  background-color: #ebdd00 !important; }

/*---ribbon---*/
.theme-deepocean .ribbon-box .ribbon-primary {
  background-color: #4558bf; }
  .theme-deepocean .ribbon-box .ribbon-primary:before {
    border-color: #4558bf transparent transparent; }
.theme-deepocean .ribbon-box .ribbon-two-primary span {
  background-color: #4558bf; }
  .theme-deepocean .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #36459b;
    border-top: 3px solid #36459b; }
  .theme-deepocean .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #36459b;
    border-top: 3px solid #36459b; }
.theme-deepocean .ribbon-box .ribbon-info {
  background-color: #03a9f4; }
  .theme-deepocean .ribbon-box .ribbon-info:before {
    border-color: #03a9f4 transparent transparent; }
.theme-deepocean .ribbon-box .ribbon-two-info span {
  background-color: #03a9f4; }
  .theme-deepocean .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #0286c2;
    border-top: 3px solid #0286c2; }
  .theme-deepocean .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #0286c2;
    border-top: 3px solid #0286c2; }
.theme-deepocean .ribbon-box .ribbon-success {
  background-color: #0aca91; }
  .theme-deepocean .ribbon-box .ribbon-success:before {
    border-color: #0aca91 transparent transparent; }
.theme-deepocean .ribbon-box .ribbon-two-success span {
  background-color: #0aca91; }
  .theme-deepocean .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #08996e;
    border-top: 3px solid #08996e; }
  .theme-deepocean .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #08996e;
    border-top: 3px solid #08996e; }
.theme-deepocean .ribbon-box .ribbon-danger {
  background-color: #f40358; }
  .theme-deepocean .ribbon-box .ribbon-danger:before {
    border-color: #f40358 transparent transparent; }
.theme-deepocean .ribbon-box .ribbon-two-danger span {
  background-color: #f40358; }
  .theme-deepocean .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #c20246;
    border-top: 3px solid #c20246; }
  .theme-deepocean .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #c20246;
    border-top: 3px solid #c20246; }
.theme-deepocean .ribbon-box .ribbon-warning {
  background-color: #ebdd00; }
  .theme-deepocean .ribbon-box .ribbon-warning:before {
    border-color: #ebdd00 transparent transparent; }
.theme-deepocean .ribbon-box .ribbon-two-warning span {
  background-color: #ebdd00; }
  .theme-deepocean .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #b8ad00;
    border-top: 3px solid #b8ad00; }
  .theme-deepocean .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #b8ad00;
    border-top: 3px solid #b8ad00; }

/*---Box---*/
.theme-deepocean .box-primary {
  background-color: #4558bf !important; }
  .theme-deepocean .box-primary.box-bordered {
    border-color: #4558bf; }
.theme-deepocean .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #4558bf; }
.theme-deepocean .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #4558bf; }
  .theme-deepocean .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-deepocean .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-deepocean .box-info {
  background-color: #03a9f4 !important; }
  .theme-deepocean .box-info.box-bordered {
    border-color: #03a9f4; }
.theme-deepocean .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #03a9f4; }
.theme-deepocean .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #03a9f4; }
  .theme-deepocean .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-deepocean .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-deepocean .box-success {
  background-color: #0aca91 !important; }
  .theme-deepocean .box-success.box-bordered {
    border-color: #0aca91; }
.theme-deepocean .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #0aca91; }
.theme-deepocean .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #0aca91; }
  .theme-deepocean .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-deepocean .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-deepocean .box-danger {
  background-color: #f40358 !important; }
  .theme-deepocean .box-danger.box-bordered {
    border-color: #f40358; }
.theme-deepocean .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #f40358; }
.theme-deepocean .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #f40358; }
  .theme-deepocean .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-deepocean .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-deepocean .box-warning {
  background-color: #ebdd00 !important; }
  .theme-deepocean .box-warning.box-bordered {
    border-color: #ebdd00; }
.theme-deepocean .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #ebdd00; }
.theme-deepocean .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #ebdd00; }
  .theme-deepocean .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-deepocean .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-deepocean .box-profile .social-states a:hover {
  color: #36459b; }
.theme-deepocean .box-controls li &gt; a:hover {
  color: #36459b; }
.theme-deepocean .box-controls .dropdown.show &gt; a {
  color: #36459b; }
.theme-deepocean .box-fullscreen .box-btn-fullscreen {
  color: #36459b; }

/*---progress bar---*/
.theme-deepocean .progress-bar-primary {
  background-color: #4558bf; }
.theme-deepocean .progress-bar-info {
  background-color: #03a9f4; }
.theme-deepocean .progress-bar-success {
  background-color: #0aca91; }
.theme-deepocean .progress-bar-danger {
  background-color: #f40358; }
.theme-deepocean .progress-bar-warning {
  background-color: #ebdd00; }

/*---panel---*/
.theme-deepocean .panel-primary {
  border-color: #4558bf; }
  .theme-deepocean .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #4558bf;
    border-color: #4558bf; }
    .theme-deepocean .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #4558bf; }
    .theme-deepocean .panel-primary &gt; .panel-heading .badge-pill {
      color: #4558bf;
      background-color: #ffffff; }
  .theme-deepocean .panel-primary .panel-title, .theme-deepocean .panel-primary .panel-action {
    color: #ffffff; }
  .theme-deepocean .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #4558bf; }
.theme-deepocean .panel-line.panel-primary .panel-heading {
  color: #4558bf;
  border-top-color: #4558bf;
  background: transparent; }
.theme-deepocean .panel-line.panel-primary .panel-title, .theme-deepocean .panel-line.panel-primary .panel-action {
  color: #4558bf; }
.theme-deepocean .panel-info {
  border-color: #03a9f4; }
  .theme-deepocean .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #03a9f4;
    border-color: #03a9f4; }
    .theme-deepocean .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #03a9f4; }
    .theme-deepocean .panel-info &gt; .panel-heading .badge-pill {
      color: #03a9f4;
      background-color: #ffffff; }
  .theme-deepocean .panel-info .panel-title, .theme-deepocean .panel-info .panel-action {
    color: #ffffff; }
  .theme-deepocean .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #03a9f4; }
.theme-deepocean .panel-line.panel-info .panel-heading {
  color: #03a9f4;
  border-top-color: #03a9f4;
  background: transparent; }
.theme-deepocean .panel-line.panel-info .panel-title, .theme-deepocean .panel-line.panel-info .panel-action {
  color: #03a9f4; }
.theme-deepocean .panel-success {
  border-color: #0aca91; }
  .theme-deepocean .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #0aca91;
    border-color: #0aca91; }
    .theme-deepocean .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #0aca91; }
    .theme-deepocean .panel-success &gt; .panel-heading .badge-pill {
      color: #0aca91;
      background-color: #ffffff; }
  .theme-deepocean .panel-success .panel-title, .theme-deepocean .panel-success .panel-action {
    color: #ffffff; }
  .theme-deepocean .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #0aca91; }
.theme-deepocean .panel-line.panel-success .panel-heading {
  color: #0aca91;
  border-top-color: #0aca91;
  background: transparent; }
.theme-deepocean .panel-line.panel-success .panel-title, .theme-deepocean .panel-line.panel-success .panel-action {
  color: #0aca91; }
.theme-deepocean .panel-danger {
  border-color: #f40358; }
  .theme-deepocean .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #f40358;
    border-color: #f40358; }
    .theme-deepocean .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #f40358; }
    .theme-deepocean .panel-danger &gt; .panel-heading .badge-pill {
      color: #f40358;
      background-color: #ffffff; }
  .theme-deepocean .panel-danger .panel-title, .theme-deepocean .panel-danger .panel-action {
    color: #ffffff; }
  .theme-deepocean .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #f40358; }
.theme-deepocean .panel-line.panel-danger .panel-heading {
  color: #f40358;
  border-top-color: #f40358;
  background: transparent; }
.theme-deepocean .panel-line.panel-danger .panel-title, .theme-deepocean .panel-line.panel-danger .panel-action {
  color: #f40358; }
.theme-deepocean .panel-warning {
  border-color: #ebdd00; }
  .theme-deepocean .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #ebdd00;
    border-color: #ebdd00; }
    .theme-deepocean .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ebdd00; }
    .theme-deepocean .panel-warning &gt; .panel-heading .badge-pill {
      color: #ebdd00;
      background-color: #ffffff; }
  .theme-deepocean .panel-warning .panel-title, .theme-deepocean .panel-warning .panel-action {
    color: #ffffff; }
  .theme-deepocean .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ebdd00; }
.theme-deepocean .panel-line.panel-warning .panel-heading {
  color: #ebdd00;
  border-top-color: #ebdd00;
  background: transparent; }
.theme-deepocean .panel-line.panel-warning .panel-title, .theme-deepocean .panel-line.panel-warning .panel-action {
  color: #ebdd00; }

/*---switch---*/
.theme-deepocean .switch input:checked ~ .switch-indicator::after {
  background-color: #4558bf; }
.theme-deepocean .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #4558bf; }
.theme-deepocean .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #03a9f4; }
.theme-deepocean .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #0aca91; }
.theme-deepocean .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #f40358; }
.theme-deepocean .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #ebdd00; }

/*---badge---*/
.theme-deepocean .badge-primary {
  background-color: #4558bf;
  color: #ffffff; }
.theme-deepocean .badge-primary[href]:hover, .theme-deepocean .badge-primary[href]:focus {
  background-color: #36459b; }
.theme-deepocean .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-deepocean .badge-secondary[href]:hover, .theme-deepocean .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-deepocean .badge-info {
  background-color: #03a9f4;
  color: #ffffff; }
.theme-deepocean .badge-info[href]:hover, .theme-deepocean .badge-info[href]:focus {
  background-color: #0286c2; }
.theme-deepocean .badge-success {
  background-color: #0aca91;
  color: #ffffff; }
.theme-deepocean .badge-success[href]:hover, .theme-deepocean .badge-success[href]:focus {
  background-color: #08996e; }
.theme-deepocean .badge-danger {
  background-color: #f40358;
  color: #ffffff; }
.theme-deepocean .badge-danger[href]:hover, .theme-deepocean .badge-danger[href]:focus {
  background-color: #c20246; }
.theme-deepocean .badge-warning {
  background-color: #ebdd00;
  color: #ffffff; }
.theme-deepocean .badge-warning[href]:hover, .theme-deepocean .badge-warning[href]:focus {
  background-color: #b8ad00; }

/*---badge light---*/
.theme-deepocean .badge-primary-light {
  background-color: #e8ecff;
  color: #4558bf; }
.theme-deepocean .badge-primary-light[href]:hover, .theme-deepocean .badge-primary-light[href]:focus {
  background-color: #b5c2ff; }
.theme-deepocean .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-deepocean .badge-secondary-light[href]:hover, .theme-deepocean .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-deepocean .badge-info-light {
  background-color: #e0f5ff;
  color: #03a9f4; }
.theme-deepocean .badge-info-light[href]:hover, .theme-deepocean .badge-info-light[href]:focus {
  background-color: #ade5ff; }
.theme-deepocean .badge-success-light {
  background-color: #d7fff3;
  color: #0aca91; }
.theme-deepocean .badge-success-light[href]:hover, .theme-deepocean .badge-success-light[href]:focus {
  background-color: #a4ffe4; }
.theme-deepocean .badge-danger-light {
  background-color: #ffd3e3;
  color: #f40358; }
.theme-deepocean .badge-danger-light[href]:hover, .theme-deepocean .badge-danger-light[href]:focus {
  background-color: #ffa0c3; }
.theme-deepocean .badge-warning-light {
  background-color: #fffbc2;
  color: #ebdd00; }
.theme-deepocean .badge-warning-light[href]:hover, .theme-deepocean .badge-warning-light[href]:focus {
  background-color: #fff88f; }

/*---rating---*/
.theme-deepocean .rating-primary .active {
  color: #4558bf; }
.theme-deepocean .rating-primary :checked ~ label {
  color: #4558bf; }
.theme-deepocean .rating-primary label:hover {
  color: #4558bf; }
  .theme-deepocean .rating-primary label:hover ~ label {
    color: #4558bf; }
.theme-deepocean .rating-info .active {
  color: #03a9f4; }
.theme-deepocean .rating-info :checked ~ label {
  color: #03a9f4; }
.theme-deepocean .rating-info label:hover {
  color: #03a9f4; }
  .theme-deepocean .rating-info label:hover ~ label {
    color: #03a9f4; }
.theme-deepocean .rating-success .active {
  color: #0aca91; }
.theme-deepocean .rating-success :checked ~ label {
  color: #0aca91; }
.theme-deepocean .rating-success label:hover {
  color: #0aca91; }
  .theme-deepocean .rating-success label:hover ~ label {
    color: #0aca91; }
.theme-deepocean .rating-danger .active {
  color: #f40358; }
.theme-deepocean .rating-danger :checked ~ label {
  color: #f40358; }
.theme-deepocean .rating-danger label:hover {
  color: #f40358; }
  .theme-deepocean .rating-danger label:hover ~ label {
    color: #f40358; }
.theme-deepocean .rating-warning .active {
  color: #ebdd00; }
.theme-deepocean .rating-warning :checked ~ label {
  color: #ebdd00; }
.theme-deepocean .rating-warning label:hover {
  color: #ebdd00; }
  .theme-deepocean .rating-warning label:hover ~ label {
    color: #ebdd00; }

/*---toggler---*/
.theme-deepocean .toggler-primary input:checked + i {
  color: #4558bf; }
.theme-deepocean .toggler-info input:checked + i {
  color: #03a9f4; }
.theme-deepocean .toggler-success input:checked + i {
  color: #0aca91; }
.theme-deepocean .toggler-danger input:checked + i {
  color: #f40358; }
.theme-deepocean .toggler-warning input:checked + i {
  color: #ebdd00; }

/*---nav tabs---*/
.theme-deepocean .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-deepocean .nav-tabs.nav-tabs-primary .nav-link:active, .theme-deepocean .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-deepocean .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #36459b;
  background-color: transparent;
  color: #36459b; }
.theme-deepocean .nav-tabs.nav-tabs-info .nav-link:hover, .theme-deepocean .nav-tabs.nav-tabs-info .nav-link:active, .theme-deepocean .nav-tabs.nav-tabs-info .nav-link:focus, .theme-deepocean .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #0286c2;
  background-color: #03a9f4;
  color: #ffffff; }
.theme-deepocean .nav-tabs.nav-tabs-success .nav-link:hover, .theme-deepocean .nav-tabs.nav-tabs-success .nav-link:active, .theme-deepocean .nav-tabs.nav-tabs-success .nav-link:focus, .theme-deepocean .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #08996e;
  background-color: transparent;
  color: #08996e; }
.theme-deepocean .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-deepocean .nav-tabs.nav-tabs-danger .nav-link:active, .theme-deepocean .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-deepocean .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #c20246;
  background-color: transparent;
  color: #c20246; }
.theme-deepocean .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-deepocean .nav-tabs.nav-tabs-warning .nav-link:active, .theme-deepocean .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-deepocean .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #b8ad00;
  background-color: transparent;
  color: #b8ad00; }
.theme-deepocean .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #36459b; }
.theme-deepocean .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #0286c2; }
.theme-deepocean .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #08996e; }
.theme-deepocean .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #c20246; }
.theme-deepocean .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #b8ad00; }
.theme-deepocean .nav-tabs .nav-link.active {
  border-bottom-color: #4558bf;
  background-color: #4558bf;
  color: #ffffff; }
  .theme-deepocean .nav-tabs .nav-link.active:hover, .theme-deepocean .nav-tabs .nav-link.active:focus {
    border-bottom-color: #4558bf;
    background-color: #4558bf;
    color: #ffffff; }
.theme-deepocean .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #4558bf;
  background-color: #4558bf; }
  .theme-deepocean .nav-tabs .nav-item.open .nav-link:hover, .theme-deepocean .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #4558bf;
    background-color: #4558bf; }

/*---todo---*/
.theme-deepocean .todo-list .primary {
  border-left-color: #4558bf; }
.theme-deepocean .todo-list .info {
  border-left-color: #4558bf; }
.theme-deepocean .todo-list .success {
  border-left-color: #0aca91; }
.theme-deepocean .todo-list .danger {
  border-left-color: #f40358; }
.theme-deepocean .todo-list .warning {
  border-left-color: #ebdd00; }

/*---timeline---*/
.theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #4558bf;
  border: 1px solid #4558bf;
  color: #ffffff; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #4558bf;
    border-right-color: #4558bf; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #03a9f4;
  border: 1px solid #03a9f4;
  color: #ffffff; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #03a9f4;
    border-right-color: #03a9f4; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #0aca91;
  border: 1px solid #0aca91;
  color: #ffffff; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #0aca91;
    border-right-color: #0aca91; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #f40358;
  border: 1px solid #f40358;
  color: #ffffff; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #f40358;
    border-right-color: #f40358; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #ebdd00;
  border: 1px solid #ebdd00;
  color: #ffffff; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #ebdd00;
    border-right-color: #ebdd00; }
  .theme-deepocean .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #4558bf;
  background-color: #ffffff; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #03a9f4;
  background-color: #ffffff; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #0aca91;
  background-color: #ffffff; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #f40358;
  background-color: #ffffff; }
.theme-deepocean .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #ebdd00;
  background-color: #ffffff; }
.theme-deepocean .timeline .timeline-label .label-primary {
  background-color: #4558bf; }
.theme-deepocean .timeline .timeline-label .label-info {
  background-color: #03a9f4; }
.theme-deepocean .timeline .timeline-label .label-success {
  background-color: #0aca91; }
.theme-deepocean .timeline .timeline-label .label-danger {
  background-color: #f40358; }
.theme-deepocean .timeline .timeline-label .label-warning {
  background-color: #ebdd00; }
.theme-deepocean .timeline__year, .theme-deepocean .timeline5:before, .theme-deepocean .timeline__box:before, .theme-deepocean .timeline__date {
  background-color: #4558bf; }
.theme-deepocean .timeline__post {
  border-left: 3px solid #4558bf; }

/*---daterangepicker---*/
.theme-deepocean .daterangepicker td.active {
  background-color: #4558bf; }
  .theme-deepocean .daterangepicker td.active:hover {
    background-color: #4558bf; }
.theme-deepocean .daterangepicker .input-mini.active {
  border: 1px solid #4558bf; }
.theme-deepocean .ranges li:hover, .theme-deepocean .ranges li:active, .theme-deepocean .ranges li.active {
  border: 1px solid #4558bf;
  background-color: #4558bf; }

/*---control-sidebar---*/
.theme-deepocean .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-deepocean .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-deepocean .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #4558bf;
  color: #4558bf; }
.theme-deepocean .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #4558bf;
  color: #4558bf; }
  .theme-deepocean .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-deepocean .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-deepocean .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #4558bf;
    color: #4558bf; }
.theme-deepocean .control-sidebar .rpanel-title .btn:hover {
  color: #4558bf; }

/*---nav---*/
.theme-deepocean .nav &gt; li &gt; a:hover, .theme-deepocean .nav &gt; li &gt; a:active, .theme-deepocean .nav &gt; li &gt; a:focus {
  color: #4558bf; }
.theme-deepocean .nav-pills &gt; li &gt; a.active {
  border-top-color: #4558bf;
  background-color: #4558bf !important;
  color: #ffffff; }
  .theme-deepocean .nav-pills &gt; li &gt; a.active:hover, .theme-deepocean .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #4558bf;
    background-color: #4558bf !important;
    color: #ffffff; }
.theme-deepocean .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-deepocean .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #4558bf; }
.theme-deepocean .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #4558bf; }
  .theme-deepocean .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-deepocean .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #4558bf; }
.theme-deepocean .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #4558bf; }
.theme-deepocean .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #4558bf; }
.theme-deepocean .customtab li a.nav-link.active {
  border-bottom: 2px solid #4558bf; }

/*---form-element---*/
.theme-deepocean .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-deepocean .form-element .form-control {
  background-image: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-deepocean .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #4558bf 0%, #4558bf 33%, #03a9f4 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-deepocean .form-control:focus {
  border-color: #4558bf; }
.theme-deepocean [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #4558bf;
  border-bottom: 2px solid #4558bf; }
.theme-deepocean [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #03a9f4;
  border-bottom: 2px solid #03a9f4; }
.theme-deepocean [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #0aca91;
  border-bottom: 2px solid #0aca91; }
.theme-deepocean [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #f40358;
  border-bottom: 2px solid #f40358; }
.theme-deepocean [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #ebdd00;
  border-bottom: 2px solid #ebdd00; }
.theme-deepocean [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #4558bf;
  background-color: #4558bf; }
.theme-deepocean [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #03a9f4;
  background-color: #03a9f4; }
.theme-deepocean [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #0aca91;
  background-color: #0aca91; }
.theme-deepocean [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #f40358;
  background-color: #f40358; }
.theme-deepocean [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #ebdd00;
  background-color: #ebdd00; }
.theme-deepocean [type=radio].radio-col-primary:checked + label:after {
  background-color: #4558bf;
  border-color: #4558bf;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #4558bf;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #4558bf;
  border: 2px solid #4558bf;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].radio-col-info:checked + label:after {
  background-color: #03a9f4;
  border-color: #03a9f4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #03a9f4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #03a9f4;
  border: 2px solid #03a9f4;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].radio-col-success:checked + label:after {
  background-color: #0aca91;
  border-color: #0aca91;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #0aca91;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #0aca91;
  border: 2px solid #0aca91;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].radio-col-danger:checked + label:after {
  background-color: #f40358;
  border-color: #f40358;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #f40358;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #f40358;
  border: 2px solid #f40358;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].radio-col-warning:checked + label:after {
  background-color: #ebdd00;
  border-color: #ebdd00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #ebdd00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #ebdd00;
  border: 2px solid #ebdd00;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-deepocean [type=checkbox]:checked + label:before {
  border-right: 2px solid #4558bf;
  border-bottom: 2px solid #4558bf; }
.theme-deepocean [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #4558bf;
  background-color: #4558bf; }
.theme-deepocean [type=radio].with-gap:checked + label:before, .theme-deepocean [type=radio].with-gap:checked + label:after {
  border: 2px solid #4558bf; }
.theme-deepocean [type=radio].with-gap:checked + label:after {
  background-color: #4558bf;
  z-index: 0; }
.theme-deepocean [type=radio]:checked + label:after {
  border: 2px solid #4558bf;
  background-color: #4558bf;
  z-index: 0; }
.theme-deepocean [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #4558bf;
  background-color: #4558bf; }

/*---Calender---*/
.theme-deepocean .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #4558bf; }
.theme-deepocean .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #4558bf;
  border-color: #4558bf; }
.theme-deepocean .fc-event, .theme-deepocean .calendar-event {
  background: #4558bf; }

/*---Tabs---*/
.theme-deepocean .tabs-vertical li .nav-link:hover, .theme-deepocean .tabs-vertical li .nav-link:active, .theme-deepocean .tabs-vertical li .nav-link:focus, .theme-deepocean .tabs-vertical li .nav-link.active {
  background-color: #4558bf;
  color: #ffffff; }
.theme-deepocean .customvtab .tabs-vertical li .nav-link:hover, .theme-deepocean .customvtab .tabs-vertical li .nav-link:active, .theme-deepocean .customvtab .tabs-vertical li .nav-link:focus, .theme-deepocean .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #4558bf;
  color: #4558bf; }
.theme-deepocean .customtab2 li a.nav-link:hover, .theme-deepocean .customtab2 li a.nav-link:active, .theme-deepocean .customtab2 li a.nav-link.active {
  background-color: #4558bf; }

.rtl.theme-deepocean .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-deepocean .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-deepocean .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-deepocean .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #4558bf; }

/*---Notification---*/
.theme-deepocean .jq-icon-primary {
  background-color: #4558bf;
  color: #ffffff;
  border-color: #4558bf; }
.theme-deepocean .jq-icon-info {
  background-color: #03a9f4;
  color: #ffffff;
  border-color: #03a9f4; }
.theme-deepocean .jq-icon-success {
  background-color: #0aca91;
  color: #ffffff;
  border-color: #4558bf; }
.theme-deepocean .jq-icon-error {
  background-color: #f40358;
  color: #ffffff;
  border-color: #f40358; }
.theme-deepocean .jq-icon-danger {
  background-color: #f40358;
  color: #ffffff;
  border-color: #f40358; }
.theme-deepocean .jq-icon-warning {
  background-color: #ebdd00;
  color: #ffffff;
  border-color: #ebdd00; }

/*---avatar---*/
.theme-deepocean .avatar.status-primary::after {
  background-color: #4558bf; }
.theme-deepocean .avatar.status-info::after {
  background-color: #03a9f4; }
.theme-deepocean .avatar.status-success::after {
  background-color: #0aca91; }
.theme-deepocean .avatar.status-danger::after {
  background-color: #f40358; }
.theme-deepocean .avatar.status-warning::after {
  background-color: #ebdd00; }
.theme-deepocean .avatar[class*='status-']::after {
  background-color: #4558bf; }
.theme-deepocean .avatar-add:hover {
  background-color: #36459b;
  border-color: #36459b; }

/*---media---*/
.theme-deepocean .media-chat.media-chat-reverse .media-body p {
  background-color: #4558bf; }
.theme-deepocean .media-right-out a:hover {
  color: #36459b; }

/*---control---*/
.theme-deepocean .control input:checked:focus ~ .control_indicator {
  background-color: #4558bf; }
.theme-deepocean .control input:checked ~ .control_indicator {
  background-color: #4558bf; }
.theme-deepocean .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #4558bf; }

/*---flex---*/
.theme-deepocean .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #4558bf; }
  .theme-deepocean .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #4558bf; }

/*---pagination---*/
.theme-deepocean .pagination li a.current {
  border: 1px solid #4558bf;
  background-color: #4558bf; }
  .theme-deepocean .pagination li a.current:hover {
    border: 1px solid #4558bf;
    background-color: #4558bf; }
.theme-deepocean .pagination li a:hover {
  border: 1px solid #36459b;
  background-color: #36459b !important; }
.theme-deepocean .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #4558bf;
  background-color: #4558bf; }
  .theme-deepocean .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #4558bf;
    background-color: #4558bf; }
.theme-deepocean .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #4558bf; }
.theme-deepocean .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #4558bf; }
.theme-deepocean .footable .pagination li a:hover, .theme-deepocean .footable .pagination li a:active, .theme-deepocean .footable .pagination li a.active {
  background-color: #4558bf; }

/*---dataTables---*/
.theme-deepocean .dt-buttons .dt-button {
  background-color: #4558bf; }

/*---select2---*/
.theme-deepocean .select2-container--default.select2-container--open {
  border-color: #4558bf; }
.theme-deepocean .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4558bf; }
.theme-deepocean .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #4558bf !important; }
.theme-deepocean .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #4558bf !important; }
.theme-deepocean .select2-container--default .select2-selection--multiple:focus {
  border-color: #4558bf !important; }
.theme-deepocean .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #4558bf;
  border-color: #4558bf; }

/*---Other---*/
.theme-deepocean .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #36459b; }
.theme-deepocean .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #36459b; }
.theme-deepocean .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #36459b; }
.theme-deepocean [data-overlay-primary]::before {
  background: #36459b; }

/*---wizard---*/
.theme-deepocean .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #4558bf;
  background-color: #4558bf; }
.theme-deepocean .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #36459b;
  background-color: #36459b; }
.theme-deepocean .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #4558bf; }
.theme-deepocean .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #4558bf; }
.theme-deepocean .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #4558bf; }
.theme-deepocean .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #4558bf; }
.theme-deepocean .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #4558bf; }
.theme-deepocean .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #4558bf;
  color: #4558bf; }
  .theme-deepocean .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #4558bf; }
.theme-deepocean .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #4558bf; }

@media (max-width: 767px) {
  .theme-deepocean .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #4558bf; } }
@media (max-width: 575px) {
  .theme-deepocean .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #4558bf; } }
/*---slider---*/
.theme-deepocean #primary .slider-selection {
  background-color: #4558bf; }
.theme-deepocean #info .slider-selection {
  background-color: #03a9f4; }
.theme-deepocean #success .slider-selection {
  background-color: #0aca91; }
.theme-deepocean #danger .slider-selection {
  background-color: #f40358; }
.theme-deepocean #warning .slider-selection {
  background-color: #ebdd00; }

/*---horizontal-timeline---*/
.theme-deepocean .cd-horizontal-timeline .events a.selected::after {
  background: #4558bf;
  border-color: #4558bf; }
.theme-deepocean .cd-horizontal-timeline .events a.older-event::after {
  border-color: #4558bf; }
.theme-deepocean .cd-horizontal-timeline .filling-line {
  background: #4558bf; }
.theme-deepocean .cd-horizontal-timeline a {
  color: #4558bf; }
  .theme-deepocean .cd-horizontal-timeline a:hover, .theme-deepocean .cd-horizontal-timeline a:focus {
    color: #4558bf; }
.theme-deepocean .cd-timeline-navigation a:hover, .theme-deepocean .cd-timeline-navigation a:focus {
  border-color: #4558bf; }

/**************************************
Theme school Color
**************************************/
.bg-gradient-school, .theme-school .bg-gradient-school, .theme-school .art-bg {
  background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%); }

.bg-light-body {
  background: transparent; }

.theme-school.fixed .main-header {
 }
  .theme-school.fixed .main-header .navbar {
    background: transparent; }
.theme-school .main-header {
  background: #ffffff; }

.theme-school.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-school-dark, .dark-skin.theme-school .bg-gradient-school, .dark-skin.theme-school .art-bg {
  background-image: linear-gradient(-45deg, #945402 0%, #945402 33%, #252f69 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-school.fixed .main-header {
   }
  .dark-skin.theme-school.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-school .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-school.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-school.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-school.fixed .main-header {
    background-image: #0c1a32; } }
.theme-school a:hover, .theme-school a:active, .theme-school a:focus {
  color: #f88d04; }
.theme-school .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-school .main-sidebar .svg-icon:hover, .theme-school .main-sidebar .svg-icon:active, .theme-school .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-school .main-sidebar a:hover .svg-icon, .theme-school .main-sidebar a:active .svg-icon, .theme-school .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-school .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-school .svg-icon:hover, .theme-school .svg-icon:active, .theme-school .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-school a:hover .svg-icon, .theme-school a:active .svg-icon, .theme-school a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-school.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #f88d04 !important; }
  .theme-school.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #f88d04; }
  .theme-school.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #f88d04;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-school.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-school.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-school.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #f88d04 !important; }
.theme-school.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-school.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-school.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-school.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-school.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-school.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #f88d04 !important; }
.theme-school.light-skin .sidebar-menu &gt; li:hover, .theme-school.light-skin .sidebar-menu &gt; li:active, .theme-school.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(248, 141, 4, 0);
  color: #f88d04;
  border-left: 0px solid rgba(248, 141, 4, 0); }
  .theme-school.light-skin .sidebar-menu &gt; li:hover a, .theme-school.light-skin .sidebar-menu &gt; li:active a, .theme-school.light-skin .sidebar-menu &gt; li.active a {
    color: #f88d04; }
    .theme-school.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-school.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-school.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(248, 141, 4, 0); }
    .theme-school.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-school.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-school.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #f88d04;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-school.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-school.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-school.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-school.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(248, 141, 4, 0);
  color: #f88d04;
  border-left: 0px solid #f88d04; }
  .theme-school.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%); }
    .theme-school.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #f88d04;
      background-color: rgba(248, 141, 4, 0); }
    .theme-school.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-school.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(248, 141, 4, 0);
    color: #f88d04; }
    .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%); }
      .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(248, 141, 4, 0); }
  .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(248, 141, 4, 0); }
  .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(248, 141, 4, 0);
    color: #f88d04; }
    .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #f88d04; }
      .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #f88d04;
        background-color: rgba(248, 141, 4, 0); }
  .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(248, 141, 4, 0);
    color: #f88d04; }
    .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #f88d04; }
      .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #f88d04;
        background-color: rgba(248, 141, 4, 0); }
  .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-school.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(248, 141, 4, 0); }
.theme-school.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #f88d04;
  border-right: 0px solid #f88d04; }
.theme-school.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(248, 141, 4, 0);
  color: white;
  border-left: 0px solid #f88d04; }
  .theme-school.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%); }
    .theme-school.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-school.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-school.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-school.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(248, 141, 4, 0);
    color: #f88d04; }
    .theme-school.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%); }
      .theme-school.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(248, 141, 4, 0); }
  .theme-school.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(248, 141, 4, 0);
    color: white; }
    .theme-school.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-school.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #f88d04;
  border-right: 0px solid #f88d04; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(248, 141, 4, 0.2);
    color: #f88d04; } }
/*---Main Nav---*/
.theme-school .sm-blue li.current &gt; a, .theme-school .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%);
  color: #ffffff !important; }
  .theme-school .sm-blue li.current &gt; a:hover, .theme-school .sm-blue li.current &gt; a:active, .theme-school .sm-blue li.current &gt; a:focus, .theme-school .sm-blue li.highlighted &gt; a:hover, .theme-school .sm-blue li.highlighted &gt; a:active, .theme-school .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%);
    color: #ffffff !important; }
.theme-school .sm-blue a.current, .theme-school .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%);
  color: #ffffff !important; }
.theme-school .sm-blue a:hover, .theme-school .sm-blue a:active, .theme-school .sm-blue a:focus {
  background: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%);
  color: #ffffff !important; }
.theme-school .sm-blue ul a:hover, .theme-school .sm-blue ul a:active, .theme-school .sm-blue ul a:focus {
  background: #ebedf3;
  color: #f88d04 !important; }
.theme-school .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #f88d04 !important; }

.dark-skin.theme-school .sm-blue li.current &gt; a, .dark-skin.theme-school .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #945402 0%, #945402 33%, #252f69 100%);
  color: #ffffff !important; }
  .dark-skin.theme-school .sm-blue li.current &gt; a:hover, .dark-skin.theme-school .sm-blue li.current &gt; a:active, .dark-skin.theme-school .sm-blue li.current &gt; a:focus, .dark-skin.theme-school .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-school .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-school .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #945402 0%, #945402 33%, #252f69 100%);
    color: #ffffff !important; }
.dark-skin.theme-school .sm-blue a.current, .dark-skin.theme-school .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #945402 0%, #945402 33%, #252f69 100%);
  color: #ffffff !important; }
.dark-skin.theme-school .sm-blue a:hover, .dark-skin.theme-school .sm-blue a:active, .dark-skin.theme-school .sm-blue a:focus {
  background: linear-gradient(-45deg, #945402 0%, #945402 33%, #252f69 100%);
  color: #ffffff !important; }
.dark-skin.theme-school .sm-blue ul a:hover, .dark-skin.theme-school .sm-blue ul a:active, .dark-skin.theme-school .sm-blue ul a:focus {
  background: #29354b;
  color: #f88d04 !important; }
.dark-skin.theme-school .sm-blue ul a.highlighted {
  background: #29354b;
  color: #f88d04 !important; }

/*---Primary Button---*/
.theme-school .btn-link {
  color: #f88d04; }
.theme-school .btn-primary {
  background-color: #f88d04;
  border-color: #f88d04;
  color: #ffffff; }
  .theme-school .btn-primary:hover, .theme-school .btn-primary:active, .theme-school .btn-primary:focus, .theme-school .btn-primary.active {
    background-color: #c67003 !important;
    border-color: #c67003 !important;
    color: #ffffff !important; }
  .theme-school .btn-primary:disabled {
    background-color: #fdba65;
    border-color: #f88d04;
    opacity: 0.5; }
  .theme-school .btn-primary.disabled {
    background-color: #fdba65;
    border-color: #f88d04;
    opacity: 0.5; }
.theme-school .show &gt; .btn-primary.dropdown-toggle {
  background-color: #c67003 !important;
  border-color: #c67003 !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-primary {
  color: #f88d04;
  background-color: transparent;
  border-color: #f88d04 !important; }
  .theme-school .btn-outline.btn-primary:hover, .theme-school .btn-outline.btn-primary:active, .theme-school .btn-outline.btn-primary.active {
    background-color: #c67003 !important;
    border-color: #c67003 !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #c67003 !important;
  border-color: #c67003 !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-primary {
  color: #f88d04 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-primary:hover, .theme-school .btn-flat.btn-primary:active, .theme-school .btn-flat.btn-primary.active {
    background-color: #c67003 !important;
    border-color: #c67003 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-school .btn-info {
  background-color: #3f51b5;
  border-color: #3f51b5;
  color: #ffffff; }
  .theme-school .btn-info:hover, .theme-school .btn-info:active, .theme-school .btn-info:focus, .theme-school .btn-info.active {
    background-color: #32408f !important;
    border-color: #32408f !important;
    color: #ffffff !important; }
  .theme-school .btn-info:disabled {
    background-color: #8591d5;
    border-color: #3f51b5;
    opacity: 0.5; }
  .theme-school .btn-info.disabled {
    background-color: #8591d5;
    border-color: #3f51b5;
    opacity: 0.5; }
.theme-school .show &gt; .btn-info.dropdown-toggle {
  background-color: #32408f !important;
  border-color: #32408f !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-info {
  color: #3f51b5;
  background-color: transparent;
  border-color: #3f51b5 !important; }
  .theme-school .btn-outline.btn-info:hover, .theme-school .btn-outline.btn-info:active, .theme-school .btn-outline.btn-info.active {
    background-color: #32408f !important;
    border-color: #32408f !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #32408f !important;
  border-color: #32408f !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-info {
  color: #3f51b5 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-info:hover, .theme-school .btn-flat.btn-info:active, .theme-school .btn-flat.btn-info.active {
    background-color: #32408f !important;
    border-color: #32408f !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-school .btn-success {
  background-color: #0fd33d;
  border-color: #0fd33d;
  color: #ffffff; }
  .theme-school .btn-success:hover, .theme-school .btn-success:active, .theme-school .btn-success:focus, .theme-school .btn-success.active {
    background-color: #0ca32f !important;
    border-color: #0ca32f !important;
    color: #ffffff !important; }
  .theme-school .btn-success:disabled {
    background-color: #55f37a;
    border-color: #0fd33d;
    opacity: 0.5; }
  .theme-school .btn-success.disabled {
    background-color: #55f37a;
    border-color: #0fd33d;
    opacity: 0.5; }
.theme-school .show &gt; .btn-success.dropdown-toggle {
  background-color: #0ca32f !important;
  border-color: #0ca32f !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-success {
  color: #0fd33d;
  background-color: transparent;
  border-color: #0fd33d !important; }
  .theme-school .btn-outline.btn-success:hover, .theme-school .btn-outline.btn-success:active, .theme-school .btn-outline.btn-success.active {
    background-color: #0ca32f !important;
    border-color: #0ca32f !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #0ca32f !important;
  border-color: #0ca32f !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-success {
  color: #0fd33d !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-success:hover, .theme-school .btn-flat.btn-success:active, .theme-school .btn-flat.btn-success.active {
    background-color: #0ca32f !important;
    border-color: #0ca32f !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-school .btn-danger {
  background-color: #ff0837;
  border-color: #ff0837;
  color: #ffffff; }
  .theme-school .btn-danger:hover, .theme-school .btn-danger:active, .theme-school .btn-danger:focus, .theme-school .btn-danger.active {
    background-color: #d40028 !important;
    border-color: #d40028 !important;
    color: #ffffff !important; }
  .theme-school .btn-danger:disabled {
    background-color: #ff6e8a;
    border-color: #ff0837;
    opacity: 0.5; }
  .theme-school .btn-danger.disabled {
    background-color: #ff6e8a;
    border-color: #ff0837;
    opacity: 0.5; }
.theme-school .show &gt; .btn-danger.dropdown-toggle {
  background-color: #d40028 !important;
  border-color: #d40028 !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-danger {
  color: #ff0837;
  background-color: transparent;
  border-color: #ff0837 !important; }
  .theme-school .btn-outline.btn-danger:hover, .theme-school .btn-outline.btn-danger:active, .theme-school .btn-outline.btn-danger.active {
    background-color: #d40028 !important;
    border-color: #d40028 !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #d40028 !important;
  border-color: #d40028 !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-danger {
  color: #ff0837 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-danger:hover, .theme-school .btn-flat.btn-danger:active, .theme-school .btn-flat.btn-danger.active {
    background-color: #d40028 !important;
    border-color: #d40028 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-school .btn-warning {
  background-color: #ffd800;
  border-color: #ffd800;
  color: #ffffff; }
  .theme-school .btn-warning:hover, .theme-school .btn-warning:active, .theme-school .btn-warning:focus, .theme-school .btn-warning.active {
    background-color: #ccad00 !important;
    border-color: #ccad00 !important;
    color: #ffffff !important; }
  .theme-school .btn-warning:disabled {
    background-color: #ffe866;
    border-color: #ffd800;
    opacity: 0.5; }
  .theme-school .btn-warning.disabled {
    background-color: #ffe866;
    border-color: #ffd800;
    opacity: 0.5; }
.theme-school .show &gt; .btn-warning.dropdown-toggle {
  background-color: #ccad00 !important;
  border-color: #ccad00 !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-warning {
  color: #ffd800;
  background-color: transparent;
  border-color: #ffd800 !important; }
  .theme-school .btn-outline.btn-warning:hover, .theme-school .btn-outline.btn-warning:active, .theme-school .btn-outline.btn-warning.active {
    background-color: #ccad00 !important;
    border-color: #ccad00 !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #ccad00 !important;
  border-color: #ccad00 !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-warning {
  color: #ffd800 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-warning:hover, .theme-school .btn-flat.btn-warning:active, .theme-school .btn-flat.btn-warning.active {
    background-color: #ccad00 !important;
    border-color: #ccad00 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-school .btn-primary-light {
  background-color: #ffe9cd;
  border-color: #ffe9cd;
  color: #f88d04; }
  .theme-school .btn-primary-light:hover, .theme-school .btn-primary-light:active, .theme-school .btn-primary-light:focus, .theme-school .btn-primary-light.active {
    background-color: #f88d04 !important;
    border-color: #f88d04 !important;
    color: #ffffff !important; }
  .theme-school .btn-primary-light:disabled {
    background-color: white;
    border-color: #ffe9cd;
    opacity: 0.5; }
  .theme-school .btn-primary-light.disabled {
    background-color: white;
    border-color: #ffe9cd;
    opacity: 0.5; }
.theme-school .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #f88d04 !important;
  border-color: #f88d04 !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-primary-light {
  color: #f88d04;
  background-color: transparent;
  border-color: #ffe9cd !important; }
  .theme-school .btn-outline.btn-primary-light:hover, .theme-school .btn-outline.btn-primary-light:active, .theme-school .btn-outline.btn-primary-light.active {
    background-color: #f88d04 !important;
    border-color: #f88d04 !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #f88d04 !important;
  border-color: #f88d04 !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-primary-light {
  color: #f88d04 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-primary-light:hover, .theme-school .btn-flat.btn-primary-light:active, .theme-school .btn-flat.btn-primary-light.active {
    background-color: #f88d04 !important;
    border-color: #f88d04 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-school .btn-info-light {
  background-color: #e3e7ff;
  border-color: #e3e7ff;
  color: #3f51b5; }
  .theme-school .btn-info-light:hover, .theme-school .btn-info-light:active, .theme-school .btn-info-light:focus, .theme-school .btn-info-light.active {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    color: #ffffff !important; }
  .theme-school .btn-info-light:disabled {
    background-color: white;
    border-color: #e3e7ff;
    opacity: 0.5; }
  .theme-school .btn-info-light.disabled {
    background-color: white;
    border-color: #e3e7ff;
    opacity: 0.5; }
.theme-school .show &gt; .btn-info.dropdown-toggle {
  background-color: #3f51b5 !important;
  border-color: #3f51b5 !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-info-light {
  color: #3f51b5;
  background-color: transparent;
  border-color: #e3e7ff !important; }
  .theme-school .btn-outline.btn-info-light:hover, .theme-school .btn-outline.btn-info-light:active, .theme-school .btn-outline.btn-info-light.active {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #3f51b5 !important;
  border-color: #3f51b5 !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-info-light {
  color: #3f51b5 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-info-light:hover, .theme-school .btn-flat.btn-info-light:active, .theme-school .btn-flat.btn-info-light.active {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-school .btn-success-light {
  background-color: #c8ffd5;
  border-color: #c8ffd5;
  color: #0fd33d; }
  .theme-school .btn-success-light:hover, .theme-school .btn-success-light:active, .theme-school .btn-success-light:focus, .theme-school .btn-success-light.active {
    background-color: #0fd33d !important;
    border-color: #0fd33d !important;
    color: #ffffff !important; }
  .theme-school .btn-success-light:disabled {
    background-color: white;
    border-color: #c8ffd5;
    opacity: 0.5; }
  .theme-school .btn-success-light.disabled {
    background-color: white;
    border-color: #c8ffd5;
    opacity: 0.5; }
.theme-school .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #0fd33d !important;
  border-color: #0fd33d !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-success-light {
  color: #0fd33d;
  background-color: transparent;
  border-color: #c8ffd5 !important; }
  .theme-school .btn-outline.btn-success-light:hover, .theme-school .btn-outline.btn-success-light:active, .theme-school .btn-outline.btn-success-light.active {
    background-color: #0fd33d !important;
    border-color: #0fd33d !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #0fd33d !important;
  border-color: #0fd33d !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-success-light {
  color: #0fd33d !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-success-light:hover, .theme-school .btn-flat.btn-success-light:active, .theme-school .btn-flat.btn-success-light.active {
    background-color: #0fd33d !important;
    border-color: #0fd33d !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-school .btn-danger-light {
  background-color: #fff1f4;
  border-color: #fff1f4;
  color: #ff0837; }
  .theme-school .btn-danger-light:hover, .theme-school .btn-danger-light:active, .theme-school .btn-danger-light:focus, .theme-school .btn-danger-light.active {
    background-color: #ff0837 !important;
    border-color: #ff0837 !important;
    color: #ffffff !important; }
  .theme-school .btn-danger-light:disabled {
    background-color: white;
    border-color: #fff1f4;
    opacity: 0.5; }
  .theme-school .btn-danger-light.disabled {
    background-color: white;
    border-color: #fff1f4;
    opacity: 0.5; }
.theme-school .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #ff0837 !important;
  border-color: #ff0837 !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-danger-light {
  color: #ff0837;
  background-color: transparent;
  border-color: #fff1f4 !important; }
  .theme-school .btn-outline.btn-danger-light:hover, .theme-school .btn-outline.btn-danger-light:active, .theme-school .btn-outline.btn-danger-light.active {
    background-color: #ff0837 !important;
    border-color: #ff0837 !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #ff0837 !important;
  border-color: #ff0837 !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-danger-light {
  color: #ff0837 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-danger-light:hover, .theme-school .btn-flat.btn-danger-light:active, .theme-school .btn-flat.btn-danger-light.active {
    background-color: #ff0837 !important;
    border-color: #ff0837 !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-school .btn-warning-light {
  background-color: #fff7cc;
  border-color: #fff7cc;
  color: #ffd800; }
  .theme-school .btn-warning-light:hover, .theme-school .btn-warning-light:active, .theme-school .btn-warning-light:focus, .theme-school .btn-warning-light.active {
    background-color: #ffd800 !important;
    border-color: #ffd800 !important;
    color: #ffffff !important; }
  .theme-school .btn-warning-light:disabled {
    background-color: white;
    border-color: #fff7cc;
    opacity: 0.5; }
  .theme-school .btn-warning-light.disabled {
    background-color: white;
    border-color: #fff7cc;
    opacity: 0.5; }
.theme-school .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #ffd800 !important;
  border-color: #ffd800 !important;
  color: #ffffff; }
.theme-school .btn-outline.btn-warning-light {
  color: #ffd800;
  background-color: transparent;
  border-color: #fff7cc !important; }
  .theme-school .btn-outline.btn-warning-light:hover, .theme-school .btn-outline.btn-warning-light:active, .theme-school .btn-outline.btn-warning-light.active {
    background-color: #ffd800 !important;
    border-color: #ffd800 !important;
    color: #ffffff !important; }
.theme-school .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #ffd800 !important;
  border-color: #ffd800 !important;
  color: #ffffff; }
.theme-school .btn-flat.btn-warning-light {
  color: #ffd800 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-school .btn-flat.btn-warning-light:hover, .theme-school .btn-flat.btn-warning-light:active, .theme-school .btn-flat.btn-warning-light.active {
    background-color: #ffd800 !important;
    border-color: #ffd800 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-school .callout.callout-primary {
  border-color: #f88d04;
  background-color: #f88d04 !important; }
.theme-school .callout.callout-info {
  border-color: #3f51b5;
  background-color: #3f51b5 !important; }
.theme-school .callout.callout-success {
  border-color: #0fd33d;
  background-color: #0fd33d !important; }
.theme-school .callout.callout-danger {
  border-color: #ff0837;
  background-color: #ff0837 !important; }
.theme-school .callout.callout-warning {
  border-color: #ffd800;
  background-color: #ffd800 !important; }

/*---alert---*/
.theme-school .alert-primary {
  border-color: #f88d04;
  background-color: #f88d04 !important;
  color: #ffffff; }
.theme-school .alert-info {
  border-color: #3f51b5;
  background-color: #3f51b5 !important;
  color: #ffffff; }
.theme-school .alert-success {
  border-color: #0fd33d;
  background-color: #0fd33d !important;
  color: #ffffff; }
.theme-school .alert-danger {
  border-color: #ff0837;
  background-color: #ff0837 !important;
  color: #ffffff; }
.theme-school .alert-error {
  border-color: #ff0837;
  background-color: #ff0837 !important;
  color: #ffffff; }
.theme-school .alert-warning {
  border-color: #ffd800;
  background-color: #ffd800 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-school .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #f88d04;
  color: #ffffff; }
.theme-school .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-school .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #f88d04; }
.theme-school .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #3f51b5;
  color: #ffffff; }
.theme-school .direct-chat-info .right &gt; .direct-chat-text:before, .theme-school .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #3f51b5; }
.theme-school .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #0fd33d;
  color: #ffffff; }
.theme-school .direct-chat-success .right &gt; .direct-chat-text:before, .theme-school .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #0fd33d; }
.theme-school .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #ff0837;
  color: #ffffff; }
.theme-school .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-school .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #ff0837; }
.theme-school .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #ffd800;
  color: #ffffff; }
.theme-school .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-school .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #ffd800; }
.theme-school .right .direct-chat-text p {
  background-color: #f88d04; }

/*---modal---*/
.theme-school .modal-primary .modal-footer, .theme-school .modal-primary .modal-header {
  border-color: #f88d04; }
.theme-school .modal-primary .modal-body {
  background-color: #f88d04 !important; }
.theme-school .modal-info .modal-footer, .theme-school .modal-info .modal-header {
  border-color: #3f51b5; }
.theme-school .modal-info .modal-body {
  background-color: #3f51b5 !important; }
.theme-school .modal-success .modal-footer, .theme-school .modal-success .modal-header {
  border-color: #0fd33d; }
.theme-school .modal-success .modal-body {
  background-color: #0fd33d !important; }
.theme-school .modal-danger .modal-footer, .theme-school .modal-danger .modal-header {
  border-color: #ff0837; }
.theme-school .modal-danger .modal-body {
  background-color: #ff0837 !important; }
.theme-school .modal-warning .modal-footer, .theme-school .modal-warning .modal-header {
  border-color: #ffd800; }
.theme-school .modal-warning .modal-body {
  background-color: #ffd800 !important; }

/*---border---*/
.theme-school .border-primary {
  border-color: #f88d04 !important; }
.theme-school .border-info {
  border-color: #3f51b5 !important; }
.theme-school .border-success {
  border-color: #0fd33d !important; }
.theme-school .border-danger {
  border-color: #ff0837 !important; }
.theme-school .border-warning {
  border-color: #ffd800 !important; }

/*---Background---*/
.theme-school .bg-primary {
  background-color: #f88d04 !important;
  color: #ffffff; }
.theme-school .bg-primary-light {
  background-color: #ffe9cd !important;
  color: #f88d04; }
.theme-school .bg-info {
  background-color: #3f51b5 !important;
  color: #ffffff; }
.theme-school .bg-info-light {
  background-color: #e3e7ff !important;
  color: #3f51b5; }
.theme-school .bg-success {
  background-color: #0fd33d !important;
  color: #ffffff; }
.theme-school .bg-success-light {
  background-color: #c8ffd5 !important;
  color: #0fd33d; }
.theme-school .bg-danger {
  background-color: #ff0837 !important;
  color: #ffffff; }
.theme-school .bg-danger-light {
  background-color: #fff1f4 !important;
  color: #ff0837; }
.theme-school .bg-warning {
  background-color: #ffd800 !important;
  color: #ffffff; }
.theme-school .bg-warning-light {
  background-color: #fff7cc !important;
  color: #ffd800; }

/*---text---*/
.theme-school .text-primary {
  color: #f88d04 !important; }
.theme-school a.text-primary:hover, .theme-school a.text-primary:focus {
  color: #f88d04 !important; }
.theme-school .hover-primary:hover, .theme-school .hover-primary:focus {
  color: #f88d04 !important; }
.theme-school .text-info {
  color: #3f51b5 !important; }
.theme-school a.text-info:hover, .theme-school a.text-info:focus {
  color: #3f51b5 !important; }
.theme-school .hover-info:hover, .theme-school .hover-info:focus {
  color: #3f51b5 !important; }
.theme-school .text-success {
  color: #0fd33d !important; }
.theme-school a.text-success:hover, .theme-school a.text-success:focus {
  color: #0fd33d !important; }
.theme-school .hover-success:hover, .theme-school .hover-success:focus {
  color: #0fd33d !important; }
.theme-school .text-danger {
  color: #ff0837 !important; }
.theme-school a.text-danger:hover, .theme-school a.text-danger:focus {
  color: #ff0837 !important; }
.theme-school .hover-danger:hover, .theme-school .hover-danger:focus {
  color: #ff0837 !important; }
.theme-school .text-warning {
  color: #ffd800 !important; }
.theme-school a.text-warning:hover, .theme-school a.text-warning:focus {
  color: #ffd800 !important; }
.theme-school .hover-warning:hover, .theme-school .hover-warning:focus {
  color: #ffd800 !important; }

/*---active background---*/
.theme-school .active.active-primary {
  background-color: #c67003 !important; }
.theme-school .active.active-info {
  background-color: #32408f !important; }
.theme-school .active.active-success {
  background-color: #0ca32f !important; }
.theme-school .active.active-danger {
  background-color: #d40028 !important; }
.theme-school .active.active-warning {
  background-color: #ccad00 !important; }

/*---label background---*/
.theme-school .label-primary {
  background-color: #f88d04 !important; }
.theme-school .label-info {
  background-color: #3f51b5 !important; }
.theme-school .label-success {
  background-color: #0fd33d !important; }
.theme-school .label-danger {
  background-color: #ff0837 !important; }
.theme-school .label-warning {
  background-color: #ffd800 !important; }

/*---ribbon---*/
.theme-school .ribbon-box .ribbon-primary {
  background-color: #f88d04; }
  .theme-school .ribbon-box .ribbon-primary:before {
    border-color: #f88d04 transparent transparent; }
.theme-school .ribbon-box .ribbon-two-primary span {
  background-color: #f88d04; }
  .theme-school .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #c67003;
    border-top: 3px solid #c67003; }
  .theme-school .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #c67003;
    border-top: 3px solid #c67003; }
.theme-school .ribbon-box .ribbon-info {
  background-color: #3f51b5; }
  .theme-school .ribbon-box .ribbon-info:before {
    border-color: #3f51b5 transparent transparent; }
.theme-school .ribbon-box .ribbon-two-info span {
  background-color: #3f51b5; }
  .theme-school .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #32408f;
    border-top: 3px solid #32408f; }
  .theme-school .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #32408f;
    border-top: 3px solid #32408f; }
.theme-school .ribbon-box .ribbon-success {
  background-color: #0fd33d; }
  .theme-school .ribbon-box .ribbon-success:before {
    border-color: #0fd33d transparent transparent; }
.theme-school .ribbon-box .ribbon-two-success span {
  background-color: #0fd33d; }
  .theme-school .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #0ca32f;
    border-top: 3px solid #0ca32f; }
  .theme-school .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #0ca32f;
    border-top: 3px solid #0ca32f; }
.theme-school .ribbon-box .ribbon-danger {
  background-color: #ff0837; }
  .theme-school .ribbon-box .ribbon-danger:before {
    border-color: #ff0837 transparent transparent; }
.theme-school .ribbon-box .ribbon-two-danger span {
  background-color: #ff0837; }
  .theme-school .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #d40028;
    border-top: 3px solid #d40028; }
  .theme-school .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #d40028;
    border-top: 3px solid #d40028; }
.theme-school .ribbon-box .ribbon-warning {
  background-color: #ffd800; }
  .theme-school .ribbon-box .ribbon-warning:before {
    border-color: #ffd800 transparent transparent; }
.theme-school .ribbon-box .ribbon-two-warning span {
  background-color: #ffd800; }
  .theme-school .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #ccad00;
    border-top: 3px solid #ccad00; }
  .theme-school .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #ccad00;
    border-top: 3px solid #ccad00; }

/*---Box---*/
.theme-school .box-primary {
  background-color: #f88d04 !important; }
  .theme-school .box-primary.box-bordered {
    border-color: #f88d04; }
.theme-school .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #f88d04; }
.theme-school .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #f88d04; }
  .theme-school .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-school .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-school .box-info {
  background-color: #3f51b5 !important; }
  .theme-school .box-info.box-bordered {
    border-color: #3f51b5; }
.theme-school .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #3f51b5; }
.theme-school .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #3f51b5; }
  .theme-school .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-school .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-school .box-success {
  background-color: #0fd33d !important; }
  .theme-school .box-success.box-bordered {
    border-color: #0fd33d; }
.theme-school .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #0fd33d; }
.theme-school .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #0fd33d; }
  .theme-school .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-school .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-school .box-danger {
  background-color: #ff0837 !important; }
  .theme-school .box-danger.box-bordered {
    border-color: #ff0837; }
.theme-school .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #ff0837; }
.theme-school .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #ff0837; }
  .theme-school .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-school .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-school .box-warning {
  background-color: #ffd800 !important; }
  .theme-school .box-warning.box-bordered {
    border-color: #ffd800; }
.theme-school .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #ffd800; }
.theme-school .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #ffd800; }
  .theme-school .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-school .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-school .box-profile .social-states a:hover {
  color: #c67003; }
.theme-school .box-controls li &gt; a:hover {
  color: #c67003; }
.theme-school .box-controls .dropdown.show &gt; a {
  color: #c67003; }
.theme-school .box-fullscreen .box-btn-fullscreen {
  color: #c67003; }

/*---progress bar---*/
.theme-school .progress-bar-primary {
  background-color: #f88d04; }
.theme-school .progress-bar-info {
  background-color: #3f51b5; }
.theme-school .progress-bar-success {
  background-color: #0fd33d; }
.theme-school .progress-bar-danger {
  background-color: #ff0837; }
.theme-school .progress-bar-warning {
  background-color: #ffd800; }

/*---panel---*/
.theme-school .panel-primary {
  border-color: #f88d04; }
  .theme-school .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #f88d04;
    border-color: #f88d04; }
    .theme-school .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #f88d04; }
    .theme-school .panel-primary &gt; .panel-heading .badge-pill {
      color: #f88d04;
      background-color: #ffffff; }
  .theme-school .panel-primary .panel-title, .theme-school .panel-primary .panel-action {
    color: #ffffff; }
  .theme-school .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #f88d04; }
.theme-school .panel-line.panel-primary .panel-heading {
  color: #f88d04;
  border-top-color: #f88d04;
  background: transparent; }
.theme-school .panel-line.panel-primary .panel-title, .theme-school .panel-line.panel-primary .panel-action {
  color: #f88d04; }
.theme-school .panel-info {
  border-color: #3f51b5; }
  .theme-school .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #3f51b5;
    border-color: #3f51b5; }
    .theme-school .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #3f51b5; }
    .theme-school .panel-info &gt; .panel-heading .badge-pill {
      color: #3f51b5;
      background-color: #ffffff; }
  .theme-school .panel-info .panel-title, .theme-school .panel-info .panel-action {
    color: #ffffff; }
  .theme-school .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #3f51b5; }
.theme-school .panel-line.panel-info .panel-heading {
  color: #3f51b5;
  border-top-color: #3f51b5;
  background: transparent; }
.theme-school .panel-line.panel-info .panel-title, .theme-school .panel-line.panel-info .panel-action {
  color: #3f51b5; }
.theme-school .panel-success {
  border-color: #0fd33d; }
  .theme-school .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #0fd33d;
    border-color: #0fd33d; }
    .theme-school .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #0fd33d; }
    .theme-school .panel-success &gt; .panel-heading .badge-pill {
      color: #0fd33d;
      background-color: #ffffff; }
  .theme-school .panel-success .panel-title, .theme-school .panel-success .panel-action {
    color: #ffffff; }
  .theme-school .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #0fd33d; }
.theme-school .panel-line.panel-success .panel-heading {
  color: #0fd33d;
  border-top-color: #0fd33d;
  background: transparent; }
.theme-school .panel-line.panel-success .panel-title, .theme-school .panel-line.panel-success .panel-action {
  color: #0fd33d; }
.theme-school .panel-danger {
  border-color: #ff0837; }
  .theme-school .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #ff0837;
    border-color: #ff0837; }
    .theme-school .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ff0837; }
    .theme-school .panel-danger &gt; .panel-heading .badge-pill {
      color: #ff0837;
      background-color: #ffffff; }
  .theme-school .panel-danger .panel-title, .theme-school .panel-danger .panel-action {
    color: #ffffff; }
  .theme-school .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ff0837; }
.theme-school .panel-line.panel-danger .panel-heading {
  color: #ff0837;
  border-top-color: #ff0837;
  background: transparent; }
.theme-school .panel-line.panel-danger .panel-title, .theme-school .panel-line.panel-danger .panel-action {
  color: #ff0837; }
.theme-school .panel-warning {
  border-color: #ffd800; }
  .theme-school .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #ffd800;
    border-color: #ffd800; }
    .theme-school .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ffd800; }
    .theme-school .panel-warning &gt; .panel-heading .badge-pill {
      color: #ffd800;
      background-color: #ffffff; }
  .theme-school .panel-warning .panel-title, .theme-school .panel-warning .panel-action {
    color: #ffffff; }
  .theme-school .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ffd800; }
.theme-school .panel-line.panel-warning .panel-heading {
  color: #ffd800;
  border-top-color: #ffd800;
  background: transparent; }
.theme-school .panel-line.panel-warning .panel-title, .theme-school .panel-line.panel-warning .panel-action {
  color: #ffd800; }

/*---switch---*/
.theme-school .switch input:checked ~ .switch-indicator::after {
  background-color: #f88d04; }
.theme-school .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #f88d04; }
.theme-school .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #3f51b5; }
.theme-school .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #0fd33d; }
.theme-school .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #ff0837; }
.theme-school .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #ffd800; }

/*---badge---*/
.theme-school .badge-primary {
  background-color: #f88d04;
  color: #ffffff; }
.theme-school .badge-primary[href]:hover, .theme-school .badge-primary[href]:focus {
  background-color: #c67003; }
.theme-school .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-school .badge-secondary[href]:hover, .theme-school .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-school .badge-info {
  background-color: #3f51b5;
  color: #ffffff; }
.theme-school .badge-info[href]:hover, .theme-school .badge-info[href]:focus {
  background-color: #32408f; }
.theme-school .badge-success {
  background-color: #0fd33d;
  color: #ffffff; }
.theme-school .badge-success[href]:hover, .theme-school .badge-success[href]:focus {
  background-color: #0ca32f; }
.theme-school .badge-danger {
  background-color: #ff0837;
  color: #ffffff; }
.theme-school .badge-danger[href]:hover, .theme-school .badge-danger[href]:focus {
  background-color: #d40028; }
.theme-school .badge-warning {
  background-color: #ffd800;
  color: #ffffff; }
.theme-school .badge-warning[href]:hover, .theme-school .badge-warning[href]:focus {
  background-color: #ccad00; }

/*---badge light---*/
.theme-school .badge-primary-light {
  background-color: #ffe9cd;
  color: #f88d04; }
.theme-school .badge-primary-light[href]:hover, .theme-school .badge-primary-light[href]:focus {
  background-color: #ffd39a; }
.theme-school .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-school .badge-secondary-light[href]:hover, .theme-school .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-school .badge-info-light {
  background-color: #e3e7ff;
  color: #3f51b5; }
.theme-school .badge-info-light[href]:hover, .theme-school .badge-info-light[href]:focus {
  background-color: #b0bbff; }
.theme-school .badge-success-light {
  background-color: #c8ffd5;
  color: #0fd33d; }
.theme-school .badge-success-light[href]:hover, .theme-school .badge-success-light[href]:focus {
  background-color: #95ffae; }
.theme-school .badge-danger-light {
  background-color: #fff1f4;
  color: #ff0837; }
.theme-school .badge-danger-light[href]:hover, .theme-school .badge-danger-light[href]:focus {
  background-color: #ffbecc; }
.theme-school .badge-warning-light {
  background-color: #fff7cc;
  color: #ffd800; }
.theme-school .badge-warning-light[href]:hover, .theme-school .badge-warning-light[href]:focus {
  background-color: #ffef99; }

/*---rating---*/
.theme-school .rating-primary .active {
  color: #f88d04; }
.theme-school .rating-primary :checked ~ label {
  color: #f88d04; }
.theme-school .rating-primary label:hover {
  color: #f88d04; }
  .theme-school .rating-primary label:hover ~ label {
    color: #f88d04; }
.theme-school .rating-info .active {
  color: #3f51b5; }
.theme-school .rating-info :checked ~ label {
  color: #3f51b5; }
.theme-school .rating-info label:hover {
  color: #3f51b5; }
  .theme-school .rating-info label:hover ~ label {
    color: #3f51b5; }
.theme-school .rating-success .active {
  color: #0fd33d; }
.theme-school .rating-success :checked ~ label {
  color: #0fd33d; }
.theme-school .rating-success label:hover {
  color: #0fd33d; }
  .theme-school .rating-success label:hover ~ label {
    color: #0fd33d; }
.theme-school .rating-danger .active {
  color: #ff0837; }
.theme-school .rating-danger :checked ~ label {
  color: #ff0837; }
.theme-school .rating-danger label:hover {
  color: #ff0837; }
  .theme-school .rating-danger label:hover ~ label {
    color: #ff0837; }
.theme-school .rating-warning .active {
  color: #ffd800; }
.theme-school .rating-warning :checked ~ label {
  color: #ffd800; }
.theme-school .rating-warning label:hover {
  color: #ffd800; }
  .theme-school .rating-warning label:hover ~ label {
    color: #ffd800; }

/*---toggler---*/
.theme-school .toggler-primary input:checked + i {
  color: #f88d04; }
.theme-school .toggler-info input:checked + i {
  color: #3f51b5; }
.theme-school .toggler-success input:checked + i {
  color: #0fd33d; }
.theme-school .toggler-danger input:checked + i {
  color: #ff0837; }
.theme-school .toggler-warning input:checked + i {
  color: #ffd800; }

/*---nav tabs---*/
.theme-school .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-school .nav-tabs.nav-tabs-primary .nav-link:active, .theme-school .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-school .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #c67003;
  background-color: transparent;
  color: #c67003; }
.theme-school .nav-tabs.nav-tabs-info .nav-link:hover, .theme-school .nav-tabs.nav-tabs-info .nav-link:active, .theme-school .nav-tabs.nav-tabs-info .nav-link:focus, .theme-school .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #32408f;
  background-color: #3f51b5;
  color: #ffffff; }
.theme-school .nav-tabs.nav-tabs-success .nav-link:hover, .theme-school .nav-tabs.nav-tabs-success .nav-link:active, .theme-school .nav-tabs.nav-tabs-success .nav-link:focus, .theme-school .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #0ca32f;
  background-color: transparent;
  color: #0ca32f; }
.theme-school .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-school .nav-tabs.nav-tabs-danger .nav-link:active, .theme-school .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-school .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #d40028;
  background-color: transparent;
  color: #d40028; }
.theme-school .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-school .nav-tabs.nav-tabs-warning .nav-link:active, .theme-school .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-school .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #ccad00;
  background-color: transparent;
  color: #ccad00; }
.theme-school .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #c67003; }
.theme-school .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #32408f; }
.theme-school .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #0ca32f; }
.theme-school .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #d40028; }
.theme-school .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #ccad00; }
.theme-school .nav-tabs .nav-link.active {
  border-bottom-color: #f88d04;
  background-color: #f88d04;
  color: #ffffff; }
  .theme-school .nav-tabs .nav-link.active:hover, .theme-school .nav-tabs .nav-link.active:focus {
    border-bottom-color: #f88d04;
    background-color: #f88d04;
    color: #ffffff; }
.theme-school .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #f88d04;
  background-color: #f88d04; }
  .theme-school .nav-tabs .nav-item.open .nav-link:hover, .theme-school .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #f88d04;
    background-color: #f88d04; }

/*---todo---*/
.theme-school .todo-list .primary {
  border-left-color: #f88d04; }
.theme-school .todo-list .info {
  border-left-color: #f88d04; }
.theme-school .todo-list .success {
  border-left-color: #0fd33d; }
.theme-school .todo-list .danger {
  border-left-color: #ff0837; }
.theme-school .todo-list .warning {
  border-left-color: #ffd800; }

/*---timeline---*/
.theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #f88d04;
  border: 1px solid #f88d04;
  color: #ffffff; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #f88d04;
    border-right-color: #f88d04; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #3f51b5;
  border: 1px solid #3f51b5;
  color: #ffffff; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #3f51b5;
    border-right-color: #3f51b5; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #0fd33d;
  border: 1px solid #0fd33d;
  color: #ffffff; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #0fd33d;
    border-right-color: #0fd33d; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #ff0837;
  border: 1px solid #ff0837;
  color: #ffffff; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #ff0837;
    border-right-color: #ff0837; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #ffd800;
  border: 1px solid #ffd800;
  color: #ffffff; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #ffd800;
    border-right-color: #ffd800; }
  .theme-school .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-school .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #f88d04;
  background-color: #ffffff; }
.theme-school .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #3f51b5;
  background-color: #ffffff; }
.theme-school .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #0fd33d;
  background-color: #ffffff; }
.theme-school .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #ff0837;
  background-color: #ffffff; }
.theme-school .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #ffd800;
  background-color: #ffffff; }
.theme-school .timeline .timeline-label .label-primary {
  background-color: #f88d04; }
.theme-school .timeline .timeline-label .label-info {
  background-color: #3f51b5; }
.theme-school .timeline .timeline-label .label-success {
  background-color: #0fd33d; }
.theme-school .timeline .timeline-label .label-danger {
  background-color: #ff0837; }
.theme-school .timeline .timeline-label .label-warning {
  background-color: #ffd800; }
.theme-school .timeline__year, .theme-school .timeline5:before, .theme-school .timeline__box:before, .theme-school .timeline__date {
  background-color: #f88d04; }
.theme-school .timeline__post {
  border-left: 3px solid #f88d04; }

/*---daterangepicker---*/
.theme-school .daterangepicker td.active {
  background-color: #f88d04; }
  .theme-school .daterangepicker td.active:hover {
    background-color: #f88d04; }
.theme-school .daterangepicker .input-mini.active {
  border: 1px solid #f88d04; }
.theme-school .ranges li:hover, .theme-school .ranges li:active, .theme-school .ranges li.active {
  border: 1px solid #f88d04;
  background-color: #f88d04; }

/*---control-sidebar---*/
.theme-school .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-school .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-school .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #f88d04;
  color: #f88d04; }
.theme-school .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #f88d04;
  color: #f88d04; }
  .theme-school .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-school .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-school .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #f88d04;
    color: #f88d04; }
.theme-school .control-sidebar .rpanel-title .btn:hover {
  color: #f88d04; }

/*---nav---*/
.theme-school .nav &gt; li &gt; a:hover, .theme-school .nav &gt; li &gt; a:active, .theme-school .nav &gt; li &gt; a:focus {
  color: #f88d04; }
.theme-school .nav-pills &gt; li &gt; a.active {
  border-top-color: #f88d04;
  background-color: #f88d04 !important;
  color: #ffffff; }
  .theme-school .nav-pills &gt; li &gt; a.active:hover, .theme-school .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #f88d04;
    background-color: #f88d04 !important;
    color: #ffffff; }
.theme-school .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-school .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #f88d04; }
.theme-school .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #f88d04; }
  .theme-school .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-school .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #f88d04; }
.theme-school .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #f88d04; }
.theme-school .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #f88d04; }
.theme-school .customtab li a.nav-link.active {
  border-bottom: 2px solid #f88d04; }

/*---form-element---*/
.theme-school .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-school .form-element .form-control {
  background-image: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-school .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #f88d04 0%, #f88d04 33%, #3f51b5 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-school .form-control:focus {
  border-color: #f88d04; }
.theme-school [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #f88d04;
  border-bottom: 2px solid #f88d04; }
.theme-school [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #3f51b5;
  border-bottom: 2px solid #3f51b5; }
.theme-school [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #0fd33d;
  border-bottom: 2px solid #0fd33d; }
.theme-school [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #ff0837;
  border-bottom: 2px solid #ff0837; }
.theme-school [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #ffd800;
  border-bottom: 2px solid #ffd800; }
.theme-school [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #f88d04;
  background-color: #f88d04; }
.theme-school [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #3f51b5;
  background-color: #3f51b5; }
.theme-school [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #0fd33d;
  background-color: #0fd33d; }
.theme-school [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #ff0837;
  background-color: #ff0837; }
.theme-school [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #ffd800;
  background-color: #ffd800; }
.theme-school [type=radio].radio-col-primary:checked + label:after {
  background-color: #f88d04;
  border-color: #f88d04;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #f88d04;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #f88d04;
  border: 2px solid #f88d04;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].radio-col-info:checked + label:after {
  background-color: #3f51b5;
  border-color: #3f51b5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #3f51b5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #3f51b5;
  border: 2px solid #3f51b5;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].radio-col-success:checked + label:after {
  background-color: #0fd33d;
  border-color: #0fd33d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #0fd33d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #0fd33d;
  border: 2px solid #0fd33d;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].radio-col-danger:checked + label:after {
  background-color: #ff0837;
  border-color: #ff0837;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #ff0837;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #ff0837;
  border: 2px solid #ff0837;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].radio-col-warning:checked + label:after {
  background-color: #ffd800;
  border-color: #ffd800;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #ffd800;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #ffd800;
  border: 2px solid #ffd800;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-school [type=checkbox]:checked + label:before {
  border-right: 2px solid #f88d04;
  border-bottom: 2px solid #f88d04; }
.theme-school [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #f88d04;
  background-color: #f88d04; }
.theme-school [type=radio].with-gap:checked + label:before, .theme-school [type=radio].with-gap:checked + label:after {
  border: 2px solid #f88d04; }
.theme-school [type=radio].with-gap:checked + label:after {
  background-color: #f88d04;
  z-index: 0; }
.theme-school [type=radio]:checked + label:after {
  border: 2px solid #f88d04;
  background-color: #f88d04;
  z-index: 0; }
.theme-school [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #f88d04;
  background-color: #f88d04; }

/*---Calender---*/
.theme-school .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #f88d04; }
.theme-school .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #f88d04;
  border-color: #f88d04; }
.theme-school .fc-event, .theme-school .calendar-event {
  background: #f88d04; }

/*---Tabs---*/
.theme-school .tabs-vertical li .nav-link:hover, .theme-school .tabs-vertical li .nav-link:active, .theme-school .tabs-vertical li .nav-link:focus, .theme-school .tabs-vertical li .nav-link.active {
  background-color: #f88d04;
  color: #ffffff; }
.theme-school .customvtab .tabs-vertical li .nav-link:hover, .theme-school .customvtab .tabs-vertical li .nav-link:active, .theme-school .customvtab .tabs-vertical li .nav-link:focus, .theme-school .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #f88d04;
  color: #f88d04; }
.theme-school .customtab2 li a.nav-link:hover, .theme-school .customtab2 li a.nav-link:active, .theme-school .customtab2 li a.nav-link.active {
  background-color: #f88d04; }

.rtl.theme-school .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-school .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-school .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-school .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #f88d04; }

/*---Notification---*/
.theme-school .jq-icon-primary {
  background-color: #f88d04;
  color: #ffffff;
  border-color: #f88d04; }
.theme-school .jq-icon-info {
  background-color: #3f51b5;
  color: #ffffff;
  border-color: #3f51b5; }
.theme-school .jq-icon-success {
  background-color: #0fd33d;
  color: #ffffff;
  border-color: #f88d04; }
.theme-school .jq-icon-error {
  background-color: #ff0837;
  color: #ffffff;
  border-color: #ff0837; }
.theme-school .jq-icon-danger {
  background-color: #ff0837;
  color: #ffffff;
  border-color: #ff0837; }
.theme-school .jq-icon-warning {
  background-color: #ffd800;
  color: #ffffff;
  border-color: #ffd800; }

/*---avatar---*/
.theme-school .avatar.status-primary::after {
  background-color: #f88d04; }
.theme-school .avatar.status-info::after {
  background-color: #3f51b5; }
.theme-school .avatar.status-success::after {
  background-color: #0fd33d; }
.theme-school .avatar.status-danger::after {
  background-color: #ff0837; }
.theme-school .avatar.status-warning::after {
  background-color: #ffd800; }
.theme-school .avatar[class*='status-']::after {
  background-color: #f88d04; }
.theme-school .avatar-add:hover {
  background-color: #c67003;
  border-color: #c67003; }

/*---media---*/
.theme-school .media-chat.media-chat-reverse .media-body p {
  background-color: #f88d04; }
.theme-school .media-right-out a:hover {
  color: #c67003; }

/*---control---*/
.theme-school .control input:checked:focus ~ .control_indicator {
  background-color: #f88d04; }
.theme-school .control input:checked ~ .control_indicator {
  background-color: #f88d04; }
.theme-school .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #f88d04; }

/*---flex---*/
.theme-school .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #f88d04; }
  .theme-school .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #f88d04; }

/*---pagination---*/
.theme-school .pagination li a.current {
  border: 1px solid #f88d04;
  background-color: #f88d04; }
  .theme-school .pagination li a.current:hover {
    border: 1px solid #f88d04;
    background-color: #f88d04; }
.theme-school .pagination li a:hover {
  border: 1px solid #c67003;
  background-color: #c67003 !important; }
.theme-school .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #f88d04;
  background-color: #f88d04; }
  .theme-school .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #f88d04;
    background-color: #f88d04; }
.theme-school .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #f88d04; }
.theme-school .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #f88d04; }
.theme-school .footable .pagination li a:hover, .theme-school .footable .pagination li a:active, .theme-school .footable .pagination li a.active {
  background-color: #f88d04; }

/*---dataTables---*/
.theme-school .dt-buttons .dt-button {
  background-color: #f88d04; }

/*---select2---*/
.theme-school .select2-container--default.select2-container--open {
  border-color: #f88d04; }
.theme-school .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f88d04; }
.theme-school .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #f88d04 !important; }
.theme-school .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f88d04 !important; }
.theme-school .select2-container--default .select2-selection--multiple:focus {
  border-color: #f88d04 !important; }
.theme-school .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f88d04;
  border-color: #f88d04; }

/*---Other---*/
.theme-school .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #c67003; }
.theme-school .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #c67003; }
.theme-school .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #c67003; }
.theme-school [data-overlay-primary]::before {
  background: #c67003; }

/*---wizard---*/
.theme-school .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #f88d04;
  background-color: #f88d04; }
.theme-school .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #c67003;
  background-color: #c67003; }
.theme-school .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #f88d04; }
.theme-school .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #f88d04; }
.theme-school .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #f88d04; }
.theme-school .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #f88d04; }
.theme-school .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #f88d04; }
.theme-school .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #f88d04;
  color: #f88d04; }
  .theme-school .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #f88d04; }
.theme-school .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #f88d04; }

@media (max-width: 767px) {
  .theme-school .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #f88d04; } }
@media (max-width: 575px) {
  .theme-school .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #f88d04; } }
/*---slider---*/
.theme-school #primary .slider-selection {
  background-color: #f88d04; }
.theme-school #info .slider-selection {
  background-color: #3f51b5; }
.theme-school #success .slider-selection {
  background-color: #0fd33d; }
.theme-school #danger .slider-selection {
  background-color: #ff0837; }
.theme-school #warning .slider-selection {
  background-color: #ffd800; }

/*---horizontal-timeline---*/
.theme-school .cd-horizontal-timeline .events a.selected::after {
  background: #f88d04;
  border-color: #f88d04; }
.theme-school .cd-horizontal-timeline .events a.older-event::after {
  border-color: #f88d04; }
.theme-school .cd-horizontal-timeline .filling-line {
  background: #f88d04; }
.theme-school .cd-horizontal-timeline a {
  color: #f88d04; }
  .theme-school .cd-horizontal-timeline a:hover, .theme-school .cd-horizontal-timeline a:focus {
    color: #f88d04; }
.theme-school .cd-timeline-navigation a:hover, .theme-school .cd-timeline-navigation a:focus {
  border-color: #f88d04; }

/**************************************
Theme leaf Color
**************************************/
.bg-gradient-leaf, .theme-leaf .bg-gradient-leaf, .theme-leaf .art-bg {
  background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%); }

.bg-light-body {
  background: transparent; }

.theme-leaf.fixed .main-header {
  }
  .theme-leaf.fixed .main-header .navbar {
    background: transparent; }
.theme-leaf .main-header {
  background: #ffffff; }

.theme-leaf.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-leaf-dark, .dark-skin.theme-leaf .bg-gradient-leaf, .dark-skin.theme-leaf .art-bg {
  background-image: linear-gradient(-45deg, #00302c 0%, #00302c 33%, #2e4718 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-leaf.fixed .main-header {
   }
  .dark-skin.theme-leaf.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-leaf .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-leaf.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-leaf.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-leaf.fixed .main-header {
    background-image: #0c1a32; } }
.theme-leaf a:hover, .theme-leaf a:active, .theme-leaf a:focus {
  color: #009688; }
.theme-leaf .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-leaf .main-sidebar .svg-icon:hover, .theme-leaf .main-sidebar .svg-icon:active, .theme-leaf .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-leaf .main-sidebar a:hover .svg-icon, .theme-leaf .main-sidebar a:active .svg-icon, .theme-leaf .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-leaf .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-leaf .svg-icon:hover, .theme-leaf .svg-icon:active, .theme-leaf .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-leaf a:hover .svg-icon, .theme-leaf a:active .svg-icon, .theme-leaf a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-leaf.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #009688 !important; }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #009688; }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #009688;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-leaf.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-leaf.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #009688 !important; }
.theme-leaf.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-leaf.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-leaf.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-leaf.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-leaf.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-leaf.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #009688 !important; }
.theme-leaf.light-skin .sidebar-menu &gt; li:hover, .theme-leaf.light-skin .sidebar-menu &gt; li:active, .theme-leaf.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(0, 150, 136, 0);
  color: #009688;
  border-left: 0px solid rgba(0, 150, 136, 0); }
  .theme-leaf.light-skin .sidebar-menu &gt; li:hover a, .theme-leaf.light-skin .sidebar-menu &gt; li:active a, .theme-leaf.light-skin .sidebar-menu &gt; li.active a {
    color: #009688; }
    .theme-leaf.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-leaf.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-leaf.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(0, 150, 136, 0); }
    .theme-leaf.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-leaf.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-leaf.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #009688;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-leaf.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-leaf.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-leaf.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-leaf.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(0, 150, 136, 0);
  color: #009688;
  border-left: 0px solid #009688; }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%); }
    .theme-leaf.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #009688;
      background-color: rgba(0, 150, 136, 0); }
    .theme-leaf.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-leaf.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(0, 150, 136, 0);
    color: #009688; }
    .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%); }
      .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(0, 150, 136, 0); }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(0, 150, 136, 0); }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(0, 150, 136, 0);
    color: #009688; }
    .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #009688; }
      .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #009688;
        background-color: rgba(0, 150, 136, 0); }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(0, 150, 136, 0);
    color: #009688; }
    .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #009688; }
      .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #009688;
        background-color: rgba(0, 150, 136, 0); }
  .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-leaf.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(0, 150, 136, 0); }
.theme-leaf.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #009688;
  border-right: 0px solid #009688; }
.theme-leaf.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(0, 150, 136, 0);
  color: white;
  border-left: 0px solid #009688; }
  .theme-leaf.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%); }
    .theme-leaf.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-leaf.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-leaf.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-leaf.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(0, 150, 136, 0);
    color: #009688; }
    .theme-leaf.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%); }
      .theme-leaf.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(0, 150, 136, 0); }
  .theme-leaf.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(0, 150, 136, 0);
    color: white; }
    .theme-leaf.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-leaf.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #009688;
  border-right: 0px solid #009688; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(0, 150, 136, 0.2);
    color: #009688; } }
/*---Main Nav---*/
.theme-leaf .sm-blue li.current &gt; a, .theme-leaf .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%);
  color: #ffffff !important; }
  .theme-leaf .sm-blue li.current &gt; a:hover, .theme-leaf .sm-blue li.current &gt; a:active, .theme-leaf .sm-blue li.current &gt; a:focus, .theme-leaf .sm-blue li.highlighted &gt; a:hover, .theme-leaf .sm-blue li.highlighted &gt; a:active, .theme-leaf .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%);
    color: #ffffff !important; }
.theme-leaf .sm-blue a.current, .theme-leaf .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%);
  color: #ffffff !important; }
.theme-leaf .sm-blue a:hover, .theme-leaf .sm-blue a:active, .theme-leaf .sm-blue a:focus {
  background: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%);
  color: #ffffff !important; }
.theme-leaf .sm-blue ul a:hover, .theme-leaf .sm-blue ul a:active, .theme-leaf .sm-blue ul a:focus {
  background: #ebedf3;
  color: #009688 !important; }
.theme-leaf .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #009688 !important; }

.dark-skin.theme-leaf .sm-blue li.current &gt; a, .dark-skin.theme-leaf .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #00302c 0%, #00302c 33%, #2e4718 100%);
  color: #ffffff !important; }
  .dark-skin.theme-leaf .sm-blue li.current &gt; a:hover, .dark-skin.theme-leaf .sm-blue li.current &gt; a:active, .dark-skin.theme-leaf .sm-blue li.current &gt; a:focus, .dark-skin.theme-leaf .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-leaf .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-leaf .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #00302c 0%, #00302c 33%, #2e4718 100%);
    color: #ffffff !important; }
.dark-skin.theme-leaf .sm-blue a.current, .dark-skin.theme-leaf .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #00302c 0%, #00302c 33%, #2e4718 100%);
  color: #ffffff !important; }
.dark-skin.theme-leaf .sm-blue a:hover, .dark-skin.theme-leaf .sm-blue a:active, .dark-skin.theme-leaf .sm-blue a:focus {
  background: linear-gradient(-45deg, #00302c 0%, #00302c 33%, #2e4718 100%);
  color: #ffffff !important; }
.dark-skin.theme-leaf .sm-blue ul a:hover, .dark-skin.theme-leaf .sm-blue ul a:active, .dark-skin.theme-leaf .sm-blue ul a:focus {
  background: #29354b;
  color: #009688 !important; }
.dark-skin.theme-leaf .sm-blue ul a.highlighted {
  background: #29354b;
  color: #009688 !important; }

/*---Primary Button---*/
.theme-leaf .btn-link {
  color: #009688; }
.theme-leaf .btn-primary {
  background-color: #009688;
  border-color: #009688;
  color: #ffffff; }
  .theme-leaf .btn-primary:hover, .theme-leaf .btn-primary:active, .theme-leaf .btn-primary:focus, .theme-leaf .btn-primary.active {
    background-color: #00635a !important;
    border-color: #00635a !important;
    color: #ffffff !important; }
  .theme-leaf .btn-primary:disabled {
    background-color: #00fce4;
    border-color: #009688;
    opacity: 0.5; }
  .theme-leaf .btn-primary.disabled {
    background-color: #00fce4;
    border-color: #009688;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-primary.dropdown-toggle {
  background-color: #00635a !important;
  border-color: #00635a !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-primary {
  color: #009688;
  background-color: transparent;
  border-color: #009688 !important; }
  .theme-leaf .btn-outline.btn-primary:hover, .theme-leaf .btn-outline.btn-primary:active, .theme-leaf .btn-outline.btn-primary.active {
    background-color: #00635a !important;
    border-color: #00635a !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #00635a !important;
  border-color: #00635a !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-primary {
  color: #009688 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-primary:hover, .theme-leaf .btn-flat.btn-primary:active, .theme-leaf .btn-flat.btn-primary.active {
    background-color: #00635a !important;
    border-color: #00635a !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-leaf .btn-info {
  background-color: #5f9332;
  border-color: #5f9332;
  color: #ffffff; }
  .theme-leaf .btn-info:hover, .theme-leaf .btn-info:active, .theme-leaf .btn-info:focus, .theme-leaf .btn-info.active {
    background-color: #466d25 !important;
    border-color: #466d25 !important;
    color: #ffffff !important; }
  .theme-leaf .btn-info:disabled {
    background-color: #92c962;
    border-color: #5f9332;
    opacity: 0.5; }
  .theme-leaf .btn-info.disabled {
    background-color: #92c962;
    border-color: #5f9332;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-info.dropdown-toggle {
  background-color: #466d25 !important;
  border-color: #466d25 !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-info {
  color: #5f9332;
  background-color: transparent;
  border-color: #5f9332 !important; }
  .theme-leaf .btn-outline.btn-info:hover, .theme-leaf .btn-outline.btn-info:active, .theme-leaf .btn-outline.btn-info.active {
    background-color: #466d25 !important;
    border-color: #466d25 !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #466d25 !important;
  border-color: #466d25 !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-info {
  color: #5f9332 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-info:hover, .theme-leaf .btn-flat.btn-info:active, .theme-leaf .btn-flat.btn-info.active {
    background-color: #466d25 !important;
    border-color: #466d25 !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-leaf .btn-success {
  background-color: #2589f9;
  border-color: #2589f9;
  color: #ffffff; }
  .theme-leaf .btn-success:hover, .theme-leaf .btn-success:active, .theme-leaf .btn-success:focus, .theme-leaf .btn-success.active {
    background-color: #066fe5 !important;
    border-color: #066fe5 !important;
    color: #ffffff !important; }
  .theme-leaf .btn-success:disabled {
    background-color: #88bffc;
    border-color: #2589f9;
    opacity: 0.5; }
  .theme-leaf .btn-success.disabled {
    background-color: #88bffc;
    border-color: #2589f9;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-success.dropdown-toggle {
  background-color: #066fe5 !important;
  border-color: #066fe5 !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-success {
  color: #2589f9;
  background-color: transparent;
  border-color: #2589f9 !important; }
  .theme-leaf .btn-outline.btn-success:hover, .theme-leaf .btn-outline.btn-success:active, .theme-leaf .btn-outline.btn-success.active {
    background-color: #066fe5 !important;
    border-color: #066fe5 !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #066fe5 !important;
  border-color: #066fe5 !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-success {
  color: #2589f9 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-success:hover, .theme-leaf .btn-flat.btn-success:active, .theme-leaf .btn-flat.btn-success.active {
    background-color: #066fe5 !important;
    border-color: #066fe5 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-leaf .btn-danger {
  background-color: #d814cd;
  border-color: #d814cd;
  color: #ffffff; }
  .theme-leaf .btn-danger:hover, .theme-leaf .btn-danger:active, .theme-leaf .btn-danger:focus, .theme-leaf .btn-danger.active {
    background-color: #a910a1 !important;
    border-color: #a910a1 !important;
    color: #ffffff !important; }
  .theme-leaf .btn-danger:disabled {
    background-color: #f062e8;
    border-color: #d814cd;
    opacity: 0.5; }
  .theme-leaf .btn-danger.disabled {
    background-color: #f062e8;
    border-color: #d814cd;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-danger.dropdown-toggle {
  background-color: #a910a1 !important;
  border-color: #a910a1 !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-danger {
  color: #d814cd;
  background-color: transparent;
  border-color: #d814cd !important; }
  .theme-leaf .btn-outline.btn-danger:hover, .theme-leaf .btn-outline.btn-danger:active, .theme-leaf .btn-outline.btn-danger.active {
    background-color: #a910a1 !important;
    border-color: #a910a1 !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #a910a1 !important;
  border-color: #a910a1 !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-danger {
  color: #d814cd !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-danger:hover, .theme-leaf .btn-flat.btn-danger:active, .theme-leaf .btn-flat.btn-danger.active {
    background-color: #a910a1 !important;
    border-color: #a910a1 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-leaf .btn-warning {
  background-color: #dccd24;
  border-color: #dccd24;
  color: #ffffff; }
  .theme-leaf .btn-warning:hover, .theme-leaf .btn-warning:active, .theme-leaf .btn-warning:focus, .theme-leaf .btn-warning.active {
    background-color: #b1a51c !important;
    border-color: #b1a51c !important;
    color: #ffffff !important; }
  .theme-leaf .btn-warning:disabled {
    background-color: #eae17c;
    border-color: #dccd24;
    opacity: 0.5; }
  .theme-leaf .btn-warning.disabled {
    background-color: #eae17c;
    border-color: #dccd24;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-warning.dropdown-toggle {
  background-color: #b1a51c !important;
  border-color: #b1a51c !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-warning {
  color: #dccd24;
  background-color: transparent;
  border-color: #dccd24 !important; }
  .theme-leaf .btn-outline.btn-warning:hover, .theme-leaf .btn-outline.btn-warning:active, .theme-leaf .btn-outline.btn-warning.active {
    background-color: #b1a51c !important;
    border-color: #b1a51c !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #b1a51c !important;
  border-color: #b1a51c !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-warning {
  color: #dccd24 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-warning:hover, .theme-leaf .btn-flat.btn-warning:active, .theme-leaf .btn-flat.btn-warning.active {
    background-color: #b1a51c !important;
    border-color: #b1a51c !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-leaf .btn-primary-light {
  background-color: #dbfffc;
  border-color: #dbfffc;
  color: #009688; }
  .theme-leaf .btn-primary-light:hover, .theme-leaf .btn-primary-light:active, .theme-leaf .btn-primary-light:focus, .theme-leaf .btn-primary-light.active {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #ffffff !important; }
  .theme-leaf .btn-primary-light:disabled {
    background-color: white;
    border-color: #dbfffc;
    opacity: 0.5; }
  .theme-leaf .btn-primary-light.disabled {
    background-color: white;
    border-color: #dbfffc;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #009688 !important;
  border-color: #009688 !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-primary-light {
  color: #009688;
  background-color: transparent;
  border-color: #dbfffc !important; }
  .theme-leaf .btn-outline.btn-primary-light:hover, .theme-leaf .btn-outline.btn-primary-light:active, .theme-leaf .btn-outline.btn-primary-light.active {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #009688 !important;
  border-color: #009688 !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-primary-light {
  color: #009688 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-primary-light:hover, .theme-leaf .btn-flat.btn-primary-light:active, .theme-leaf .btn-flat.btn-primary-light.active {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-leaf .btn-info-light {
  background-color: #edffde;
  border-color: #edffde;
  color: #5f9332; }
  .theme-leaf .btn-info-light:hover, .theme-leaf .btn-info-light:active, .theme-leaf .btn-info-light:focus, .theme-leaf .btn-info-light.active {
    background-color: #5f9332 !important;
    border-color: #5f9332 !important;
    color: #ffffff !important; }
  .theme-leaf .btn-info-light:disabled {
    background-color: white;
    border-color: #edffde;
    opacity: 0.5; }
  .theme-leaf .btn-info-light.disabled {
    background-color: white;
    border-color: #edffde;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-info.dropdown-toggle {
  background-color: #5f9332 !important;
  border-color: #5f9332 !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-info-light {
  color: #5f9332;
  background-color: transparent;
  border-color: #edffde !important; }
  .theme-leaf .btn-outline.btn-info-light:hover, .theme-leaf .btn-outline.btn-info-light:active, .theme-leaf .btn-outline.btn-info-light.active {
    background-color: #5f9332 !important;
    border-color: #5f9332 !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #5f9332 !important;
  border-color: #5f9332 !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-info-light {
  color: #5f9332 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-info-light:hover, .theme-leaf .btn-flat.btn-info-light:active, .theme-leaf .btn-flat.btn-info-light.active {
    background-color: #5f9332 !important;
    border-color: #5f9332 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-leaf .btn-success-light {
  background-color: #e1efff;
  border-color: #e1efff;
  color: #2589f9; }
  .theme-leaf .btn-success-light:hover, .theme-leaf .btn-success-light:active, .theme-leaf .btn-success-light:focus, .theme-leaf .btn-success-light.active {
    background-color: #2589f9 !important;
    border-color: #2589f9 !important;
    color: #ffffff !important; }
  .theme-leaf .btn-success-light:disabled {
    background-color: white;
    border-color: #e1efff;
    opacity: 0.5; }
  .theme-leaf .btn-success-light.disabled {
    background-color: white;
    border-color: #e1efff;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #2589f9 !important;
  border-color: #2589f9 !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-success-light {
  color: #2589f9;
  background-color: transparent;
  border-color: #e1efff !important; }
  .theme-leaf .btn-outline.btn-success-light:hover, .theme-leaf .btn-outline.btn-success-light:active, .theme-leaf .btn-outline.btn-success-light.active {
    background-color: #2589f9 !important;
    border-color: #2589f9 !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #2589f9 !important;
  border-color: #2589f9 !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-success-light {
  color: #2589f9 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-success-light:hover, .theme-leaf .btn-flat.btn-success-light:active, .theme-leaf .btn-flat.btn-success-light.active {
    background-color: #2589f9 !important;
    border-color: #2589f9 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-leaf .btn-danger-light {
  background-color: #ffc4fc;
  border-color: #ffc4fc;
  color: #d814cd; }
  .theme-leaf .btn-danger-light:hover, .theme-leaf .btn-danger-light:active, .theme-leaf .btn-danger-light:focus, .theme-leaf .btn-danger-light.active {
    background-color: #d814cd !important;
    border-color: #d814cd !important;
    color: #ffffff !important; }
  .theme-leaf .btn-danger-light:disabled {
    background-color: white;
    border-color: #ffc4fc;
    opacity: 0.5; }
  .theme-leaf .btn-danger-light.disabled {
    background-color: white;
    border-color: #ffc4fc;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #d814cd !important;
  border-color: #d814cd !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-danger-light {
  color: #d814cd;
  background-color: transparent;
  border-color: #ffc4fc !important; }
  .theme-leaf .btn-outline.btn-danger-light:hover, .theme-leaf .btn-outline.btn-danger-light:active, .theme-leaf .btn-outline.btn-danger-light.active {
    background-color: #d814cd !important;
    border-color: #d814cd !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #d814cd !important;
  border-color: #d814cd !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-danger-light {
  color: #d814cd !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-danger-light:hover, .theme-leaf .btn-flat.btn-danger-light:active, .theme-leaf .btn-flat.btn-danger-light.active {
    background-color: #d814cd !important;
    border-color: #d814cd !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-leaf .btn-warning-light {
  background-color: #fffbc9;
  border-color: #fffbc9;
  color: #dccd24; }
  .theme-leaf .btn-warning-light:hover, .theme-leaf .btn-warning-light:active, .theme-leaf .btn-warning-light:focus, .theme-leaf .btn-warning-light.active {
    background-color: #dccd24 !important;
    border-color: #dccd24 !important;
    color: #ffffff !important; }
  .theme-leaf .btn-warning-light:disabled {
    background-color: white;
    border-color: #fffbc9;
    opacity: 0.5; }
  .theme-leaf .btn-warning-light.disabled {
    background-color: white;
    border-color: #fffbc9;
    opacity: 0.5; }
.theme-leaf .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #dccd24 !important;
  border-color: #dccd24 !important;
  color: #ffffff; }
.theme-leaf .btn-outline.btn-warning-light {
  color: #dccd24;
  background-color: transparent;
  border-color: #fffbc9 !important; }
  .theme-leaf .btn-outline.btn-warning-light:hover, .theme-leaf .btn-outline.btn-warning-light:active, .theme-leaf .btn-outline.btn-warning-light.active {
    background-color: #dccd24 !important;
    border-color: #dccd24 !important;
    color: #ffffff !important; }
.theme-leaf .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #dccd24 !important;
  border-color: #dccd24 !important;
  color: #ffffff; }
.theme-leaf .btn-flat.btn-warning-light {
  color: #dccd24 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-leaf .btn-flat.btn-warning-light:hover, .theme-leaf .btn-flat.btn-warning-light:active, .theme-leaf .btn-flat.btn-warning-light.active {
    background-color: #dccd24 !important;
    border-color: #dccd24 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-leaf .callout.callout-primary {
  border-color: #009688;
  background-color: #009688 !important; }
.theme-leaf .callout.callout-info {
  border-color: #5f9332;
  background-color: #5f9332 !important; }
.theme-leaf .callout.callout-success {
  border-color: #2589f9;
  background-color: #2589f9 !important; }
.theme-leaf .callout.callout-danger {
  border-color: #d814cd;
  background-color: #d814cd !important; }
.theme-leaf .callout.callout-warning {
  border-color: #dccd24;
  background-color: #dccd24 !important; }

/*---alert---*/
.theme-leaf .alert-primary {
  border-color: #009688;
  background-color: #009688 !important;
  color: #ffffff; }
.theme-leaf .alert-info {
  border-color: #5f9332;
  background-color: #5f9332 !important;
  color: #ffffff; }
.theme-leaf .alert-success {
  border-color: #2589f9;
  background-color: #2589f9 !important;
  color: #ffffff; }
.theme-leaf .alert-danger {
  border-color: #d814cd;
  background-color: #d814cd !important;
  color: #ffffff; }
.theme-leaf .alert-error {
  border-color: #d814cd;
  background-color: #d814cd !important;
  color: #ffffff; }
.theme-leaf .alert-warning {
  border-color: #dccd24;
  background-color: #dccd24 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-leaf .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #009688;
  color: #ffffff; }
.theme-leaf .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-leaf .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #009688; }
.theme-leaf .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #5f9332;
  color: #ffffff; }
.theme-leaf .direct-chat-info .right &gt; .direct-chat-text:before, .theme-leaf .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #5f9332; }
.theme-leaf .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #2589f9;
  color: #ffffff; }
.theme-leaf .direct-chat-success .right &gt; .direct-chat-text:before, .theme-leaf .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #2589f9; }
.theme-leaf .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #d814cd;
  color: #ffffff; }
.theme-leaf .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-leaf .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #d814cd; }
.theme-leaf .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #dccd24;
  color: #ffffff; }
.theme-leaf .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-leaf .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #dccd24; }
.theme-leaf .right .direct-chat-text p {
  background-color: #009688; }

/*---modal---*/
.theme-leaf .modal-primary .modal-footer, .theme-leaf .modal-primary .modal-header {
  border-color: #009688; }
.theme-leaf .modal-primary .modal-body {
  background-color: #009688 !important; }
.theme-leaf .modal-info .modal-footer, .theme-leaf .modal-info .modal-header {
  border-color: #5f9332; }
.theme-leaf .modal-info .modal-body {
  background-color: #5f9332 !important; }
.theme-leaf .modal-success .modal-footer, .theme-leaf .modal-success .modal-header {
  border-color: #2589f9; }
.theme-leaf .modal-success .modal-body {
  background-color: #2589f9 !important; }
.theme-leaf .modal-danger .modal-footer, .theme-leaf .modal-danger .modal-header {
  border-color: #d814cd; }
.theme-leaf .modal-danger .modal-body {
  background-color: #d814cd !important; }
.theme-leaf .modal-warning .modal-footer, .theme-leaf .modal-warning .modal-header {
  border-color: #dccd24; }
.theme-leaf .modal-warning .modal-body {
  background-color: #dccd24 !important; }

/*---border---*/
.theme-leaf .border-primary {
  border-color: #009688 !important; }
.theme-leaf .border-info {
  border-color: #5f9332 !important; }
.theme-leaf .border-success {
  border-color: #2589f9 !important; }
.theme-leaf .border-danger {
  border-color: #d814cd !important; }
.theme-leaf .border-warning {
  border-color: #dccd24 !important; }

/*---Background---*/
.theme-leaf .bg-primary {
  background-color: #009688 !important;
  color: #ffffff; }
.theme-leaf .bg-primary-light {
  background-color: #dbfffc !important;
  color: #009688; }
.theme-leaf .bg-info {
  background-color: #5f9332 !important;
  color: #ffffff; }
.theme-leaf .bg-info-light {
  background-color: #edffde !important;
  color: #5f9332; }
.theme-leaf .bg-success {
  background-color: #2589f9 !important;
  color: #ffffff; }
.theme-leaf .bg-success-light {
  background-color: #e1efff !important;
  color: #2589f9; }
.theme-leaf .bg-danger {
  background-color: #d814cd !important;
  color: #ffffff; }
.theme-leaf .bg-danger-light {
  background-color: #ffc4fc !important;
  color: #d814cd; }
.theme-leaf .bg-warning {
  background-color: #dccd24 !important;
  color: #ffffff; }
.theme-leaf .bg-warning-light {
  background-color: #fffbc9 !important;
  color: #dccd24; }

/*---text---*/
.theme-leaf .text-primary {
  color: #009688 !important; }
.theme-leaf a.text-primary:hover, .theme-leaf a.text-primary:focus {
  color: #009688 !important; }
.theme-leaf .hover-primary:hover, .theme-leaf .hover-primary:focus {
  color: #009688 !important; }
.theme-leaf .text-info {
  color: #5f9332 !important; }
.theme-leaf a.text-info:hover, .theme-leaf a.text-info:focus {
  color: #5f9332 !important; }
.theme-leaf .hover-info:hover, .theme-leaf .hover-info:focus {
  color: #5f9332 !important; }
.theme-leaf .text-success {
  color: #2589f9 !important; }
.theme-leaf a.text-success:hover, .theme-leaf a.text-success:focus {
  color: #2589f9 !important; }
.theme-leaf .hover-success:hover, .theme-leaf .hover-success:focus {
  color: #2589f9 !important; }
.theme-leaf .text-danger {
  color: #d814cd !important; }
.theme-leaf a.text-danger:hover, .theme-leaf a.text-danger:focus {
  color: #d814cd !important; }
.theme-leaf .hover-danger:hover, .theme-leaf .hover-danger:focus {
  color: #d814cd !important; }
.theme-leaf .text-warning {
  color: #dccd24 !important; }
.theme-leaf a.text-warning:hover, .theme-leaf a.text-warning:focus {
  color: #dccd24 !important; }
.theme-leaf .hover-warning:hover, .theme-leaf .hover-warning:focus {
  color: #dccd24 !important; }

/*---active background---*/
.theme-leaf .active.active-primary {
  background-color: #00635a !important; }
.theme-leaf .active.active-info {
  background-color: #466d25 !important; }
.theme-leaf .active.active-success {
  background-color: #066fe5 !important; }
.theme-leaf .active.active-danger {
  background-color: #a910a1 !important; }
.theme-leaf .active.active-warning {
  background-color: #b1a51c !important; }

/*---label background---*/
.theme-leaf .label-primary {
  background-color: #009688 !important; }
.theme-leaf .label-info {
  background-color: #5f9332 !important; }
.theme-leaf .label-success {
  background-color: #2589f9 !important; }
.theme-leaf .label-danger {
  background-color: #d814cd !important; }
.theme-leaf .label-warning {
  background-color: #dccd24 !important; }

/*---ribbon---*/
.theme-leaf .ribbon-box .ribbon-primary {
  background-color: #009688; }
  .theme-leaf .ribbon-box .ribbon-primary:before {
    border-color: #009688 transparent transparent; }
.theme-leaf .ribbon-box .ribbon-two-primary span {
  background-color: #009688; }
  .theme-leaf .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #00635a;
    border-top: 3px solid #00635a; }
  .theme-leaf .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #00635a;
    border-top: 3px solid #00635a; }
.theme-leaf .ribbon-box .ribbon-info {
  background-color: #5f9332; }
  .theme-leaf .ribbon-box .ribbon-info:before {
    border-color: #5f9332 transparent transparent; }
.theme-leaf .ribbon-box .ribbon-two-info span {
  background-color: #5f9332; }
  .theme-leaf .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #466d25;
    border-top: 3px solid #466d25; }
  .theme-leaf .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #466d25;
    border-top: 3px solid #466d25; }
.theme-leaf .ribbon-box .ribbon-success {
  background-color: #2589f9; }
  .theme-leaf .ribbon-box .ribbon-success:before {
    border-color: #2589f9 transparent transparent; }
.theme-leaf .ribbon-box .ribbon-two-success span {
  background-color: #2589f9; }
  .theme-leaf .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #066fe5;
    border-top: 3px solid #066fe5; }
  .theme-leaf .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #066fe5;
    border-top: 3px solid #066fe5; }
.theme-leaf .ribbon-box .ribbon-danger {
  background-color: #d814cd; }
  .theme-leaf .ribbon-box .ribbon-danger:before {
    border-color: #d814cd transparent transparent; }
.theme-leaf .ribbon-box .ribbon-two-danger span {
  background-color: #d814cd; }
  .theme-leaf .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #a910a1;
    border-top: 3px solid #a910a1; }
  .theme-leaf .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #a910a1;
    border-top: 3px solid #a910a1; }
.theme-leaf .ribbon-box .ribbon-warning {
  background-color: #dccd24; }
  .theme-leaf .ribbon-box .ribbon-warning:before {
    border-color: #dccd24 transparent transparent; }
.theme-leaf .ribbon-box .ribbon-two-warning span {
  background-color: #dccd24; }
  .theme-leaf .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #b1a51c;
    border-top: 3px solid #b1a51c; }
  .theme-leaf .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #b1a51c;
    border-top: 3px solid #b1a51c; }

/*---Box---*/
.theme-leaf .box-primary {
  background-color: #009688 !important; }
  .theme-leaf .box-primary.box-bordered {
    border-color: #009688; }
.theme-leaf .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #009688; }
.theme-leaf .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #009688; }
  .theme-leaf .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-leaf .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-leaf .box-info {
  background-color: #5f9332 !important; }
  .theme-leaf .box-info.box-bordered {
    border-color: #5f9332; }
.theme-leaf .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #5f9332; }
.theme-leaf .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #5f9332; }
  .theme-leaf .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-leaf .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-leaf .box-success {
  background-color: #2589f9 !important; }
  .theme-leaf .box-success.box-bordered {
    border-color: #2589f9; }
.theme-leaf .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #2589f9; }
.theme-leaf .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #2589f9; }
  .theme-leaf .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-leaf .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-leaf .box-danger {
  background-color: #d814cd !important; }
  .theme-leaf .box-danger.box-bordered {
    border-color: #d814cd; }
.theme-leaf .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #d814cd; }
.theme-leaf .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #d814cd; }
  .theme-leaf .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-leaf .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-leaf .box-warning {
  background-color: #dccd24 !important; }
  .theme-leaf .box-warning.box-bordered {
    border-color: #dccd24; }
.theme-leaf .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #dccd24; }
.theme-leaf .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #dccd24; }
  .theme-leaf .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-leaf .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-leaf .box-profile .social-states a:hover {
  color: #00635a; }
.theme-leaf .box-controls li &gt; a:hover {
  color: #00635a; }
.theme-leaf .box-controls .dropdown.show &gt; a {
  color: #00635a; }
.theme-leaf .box-fullscreen .box-btn-fullscreen {
  color: #00635a; }

/*---progress bar---*/
.theme-leaf .progress-bar-primary {
  background-color: #009688; }
.theme-leaf .progress-bar-info {
  background-color: #5f9332; }
.theme-leaf .progress-bar-success {
  background-color: #2589f9; }
.theme-leaf .progress-bar-danger {
  background-color: #d814cd; }
.theme-leaf .progress-bar-warning {
  background-color: #dccd24; }

/*---panel---*/
.theme-leaf .panel-primary {
  border-color: #009688; }
  .theme-leaf .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #009688;
    border-color: #009688; }
    .theme-leaf .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #009688; }
    .theme-leaf .panel-primary &gt; .panel-heading .badge-pill {
      color: #009688;
      background-color: #ffffff; }
  .theme-leaf .panel-primary .panel-title, .theme-leaf .panel-primary .panel-action {
    color: #ffffff; }
  .theme-leaf .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #009688; }
.theme-leaf .panel-line.panel-primary .panel-heading {
  color: #009688;
  border-top-color: #009688;
  background: transparent; }
.theme-leaf .panel-line.panel-primary .panel-title, .theme-leaf .panel-line.panel-primary .panel-action {
  color: #009688; }
.theme-leaf .panel-info {
  border-color: #5f9332; }
  .theme-leaf .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #5f9332;
    border-color: #5f9332; }
    .theme-leaf .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #5f9332; }
    .theme-leaf .panel-info &gt; .panel-heading .badge-pill {
      color: #5f9332;
      background-color: #ffffff; }
  .theme-leaf .panel-info .panel-title, .theme-leaf .panel-info .panel-action {
    color: #ffffff; }
  .theme-leaf .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #5f9332; }
.theme-leaf .panel-line.panel-info .panel-heading {
  color: #5f9332;
  border-top-color: #5f9332;
  background: transparent; }
.theme-leaf .panel-line.panel-info .panel-title, .theme-leaf .panel-line.panel-info .panel-action {
  color: #5f9332; }
.theme-leaf .panel-success {
  border-color: #2589f9; }
  .theme-leaf .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #2589f9;
    border-color: #2589f9; }
    .theme-leaf .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #2589f9; }
    .theme-leaf .panel-success &gt; .panel-heading .badge-pill {
      color: #2589f9;
      background-color: #ffffff; }
  .theme-leaf .panel-success .panel-title, .theme-leaf .panel-success .panel-action {
    color: #ffffff; }
  .theme-leaf .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #2589f9; }
.theme-leaf .panel-line.panel-success .panel-heading {
  color: #2589f9;
  border-top-color: #2589f9;
  background: transparent; }
.theme-leaf .panel-line.panel-success .panel-title, .theme-leaf .panel-line.panel-success .panel-action {
  color: #2589f9; }
.theme-leaf .panel-danger {
  border-color: #d814cd; }
  .theme-leaf .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #d814cd;
    border-color: #d814cd; }
    .theme-leaf .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #d814cd; }
    .theme-leaf .panel-danger &gt; .panel-heading .badge-pill {
      color: #d814cd;
      background-color: #ffffff; }
  .theme-leaf .panel-danger .panel-title, .theme-leaf .panel-danger .panel-action {
    color: #ffffff; }
  .theme-leaf .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #d814cd; }
.theme-leaf .panel-line.panel-danger .panel-heading {
  color: #d814cd;
  border-top-color: #d814cd;
  background: transparent; }
.theme-leaf .panel-line.panel-danger .panel-title, .theme-leaf .panel-line.panel-danger .panel-action {
  color: #d814cd; }
.theme-leaf .panel-warning {
  border-color: #dccd24; }
  .theme-leaf .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #dccd24;
    border-color: #dccd24; }
    .theme-leaf .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #dccd24; }
    .theme-leaf .panel-warning &gt; .panel-heading .badge-pill {
      color: #dccd24;
      background-color: #ffffff; }
  .theme-leaf .panel-warning .panel-title, .theme-leaf .panel-warning .panel-action {
    color: #ffffff; }
  .theme-leaf .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #dccd24; }
.theme-leaf .panel-line.panel-warning .panel-heading {
  color: #dccd24;
  border-top-color: #dccd24;
  background: transparent; }
.theme-leaf .panel-line.panel-warning .panel-title, .theme-leaf .panel-line.panel-warning .panel-action {
  color: #dccd24; }

/*---switch---*/
.theme-leaf .switch input:checked ~ .switch-indicator::after {
  background-color: #009688; }
.theme-leaf .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #009688; }
.theme-leaf .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #5f9332; }
.theme-leaf .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #2589f9; }
.theme-leaf .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #d814cd; }
.theme-leaf .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #dccd24; }

/*---badge---*/
.theme-leaf .badge-primary {
  background-color: #009688;
  color: #ffffff; }
.theme-leaf .badge-primary[href]:hover, .theme-leaf .badge-primary[href]:focus {
  background-color: #00635a; }
.theme-leaf .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-leaf .badge-secondary[href]:hover, .theme-leaf .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-leaf .badge-info {
  background-color: #5f9332;
  color: #ffffff; }
.theme-leaf .badge-info[href]:hover, .theme-leaf .badge-info[href]:focus {
  background-color: #466d25; }
.theme-leaf .badge-success {
  background-color: #2589f9;
  color: #ffffff; }
.theme-leaf .badge-success[href]:hover, .theme-leaf .badge-success[href]:focus {
  background-color: #066fe5; }
.theme-leaf .badge-danger {
  background-color: #d814cd;
  color: #ffffff; }
.theme-leaf .badge-danger[href]:hover, .theme-leaf .badge-danger[href]:focus {
  background-color: #a910a1; }
.theme-leaf .badge-warning {
  background-color: #dccd24;
  color: #ffffff; }
.theme-leaf .badge-warning[href]:hover, .theme-leaf .badge-warning[href]:focus {
  background-color: #b1a51c; }

/*---badge light---*/
.theme-leaf .badge-primary-light {
  background-color: #dbfffc;
  color: #009688; }
.theme-leaf .badge-primary-light[href]:hover, .theme-leaf .badge-primary-light[href]:focus {
  background-color: #a8fff8; }
.theme-leaf .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-leaf .badge-secondary-light[href]:hover, .theme-leaf .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-leaf .badge-info-light {
  background-color: #edffde;
  color: #5f9332; }
.theme-leaf .badge-info-light[href]:hover, .theme-leaf .badge-info-light[href]:focus {
  background-color: #d1ffab; }
.theme-leaf .badge-success-light {
  background-color: #e1efff;
  color: #2589f9; }
.theme-leaf .badge-success-light[href]:hover, .theme-leaf .badge-success-light[href]:focus {
  background-color: #aed4ff; }
.theme-leaf .badge-danger-light {
  background-color: #ffc4fc;
  color: #d814cd; }
.theme-leaf .badge-danger-light[href]:hover, .theme-leaf .badge-danger-light[href]:focus {
  background-color: #ff91f9; }
.theme-leaf .badge-warning-light {
  background-color: #fffbc9;
  color: #dccd24; }
.theme-leaf .badge-warning-light[href]:hover, .theme-leaf .badge-warning-light[href]:focus {
  background-color: #fff796; }

/*---rating---*/
.theme-leaf .rating-primary .active {
  color: #009688; }
.theme-leaf .rating-primary :checked ~ label {
  color: #009688; }
.theme-leaf .rating-primary label:hover {
  color: #009688; }
  .theme-leaf .rating-primary label:hover ~ label {
    color: #009688; }
.theme-leaf .rating-info .active {
  color: #5f9332; }
.theme-leaf .rating-info :checked ~ label {
  color: #5f9332; }
.theme-leaf .rating-info label:hover {
  color: #5f9332; }
  .theme-leaf .rating-info label:hover ~ label {
    color: #5f9332; }
.theme-leaf .rating-success .active {
  color: #2589f9; }
.theme-leaf .rating-success :checked ~ label {
  color: #2589f9; }
.theme-leaf .rating-success label:hover {
  color: #2589f9; }
  .theme-leaf .rating-success label:hover ~ label {
    color: #2589f9; }
.theme-leaf .rating-danger .active {
  color: #d814cd; }
.theme-leaf .rating-danger :checked ~ label {
  color: #d814cd; }
.theme-leaf .rating-danger label:hover {
  color: #d814cd; }
  .theme-leaf .rating-danger label:hover ~ label {
    color: #d814cd; }
.theme-leaf .rating-warning .active {
  color: #dccd24; }
.theme-leaf .rating-warning :checked ~ label {
  color: #dccd24; }
.theme-leaf .rating-warning label:hover {
  color: #dccd24; }
  .theme-leaf .rating-warning label:hover ~ label {
    color: #dccd24; }

/*---toggler---*/
.theme-leaf .toggler-primary input:checked + i {
  color: #009688; }
.theme-leaf .toggler-info input:checked + i {
  color: #5f9332; }
.theme-leaf .toggler-success input:checked + i {
  color: #2589f9; }
.theme-leaf .toggler-danger input:checked + i {
  color: #d814cd; }
.theme-leaf .toggler-warning input:checked + i {
  color: #dccd24; }

/*---nav tabs---*/
.theme-leaf .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-leaf .nav-tabs.nav-tabs-primary .nav-link:active, .theme-leaf .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-leaf .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #00635a;
  background-color: transparent;
  color: #00635a; }
.theme-leaf .nav-tabs.nav-tabs-info .nav-link:hover, .theme-leaf .nav-tabs.nav-tabs-info .nav-link:active, .theme-leaf .nav-tabs.nav-tabs-info .nav-link:focus, .theme-leaf .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #466d25;
  background-color: #5f9332;
  color: #ffffff; }
.theme-leaf .nav-tabs.nav-tabs-success .nav-link:hover, .theme-leaf .nav-tabs.nav-tabs-success .nav-link:active, .theme-leaf .nav-tabs.nav-tabs-success .nav-link:focus, .theme-leaf .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #066fe5;
  background-color: transparent;
  color: #066fe5; }
.theme-leaf .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-leaf .nav-tabs.nav-tabs-danger .nav-link:active, .theme-leaf .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-leaf .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #a910a1;
  background-color: transparent;
  color: #a910a1; }
.theme-leaf .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-leaf .nav-tabs.nav-tabs-warning .nav-link:active, .theme-leaf .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-leaf .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #b1a51c;
  background-color: transparent;
  color: #b1a51c; }
.theme-leaf .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #00635a; }
.theme-leaf .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #466d25; }
.theme-leaf .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #066fe5; }
.theme-leaf .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #a910a1; }
.theme-leaf .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #b1a51c; }
.theme-leaf .nav-tabs .nav-link.active {
  border-bottom-color: #009688;
  background-color: #009688;
  color: #ffffff; }
  .theme-leaf .nav-tabs .nav-link.active:hover, .theme-leaf .nav-tabs .nav-link.active:focus {
    border-bottom-color: #009688;
    background-color: #009688;
    color: #ffffff; }
.theme-leaf .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #009688;
  background-color: #009688; }
  .theme-leaf .nav-tabs .nav-item.open .nav-link:hover, .theme-leaf .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #009688;
    background-color: #009688; }

/*---todo---*/
.theme-leaf .todo-list .primary {
  border-left-color: #009688; }
.theme-leaf .todo-list .info {
  border-left-color: #009688; }
.theme-leaf .todo-list .success {
  border-left-color: #2589f9; }
.theme-leaf .todo-list .danger {
  border-left-color: #d814cd; }
.theme-leaf .todo-list .warning {
  border-left-color: #dccd24; }

/*---timeline---*/
.theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #009688;
  border: 1px solid #009688;
  color: #ffffff; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #009688;
    border-right-color: #009688; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #5f9332;
  border: 1px solid #5f9332;
  color: #ffffff; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #5f9332;
    border-right-color: #5f9332; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #2589f9;
  border: 1px solid #2589f9;
  color: #ffffff; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #2589f9;
    border-right-color: #2589f9; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #d814cd;
  border: 1px solid #d814cd;
  color: #ffffff; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #d814cd;
    border-right-color: #d814cd; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #dccd24;
  border: 1px solid #dccd24;
  color: #ffffff; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #dccd24;
    border-right-color: #dccd24; }
  .theme-leaf .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-leaf .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #009688;
  background-color: #ffffff; }
.theme-leaf .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #5f9332;
  background-color: #ffffff; }
.theme-leaf .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #2589f9;
  background-color: #ffffff; }
.theme-leaf .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #d814cd;
  background-color: #ffffff; }
.theme-leaf .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #dccd24;
  background-color: #ffffff; }
.theme-leaf .timeline .timeline-label .label-primary {
  background-color: #009688; }
.theme-leaf .timeline .timeline-label .label-info {
  background-color: #5f9332; }
.theme-leaf .timeline .timeline-label .label-success {
  background-color: #2589f9; }
.theme-leaf .timeline .timeline-label .label-danger {
  background-color: #d814cd; }
.theme-leaf .timeline .timeline-label .label-warning {
  background-color: #dccd24; }
.theme-leaf .timeline__year, .theme-leaf .timeline5:before, .theme-leaf .timeline__box:before, .theme-leaf .timeline__date {
  background-color: #009688; }
.theme-leaf .timeline__post {
  border-left: 3px solid #009688; }

/*---daterangepicker---*/
.theme-leaf .daterangepicker td.active {
  background-color: #009688; }
  .theme-leaf .daterangepicker td.active:hover {
    background-color: #009688; }
.theme-leaf .daterangepicker .input-mini.active {
  border: 1px solid #009688; }
.theme-leaf .ranges li:hover, .theme-leaf .ranges li:active, .theme-leaf .ranges li.active {
  border: 1px solid #009688;
  background-color: #009688; }

/*---control-sidebar---*/
.theme-leaf .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-leaf .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-leaf .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #009688;
  color: #009688; }
.theme-leaf .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #009688;
  color: #009688; }
  .theme-leaf .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-leaf .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-leaf .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #009688;
    color: #009688; }
.theme-leaf .control-sidebar .rpanel-title .btn:hover {
  color: #009688; }

/*---nav---*/
.theme-leaf .nav &gt; li &gt; a:hover, .theme-leaf .nav &gt; li &gt; a:active, .theme-leaf .nav &gt; li &gt; a:focus {
  color: #009688; }
.theme-leaf .nav-pills &gt; li &gt; a.active {
  border-top-color: #009688;
  background-color: #009688 !important;
  color: #ffffff; }
  .theme-leaf .nav-pills &gt; li &gt; a.active:hover, .theme-leaf .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #009688;
    background-color: #009688 !important;
    color: #ffffff; }
.theme-leaf .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-leaf .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #009688; }
.theme-leaf .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #009688; }
  .theme-leaf .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-leaf .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #009688; }
.theme-leaf .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #009688; }
.theme-leaf .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #009688; }
.theme-leaf .customtab li a.nav-link.active {
  border-bottom: 2px solid #009688; }

/*---form-element---*/
.theme-leaf .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-leaf .form-element .form-control {
  background-image: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-leaf .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #009688 0%, #009688 33%, #5f9332 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-leaf .form-control:focus {
  border-color: #009688; }
.theme-leaf [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #009688;
  border-bottom: 2px solid #009688; }
.theme-leaf [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #5f9332;
  border-bottom: 2px solid #5f9332; }
.theme-leaf [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #2589f9;
  border-bottom: 2px solid #2589f9; }
.theme-leaf [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #d814cd;
  border-bottom: 2px solid #d814cd; }
.theme-leaf [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #dccd24;
  border-bottom: 2px solid #dccd24; }
.theme-leaf [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #009688;
  background-color: #009688; }
.theme-leaf [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #5f9332;
  background-color: #5f9332; }
.theme-leaf [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #2589f9;
  background-color: #2589f9; }
.theme-leaf [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #d814cd;
  background-color: #d814cd; }
.theme-leaf [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #dccd24;
  background-color: #dccd24; }
.theme-leaf [type=radio].radio-col-primary:checked + label:after {
  background-color: #009688;
  border-color: #009688;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #009688;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #009688;
  border: 2px solid #009688;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].radio-col-info:checked + label:after {
  background-color: #5f9332;
  border-color: #5f9332;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #5f9332;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #5f9332;
  border: 2px solid #5f9332;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].radio-col-success:checked + label:after {
  background-color: #2589f9;
  border-color: #2589f9;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #2589f9;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #2589f9;
  border: 2px solid #2589f9;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].radio-col-danger:checked + label:after {
  background-color: #d814cd;
  border-color: #d814cd;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #d814cd;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #d814cd;
  border: 2px solid #d814cd;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].radio-col-warning:checked + label:after {
  background-color: #dccd24;
  border-color: #dccd24;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #dccd24;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #dccd24;
  border: 2px solid #dccd24;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-leaf [type=checkbox]:checked + label:before {
  border-right: 2px solid #009688;
  border-bottom: 2px solid #009688; }
.theme-leaf [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #009688;
  background-color: #009688; }
.theme-leaf [type=radio].with-gap:checked + label:before, .theme-leaf [type=radio].with-gap:checked + label:after {
  border: 2px solid #009688; }
.theme-leaf [type=radio].with-gap:checked + label:after {
  background-color: #009688;
  z-index: 0; }
.theme-leaf [type=radio]:checked + label:after {
  border: 2px solid #009688;
  background-color: #009688;
  z-index: 0; }
.theme-leaf [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #009688;
  background-color: #009688; }

/*---Calender---*/
.theme-leaf .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #009688; }
.theme-leaf .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #009688;
  border-color: #009688; }
.theme-leaf .fc-event, .theme-leaf .calendar-event {
  background: #009688; }

/*---Tabs---*/
.theme-leaf .tabs-vertical li .nav-link:hover, .theme-leaf .tabs-vertical li .nav-link:active, .theme-leaf .tabs-vertical li .nav-link:focus, .theme-leaf .tabs-vertical li .nav-link.active {
  background-color: #009688;
  color: #ffffff; }
.theme-leaf .customvtab .tabs-vertical li .nav-link:hover, .theme-leaf .customvtab .tabs-vertical li .nav-link:active, .theme-leaf .customvtab .tabs-vertical li .nav-link:focus, .theme-leaf .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #009688;
  color: #009688; }
.theme-leaf .customtab2 li a.nav-link:hover, .theme-leaf .customtab2 li a.nav-link:active, .theme-leaf .customtab2 li a.nav-link.active {
  background-color: #009688; }

.rtl.theme-leaf .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-leaf .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-leaf .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-leaf .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #009688; }

/*---Notification---*/
.theme-leaf .jq-icon-primary {
  background-color: #009688;
  color: #ffffff;
  border-color: #009688; }
.theme-leaf .jq-icon-info {
  background-color: #5f9332;
  color: #ffffff;
  border-color: #5f9332; }
.theme-leaf .jq-icon-success {
  background-color: #2589f9;
  color: #ffffff;
  border-color: #009688; }
.theme-leaf .jq-icon-error {
  background-color: #d814cd;
  color: #ffffff;
  border-color: #d814cd; }
.theme-leaf .jq-icon-danger {
  background-color: #d814cd;
  color: #ffffff;
  border-color: #d814cd; }
.theme-leaf .jq-icon-warning {
  background-color: #dccd24;
  color: #ffffff;
  border-color: #dccd24; }

/*---avatar---*/
.theme-leaf .avatar.status-primary::after {
  background-color: #009688; }
.theme-leaf .avatar.status-info::after {
  background-color: #5f9332; }
.theme-leaf .avatar.status-success::after {
  background-color: #2589f9; }
.theme-leaf .avatar.status-danger::after {
  background-color: #d814cd; }
.theme-leaf .avatar.status-warning::after {
  background-color: #dccd24; }
.theme-leaf .avatar[class*='status-']::after {
  background-color: #009688; }
.theme-leaf .avatar-add:hover {
  background-color: #00635a;
  border-color: #00635a; }

/*---media---*/
.theme-leaf .media-chat.media-chat-reverse .media-body p {
  background-color: #009688; }
.theme-leaf .media-right-out a:hover {
  color: #00635a; }

/*---control---*/
.theme-leaf .control input:checked:focus ~ .control_indicator {
  background-color: #009688; }
.theme-leaf .control input:checked ~ .control_indicator {
  background-color: #009688; }
.theme-leaf .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #009688; }

/*---flex---*/
.theme-leaf .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #009688; }
  .theme-leaf .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #009688; }

/*---pagination---*/
.theme-leaf .pagination li a.current {
  border: 1px solid #009688;
  background-color: #009688; }
  .theme-leaf .pagination li a.current:hover {
    border: 1px solid #009688;
    background-color: #009688; }
.theme-leaf .pagination li a:hover {
  border: 1px solid #00635a;
  background-color: #00635a !important; }
.theme-leaf .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #009688;
  background-color: #009688; }
  .theme-leaf .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #009688;
    background-color: #009688; }
.theme-leaf .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #009688; }
.theme-leaf .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #009688; }
.theme-leaf .footable .pagination li a:hover, .theme-leaf .footable .pagination li a:active, .theme-leaf .footable .pagination li a.active {
  background-color: #009688; }

/*---dataTables---*/
.theme-leaf .dt-buttons .dt-button {
  background-color: #009688; }

/*---select2---*/
.theme-leaf .select2-container--default.select2-container--open {
  border-color: #009688; }
.theme-leaf .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #009688; }
.theme-leaf .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #009688 !important; }
.theme-leaf .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #009688 !important; }
.theme-leaf .select2-container--default .select2-selection--multiple:focus {
  border-color: #009688 !important; }
.theme-leaf .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #009688;
  border-color: #009688; }

/*---Other---*/
.theme-leaf .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #00635a; }
.theme-leaf .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #00635a; }
.theme-leaf .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #00635a; }
.theme-leaf [data-overlay-primary]::before {
  background: #00635a; }

/*---wizard---*/
.theme-leaf .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #009688;
  background-color: #009688; }
.theme-leaf .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #00635a;
  background-color: #00635a; }
.theme-leaf .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #009688; }
.theme-leaf .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #009688; }
.theme-leaf .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #009688; }
.theme-leaf .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #009688; }
.theme-leaf .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #009688; }
.theme-leaf .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #009688;
  color: #009688; }
  .theme-leaf .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #009688; }
.theme-leaf .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #009688; }

@media (max-width: 767px) {
  .theme-leaf .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #009688; } }
@media (max-width: 575px) {
  .theme-leaf .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #009688; } }
/*---slider---*/
.theme-leaf #primary .slider-selection {
  background-color: #009688; }
.theme-leaf #info .slider-selection {
  background-color: #5f9332; }
.theme-leaf #success .slider-selection {
  background-color: #2589f9; }
.theme-leaf #danger .slider-selection {
  background-color: #d814cd; }
.theme-leaf #warning .slider-selection {
  background-color: #dccd24; }

/*---horizontal-timeline---*/
.theme-leaf .cd-horizontal-timeline .events a.selected::after {
  background: #009688;
  border-color: #009688; }
.theme-leaf .cd-horizontal-timeline .events a.older-event::after {
  border-color: #009688; }
.theme-leaf .cd-horizontal-timeline .filling-line {
  background: #009688; }
.theme-leaf .cd-horizontal-timeline a {
  color: #009688; }
  .theme-leaf .cd-horizontal-timeline a:hover, .theme-leaf .cd-horizontal-timeline a:focus {
    color: #009688; }
.theme-leaf .cd-timeline-navigation a:hover, .theme-leaf .cd-timeline-navigation a:focus {
  border-color: #009688; }

/**************************************
Theme metalred Color
**************************************/
.bg-gradient-metalred, .theme-metalred .bg-gradient-metalred, .theme-metalred .art-bg {
  background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%); }

.bg-light-body {
  background: transparent; }

.theme-metalred.fixed .main-header {
   }
  .theme-metalred.fixed .main-header .navbar {
    background: transparent; }
.theme-metalred .main-header {
  background: #ffffff; }

.theme-metalred.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-metalred-dark, .dark-skin.theme-metalred .bg-gradient-metalred, .dark-skin.theme-metalred .art-bg {
  background-image: linear-gradient(-45deg, #c71612 0%, #c71612 33%, #36474f 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-metalred.fixed .main-header {
   }
  .dark-skin.theme-metalred.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-metalred .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-metalred.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-metalred.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-metalred.fixed .main-header {
    background-image: #0c1a32; } }
.theme-metalred a:hover, .theme-metalred a:active, .theme-metalred a:focus {
  color: #ef5350; }
.theme-metalred .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-metalred .main-sidebar .svg-icon:hover, .theme-metalred .main-sidebar .svg-icon:active, .theme-metalred .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-metalred .main-sidebar a:hover .svg-icon, .theme-metalred .main-sidebar a:active .svg-icon, .theme-metalred .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-metalred .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-metalred .svg-icon:hover, .theme-metalred .svg-icon:active, .theme-metalred .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-metalred a:hover .svg-icon, .theme-metalred a:active .svg-icon, .theme-metalred a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-metalred.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #ef5350 !important; }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ef5350; }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #ef5350;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-metalred.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-metalred.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #ef5350 !important; }
.theme-metalred.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-metalred.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-metalred.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-metalred.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-metalred.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-metalred.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #ef5350 !important; }
.theme-metalred.light-skin .sidebar-menu &gt; li:hover, .theme-metalred.light-skin .sidebar-menu &gt; li:active, .theme-metalred.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(239, 83, 80, 0);
  color: #ef5350;
  border-left: 0px solid rgba(239, 83, 80, 0); }
  .theme-metalred.light-skin .sidebar-menu &gt; li:hover a, .theme-metalred.light-skin .sidebar-menu &gt; li:active a, .theme-metalred.light-skin .sidebar-menu &gt; li.active a {
    color: #ef5350; }
    .theme-metalred.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-metalred.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-metalred.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(239, 83, 80, 0); }
    .theme-metalred.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-metalred.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-metalred.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #ef5350;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-metalred.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-metalred.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-metalred.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-metalred.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(239, 83, 80, 0);
  color: #ef5350;
  border-left: 0px solid #ef5350; }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%); }
    .theme-metalred.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #ef5350;
      background-color: rgba(239, 83, 80, 0); }
    .theme-metalred.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-metalred.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(239, 83, 80, 0);
    color: #ef5350; }
    .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%); }
      .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(239, 83, 80, 0); }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(239, 83, 80, 0); }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(239, 83, 80, 0);
    color: #ef5350; }
    .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #ef5350; }
      .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #ef5350;
        background-color: rgba(239, 83, 80, 0); }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(239, 83, 80, 0);
    color: #ef5350; }
    .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #ef5350; }
      .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #ef5350;
        background-color: rgba(239, 83, 80, 0); }
  .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-metalred.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(239, 83, 80, 0); }
.theme-metalred.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #ef5350;
  border-right: 0px solid #ef5350; }
.theme-metalred.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(239, 83, 80, 0);
  color: white;
  border-left: 0px solid #ef5350; }
  .theme-metalred.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%); }
    .theme-metalred.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-metalred.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-metalred.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-metalred.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(239, 83, 80, 0);
    color: #ef5350; }
    .theme-metalred.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%); }
      .theme-metalred.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(239, 83, 80, 0); }
  .theme-metalred.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(239, 83, 80, 0);
    color: white; }
    .theme-metalred.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-metalred.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #ef5350;
  border-right: 0px solid #ef5350; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(239, 83, 80, 0.2);
    color: #ef5350; } }
/*---Main Nav---*/
.theme-metalred .sm-blue li.current &gt; a, .theme-metalred .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%);
  color: #ffffff !important; }
  .theme-metalred .sm-blue li.current &gt; a:hover, .theme-metalred .sm-blue li.current &gt; a:active, .theme-metalred .sm-blue li.current &gt; a:focus, .theme-metalred .sm-blue li.highlighted &gt; a:hover, .theme-metalred .sm-blue li.highlighted &gt; a:active, .theme-metalred .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%);
    color: #ffffff !important; }
.theme-metalred .sm-blue a.current, .theme-metalred .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%);
  color: #ffffff !important; }
.theme-metalred .sm-blue a:hover, .theme-metalred .sm-blue a:active, .theme-metalred .sm-blue a:focus {
  background: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%);
  color: #ffffff !important; }
.theme-metalred .sm-blue ul a:hover, .theme-metalred .sm-blue ul a:active, .theme-metalred .sm-blue ul a:focus {
  background: #ebedf3;
  color: #ef5350 !important; }
.theme-metalred .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #ef5350 !important; }

.dark-skin.theme-metalred .sm-blue li.current &gt; a, .dark-skin.theme-metalred .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #c71612 0%, #c71612 33%, #36474f 100%);
  color: #ffffff !important; }
  .dark-skin.theme-metalred .sm-blue li.current &gt; a:hover, .dark-skin.theme-metalred .sm-blue li.current &gt; a:active, .dark-skin.theme-metalred .sm-blue li.current &gt; a:focus, .dark-skin.theme-metalred .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-metalred .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-metalred .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #c71612 0%, #c71612 33%, #36474f 100%);
    color: #ffffff !important; }
.dark-skin.theme-metalred .sm-blue a.current, .dark-skin.theme-metalred .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #c71612 0%, #c71612 33%, #36474f 100%);
  color: #ffffff !important; }
.dark-skin.theme-metalred .sm-blue a:hover, .dark-skin.theme-metalred .sm-blue a:active, .dark-skin.theme-metalred .sm-blue a:focus {
  background: linear-gradient(-45deg, #c71612 0%, #c71612 33%, #36474f 100%);
  color: #ffffff !important; }
.dark-skin.theme-metalred .sm-blue ul a:hover, .dark-skin.theme-metalred .sm-blue ul a:active, .dark-skin.theme-metalred .sm-blue ul a:focus {
  background: #29354b;
  color: #ef5350 !important; }
.dark-skin.theme-metalred .sm-blue ul a.highlighted {
  background: #29354b;
  color: #ef5350 !important; }

/*---Primary Button---*/
.theme-metalred .btn-link {
  color: #ef5350; }
.theme-metalred .btn-primary {
  background-color: #ef5350;
  border-color: #ef5350;
  color: #ffffff; }
  .theme-metalred .btn-primary:hover, .theme-metalred .btn-primary:active, .theme-metalred .btn-primary:focus, .theme-metalred .btn-primary.active {
    background-color: #eb2521 !important;
    border-color: #eb2521 !important;
    color: #ffffff !important; }
  .theme-metalred .btn-primary:disabled {
    background-color: #f8afad;
    border-color: #ef5350;
    opacity: 0.5; }
  .theme-metalred .btn-primary.disabled {
    background-color: #f8afad;
    border-color: #ef5350;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-primary.dropdown-toggle {
  background-color: #eb2521 !important;
  border-color: #eb2521 !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-primary {
  color: #ef5350;
  background-color: transparent;
  border-color: #ef5350 !important; }
  .theme-metalred .btn-outline.btn-primary:hover, .theme-metalred .btn-outline.btn-primary:active, .theme-metalred .btn-outline.btn-primary.active {
    background-color: #eb2521 !important;
    border-color: #eb2521 !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #eb2521 !important;
  border-color: #eb2521 !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-primary {
  color: #ef5350 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-primary:hover, .theme-metalred .btn-flat.btn-primary:active, .theme-metalred .btn-flat.btn-primary.active {
    background-color: #eb2521 !important;
    border-color: #eb2521 !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-metalred .btn-info {
  background-color: #607d8b;
  border-color: #607d8b;
  color: #ffffff; }
  .theme-metalred .btn-info:hover, .theme-metalred .btn-info:active, .theme-metalred .btn-info:focus, .theme-metalred .btn-info.active {
    background-color: #4b626d !important;
    border-color: #4b626d !important;
    color: #ffffff !important; }
  .theme-metalred .btn-info:disabled {
    background-color: #99aeb8;
    border-color: #607d8b;
    opacity: 0.5; }
  .theme-metalred .btn-info.disabled {
    background-color: #99aeb8;
    border-color: #607d8b;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-info.dropdown-toggle {
  background-color: #4b626d !important;
  border-color: #4b626d !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-info {
  color: #607d8b;
  background-color: transparent;
  border-color: #607d8b !important; }
  .theme-metalred .btn-outline.btn-info:hover, .theme-metalred .btn-outline.btn-info:active, .theme-metalred .btn-outline.btn-info.active {
    background-color: #4b626d !important;
    border-color: #4b626d !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #4b626d !important;
  border-color: #4b626d !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-info {
  color: #607d8b !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-info:hover, .theme-metalred .btn-flat.btn-info:active, .theme-metalred .btn-flat.btn-info.active {
    background-color: #4b626d !important;
    border-color: #4b626d !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-metalred .btn-success {
  background-color: #0fc9a8;
  border-color: #0fc9a8;
  color: #ffffff; }
  .theme-metalred .btn-success:hover, .theme-metalred .btn-success:active, .theme-metalred .btn-success:focus, .theme-metalred .btn-success.active {
    background-color: #0b9a80 !important;
    border-color: #0b9a80 !important;
    color: #ffffff !important; }
  .theme-metalred .btn-success:disabled {
    background-color: #4cf2d4;
    border-color: #0fc9a8;
    opacity: 0.5; }
  .theme-metalred .btn-success.disabled {
    background-color: #4cf2d4;
    border-color: #0fc9a8;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-success.dropdown-toggle {
  background-color: #0b9a80 !important;
  border-color: #0b9a80 !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-success {
  color: #0fc9a8;
  background-color: transparent;
  border-color: #0fc9a8 !important; }
  .theme-metalred .btn-outline.btn-success:hover, .theme-metalred .btn-outline.btn-success:active, .theme-metalred .btn-outline.btn-success.active {
    background-color: #0b9a80 !important;
    border-color: #0b9a80 !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #0b9a80 !important;
  border-color: #0b9a80 !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-success {
  color: #0fc9a8 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-success:hover, .theme-metalred .btn-flat.btn-success:active, .theme-metalred .btn-flat.btn-success.active {
    background-color: #0b9a80 !important;
    border-color: #0b9a80 !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-metalred .btn-danger {
  background-color: #bc4eea;
  border-color: #bc4eea;
  color: #ffffff; }
  .theme-metalred .btn-danger:hover, .theme-metalred .btn-danger:active, .theme-metalred .btn-danger:focus, .theme-metalred .btn-danger.active {
    background-color: #ab20e5 !important;
    border-color: #ab20e5 !important;
    color: #ffffff !important; }
  .theme-metalred .btn-danger:disabled {
    background-color: #dfa9f5;
    border-color: #bc4eea;
    opacity: 0.5; }
  .theme-metalred .btn-danger.disabled {
    background-color: #dfa9f5;
    border-color: #bc4eea;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-danger.dropdown-toggle {
  background-color: #ab20e5 !important;
  border-color: #ab20e5 !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-danger {
  color: #bc4eea;
  background-color: transparent;
  border-color: #bc4eea !important; }
  .theme-metalred .btn-outline.btn-danger:hover, .theme-metalred .btn-outline.btn-danger:active, .theme-metalred .btn-outline.btn-danger.active {
    background-color: #ab20e5 !important;
    border-color: #ab20e5 !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #ab20e5 !important;
  border-color: #ab20e5 !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-danger {
  color: #bc4eea !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-danger:hover, .theme-metalred .btn-flat.btn-danger:active, .theme-metalred .btn-flat.btn-danger.active {
    background-color: #ab20e5 !important;
    border-color: #ab20e5 !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-metalred .btn-warning {
  background-color: #f2d42f;
  border-color: #f2d42f;
  color: #ffffff; }
  .theme-metalred .btn-warning:hover, .theme-metalred .btn-warning:active, .theme-metalred .btn-warning:focus, .theme-metalred .btn-warning.active {
    background-color: #e0c00e !important;
    border-color: #e0c00e !important;
    color: #ffffff !important; }
  .theme-metalred .btn-warning:disabled {
    background-color: #f8e88f;
    border-color: #f2d42f;
    opacity: 0.5; }
  .theme-metalred .btn-warning.disabled {
    background-color: #f8e88f;
    border-color: #f2d42f;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-warning.dropdown-toggle {
  background-color: #e0c00e !important;
  border-color: #e0c00e !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-warning {
  color: #f2d42f;
  background-color: transparent;
  border-color: #f2d42f !important; }
  .theme-metalred .btn-outline.btn-warning:hover, .theme-metalred .btn-outline.btn-warning:active, .theme-metalred .btn-outline.btn-warning.active {
    background-color: #e0c00e !important;
    border-color: #e0c00e !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #e0c00e !important;
  border-color: #e0c00e !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-warning {
  color: #f2d42f !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-warning:hover, .theme-metalred .btn-flat.btn-warning:active, .theme-metalred .btn-flat.btn-warning.active {
    background-color: #e0c00e !important;
    border-color: #e0c00e !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-metalred .btn-primary-light {
  background-color: #f4dfdf;
  border-color: #f4dfdf;
  color: #ef5350; }
  .theme-metalred .btn-primary-light:hover, .theme-metalred .btn-primary-light:active, .theme-metalred .btn-primary-light:focus, .theme-metalred .btn-primary-light.active {
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
    color: #ffffff !important; }
  .theme-metalred .btn-primary-light:disabled {
    background-color: white;
    border-color: #f4dfdf;
    opacity: 0.5; }
  .theme-metalred .btn-primary-light.disabled {
    background-color: white;
    border-color: #f4dfdf;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #ef5350 !important;
  border-color: #ef5350 !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-primary-light {
  color: #ef5350;
  background-color: transparent;
  border-color: #f4dfdf !important; }
  .theme-metalred .btn-outline.btn-primary-light:hover, .theme-metalred .btn-outline.btn-primary-light:active, .theme-metalred .btn-outline.btn-primary-light.active {
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #ef5350 !important;
  border-color: #ef5350 !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-primary-light {
  color: #ef5350 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-primary-light:hover, .theme-metalred .btn-flat.btn-primary-light:active, .theme-metalred .btn-flat.btn-primary-light.active {
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-metalred .btn-info-light {
  background-color: #dbe3e7;
  border-color: #dbe3e7;
  color: #607d8b; }
  .theme-metalred .btn-info-light:hover, .theme-metalred .btn-info-light:active, .theme-metalred .btn-info-light:focus, .theme-metalred .btn-info-light.active {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important; }
  .theme-metalred .btn-info-light:disabled {
    background-color: white;
    border-color: #dbe3e7;
    opacity: 0.5; }
  .theme-metalred .btn-info-light.disabled {
    background-color: white;
    border-color: #dbe3e7;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-info.dropdown-toggle {
  background-color: #607d8b !important;
  border-color: #607d8b !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-info-light {
  color: #607d8b;
  background-color: transparent;
  border-color: #dbe3e7 !important; }
  .theme-metalred .btn-outline.btn-info-light:hover, .theme-metalred .btn-outline.btn-info-light:active, .theme-metalred .btn-outline.btn-info-light.active {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #607d8b !important;
  border-color: #607d8b !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-info-light {
  color: #607d8b !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-info-light:hover, .theme-metalred .btn-flat.btn-info-light:active, .theme-metalred .btn-flat.btn-info-light.active {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-metalred .btn-success-light {
  background-color: #cffef6;
  border-color: #cffef6;
  color: #0fc9a8; }
  .theme-metalred .btn-success-light:hover, .theme-metalred .btn-success-light:active, .theme-metalred .btn-success-light:focus, .theme-metalred .btn-success-light.active {
    background-color: #0fc9a8 !important;
    border-color: #0fc9a8 !important;
    color: #ffffff !important; }
  .theme-metalred .btn-success-light:disabled {
    background-color: white;
    border-color: #cffef6;
    opacity: 0.5; }
  .theme-metalred .btn-success-light.disabled {
    background-color: white;
    border-color: #cffef6;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #0fc9a8 !important;
  border-color: #0fc9a8 !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-success-light {
  color: #0fc9a8;
  background-color: transparent;
  border-color: #cffef6 !important; }
  .theme-metalred .btn-outline.btn-success-light:hover, .theme-metalred .btn-outline.btn-success-light:active, .theme-metalred .btn-outline.btn-success-light.active {
    background-color: #0fc9a8 !important;
    border-color: #0fc9a8 !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #0fc9a8 !important;
  border-color: #0fc9a8 !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-success-light {
  color: #0fc9a8 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-success-light:hover, .theme-metalred .btn-flat.btn-success-light:active, .theme-metalred .btn-flat.btn-success-light.active {
    background-color: #0fc9a8 !important;
    border-color: #0fc9a8 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-metalred .btn-danger-light {
  background-color: #f8e6ff;
  border-color: #f8e6ff;
  color: #bc4eea; }
  .theme-metalred .btn-danger-light:hover, .theme-metalred .btn-danger-light:active, .theme-metalred .btn-danger-light:focus, .theme-metalred .btn-danger-light.active {
    background-color: #bc4eea !important;
    border-color: #bc4eea !important;
    color: #ffffff !important; }
  .theme-metalred .btn-danger-light:disabled {
    background-color: white;
    border-color: #f8e6ff;
    opacity: 0.5; }
  .theme-metalred .btn-danger-light.disabled {
    background-color: white;
    border-color: #f8e6ff;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #bc4eea !important;
  border-color: #bc4eea !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-danger-light {
  color: #bc4eea;
  background-color: transparent;
  border-color: #f8e6ff !important; }
  .theme-metalred .btn-outline.btn-danger-light:hover, .theme-metalred .btn-outline.btn-danger-light:active, .theme-metalred .btn-outline.btn-danger-light.active {
    background-color: #bc4eea !important;
    border-color: #bc4eea !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #bc4eea !important;
  border-color: #bc4eea !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-danger-light {
  color: #bc4eea !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-danger-light:hover, .theme-metalred .btn-flat.btn-danger-light:active, .theme-metalred .btn-flat.btn-danger-light.active {
    background-color: #bc4eea !important;
    border-color: #bc4eea !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-metalred .btn-warning-light {
  background-color: #fff9db;
  border-color: #fff9db;
  color: #f2d42f; }
  .theme-metalred .btn-warning-light:hover, .theme-metalred .btn-warning-light:active, .theme-metalred .btn-warning-light:focus, .theme-metalred .btn-warning-light.active {
    background-color: #f2d42f !important;
    border-color: #f2d42f !important;
    color: #ffffff !important; }
  .theme-metalred .btn-warning-light:disabled {
    background-color: white;
    border-color: #fff9db;
    opacity: 0.5; }
  .theme-metalred .btn-warning-light.disabled {
    background-color: white;
    border-color: #fff9db;
    opacity: 0.5; }
.theme-metalred .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #f2d42f !important;
  border-color: #f2d42f !important;
  color: #ffffff; }
.theme-metalred .btn-outline.btn-warning-light {
  color: #f2d42f;
  background-color: transparent;
  border-color: #fff9db !important; }
  .theme-metalred .btn-outline.btn-warning-light:hover, .theme-metalred .btn-outline.btn-warning-light:active, .theme-metalred .btn-outline.btn-warning-light.active {
    background-color: #f2d42f !important;
    border-color: #f2d42f !important;
    color: #ffffff !important; }
.theme-metalred .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #f2d42f !important;
  border-color: #f2d42f !important;
  color: #ffffff; }
.theme-metalred .btn-flat.btn-warning-light {
  color: #f2d42f !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-metalred .btn-flat.btn-warning-light:hover, .theme-metalred .btn-flat.btn-warning-light:active, .theme-metalred .btn-flat.btn-warning-light.active {
    background-color: #f2d42f !important;
    border-color: #f2d42f !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-metalred .callout.callout-primary {
  border-color: #ef5350;
  background-color: #ef5350 !important; }
.theme-metalred .callout.callout-info {
  border-color: #607d8b;
  background-color: #607d8b !important; }
.theme-metalred .callout.callout-success {
  border-color: #0fc9a8;
  background-color: #0fc9a8 !important; }
.theme-metalred .callout.callout-danger {
  border-color: #bc4eea;
  background-color: #bc4eea !important; }
.theme-metalred .callout.callout-warning {
  border-color: #f2d42f;
  background-color: #f2d42f !important; }

/*---alert---*/
.theme-metalred .alert-primary {
  border-color: #ef5350;
  background-color: #ef5350 !important;
  color: #ffffff; }
.theme-metalred .alert-info {
  border-color: #607d8b;
  background-color: #607d8b !important;
  color: #ffffff; }
.theme-metalred .alert-success {
  border-color: #0fc9a8;
  background-color: #0fc9a8 !important;
  color: #ffffff; }
.theme-metalred .alert-danger {
  border-color: #bc4eea;
  background-color: #bc4eea !important;
  color: #ffffff; }
.theme-metalred .alert-error {
  border-color: #bc4eea;
  background-color: #bc4eea !important;
  color: #ffffff; }
.theme-metalred .alert-warning {
  border-color: #f2d42f;
  background-color: #f2d42f !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-metalred .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #ef5350;
  color: #ffffff; }
.theme-metalred .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-metalred .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #ef5350; }
.theme-metalred .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #607d8b;
  color: #ffffff; }
.theme-metalred .direct-chat-info .right &gt; .direct-chat-text:before, .theme-metalred .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #607d8b; }
.theme-metalred .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #0fc9a8;
  color: #ffffff; }
.theme-metalred .direct-chat-success .right &gt; .direct-chat-text:before, .theme-metalred .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #0fc9a8; }
.theme-metalred .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #bc4eea;
  color: #ffffff; }
.theme-metalred .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-metalred .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #bc4eea; }
.theme-metalred .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #f2d42f;
  color: #ffffff; }
.theme-metalred .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-metalred .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #f2d42f; }
.theme-metalred .right .direct-chat-text p {
  background-color: #ef5350; }

/*---modal---*/
.theme-metalred .modal-primary .modal-footer, .theme-metalred .modal-primary .modal-header {
  border-color: #ef5350; }
.theme-metalred .modal-primary .modal-body {
  background-color: #ef5350 !important; }
.theme-metalred .modal-info .modal-footer, .theme-metalred .modal-info .modal-header {
  border-color: #607d8b; }
.theme-metalred .modal-info .modal-body {
  background-color: #607d8b !important; }
.theme-metalred .modal-success .modal-footer, .theme-metalred .modal-success .modal-header {
  border-color: #0fc9a8; }
.theme-metalred .modal-success .modal-body {
  background-color: #0fc9a8 !important; }
.theme-metalred .modal-danger .modal-footer, .theme-metalred .modal-danger .modal-header {
  border-color: #bc4eea; }
.theme-metalred .modal-danger .modal-body {
  background-color: #bc4eea !important; }
.theme-metalred .modal-warning .modal-footer, .theme-metalred .modal-warning .modal-header {
  border-color: #f2d42f; }
.theme-metalred .modal-warning .modal-body {
  background-color: #f2d42f !important; }

/*---border---*/
.theme-metalred .border-primary {
  border-color: #ef5350 !important; }
.theme-metalred .border-info {
  border-color: #607d8b !important; }
.theme-metalred .border-success {
  border-color: #0fc9a8 !important; }
.theme-metalred .border-danger {
  border-color: #bc4eea !important; }
.theme-metalred .border-warning {
  border-color: #f2d42f !important; }

/*---Background---*/
.theme-metalred .bg-primary {
  background-color: #ef5350 !important;
  color: #ffffff; }
.theme-metalred .bg-primary-light {
  background-color: #f4dfdf !important;
  color: #ef5350; }
.theme-metalred .bg-info {
  background-color: #607d8b !important;
  color: #ffffff; }
.theme-metalred .bg-info-light {
  background-color: #dbe3e7 !important;
  color: #607d8b; }
.theme-metalred .bg-success {
  background-color: #0fc9a8 !important;
  color: #ffffff; }
.theme-metalred .bg-success-light {
  background-color: #cffef6 !important;
  color: #0fc9a8; }
.theme-metalred .bg-danger {
  background-color: #bc4eea !important;
  color: #ffffff; }
.theme-metalred .bg-danger-light {
  background-color: #f8e6ff !important;
  color: #bc4eea; }
.theme-metalred .bg-warning {
  background-color: #f2d42f !important;
  color: #ffffff; }
.theme-metalred .bg-warning-light {
  background-color: #fff9db !important;
  color: #f2d42f; }

/*---text---*/
.theme-metalred .text-primary {
  color: #ef5350 !important; }
.theme-metalred a.text-primary:hover, .theme-metalred a.text-primary:focus {
  color: #ef5350 !important; }
.theme-metalred .hover-primary:hover, .theme-metalred .hover-primary:focus {
  color: #ef5350 !important; }
.theme-metalred .text-info {
  color: #607d8b !important; }
.theme-metalred a.text-info:hover, .theme-metalred a.text-info:focus {
  color: #607d8b !important; }
.theme-metalred .hover-info:hover, .theme-metalred .hover-info:focus {
  color: #607d8b !important; }
.theme-metalred .text-success {
  color: #0fc9a8 !important; }
.theme-metalred a.text-success:hover, .theme-metalred a.text-success:focus {
  color: #0fc9a8 !important; }
.theme-metalred .hover-success:hover, .theme-metalred .hover-success:focus {
  color: #0fc9a8 !important; }
.theme-metalred .text-danger {
  color: #bc4eea !important; }
.theme-metalred a.text-danger:hover, .theme-metalred a.text-danger:focus {
  color: #bc4eea !important; }
.theme-metalred .hover-danger:hover, .theme-metalred .hover-danger:focus {
  color: #bc4eea !important; }
.theme-metalred .text-warning {
  color: #f2d42f !important; }
.theme-metalred a.text-warning:hover, .theme-metalred a.text-warning:focus {
  color: #f2d42f !important; }
.theme-metalred .hover-warning:hover, .theme-metalred .hover-warning:focus {
  color: #f2d42f !important; }

/*---active background---*/
.theme-metalred .active.active-primary {
  background-color: #eb2521 !important; }
.theme-metalred .active.active-info {
  background-color: #4b626d !important; }
.theme-metalred .active.active-success {
  background-color: #0b9a80 !important; }
.theme-metalred .active.active-danger {
  background-color: #ab20e5 !important; }
.theme-metalred .active.active-warning {
  background-color: #e0c00e !important; }

/*---label background---*/
.theme-metalred .label-primary {
  background-color: #ef5350 !important; }
.theme-metalred .label-info {
  background-color: #607d8b !important; }
.theme-metalred .label-success {
  background-color: #0fc9a8 !important; }
.theme-metalred .label-danger {
  background-color: #bc4eea !important; }
.theme-metalred .label-warning {
  background-color: #f2d42f !important; }

/*---ribbon---*/
.theme-metalred .ribbon-box .ribbon-primary {
  background-color: #ef5350; }
  .theme-metalred .ribbon-box .ribbon-primary:before {
    border-color: #ef5350 transparent transparent; }
.theme-metalred .ribbon-box .ribbon-two-primary span {
  background-color: #ef5350; }
  .theme-metalred .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #eb2521;
    border-top: 3px solid #eb2521; }
  .theme-metalred .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #eb2521;
    border-top: 3px solid #eb2521; }
.theme-metalred .ribbon-box .ribbon-info {
  background-color: #607d8b; }
  .theme-metalred .ribbon-box .ribbon-info:before {
    border-color: #607d8b transparent transparent; }
.theme-metalred .ribbon-box .ribbon-two-info span {
  background-color: #607d8b; }
  .theme-metalred .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #4b626d;
    border-top: 3px solid #4b626d; }
  .theme-metalred .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #4b626d;
    border-top: 3px solid #4b626d; }
.theme-metalred .ribbon-box .ribbon-success {
  background-color: #0fc9a8; }
  .theme-metalred .ribbon-box .ribbon-success:before {
    border-color: #0fc9a8 transparent transparent; }
.theme-metalred .ribbon-box .ribbon-two-success span {
  background-color: #0fc9a8; }
  .theme-metalred .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #0b9a80;
    border-top: 3px solid #0b9a80; }
  .theme-metalred .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #0b9a80;
    border-top: 3px solid #0b9a80; }
.theme-metalred .ribbon-box .ribbon-danger {
  background-color: #bc4eea; }
  .theme-metalred .ribbon-box .ribbon-danger:before {
    border-color: #bc4eea transparent transparent; }
.theme-metalred .ribbon-box .ribbon-two-danger span {
  background-color: #bc4eea; }
  .theme-metalred .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #ab20e5;
    border-top: 3px solid #ab20e5; }
  .theme-metalred .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #ab20e5;
    border-top: 3px solid #ab20e5; }
.theme-metalred .ribbon-box .ribbon-warning {
  background-color: #f2d42f; }
  .theme-metalred .ribbon-box .ribbon-warning:before {
    border-color: #f2d42f transparent transparent; }
.theme-metalred .ribbon-box .ribbon-two-warning span {
  background-color: #f2d42f; }
  .theme-metalred .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #e0c00e;
    border-top: 3px solid #e0c00e; }
  .theme-metalred .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #e0c00e;
    border-top: 3px solid #e0c00e; }

/*---Box---*/
.theme-metalred .box-primary {
  background-color: #ef5350 !important; }
  .theme-metalred .box-primary.box-bordered {
    border-color: #ef5350; }
.theme-metalred .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #ef5350; }
.theme-metalred .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #ef5350; }
  .theme-metalred .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-metalred .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-metalred .box-info {
  background-color: #607d8b !important; }
  .theme-metalred .box-info.box-bordered {
    border-color: #607d8b; }
.theme-metalred .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #607d8b; }
.theme-metalred .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #607d8b; }
  .theme-metalred .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-metalred .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-metalred .box-success {
  background-color: #0fc9a8 !important; }
  .theme-metalred .box-success.box-bordered {
    border-color: #0fc9a8; }
.theme-metalred .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #0fc9a8; }
.theme-metalred .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #0fc9a8; }
  .theme-metalred .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-metalred .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-metalred .box-danger {
  background-color: #bc4eea !important; }
  .theme-metalred .box-danger.box-bordered {
    border-color: #bc4eea; }
.theme-metalred .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #bc4eea; }
.theme-metalred .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #bc4eea; }
  .theme-metalred .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-metalred .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-metalred .box-warning {
  background-color: #f2d42f !important; }
  .theme-metalred .box-warning.box-bordered {
    border-color: #f2d42f; }
.theme-metalred .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #f2d42f; }
.theme-metalred .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #f2d42f; }
  .theme-metalred .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-metalred .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-metalred .box-profile .social-states a:hover {
  color: #eb2521; }
.theme-metalred .box-controls li &gt; a:hover {
  color: #eb2521; }
.theme-metalred .box-controls .dropdown.show &gt; a {
  color: #eb2521; }
.theme-metalred .box-fullscreen .box-btn-fullscreen {
  color: #eb2521; }

/*---progress bar---*/
.theme-metalred .progress-bar-primary {
  background-color: #ef5350; }
.theme-metalred .progress-bar-info {
  background-color: #607d8b; }
.theme-metalred .progress-bar-success {
  background-color: #0fc9a8; }
.theme-metalred .progress-bar-danger {
  background-color: #bc4eea; }
.theme-metalred .progress-bar-warning {
  background-color: #f2d42f; }

/*---panel---*/
.theme-metalred .panel-primary {
  border-color: #ef5350; }
  .theme-metalred .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #ef5350;
    border-color: #ef5350; }
    .theme-metalred .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #ef5350; }
    .theme-metalred .panel-primary &gt; .panel-heading .badge-pill {
      color: #ef5350;
      background-color: #ffffff; }
  .theme-metalred .panel-primary .panel-title, .theme-metalred .panel-primary .panel-action {
    color: #ffffff; }
  .theme-metalred .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #ef5350; }
.theme-metalred .panel-line.panel-primary .panel-heading {
  color: #ef5350;
  border-top-color: #ef5350;
  background: transparent; }
.theme-metalred .panel-line.panel-primary .panel-title, .theme-metalred .panel-line.panel-primary .panel-action {
  color: #ef5350; }
.theme-metalred .panel-info {
  border-color: #607d8b; }
  .theme-metalred .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #607d8b;
    border-color: #607d8b; }
    .theme-metalred .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #607d8b; }
    .theme-metalred .panel-info &gt; .panel-heading .badge-pill {
      color: #607d8b;
      background-color: #ffffff; }
  .theme-metalred .panel-info .panel-title, .theme-metalred .panel-info .panel-action {
    color: #ffffff; }
  .theme-metalred .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #607d8b; }
.theme-metalred .panel-line.panel-info .panel-heading {
  color: #607d8b;
  border-top-color: #607d8b;
  background: transparent; }
.theme-metalred .panel-line.panel-info .panel-title, .theme-metalred .panel-line.panel-info .panel-action {
  color: #607d8b; }
.theme-metalred .panel-success {
  border-color: #0fc9a8; }
  .theme-metalred .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #0fc9a8;
    border-color: #0fc9a8; }
    .theme-metalred .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #0fc9a8; }
    .theme-metalred .panel-success &gt; .panel-heading .badge-pill {
      color: #0fc9a8;
      background-color: #ffffff; }
  .theme-metalred .panel-success .panel-title, .theme-metalred .panel-success .panel-action {
    color: #ffffff; }
  .theme-metalred .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #0fc9a8; }
.theme-metalred .panel-line.panel-success .panel-heading {
  color: #0fc9a8;
  border-top-color: #0fc9a8;
  background: transparent; }
.theme-metalred .panel-line.panel-success .panel-title, .theme-metalred .panel-line.panel-success .panel-action {
  color: #0fc9a8; }
.theme-metalred .panel-danger {
  border-color: #bc4eea; }
  .theme-metalred .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #bc4eea;
    border-color: #bc4eea; }
    .theme-metalred .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #bc4eea; }
    .theme-metalred .panel-danger &gt; .panel-heading .badge-pill {
      color: #bc4eea;
      background-color: #ffffff; }
  .theme-metalred .panel-danger .panel-title, .theme-metalred .panel-danger .panel-action {
    color: #ffffff; }
  .theme-metalred .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #bc4eea; }
.theme-metalred .panel-line.panel-danger .panel-heading {
  color: #bc4eea;
  border-top-color: #bc4eea;
  background: transparent; }
.theme-metalred .panel-line.panel-danger .panel-title, .theme-metalred .panel-line.panel-danger .panel-action {
  color: #bc4eea; }
.theme-metalred .panel-warning {
  border-color: #f2d42f; }
  .theme-metalred .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #f2d42f;
    border-color: #f2d42f; }
    .theme-metalred .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #f2d42f; }
    .theme-metalred .panel-warning &gt; .panel-heading .badge-pill {
      color: #f2d42f;
      background-color: #ffffff; }
  .theme-metalred .panel-warning .panel-title, .theme-metalred .panel-warning .panel-action {
    color: #ffffff; }
  .theme-metalred .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #f2d42f; }
.theme-metalred .panel-line.panel-warning .panel-heading {
  color: #f2d42f;
  border-top-color: #f2d42f;
  background: transparent; }
.theme-metalred .panel-line.panel-warning .panel-title, .theme-metalred .panel-line.panel-warning .panel-action {
  color: #f2d42f; }

/*---switch---*/
.theme-metalred .switch input:checked ~ .switch-indicator::after {
  background-color: #ef5350; }
.theme-metalred .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #ef5350; }
.theme-metalred .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #607d8b; }
.theme-metalred .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #0fc9a8; }
.theme-metalred .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #bc4eea; }
.theme-metalred .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #f2d42f; }

/*---badge---*/
.theme-metalred .badge-primary {
  background-color: #ef5350;
  color: #ffffff; }
.theme-metalred .badge-primary[href]:hover, .theme-metalred .badge-primary[href]:focus {
  background-color: #eb2521; }
.theme-metalred .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-metalred .badge-secondary[href]:hover, .theme-metalred .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-metalred .badge-info {
  background-color: #607d8b;
  color: #ffffff; }
.theme-metalred .badge-info[href]:hover, .theme-metalred .badge-info[href]:focus {
  background-color: #4b626d; }
.theme-metalred .badge-success {
  background-color: #0fc9a8;
  color: #ffffff; }
.theme-metalred .badge-success[href]:hover, .theme-metalred .badge-success[href]:focus {
  background-color: #0b9a80; }
.theme-metalred .badge-danger {
  background-color: #bc4eea;
  color: #ffffff; }
.theme-metalred .badge-danger[href]:hover, .theme-metalred .badge-danger[href]:focus {
  background-color: #ab20e5; }
.theme-metalred .badge-warning {
  background-color: #f2d42f;
  color: #ffffff; }
.theme-metalred .badge-warning[href]:hover, .theme-metalred .badge-warning[href]:focus {
  background-color: #e0c00e; }

/*---badge light---*/
.theme-metalred .badge-primary-light {
  background-color: #f4dfdf;
  color: #ef5350; }
.theme-metalred .badge-primary-light[href]:hover, .theme-metalred .badge-primary-light[href]:focus {
  background-color: #e7b9b9; }
.theme-metalred .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-metalred .badge-secondary-light[href]:hover, .theme-metalred .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-metalred .badge-info-light {
  background-color: #dbe3e7;
  color: #607d8b; }
.theme-metalred .badge-info-light[href]:hover, .theme-metalred .badge-info-light[href]:focus {
  background-color: #bccbd3; }
.theme-metalred .badge-success-light {
  background-color: #cffef6;
  color: #0fc9a8; }
.theme-metalred .badge-success-light[href]:hover, .theme-metalred .badge-success-light[href]:focus {
  background-color: #9dfded; }
.theme-metalred .badge-danger-light {
  background-color: #f8e6ff;
  color: #bc4eea; }
.theme-metalred .badge-danger-light[href]:hover, .theme-metalred .badge-danger-light[href]:focus {
  background-color: #eab3ff; }
.theme-metalred .badge-warning-light {
  background-color: #fff9db;
  color: #f2d42f; }
.theme-metalred .badge-warning-light[href]:hover, .theme-metalred .badge-warning-light[href]:focus {
  background-color: #fff1a8; }

/*---rating---*/
.theme-metalred .rating-primary .active {
  color: #ef5350; }
.theme-metalred .rating-primary :checked ~ label {
  color: #ef5350; }
.theme-metalred .rating-primary label:hover {
  color: #ef5350; }
  .theme-metalred .rating-primary label:hover ~ label {
    color: #ef5350; }
.theme-metalred .rating-info .active {
  color: #607d8b; }
.theme-metalred .rating-info :checked ~ label {
  color: #607d8b; }
.theme-metalred .rating-info label:hover {
  color: #607d8b; }
  .theme-metalred .rating-info label:hover ~ label {
    color: #607d8b; }
.theme-metalred .rating-success .active {
  color: #0fc9a8; }
.theme-metalred .rating-success :checked ~ label {
  color: #0fc9a8; }
.theme-metalred .rating-success label:hover {
  color: #0fc9a8; }
  .theme-metalred .rating-success label:hover ~ label {
    color: #0fc9a8; }
.theme-metalred .rating-danger .active {
  color: #bc4eea; }
.theme-metalred .rating-danger :checked ~ label {
  color: #bc4eea; }
.theme-metalred .rating-danger label:hover {
  color: #bc4eea; }
  .theme-metalred .rating-danger label:hover ~ label {
    color: #bc4eea; }
.theme-metalred .rating-warning .active {
  color: #f2d42f; }
.theme-metalred .rating-warning :checked ~ label {
  color: #f2d42f; }
.theme-metalred .rating-warning label:hover {
  color: #f2d42f; }
  .theme-metalred .rating-warning label:hover ~ label {
    color: #f2d42f; }

/*---toggler---*/
.theme-metalred .toggler-primary input:checked + i {
  color: #ef5350; }
.theme-metalred .toggler-info input:checked + i {
  color: #607d8b; }
.theme-metalred .toggler-success input:checked + i {
  color: #0fc9a8; }
.theme-metalred .toggler-danger input:checked + i {
  color: #bc4eea; }
.theme-metalred .toggler-warning input:checked + i {
  color: #f2d42f; }

/*---nav tabs---*/
.theme-metalred .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-metalred .nav-tabs.nav-tabs-primary .nav-link:active, .theme-metalred .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-metalred .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #eb2521;
  background-color: transparent;
  color: #eb2521; }
.theme-metalred .nav-tabs.nav-tabs-info .nav-link:hover, .theme-metalred .nav-tabs.nav-tabs-info .nav-link:active, .theme-metalred .nav-tabs.nav-tabs-info .nav-link:focus, .theme-metalred .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #4b626d;
  background-color: #607d8b;
  color: #ffffff; }
.theme-metalred .nav-tabs.nav-tabs-success .nav-link:hover, .theme-metalred .nav-tabs.nav-tabs-success .nav-link:active, .theme-metalred .nav-tabs.nav-tabs-success .nav-link:focus, .theme-metalred .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #0b9a80;
  background-color: transparent;
  color: #0b9a80; }
.theme-metalred .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-metalred .nav-tabs.nav-tabs-danger .nav-link:active, .theme-metalred .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-metalred .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #ab20e5;
  background-color: transparent;
  color: #ab20e5; }
.theme-metalred .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-metalred .nav-tabs.nav-tabs-warning .nav-link:active, .theme-metalred .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-metalred .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #e0c00e;
  background-color: transparent;
  color: #e0c00e; }
.theme-metalred .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #eb2521; }
.theme-metalred .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #4b626d; }
.theme-metalred .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #0b9a80; }
.theme-metalred .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #ab20e5; }
.theme-metalred .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #e0c00e; }
.theme-metalred .nav-tabs .nav-link.active {
  border-bottom-color: #ef5350;
  background-color: #ef5350;
  color: #ffffff; }
  .theme-metalred .nav-tabs .nav-link.active:hover, .theme-metalred .nav-tabs .nav-link.active:focus {
    border-bottom-color: #ef5350;
    background-color: #ef5350;
    color: #ffffff; }
.theme-metalred .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #ef5350;
  background-color: #ef5350; }
  .theme-metalred .nav-tabs .nav-item.open .nav-link:hover, .theme-metalred .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #ef5350;
    background-color: #ef5350; }

/*---todo---*/
.theme-metalred .todo-list .primary {
  border-left-color: #ef5350; }
.theme-metalred .todo-list .info {
  border-left-color: #ef5350; }
.theme-metalred .todo-list .success {
  border-left-color: #0fc9a8; }
.theme-metalred .todo-list .danger {
  border-left-color: #bc4eea; }
.theme-metalred .todo-list .warning {
  border-left-color: #f2d42f; }

/*---timeline---*/
.theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #ef5350;
  border: 1px solid #ef5350;
  color: #ffffff; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #ef5350;
    border-right-color: #ef5350; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #607d8b;
  border: 1px solid #607d8b;
  color: #ffffff; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #607d8b;
    border-right-color: #607d8b; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #0fc9a8;
  border: 1px solid #0fc9a8;
  color: #ffffff; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #0fc9a8;
    border-right-color: #0fc9a8; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #bc4eea;
  border: 1px solid #bc4eea;
  color: #ffffff; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #bc4eea;
    border-right-color: #bc4eea; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #f2d42f;
  border: 1px solid #f2d42f;
  color: #ffffff; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #f2d42f;
    border-right-color: #f2d42f; }
  .theme-metalred .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-metalred .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #ef5350;
  background-color: #ffffff; }
.theme-metalred .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #607d8b;
  background-color: #ffffff; }
.theme-metalred .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #0fc9a8;
  background-color: #ffffff; }
.theme-metalred .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #bc4eea;
  background-color: #ffffff; }
.theme-metalred .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #f2d42f;
  background-color: #ffffff; }
.theme-metalred .timeline .timeline-label .label-primary {
  background-color: #ef5350; }
.theme-metalred .timeline .timeline-label .label-info {
  background-color: #607d8b; }
.theme-metalred .timeline .timeline-label .label-success {
  background-color: #0fc9a8; }
.theme-metalred .timeline .timeline-label .label-danger {
  background-color: #bc4eea; }
.theme-metalred .timeline .timeline-label .label-warning {
  background-color: #f2d42f; }
.theme-metalred .timeline__year, .theme-metalred .timeline5:before, .theme-metalred .timeline__box:before, .theme-metalred .timeline__date {
  background-color: #ef5350; }
.theme-metalred .timeline__post {
  border-left: 3px solid #ef5350; }

/*---daterangepicker---*/
.theme-metalred .daterangepicker td.active {
  background-color: #ef5350; }
  .theme-metalred .daterangepicker td.active:hover {
    background-color: #ef5350; }
.theme-metalred .daterangepicker .input-mini.active {
  border: 1px solid #ef5350; }
.theme-metalred .ranges li:hover, .theme-metalred .ranges li:active, .theme-metalred .ranges li.active {
  border: 1px solid #ef5350;
  background-color: #ef5350; }

/*---control-sidebar---*/
.theme-metalred .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-metalred .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-metalred .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #ef5350;
  color: #ef5350; }
.theme-metalred .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #ef5350;
  color: #ef5350; }
  .theme-metalred .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-metalred .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-metalred .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #ef5350;
    color: #ef5350; }
.theme-metalred .control-sidebar .rpanel-title .btn:hover {
  color: #ef5350; }

/*---nav---*/
.theme-metalred .nav &gt; li &gt; a:hover, .theme-metalred .nav &gt; li &gt; a:active, .theme-metalred .nav &gt; li &gt; a:focus {
  color: #ef5350; }
.theme-metalred .nav-pills &gt; li &gt; a.active {
  border-top-color: #ef5350;
  background-color: #ef5350 !important;
  color: #ffffff; }
  .theme-metalred .nav-pills &gt; li &gt; a.active:hover, .theme-metalred .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #ef5350;
    background-color: #ef5350 !important;
    color: #ffffff; }
.theme-metalred .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-metalred .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #ef5350; }
.theme-metalred .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #ef5350; }
  .theme-metalred .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-metalred .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #ef5350; }
.theme-metalred .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #ef5350; }
.theme-metalred .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #ef5350; }
.theme-metalred .customtab li a.nav-link.active {
  border-bottom: 2px solid #ef5350; }

/*---form-element---*/
.theme-metalred .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-metalred .form-element .form-control {
  background-image: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-metalred .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #ef5350 0%, #ef5350 33%, #607d8b 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-metalred .form-control:focus {
  border-color: #ef5350; }
.theme-metalred [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #ef5350;
  border-bottom: 2px solid #ef5350; }
.theme-metalred [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #607d8b;
  border-bottom: 2px solid #607d8b; }
.theme-metalred [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #0fc9a8;
  border-bottom: 2px solid #0fc9a8; }
.theme-metalred [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #bc4eea;
  border-bottom: 2px solid #bc4eea; }
.theme-metalred [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #f2d42f;
  border-bottom: 2px solid #f2d42f; }
.theme-metalred [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #ef5350;
  background-color: #ef5350; }
.theme-metalred [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #607d8b;
  background-color: #607d8b; }
.theme-metalred [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #0fc9a8;
  background-color: #0fc9a8; }
.theme-metalred [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #bc4eea;
  background-color: #bc4eea; }
.theme-metalred [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #f2d42f;
  background-color: #f2d42f; }
.theme-metalred [type=radio].radio-col-primary:checked + label:after {
  background-color: #ef5350;
  border-color: #ef5350;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #ef5350;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #ef5350;
  border: 2px solid #ef5350;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].radio-col-info:checked + label:after {
  background-color: #607d8b;
  border-color: #607d8b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #607d8b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #607d8b;
  border: 2px solid #607d8b;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].radio-col-success:checked + label:after {
  background-color: #0fc9a8;
  border-color: #0fc9a8;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #0fc9a8;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #0fc9a8;
  border: 2px solid #0fc9a8;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].radio-col-danger:checked + label:after {
  background-color: #bc4eea;
  border-color: #bc4eea;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #bc4eea;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #bc4eea;
  border: 2px solid #bc4eea;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].radio-col-warning:checked + label:after {
  background-color: #f2d42f;
  border-color: #f2d42f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #f2d42f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #f2d42f;
  border: 2px solid #f2d42f;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-metalred [type=checkbox]:checked + label:before {
  border-right: 2px solid #ef5350;
  border-bottom: 2px solid #ef5350; }
.theme-metalred [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #ef5350;
  background-color: #ef5350; }
.theme-metalred [type=radio].with-gap:checked + label:before, .theme-metalred [type=radio].with-gap:checked + label:after {
  border: 2px solid #ef5350; }
.theme-metalred [type=radio].with-gap:checked + label:after {
  background-color: #ef5350;
  z-index: 0; }
.theme-metalred [type=radio]:checked + label:after {
  border: 2px solid #ef5350;
  background-color: #ef5350;
  z-index: 0; }
.theme-metalred [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #ef5350;
  background-color: #ef5350; }

/*---Calender---*/
.theme-metalred .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #ef5350; }
.theme-metalred .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #ef5350;
  border-color: #ef5350; }
.theme-metalred .fc-event, .theme-metalred .calendar-event {
  background: #ef5350; }

/*---Tabs---*/
.theme-metalred .tabs-vertical li .nav-link:hover, .theme-metalred .tabs-vertical li .nav-link:active, .theme-metalred .tabs-vertical li .nav-link:focus, .theme-metalred .tabs-vertical li .nav-link.active {
  background-color: #ef5350;
  color: #ffffff; }
.theme-metalred .customvtab .tabs-vertical li .nav-link:hover, .theme-metalred .customvtab .tabs-vertical li .nav-link:active, .theme-metalred .customvtab .tabs-vertical li .nav-link:focus, .theme-metalred .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #ef5350;
  color: #ef5350; }
.theme-metalred .customtab2 li a.nav-link:hover, .theme-metalred .customtab2 li a.nav-link:active, .theme-metalred .customtab2 li a.nav-link.active {
  background-color: #ef5350; }

.rtl.theme-metalred .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-metalred .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-metalred .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-metalred .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #ef5350; }

/*---Notification---*/
.theme-metalred .jq-icon-primary {
  background-color: #ef5350;
  color: #ffffff;
  border-color: #ef5350; }
.theme-metalred .jq-icon-info {
  background-color: #607d8b;
  color: #ffffff;
  border-color: #607d8b; }
.theme-metalred .jq-icon-success {
  background-color: #0fc9a8;
  color: #ffffff;
  border-color: #ef5350; }
.theme-metalred .jq-icon-error {
  background-color: #bc4eea;
  color: #ffffff;
  border-color: #bc4eea; }
.theme-metalred .jq-icon-danger {
  background-color: #bc4eea;
  color: #ffffff;
  border-color: #bc4eea; }
.theme-metalred .jq-icon-warning {
  background-color: #f2d42f;
  color: #ffffff;
  border-color: #f2d42f; }

/*---avatar---*/
.theme-metalred .avatar.status-primary::after {
  background-color: #ef5350; }
.theme-metalred .avatar.status-info::after {
  background-color: #607d8b; }
.theme-metalred .avatar.status-success::after {
  background-color: #0fc9a8; }
.theme-metalred .avatar.status-danger::after {
  background-color: #bc4eea; }
.theme-metalred .avatar.status-warning::after {
  background-color: #f2d42f; }
.theme-metalred .avatar[class*='status-']::after {
  background-color: #ef5350; }
.theme-metalred .avatar-add:hover {
  background-color: #eb2521;
  border-color: #eb2521; }

/*---media---*/
.theme-metalred .media-chat.media-chat-reverse .media-body p {
  background-color: #ef5350; }
.theme-metalred .media-right-out a:hover {
  color: #eb2521; }

/*---control---*/
.theme-metalred .control input:checked:focus ~ .control_indicator {
  background-color: #ef5350; }
.theme-metalred .control input:checked ~ .control_indicator {
  background-color: #ef5350; }
.theme-metalred .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #ef5350; }

/*---flex---*/
.theme-metalred .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #ef5350; }
  .theme-metalred .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #ef5350; }

/*---pagination---*/
.theme-metalred .pagination li a.current {
  border: 1px solid #ef5350;
  background-color: #ef5350; }
  .theme-metalred .pagination li a.current:hover {
    border: 1px solid #ef5350;
    background-color: #ef5350; }
.theme-metalred .pagination li a:hover {
  border: 1px solid #eb2521;
  background-color: #eb2521 !important; }
.theme-metalred .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #ef5350;
  background-color: #ef5350; }
  .theme-metalred .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #ef5350;
    background-color: #ef5350; }
.theme-metalred .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #ef5350; }
.theme-metalred .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #ef5350; }
.theme-metalred .footable .pagination li a:hover, .theme-metalred .footable .pagination li a:active, .theme-metalred .footable .pagination li a.active {
  background-color: #ef5350; }

/*---dataTables---*/
.theme-metalred .dt-buttons .dt-button {
  background-color: #ef5350; }

/*---select2---*/
.theme-metalred .select2-container--default.select2-container--open {
  border-color: #ef5350; }
.theme-metalred .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ef5350; }
.theme-metalred .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #ef5350 !important; }
.theme-metalred .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ef5350 !important; }
.theme-metalred .select2-container--default .select2-selection--multiple:focus {
  border-color: #ef5350 !important; }
.theme-metalred .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ef5350;
  border-color: #ef5350; }

/*---Other---*/
.theme-metalred .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #eb2521; }
.theme-metalred .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #eb2521; }
.theme-metalred .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #eb2521; }
.theme-metalred [data-overlay-primary]::before {
  background: #eb2521; }

/*---wizard---*/
.theme-metalred .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #ef5350;
  background-color: #ef5350; }
.theme-metalred .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #eb2521;
  background-color: #eb2521; }
.theme-metalred .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #ef5350; }
.theme-metalred .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #ef5350; }
.theme-metalred .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #ef5350; }
.theme-metalred .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #ef5350; }
.theme-metalred .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #ef5350; }
.theme-metalred .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #ef5350;
  color: #ef5350; }
  .theme-metalred .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #ef5350; }
.theme-metalred .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #ef5350; }

@media (max-width: 767px) {
  .theme-metalred .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #ef5350; } }
@media (max-width: 575px) {
  .theme-metalred .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #ef5350; } }
/*---slider---*/
.theme-metalred #primary .slider-selection {
  background-color: #ef5350; }
.theme-metalred #info .slider-selection {
  background-color: #607d8b; }
.theme-metalred #success .slider-selection {
  background-color: #0fc9a8; }
.theme-metalred #danger .slider-selection {
  background-color: #bc4eea; }
.theme-metalred #warning .slider-selection {
  background-color: #f2d42f; }

/*---horizontal-timeline---*/
.theme-metalred .cd-horizontal-timeline .events a.selected::after {
  background: #ef5350;
  border-color: #ef5350; }
.theme-metalred .cd-horizontal-timeline .events a.older-event::after {
  border-color: #ef5350; }
.theme-metalred .cd-horizontal-timeline .filling-line {
  background: #ef5350; }
.theme-metalred .cd-horizontal-timeline a {
  color: #ef5350; }
  .theme-metalred .cd-horizontal-timeline a:hover, .theme-metalred .cd-horizontal-timeline a:focus {
    color: #ef5350; }
.theme-metalred .cd-timeline-navigation a:hover, .theme-metalred .cd-timeline-navigation a:focus {
  border-color: #ef5350; }

/**************************************
Theme grey Color
**************************************/
.bg-gradient-grey, .theme-grey .bg-gradient-grey, .theme-grey .art-bg {
  background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%); }

.bg-light-body {
  background: transparent; }

.theme-grey.fixed .main-header {
   }
  .theme-grey.fixed .main-header .navbar {
    background: transparent; }
.theme-grey .main-header {
  background: #ffffff; }

.theme-grey.onlyheader .art-bg {
  background-image: none; }

.bg-gradient-grey-dark, .dark-skin.theme-grey .bg-gradient-grey, .dark-skin.theme-grey .art-bg {
  background-image: linear-gradient(-45deg, #33444c 0%, #33444c 33%, #424242 100%); }

.bg-dark-body {
  background: #0c1a32; }

.dark-skin.theme-grey.fixed .main-header {
 }
  .dark-skin.theme-grey.fixed .main-header .navbar {
    background: transparent; }
.dark-skin.theme-grey .main-header {
  background: #0c1a32; }

@media (max-width: 767px) {
  .theme-grey.fixed .main-header {
    background-image: #e4e6ef; }
    .theme-grey.fixed .main-header.navbar {
      background: none; }

  .dark-skin.theme-grey.fixed .main-header {
    background-image: #0c1a32; } }
.theme-grey a:hover, .theme-grey a:active, .theme-grey a:focus {
  color: #5c7a89; }
.theme-grey .main-sidebar .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-grey .main-sidebar .svg-icon:hover, .theme-grey .main-sidebar .svg-icon:active, .theme-grey .main-sidebar .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-grey .main-sidebar a:hover .svg-icon, .theme-grey .main-sidebar a:active .svg-icon, .theme-grey .main-sidebar a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-grey .svg-icon {
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg); }
  .theme-grey .svg-icon:hover, .theme-grey .svg-icon:active, .theme-grey .svg-icon:focus {
    filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-grey a:hover .svg-icon, .theme-grey a:active .svg-icon, .theme-grey a:focus .svg-icon {
  filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }

.theme-grey.light-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: #f8f8f8;
  color: #5c7a89 !important; }
  .theme-grey.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #5c7a89; }
  .theme-grey.light-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; svg {
    color: #5c7a89;
    fill: rgba(1, 104, 250, 0.2); }
  .theme-grey.light-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-grey.light-skin .sidebar-menu &gt; li.treeview .treeview-menu li a {
  color: #625F6E; }
.theme-grey.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #5c7a89 !important; }
.theme-grey.dark-skin .sidebar-menu &gt; li.active &gt; a:after {
  border-color: transparent #333333 transparent transparent !important; }
.theme-grey.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a {
  background: transparent;
  color: #b5b5c3 !important; }
  .theme-grey.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a &gt; i {
    color: #ffffff; }
  .theme-grey.dark-skin .sidebar-menu &gt; li.active.treeview &gt; a:after {
    border-color: transparent #fafafa transparent transparent !important; }
.theme-grey.dark-skin .sidebar-menu &gt; li.active.treeview .treeview-menu li a {
  color: #b5b5c3; }
.theme-grey.dark-skin.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active &gt; a &gt; span {
  background: #5c7a89 !important; }
.theme-grey.light-skin .sidebar-menu &gt; li:hover, .theme-grey.light-skin .sidebar-menu &gt; li:active, .theme-grey.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(92, 122, 137, 0);
  color: #5c7a89;
  border-left: 0px solid rgba(92, 122, 137, 0); }
  .theme-grey.light-skin .sidebar-menu &gt; li:hover a, .theme-grey.light-skin .sidebar-menu &gt; li:active a, .theme-grey.light-skin .sidebar-menu &gt; li.active a {
    color: #5c7a89; }
    .theme-grey.light-skin .sidebar-menu &gt; li:hover a &gt; i, .theme-grey.light-skin .sidebar-menu &gt; li:active a &gt; i, .theme-grey.light-skin .sidebar-menu &gt; li.active a &gt; i {
      color: #625F6E;
      background-color: rgba(92, 122, 137, 0); }
    .theme-grey.light-skin .sidebar-menu &gt; li:hover a &gt; svg, .theme-grey.light-skin .sidebar-menu &gt; li:active a &gt; svg, .theme-grey.light-skin .sidebar-menu &gt; li.active a &gt; svg {
      color: #5c7a89;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-grey.light-skin .sidebar-menu &gt; li:hover a img.svg-icon, .theme-grey.light-skin .sidebar-menu &gt; li:active a img.svg-icon, .theme-grey.light-skin .sidebar-menu &gt; li.active a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
.theme-grey.light-skin .sidebar-menu &gt; li.active {
  background-color: rgba(92, 122, 137, 0);
  color: #5c7a89;
  border-left: 0px solid #5c7a89; }
  .theme-grey.light-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%); }
    .theme-grey.light-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: #5c7a89;
      background-color: rgba(92, 122, 137, 0); }
    .theme-grey.light-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(255, 255, 255, 0.2); }
    .theme-grey.light-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(92, 122, 137, 0);
    color: #5c7a89; }
    .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%); }
      .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(92, 122, 137, 0); }
  .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li a &gt; i {
    color: #625F6E;
    background-color: rgba(92, 122, 137, 0); }
  .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active {
    background-color: rgba(92, 122, 137, 0);
    color: #5c7a89; }
    .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a {
      color: #5c7a89; }
      .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview.active a &gt; i {
        color: #5c7a89;
        background-color: rgba(92, 122, 137, 0); }
  .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active {
    background-color: rgba(92, 122, 137, 0);
    color: #5c7a89; }
    .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a {
      color: #5c7a89; }
      .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li.active a &gt; i {
        color: #5c7a89;
        background-color: rgba(92, 122, 137, 0); }
  .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a {
    color: #625F6E; }
    .theme-grey.light-skin .sidebar-menu &gt; li.active .treeview-menu li.treeview .treeview-menu li a &gt; i {
      color: #625F6E;
      background-color: rgba(92, 122, 137, 0); }
.theme-grey.rtl.light-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #5c7a89;
  border-right: 0px solid #5c7a89; }
.theme-grey.dark-skin .sidebar-menu &gt; li.active {
  background-color: rgba(92, 122, 137, 0);
  color: white;
  border-left: 0px solid #5c7a89; }
  .theme-grey.dark-skin .sidebar-menu &gt; li.active &gt; a {
    color: white;
    background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%); }
    .theme-grey.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; i {
      color: white; }
    .theme-grey.dark-skin .sidebar-menu &gt; li.active &gt; a &gt; svg {
      color: #ffffff;
      fill: rgba(1, 104, 250, 0.2); }
    .theme-grey.dark-skin .sidebar-menu &gt; li.active &gt; a img.svg-icon {
      filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg); }
  .theme-grey.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) {
    background-color: rgba(92, 122, 137, 0);
    color: #5c7a89; }
    .theme-grey.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a {
      color: white !important;
      background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%); }
      .theme-grey.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active:not(.menu-open) &gt; a &gt; i {
        color: white !important;
        background-color: rgba(92, 122, 137, 0); }
  .theme-grey.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active {
    background-color: rgba(92, 122, 137, 0);
    color: white; }
    .theme-grey.dark-skin .sidebar-menu &gt; li.active .treeview-menu li.active &gt; a {
      color: white !important; }
.theme-grey.rtl.dark-skin .sidebar-menu &gt; li.active {
  border-left: 0px solid #5c7a89;
  border-right: 0px solid #5c7a89; }

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li.active.menu-open {
    background-color: rgba(92, 122, 137, 0.2);
    color: #5c7a89; } }
/*---Main Nav---*/
.theme-grey .sm-blue li.current &gt; a, .theme-grey .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%);
  color: #ffffff !important; }
  .theme-grey .sm-blue li.current &gt; a:hover, .theme-grey .sm-blue li.current &gt; a:active, .theme-grey .sm-blue li.current &gt; a:focus, .theme-grey .sm-blue li.highlighted &gt; a:hover, .theme-grey .sm-blue li.highlighted &gt; a:active, .theme-grey .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%);
    color: #ffffff !important; }
.theme-grey .sm-blue a.current, .theme-grey .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%);
  color: #ffffff !important; }
.theme-grey .sm-blue a:hover, .theme-grey .sm-blue a:active, .theme-grey .sm-blue a:focus {
  background: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%);
  color: #ffffff !important; }
.theme-grey .sm-blue ul a:hover, .theme-grey .sm-blue ul a:active, .theme-grey .sm-blue ul a:focus {
  background: #ebedf3;
  color: #5c7a89 !important; }
.theme-grey .sm-blue ul a.highlighted {
  background: #ebedf3;
  color: #5c7a89 !important; }

.dark-skin.theme-grey .sm-blue li.current &gt; a, .dark-skin.theme-grey .sm-blue li.highlighted &gt; a {
  background: linear-gradient(-45deg, #33444c 0%, #33444c 33%, #424242 100%);
  color: #ffffff !important; }
  .dark-skin.theme-grey .sm-blue li.current &gt; a:hover, .dark-skin.theme-grey .sm-blue li.current &gt; a:active, .dark-skin.theme-grey .sm-blue li.current &gt; a:focus, .dark-skin.theme-grey .sm-blue li.highlighted &gt; a:hover, .dark-skin.theme-grey .sm-blue li.highlighted &gt; a:active, .dark-skin.theme-grey .sm-blue li.highlighted &gt; a:focus {
    background: linear-gradient(-45deg, #33444c 0%, #33444c 33%, #424242 100%);
    color: #ffffff !important; }
.dark-skin.theme-grey .sm-blue a.current, .dark-skin.theme-grey .sm-blue a.highlighted {
  background: linear-gradient(-45deg, #33444c 0%, #33444c 33%, #424242 100%);
  color: #ffffff !important; }
.dark-skin.theme-grey .sm-blue a:hover, .dark-skin.theme-grey .sm-blue a:active, .dark-skin.theme-grey .sm-blue a:focus {
  background: linear-gradient(-45deg, #33444c 0%, #33444c 33%, #424242 100%);
  color: #ffffff !important; }
.dark-skin.theme-grey .sm-blue ul a:hover, .dark-skin.theme-grey .sm-blue ul a:active, .dark-skin.theme-grey .sm-blue ul a:focus {
  background: #29354b;
  color: #5c7a89 !important; }
.dark-skin.theme-grey .sm-blue ul a.highlighted {
  background: #29354b;
  color: #5c7a89 !important; }

/*---Primary Button---*/
.theme-grey .btn-link {
  color: #5c7a89; }
.theme-grey .btn-primary {
  background-color: #5c7a89;
  border-color: #5c7a89;
  color: #ffffff; }
  .theme-grey .btn-primary:hover, .theme-grey .btn-primary:active, .theme-grey .btn-primary:focus, .theme-grey .btn-primary.active {
    background-color: #485f6a !important;
    border-color: #485f6a !important;
    color: #ffffff !important; }
  .theme-grey .btn-primary:disabled {
    background-color: #94abb7;
    border-color: #5c7a89;
    opacity: 0.5; }
  .theme-grey .btn-primary.disabled {
    background-color: #94abb7;
    border-color: #5c7a89;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-primary.dropdown-toggle {
  background-color: #485f6a !important;
  border-color: #485f6a !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-primary {
  color: #5c7a89;
  background-color: transparent;
  border-color: #5c7a89 !important; }
  .theme-grey .btn-outline.btn-primary:hover, .theme-grey .btn-outline.btn-primary:active, .theme-grey .btn-outline.btn-primary.active {
    background-color: #485f6a !important;
    border-color: #485f6a !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-primary.dropdown-toggle {
  background-color: #485f6a !important;
  border-color: #485f6a !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-primary {
  color: #5c7a89 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-primary:hover, .theme-grey .btn-flat.btn-primary:active, .theme-grey .btn-flat.btn-primary.active {
    background-color: #485f6a !important;
    border-color: #485f6a !important;
    color: #ffffff !important; }

/*---info Button---*/
.theme-grey .btn-info {
  background-color: #757575;
  border-color: #757575;
  color: #ffffff; }
  .theme-grey .btn-info:hover, .theme-grey .btn-info:active, .theme-grey .btn-info:focus, .theme-grey .btn-info.active {
    background-color: #5c5c5c !important;
    border-color: #5c5c5c !important;
    color: #ffffff !important; }
  .theme-grey .btn-info:disabled {
    background-color: #a8a8a8;
    border-color: #757575;
    opacity: 0.5; }
  .theme-grey .btn-info.disabled {
    background-color: #a8a8a8;
    border-color: #757575;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-info.dropdown-toggle {
  background-color: #5c5c5c !important;
  border-color: #5c5c5c !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-info {
  color: #757575;
  background-color: transparent;
  border-color: #757575 !important; }
  .theme-grey .btn-outline.btn-info:hover, .theme-grey .btn-outline.btn-info:active, .theme-grey .btn-outline.btn-info.active {
    background-color: #5c5c5c !important;
    border-color: #5c5c5c !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-info.dropdown-toggle {
  background-color: #5c5c5c !important;
  border-color: #5c5c5c !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-info {
  color: #757575 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-info:hover, .theme-grey .btn-flat.btn-info:active, .theme-grey .btn-flat.btn-info.active {
    background-color: #5c5c5c !important;
    border-color: #5c5c5c !important;
    color: #ffffff !important; }

/*---Success Button---*/
.theme-grey .btn-success {
  background-color: #39b1b2;
  border-color: #39b1b2;
  color: #ffffff; }
  .theme-grey .btn-success:hover, .theme-grey .btn-success:active, .theme-grey .btn-success:focus, .theme-grey .btn-success.active {
    background-color: #2d8b8b !important;
    border-color: #2d8b8b !important;
    color: #ffffff !important; }
  .theme-grey .btn-success:disabled {
    background-color: #7cd4d5;
    border-color: #39b1b2;
    opacity: 0.5; }
  .theme-grey .btn-success.disabled {
    background-color: #7cd4d5;
    border-color: #39b1b2;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-success.dropdown-toggle {
  background-color: #2d8b8b !important;
  border-color: #2d8b8b !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-success {
  color: #39b1b2;
  background-color: transparent;
  border-color: #39b1b2 !important; }
  .theme-grey .btn-outline.btn-success:hover, .theme-grey .btn-outline.btn-success:active, .theme-grey .btn-outline.btn-success.active {
    background-color: #2d8b8b !important;
    border-color: #2d8b8b !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-success.dropdown-toggle {
  background-color: #2d8b8b !important;
  border-color: #2d8b8b !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-success {
  color: #39b1b2 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-success:hover, .theme-grey .btn-flat.btn-success:active, .theme-grey .btn-flat.btn-success.active {
    background-color: #2d8b8b !important;
    border-color: #2d8b8b !important;
    color: #ffffff !important; }

/*---Danger Button---*/
.theme-grey .btn-danger {
  background-color: #e23a3a;
  border-color: #e23a3a;
  color: #ffffff; }
  .theme-grey .btn-danger:hover, .theme-grey .btn-danger:active, .theme-grey .btn-danger:focus, .theme-grey .btn-danger.active {
    background-color: #cb1e1e !important;
    border-color: #cb1e1e !important;
    color: #ffffff !important; }
  .theme-grey .btn-danger:disabled {
    background-color: #ef9393;
    border-color: #e23a3a;
    opacity: 0.5; }
  .theme-grey .btn-danger.disabled {
    background-color: #ef9393;
    border-color: #e23a3a;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-danger.dropdown-toggle {
  background-color: #cb1e1e !important;
  border-color: #cb1e1e !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-danger {
  color: #e23a3a;
  background-color: transparent;
  border-color: #e23a3a !important; }
  .theme-grey .btn-outline.btn-danger:hover, .theme-grey .btn-outline.btn-danger:active, .theme-grey .btn-outline.btn-danger.active {
    background-color: #cb1e1e !important;
    border-color: #cb1e1e !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-danger.dropdown-toggle {
  background-color: #cb1e1e !important;
  border-color: #cb1e1e !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-danger {
  color: #e23a3a !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-danger:hover, .theme-grey .btn-flat.btn-danger:active, .theme-grey .btn-flat.btn-danger.active {
    background-color: #cb1e1e !important;
    border-color: #cb1e1e !important;
    color: #ffffff !important; }

/*---Warning Button---*/
.theme-grey .btn-warning {
  background-color: #c6be41;
  border-color: #c6be41;
  color: #ffffff; }
  .theme-grey .btn-warning:hover, .theme-grey .btn-warning:active, .theme-grey .btn-warning:focus, .theme-grey .btn-warning.active {
    background-color: #a39c31 !important;
    border-color: #a39c31 !important;
    color: #ffffff !important; }
  .theme-grey .btn-warning:disabled {
    background-color: #ded98f;
    border-color: #c6be41;
    opacity: 0.5; }
  .theme-grey .btn-warning.disabled {
    background-color: #ded98f;
    border-color: #c6be41;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-warning.dropdown-toggle {
  background-color: #a39c31 !important;
  border-color: #a39c31 !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-warning {
  color: #c6be41;
  background-color: transparent;
  border-color: #c6be41 !important; }
  .theme-grey .btn-outline.btn-warning:hover, .theme-grey .btn-outline.btn-warning:active, .theme-grey .btn-outline.btn-warning.active {
    background-color: #a39c31 !important;
    border-color: #a39c31 !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-warning.dropdown-toggle {
  background-color: #a39c31 !important;
  border-color: #a39c31 !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-warning {
  color: #c6be41 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-warning:hover, .theme-grey .btn-flat.btn-warning:active, .theme-grey .btn-flat.btn-warning.active {
    background-color: #a39c31 !important;
    border-color: #a39c31 !important;
    color: #ffffff !important; }

/*---Primary Button light---*/
.theme-grey .btn-primary-light {
  background-color: #e4f6ff;
  border-color: #e4f6ff;
  color: #5c7a89; }
  .theme-grey .btn-primary-light:hover, .theme-grey .btn-primary-light:active, .theme-grey .btn-primary-light:focus, .theme-grey .btn-primary-light.active {
    background-color: #5c7a89 !important;
    border-color: #5c7a89 !important;
    color: #ffffff !important; }
  .theme-grey .btn-primary-light:disabled {
    background-color: white;
    border-color: #e4f6ff;
    opacity: 0.5; }
  .theme-grey .btn-primary-light.disabled {
    background-color: white;
    border-color: #e4f6ff;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-primary-light.dropdown-toggle {
  background-color: #5c7a89 !important;
  border-color: #5c7a89 !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-primary-light {
  color: #5c7a89;
  background-color: transparent;
  border-color: #e4f6ff !important; }
  .theme-grey .btn-outline.btn-primary-light:hover, .theme-grey .btn-outline.btn-primary-light:active, .theme-grey .btn-outline.btn-primary-light.active {
    background-color: #5c7a89 !important;
    border-color: #5c7a89 !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-primary-light.dropdown-toggle {
  background-color: #5c7a89 !important;
  border-color: #5c7a89 !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-primary-light {
  color: #5c7a89 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-primary-light:hover, .theme-grey .btn-flat.btn-primary-light:active, .theme-grey .btn-flat.btn-primary-light.active {
    background-color: #5c7a89 !important;
    border-color: #5c7a89 !important;
    color: #ffffff !important; }

/*---info Button light---*/
.theme-grey .btn-info-light {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #757575; }
  .theme-grey .btn-info-light:hover, .theme-grey .btn-info-light:active, .theme-grey .btn-info-light:focus, .theme-grey .btn-info-light.active {
    background-color: #757575 !important;
    border-color: #757575 !important;
    color: #ffffff !important; }
  .theme-grey .btn-info-light:disabled {
    background-color: white;
    border-color: #eeeeee;
    opacity: 0.5; }
  .theme-grey .btn-info-light.disabled {
    background-color: white;
    border-color: #eeeeee;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-info.dropdown-toggle {
  background-color: #757575 !important;
  border-color: #757575 !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-info-light {
  color: #757575;
  background-color: transparent;
  border-color: #eeeeee !important; }
  .theme-grey .btn-outline.btn-info-light:hover, .theme-grey .btn-outline.btn-info-light:active, .theme-grey .btn-outline.btn-info-light.active {
    background-color: #757575 !important;
    border-color: #757575 !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-info-light.dropdown-toggle {
  background-color: #757575 !important;
  border-color: #757575 !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-info-light {
  color: #757575 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-info-light:hover, .theme-grey .btn-flat.btn-info-light:active, .theme-grey .btn-flat.btn-info-light.active {
    background-color: #757575 !important;
    border-color: #757575 !important;
    color: #ffffff !important; }

/*---Success Button light---*/
.theme-grey .btn-success-light {
  background-color: #e1ffff;
  border-color: #e1ffff;
  color: #39b1b2; }
  .theme-grey .btn-success-light:hover, .theme-grey .btn-success-light:active, .theme-grey .btn-success-light:focus, .theme-grey .btn-success-light.active {
    background-color: #39b1b2 !important;
    border-color: #39b1b2 !important;
    color: #ffffff !important; }
  .theme-grey .btn-success-light:disabled {
    background-color: white;
    border-color: #e1ffff;
    opacity: 0.5; }
  .theme-grey .btn-success-light.disabled {
    background-color: white;
    border-color: #e1ffff;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-success-light.dropdown-toggle {
  background-color: #39b1b2 !important;
  border-color: #39b1b2 !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-success-light {
  color: #39b1b2;
  background-color: transparent;
  border-color: #e1ffff !important; }
  .theme-grey .btn-outline.btn-success-light:hover, .theme-grey .btn-outline.btn-success-light:active, .theme-grey .btn-outline.btn-success-light.active {
    background-color: #39b1b2 !important;
    border-color: #39b1b2 !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-success-light.dropdown-toggle {
  background-color: #39b1b2 !important;
  border-color: #39b1b2 !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-success-light {
  color: #39b1b2 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-success-light:hover, .theme-grey .btn-flat.btn-success-light:active, .theme-grey .btn-flat.btn-success-light.active {
    background-color: #39b1b2 !important;
    border-color: #39b1b2 !important;
    color: #ffffff !important; }

/*---Danger Button light---*/
.theme-grey .btn-danger-light {
  background-color: #fce3e3;
  border-color: #fce3e3;
  color: #e23a3a; }
  .theme-grey .btn-danger-light:hover, .theme-grey .btn-danger-light:active, .theme-grey .btn-danger-light:focus, .theme-grey .btn-danger-light.active {
    background-color: #e23a3a !important;
    border-color: #e23a3a !important;
    color: #ffffff !important; }
  .theme-grey .btn-danger-light:disabled {
    background-color: white;
    border-color: #fce3e3;
    opacity: 0.5; }
  .theme-grey .btn-danger-light.disabled {
    background-color: white;
    border-color: #fce3e3;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-danger-light.dropdown-toggle {
  background-color: #e23a3a !important;
  border-color: #e23a3a !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-danger-light {
  color: #e23a3a;
  background-color: transparent;
  border-color: #fce3e3 !important; }
  .theme-grey .btn-outline.btn-danger-light:hover, .theme-grey .btn-outline.btn-danger-light:active, .theme-grey .btn-outline.btn-danger-light.active {
    background-color: #e23a3a !important;
    border-color: #e23a3a !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-danger-light.dropdown-toggle {
  background-color: #e23a3a !important;
  border-color: #e23a3a !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-danger-light {
  color: #e23a3a !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-danger-light:hover, .theme-grey .btn-flat.btn-danger-light:active, .theme-grey .btn-flat.btn-danger-light.active {
    background-color: #e23a3a !important;
    border-color: #e23a3a !important;
    color: #ffffff !important; }

/*---Warning Button light---*/
.theme-grey .btn-warning-light {
  background-color: #f6f4d0;
  border-color: #f6f4d0;
  color: #c6be41; }
  .theme-grey .btn-warning-light:hover, .theme-grey .btn-warning-light:active, .theme-grey .btn-warning-light:focus, .theme-grey .btn-warning-light.active {
    background-color: #c6be41 !important;
    border-color: #c6be41 !important;
    color: #ffffff !important; }
  .theme-grey .btn-warning-light:disabled {
    background-color: white;
    border-color: #f6f4d0;
    opacity: 0.5; }
  .theme-grey .btn-warning-light.disabled {
    background-color: white;
    border-color: #f6f4d0;
    opacity: 0.5; }
.theme-grey .show &gt; .btn-warning-light.dropdown-toggle {
  background-color: #c6be41 !important;
  border-color: #c6be41 !important;
  color: #ffffff; }
.theme-grey .btn-outline.btn-warning-light {
  color: #c6be41;
  background-color: transparent;
  border-color: #f6f4d0 !important; }
  .theme-grey .btn-outline.btn-warning-light:hover, .theme-grey .btn-outline.btn-warning-light:active, .theme-grey .btn-outline.btn-warning-light.active {
    background-color: #c6be41 !important;
    border-color: #c6be41 !important;
    color: #ffffff !important; }
.theme-grey .show &gt; .btn-outline.btn-warning-light.dropdown-toggle {
  background-color: #c6be41 !important;
  border-color: #c6be41 !important;
  color: #ffffff; }
.theme-grey .btn-flat.btn-warning-light {
  color: #c6be41 !important;
  background-color: #f3f6f9;
  border-color: transparent; }
  .theme-grey .btn-flat.btn-warning-light:hover, .theme-grey .btn-flat.btn-warning-light:active, .theme-grey .btn-flat.btn-warning-light.active {
    background-color: #c6be41 !important;
    border-color: #c6be41 !important;
    color: #ffffff !important; }

/*---callout---*/
.theme-grey .callout.callout-primary {
  border-color: #5c7a89;
  background-color: #5c7a89 !important; }
.theme-grey .callout.callout-info {
  border-color: #757575;
  background-color: #757575 !important; }
.theme-grey .callout.callout-success {
  border-color: #39b1b2;
  background-color: #39b1b2 !important; }
.theme-grey .callout.callout-danger {
  border-color: #e23a3a;
  background-color: #e23a3a !important; }
.theme-grey .callout.callout-warning {
  border-color: #c6be41;
  background-color: #c6be41 !important; }

/*---alert---*/
.theme-grey .alert-primary {
  border-color: #5c7a89;
  background-color: #5c7a89 !important;
  color: #ffffff; }
.theme-grey .alert-info {
  border-color: #757575;
  background-color: #757575 !important;
  color: #ffffff; }
.theme-grey .alert-success {
  border-color: #39b1b2;
  background-color: #39b1b2 !important;
  color: #ffffff; }
.theme-grey .alert-danger {
  border-color: #e23a3a;
  background-color: #e23a3a !important;
  color: #ffffff; }
.theme-grey .alert-error {
  border-color: #e23a3a;
  background-color: #e23a3a !important;
  color: #ffffff; }
.theme-grey .alert-warning {
  border-color: #c6be41;
  background-color: #c6be41 !important;
  color: #ffffff; }

/*---direct-chat---*/
.theme-grey .direct-chat-primary .right &gt; .direct-chat-text p {
  background-color: #5c7a89;
  color: #ffffff; }
.theme-grey .direct-chat-primary .right &gt; .direct-chat-text:before, .theme-grey .direct-chat-primary .right &gt; .direct-chat-text:after {
  border-left-color: #5c7a89; }
.theme-grey .direct-chat-info .right &gt; .direct-chat-text p {
  background-color: #757575;
  color: #ffffff; }
.theme-grey .direct-chat-info .right &gt; .direct-chat-text:before, .theme-grey .direct-chat-info .right &gt; .direct-chat-text:after {
  border-left-color: #757575; }
.theme-grey .direct-chat-success .right &gt; .direct-chat-text p {
  background-color: #39b1b2;
  color: #ffffff; }
.theme-grey .direct-chat-success .right &gt; .direct-chat-text:before, .theme-grey .direct-chat-success .right &gt; .direct-chat-text:after {
  border-left-color: #39b1b2; }
.theme-grey .direct-chat-danger .right &gt; .direct-chat-text p {
  background-color: #e23a3a;
  color: #ffffff; }
.theme-grey .direct-chat-danger .right &gt; .direct-chat-text:before, .theme-grey .direct-chat-danger .right &gt; .direct-chat-text:after {
  border-left-color: #e23a3a; }
.theme-grey .direct-chat-warning .right &gt; .direct-chat-text p {
  background-color: #c6be41;
  color: #ffffff; }
.theme-grey .direct-chat-warning .right &gt; .direct-chat-text:before, .theme-grey .direct-chat-warning .right &gt; .direct-chat-text:after {
  border-left-color: #c6be41; }
.theme-grey .right .direct-chat-text p {
  background-color: #5c7a89; }

/*---modal---*/
.theme-grey .modal-primary .modal-footer, .theme-grey .modal-primary .modal-header {
  border-color: #5c7a89; }
.theme-grey .modal-primary .modal-body {
  background-color: #5c7a89 !important; }
.theme-grey .modal-info .modal-footer, .theme-grey .modal-info .modal-header {
  border-color: #757575; }
.theme-grey .modal-info .modal-body {
  background-color: #757575 !important; }
.theme-grey .modal-success .modal-footer, .theme-grey .modal-success .modal-header {
  border-color: #39b1b2; }
.theme-grey .modal-success .modal-body {
  background-color: #39b1b2 !important; }
.theme-grey .modal-danger .modal-footer, .theme-grey .modal-danger .modal-header {
  border-color: #e23a3a; }
.theme-grey .modal-danger .modal-body {
  background-color: #e23a3a !important; }
.theme-grey .modal-warning .modal-footer, .theme-grey .modal-warning .modal-header {
  border-color: #c6be41; }
.theme-grey .modal-warning .modal-body {
  background-color: #c6be41 !important; }

/*---border---*/
.theme-grey .border-primary {
  border-color: #5c7a89 !important; }
.theme-grey .border-info {
  border-color: #757575 !important; }
.theme-grey .border-success {
  border-color: #39b1b2 !important; }
.theme-grey .border-danger {
  border-color: #e23a3a !important; }
.theme-grey .border-warning {
  border-color: #c6be41 !important; }

/*---Background---*/
.theme-grey .bg-primary {
  background-color: #5c7a89 !important;
  color: #ffffff; }
.theme-grey .bg-primary-light {
  background-color: #e4f6ff !important;
  color: #5c7a89; }
.theme-grey .bg-info {
  background-color: #757575 !important;
  color: #ffffff; }
.theme-grey .bg-info-light {
  background-color: #eeeeee !important;
  color: #757575; }
.theme-grey .bg-success {
  background-color: #39b1b2 !important;
  color: #ffffff; }
.theme-grey .bg-success-light {
  background-color: #e1ffff !important;
  color: #39b1b2; }
.theme-grey .bg-danger {
  background-color: #e23a3a !important;
  color: #ffffff; }
.theme-grey .bg-danger-light {
  background-color: #fce3e3 !important;
  color: #e23a3a; }
.theme-grey .bg-warning {
  background-color: #c6be41 !important;
  color: #ffffff; }
.theme-grey .bg-warning-light {
  background-color: #f6f4d0 !important;
  color: #c6be41; }

/*---text---*/
.theme-grey .text-primary {
  color: #5c7a89 !important; }
.theme-grey a.text-primary:hover, .theme-grey a.text-primary:focus {
  color: #5c7a89 !important; }
.theme-grey .hover-primary:hover, .theme-grey .hover-primary:focus {
  color: #5c7a89 !important; }
.theme-grey .text-info {
  color: #757575 !important; }
.theme-grey a.text-info:hover, .theme-grey a.text-info:focus {
  color: #757575 !important; }
.theme-grey .hover-info:hover, .theme-grey .hover-info:focus {
  color: #757575 !important; }
.theme-grey .text-success {
  color: #39b1b2 !important; }
.theme-grey a.text-success:hover, .theme-grey a.text-success:focus {
  color: #39b1b2 !important; }
.theme-grey .hover-success:hover, .theme-grey .hover-success:focus {
  color: #39b1b2 !important; }
.theme-grey .text-danger {
  color: #e23a3a !important; }
.theme-grey a.text-danger:hover, .theme-grey a.text-danger:focus {
  color: #e23a3a !important; }
.theme-grey .hover-danger:hover, .theme-grey .hover-danger:focus {
  color: #e23a3a !important; }
.theme-grey .text-warning {
  color: #c6be41 !important; }
.theme-grey a.text-warning:hover, .theme-grey a.text-warning:focus {
  color: #c6be41 !important; }
.theme-grey .hover-warning:hover, .theme-grey .hover-warning:focus {
  color: #c6be41 !important; }

/*---active background---*/
.theme-grey .active.active-primary {
  background-color: #485f6a !important; }
.theme-grey .active.active-info {
  background-color: #5c5c5c !important; }
.theme-grey .active.active-success {
  background-color: #2d8b8b !important; }
.theme-grey .active.active-danger {
  background-color: #cb1e1e !important; }
.theme-grey .active.active-warning {
  background-color: #a39c31 !important; }

/*---label background---*/
.theme-grey .label-primary {
  background-color: #5c7a89 !important; }
.theme-grey .label-info {
  background-color: #757575 !important; }
.theme-grey .label-success {
  background-color: #39b1b2 !important; }
.theme-grey .label-danger {
  background-color: #e23a3a !important; }
.theme-grey .label-warning {
  background-color: #c6be41 !important; }

/*---ribbon---*/
.theme-grey .ribbon-box .ribbon-primary {
  background-color: #5c7a89; }
  .theme-grey .ribbon-box .ribbon-primary:before {
    border-color: #5c7a89 transparent transparent; }
.theme-grey .ribbon-box .ribbon-two-primary span {
  background-color: #5c7a89; }
  .theme-grey .ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #485f6a;
    border-top: 3px solid #485f6a; }
  .theme-grey .ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #485f6a;
    border-top: 3px solid #485f6a; }
.theme-grey .ribbon-box .ribbon-info {
  background-color: #757575; }
  .theme-grey .ribbon-box .ribbon-info:before {
    border-color: #757575 transparent transparent; }
.theme-grey .ribbon-box .ribbon-two-info span {
  background-color: #757575; }
  .theme-grey .ribbon-box .ribbon-two-info span:before {
    border-left: 3px solid #5c5c5c;
    border-top: 3px solid #5c5c5c; }
  .theme-grey .ribbon-box .ribbon-two-info span:after {
    border-right: 3px solid #5c5c5c;
    border-top: 3px solid #5c5c5c; }
.theme-grey .ribbon-box .ribbon-success {
  background-color: #39b1b2; }
  .theme-grey .ribbon-box .ribbon-success:before {
    border-color: #39b1b2 transparent transparent; }
.theme-grey .ribbon-box .ribbon-two-success span {
  background-color: #39b1b2; }
  .theme-grey .ribbon-box .ribbon-two-success span:before {
    border-left: 3px solid #2d8b8b;
    border-top: 3px solid #2d8b8b; }
  .theme-grey .ribbon-box .ribbon-two-success span:after {
    border-right: 3px solid #2d8b8b;
    border-top: 3px solid #2d8b8b; }
.theme-grey .ribbon-box .ribbon-danger {
  background-color: #e23a3a; }
  .theme-grey .ribbon-box .ribbon-danger:before {
    border-color: #e23a3a transparent transparent; }
.theme-grey .ribbon-box .ribbon-two-danger span {
  background-color: #e23a3a; }
  .theme-grey .ribbon-box .ribbon-two-danger span:before {
    border-left: 3px solid #cb1e1e;
    border-top: 3px solid #cb1e1e; }
  .theme-grey .ribbon-box .ribbon-two-danger span:after {
    border-right: 3px solid #cb1e1e;
    border-top: 3px solid #cb1e1e; }
.theme-grey .ribbon-box .ribbon-warning {
  background-color: #c6be41; }
  .theme-grey .ribbon-box .ribbon-warning:before {
    border-color: #c6be41 transparent transparent; }
.theme-grey .ribbon-box .ribbon-two-warning span {
  background-color: #c6be41; }
  .theme-grey .ribbon-box .ribbon-two-warning span:before {
    border-left: 3px solid #a39c31;
    border-top: 3px solid #a39c31; }
  .theme-grey .ribbon-box .ribbon-two-warning span:after {
    border-right: 3px solid #a39c31;
    border-top: 3px solid #a39c31; }

/*---Box---*/
.theme-grey .box-primary {
  background-color: #5c7a89 !important; }
  .theme-grey .box-primary.box-bordered {
    border-color: #5c7a89; }
.theme-grey .box-outline-primary {
  background-color: #ffffff;
  border: 1px solid #5c7a89; }
.theme-grey .box.box-solid.box-primary &gt; .box-header {
  color: #ffffff;
  background-color: #5c7a89; }
  .theme-grey .box.box-solid.box-primary &gt; .box-header .btn {
    color: #ffffff; }
  .theme-grey .box.box-solid.box-primary &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-grey .box-info {
  background-color: #757575 !important; }
  .theme-grey .box-info.box-bordered {
    border-color: #757575; }
.theme-grey .box-outline-info {
  background-color: #ffffff;
  border: 1px solid #757575; }
.theme-grey .box.box-solid.box-info &gt; .box-header {
  color: #ffffff;
  background-color: #757575; }
  .theme-grey .box.box-solid.box-info &gt; .box-header .btn {
    color: #ffffff; }
  .theme-grey .box.box-solid.box-info &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-grey .box-success {
  background-color: #39b1b2 !important; }
  .theme-grey .box-success.box-bordered {
    border-color: #39b1b2; }
.theme-grey .box-outline-success {
  background-color: #ffffff;
  border: 1px solid #39b1b2; }
.theme-grey .box.box-solid.box-success &gt; .box-header {
  color: #ffffff;
  background-color: #39b1b2; }
  .theme-grey .box.box-solid.box-success &gt; .box-header .btn {
    color: #ffffff; }
  .theme-grey .box.box-solid.box-success &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-grey .box-danger {
  background-color: #e23a3a !important; }
  .theme-grey .box-danger.box-bordered {
    border-color: #e23a3a; }
.theme-grey .box-outline-danger {
  background-color: #ffffff;
  border: 1px solid #e23a3a; }
.theme-grey .box.box-solid.box-danger &gt; .box-header {
  color: #ffffff;
  background-color: #e23a3a; }
  .theme-grey .box.box-solid.box-danger &gt; .box-header .btn {
    color: #ffffff; }
  .theme-grey .box.box-solid.box-danger &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-grey .box-warning {
  background-color: #c6be41 !important; }
  .theme-grey .box-warning.box-bordered {
    border-color: #c6be41; }
.theme-grey .box-outline-warning {
  background-color: #ffffff;
  border: 1px solid #c6be41; }
.theme-grey .box.box-solid.box-warning &gt; .box-header {
  color: #ffffff;
  background-color: #c6be41; }
  .theme-grey .box.box-solid.box-warning &gt; .box-header .btn {
    color: #ffffff; }
  .theme-grey .box.box-solid.box-warning &gt; .box-header &gt; a {
    color: #ffffff; }
.theme-grey .box-profile .social-states a:hover {
  color: #485f6a; }
.theme-grey .box-controls li &gt; a:hover {
  color: #485f6a; }
.theme-grey .box-controls .dropdown.show &gt; a {
  color: #485f6a; }
.theme-grey .box-fullscreen .box-btn-fullscreen {
  color: #485f6a; }

/*---progress bar---*/
.theme-grey .progress-bar-primary {
  background-color: #5c7a89; }
.theme-grey .progress-bar-info {
  background-color: #757575; }
.theme-grey .progress-bar-success {
  background-color: #39b1b2; }
.theme-grey .progress-bar-danger {
  background-color: #e23a3a; }
.theme-grey .progress-bar-warning {
  background-color: #c6be41; }

/*---panel---*/
.theme-grey .panel-primary {
  border-color: #5c7a89; }
  .theme-grey .panel-primary &gt; .panel-heading {
    color: #ffffff;
    background-color: #5c7a89;
    border-color: #5c7a89; }
    .theme-grey .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #5c7a89; }
    .theme-grey .panel-primary &gt; .panel-heading .badge-pill {
      color: #5c7a89;
      background-color: #ffffff; }
  .theme-grey .panel-primary .panel-title, .theme-grey .panel-primary .panel-action {
    color: #ffffff; }
  .theme-grey .panel-primary .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #5c7a89; }
.theme-grey .panel-line.panel-primary .panel-heading {
  color: #5c7a89;
  border-top-color: #5c7a89;
  background: transparent; }
.theme-grey .panel-line.panel-primary .panel-title, .theme-grey .panel-line.panel-primary .panel-action {
  color: #5c7a89; }
.theme-grey .panel-info {
  border-color: #757575; }
  .theme-grey .panel-info &gt; .panel-heading {
    color: #ffffff;
    background-color: #757575;
    border-color: #757575; }
    .theme-grey .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #757575; }
    .theme-grey .panel-info &gt; .panel-heading .badge-pill {
      color: #757575;
      background-color: #ffffff; }
  .theme-grey .panel-info .panel-title, .theme-grey .panel-info .panel-action {
    color: #ffffff; }
  .theme-grey .panel-info .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #757575; }
.theme-grey .panel-line.panel-info .panel-heading {
  color: #757575;
  border-top-color: #757575;
  background: transparent; }
.theme-grey .panel-line.panel-info .panel-title, .theme-grey .panel-line.panel-info .panel-action {
  color: #757575; }
.theme-grey .panel-success {
  border-color: #39b1b2; }
  .theme-grey .panel-success &gt; .panel-heading {
    color: #ffffff;
    background-color: #39b1b2;
    border-color: #39b1b2; }
    .theme-grey .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #39b1b2; }
    .theme-grey .panel-success &gt; .panel-heading .badge-pill {
      color: #39b1b2;
      background-color: #ffffff; }
  .theme-grey .panel-success .panel-title, .theme-grey .panel-success .panel-action {
    color: #ffffff; }
  .theme-grey .panel-success .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #39b1b2; }
.theme-grey .panel-line.panel-success .panel-heading {
  color: #39b1b2;
  border-top-color: #39b1b2;
  background: transparent; }
.theme-grey .panel-line.panel-success .panel-title, .theme-grey .panel-line.panel-success .panel-action {
  color: #39b1b2; }
.theme-grey .panel-danger {
  border-color: #e23a3a; }
  .theme-grey .panel-danger &gt; .panel-heading {
    color: #ffffff;
    background-color: #e23a3a;
    border-color: #e23a3a; }
    .theme-grey .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #e23a3a; }
    .theme-grey .panel-danger &gt; .panel-heading .badge-pill {
      color: #e23a3a;
      background-color: #ffffff; }
  .theme-grey .panel-danger .panel-title, .theme-grey .panel-danger .panel-action {
    color: #ffffff; }
  .theme-grey .panel-danger .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #e23a3a; }
.theme-grey .panel-line.panel-danger .panel-heading {
  color: #e23a3a;
  border-top-color: #e23a3a;
  background: transparent; }
.theme-grey .panel-line.panel-danger .panel-title, .theme-grey .panel-line.panel-danger .panel-action {
  color: #e23a3a; }
.theme-grey .panel-warning {
  border-color: #c6be41; }
  .theme-grey .panel-warning &gt; .panel-heading {
    color: #ffffff;
    background-color: #c6be41;
    border-color: #c6be41; }
    .theme-grey .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
      border-top-color: #c6be41; }
    .theme-grey .panel-warning &gt; .panel-heading .badge-pill {
      color: #c6be41;
      background-color: #ffffff; }
  .theme-grey .panel-warning .panel-title, .theme-grey .panel-warning .panel-action {
    color: #ffffff; }
  .theme-grey .panel-warning .panel-footer + .panel-collapse &gt; .panel-body {
    border-bottom-color: #c6be41; }
.theme-grey .panel-line.panel-warning .panel-heading {
  color: #c6be41;
  border-top-color: #c6be41;
  background: transparent; }
.theme-grey .panel-line.panel-warning .panel-title, .theme-grey .panel-line.panel-warning .panel-action {
  color: #c6be41; }

/*---switch---*/
.theme-grey .switch input:checked ~ .switch-indicator::after {
  background-color: #5c7a89; }
.theme-grey .switch.switch-primary input:checked ~ .switch-indicator::after {
  background-color: #5c7a89; }
.theme-grey .switch.switch-info input:checked ~ .switch-indicator::after {
  background-color: #757575; }
.theme-grey .switch.switch-success input:checked ~ .switch-indicator::after {
  background-color: #39b1b2; }
.theme-grey .switch.switch-danger input:checked ~ .switch-indicator::after {
  background-color: #e23a3a; }
.theme-grey .switch.switch-warning input:checked ~ .switch-indicator::after {
  background-color: #c6be41; }

/*---badge---*/
.theme-grey .badge-primary {
  background-color: #5c7a89;
  color: #ffffff; }
.theme-grey .badge-primary[href]:hover, .theme-grey .badge-primary[href]:focus {
  background-color: #485f6a; }
.theme-grey .badge-secondary {
  background-color: #e4e6ef;
  color: #172b4c; }
.theme-grey .badge-secondary[href]:hover, .theme-grey .badge-secondary[href]:focus {
  background-color: #c4c8dc; }
.theme-grey .badge-info {
  background-color: #757575;
  color: #ffffff; }
.theme-grey .badge-info[href]:hover, .theme-grey .badge-info[href]:focus {
  background-color: #5c5c5c; }
.theme-grey .badge-success {
  background-color: #39b1b2;
  color: #ffffff; }
.theme-grey .badge-success[href]:hover, .theme-grey .badge-success[href]:focus {
  background-color: #2d8b8b; }
.theme-grey .badge-danger {
  background-color: #e23a3a;
  color: #ffffff; }
.theme-grey .badge-danger[href]:hover, .theme-grey .badge-danger[href]:focus {
  background-color: #cb1e1e; }
.theme-grey .badge-warning {
  background-color: #c6be41;
  color: #ffffff; }
.theme-grey .badge-warning[href]:hover, .theme-grey .badge-warning[href]:focus {
  background-color: #a39c31; }

/*---badge light---*/
.theme-grey .badge-primary-light {
  background-color: #e4f6ff;
  color: #5c7a89; }
.theme-grey .badge-primary-light[href]:hover, .theme-grey .badge-primary-light[href]:focus {
  background-color: #b1e5ff; }
.theme-grey .badge-secondary-light {
  background-color: #e9edf2;
  color: #172b4c; }
.theme-grey .badge-secondary-light[href]:hover, .theme-grey .badge-secondary-light[href]:focus {
  background-color: #c9d3df; }
.theme-grey .badge-info-light {
  background-color: #eeeeee;
  color: #757575; }
.theme-grey .badge-info-light[href]:hover, .theme-grey .badge-info-light[href]:focus {
  background-color: #d5d5d5; }
.theme-grey .badge-success-light {
  background-color: #e1ffff;
  color: #39b1b2; }
.theme-grey .badge-success-light[href]:hover, .theme-grey .badge-success-light[href]:focus {
  background-color: #aeffff; }
.theme-grey .badge-danger-light {
  background-color: #fce3e3;
  color: #e23a3a; }
.theme-grey .badge-danger-light[href]:hover, .theme-grey .badge-danger-light[href]:focus {
  background-color: #f7b5b5; }
.theme-grey .badge-warning-light {
  background-color: #f6f4d0;
  color: #c6be41; }
.theme-grey .badge-warning-light[href]:hover, .theme-grey .badge-warning-light[href]:focus {
  background-color: #eeeaa5; }

/*---rating---*/
.theme-grey .rating-primary .active {
  color: #5c7a89; }
.theme-grey .rating-primary :checked ~ label {
  color: #5c7a89; }
.theme-grey .rating-primary label:hover {
  color: #5c7a89; }
  .theme-grey .rating-primary label:hover ~ label {
    color: #5c7a89; }
.theme-grey .rating-info .active {
  color: #757575; }
.theme-grey .rating-info :checked ~ label {
  color: #757575; }
.theme-grey .rating-info label:hover {
  color: #757575; }
  .theme-grey .rating-info label:hover ~ label {
    color: #757575; }
.theme-grey .rating-success .active {
  color: #39b1b2; }
.theme-grey .rating-success :checked ~ label {
  color: #39b1b2; }
.theme-grey .rating-success label:hover {
  color: #39b1b2; }
  .theme-grey .rating-success label:hover ~ label {
    color: #39b1b2; }
.theme-grey .rating-danger .active {
  color: #e23a3a; }
.theme-grey .rating-danger :checked ~ label {
  color: #e23a3a; }
.theme-grey .rating-danger label:hover {
  color: #e23a3a; }
  .theme-grey .rating-danger label:hover ~ label {
    color: #e23a3a; }
.theme-grey .rating-warning .active {
  color: #c6be41; }
.theme-grey .rating-warning :checked ~ label {
  color: #c6be41; }
.theme-grey .rating-warning label:hover {
  color: #c6be41; }
  .theme-grey .rating-warning label:hover ~ label {
    color: #c6be41; }

/*---toggler---*/
.theme-grey .toggler-primary input:checked + i {
  color: #5c7a89; }
.theme-grey .toggler-info input:checked + i {
  color: #757575; }
.theme-grey .toggler-success input:checked + i {
  color: #39b1b2; }
.theme-grey .toggler-danger input:checked + i {
  color: #e23a3a; }
.theme-grey .toggler-warning input:checked + i {
  color: #c6be41; }

/*---nav tabs---*/
.theme-grey .nav-tabs.nav-tabs-primary .nav-link:hover, .theme-grey .nav-tabs.nav-tabs-primary .nav-link:active, .theme-grey .nav-tabs.nav-tabs-primary .nav-link:focus, .theme-grey .nav-tabs.nav-tabs-primary .nav-link.active {
  border-color: #485f6a;
  background-color: transparent;
  color: #485f6a; }
.theme-grey .nav-tabs.nav-tabs-info .nav-link:hover, .theme-grey .nav-tabs.nav-tabs-info .nav-link:active, .theme-grey .nav-tabs.nav-tabs-info .nav-link:focus, .theme-grey .nav-tabs.nav-tabs-info .nav-link.active {
  border-color: #5c5c5c;
  background-color: #757575;
  color: #ffffff; }
.theme-grey .nav-tabs.nav-tabs-success .nav-link:hover, .theme-grey .nav-tabs.nav-tabs-success .nav-link:active, .theme-grey .nav-tabs.nav-tabs-success .nav-link:focus, .theme-grey .nav-tabs.nav-tabs-success .nav-link.active {
  border-color: #2d8b8b;
  background-color: transparent;
  color: #2d8b8b; }
.theme-grey .nav-tabs.nav-tabs-danger .nav-link:hover, .theme-grey .nav-tabs.nav-tabs-danger .nav-link:active, .theme-grey .nav-tabs.nav-tabs-danger .nav-link:focus, .theme-grey .nav-tabs.nav-tabs-danger .nav-link.active {
  border-color: #cb1e1e;
  background-color: transparent;
  color: #cb1e1e; }
.theme-grey .nav-tabs.nav-tabs-warning .nav-link:hover, .theme-grey .nav-tabs.nav-tabs-warning .nav-link:active, .theme-grey .nav-tabs.nav-tabs-warning .nav-link:focus, .theme-grey .nav-tabs.nav-tabs-warning .nav-link.active {
  border-color: #a39c31;
  background-color: transparent;
  color: #a39c31; }
.theme-grey .nav-tabs-custom.tab-primary &gt; .nav-tabs &gt; li a.active {
  border-top-color: #485f6a; }
.theme-grey .nav-tabs-custom.tab-info &gt; .nav-tabs &gt; li a.active {
  border-top-color: #5c5c5c; }
.theme-grey .nav-tabs-custom.tab-success &gt; .nav-tabs &gt; li a.active {
  border-top-color: #2d8b8b; }
.theme-grey .nav-tabs-custom.tab-danger &gt; .nav-tabs &gt; li a.active {
  border-top-color: #cb1e1e; }
.theme-grey .nav-tabs-custom.tab-warning &gt; .nav-tabs &gt; li a.active {
  border-top-color: #a39c31; }
.theme-grey .nav-tabs .nav-link.active {
  border-bottom-color: #5c7a89;
  background-color: #5c7a89;
  color: #ffffff; }
  .theme-grey .nav-tabs .nav-link.active:hover, .theme-grey .nav-tabs .nav-link.active:focus {
    border-bottom-color: #5c7a89;
    background-color: #5c7a89;
    color: #ffffff; }
.theme-grey .nav-tabs .nav-item.open .nav-link {
  border-bottom-color: #5c7a89;
  background-color: #5c7a89; }
  .theme-grey .nav-tabs .nav-item.open .nav-link:hover, .theme-grey .nav-tabs .nav-item.open .nav-link:focus {
    border-bottom-color: #5c7a89;
    background-color: #5c7a89; }

/*---todo---*/
.theme-grey .todo-list .primary {
  border-left-color: #5c7a89; }
.theme-grey .todo-list .info {
  border-left-color: #5c7a89; }
.theme-grey .todo-list .success {
  border-left-color: #39b1b2; }
.theme-grey .todo-list .danger {
  border-left-color: #e23a3a; }
.theme-grey .todo-list .warning {
  border-left-color: #c6be41; }

/*---timeline---*/
.theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-primary {
  background-color: #5c7a89;
  border: 1px solid #5c7a89;
  color: #ffffff; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:before, .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-primary:after {
    border-left-color: #5c7a89;
    border-right-color: #5c7a89; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-primary * {
    color: inherit; }
.theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-info {
  background-color: #757575;
  border: 1px solid #757575;
  color: #ffffff; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-info:before, .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-info:after {
    border-left-color: #757575;
    border-right-color: #757575; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-info * {
    color: inherit; }
.theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-success {
  background-color: #39b1b2;
  border: 1px solid #39b1b2;
  color: #ffffff; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-success:before, .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-success:after {
    border-left-color: #39b1b2;
    border-right-color: #39b1b2; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-success * {
    color: inherit; }
.theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-danger {
  background-color: #e23a3a;
  border: 1px solid #e23a3a;
  color: #ffffff; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:before, .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-danger:after {
    border-left-color: #e23a3a;
    border-right-color: #e23a3a; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-danger * {
    color: inherit; }
.theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-warning {
  background-color: #c6be41;
  border: 1px solid #c6be41;
  color: #ffffff; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:before, .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-warning:after {
    border-left-color: #c6be41;
    border-right-color: #c6be41; }
  .theme-grey .timeline .timeline-item &gt; .timeline-event.timeline-event-warning * {
    color: inherit; }
.theme-grey .timeline .timeline-item &gt; .timeline-point.timeline-point-primary {
  color: #5c7a89;
  background-color: #ffffff; }
.theme-grey .timeline .timeline-item &gt; .timeline-point.timeline-point-info {
  color: #757575;
  background-color: #ffffff; }
.theme-grey .timeline .timeline-item &gt; .timeline-point.timeline-point-success {
  color: #39b1b2;
  background-color: #ffffff; }
.theme-grey .timeline .timeline-item &gt; .timeline-point.timeline-point-danger {
  color: #e23a3a;
  background-color: #ffffff; }
.theme-grey .timeline .timeline-item &gt; .timeline-point.timeline-point-warning {
  color: #c6be41;
  background-color: #ffffff; }
.theme-grey .timeline .timeline-label .label-primary {
  background-color: #5c7a89; }
.theme-grey .timeline .timeline-label .label-info {
  background-color: #757575; }
.theme-grey .timeline .timeline-label .label-success {
  background-color: #39b1b2; }
.theme-grey .timeline .timeline-label .label-danger {
  background-color: #e23a3a; }
.theme-grey .timeline .timeline-label .label-warning {
  background-color: #c6be41; }
.theme-grey .timeline__year, .theme-grey .timeline5:before, .theme-grey .timeline__box:before, .theme-grey .timeline__date {
  background-color: #5c7a89; }
.theme-grey .timeline__post {
  border-left: 3px solid #5c7a89; }

/*---daterangepicker---*/
.theme-grey .daterangepicker td.active {
  background-color: #5c7a89; }
  .theme-grey .daterangepicker td.active:hover {
    background-color: #5c7a89; }
.theme-grey .daterangepicker .input-mini.active {
  border: 1px solid #5c7a89; }
.theme-grey .ranges li:hover, .theme-grey .ranges li:active, .theme-grey .ranges li.active {
  border: 1px solid #5c7a89;
  background-color: #5c7a89; }

/*---control-sidebar---*/
.theme-grey .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, .theme-grey .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active, .theme-grey .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
  border-color: #5c7a89;
  color: #5c7a89; }
.theme-grey .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active {
  border-color: #5c7a89;
  color: #5c7a89; }
  .theme-grey .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:hover, .theme-grey .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:active, .theme-grey .control-sidebar .nav-tabs.control-sidebar-tabs &gt; li &gt; a.active:focus {
    border-color: #5c7a89;
    color: #5c7a89; }
.theme-grey .control-sidebar .rpanel-title .btn:hover {
  color: #5c7a89; }

/*---nav---*/
.theme-grey .nav &gt; li &gt; a:hover, .theme-grey .nav &gt; li &gt; a:active, .theme-grey .nav &gt; li &gt; a:focus {
  color: #5c7a89; }
.theme-grey .nav-pills &gt; li &gt; a.active {
  border-top-color: #5c7a89;
  background-color: #5c7a89 !important;
  color: #ffffff; }
  .theme-grey .nav-pills &gt; li &gt; a.active:hover, .theme-grey .nav-pills &gt; li &gt; a.active:focus {
    border-top-color: #5c7a89;
    background-color: #5c7a89 !important;
    color: #ffffff; }
.theme-grey .mailbox-nav .nav-pills &gt; li &gt; a:hover, .theme-grey .mailbox-nav .nav-pills &gt; li &gt; a:focus {
  border-color: #5c7a89; }
.theme-grey .mailbox-nav .nav-pills &gt; li &gt; a.active {
  border-color: #5c7a89; }
  .theme-grey .mailbox-nav .nav-pills &gt; li &gt; a.active:hover, .theme-grey .mailbox-nav .nav-pills &gt; li &gt; a.active:focus {
    border-color: #5c7a89; }
.theme-grey .nav-tabs-custom &gt; .nav-tabs &gt; li a.active {
  border-top-color: #5c7a89; }
.theme-grey .profile-tab li a.nav-link.active {
  border-bottom: 2px solid #5c7a89; }
.theme-grey .customtab li a.nav-link.active {
  border-bottom: 2px solid #5c7a89; }

/*---form-element---*/
.theme-grey .form-element .input-group .input-group-addon {
  background-image: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-grey .form-element .form-control {
  background-image: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%), linear-gradient(#3b6dc1, #3b6dc1); }
  .theme-grey .form-element .form-control:focus {
    background-image: linear-gradient(-45deg, #5c7a89 0%, #5c7a89 33%, #757575 100%), linear-gradient(#3b6dc1, #3b6dc1); }
.theme-grey .form-control:focus {
  border-color: #5c7a89; }
.theme-grey [type=checkbox]:checked.chk-col-primary + label:before {
  border-right: 2px solid #5c7a89;
  border-bottom: 2px solid #5c7a89; }
.theme-grey [type=checkbox]:checked.chk-col-info + label:before {
  border-right: 2px solid #757575;
  border-bottom: 2px solid #757575; }
.theme-grey [type=checkbox]:checked.chk-col-success + label:before {
  border-right: 2px solid #39b1b2;
  border-bottom: 2px solid #39b1b2; }
.theme-grey [type=checkbox]:checked.chk-col-danger + label:before {
  border-right: 2px solid #e23a3a;
  border-bottom: 2px solid #e23a3a; }
.theme-grey [type=checkbox]:checked.chk-col-warning + label:before {
  border-right: 2px solid #c6be41;
  border-bottom: 2px solid #c6be41; }
.theme-grey [type=checkbox].filled-in:checked.chk-col-primary + label:after {
  border: 2px solid #5c7a89;
  background-color: #5c7a89; }
.theme-grey [type=checkbox].filled-in:checked.chk-col-info + label:after {
  border: 2px solid #757575;
  background-color: #757575; }
.theme-grey [type=checkbox].filled-in:checked.chk-col-success + label:after {
  border: 2px solid #39b1b2;
  background-color: #39b1b2; }
.theme-grey [type=checkbox].filled-in:checked.chk-col-danger + label:after {
  border: 2px solid #e23a3a;
  background-color: #e23a3a; }
.theme-grey [type=checkbox].filled-in:checked.chk-col-warning + label:after {
  border: 2px solid #c6be41;
  background-color: #c6be41; }
.theme-grey [type=radio].radio-col-primary:checked + label:after {
  background-color: #5c7a89;
  border-color: #5c7a89;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-primary:checked + label:before {
  border: 2px solid #5c7a89;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-primary:checked + label:after {
  background-color: #5c7a89;
  border: 2px solid #5c7a89;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].radio-col-info:checked + label:after {
  background-color: #757575;
  border-color: #757575;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-info:checked + label:before {
  border: 2px solid #757575;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-info:checked + label:after {
  background-color: #757575;
  border: 2px solid #757575;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].radio-col-success:checked + label:after {
  background-color: #39b1b2;
  border-color: #39b1b2;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-success:checked + label:before {
  border: 2px solid #39b1b2;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-success:checked + label:after {
  background-color: #39b1b2;
  border: 2px solid #39b1b2;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].radio-col-danger:checked + label:after {
  background-color: #e23a3a;
  border-color: #e23a3a;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-danger:checked + label:before {
  border: 2px solid #e23a3a;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-danger:checked + label:after {
  background-color: #e23a3a;
  border: 2px solid #e23a3a;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].radio-col-warning:checked + label:after {
  background-color: #c6be41;
  border-color: #c6be41;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-warning:checked + label:before {
  border: 2px solid #c6be41;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=radio].with-gap.radio-col-warning:checked + label:after {
  background-color: #c6be41;
  border: 2px solid #c6be41;
  -webkit-animation: ripple .2s linear forwards;
  animation: ripple .2s linear forwards; }
.theme-grey [type=checkbox]:checked + label:before {
  border-right: 2px solid #5c7a89;
  border-bottom: 2px solid #5c7a89; }
.theme-grey [type=checkbox].filled-in:checked + label:after {
  border: 2px solid #5c7a89;
  background-color: #5c7a89; }
.theme-grey [type=radio].with-gap:checked + label:before, .theme-grey [type=radio].with-gap:checked + label:after {
  border: 2px solid #5c7a89; }
.theme-grey [type=radio].with-gap:checked + label:after {
  background-color: #5c7a89;
  z-index: 0; }
.theme-grey [type=radio]:checked + label:after {
  border: 2px solid #5c7a89;
  background-color: #5c7a89;
  z-index: 0; }
.theme-grey [type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-color: #5c7a89;
  background-color: #5c7a89; }

/*---Calender---*/
.theme-grey .fx-element-overlay .fx-card-item .fx-card-content a:hover {
  color: #5c7a89; }
.theme-grey .fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info &gt; li a:hover {
  background: #5c7a89;
  border-color: #5c7a89; }
.theme-grey .fc-event, .theme-grey .calendar-event {
  background: #5c7a89; }

/*---Tabs---*/
.theme-grey .tabs-vertical li .nav-link:hover, .theme-grey .tabs-vertical li .nav-link:active, .theme-grey .tabs-vertical li .nav-link:focus, .theme-grey .tabs-vertical li .nav-link.active {
  background-color: #5c7a89;
  color: #ffffff; }
.theme-grey .customvtab .tabs-vertical li .nav-link:hover, .theme-grey .customvtab .tabs-vertical li .nav-link:active, .theme-grey .customvtab .tabs-vertical li .nav-link:focus, .theme-grey .customvtab .tabs-vertical li .nav-link.active {
  border-right: 2px solid #5c7a89;
  color: #5c7a89; }
.theme-grey .customtab2 li a.nav-link:hover, .theme-grey .customtab2 li a.nav-link:active, .theme-grey .customtab2 li a.nav-link.active {
  background-color: #5c7a89; }

.rtl.theme-grey .customvtab .tabs-vertical li .nav-link:hover, .rtl.theme-grey .customvtab .tabs-vertical li .nav-link:active, .rtl.theme-grey .customvtab .tabs-vertical li .nav-link:focus, .rtl.theme-grey .customvtab .tabs-vertical li .nav-link.active {
  border-right: none;
  border-left: 2px solid #5c7a89; }

/*---Notification---*/
.theme-grey .jq-icon-primary {
  background-color: #5c7a89;
  color: #ffffff;
  border-color: #5c7a89; }
.theme-grey .jq-icon-info {
  background-color: #757575;
  color: #ffffff;
  border-color: #757575; }
.theme-grey .jq-icon-success {
  background-color: #39b1b2;
  color: #ffffff;
  border-color: #5c7a89; }
.theme-grey .jq-icon-error {
  background-color: #e23a3a;
  color: #ffffff;
  border-color: #e23a3a; }
.theme-grey .jq-icon-danger {
  background-color: #e23a3a;
  color: #ffffff;
  border-color: #e23a3a; }
.theme-grey .jq-icon-warning {
  background-color: #c6be41;
  color: #ffffff;
  border-color: #c6be41; }

/*---avatar---*/
.theme-grey .avatar.status-primary::after {
  background-color: #5c7a89; }
.theme-grey .avatar.status-info::after {
  background-color: #757575; }
.theme-grey .avatar.status-success::after {
  background-color: #39b1b2; }
.theme-grey .avatar.status-danger::after {
  background-color: #e23a3a; }
.theme-grey .avatar.status-warning::after {
  background-color: #c6be41; }
.theme-grey .avatar[class*='status-']::after {
  background-color: #5c7a89; }
.theme-grey .avatar-add:hover {
  background-color: #485f6a;
  border-color: #485f6a; }

/*---media---*/
.theme-grey .media-chat.media-chat-reverse .media-body p {
  background-color: #5c7a89; }
.theme-grey .media-right-out a:hover {
  color: #485f6a; }

/*---control---*/
.theme-grey .control input:checked:focus ~ .control_indicator {
  background-color: #5c7a89; }
.theme-grey .control input:checked ~ .control_indicator {
  background-color: #5c7a89; }
.theme-grey .control:hover input:not([disabled]):checked ~ .control_indicator {
  background-color: #5c7a89; }

/*---flex---*/
.theme-grey .flex-column &gt; li &gt; a.nav-link.active {
  border-left-color: #5c7a89; }
  .theme-grey .flex-column &gt; li &gt; a.nav-link.active:hover {
    border-left-color: #5c7a89; }

/*---pagination---*/
.theme-grey .pagination li a.current {
  border: 1px solid #5c7a89;
  background-color: #5c7a89; }
  .theme-grey .pagination li a.current:hover {
    border: 1px solid #5c7a89;
    background-color: #5c7a89; }
.theme-grey .pagination li a:hover {
  border: 1px solid #485f6a;
  background-color: #485f6a !important; }
.theme-grey .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #5c7a89;
  background-color: #5c7a89; }
  .theme-grey .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #5c7a89;
    background-color: #5c7a89; }
.theme-grey .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #5c7a89; }
.theme-grey .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #5c7a89; }
.theme-grey .footable .pagination li a:hover, .theme-grey .footable .pagination li a:active, .theme-grey .footable .pagination li a.active {
  background-color: #5c7a89; }

/*---dataTables---*/
.theme-grey .dt-buttons .dt-button {
  background-color: #5c7a89; }

/*---select2---*/
.theme-grey .select2-container--default.select2-container--open {
  border-color: #5c7a89; }
.theme-grey .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5c7a89; }
.theme-grey .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #5c7a89 !important; }
.theme-grey .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #5c7a89 !important; }
.theme-grey .select2-container--default .select2-selection--multiple:focus {
  border-color: #5c7a89 !important; }
.theme-grey .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #5c7a89;
  border-color: #5c7a89; }

/*---Other---*/
.theme-grey .myadmin-dd .dd-list .dd-list .dd-handle:hover {
  color: #485f6a; }
.theme-grey .myadmin-dd-empty .dd-list .dd3-handle:hover {
  color: #485f6a; }
.theme-grey .myadmin-dd-empty .dd-list .dd3-content:hover {
  color: #485f6a; }
.theme-grey [data-overlay-primary]::before {
  background: #485f6a; }

/*---wizard---*/
.theme-grey .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current {
  border: 2px solid #5c7a89;
  background-color: #5c7a89; }
.theme-grey .wizard-content .wizard &gt; .steps &gt; ul &gt; li.done {
  border-color: #485f6a;
  background-color: #485f6a; }
.theme-grey .wizard-content .wizard &gt; .actions &gt; ul &gt; li &gt; a {
  background-color: #5c7a89; }
.theme-grey .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:after {
  background-color: #5c7a89; }
.theme-grey .wizard-content .wizard.wizard-circle &gt; .steps &gt; ul &gt; li:before {
  background-color: #5c7a89; }
.theme-grey .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:after {
  background-color: #5c7a89; }
.theme-grey .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li:before {
  background-color: #5c7a89; }
.theme-grey .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step {
  border: 2px solid #5c7a89;
  color: #5c7a89; }
  .theme-grey .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.current .step:after {
    border-top-color: #5c7a89; }
.theme-grey .wizard-content .wizard.wizard-notification &gt; .steps &gt; ul &gt; li.done .step:after {
  border-top-color: #5c7a89; }

@media (max-width: 767px) {
  .theme-grey .wizard-content .wizard &gt; .steps &gt; ul &gt; li:last-child:after {
    background-color: #5c7a89; } }
@media (max-width: 575px) {
  .theme-grey .wizard-content .wizard &gt; .steps &gt; ul &gt; li.current:after {
    background-color: #5c7a89; } }
/*---slider---*/
.theme-grey #primary .slider-selection {
  background-color: #5c7a89; }
.theme-grey #info .slider-selection {
  background-color: #757575; }
.theme-grey #success .slider-selection {
  background-color: #39b1b2; }
.theme-grey #danger .slider-selection {
  background-color: #e23a3a; }
.theme-grey #warning .slider-selection {
  background-color: #c6be41; }

/*---horizontal-timeline---*/
.theme-grey .cd-horizontal-timeline .events a.selected::after {
  background: #5c7a89;
  border-color: #5c7a89; }
.theme-grey .cd-horizontal-timeline .events a.older-event::after {
  border-color: #5c7a89; }
.theme-grey .cd-horizontal-timeline .filling-line {
  background: #5c7a89; }
.theme-grey .cd-horizontal-timeline a {
  color: #5c7a89; }
  .theme-grey .cd-horizontal-timeline a:hover, .theme-grey .cd-horizontal-timeline a:focus {
    color: #5c7a89; }
.theme-grey .cd-timeline-navigation a:hover, .theme-grey .cd-timeline-navigation a:focus {
  border-color: #5c7a89; }

/*# sourceMappingURL=color_theme.css.map */
</pre></body></html>