/* Default font-family */
body,
.mfp-close,
.mfp-close-btn-in .mfp-close,
.pricing-table.princig-table-flat .plan h3 span,
.default-font {
	font-family: var(--font-family-base);
}

/* Convert the input on the form>dropdown to look like the theme li>a on the #userbox */
/* input-group */
.input-to-menuitem { 
    width: 100%;
    padding: 4px 10px;
    border-radius: 2px;
    cursor: pointer;
}

/* icon */
.input-to-menuitem .icon  { 
    position: unset;
    font-size: 1.1rem;
    margin-right: 3px;
    vertical-align: middle;
    cursor: inherit;
}

/* input */
.input-to-menuitem input { 
    border: none;
    background: transparent;
    padding: 0;
    font-size: 0.75rem;
    cursor: inherit;
}

/* group (icon and input) hover */
.input-to-menuitem:hover { 
    background: var(--color-primary);
}

/* group (icon and input) color */
.input-to-menuitem input,
.input-to-menuitem i { 
    color: #7d7d7d
}

/* group (icon and input) hover color */
.input-to-menuitem:hover,
.input-to-menuitem:hover input,
.input-to-menuitem:hover i { 
    color: #ffffff;
}

/* Datatables */
.pagination .page-item.active .page-link:focus {
    color: var(--color-white) !important;
}

.dataTables_wrapper table thead th:last-of-type {
    padding-right: 0 !important;
}

.dataTables_filter {
    text-align: left !important;
}

/* Buttons */
.btn-sm {
    padding: 0.3rem 0.45rem !important;
}

.btn-link {
    text-decoration: none !important;
}

/* Card */
.card-header {
    background-color: var(--color-white) !important;
}

/* Forms */
.form-group + .form-group {
    border-top: unset !important;
    padding-top: 0 !important;
}

.toggle-left.active,
.toggle-right.active {
    font-weight: 600 !important;
    color: var(--color-black);
}

strong.amount .form-group div .form-label {
    font-weight: 400;
}

/* Pnotify */
.ui-pnotify-text {
    white-space: pre-wrap;
    word-break: break-word;
}

/* Widget */
strong.amount {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

/* Modal */
label.control-label {
    font-size: 1rem;
    color: #2e353e;
    margin-bottom: .5rem;
}