:root{
		--nwm-main: #ff4070;

		--nwm-hover: #df2050;
		--nwm-dark:#532255;
		--nwm-muted:#aa99aa;
		--nwm-navlink:#775577;

		--primary: var(--nwm-main);
		--danger: #b5101c;
		--nwm-light: #ffe0f0;
}

.text-primary{
	color: var(--primary) !important;
}
.bg-primary{
	background-color: var(--primary) !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #E41057 0, #FF7080 100%) !important;
}

.bg-default {
    background-color: var(--nwm-dark) !important;
}
.bg-gradient-primary .separator-bottom svg {
    bottom: 0;
    margin-bottom: -1px;
}
.fill-default {
    fill: var(--nwm-dark);
}

.text-muted {
    color: var(--nwm-muted) !important;
}
.nav-link {
    color: var(--nwm-navlink);
}
.nav-link:hover {
    color: var(--primary);
}

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

a{
	color: var(--primary);
}

a:hover{
	color: var(--nwm-hover);
}

.nav-pills .nav-link{
	color: var(--primary);
}

.nav-pills .nav-link:hover{
	color: var(--nwm-hover);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--primary);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--primary);
}

.btn-primary {
    color: #fff;
		border-color: var(--primary);
    background-color: var(--primary);
}
.btn-primary:hover {
    color: #fff;
		border-color: var(--nwm-hover);
    background-color: var(--nwm-hover);
}

.btn-neutral {
    color: var(--primary);
}
.btn-danger{
	background-color: var(--danger);
	border-color: var(--danger);
}
.btn-danger:hover{
	background-color: var(--nwm-hover);
	border-color: var(--nwm-hover);
}
.text-danger{
	color: var(--danger) !important;
}
.avatar img{
	object-fit: cover;
	height: 100%;
}
.page-item.active .page-link{
	border-color: var(--primary);
	background-color: var(--primary);
}
.avatar-24
{
    font-size: .875rem;
    width: 24px;
    height: 24px;
}
.avatar-16
{
    font-size: .875rem;
    width: 16px;
    height: 16px;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
	-webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.navbar-vertical .navbar-nav .nav-link > div.rotating{
	margin-right: 18px;
}
#controls i{
	position: absolute;
	right: 20px;
	top: 10px;
}
#controls i{
	font-size: 2.8em;
}
#controls i.fa-circle-notch, #controls i.fa-spinner, #controls i.fa-redo-alt{
	font-size: 3.6em;
	right: 14px;
	top: 4px;
}

i.btn-control{
	transition: all .3s;
	cursor: pointer;
}
i.btn-control:hover, #controls:hover i.btn-control{
	transform: scale(1.2);
	text-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.custom-toggle input:checked + .custom-toggle-slider {
    border: 1px solid var(--primary);
}
.custom-toggle input:checked + .custom-toggle-slider::after {
    right: auto;
    left: 0;
    content: attr(data-label-on);
    color: var(--primary);
}
.custom-toggle input:checked + .custom-toggle-slider::before {
    transform: translateX(28px);
    background: var(--primary);
}
.badge-primary {
    color: var(--primary);
    background-color: var(--nwm-light);
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
    text-decoration: none;
    color: #fff;
    background-color: var(--nwm-hover);
}
.form-control{
	color: #333;
}
.focused .form-control{
	border-color: var(--primary);
}
.is-invalid .form-control{
	border-color: var(--warning);
}
.form-control:focus {
    color: #333;
    border-color: var(--primary);
    outline: 0;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.custom-control-label{
	cursor: pointer;
}
.custom-control-label::before{
	display: none;
	cursor: pointer;
}
.invalid-feedback{
	display: block;
}
img.smile{
	max-width: 50px;
	max-height: 30px;
}

table.table-flush.table tbody tr td.sub-table {
	padding: 0;
}
table.table-flush.table tbody tr:first-child td.sub-table table.table-flush.table tbody tr td{
	border-top: 1px;
}

.avatar{
	object-fit: cover;
}

/* td.description {
    max-width: 50vw;
    overflow: hidden;
    text-overflow: ellipsis;
} */

/* .table-flush tbody tr:first-child td, .table-flush tbody tr:first-child th */
