/* 5.3 Plugin - Gritter Notification */

#gritter-notice-wrapper {
	width: 371px!important;
	z-index: 1040 !important;
}
.gritter-item-wrapper {
	background: none !important;
	overflow: hidden !important;
	border-radius: 8px !important;
}
.gritter-top,
.gritter-item,
.gritter-bottom {
	background: url(images/transparent/black-0.8.png) !important;
	background: rgb(60 60 60 / 74%) !important;
}
.gritter-with-image {
	width: 280px!important;
}
.gritter-with-image, .gritter-without-image {
	padding-right: 70px!important;
}
.gritter-image {
	margin: 2px 10px 0 0 !important;
	border-radius: 4px;
}
.gritter-title {
	font-size: 12px !important;
	line-height: 16px !important;
	padding-bottom: 0px !important;
	font-weight: 600 !important;
	color: #fff !important;
	text-shadow: none !important;
}
.gritter-light .gritter-title {
	color: #333 !important;
	font-weight: 600 !important;
}
.gritter-item {
	font-family: inherit !important;
	color: #aaa !important;
	font-size: 10px !important;
	padding: 2px 15px 5px !important;
}
.gritter-close:hover:before,
.gritter-close:focus:before {
	color: #fff;
}
.gritter-light .gritter-item, 
.gritter-light .gritter-bottom, 
.gritter-light .gritter-top {
	background: url(images/transparent/white-0.98.png) !important;
	background: rgba(255,255,255,0.98) !important;
	color: #999 !important;
}
.gritter-light .gritter-close {
	border-left: 1px solid #ccd0d4;
}
.gritter-light .gritter-close:hover:before,
.gritter-light .gritter-close:focus:before {
	color: #2d353c;
}
.gritter-close, 
.gritter-light .gritter-close {
	left: auto!important;
	right: 0!important;
	top: 0!important;
	background: 0 0!important;
	width: 70px!important;
	height: auto!important;
	display: block!important;
	bottom: 0;
	border-left: 1px solid #444;
}
.gritter-close:before, 
.gritter-light .gritter-close:before {
	content: 'Close'!important;
	position: absolute!important;
	text-align: center!important;
	right: 0!important;
	color: #999;
	left: 0;
	z-index: 10;
	text-indent: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 9px;
	top: 50%!important;
	margin-top: -5px;
	font-family: inherit;
}


/*#----------------------#*/
.nowrap {
	white-space: nowrap !important;
}
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-scroll { overflow-y: scroll !important; }

.m-auto { margin: 0 auto !important; }
.m-0 { margin: 0px !important; }
.m-1 { margin: 1px !important; }
.m-2 { margin: 2px !important; }
.m-3 { margin: 3px !important; }
.m-4 { margin: 4px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }

.m-t-0 { margin-top: 0px !important; }
.m-t-1 { margin-top: 1px !important; }
.m-t-2 { margin-top: 2px !important; }
.m-t-3 { margin-top: 3px !important; }
.m-t-4 { margin-top: 4px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-40 { margin-top: 40px !important; }

.m-r-0 { margin-right: 0px !important; }
.m-r-1 { margin-right: 1px !important; }
.m-r-2 { margin-right: 2px !important; }
.m-r-3 { margin-right: 3px !important; }
.m-r-4 { margin-right: 4px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-35 { margin-right: 35px !important; }
.m-r-40 { margin-right: 40px !important; }

.m-b-0 { margin-bottom: 0px !important; }
.m-b-1 { margin-bottom: 1px !important; }
.m-b-2 { margin-bottom: 2px !important; }
.m-b-3 { margin-bottom: 3px !important; }
.m-b-4 { margin-bottom: 4px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-b-40 { margin-bottom: 40px !important; }

.m-l-0 { margin-left: 0px !important; }
.m-l-1 { margin-left: 1px !important; }
.m-l-2 { margin-left: 2px !important; }
.m-l-3 { margin-left: 3px !important; }
.m-l-4 { margin-left: 4px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
.m-l-40 { margin-left: 40px !important; }

.p-0 { padding: 0px !important; }
.p-1 { padding: 1px !important; }
.p-2 { padding: 2px !important; }
.p-3 { padding: 3px !important; }
.p-4 { padding: 4px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }

.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }

.p-t-0 { padding-top: 0px !important; }
.p-t-1 { padding-top: 1px !important; }
.p-t-2 { padding-top: 2px !important; }
.p-t-3 { padding-top: 3px !important; }
.p-t-4 { padding-top: 4px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-35 { padding-top: 35px !important; }
.p-t-40 { padding-top: 40px !important; }

.p-r-0 { padding-right: 0px !important; }
.p-r-1 { padding-right: 1px !important; }
.p-r-2 { padding-right: 2px !important; }
.p-r-3 { padding-right: 3px !important; }
.p-r-4 { padding-right: 4px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-35 { padding-right: 35px !important; }
.p-r-40 { padding-right: 40px !important; }

.p-b-0 { padding-bottom: 0px !important; }
.p-b-1 { padding-bottom: 1px !important; }
.p-b-2 { padding-bottom: 2px !important; }
.p-b-3 { padding-bottom: 3px !important; }
.p-b-4 { padding-bottom: 4px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-b-40 { padding-bottom: 40px !important; }

.p-l-0 { padding-left: 0px !important; }
.p-l-1 { padding-left: 1px !important; }
.p-l-2 { padding-left: 2px !important; }
.p-l-3 { padding-left: 3px !important; }
.p-l-4 { padding-left: 4px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-35 { padding-left: 35px !important; }
.p-l-40 { padding-left: 40px !important; }

.f-s-0 { font-size: 0px !important; }
.f-s-1 { font-size: 1px !important; }
.f-s-2 { font-size: 2px !important; }
.f-s-3 { font-size: 3px !important; }
.f-s-4 { font-size: 4px !important; }
.f-s-5 { font-size: 5px !important; }
.f-s-6 { font-size: 6px !important; }
.f-s-7 { font-size: 7px !important; }
.f-s-8 { font-size: 8px !important; }
.f-s-9 { font-size: 9px !important; }
.f-s-10 { font-size: 10px !important; }
.f-s-11 { font-size: 11px !important; }
.f-s-12 { font-size: 12px !important; }
.f-s-13 { font-size: 13px !important; }
.f-s-14 { font-size: 14px !important; }
.f-s-15 { font-size: 15px !important; }
.f-s-16 { font-size: 16px !important; }
.f-s-17 { font-size: 17px !important; }
.f-s-18 { font-size: 18px !important; }
.f-s-19 { font-size: 19px !important; }
.f-s-20 { font-size: 20px !important; }

.l-h-0 { line-height: 0px !important; }
.l-h-1 { line-height: 1px !important; }
.l-h-2 { line-height: 2px !important; }
.l-h-3 { line-height: 3px !important; }
.l-h-4 { line-height: 4px !important; }
.l-h-5 { line-height: 5px !important; }
.l-h-6 { line-height: 6px !important; }
.l-h-7 { line-height: 7px !important; }
.l-h-8 { line-height: 8px !important; }
.l-h-9 { line-height: 9px !important; }
.l-h-10 { line-height: 10px !important; }
.l-h-11 { line-height: 11px !important; }
.l-h-12 { line-height: 12px !important; }
.l-h-13 { line-height: 13px !important; }
.l-h-14 { line-height: 14px !important; }
.l-h-15 { line-height: 15px !important; }
.l-h-16 { line-height: 16px !important; }
.l-h-17 { line-height: 17px !important; }
.l-h-18 { line-height: 18px !important; }
.l-h-19 { line-height: 19px !important; }
.l-h-20 { line-height: 20px !important; }
.l-h-20 { line-height: 20px !important; }
.l-h-21 { line-height: 21px !important; }
.l-h-22 { line-height: 22px !important; }
.l-h-23 { line-height: 23px !important; }
.l-h-24 { line-height: 24px !important; }
.l-h-25 { line-height: 25px !important; }
.l-h-26 { line-height: 26px !important; }
.l-h-27 { line-height: 27px !important; }
.l-h-28 { line-height: 28px !important; }
.l-h-29 { line-height: 29px !important; }
.l-h-30 { line-height: 30px !important; }

.t-plus-1 { position: relative!important; top: 1px !important; }
.t-plus-2 { position: relative!important; top: 2px !important; }
.t-plus-3 { position: relative!important; top: 3px !important; }
.t-plus-4 { position: relative!important; top: 4px !important; }
.t-plus-5 { position: relative!important; top: 5px !important; }
.t-plus-6 { position: relative!important; top: 6px !important; }
.t-plus-7 { position: relative!important; top: 7px !important; }
.t-plus-8 { position: relative!important; top: 8px !important; }
.t-plus-9 { position: relative!important; top: 9px !important; }
.t-plus-10 { position: relative!important; top: 10px !important; }

.t-minus-1 { position: relative!important; top: -1px !important; }
.t-minus-2 { position: relative!important; top: -2px !important; }
.t-minus-3 { position: relative!important; top: -3px !important; }
.t-minus-4 { position: relative!important; top: -4px !important; }
.t-minus-5 { position: relative!important; top: -5px !important; }
.t-minus-6 { position: relative!important; top: -6px !important; }
.t-minus-7 { position: relative!important; top: -7px !important; }
.t-minus-8 { position: relative!important; top: -8px !important; }
.t-minus-9 { position: relative!important; top: -9px !important; }
.t-minus-10 { position: relative!important; top: -10px !important; }

.l-plus-1 { position: relative!important; left: 1px !important; }
.l-plus-2 { position: relative!important; left: 2px !important; }
.l-plus-3 { position: relative!important; left: 3px !important; }
.l-plus-4 { position: relative!important; left: 4px !important; }
.l-plus-5 { position: relative!important; left: 5px !important; }
.l-plus-6 { position: relative!important; left: 6px !important; }
.l-plus-7 { position: relative!important; left: 7px !important; }
.l-plus-8 { position: relative!important; left: 8px !important; }
.l-plus-9 { position: relative!important; left: 9px !important; }
.l-plus-10 { position: relative!important; left: 10px !important; }

.l-minus-1 { position: relative!important; left: -1px !important; }
.l-minus-2 { position: relative!important; left: -2px !important; }
.l-minus-3 { position: relative!important; left: -3px !important; }
.l-minus-4 { position: relative!important; left: -4px !important; }
.l-minus-5 { position: relative!important; left: -5px !important; }
.l-minus-6 { position: relative!important; left: -6px !important; }
.l-minus-7 { position: relative!important; left: -7px !important; }
.l-minus-8 { position: relative!important; left: -8px !important; }
.l-minus-9 { position: relative!important; left: -9px !important; }
.l-minus-10 { position: relative!important; left: -10px !important; }

.r-plus-1 { position: relative!important; right: 1px !important; }
.r-plus-2 { position: relative!important; right: 2px !important; }
.r-plus-3 { position: relative!important; right: 3px !important; }
.r-plus-4 { position: relative!important; right: 4px !important; }
.r-plus-5 { position: relative!important; right: 5px !important; }
.r-plus-6 { position: relative!important; right: 6px !important; }
.r-plus-7 { position: relative!important; right: 7px !important; }
.r-plus-8 { position: relative!important; right: 8px !important; }
.r-plus-9 { position: relative!important; right: 9px !important; }
.r-plus-10 { position: relative!important; right: 10px !important; }

.r-minus-1 { position: relative!important; right: -1px !important; }
.r-minus-2 { position: relative!important; right: -2px !important; }
.r-minus-3 { position: relative!important; right: -3px !important; }
.r-minus-4 { position: relative!important; right: -4px !important; }
.r-minus-5 { position: relative!important; right: -5px !important; }
.r-minus-6 { position: relative!important; right: -6px !important; }
.r-minus-7 { position: relative!important; right: -7px !important; }
.r-minus-8 { position: relative!important; right: -8px !important; }
.r-minus-9 { position: relative!important; right: -9px !important; }
.r-minus-10 { position: relative!important; right: -10px !important; }

.b-plus-1 { position: relative!important; bottom: 1px !important; }
.b-plus-2 { position: relative!important; bottom: 2px !important; }
.b-plus-3 { position: relative!important; bottom: 3px !important; }
.b-plus-4 { position: relative!important; bottom: 4px !important; }
.b-plus-5 { position: relative!important; bottom: 5px !important; }
.b-plus-6 { position: relative!important; bottom: 6px !important; }
.b-plus-7 { position: relative!important; bottom: 7px !important; }
.b-plus-8 { position: relative!important; bottom: 8px !important; }
.b-plus-9 { position: relative!important; bottom: 9px !important; }
.b-plus-10 { position: relative!important; bottom: 10px !important; }

.b-minus-1 { position: relative!important; bottom: -1px !important; }
.b-minus-2 { position: relative!important; bottom: -2px !important; }
.b-minus-3 { position: relative!important; bottom: -3px !important; }
.b-minus-4 { position: relative!important; bottom: -4px !important; }
.b-minus-5 { position: relative!important; bottom: -5px !important; }
.b-minus-6 { position: relative!important; bottom: -6px !important; }
.b-minus-7 { position: relative!important; bottom: -7px !important; }
.b-minus-8 { position: relative!important; bottom: -8px !important; }
.b-minus-9 { position: relative!important; bottom: -9px !important; }
.b-minus-10 { position: relative!important; bottom: -10px !important; }

.hide { display: none!important; }

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

.pull-left { float: left !important; }
.pull-right { float: right !important; }
.pull-none { float: none !important; }

.f-w-100 { font-weight: 100 !important; }
.f-w-200 { font-weight: 200 !important; }
.f-w-300 { font-weight: 300 !important; }
.f-w-400 { font-weight: 400 !important; }
.f-w-500 { font-weight: 500 !important; }
.f-w-600, .semi-bold { font-weight: 600 !important; }
.f-w-700 { font-weight: 700 !important; }

/*app swith*/

.app-switch {
	width: 114px;
}
.logo-app-switch img {
	width: 55px;
}


/*helper & color*/
.no-border { border: 0 !important; }
.b-0 { border: 0 !important; }
.b-t-0 { border-top: 0 !important; }
.b-r-0 { border-right: 0 !important; }
.b-b-0 { border-bottom: 0 !important; }
.b-l-0 { border-left: 0 !important; }
.b-1 { border: 1px solid #f2f3f4 !important; } 
.b-t-1 { border-top: 1px solid #f2f3f4 !important; }
.b-r-1 { border-right: 1px solid #f2f3f4 !important; }
.b-b-1 { border-bottom: 1px solid #f2f3f4 !important; }
.b-l-1 { border-left: 1px solid #f2f3f4 !important; }
.border-top-1 { border-top: 1px solid #f2f3f4 !important; }
.border-right-1 { border-right: 1px solid #f2f3f4 !important; }
.border-bottom-1 { border-bottom: 1px solid #f2f3f4 !important; }
.border-left-1 { border-left: 1px solid #f2f3f4 !important; }

.text-inverse,
.text-black { color: #2d353c !important; }
.text-black-transparent-9 { color: rgba(45, 53, 60, 0.9) !important; }
.text-black-transparent-8 { color: rgba(45, 53, 60, 0.8) !important; }
.text-black-transparent-7 { color: rgba(45, 53, 60, 0.7) !important; }
.text-black-transparent-6 { color: rgba(45, 53, 60, 0.6) !important; }
.text-black-transparent-5 { color: rgba(45, 53, 60, 0.5) !important; }
.text-black-transparent-4 { color: rgba(45, 53, 60, 0.4) !important; }
.text-black-transparent-3 { color: rgba(45, 53, 60, 0.3) !important; }
.text-black-transparent-2 { color: rgba(45, 53, 60, 0.2) !important; }
.text-black-transparent-1 { color: rgba(45, 53, 60, 0.1) !important; }
.text-black-darker { color: #242a30 !important; }
.text-black-lighter { color: #575d63 !important; }
a.text-inverse:hover,
a.text-inverse:focus { 
	color: #575d63 !important; 
}
.text-success,
.text-teal { color: #00acac !important; }
.text-teal-transparent-9 { color: rgba(0, 172, 172, 0.9) !important; }
.text-teal-transparent-8 { color: rgba(0, 172, 172, 0.8) !important; }
.text-teal-transparent-7 { color: rgba(0, 172, 172, 0.7) !important; }
.text-teal-transparent-6 { color: rgba(0, 172, 172, 0.6) !important; }
.text-teal-transparent-5 { color: rgba(0, 172, 172, 0.5) !important; }
.text-teal-transparent-4 { color: rgba(0, 172, 172, 0.4) !important; }
.text-teal-transparent-3 { color: rgba(0, 172, 172, 0.3) !important; }
.text-teal-transparent-2 { color: rgba(0, 172, 172, 0.2) !important; }
.text-teal-transparent-1 { color: rgba(0, 172, 172, 0.1) !important; }
.text-teal-darker { color: #008a8a !important; }
.text-teal-lighter { color: #33bdbd !important; }
a.text-success:hover,
a.text-success:focus { 
	color: #33bdbd !important; 
}
.text-info,
.text-aqua { color: #49b6d6 !important; }
.text-aqua-transparent-9 { color: rgba(73, 182, 214, 0.9) !important; }
.text-aqua-transparent-8 { color: rgba(73, 182, 214, 0.8) !important; }
.text-aqua-transparent-7 { color: rgba(73, 182, 214, 0.7) !important; }
.text-aqua-transparent-6 { color: rgba(73, 182, 214, 0.6) !important; }
.text-aqua-transparent-5 { color: rgba(73, 182, 214, 0.5) !important; }
.text-aqua-transparent-4 { color: rgba(73, 182, 214, 0.4) !important; }
.text-aqua-transparent-3 { color: rgba(73, 182, 214, 0.3) !important; }
.text-aqua-transparent-2 { color: rgba(73, 182, 214, 0.2) !important; }
.text-aqua-transparent-1 { color: rgba(73, 182, 214, 0.1) !important; }
.text-aqua-darker { color: #3a92ab !important; }
.text-aqua-lighter { color: #6dc5de !important; }
a.text-info:hover,
a.text-info:focus { 
	color: #6dc5de !important; 
}
.text-primary,
.text-blue { color: #348fe2 !important; }
.text-blue-transparent-9 { color: rgba(52, 143, 226, 0.9) !important; }
.text-blue-transparent-8 { color: rgba(52, 143, 226, 0.8) !important; }
.text-blue-transparent-7 { color: rgba(52, 143, 226, 0.7) !important; }
.text-blue-transparent-6 { color: rgba(52, 143, 226, 0.6) !important; }
.text-blue-transparent-5 { color: rgba(52, 143, 226, 0.5) !important; }
.text-blue-transparent-4 { color: rgba(52, 143, 226, 0.4) !important; }
.text-blue-transparent-3 { color: rgba(52, 143, 226, 0.3) !important; }
.text-blue-transparent-2 { color: rgba(52, 143, 226, 0.2) !important; }
.text-blue-transparent-1 { color: rgba(52, 143, 226, 0.1) !important; }
.text-blue-darker { color: #2a72b5 !important; }
.text-blue-lighter { color: #5da5e8 !important; }
a.text-primary:hover,
a.text-primary:focus { 
	color: #5da5e8 !important; 
}
.text-warning,
.text-orange { color: #f59c1a !important; }
.text-orange-transparent-9 { color: rgba(245, 156, 26, 0.9) !important; }
.text-orange-transparent-8 { color: rgba(245, 156, 26, 0.8) !important; }
.text-orange-transparent-7 { color: rgba(245, 156, 26, 0.7) !important; }
.text-orange-transparent-6 { color: rgba(245, 156, 26, 0.6) !important; }
.text-orange-transparent-5 { color: rgba(245, 156, 26, 0.5) !important; }
.text-orange-transparent-4 { color: rgba(245, 156, 26, 0.4) !important; }
.text-orange-transparent-3 { color: rgba(245, 156, 26, 0.3) !important; }
.text-orange-transparent-2 { color: rgba(245, 156, 26, 0.2) !important; }
.text-orange-transparent-1 { color: rgba(245, 156, 26, 0.1) !important; }
.text-orange-darker { color: #c47d15 !important; }
.text-orange-lighter { color: #f7b048 !important; }
a.text-warning:hover,
a.text-warning:focus { 
	color: #f7b048 !important; 
}
.text-danger,
.text-red { color: #ff5b57 !important; }
.text-red-transparent-9 { color: rgba(255, 91, 87, 0.9) !important; }
.text-red-transparent-8 { color: rgba(255, 91, 87, 0.8) !important; }
.text-red-transparent-7 { color: rgba(255, 91, 87, 0.7) !important; }
.text-red-transparent-6 { color: rgba(255, 91, 87, 0.6) !important; }
.text-red-transparent-5 { color: rgba(255, 91, 87, 0.5) !important; }
.text-red-transparent-4 { color: rgba(255, 91, 87, 0.4) !important; }
.text-red-transparent-3 { color: rgba(255, 91, 87, 0.3) !important; }
.text-red-transparent-2 { color: rgba(255, 91, 87, 0.2) !important; }
.text-red-transparent-1 { color: rgba(255, 91, 87, 0.1) !important; }
.text-red-darker { color: #cc4946 !important; }
.text-red-lighter { color: #ff7c79 !important; }
a.text-danger:hover,
a.text-danger:focus { 
	color: #ff7c79 !important; 
}
.text-white { color: #fff !important; }
.text-white-transparent-9 { color: rgba(255, 255, 255, 0.9) !important; }
.text-white-transparent-8 { color: rgba(255, 255, 255, 0.8) !important; }
.text-white-transparent-7 { color: rgba(255, 255, 255, 0.7) !important; }
.text-white-transparent-6 { color: rgba(255, 255, 255, 0.6) !important; }
.text-white-transparent-5 { color: rgba(255, 255, 255, 0.5) !important; }
.text-white-transparent-4 { color: rgba(255, 255, 255, 0.4) !important; }
.text-white-transparent-3 { color: rgba(255, 255, 255, 0.3) !important; }
.text-white-transparent-2 { color: rgba(255, 255, 255, 0.2) !important; }
.text-white-transparent-1 { color: rgba(255, 255, 255, 0.1) !important; }
a.text-white:hover,
a.text-white:focus { 
	color: #f0f3f4 !important; 
}
.text-silver { color: #f0f3f4 !important; }
.text-silver-transparent-9 { color: rgba(240, 243, 244, 0.9) !important; }
.text-silver-transparent-8 { color: rgba(240, 243, 244, 0.8) !important; }
.text-silver-transparent-7 { color: rgba(240, 243, 244, 0.7) !important; }
.text-silver-transparent-6 { color: rgba(240, 243, 244, 0.6) !important; }
.text-silver-transparent-5 { color: rgba(240, 243, 244, 0.5) !important; }
.text-silver-transparent-4 { color: rgba(240, 243, 244, 0.4) !important; }
.text-silver-transparent-3 { color: rgba(240, 243, 244, 0.3) !important; }
.text-silver-transparent-2 { color: rgba(240, 243, 244, 0.2) !important; }
.text-silver-transparent-1 { color: rgba(240, 243, 244, 0.1) !important; }
.text-silver-lighter { color: #f4f6f7 !important; }
.text-silver-darker { color: #b4b6b7 !important; }
a.text-silver:hover,
a.text-silver:focus { 
	color: #b4b6b7 !important; 
}
.text-grey, 
.text-muted { color: #b6c2c9 !important; }
.text-grey-transparent-9 { color: rgba(182, 194, 201, 0.9) !important; }
.text-grey-transparent-8 { color: rgba(182, 194, 201, 0.8) !important; }
.text-grey-transparent-7 { color: rgba(182, 194, 201, 0.7) !important; }
.text-grey-transparent-6 { color: rgba(182, 194, 201, 0.6) !important; }
.text-grey-transparent-5 { color: rgba(182, 194, 201, 0.5) !important; }
.text-grey-transparent-4 { color: rgba(182, 194, 201, 0.4) !important; }
.text-grey-transparent-3 { color: rgba(182, 194, 201, 0.3) !important; }
.text-grey-transparent-2 { color: rgba(182, 194, 201, 0.2) !important; }
.text-grey-transparent-1 { color: rgba(182, 194, 201, 0.1) !important; }
.text-grey-darker { color: #929ba1 !important; }
.text-grey-lighter { color: #c5ced4 !important; }
a.text-grey:hover,
a.text-grey:focus { 
	color: #c5ced4 !important; 
}
.text-yellow { color: #ffd900 !important; }
.text-yellow-transparent-9 { color: rgba(255, 217, 0, 0.9) !important; }
.text-yellow-transparent-8 { color: rgba(255, 217, 0, 0.8) !important; }
.text-yellow-transparent-7 { color: rgba(255, 217, 0, 0.7) !important; }
.text-yellow-transparent-6 { color: rgba(255, 217, 0, 0.6) !important; }
.text-yellow-transparent-5 { color: rgba(255, 217, 0, 0.5) !important; }
.text-yellow-transparent-4 { color: rgba(255, 217, 0, 0.4) !important; }
.text-yellow-transparent-3 { color: rgba(255, 217, 0, 0.3) !important; }
.text-yellow-transparent-2 { color: rgba(255, 217, 0, 0.2) !important; }
.text-yellow-transparent-1 { color: rgba(255, 217, 0, 0.1) !important; }
.text-yellow-darker { color: #bfa300 !important; }
.text-yellow-lighter { color: #fde248 !important; }
a.text-yellow:hover,
a.text-yellow:focus { 
	color: #e9fb65 !important; 
}
.text-purple { color: #727cb6 !important; }
.text-purple-transparent-9 { color: rgba(114, 124, 182, 0.9) !important; }
.text-purple-transparent-8 { color: rgba(114, 124, 182, 0.8) !important; }
.text-purple-transparent-7 { color: rgba(114, 124, 182, 0.7) !important; }
.text-purple-transparent-6 { color: rgba(114, 124, 182, 0.6) !important; }
.text-purple-transparent-5 { color: rgba(114, 124, 182, 0.5) !important; }
.text-purple-transparent-4 { color: rgba(114, 124, 182, 0.4) !important; }
.text-purple-transparent-3 { color: rgba(114, 124, 182, 0.3) !important; }
.text-purple-transparent-2 { color: rgba(114, 124, 182, 0.2) !important; }
.text-purple-transparent-1 { color: rgba(114, 124, 182, 0.1) !important; }
.text-purple-darker { color: #5b6392 !important; }
.text-purple-lighter { color: #8e96c5 !important; }
a.text-purple:hover,
a.text-purple:focus { 
	color: #8e96c5 !important; 
}
.text-lime { color: #90ca4b !important; }
.text-lime-transparent-9 { color: rgba(144, 202, 75, 0.9) !important; }
.text-lime-transparent-8 { color: rgba(144, 202, 75, 0.8) !important; }
.text-lime-transparent-7 { color: rgba(144, 202, 75, 0.7) !important; }
.text-lime-transparent-6 { color: rgba(144, 202, 75, 0.6) !important; }
.text-lime-transparent-5 { color: rgba(144, 202, 75, 0.5) !important; }
.text-lime-transparent-4 { color: rgba(144, 202, 75, 0.4) !important; }
.text-lime-transparent-3 { color: rgba(144, 202, 75, 0.3) !important; }
.text-lime-transparent-2 { color: rgba(144, 202, 75, 0.2) !important; }
.text-lime-transparent-1 { color: rgba(144, 202, 75, 0.1) !important; }
.text-lime-darker { color: #6c9738 !important; }
.text-lime-lighter { color: #acd778 !important; }
a.text-lime:hover,
a.text-lime:focus { 
	color: #6c9738 !important; 
}
.text-indigo { color: #8753de !important; }
.text-indigo-transparent-9 { color: rgba(135, 83, 222, 0.9) !important; }
.text-indigo-transparent-8 { color: rgba(135, 83, 222, 0.8) !important; }
.text-indigo-transparent-7 { color: rgba(135, 83, 222, 0.7) !important; }
.text-indigo-transparent-6 { color: rgba(135, 83, 222, 0.6) !important; }
.text-indigo-transparent-5 { color: rgba(135, 83, 222, 0.5) !important; }
.text-indigo-transparent-4 { color: rgba(135, 83, 222, 0.4) !important; }
.text-indigo-transparent-3 { color: rgba(135, 83, 222, 0.3) !important; }
.text-indigo-transparent-2 { color: rgba(135, 83, 222, 0.2) !important; }
.text-indigo-transparent-1 { color: rgba(135, 83, 222, 0.1) !important; }
.text-indigo-darker { color: #6c42b2 !important; }
.text-indigo-lighter { color: #9f75e5 !important; }
a.text-indigo:hover,
a.text-indigo:focus { 
	color: #6c42b2 !important; 
}
.text-pink { color: #fb5597 !important; }
.text-pink-transparent-9 { color: rgba(251, 85, 151, 0.9) !important; }
.text-pink-transparent-8 { color: rgba(251, 85, 151, 0.8) !important; }
.text-pink-transparent-7 { color: rgba(251, 85, 151, 0.7) !important; }
.text-pink-transparent-6 { color: rgba(251, 85, 151, 0.6) !important; }
.text-pink-transparent-5 { color: rgba(251, 85, 151, 0.5) !important; }
.text-pink-transparent-4 { color: rgba(251, 85, 151, 0.4) !important; }
.text-pink-transparent-3 { color: rgba(251, 85, 151, 0.3) !important; }
.text-pink-transparent-2 { color: rgba(251, 85, 151, 0.2) !important; }
.text-pink-transparent-1 { color: rgba(251, 85, 151, 0.1) !important; }
.text-pink-darker { color: #c94479 !important; }
.text-pink-lighter { color: #fc77ac !important; }
a.text-pink:hover,
a.text-pink:focus { 
	color: #c94479 !important; 
}
.text-green { color: #32a932 !important; }
.text-green-transparent-9 { color: rgba(50, 169, 50, 0.9) !important; }
.text-green-transparent-8 { color: rgba(50, 169, 50, 0.8) !important; }
.text-green-transparent-7 { color: rgba(50, 169, 50, 0.7) !important; }
.text-green-transparent-6 { color: rgba(50, 169, 50, 0.6) !important; }
.text-green-transparent-5 { color: rgba(50, 169, 50, 0.5) !important; }
.text-green-transparent-4 { color: rgba(50, 169, 50, 0.4) !important; }
.text-green-transparent-3 { color: rgba(50, 169, 50, 0.3) !important; }
.text-green-transparent-2 { color: rgba(50, 169, 50, 0.2) !important; }
.text-green-transparent-1 { color: rgba(50, 169, 50, 0.1) !important; }
.text-green-darker { color: #288728 !important; }
.text-green-lighter { color: #5bba5b !important; }
a.text-green:hover,
a.text-green:focus { 
	color: #288728 !important; 
}
.bg-primary,
.bg-blue { background-color: #348fe2 !important; }
.bg-blue-transparent-9 { background-color: rgba(52, 143, 226, 0.9) !important; }
.bg-blue-transparent-8 { background-color: rgba(52, 143, 226, 0.8) !important; }
.bg-blue-transparent-7 { background-color: rgba(52, 143, 226, 0.7) !important; }
.bg-blue-transparent-6 { background-color: rgba(52, 143, 226, 0.6) !important; }
.bg-blue-transparent-5 { background-color: rgba(52, 143, 226, 0.5) !important; }
.bg-blue-transparent-4 { background-color: rgba(52, 143, 226, 0.4) !important; }
.bg-blue-transparent-3 { background-color: rgba(52, 143, 226, 0.3) !important; }
.bg-blue-transparent-2 { background-color: rgba(52, 143, 226, 0.2) !important; }
.bg-blue-transparent-1 { background-color: rgba(52, 143, 226, 0.1) !important; }
.bg-blue-darker { background-color: #2a72b5 !important; }
.bg-blue-lighter { background-color: #5da5e8 !important; }
.bg-gradient-blue {
	background: rgb(81,136,218);
	background: -moz-linear-gradient(-45deg, rgba(81,136,218,1) 0%, rgba(52,135,226,1) 100%) !important;
	background: -webkit-linear-gradient(-45deg, rgba(81,136,218,1) 0%,rgba(52,135,226,1) 100%) !important;
	background: linear-gradient(135deg, rgba(81,136,218,1) 0%,rgba(52,135,226,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5188da', endColorstr='#3487e2',GradientType=1 ) !important;
}
.bg-info,
.bg-aqua { background-color: #49b6d6 !important; }
.bg-aqua-transparent-9 { background-color: rgba(73, 182, 214, 0.9) !important; }
.bg-aqua-transparent-8 { background-color: rgba(73, 182, 214, 0.8) !important; }
.bg-aqua-transparent-7 { background-color: rgba(73, 182, 214, 0.7) !important; }
.bg-aqua-transparent-6 { background-color: rgba(73, 182, 214, 0.6) !important; }
.bg-aqua-transparent-5 { background-color: rgba(73, 182, 214, 0.5) !important; }
.bg-aqua-transparent-4 { background-color: rgba(73, 182, 214, 0.4) !important; }
.bg-aqua-transparent-3 { background-color: rgba(73, 182, 214, 0.3) !important; }
.bg-aqua-transparent-2 { background-color: rgba(73, 182, 214, 0.2) !important; }
.bg-aqua-transparent-1 { background-color: rgba(73, 182, 214, 0.1) !important; }
.bg-aqua-darker { background-color: #3a92ab !important; }
.bg-aqua-lighter { background-color: #6dc5de !important; }
.bg-gradient-aqua {
	background: rgb(109,197,222) !important;
	background: -moz-linear-gradient(top, rgba(109,197,222,1) 0%, rgba(73,182,214,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(109,197,222,1) 0%,rgba(73,182,214,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(109,197,222,1) 0%,rgba(73,182,214,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dc5de', endColorstr='#49b6d6',GradientType=0 ) !important;
}
.bg-success,
.bg-teal { background-color: #00acac !important; }
.bg-teal-transparent-9 { background-color: rgba(0, 172, 172, 0.9) !important; }
.bg-teal-transparent-8 { background-color: rgba(0, 172, 172, 0.8) !important; }
.bg-teal-transparent-7 { background-color: rgba(0, 172, 172, 0.7) !important; }
.bg-teal-transparent-6 { background-color: rgba(0, 172, 172, 0.6) !important; }
.bg-teal-transparent-5 { background-color: rgba(0, 172, 172, 0.5) !important; }
.bg-teal-transparent-4 { background-color: rgba(0, 172, 172, 0.4) !important; }
.bg-teal-transparent-3 { background-color: rgba(0, 172, 172, 0.3) !important; }
.bg-teal-transparent-2 { background-color: rgba(0, 172, 172, 0.2) !important; }
.bg-teal-transparent-1 { background-color: rgba(0, 172, 172, 0.1) !important; }
.bg-teal-darker { background-color: #008a8a !important; }
.bg-teal-lighter { background-color: #33bdbd !important; }
.bg-gradient-teal {
	background: rgb(52,186,187) !important;
	background: -moz-linear-gradient(-45deg, rgba(52,186,187,1) 0%, rgba(0,172,172,1) 100%) !important;
	background: -webkit-linear-gradient(-45deg, rgba(52,186,187,1) 0%,rgba(0,172,172,1) 100%) !important;
	background: linear-gradient(135deg, rgba(52,186,187,1) 0%,rgba(0,172,172,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34babb', endColorstr='#00acac',GradientType=1 ) !important;
}
.bg-danger, 
.bg-red { background-color: #ff5b57 !important; }
.bg-red-transparent-9 { background-color: rgba(255, 91, 87, 0.9) !important; }
.bg-red-transparent-8 { background-color: rgba(255, 91, 87, 0.8) !important; }
.bg-red-transparent-7 { background-color: rgba(255, 91, 87, 0.7) !important; }
.bg-red-transparent-6 { background-color: rgba(255, 91, 87, 0.6) !important; }
.bg-red-transparent-5 { background-color: rgba(255, 91, 87, 0.5) !important; }
.bg-red-transparent-4 { background-color: rgba(255, 91, 87, 0.4) !important; }
.bg-red-transparent-3 { background-color: rgba(255, 91, 87, 0.3) !important; }
.bg-red-transparent-2 { background-color: rgba(255, 91, 87, 0.2) !important; }
.bg-red-transparent-1 { background-color: rgba(255, 91, 87, 0.1) !important; }
.bg-red-darker { background-color: #cc4946 !important; }
.bg-red-lighter { background-color: #ff7c79 !important; }
.bg-gradient-red {
	background: rgb(255,124,121) !important;
	background: -moz-linear-gradient(top, rgba(255,124,121,1) 0%, rgba(255,91,87,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(255,124,121,1) 0%,rgba(255,91,87,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(255,124,121,1) 0%,rgba(255,91,87,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c79', endColorstr='#ff5b57',GradientType=0 ) !important;
}
.bg-warning, 
.bg-orange { background-color: #f59c1a !important; }
.bg-orange-transparent-9 { background-color: rgba(245, 156, 26, 0.9) !important; }
.bg-orange-transparent-8 { background-color: rgba(245, 156, 26, 0.8) !important; }
.bg-orange-transparent-7 { background-color: rgba(245, 156, 26, 0.7) !important; }
.bg-orange-transparent-6 { background-color: rgba(245, 156, 26, 0.6) !important; }
.bg-orange-transparent-5 { background-color: rgba(245, 156, 26, 0.5) !important; }
.bg-orange-transparent-4 { background-color: rgba(245, 156, 26, 0.4) !important; }
.bg-orange-transparent-3 { background-color: rgba(245, 156, 26, 0.3) !important; }
.bg-orange-transparent-2 { background-color: rgba(245, 156, 26, 0.2) !important; }
.bg-orange-transparent-1 { background-color: rgba(245, 156, 26, 0.1) !important; }
.bg-orange-darker { background-color: #c47d15 !important; }
.bg-orange-lighter { background-color: #f7b048 !important; }
.bg-gradient-orange {
	background: rgb(247,176,72) !important;
	background: -moz-linear-gradient(top, rgba(247,176,72,1) 0%, rgba(245,156,26,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(247,176,72,1) 0%,rgba(245,156,26,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(247,176,72,1) 0%,rgba(245,156,26,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b048', endColorstr='#f59c1a',GradientType=0 ) !important;
}
.bg-inverse, 
.bg-black { background-color: #2d353c !important; }
.bg-black-transparent-9 { background-color: rgba(45, 53, 60, 0.9) !important; }
.bg-black-transparent-8 { background-color: rgba(45, 53, 60, 0.8) !important; }
.bg-black-transparent-7 { background-color: rgba(45, 53, 60, 0.7) !important; }
.bg-black-transparent-6 { background-color: rgba(45, 53, 60, 0.6) !important; }
.bg-black-transparent-5 { background-color: rgba(45, 53, 60, 0.5) !important; }
.bg-black-transparent-4 { background-color: rgba(45, 53, 60, 0.4) !important; }
.bg-black-transparent-3 { background-color: rgba(45, 53, 60, 0.3) !important; }
.bg-black-transparent-2 { background-color: rgba(45, 53, 60, 0.2) !important; }
.bg-black-transparent-1 { background-color: rgba(45, 53, 60, 0.1) !important; }
.bg-black-darker { background-color: #242a30 !important; }
.bg-black-lighter { background-color: #575d63 !important; }
.bg-gradient-black {
	background: rgb(88,97,105) !important;
	background: -moz-linear-gradient(-45deg, rgba(88,97,105,1) 0%, rgba(45,53,60,1) 100%) !important;
	background: -webkit-linear-gradient(-45deg, rgba(88,97,105,1) 0%,rgba(45,53,60,1) 100%) !important;
	background: linear-gradient(135deg, rgba(88,97,105,1) 0%,rgba(45,53,60,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#586169', endColorstr='#2d353c',GradientType=1 ) !important;
}
.bg-yellow { background-color: #ffd900 !important; }
.bg-yellow-transparent-9 { background-color: rgba(255, 217, 0, 0.9) !important; }
.bg-yellow-transparent-8 { background-color: rgba(255, 217, 0, 0.8) !important; }
.bg-yellow-transparent-7 { background-color: rgba(255, 217, 0, 0.7) !important; }
.bg-yellow-transparent-6 { background-color: rgba(255, 217, 0, 0.6) !important; }
.bg-yellow-transparent-5 { background-color: rgba(255, 217, 0, 0.5) !important; }
.bg-yellow-transparent-4 { background-color: rgba(255, 217, 0, 0.4) !important; }
.bg-yellow-transparent-3 { background-color: rgba(255, 217, 0, 0.3) !important; }
.bg-yellow-transparent-2 { background-color: rgba(255, 217, 0, 0.2) !important; }
.bg-yellow-transparent-1 { background-color: rgba(255, 217, 0, 0.1) !important; }
.bg-yellow-darker { background-color: #bfa300 !important; }
.bg-yellow-lighter { background-color: #fde248 !important; }
.bg-gradient-yellow {
	background: rgb(253,226,72) !important;
	background: -moz-linear-gradient(top, rgba(253,226,72,1) 0%, rgba(255,217,0,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(253,226,72,1) 0%,rgba(255,217,0,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(253,226,72,1) 0%,rgba(255,217,0,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde248', endColorstr='#ffd900',GradientType=0 ) !important;
}
.bg-silver { background-color: #f0f3f4 !important; }
.bg-silver-transparent-9 { background-color: rgba(240, 243, 244, 0.9) !important; }
.bg-silver-transparent-8 { background-color: rgba(240, 243, 244, 0.8) !important; }
.bg-silver-transparent-7 { background-color: rgba(240, 243, 244, 0.7) !important; }
.bg-silver-transparent-6 { background-color: rgba(240, 243, 244, 0.6) !important; }
.bg-silver-transparent-5 { background-color: rgba(240, 243, 244, 0.5) !important; }
.bg-silver-transparent-4 { background-color: rgba(240, 243, 244, 0.4) !important; }
.bg-silver-transparent-3 { background-color: rgba(240, 243, 244, 0.3) !important; }
.bg-silver-transparent-2 { background-color: rgba(240, 243, 244, 0.2) !important; }
.bg-silver-transparent-1 { background-color: rgba(240, 243, 244, 0.1) !important; }
.bg-silver-lighter { background-color: #f4f6f7 !important; }
.bg-silver-darker { background-color: #b4b6b7 !important; }
.bg-gradient-silver {
	background: rgb(244,246,247) !important;
	background: -moz-linear-gradient(top, rgba(244,246,247,1) 0%, rgba(240,243,244,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(244,246,247,1) 0%,rgba(240,243,244,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(244,246,247,1) 0%,rgba(240,243,244,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6f7', endColorstr='#f0f3f4',GradientType=0 ) !important;
}
.bg-grey { background-color: #b6c2c9 !important; }
.bg-grey-transparent-9 { background-color: rgba(182, 194, 201, 0.9) !important; }
.bg-grey-transparent-8 { background-color: rgba(182, 194, 201, 0.8) !important; }
.bg-grey-transparent-7 { background-color: rgba(182, 194, 201, 0.7) !important; }
.bg-grey-transparent-6 { background-color: rgba(182, 194, 201, 0.6) !important; }
.bg-grey-transparent-5 { background-color: rgba(182, 194, 201, 0.5) !important; }
.bg-grey-transparent-4 { background-color: rgba(182, 194, 201, 0.4) !important; }
.bg-grey-transparent-3 { background-color: rgba(182, 194, 201, 0.3) !important; }
.bg-grey-transparent-2 { background-color: rgba(182, 194, 201, 0.2) !important; }
.bg-grey-transparent-1 { background-color: rgba(182, 194, 201, 0.1) !important; }
.bg-grey-darker { background-color: #929ba1 !important; }
.bg-grey-lighter { background-color: #c5ced4 !important; }
.bg-gradient-grey {
	background: rgb(197,206,212) !important;
	background: -moz-linear-gradient(top, rgba(197,206,212,1) 0%, rgba(182,194,201,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(197,206,212,1) 0%,rgba(182,194,201,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(197,206,212,1) 0%,rgba(182,194,201,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ced4', endColorstr='#b6c2c9',GradientType=0 ) !important;
}
.bg-purple { background-color: #727cb6 !important; }
.bg-purple-transparent-9 { background-color: rgba(114, 124, 182, 0.9) !important; }
.bg-purple-transparent-8 { background-color: rgba(114, 124, 182, 0.8) !important; }
.bg-purple-transparent-7 { background-color: rgba(114, 124, 182, 0.7) !important; }
.bg-purple-transparent-6 { background-color: rgba(114, 124, 182, 0.6) !important; }
.bg-purple-transparent-5 { background-color: rgba(114, 124, 182, 0.5) !important; }
.bg-purple-transparent-4 { background-color: rgba(114, 124, 182, 0.4) !important; }
.bg-purple-transparent-3 { background-color: rgba(114, 124, 182, 0.3) !important; }
.bg-purple-transparent-2 { background-color: rgba(114, 124, 182, 0.2) !important; }
.bg-purple-transparent-1 { background-color: rgba(114, 124, 182, 0.1) !important; }
.bg-purple-darker { background-color: #5b6392 !important; }
.bg-purple-lighter { background-color: #8e96c5 !important; }
.bg-gradient-purple {
	background: rgb(132,87,243) !important;
	background: -moz-linear-gradient(-45deg, rgba(132,87,243,1) 0%, rgba(114,124,182,1) 100%) !important;
	background: -webkit-linear-gradient(-45deg, rgba(132,87,243,1) 0%,rgba(114,124,182,1) 100%) !important;
	background: linear-gradient(135deg, rgba(132,87,243,1) 0%,rgba(114,124,182,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8457f3', endColorstr='#727cb6',GradientType=1 ) !important;
}
.bg-lime { background-color: #90ca4b !important; }
.bg-lime-transparent-9 { background-color: rgba(144, 202, 75, 0.9) !important; }
.bg-lime-transparent-8 { background-color: rgba(144, 202, 75, 0.8) !important; }
.bg-lime-transparent-7 { background-color: rgba(144, 202, 75, 0.7) !important; }
.bg-lime-transparent-6 { background-color: rgba(144, 202, 75, 0.6) !important; }
.bg-lime-transparent-5 { background-color: rgba(144, 202, 75, 0.5) !important; }
.bg-lime-transparent-4 { background-color: rgba(144, 202, 75, 0.4) !important; }
.bg-lime-transparent-3 { background-color: rgba(144, 202, 75, 0.3) !important; }
.bg-lime-transparent-2 { background-color: rgba(144, 202, 75, 0.2) !important; }
.bg-lime-transparent-1 { background-color: rgba(144, 202, 75, 0.1) !important; }
.bg-lime-darker { background-color: #6c9738 !important; }
.bg-lime-lighter { background-color: #acd778 !important; }
.bg-gradient-lime {
	background: rgb(172,215,120) !important;
	background: -moz-linear-gradient(top, rgba(172,215,120,1) 0%, rgba(144,202,75,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(172,215,120,1) 0%,rgba(144,202,75,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(172,215,120,1) 0%,rgba(144,202,75,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acd778', endColorstr='#90ca4b',GradientType=0 ) !important;
}
.bg-indigo { background-color: #8753de !important; }
.bg-indigo-transparent-9 { background-color: rgba(135, 83, 222, 0.9) !important; }
.bg-indigo-transparent-8 { background-color: rgba(135, 83, 222, 0.8) !important; }
.bg-indigo-transparent-7 { background-color: rgba(135, 83, 222, 0.7) !important; }
.bg-indigo-transparent-6 { background-color: rgba(135, 83, 222, 0.6) !important; }
.bg-indigo-transparent-5 { background-color: rgba(135, 83, 222, 0.5) !important; }
.bg-indigo-transparent-4 { background-color: rgba(135, 83, 222, 0.4) !important; }
.bg-indigo-transparent-3 { background-color: rgba(135, 83, 222, 0.3) !important; }
.bg-indigo-transparent-2 { background-color: rgba(135, 83, 222, 0.2) !important; }
.bg-indigo-transparent-1 { background-color: rgba(135, 83, 222, 0.1) !important; }
.bg-indigo-darker { background-color: #6c42b2 !important; }
.bg-indigo-lighter { background-color: #9f75e5 !important; }
.bg-gradient-indigo {
	background: rgb(159,117,229) !important;
	background: -moz-linear-gradient(top, rgba(159,117,229,1) 0%, rgba(108,66,178,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(159,117,229,1) 0%,rgba(108,66,178,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(159,117,229,1) 0%,rgba(108,66,178,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f75e5', endColorstr='#6c42b2',GradientType=0 ) !important;
}
.bg-pink { background-color: #fb5597 !important; }
.bg-pink-transparent-9 { background-color: rgba(251, 85, 151, 0.9) !important; }
.bg-pink-transparent-8 { background-color: rgba(251, 85, 151, 0.8) !important; }
.bg-pink-transparent-7 { background-color: rgba(251, 85, 151, 0.7) !important; }
.bg-pink-transparent-6 { background-color: rgba(251, 85, 151, 0.6) !important; }
.bg-pink-transparent-5 { background-color: rgba(251, 85, 151, 0.5) !important; }
.bg-pink-transparent-4 { background-color: rgba(251, 85, 151, 0.4) !important; }
.bg-pink-transparent-3 { background-color: rgba(251, 85, 151, 0.3) !important; }
.bg-pink-transparent-2 { background-color: rgba(251, 85, 151, 0.2) !important; }
.bg-pink-transparent-1 { background-color: rgba(251, 85, 151, 0.1) !important; }
.bg-pink-darker { background-color: #c94479 !important; }
.bg-pink-lighter { background-color: #fc77ac !important; }
.bg-gradient-pink {
	background: rgb(252,119,172) !important;
	background: -moz-linear-gradient(top, rgba(252,119,172,1) 0%, rgba(201,68,121,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(252,119,172,1) 0%,rgba(201,68,121,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(252,119,172,1) 0%,rgba(201,68,121,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc77ac', endColorstr='#c94479',GradientType=0 ) !important;
}
.bg-green { background-color: #32a932 !important; }
.bg-green-transparent-9 { background-color: rgba(50, 169, 50, 0.9) !important; }
.bg-green-transparent-8 { background-color: rgba(50, 169, 50, 0.8) !important; }
.bg-green-transparent-7 { background-color: rgba(50, 169, 50, 0.7) !important; }
.bg-green-transparent-6 { background-color: rgba(50, 169, 50, 0.6) !important; }
.bg-green-transparent-5 { background-color: rgba(50, 169, 50, 0.5) !important; }
.bg-green-transparent-4 { background-color: rgba(50, 169, 50, 0.4) !important; }
.bg-green-transparent-3 { background-color: rgba(50, 169, 50, 0.3) !important; }
.bg-green-transparent-2 { background-color: rgba(50, 169, 50, 0.2) !important; }
.bg-green-transparent-1 { background-color: rgba(50, 169, 50, 0.1) !important; }
.bg-green-darker { background-color: #288728 !important; }
.bg-green-lighter { background-color: #5bba5b !important; }
.bg-gradient-green {
	background: rgb(91,186,91) !important;
	background: -moz-linear-gradient(top, rgba(91,186,91,1) 0%, rgba(40,135,40,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(91,186,91,1) 0%,rgba(40,135,40,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(91,186,91,1) 0%,rgba(40,135,40,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bba5b', endColorstr='#288728',GradientType=0 ) !important;
}
.bg-white { background-color: #ffffff !important; }
.bg-white-transparent-9 { background-color: rgba(255, 255, 255, 0.9) !important; }
.bg-white-transparent-8 { background-color: rgba(255, 255, 255, 0.8) !important; }
.bg-white-transparent-7 { background-color: rgba(255, 255, 255, 0.7) !important; }
.bg-white-transparent-6 { background-color: rgba(255, 255, 255, 0.6) !important; }
.bg-white-transparent-5 { background-color: rgba(255, 255, 255, 0.5) !important; }
.bg-white-transparent-4 { background-color: rgba(255, 255, 255, 0.4) !important; }
.bg-white-transparent-3 { background-color: rgba(255, 255, 255, 0.3) !important; }
.bg-white-transparent-2 { background-color: rgba(255, 255, 255, 0.2) !important; }
.bg-white-transparent-1 { background-color: rgba(255, 255, 255, 0.1) !important; }

.text-gradient {
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}
.text-line-through {
	text-decoration: line-through !important;
}
.no-bg, .bg-none { background: none !important; }

.height-xs { height: 150px !important; }
.height-sm { height: 300px !important; }
.height-md { height: 450px !important; }
.height-lg { height: 600px !important; }
.height-full { height: 100% !important; }
.height-0 { height: 0px !important; }
.height-10 { height: 10px !important; }
.height-20 { height: 20px !important; }
.height-30 { height: 30px !important; }
.height-40 { height: 40px !important; }
.height-50 { height: 50px !important; }
.height-60 { height: 60px !important; }
.height-70 { height: 70px !important; }
.height-80 { height: 80px !important; }
.height-90 { height: 90px !important; }
.height-100 { height: 100px !important; }
.height-150 { height: 150px !important; }
.height-200 { height: 200px !important; }
.height-250 { height: 250px !important; }
.height-300 { height: 300px !important; }
.height-350 { height: 350px !important; }
.height-400 { height: 400px !important; }
.height-450 { height: 450px !important; }
.height-500 { height: 500px !important; }
.height-550 { height: 550px !important; }
.height-600 { height: 600px !important; }

.width-xs { width: 150px !important; }
.width-sm { width: 300px !important; }
.width-md { width: 450px !important; }
.width-lg { width: 600px !important; }
.width-full { width: 100% !important; }
.width-0 { width: 0px !important; }
.width-10 { width: 10px !important; }
.width-20 { width: 20px !important; }
.width-30 { width: 30px !important; }
.width-40 { width: 40px !important; }
.width-50 { width: 50px !important; }
.width-60 { width: 60px !important; }
.width-70 { width: 70px !important; }
.width-80 { width: 80px !important; }
.width-90 { width: 90px !important; }
.width-100 { width: 100px !important; }
.width-150 { width: 150px !important; }
.width-200 { width: 200px !important; }
.width-250 { width: 250px !important; }
.width-300 { width: 300px !important; }
.width-350 { width: 350px !important; }
.width-400 { width: 400px !important; }
.width-450 { width: 450px !important; }
.width-500 { width: 500px !important; }
.width-550 { width: 550px !important; }
.width-600 { width: 600px !important; }

.pointer-cursor { cursor: pointer !important; }
.cursor-pointer { cursor: pointer !important; }
.cursor-initial { cursor: initial !important; }
.cursor-move { cursor: move !important; }
.cursor-text { cursor: text  !important; }

.animated {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


/*custom for error validasi*/

.select2-hidden-accessible.parsley-error ~ ul ~ .select2-container--default .select2-selection--single {
	/*border-color: #f34943 !important;*/
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

.select2-hidden-accessible.parsley-success ~ ul ~ .select2-container--default .select2-selection--single {
	/*border-color: #31ce77 !important;*/
	color: #468847;
	background-color: #DFF0D8;
	border: 1px solid #D6E9C6;
}

/* 5.12 Plugin - Parsley */

.parsley-error {
    background: #fff !important;
    border-color: #ff5b57 !important;
}
.parsley-error:focus {
    border-color: #cc4946 !important;
    outline: 0;
    box-shadow: 0 0 0 0.125rem rgba(204, 73, 70, 0.3) !important;
}
.parsley-success {
    background: #fff !important;
    border-color: #00acac !important;
}
.parsley-success:focus {
	border-color: #008a8a !important;
    outline: 0;
    box-shadow: 0 0 0 0.125rem rgba(0, 172, 172, 0.3) !important;
}
.parsley-error,
.parsley-success {
    color: #2d353c !important;
    box-shadow: none !important;
}
.parsley-error:focus,
.parsley-success:focus {
    color: #2d353c !important;
}
.parsley-errors-list {
    padding: 0 !important;
    list-style-type: none !important;
    margin: 0 !important;
    color: #e5603b;
    font-size: 12px !important;
    line-height: inherit !important;
}
.parsley-errors-list.filled {
    margin-top: 5px !important;
}

.input-group > .parsley-errors-list.filled {
    margin-top: 5px !important;
    position: absolute;
    top: 100%;
}

/* ./5.12 Plugin - Parsley */


.modal-lg {
	max-width: 75% !important;
}

.modal-gallery {
	max-width: 95% !important;
}
.img-gallery {
	max-width: 92%;
    max-height: 92vh;
    margin: auto;
}
.img-gallery-thumbnail {
	max-width: 72%;
    max-height: 72vh;
    margin: auto;
}


/*untuk logo*/
.logo-css{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo-css-container {
	position: relative;
}

.logo-css-circle1 {
	position: relative;
	width: 40px;
	height: 40px;

	border-radius: 50%;

	border-top: 3px solid #00838F;
	animation: rotateCircle 3s infinite  linear;
}

.logo-css-circle1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 3px;

	width: 40px;
	height: 40px;

	transform: rotate(145deg);
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 3px solid #F9A825;

}

.logo-css-circle1::after {
	content: "";
	position: absolute;
	top: 0;
	left: -3px;

	width: 40px;
	height: 40px;

	transform: rotate(240deg);
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 3px solid #D81B60;
}



.logo-css-circle2 {
	position: absolute;
	top: 0;
	left: 0;

	width: 40px;
	height: 40px;

	transform: rotate(145deg);
	border-radius: 50%;
	border-top: 3px solid #00838F;
}

.logo-css-circle2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 3px;

	width: 40px;
	height: 40px;

	transform: rotate(145deg);
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 3px solid #F9A825;

}


.logo-css-circle2::after {
	content: "";
	position: absolute;
	top: 0;
	left: -3px;

	width: 40px;
	height: 40px;

	transform: rotate(240deg);
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 3px solid #D81B60;
}

.logo-css-container .logo-css-text {
	position: absolute;
	font-size: 2.1rem;
	color: #495057;
	font-weight: 300;
}

/*login logo*/

.login-logo-css{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login-logo-css-container {
	position: relative;
}

.login-logo-css-circle1 {
	position: relative;
	width: 170px;
	height: 170px;

	border-radius: 50%;

	border-top: 3px solid #00838F;
	animation: rotateCircle 3s infinite  linear;
}

.login-logo-css-circle1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 3px;

	width: 170px;
	height: 170px;

	transform: rotate(145deg);
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 3px solid #F9A825;

}

.login-logo-css-circle1::after {
	content: "";
	position: absolute;
	top: 0;
	left: -3px;

	width: 170px;
	height: 170px;

	transform: rotate(240deg);
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 3px solid #D81B60;
}



.login-logo-css-circle2 {
	position: absolute;
	top: 0;
	left: 0;

	width: 170px;
	height: 170px;

	transform: rotate(145deg);
	border-radius: 50%;
	border-top: 3px solid #00838F;
}

.login-logo-css-circle2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 3px;

	width: 170px;
	height: 170px;

	transform: rotate(145deg);
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 3px solid #F9A825;

}


.login-logo-css-circle2::after {
	content: "";
	position: absolute;
	top: 0;
	left: -3px;

	width: 170px;
	height: 170px;

	transform: rotate(240deg);
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 3px solid #D81B60;
}

.login-logo-css-container .login-logo-css-text {
	position: absolute;
	font-size: 2.1rem;
	color: #495057;
	font-weight: 300;
}

@keyframes rotateCircle {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}

@keyframes rotateCircleUndo {
	0% {transform: rotate(0);}
	100% {transform: rotate(-360deg);}
}

/*./untuk logo*/

/*login page*/
.login-header .brand, .login-header .brand small {
    color: #fff;
}

.login-header .brand {
    padding: 0;
    font-size: 28px;
    color: #2d353c;
}
/*./login page*/


/*upload css*/
.custom-file-uploader {
  position: relative;  
}

input[type='file'] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: default;
  }


/* 7.3 Page - Invoice */                

.invoice {
    background: #fff;
    padding: 20px;
}
.invoice-company {
    font-size: 20px;
}
.invoice-header {
    margin: 0 -20px;
    background: #f0f3f4;
    padding: 20px;
}
.invoice-from,
.invoice-to,
.invoice-date {
    display: table-cell;
    width: 1%;
}
.invoice-from,
.invoice-to {
    padding-right: 20px;
}
.invoice-from strong,
.invoice-to strong,
.invoice-date .date {
    font-size: 16px;
    font-weight: 600;
}
.invoice-date {
    text-align: right;
    padding-left: 20px;
}
.invoice-price {
    background: #f0f3f4;
    display: table;
    width: 100%;
}
.invoice-price .invoice-price-left,
.invoice-price .invoice-price-right {
    display: table-cell;
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
    width: 75%;
    position: relative;
    vertical-align: middle;
}
.invoice-price .invoice-price-left .sub-price {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
}
.invoice-price small {
    font-size: 12px;
    font-weight: normal;
    display: block;
}
.invoice-price .invoice-price-row {
    display: table;
    float: left;
}
.invoice-price .invoice-price-right {
    width: 25%;
    /*background: #2d353c;*/
    background: #f0f3f4;
    /*color: #fff;*/
    font-size: 28px;
    text-align: right;
    vertical-align: bottom;
    font-weight: 300;
}
.invoice-price .invoice-price-right small {
    display: block;
    opacity: 0.6;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
}
.invoice-footer {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    font-size: 10px;
}
.invoice-note {
    color: #999;
    margin-top: 80px;
    font-size: 85%;
}
.invoice > div:not(.invoice-footer) {
    margin-bottom: 20px;
}


/* 9.3 Promotion Element Setting */

.promotion {
    position: relative;
    padding-top: 165px;
    overflow: hidden;
}
.promotion + .promotion {
    margin-top: 10px;
}
.promotion.promotion-lg {
    padding-top: 340px;
}
.promotion-image {
    position: absolute;
    left: 15px;
    top: 15px;
    bottom: 15px;
    right: 15px;
}
.promotion-lg .promotion-image {
    left: 30px;
    top: 30px;
    bottom: 30px;
    right: 30px;
}
.promotion-image.promotion-image-overflow-bottom {
    top: auto;
    bottom: -30px;
}
.promotion-image.promotion-image-overflow-top {
    bottom: auto;
    top: -30px;
}
.promotion-image.promotion-image-overflow-left {
    left: -30px;
}
.promotion-image.promotion-image-overflow-right {
    right: -30px;
}
.promotion-image.promotion-image-overflow-top.promotion-image-overflow-bottom {
    top: -30px;
    bottom: -30px;
}
.promotion-image img {
    max-width: 100%;
    max-height: 100%;
}
.promotion-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: #ffffffb0;
}
.promotion-lg .promotion-caption {
    padding: 30px;
}
.promotion-title {
    color: #212121;
    margin: 0 0 5px;
    font-size: 20px;
}
.promotion-lg .promotion-title {
    font-size: 36px;
    margin: 0 0 10px;
}
.promotion-desc {
    font-size: 12px;
    margin-bottom: 15px;
    color: #666;
}
.promotion-lg .promotion-desc {
    font-size: 14px;
    margin-bottom: 30px;
}
.promotion-btn {
    padding: 5px 10px;
    border: 1px solid #212121;
    color: #212121;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
}
.promotion-lg .promotion-btn {
    padding: 10px 20px;
    font-size: 14px;
    border: 2px solid #212121;
}
.promotion-btn:hover,
.promotion-btn:focus,
.promotion-caption-inverse .promotion-btn:hover,
.promotion-caption-inverse .promotion-btn:focus {
    border-color: #fff;
    color: #212121;
    text-decoration: none;
    background: #fff;
}
.promotion-price {
    font-size: 16px;
    margin-bottom: 5px;
}
.promotion-lg .promotion-price {
    font-size: 24px;
    margin-bottom: 10px;
}
.promotion-price small {
    font-size: 12px;
}
.promotion-lg .promotion-price small {
    font-size: 14px;
}
.promotion-caption-inverse {
    color: #fff;
}
.promotion-caption-inverse .promotion-title,
.promotion-caption-inverse .promotion-price,
.promotion-caption-inverse .promotion-desc {
    color: #fff;
}
.promotion-lg .promotion-caption-inverse .promotion-desc {
    color: rgba(255,255,255,0.5);
}
.promotion-caption-inverse .promotion-btn {
    border-color: rgba(255,255,255,0.25);
    color: rgba(255,255,255,0.75);
}




/* -------------------------------
   5.0 Forum Setting
------------------------------- */

/* 5.1 Panel Forum Setting */

.panel.panel-forum {
    border: 2px solid #e2e7eb;
}
.panel.panel-forum .panel-heading {
    background: #e2e7eb;
}


/* 5.2 Forum List Setting */

.forum-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.forum-list > li {
    padding: 15px;
}
.forum-list > li:before,
.forum-list > li:after {
    content: '';
    display: table;
    clear: both;
}
.forum-list > li + li {
    border-top: 2px solid #e2e7eb;
}
.forum-list .media {
    font-size: 28px;
    float: left;
    width: 64px;
    text-align: center;
    color: rgba(0,0,0,0.4);
    line-height: 64px;
}
.forum-list .media img {
    max-width: 100%;
    display: block;
}
.forum-list .media .fa {
    display: block;
    line-height: 64px;
    background: #00acac;
}
.forum-list .info-container {
    margin-left: 79px;
    padding-top: 5px;
}
.forum-list .info-container > div {
    float: left;
}
.forum-list .info-container .info {
    width: 50%;
}
.forum-list .info-container .total-count {
    width: 20%;
    text-align: center;
}
.forum-list .info-container .total-count .divider {
    margin: 0 8px;
}
.forum-list .info-container .latest-post {
    width: 30%;
}
.forum-list .info-container .info .title {
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 600;
}
.forum-list .info-container .info .title a {
    color: #242a30;
}
.forum-list .info-container .latest-post .title {
    margin: 0 0 4px;
    font-size: 12px;
}
.forum-list .info-container .latest-post .title a {
    color: #242a30;
}
.forum-list .info-container .latest-post .time {
    font-size: 12px;
}
.forum-list .info-container .desc {
    margin-bottom: 0;
    font-size: 12px;
    color: #666;
    line-height: 16px;
}
.total-post {
    color: #242a30;
    font-weight: bold;
}


/* 5.3 Forum Topic List Setting */

.forum-list.forum-topic-list .info-container {
    position: relative;
}
.forum-list.forum-topic-list .info-start-end {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
}
.forum-list.forum-topic-list .info-container .info {
    width: auto;
    float: none;
    padding-right: 100px;
}
.forum-list.forum-topic-list .info-container .date-replies {
    position: absolute;
    right: 0;
    top: 5px;
    text-align: center;
    width: 80px;
}
.forum-list.forum-topic-list .info-container .date-replies .time {
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 7px;
}
.forum-list.forum-topic-list .info-container .date-replies .replies {
    background: #e2e7eb;
    padding: 5px 10px;
    border-radius: 4px;
}
.forum-list.forum-topic-list .info-container .date-replies .replies .total {
    font-size: 16px;
    color: #242a30;
    line-height: 18px;
    margin-bottom: 2px;
}
.forum-list.forum-topic-list .info-container .date-replies .replies .text {
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
    color: #999;
    margin-bottom: 2px;
}


/* 5.4 Forum Threads List Setting */

.threads-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
}
.threads-list > li:before,
.threads-list > li:after {
    content: '';
    display: table;
    clear: both;
}
.threads-list > li {
    margin: 0 15px;
    padding: 15px 0;
}
.threads-list > li + li {
    border-top: 2px solid #e2e7eb;
}
.threads-list > li .title {
    font-size: 12px;
    margin: 0 0 3px;
    line-height: 16px;
    font-weight: 600;
}


/* 5.5 Forum Detail List Setting */

.forum-list.forum-detail-list {
    border: none;
    margin-bottom: 20px;
}
.forum-list.forum-detail-list > li {
    padding: 0;
}
.forum-list.forum-detail-list > li + li {
    border: none;
    margin-top: 20px;
}
.forum-list.forum-detail-list .media img {
    margin-bottom: 10px;
}
.forum-list.forum-detail-list .media .label {
    font-size: 12px;
    display: block;
    padding: 3px 6px;
}
.forum-list.forum-detail-list .info-container {
    margin-left: 80px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #e2e7eb;
    padding: 15px 20px;
    background: #f3f5f7;
    position: relative;
}
.forum-list.forum-detail-list .info-container:before,
.forum-list.forum-detail-list .info-container:after {
    content: '';
    position: absolute;
    left: -15.5px;
    top: 15px;
    border: 7px solid transparent;
    border-right-color: #e2e7eb;
}
.forum-list.forum-detail-list .info-container:after {
    left: -12.5px;
    border-right-color: #f3f5f7;
}
.forum-list.forum-detail-list .info-container > div {
    float: none;
}
.forum-list.forum-detail-list .post-user {
    font-size: 15px;
    margin-bottom: 15px;
}
.forum-list.forum-detail-list .post-user small {
    font-weight: bold;
    color: #9fa2a5;
    font-size: 16px;
    margin-left: 5px;
}
.forum-list.forum-detail-list .post-content {
    font-size: 14px;
    line-height: 23px;
    color: #242a30;
    margin-bottom: 15px;
}
.forum-list.forum-detail-list .post-content pre {
    background: #d6dbdf;
    border: none;
    margin-bottom: 23px;
}
.forum-list.forum-detail-list .post-time {
    color: #a7aaac;
}
.comment-banner-msg {
    border: 2px solid #e2e7eb;
    padding: 15px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 20px;
}

.login-drop {
	z-index: 89 !important;
    position: absolute;
    height: 320px !important;
    overflow: hidden;
    background: #f3f3f3;
    width: 100%;
    top: 0;
}

.login-box {
	z-index: 90 !important;
}

.login-page, .register-page {
	justify-content: flex-start !important;
}

.login-bottom-logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-align: center;
}

/*ui datepicker*/

.ui-datepicker {
	z-index: 10 !important;
}

/*role choice*/
.app-img-logo {
  width: 80px;
  position: relative;
  border-radius: 5px;
}
.app-img-logo img {
  width: 80px;
  display: inline-block;
}

.app-img-logo-sm {
  width: 40px;
  position: relative;
}

.app-img-logo-sm img {
  width: 40px;
  display: inline-block;
}

/*loket*/
.loket-current {
    /*height: 100%;*/
    position: relative;
}
.loket-current .current-number {
    font-size: 75pt;
    font-weight: 800;
    color: #013952;
}

.loket-current .current-aksi {

}
/*./loket*/


/*widget*/
.cpanel{
        list-style: none;
        padding:0;
        text-align: center;
        margin-top: 15px;
    }
    .cpanel > li{
        display: inline-block;
    }
    .cpanel > li:nth-child(8n+1){
    }
    .cpanel-item{
        text-align: center;
        display: block;
        margin:30px 12px -10px;
        position: relative;
    }
    .cpanel-item:hover{
        z-index: 10;
    }
    .cpanel-item .icon{
        position: relative;
        width: 80px;
        height: 80px;
        display: block;
    }
    .cpanel-item .icon img{
        height: 40px;
        width: auto;
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    .cpanel-item .icon:before{
        content: "";
        display: block;
        width: 80px;
        height: 80px;
        background:rgba(255,255,255,0.2);
        position: absolute;
        top:0;
        left:0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        border-radius: 10px;
    }
    .cpanel-item .icon:hover:before{
        background:#c0392b;
        opacity: 1;
    }
    .cpanel-item .title{
        white-space: nowrap;
        display: inline-block;
        background:#fff;
        color:#333;
        padding:2px 15px;
        border-radius: 20px;
        text-transform: uppercase;
        font-size:11px;
        font-weight: bold;
        position: absolute;
        bottom:0px;
        left:50%;
        transform: translate(-50%,0) scale(0);
        -webkit-transform: translate(-50%,0) scale(0);
        opacity: 0;
        transition: 300ms ease;
        -webkit-transition: 300ms ease;
    }
    .cpanel-item:hover .title{
        transform: translate(-50%,15px) scale(1);
        -webkit-transform: translate(-50%,15px) scale(1);
        opacity: 1;
    }


    .cpanel.colorfull li:nth-child(1n) .icon:before{
        background:#1abc9c;
    }
    .cpanel.colorfull li:nth-child(2n) .icon:before{
        background:#2ecc71;
    }
    .cpanel.colorfull li:nth-child(3n) .icon:before{
        background:#3498db;
    }
    .cpanel.colorfull li:nth-child(4n) .icon:before{
        background:#e74c3c;
    }
    .cpanel.colorfull li:nth-child(5n) .icon:before{
        background:#f39c12;
    }
    .cpanel.colorfull li:nth-child(6n) .icon:before{
        background:#34495e;
    }
    .cpanel.colorfull li:nth-child(7n) .icon:before{
        background:#8e44ad;
    }
/*widget*/