.login-page .login-logo {
	background-image: url(/brand/wnd.ch/logo.png);
	width: 350px;
}

#header {
	height: 114px;
	color: #363636;
	background: #363636;
}

#header h1.app-logo {
	background-image: url(/brand/wnd.ch/logo.png);
	background-repeat: no-repeat;
	background-size: 220px;
	margin-left: 30px;
}

h1, h2, h3, h4, h5, h6,
.modular h1, .modular h2, .modular h3, .modular h4, .modular h5,
#side-menu-inpage.menu-inpage-left a,
.menu-inpage a,
#side-menu a,
.breadcrumb,
.modular .modular-section p,
.modular .modular-section ul,
.modular .modular-section li,
.help-message span,
#dashboard-table th,
label, .reset-password,
.help-message ul,
.help-message ol,
.help-message p,
.help-message span,
.account-forwarding .header-container,
.account-forwarding .header-container .forwarding-row-headers,
.account-forwarding h4.forwarding-mode a,
.modular-section p,
.modular-section ul,
.modular-section li,
.calldisplay p,
.calldisplay .current,
.calldisplay small,
#modify-calldisplay .current,
.account-forwarding .header-container,
#modify-calldisplay small,
#device-table th,
.richtext p, .richtext ul,
#header .q-dropdown-menu a,
#login-container .q-dropdown-menu a,
a,
.richtext, table.richtext td,
.account-forwarding .activity span,
.account-forwarding #tpContainer .period-header .wd,
.account-forwarding #tpContainer .period-header .time,
.account-forwarding h3.forwarding-mode a,
table.table-style-1 th,
label,
#dashboard .box h3,
#dashboard .box h4,
#side-menu-inpage.menu-inpage-left a,
.menu-inpage a,
#side-menu a,
.dashboard-infobar,
.breadcrumb,
#grid-template th,
.modular .info-box h3, .info-box h3, .info-box p, .info-box.info-box--layout-1 p, .info-box ul, .info-box.info-box--layout-1 ul, .info-box.info-box--layout-1 ul li,
.info-box :not(a), .info-box.info-box--layout-1 :not(a),
a [class^="app-icon-"], a [class*=" app-icon-"] {
	color: #000000;
}

a:not(.button), .richtext a:not(.button) {
	text-decoration: underline;
}

#grid-template a, .icon-button, .chosen-container a, .menu a, .menu-inpage a, .icon-inputs__toggle a {
	text-decoration: none !important;
}


a:hover,
a:active,
a:focus,
#grid-template th:hover,
.menu a {
	color: #c5c5c5;
}

.icon-button:not(.button--frameless) {
	border-color: #c5c5c5;
}

.action-options.action-options--disabled .icon-button, .icon-button.icon-button--inactive {
	border: 1px solid #d3d3d3 !important;
	opacity: 1;
}

input:not([type="checkbox"]):not([type="radio"]):focus {
	box-shadow: 0 0 10px #c5c5c5;
	border-color: #c5c5c5;
}

button:hover,
a.button:hover {
	box-shadow: 0 10px 30px #c5c5c5;
}

.pagination li a {
	background: #c5c5c5;
}

.pagination li a:hover {
	background: #363636;
	border-color: #363636;
}

body div.public,
button,
a.button,
.menu-inpage .has-dropdown,
.menu-inpage-left .has-dropdown,
#side-menu .has-dropdown,
.pagination li.active a,
.pagination li.active a:hover,
.menu-inpage .has-dropdown,
.menu-inpage-left .has-dropdown,
#side-menu .has-dropdown {
	background: #363636;
}

#side-menu-inpage.menu-inpage-left a,
.menu-inpage a,
#side-menu a,
.dashboard-infobar,
.breadcrumb {
	background: #c5c5c5;
	color: #363636;
}

.vertical-divider,
dl,
.datepicker-wrapper .datepicker {
	color: #363636;
}

.modular .mini-section:not(.mini-section--last) {
	border-bottom: 1px solid #363636;
}

.modular {
	border: 1px solid #e9e8e9;
	border-radius: 4px;
	background: #fdfcfb;
	background: linear-gradient(to bottom, #fdfcfb 0%, #efefee 100%);
}