/* table hr background colors */
.table-red tr>th, .table-danger tr>th,
.table-yellow tr>th, .table-warning tr>th,
.table-aqua tr>th, .table-info tr>th,
.table-blue tr>th,
.table-light-blue tr>th, .table-primary tr>th,
.table-green tr>th, .table-success tr>th,
.table-dark-green tr>th,
.table-navy tr>th,
.table-teal tr>th,
.table-olive tr>th,
.table-lime tr>th,
.table-orange tr>th,
.table-fuchsia tr>th,
.table-purple tr>th,
.table-maroon tr>th,
.table-cadetblue tr>th,
.table-dark-gray tr>th,
.table-black tr>th {
	color: white;
}
.table-cadetblue tr>th {
	background-color: cadetblue !important;
}
.table-light-gray tr>th {
	background-color: #fefefe !important;
}
.table-gray tr>th {
	background-color: #eaeaea !important;
}
.table-dark-gray tr>th {
	background-color: #aaaaaa !important;
}
.table-black tr>th {
	background-color: #222222 !important;
}
.table-red tr>th, .table-danger tr>th {
	background-color: rgb(var(--danger-color)) !important; /* f56954 */
}
.table-yellow tr>th, .table-warning tr>th {
  background-color: rgb(var(--warning-color)) !important; /* f39c12 */
}
.table-aqua tr>th, .table-info tr>th {
	background-color: rgb(var(--info-color)) !important; /* 00c0ef */
}
.table-blue tr>th {
	background-color: #0073b7 !important;
}
.table-light-blue tr>th, .table-primary tr>th {
	background-color: rgb(var(--primary-color)) !important; /* 3c8dbc */
}
.table-green tr>th, .table-success tr>th {
	background-color: rgb(var(--success-color)) !important; /* #00a65a */
}
.table-dark-green tr>th {
	background-color: #425E08 !important;
}
.table-navy tr>th {
	background-color: #001f3f !important;
}
.table-teal tr>th {
	background-color: #39cccc !important;
}
.table-olive tr>th {
	background-color: #3d9970 !important;
}
.table-lime tr>th {
	background-color: #01ff70 !important;
}
.table-orange tr>th {
	background-color: #ff851b !important;
}
.table-fuchsia tr>th {
	background-color: #f012be !important;
}
.table-purple tr>th {
	background-color: #932ab6 !important;
}
.table-maroon tr>th {
	background-color: #85144b !important;
}

/* Background colors */
.bg-red, .bg-danger,
.bg-yellow, .bg-warning,
.bg-aqua, .bg-info,
.bg-blue,
.bg-light-blue, .bg-primary,
.bg-green, .bg-success, /* 00a65a */
.bg-dark-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-cadetblue,
.bg-chocolate,
.bg-dark-gray,
.bg-steelblue,
.bg-darkturquoise,
.bg-darkseagreen,
.bg-lightcoral,
.bg-lightblue,
.bg-lightgreen,
.bg-lightseagreen,
.bg-lightsalmon,
.bg-gold,
.bg-black {
	color: #f9f9f9 !important;
}
.bg-white {
	background-color: white !important;
}
.bg-cadetblue {
	background-color: cadetblue !important;
}
.bg-light-gray {
	background-color: #fefefe !important;
}
.bg-gray {
	background-color: #eaeaea !important;
}
.bg-dark-gray, .bg-default {
	background-color: rgb(var(--default-color)) !important; /* aaaaaa */
}
.bg-black {
	background-color: #222222 !important;
}
.bg-red, .bg-danger {
	background-color: rgb(var(--danger-color)) !important;
}
.bg-yellow, .bg-warning {
  background-color: rgb(var(--warning-color)) !important;
}
.bg-aqua, .bg-info {
	background-color: rgb(var(--info-color)) !important;
}
.bg-blue {
	background-color: #0073b7 !important;
}
.bg-light-blue, .bg-primary {
	background-color: rgb(var(--primary-color)) !important; /* 3c8dbc */
}
.bg-green, .bg-success {
	background-color: rgb(var(--success-color)) !important; /* #00a65a */
}
.bg-dark-green {
	background-color: #425E08 !important;
}
.bg-navy {
	background-color: #001f3f !important;
}
.bg-teal {
	background-color: #39cccc !important;
}
.bg-olive {
	background-color: #3d9970 !important;
}
.bg-lime {
	background-color: #01ff70 !important;
}
.bg-orange {
	background-color: #ff851b !important;
}
.bg-fuchsia {
	background-color: #f012be !important;
}
.bg-purple {
	background-color: #932ab6 !important;
}
.bg-maroon {
	background-color: #85144b !important;
}
.bg-chocolate {
	background-color: #d2691e !important;
}
.bg-steelblue {
	background-color: steelblue !important;
}
.bg-darkturquoise {
	background-color: darkturquoise !important;	
}
.bg-darkseagreen {
	background-color: rgb(102, 204, 102) !important;
}
.bg-lightcoral {
	background-color: lightcoral !important;
}
.bg-lightblue {
	background-color: #71BCE7 !important;
}
.bg-lightgreen {
	background-color: rgb(var(--lightgreen-color)) !important;
}
.bg-lightseagreen {
	background-color: rgb(var(--lightseagreen-color)) !important;
}
.bg-lightsalmon {
	background-color: rgb(var(--lightsalmon-color)) !important;
}
.bg-gold {
	background-color: rgb(var(--gold-color)) !important;
}

/* Background colors - transparent 33 */
.bg-light-gray-transparent-33 {background-color: #fefefe33 !important;}
.bg-gray-transparent-33 {background-color: #eaeaea33 !important;}
.bg-dark-gray-transparent-33, .bg-default-transparent-33 {background-color: #aaaaaa33 !important;}
.bg-black-transparent-33 {background-color: #22222233 !important;}
.bg-red-transparent-33, .bg-danger-transparent-33 {background-color: #f5695433 !important;}
.bg-yellow-transparent-33, .bg-warning-transparent-33 {background-color: #f39c1233 !important;}
.bg-aqua-transparent-33, .bg-info-transparent-33 {background-color: #00c0ef33 !important;}
.bg-blue-transparent-33 {background-color: #0073b733 !important;}
.bg-light-blue-transparent-33, .bg-primary-transparent-33 {background-color: #3c8dbc33 !important;}
.bg-green-transparent-33, .bg-success-transparent-33 {background-color: #64842033 !important;} /* 00a65a */
.bg-dark-green-transparent-33 {background-color: #425E0833 !important;}
.bg-navy-transparent-33 {background-color: #001f3f33 !important;}
.bg-teal-transparent-33 {background-color: #39cccc33 !important;}
.bg-olive-transparent-33 {background-color: #3d997033 !important; }
.bg-lime-transparent-33 { background-color: #01ff7033 !important; }
.bg-orange-transparent-33 { background-color: #ff851b33 !important; }
.bg-fuchsia-transparent-33 { background-color: #f012be33 !important; }
.bg-purple-transparent-33 { background-color: #932ab633 !important; }
.bg-maroon-transparent-33 { background-color: #85144b33 !important; }
.bg-cadetblue-transparent-33 { background-color: #5F9EA033 !important; }
.bg-chocolate-transparent-33 {  background-color: #d2691e33 !important; }
.bg-warning-transparent-33 {  background-color: #f39c1233 !important; }
.bg-danger-transparent-33 {  background-color: #f5695433 !important; }
.bg-primary-transparent-33 {  background-color: #3c8dbc33 !important; }
.bg-darkturquoise-transparent-33 { background-color: #00ced133 !important; }
.bg-darkseagreen-transparent-33 { background-color: #8fbc8f33 !important; }
.bg-lightcoral-transparent-33 { background-color: #f0808033 !important; }
.bg-lightblue-transparent-33 { background-color: #71BCE733 !important; }
.bg-lightgreen-transparent-33 { background-color: rgba(var(--lightgreen-color), 0.2) !important; }
.bg-lightseagreen-transparent-33 { background-color: rgba(var(--lightseagreen-color), 0.2) !important; }
.bg-lightsalmon-transparent-33 { background-color: rgba(var(--lightsalmon-color), 0.2) !important; }

/* Background colors - transparent 18 */
	.bg-success-transparent-18 {  background-color: #64842018 !important; } /* 00a65a */
	.bg-warning-transparent-18 {  background-color: #f39c1218 !important; }
	.bg-danger-transparent-18 {  background-color: #f5695418 !important; }
	.bg-primary-transparent-18 {  background-color: #3c8dbc18 !important; }

/* Text colors */
.text-inherit { color: inherit !important; }
.text-gold { color: rgb(var(--gold-color)) !important; }
.text-white {
	color: #ffffff !important;
}
.text-gray {
	color: rgb(var(--gray-eee-color)) !important;
}
.text-dark-gray, .text-default {
	color: rgb(var(--gray-888-color)) !important;
}
.text-red, .text-danger {
	color: rgb(var(--danger-color)) !important;
}
.text-yellow, .text-warning {
	color: rgb(var(--warning-color)) !important;
}
.text-aqua, .text-info {
  color: rgb(var(--info-color)) !important;
}
.text-blue {
	color: #0073b7 !important;
}
.text-light-blue, .text-primary {
	color: rgb(var(--primary-color)) !important;
}
.text-green, .text-success {
	color: rgb(var(--success-color)) !important; /* 00a65a */
}
.text-dark-green {
	color: #425E08 !important;
}
.text-navy {
	color: #001f3f !important;
}
.text-teal {
	color: #39cccc !important;
}
.text-olive {
	color: #3d9970 !important;
}
.text-lime {
	color: #01ff70 !important;
}
.text-orange {
	color: #ff851b !important;
}
.text-fuchsia {
	color: #f012be !important;
}
.text-purple {
	color: #932ab6 !important;
}
.text-maroon {
	color: #85144b !important;
}
.text-cadetblue {
	color: cadetblue !important;
}
.text-chocolate { color: #d2691e !important; }
.text-steelblue { color: steelblue !important; }
.text-darkturquoise { color: darkturquoise !important; }
.text-darkseagreen { color: darkseagreen !important; }
.text-lightcoral { color: lightcoral !important; }
.text-lightblue { color: #71BCE7 !important; }
.text-lightgreen { color: rgb(var(--lightgreen-color)) !important; }
.text-lightseagreen { color: rgb(var(--lightseagreen-color)) !important; }
.text-lightsalmon { color: rgb(var(--lightsalmon-color)) !important; }

/* border-left-colors */
.border-left-gray {
  	border-left: 10px solid rgb(var(--gray-eee-color));
}
.border-left-dark-gray {
  	border-left: 10px solid rgb(var(--default-color));
}
.border-left-black {
  	border-left: 10px solid #222222;
}
.border-left-red, .border-left-danger {
  	border-left: 10px solid rgb(var(--danger-color));
}
.border-left-yellow, .border-left-warning {
  	border-left: 10px solid rgb(var(--warning-color));
}
.border-left-aqua, .border-left-info {
  	border-left: 10px solid rgb(var(--info-color));
}
.border-left-blue {
  	border-left: 10px solid #0073b7;
}
.border-left-light-blue, .border-left-primary {
  	border-left: 10px solid rgb(var(--primary-color));
}
.border-left-green, .border-left-success {
  	border-left: 10px solid rgb(var(--success-color));
}
.border-left-dark-green {
	border-left: 10px solid #425E08;
}
.border-left-navy {
  	border-left: 10px solid #001f3f;
}
.border-left-teal {
  	border-left: 10px solid #39cccc;
}
.border-left-olive {
	border-left: 10px solid #3d9970;
}
.border-left-lime {
	border-left: 10px solid #01ff70;
}
.border-left-orange {
	border-left: 10px solid #ff851b;
}
.border-left-fuchsia {
	border-left: 10px solid #f012be;
}
.border-left-purple {
	border-left: 10px solid #932ab6;
}
.border-left-maroon {
	border-left: 10px solid #85144b;
}
.border-left-cadetblue {
	border-left: 10px solid #5F9EA0;
}
.border-left-steelblue { border-left: 10px solid  steelblue; }
.border-left-darkturquoise { border-left: 10px solid darktuquoise; }
.border-left-darkseagreen { border-left: 10px solid darkseagreen; }
.border-left-lightcoral { border-left: 10px solid  lightcoral; }
.border-left-lightblue { border-left: 10px solid #71BCE7; }
.border-left-lightgreen { border-left: 10px solid rgb(var(--lightgreen-color)); }
.border-left-lightseagreen { border-left: 10px solid rgb(var(--lightseagreen-color)); }
.border-left-lightsalmon { border-left: 10px solid rgb(var(--lightsalmon-color)); }

.border-left-success-warning { border-left-width: 10px; border-left-style: solid; border-image-source: linear-gradient(180deg, rgb(var(--success-color)) 50%, rgb(var(--warning-color)) 50%); border-image-slice: 1; }

/* 
    Compenent: Progress bars
--------------------------------
*/
/* size variation */
.progress.sm {
  height: 10px;
}
.progress.xs {
  height: 7px;
}
/* Vertical bars */
.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}
.progress.vertical > .progress-bar {
  width: 100%!important;
  position: absolute;
  bottom: 0;
}
.progress.vertical.sm {
  width: 20px;
}
.progress.vertical.xs {
  width: 10px;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
  margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
  background-color: rgb(var(--primary-color));
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green,
.progress-bar-success {
  background-color: rgb(var(--success-color));
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua,
.progress-bar-info {
  background-color: rgb(var(--info-color));
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
  background-color: rgb(var(--warning-color));
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
  background-color: rgb(var(--danger-color));
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-gray, .progress-bar-default { background-color: rgb(var(--default-color)); }
.progress-bar-cadetblue { background-color: #5F9EA0; }

/*
    Component: Small boxes
*/
.small-box { position: relative; display: block; border-radius: 2px; margin-bottom: 15px; }
.small-box > .inner { padding: 10px; }
.small-box > .small-box-footer { position: relative; text-align: center; padding: 3px; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none; font-size: 16px; }
.small-box > .small-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15); }
.small-box h3 { font-size: 34px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; }
@media(max-width: 767px) { .small-box h3 { font-size: 28px; } }
.small-box .inner sup { font-size: 20px; margin-left: 5px; }
.small-box p { font-size: 15px; }
.small-box p > small { display: block; color: #f9f9f9; font-size: 13px; margin-top: 5px; }
.small-box .icon { position: absolute; top: auto; bottom: -10px; right: 10px; z-index: 0; font-size: 90px; color: rgba(0,0,0,0.15); }
.small-box .icon img { width: 80px; height: 80px; margin-bottom: 20px; }
.small-box:hover { text-decoration: none; color: #f9f9f9; }
.small-box:hover .icon { animation-name: tansformAnimation; animation-duration: .5s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; }
.small-box:hover .icon img { width: 100px; height: 100px; }
@keyframes tansformAnimation { from { font-size: 90px; } to { font-size: 100px; } }
@media screen and (max-width: 480px) {
/*   .small-box .icon { display: none; } */
	.small-box p { font-size: 12px; }
	.small-box .icon { font-size: 85px; bottom: -15px; }
	.small-box:hover .icon { animation-name: none; }

  	.small-box > .small-box-footer { font-size: 12px; }
}

/*
    component: Boxes
-------------------------
*/
.box {
  position: relative;
  background: #ffffff;
  border-top: 2px solid #c1c1c1;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.box.box-default {
  border-top-color: rgb(var(--gray-eee-color));
}
.box.box-navy {
  border-top-color: #001f3f;
}
.box.box-primary {
  border-top-color: rgb(var(--primary-color));
}
.box.box-info {
  border-top-color: rgb(var(--info-color));
}
.box.box-danger {
  border-top-color: rgb(var(--danger-color));
}
.box.box-warning {
  border-top-color: rgb(var(--warning-color));
}
.box.box-success, .box.box-green {
  border-top-color: rgb(var(--success-color));
}
.box.box-dark-green {
  border-top-color: #425E08;
}
.box.box-purple {
  border-top-color: #932ab6;
}
.box.box-light-blue {
  border-top-color: #3c8dbc;
}
.box.box-blue {
  border-top-color: #0073b7;
}
.box.box-teal {
  border-top-color: #39cccc;
}
.box.box-orange {
  border-top-color: #ff851b;
}
.box.box-maroon {
  border-top-color: #85144b;
}
.box.box-cadetblue {
	border-top-color: cadetblue;
}
.box.box-fuchsia {
	border-top-color: #f012be;
}
.box.box-olive {
	border-top-color: #3d9970;
}
.box.box-steelblue {
	border-top-color: steelblue;
}
.box.box-darkturquoise {
	border-top-color: darkturquoise;	
}
.box.box-darkseagreen {
	border-top-color: darkseagreen;
}
.box.box-lightcoral {
	border-top-color: lightcoral;
}
.box.box-lightblue {
	border-top-color: #71BCE7;
}
.box.box-lightgreen {
	border-top-color: rgb(var(--lightgreen-color));
}
.box.box-lightseagreen { border-top-color: rgb(var(--lightseagreen-color)); }
.box.box-lightsalmon { border-top-color: rgb(var(--lightsalmon-color)); }

.box.box-left {
	border-top: none;
	border-left: 2px solid #c1c1c1;
}
.box.box-left-default {
  border-left-color: rgb(var(--gray-eee-color));
}
.box.box-left-navy {
  border-left-color: #001f3f;
}
.box.box-left-primary {
  border-left-color: rgb(var(--primary-color));
}
.box.box-left-info {
  border-left-color: rgb(var(--info-color));
}
.box.box-left-danger {
  border-left-color: rgb(var(--danger-color));
}
.box.box-left-warning {
  border-left-color: rgb(var(--warning-color));
}
.box.box-left-success, .box.box-left-green {
  border-left-color: rgb(var(--success-color));
}
.box.box-left-dark-green {
  border-left-color: #425E08;
}
.box.box-left-purple {
  border-left-color: #932ab6;
}
.box.box-left-light-blue {
  border-left-color: #3c8dbc;
}
.box.box-left-blue {
  border-left-color: #0073b7;
}
.box.box-left-teal {
  border-left-color: #39cccc;
}
.box.box-left-orange {
  border-left-color: #ff851b;
}
.box.box-left-maroon {
  border-left-color: #85144b;
}
.box.box-left-olive {
	border-left-color: #3d9970;
}
.box.box-left-steelblue {
	border-left-color: steelblue;
}
.box.box-left-cadetblue {
	border-left-color: cadetblue;
}
.box.box-left-darkturquoise {
	border-left-color: darkturquoise;	
}
.box.box-left-darkseagreen {
	border-left-color: darkseagreen;
}
.box.box-left-lightcoral {
	border-left-color: lightcoral;
}
.box.box-left-lightblue {
	border-left-color: #71BCE7;
}
.box.box-left-lightgreen {
	border-left-color: rgb(var(--lightgreen-color));
}
.box.box-left-lightseagreen { border-left-color: rgb(var(--lightseagreen-color)); }
.box.box-left-lightsalmon { border-left-color: rgb(var(--lightsalmon-color)); }


.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .box-header {
  position: relative;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* 
  border-bottom: 1px solid #f4f4f4;
  color: #444; 
  padding-bottom: 10px;
  */
}
.box .box-header:before,
.box .box-header:after {
  display: table;
  content: " ";
}
.box .box-header:after {
  clear: both;
}
.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header > .box-title { display: inline-block; padding: 10px 0px 10px 10px;  margin: 0; font-size: 20px; font-weight: 400; float: left; cursor: default; }

.box .box-header > .box-title.border-left { border-left: 6px solid #27390088; padding-left: 15px; }
.box.box-navy .box-header > .box-title.border-left { border-color: #001f3f88; }
.box.box-dark-green .box-header > .box-title.border-left { border-color: #425E0888; }


.box .box-header a { color: #444; }
.box .box-header > .box-tools {
  padding: 5px 10px 5px 5px;
}
.box .box-body {
  padding: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.box .box-body > .small-title { display: inline-block; padding: 10px;  margin: 0; font-size: 16px; font-weight: 400; }

.box .box-body > table,
.box .box-body > .table {
  margin-bottom: 0;
}
.box .box-body.chart-responsive {
  width: 100%;
  overflow: hidden;
}
.box .box-body > .chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.box .box-body > .chart svg,
.box .box-body > .chart canvas {
  width: 100%!important;
}
.box .box-body .fc {
  margin-top: 5px;
}
.box .box-body .fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}
.box .box-body .fc-header-right {
  padding-right: 10px;
}
.box .box-body .fc-header-left {
  padding-left: 10px;
}
.box .box-body .fc-widget-header {
  background: #fafafa;
  box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
}
.box .box-body .fc-grid {
  width: 100%;
  border: 0;
}
.box .box-body .fc-widget-header:first-of-type,
.box .box-body .fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}
.box .box-body .fc-widget-header:last-of-type,
.box .box-body .fc-widget-content:last-of-type {
  border-right: 0;
}
.box .box-body .table {
  margin-bottom: 0;
}
.box .box-body .full-width-chart {
  margin: -19px;
}
.box .box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box .box-footer {
  border-top: 1px solid #f4f4f4;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  background-color: #ffffff;
}
.box.box-solid {
  border-top: 0px;
}
.box.box-solid > .box-header {
  padding-bottom: 0px!important;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid.box-default > .box-header {
  color: #fff;
  background: rgb(var(--gray-eee-color));
  background-color: rgb(var(--gray-eee-color));
}
.box.box-solid.box-default > .box-header a {
  color: #444;
}
.box.box-solid.box-default > .box-header > .box-title small {
	color:#fff;
}
.box.box-solid.box-primary > .box-header {
  color: #fff;
  background: rgb(var(--primary-color));
  background-color: rgb(var(--primary-color));
}
.box.box-solid.box-primary > .box-header a {
  color: #444;
}
.box.box-solid.box-primary > .box-header > .box-title small {
	color:#fff;
}
.box.box-solid.box-info > .box-header {
  color: #fff;
  background: rgb(var(--info-color));
  background-color: rgb(var(--info-color));
}
.box.box-solid.box-info > .box-header a {
  color: #444;
}
.box.box-solid.box-info > .box-header > .box-title small {
	color:#fff;
}
.box.box-solid.box-danger > .box-header {
  color: #fff;
  background: rgb(var(--danger-color));
  background-color: rgb(var(--danger-color));
}
.box.box-solid.box-danger > .box-header a {
  color: #444;
}
.box.box-solid.box-danger > .box-header > .box-title small {
	color:#fff;
}
.box.box-solid.box-warning > .box-header {
  color: #fff;
  background: rgb(var(--warning-color));
  background-color: rgb(var(--warning-color));
}
.box.box-solid.box-warning > .box-header a {
  color: #444;
}
.box.box-solid.box-warning > .box-header > .box-title small {
	color:#fff;
}
.box.box-solid.box-success > .box-header {
  color: #fff;
  background: rgb(var(--success-color));
  background-color: rgb(var(--success-color));
}
.box.box-solid.box-success > .box-header a {
  color: #444;
}
.box.box-solid.box-success > .box-header > .box-title small {
	color:#fff;
}
.box.box-solid.box-purple > .box-header {
  color: #fff;
  background: #932ab6;
  background-color: #932ab6;
}
.box.box-solid.box-purple > .box-header a {
  color: #444;
}
.box.box-solid.box-purple > .box-header > .box-title small {
	color:#fff;
}

.box.box-solid.box-cadetblue > .box-header {
  color: #fff;
  background: cadetblue;
  background-color: cadetblue;
}
.box.box-solid.box-cadetblue > .box-header a {
  color: #444;
}
.box.box-solid.box-cadetblue > .box-header > .box-title small {
	color:#fff;
}

.box.box-solid > .box-header > .box-tools > .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid.collapsed-box .box-header {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box .todo-list {
  margin: 0;
  padding: 0px 0px;
  list-style: none;
}
.box .todo-list > li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px;
  background: #f3f4f5;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}
.box .todo-list > li:last-of-type {
  margin-bottom: 0;
}
.box .todo-list > li.danger {
  border-left-color: rgb(var(--danger-color));
}
.box .todo-list > li.warning {
  border-left-color: rgb(var(--warning-color));
}
.box .todo-list > li.info {
  border-left-color: rgb(var(--info-color));
}
.box .todo-list > li.success {
  border-left-color: rgb(var(--success-color));
}
.box .todo-list > li.primary {
  border-left-color: rgb(var(--primary-color));
}
.box .todo-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
.box .todo-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.box .todo-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}
.box .todo-list > li .tools {
  display: none;
  float: right;
  color: #f56954;
}
.box .todo-list > li .tools > .fa,
.box .todo-list > li .tools > .glyphicon,
.box .todo-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
.box .todo-list > li:hover .tools {
  display: inline-block;
}
.box .todo-list > li.done {
  color: #999;
}
.box .todo-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
.box .todo-list > li.done .label {
  background: #eaeaec !important;
}
.box .todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}
.box .chat {
  padding: 5px 20px 5px 10px;
}
.box .chat .item {
  margin-bottom: 10px;
}
.box .chat .item:before,
.box .chat .item:after {
  display: table;
  content: " ";
}
.box .chat .item:after {
  clear: both;
}
.box .chat .item > img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.box .chat .item > img.online {
  border: 2px solid #00a65a;
}
.box .chat .item > img.offline {
  border: 2px solid #f56954;
}
.box .chat .item > .message {
  margin-left: 55px;
  margin-top: -40px;
}
.box .chat .item > .message > .name {
  display: block;
  font-weight: 600;
}
.box .chat .item > .attachment {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f0f0f0;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}
.box .chat .item > .attachment > h4 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
}
.box .chat .item > .attachment > p,
.box .chat .item > .attachment > .filename {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}
.box .chat .item > .attachment:before,
.box .chat .item > .attachment:after {
  display: table;
  content: " ";
}
.box .chat .item > .attachment:after {
  clear: both;
}
.box > .overlay,
.box > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box > .overlay {
  z-index: 1010;
  background: rgba(255, 255, 255, 0.7);
}
.box > .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box > .loading-img {
  z-index: 1020;
  background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
}

/*
 * Component: Info Box
 * -------------------
 */
.info-box { display: flex; align-items: center; min-height: 90px; background: #fff; width: 100%; border-radius: 2px; margin-bottom: 15px; }
.info-box small { font-size: 14px; }
.info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px; }
.info-box .progress,
.info-box .progress .progress-bar {
  border-radius: 0;
}
.info-box .progress .progress-bar {
  background: #fff;
}
.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}
.info-box-icon > img {
  max-width: 100%;
}
.info-box-content {
  padding: 5px 10px;
  /* margin-left: 90px; */
}
.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.progress-description,
.info-box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-box-text {
  text-transform: uppercase;
}
.info-box-more {
  display: block;
}
.progress-description {
  margin: 0;
}