/*CLIENT COLOR*/

/*PRIMARY HEX:
#b7daf2
*/

/*PRIMARY RGB:
183, 218, 242
*/

/*BACKGROUND*/
.m-grid__item.m-grid__item--fluid.m-grid.m-grid--center.m-grid--hor.m-grid__item--order-tablet-and-mobile-1.m-login__content {
		background-image: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 50%, hsla(204, 69%, 83%, 1) 100%);
	}

/*TEXT & INPUT*/
input.form-control.m-input::placeholder {
    color: grey!important;    
}
.m-checkbox.m-checkbox--focus>span:after {
    border: solid #b7daf2;
}
.m-checkbox.m-checkbox--focus>input:checked~span {
    border: 1px solid #b7daf2;
}
.m-link {
    color: #95aac9;
}
.m-link:hover {
    color: #95aac9;
}
.m-link:hover:after {
    border-bottom: 1px solid #95aac9; 
}
a.brandmannen-link {
	color: #95aac9;
}
a.brandmannen-link:hover {
	color: #95aac9;
}
a:hover {
    color: #95aac9;
}
.input-group .input-group-prepend>.input-group-text>i {
    color: #b7daf2;
}
.m-checkbox.m-checkbox--focus>span {
    border: 1px solid #b7daf2;
}
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control:focus {
    border-bottom: 1px solid #b7daf2!important;
}
.m-tabs-line.m-tabs-line--brand a.m-tabs__link.active, .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover {
	color: #b7daf2;
    border-bottom: 1px solid #b7daf2;
}
.form-control.focus, .form-control:focus, .custom-file .custom-file-input:focus+.custom-file-label {
    border-color: #b7daf2!important;
}
.bootstrap-select.show>.dropdown-toggle.btn-light, .bootstrap-select.show>.dropdown-toggle.btn-secondary, .bootstrap-select>.dropdown-toggle.btn-light.active, .bootstrap-select>.dropdown-toggle.btn-light:focus, .bootstrap-select>.dropdown-toggle.btn-secondary.active, .bootstrap-select>.dropdown-toggle.btn-secondary:focus {
    border-color: #b7daf2!important;
}


/*BUTTONS, SWICHES*/
.btn-primary {    
    background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%);
	border: 0;
}
.btn-primary:hover, .btn-primary:active {    
     background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%);
	-webkit-box-shadow: 0 2px 10px 2px rgba(183, 218, 242, .19)!important;
    -moz-box-shadow: 0 2px 10px 2px rgba(183, 218, 242, .19)!important;
    box-shadow: 0 2px 10px 2px rgba(183, 218, 242, .19)!important;
}
.btn-primary.m-btn--air {
     background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%);
	 -webkit-box-shadow: 0 2px 10px 2px rgba(183, 218, 242, .19)!important;
    -moz-box-shadow: 0 2px 10px 2px rgba(183, 218, 242, .19)!important;
    box-shadow: 0 2px 10px 2px rgba(183, 218, 242, .19)!important;
}
.btn-primary.m-btn--air:hover {
     background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%);
	-webkit-box-shadow: 0px 4px 10px 2px rgba(183, 218, 242, .36)!important;
    -moz-box-shadow: 0px 4px 10px 2px rgba(183, 218, 242, .36)!important;
    box-shadow: 0px 4px 10px 2px rgba(183, 218, 242, .36)!important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%);
}
.btn-outline-primary {
    color: #b7daf2!important;
    border-color: #b7daf2;
}
.btn-outline-primary:hover {
    background-color: #b7daf2;
    border-color: #b7daf2;
}
.btn-success {
	background-color: #81C784;
	border-color: #81C784;
}
.btn-success:hover {
	background-color: #66BB6A;
	border-color: #66BB6A;
}
.btn-success:focus, .btn-success:active {
	background-color: #4CAF50!important;
	border-color: #4CAF50!important;
}
/*
.btn-undo {
	background: #fbfbfb;
    border-color: #ebedf2;
}
.btn-undo:hover {
	background-color: #FFB74D;
	border-color: #FFB74D;
	color: #ffffff;
}
.btn-undo:focus, .btn-undo:active {
	background-color: #FFB74D;
	border-color: #FFB74D;
}
*/
.previewbutton {
	float: right;
}
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link {
	background-color: #b7daf2;
}
span.m-badge.m-badge--info.m-badge--wide.notification-badge {
    color: #bfdaf2;
    border: 1px solid #b7daf2; 
}
span.m-badge.m-badge--info.m-badge--wide.notification-badge:hover {
    background: #bfdaf2;    
}
a.logout-button {
    color: #b7daf2!important; 
}
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--active {
    background: #b7daf2; 
} 
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link:hover, .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--last: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--prev:hover {
	background: #b7daf2; 
}
.m-tabs-line.m-tabs-line--primary a.m-tabs__link.active, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover {
    color: #b7daf2;
    border-bottom: 1px solid #b7daf2;
}
.m-tabs-line.m-tabs-line--primary a.m-tabs__link.active, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover {
    color: #b7daf2;
    border-bottom: 1px solid #b7daf2;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #b7daf2!important;
}
@media screen and (max-width: 1024px) {
	.m-aside-left-close.m-aside-left-close--skin-light:hover {
		background: #b7daf2;
	}
}

/*ICONS*/
.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i:before {
    background: #b7daf2;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__icon>i {
    color: #b7daf2;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__icon:hover>i {
    color: #b7daf2;
}
 

/*HEADER*/
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__quick-actions.m-topbar__quick-actions--img.m-dropdown--arrow .m-dropdown__arrow, .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: #b7daf2;
}
.m-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text {
	color: #b7daf2;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span, .m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler:hover span {
    background: #b7daf2;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span::after, .m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler:hover span::after, .m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler:hover span::before {
    background: #b7daf2;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler.m-brand__toggler--active span {
	background: #b7daf2;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after, .m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before {
	background: #b7daf2;
}
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow {
	color: #b7daf2;
}

/*NAV*/
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-icon {
	color: white;
}

.toast-success {
    background-color: green;
}