.max-width-100 {
	max-width: 100%;
}
.color-grey {
	color: #777;
}
.extra-small {
	font-size: 60%;
}
.navbar-brand .logo {
	width: 40%;
}
.color-white {
	color: #FFF;
}
.member-card {
    position: relative;
    display: inline-block;
}
.member-card .caption {
    position: absolute;
    top: 66%;
    left: 45%;
    /*left: 240px;*/
    transform: translate( -50%, -50% );
    text-align: left;
    color: white;
    font-weight: 500;
    font-size: 1.2em;
    font-family: "Poppins", sans-serif;
}
/*.bg-green, .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a, .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul {*/
/*    background-color: #00B233 !important;*/
/*}*/
/*.bg-green-dark1 {*/
/*    background-color: #00a02d !important;*/
/*}*/
.skin-red-dark .left-sidebar .user-pro-body a.link, .sidebar-nav ul li a, .sidebar-nav > ul > li > a i {
    color: #FFF;
}
.sidebar-nav .has-arrow::after {
    border-color: #FFF;
}
.bg-deep-orange {
    background-color: #FF5722 !important;
}
.color-deep-orange {
    color: #FF5722 !important;
}
.bg-deep-blue {
    background-color: #053145;
}
.color-deep-blue {
    color: #053145;
}
.font-size-20 {
    font-size: 20px;
}
.border {
    border: 1px solid #ccc !important;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background-color: #ff5722;
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
    background-color: #ff5722;
}
.datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover {
    background-color: #ff5722;
}
.datepicker table tbody tr td.day.active {
    background-color: #ff5722;
}
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
    background-color: #ff5722;
}
.datepicker table tbody tr td.day:hover {
    background-color: #FF916E;
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover, .datepicker table tr td span:hover {
    background-color: #FF916E;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #FF916E;
}
.datepicker table tr td.range {
    background-color: #ffded3;
    border-color: #FF916E;
}
.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    background-color: #ff5722;
    border-color: #FF916E;
}
.dt-buttons {
    padding-top: 0;
    margin-bottom: 0;
    padding-right: 20px;
}
.dataTables_processing {
    background-color: #ffeee8;
}
.white-space-nowrap {
    white-space: nowrap;
}
.white-space-initial {
    white-space: initial;
}
.is-countdown {
    border: none !important;
    background-color: initial !important;
}
.countdown-amount {
    font-size: 100% !important;
}
.bg-indigo {
    background-color: #3F51B5;
}
.text-indigo {
    color: #3F51B5;
}
.bg-pink {
    background-color: #E91E63;
}
.text-pink {
    color: #E91E63;
}
.bg-cyan {
    background-color: #00BCD4;
}
.text-cyan {
    color: #00BCD4;
}
.skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a, .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background-color: inherit;
}
.bg-1-star, .bg-2-star {
    background-color: #39A625 !important;
}
.bg-1-star-darker, .bg-2-star-darker {
    background-color: #2D841D !important;
}
.bg-3-star, .bg-4-star {
    background-color: #00A99D !important;
}
.bg-3-star-darker, .bg-4-star-darker {
    background-color: #00877D !important;
}
.bg-5-star {
    background-color: #B3B3B3 !important;
}
.bg-5-star-darker {
    background-color: #8F8F8F !important;
}
.bg-6-star {
    background-color: #808080 !important;
}
.bg-6-star-darker {
    background-color: #666666 !important;
}
.bg-fc {
    background-color: #05344C !important;
}
.bg-fc-darker {
    background-color: #04293C !important;
}
.bg-manager {
    background-color: #F26722 !important;
}
.bg-manager-darker {
    background-color: #D95C1E !important;
}
.bg-bisnis-manager {
    background-color: #14647F !important;
}
.bg-bisnis-manager-darker {
    background-color: #105065 !important;
}
.bg-head-bisnis-manager {
    background-color: #B81900 !important;
}
.bg-head-bisnis-manager-darker {
    background-color: #931400 !important;
}
.bg-ambassador {
    background-color: #FFA000 !important;
}
.bg-ambassador-darker {
    background-color: #CC8000 !important;
}
.bg-crown-ambassador {
    background-color: #000000 !important;
}
.bg-crown-ambassador-darker {
    background-color: #191919 !important;
}
.bg-free {
    background-color: #736357 !important;
}
.bg-free-darker {
    background-color: #5C4F45 !important;
}
.overflow-y-auto {
    overflow-y: auto;
}
.text-slogan {
    font-size: 2em;
    font-weight: 400;
}
.temp-text-grafik {
    position: absolute;
    top: 0;
}
.btn-copy-text {
    padding: 1px 3px;
}
.skin-red-dark .sidebar-nav > ul > li.active > a {
	color: #f9c2a6;
	border-left: 3px solid #f9c2a6;
}
.skin-red-dark .sidebar-nav > ul > li.active > a i {
	color: #f9c2a6;
}
.skin-red-dark .sidebar-nav ul li a.active, .skin-red-dark .sidebar-nav ul li a:hover {
	color: #f9c2a6;
}
.skin-red-dark .sidebar-nav ul li a.active i, .skin-red-dark .sidebar-nav ul li a:hover i {
	color: #f9c2a6;
}
.notify .heartbit {
	border: 5px solid #FF5722;
}
.notify .point {
	background-color: #FF5722;
}
.topbar .top-navbar .mailbox {
    width: 400px;
}
.card-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bg-yellow-info {
    background-color: #FFCD00 !important;
}
.text-black {
    color: #000 !important;
}
#mdSK .modal-body {
	max-height: 700px;
	overflow-y: auto;
}
.text-otu {
    color: #00B233;
}
.btn-transparent {
	color: #000;
	background-color: transparent;
}