@charset "UTF-8";
/*
CONTENTS:
	A. FONT STYLES - Modifications to general items.
	1. HEADER STYLE - Modifications to header restricted items.
	2. WIDGET STYLES - Modifications to specific widget styles.
	3. FORM CONTROL STYLES
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
  --uniorange: #dd6934;
  --uniorangehover: #dd5517;
  --uniorangefocus: #dd4f0e;
*/

:root {
  --uniorange: #f18701;
  --uniorangehover: #e07425;
  --uniorangefocus: #e07425;
  --unimutedblue: #4d9de0;
  --unilinkblue: #2177ff;
  --unilinkbluehover: #33a1fd;
  }

/*
------------------------------------------------------------------------------------------------------------------------
A. FONT STYLE
------------------------------------------------------------------------------------------------------------------------
*/

html, body {
	font-family: "Roboto", Arial;
}

/* Multi-select element's placeholder */
.select2-container .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container .select2-selection--single .select2-selection__rendered {
	font-family	: "Roboto", Arial;
	font-size	: 1rem;
	font-weight	: 300;
}






/*
------------------------------------------------------------------------------------------------------------------------
1. HEADER STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.m-topbar__usertitle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 1.0em;
}

.m-topbar__userpic i {
	color: var(--unimutedblue);
	font-size: 32px;
}
.m-topbar .m-switch.m-switch--icon.def-lang {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	white-space: nowrap;
	margin: 0;
	padding: 5px 0px 0px 5px;
	text-align: right;
}

.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header {
    background-color: var(--unimutedblue);
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    color: var(--unimutedblue);
}
.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email {
    color: #d9dae3;
}
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow {
    color: var(--unimutedblue);
}
.contact-birthdays .m-widget2__user-name {
    font-size: 0.9rem;
}
.contact-birthdays-reps {
    font-size: 0.8rem;
    font-style: italic;
}

.m-datatable.m-datatable--default > .m-datatable__table.dashboard-contract-renewals > .m-datatable__body .m-datatable__row > .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell {
	vertical-align: top !important;
}
.dashboard-contract-renewals .btn.m-btn--hover-accent:not(.btn-secondary):not(.btn-outline-light) i {
    color: #00c5dc;
}
.dashboard-contract-renewals .btn.m-btn--hover-warning:not(.btn-secondary):not(.btn-outline-light) i {
    color: #ffb822;
}
.dashboard-contract-renewals .btn.m-btn--hover-danger:not(.btn-secondary):not(.btn-outline-light) i {
    color: #f4516c;
}
.dashboard-contract-renewals .btn.m-btn--hover-warning:hover i {
    color: #ffffff !important;
}



/*
------------------------------------------------------------------------------------------------------------------------
2. MENU STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: var(--unimutedblue);
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
	.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
	.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {

    color: var(--unimutedblue);
}


/*
------------------------------------------------------------------------------------------------------------------------
3. WIDGET STYLES
------------------------------------------------------------------------------------------------------------------------
*/
.m-widget14 .m-widget14__legend .m-widget14__legend-bullet {
	display: block;
}
.m-widget14 .m-widget14__chart .m-widget14__stat {
	font-size: 1.4rem;
	font-weight: 800;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. FORM CONTROL STYLES
------------------------------------------------------------------------------------------------------------------------
*/
.m-switch.m-switch--icon.def-lang input:empty ~ span::after {
    font-family: Poppins;
    content: 'E';
    background-color: var(--uniorange);
    box-shadow: none;
	font-weight: 800;
}
.m-switch.m-switch--icon.def-lang input:checked ~ span::after {
    font-family: Poppins;
    content: 'F';
    background-color: var(--uniorange);
    box-shadow: none;
	font-weight: 800;
}
.btn-primary {
    background-color: var(--uniorange);
    border-color: var(--uniorange);
}
.btn-primary:hover {
    background-color: var(--uniorangehover);
    border-color: var(--uniorangefocus);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--uniorangehover);
    border-color: var(--uniorangefocus);
}
.btn.m-btn--label-brand {
    color: var(--unilinkbluehover);
}
.form-control.focus, .form-control:focus {
    border-color: var(--unimutedblue);
    color: var(--unimutedblue);
}
.m-form .bootstrap-select.btn-group.show > .dropdown-toggle.btn-default, .bootstrap-select.btn-group.show > .dropdown-toggle.btn-secondary {
    border-color: var(--unimutedblue); !important;
}
.form-subsections {
	margin-bottom: 0.5em;
}
.sub-label {
	font-size: 0.9em;
	width: 115px;
	padding: 0.5em 0 0 1.0em;
	color: #9699a2;
	font-family: Poppins;
	font-weight: 400;
}
.sub-label.as-heading {
	/* padding: 0.5em 0 0 0; */
}

/*
------------------------------------------------------------------------------------------------------------------------
4. DATA TABLE STYLES
------------------------------------------------------------------------------------------------------------------------
*/
.m-datatable .btn.actions {
	padding: 0.35rem 0.5rem;
	font-size: 0.8rem;
}
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus, .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover, .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show > .btn.dropdown-toggle {
    background: var(--uniorange);
}
.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle {
    -webkit-border-radius: 0.2rem !important;
    -moz-border-radius: 0.2rem !important;
    -ms-border-radius: 0.2rem !important;
    -o-border-radius: 0.2rem !important;
    border-radius: 0.2rem !important;
}
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active {
    background: var(--uniorange);
}
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover {
    background: var(--uniorangehover);
}
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--first:hover, .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev:hover, .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next:hover, .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--last:hover {
    background: var(--uniorangehover);
}
.m-btn--icon.m-btn--icon-only.btn-sm, .btn-group-sm > .m-btn--icon.m-btn--icon-only.btn {
    margin: 0 1px 0 2px;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. GENERAL STYLES
------------------------------------------------------------------------------------------------------------------------
*/

a {
    color: var(--unimutedblue);
}
a:hover {
    color: var(--unilinkbluehover);
}


/*
------------------------------------------------------------------------------------------------------------------------
4. LOGIN STYLES
------------------------------------------------------------------------------------------------------------------------
*/

.m-link {
    color: var(--unimutedblue);
}
.m-link:hover {
    color: var(--unilinkbluehover);
}
.m-checkbox.m-checkbox--focus > span::after {
    border: solid var(--unilinkbluehover);
}
.m-checkbox.m-checkbox--focus > input:checked ~ span {
    border: 1px solid var(--unilinkbluehover);
}