@import "common/dgrid/css/dgrid.css";

body.as-cs-webapp ul.menu>li:not(.as-cs-webapp),
body.as-cs-webapp ul.responsive-menu>li:not(.as-cs-webapp) {
	display: none;
}

body.as-cs-webapp #responsiveSearch input {
	display: none;
}

body.as-cs-webapp .main-navigation ul ul a {
	/* width: 220px !important; */
}

body.as-cs-webapp.app2 input[type=text] {
	border: none;
}

body.as-cs-webapp.app2 .dx-widget {
	font-family: Lato, arial, sans-serif !important;
	font-size: 13px;
}

body.as-cs-webapp:not(.app2) input[type=text],
body.as-cs-webapp:not(.app2) textarea,
body.as-cs-webapp:not(.app2) button {
	padding: 0px !important;
	border-radius: 0px;
	border: 0px;
}

body.as-cs-webapp #primary,
body.app2 #primary {
	width: 99%;
}

body.as-cs-webapp #click-menu.admin-bar-showing {
	margin-top: 10px;
	right: 10px;
}

body.as-cs-webapp .dijitTextBox {
	margin-bottom: 4px;
	width: auto;
}

body.as-cs-webapp .dijitTimeTextBox {
	width: auto;
}

body.as-cs-webapp #content table:not(.dojoxCalendarColumnHeaderTable, .dojoxCalendarGridTable) {
	/* width: auto; */
	/*
    padding: 4px;
    border-spacing: 4px;
    */
}

body.as-cs-webapp:not(.app2) #content table td:not(.dijitReset) {
	padding-right: 4px;
}

body.as-cs-webapp #content .dgrid table {
	width: 100%
}

body.as-cs-webapp #footer-widgets {
	display: none;
}

body.as-cs-webapp {
	font-size: 13px !important;
}

body.as-cs-webapp #content {
	text-align: center;
	overflow: visible;
}

body.as-cs-webapp #lang_sel_list {
	display: none;
}

@media all and (max-width: 780px) {
	.site-info {
		padding: 0px !important;
	}

	.footer {
		margin-top: 4px !important;
	}

	/*
    #content {
        padding: 0 8px 8px !important;
    }
    */
}

body.as-cs-webapp #content a {
	color: blue;
}

body.as-cs-webapp .dijitMenuItemDisabled {
	background-color: #f7f7f7;
	color: black;
	font-weight: bold;
}

.as-cs-title {
	font-size: larger;
	font-weight: bold;
	margin-bottom: 10px;
	max-width: 500px;
	margin: 0 auto;
}

a.cs-crm-button {
	display: inline-block;
	padding: 10px;
	margin-left: 10px;
	background-color: rgba(0, 0, 0, 0.8);
}

.as-cs-dash-content {
	//max-width: 1000px;
	/*
    min-height: 500px;
    height: auto;
    */
}

.as-cs-dash-page {
	display: none;
}

.btn {
	display: inline-block;
	height: 24px;
	width: 24px;
}

.btn-small,
.btn-small-multi {
	display: inline-block;
	height: 16px;
	width: 16px;
	border: 0px;
	cursor: pointer;
}

.btn-small-multi {
	width: 24px;
}

.btn.mobile {
	background: url('common/img/Mobile-phone.png') center center no-repeat;
}

.btn-small.mobile {
	background: url('common/img/Mobile-phone-small.png') center center no-repeat;
}

.btn.delete {
	background: url('common/img/Delete.png') center center no-repeat;
}

.btn-small.delete {
	background: url('common/img/Delete-small.png') center center no-repeat;
}

.btn.new {
	background: url('common/img/Add.png') center center no-repeat;
}

.btn-small.new {
	background: url('common/img/Add-small.png') center center no-repeat;
}

.btn-small-multi.new {
	background: url('common/img/Add-small-multi.png') center center no-repeat;
}

.btn.edit {
	background: url('common/img/Modify.png') center center no-repeat;
}

.btn-small.edit {
	background: url('common/img/Modify-small.png') center center no-repeat;
}

.btn.view {
	background: url('common/img/View.png') center center no-repeat;
}

.btn-small.view {
	background: url('common/img/View-small.png') center center no-repeat;
}

.btn.print {
	background: url('common/img/Print.png') center center no-repeat;
}

.btn-small.print {
	background: url('common/img/Print-small.png') center center no-repeat;
}

.btn.dlfolder {
	background: url('common/img/Downloads.png') center center no-repeat;
}

.btn.back {
	background: url('common/img/Back.png') center center no-repeat;
}

.btn.save {
	background: url('common/img/Save.png') center center no-repeat;
}

.btn.next {
	background: url('common/img/Next.png') center center no-repeat;
}

.btn.good {
	background: url('common/img/Good.png') center center no-repeat;
}

.btn.bad {
	background: url('common/img/Bad.png') center center no-repeat;
}

.btn.undo {
	background: url('common/img/Undo.png') center center no-repeat;
}

.btn.ok {
	background: url('common/img/Ok.png') center center no-repeat;
}

.btn-small.ok {
	background: url('common/img/Ok-small.png') center center no-repeat;
}

.btn.calendar {
	background: url('common/img/Calendar.png') center center no-repeat;
}

.btn-small.calendar {
	background: url('common/img/Calendar-small.png') center center no-repeat;
}

.dlgButton {
	float: right;
	display: inline-block;
	width: 50px;
	height: 20px;
}

.as-cs-dash-page .btn {
	width: 75px;
	cursor: pointer;
	display: inline-block;
	border: 0px;
	margin: 8px 0px;
	cursor: pointer;
}

.as-cs-dash-page .btn:disabled,
.as-cs-dash-page .btn-small:disabled,
.as-cs-dash-page .btn-small-multi:disabled {
	background: none;
	/*visibility: hidden;*/
	display: none;
	cursor: default;
}

.as-cs-dash-page textarea {
	font: inherit !important;
	color: black !important;
}

.as-cs-dash-page input {
	color: black !important;
}

.dgrid-cell {
	white-space: nowrap;
}

.dgrid-row-table {
	margin-bottom: 0px;
}

.dgrid-row {
	cursor: pointer;
}

.dgrid-row:hover {
	/* background-color: rgba(255, 205, 0, 0.1); */
	/* ffe716 = 255 231 22 */
	background-color: rgba(255, 231, 22, 0.4);
}

.dgrid-row.dgrid-selected {
	background-color: rgba(255, 231, 22, 1);
}

.as-cs-dash-page td.label {
	padding: 0px;
	text-align: right;
}

.as-cs-dash-page .dijitTextBox {
	padding: 0px 0px 0px 3px;
}

.as-cs-message {
	font-weight: bold;
	padding: 3px;
}

.dp-error {
	color: red;
}

.dp-success {
	color: green;
}

#as-cs-app-busy {
	position: absolute;
	top: 140px;
	width: 1080px;
	height: 100%;
	margin-bottom: -150px;
	z-index: 10000;
	/*background: url(common/img/loading.gif) 50px 0px no-repeat;*/
	display: none;
	overflow: hidden;
	top: 0px;
	background: url(common/img/loading-yellow.gif) 6px 14px no-repeat;
}

@media all and (max-width: 780px) {
	#as-cs-app-busy {
		background: url(common/img/loading-yellow.gif) 50px 0px no-repeat;
		margin-left: 0px;
	}

	.footer {
		bottom: 0px;
	}
}

@media print {

	#header,
	.bfr-menuwrap,
	#mobilesearch,
	#bfr-menu-button {
		display: none;
	}
}

hr {
	margin-top: 10px;
	margin-bottom: 4px;
}

.projectCountBullet {
	display: inline-block;
	/*width: 65px;*/
	height: 25px;
	/*float: right;*/
	margin-top: -6px;
	margin-left: 8px;
	text-align: left;
	line-height: 25px;
}

.countBullet {
	display: inline-block;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-color: #dc3912;
	text-align: center;
	font-weight: bold;
	line-height: 23px;
}

.countBulletBlue {
	display: inline-block;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-color: #36c;
	text-align: center;
	font-weight: bold;
	line-height: 23px;
}

body.as-cs-webapp .sub-menu hr {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.sweet-alert hr {
	height: 0px !important;
}

.modal-body {
	max-height: 600px;
}

.fa.fa-hover:hover {
	cursor: pointer;
	color: #606060;
}

.dx-grid-directive {
	display: block;
	height: 100%;
}

.dx-grid-directive-container {
	height: 650px;
}

.modal-dx-grid-directive-container {
	height: 450px;
}

body.app2 .site-header {
	/*height: 60px;*/
}

body.app2 .main-navigation {
	padding-top: 20px;
}

body.app2 .site-logo.logo-hartman {
	width: 50px;
	background: url('common/img/logo-hartman.png');
}

body.app2 .main-navigation ul ul {
	margin-top: 1px;
}

.default-grid-height {
	height: 600px;
}

.dx-texteditor-container input[type=text] {
	border: none;
}

.as-cs-webapp .main-navigation {
	text-align: center;
}

body .site-header hgroup {
	margin-top: -12px;
}

[title="Annuleer veranderingen"] {
	display: none !important;
}

#main,
.main-navigation,
.site-title,
.site-description,
.sf-widget,
.site-logo {
	margin: 0 auto;
	max-width: 1300px !important;
}

.text-success {
	color: #4caf50 !important;
}

.text-warning {
	color: #f0ad4e !important;
}

.text-danger {
	color: #d9534f !important;
}

.text-info {
	color: #5bc0de !important;
}

.text-primary {
	color: #337ab7 !important;
}

.text-warning {}

.dx-button .dx-icon {
	width: 16px !important;
}

/* Override silvertheme, show menu for mobile devices */
@media only screen and (min-width: 600px) and (max-width: 860px) {
	.as-cs-webapp .main-navigation {
		display: block;
		text-align: left;
		margin-left: 100px;
	}

	.as-cs-webapp .main-navigation .menu-item a {
		font-size: 1.2rem;
	}
}

[role='gridcell'] div {
	text-overflow: ellipsis;
	overflow: hidden;
}

.site-content {
	flex-direction: column;
}

.main-navigation .main-nav ul ul li a {
	color: #fff !important;
}

.dx-texteditor-input {
	padding: 4px 5px 4px !important;
}