/* global */
.cdlx-icon-btn { padding:10px 14px; }
.cdlx-icon-btn.cdlx-icon-btn-small { padding:6px 10px; }
.cdlx-icon-btn.cdlx-icon-btn-extra-small { padding:3px 5px; }
.cdlx-icon-btn.cdlx-text-btn > .ui-button-text.ui-c { padding:0 0 0 15px; }
.cdlx-section-header { display:flex; padding:30px 13px 15px; }
.cdlx-section-header.cdlx-section-header-first { padding-top:10px; }
.cdlx-section-header span { font-weight:bold; padding-right:15px; white-space:nowrap; }
.cdlx-section-header hr { float:left; width:100%; border-width:0; border-top:1px solid #ddd; }
.cdlx-status-lamp { display:inline-block; width:13px; height:13px; border-radius:13px; margin-right:5px; vertical-align:middle; }
.cdlx-status-lamp.cdlx-green { background-color:#0fc763; }
.cdlx-status-lamp.cdlx-red { background-color:#f56f64; }
.cdlx-status-lamp.cdlx-yellow { background-color:#f5b064; }
.cdlx-status-lamp.cdlx-blue { background-color:#3f8efc; }
.cdlx-status-lamp.cdlx-grey { background-color:#bcbcbc; }

.ui-button.secondary-button:hover { background-color:#1cb9d7; border-color:#1cb9d7; color:#ffffff; }
.ui-button.secondary-button:focus { -webkit-box-shadow:0 0 0 0.2em #2ed7e4; -moz-box-shadow:0 0 0 0.2em #2ed7e4; box-shadow:0 0 0 0.2em #2ed7e4; }
.ui-button.secondary-button:active { background-color:#0772b3; border-color:#0772b3; color:#ffffff; }

.ui-button.danger-btn:hover { background-color: #ff4545; color: #ffffff; border: 1px solid #ff4545; }
.ui-button.danger-btn:focus { -webkit-box-shadow: 0 0 0 0.2em #ff4545; -moz-box-shadow: 0 0 0 0.2em #ff4545; box-shadow: 0 0 0 0.2em #ff4545; }
.ui-button.danger-btn:active { background-color: #a8281e; color: #ffffff; border-color: #a8281e; }

.cdlx-btn.ui-button:hover,
.cdlx-btn.ui-button:active { background-color:#1cb9d7; border-color:#1cb9d7; color:#ffffff; }

.cdlx-btn.cdlx-btn-no-icon.ui-button > span { padding-left:1em; }

.cdlx-1-col-select-one-button .ui-selectonebutton { width:100%; }
.cdlx-1-col-select-one-button .ui-selectonebutton .ui-button { display:block; }

.cdlx-datatable-no-header.ui-datatable table thead tr { display: none; }

.cdlx-file-upload-simple div, .cdlx-file-upload-simple span, .cdlx-file-upload-simple input { cursor:pointer; }
.cdlx-file-upload-simple .ui-fileupload-buttonbar { border:none!important; padding:0!important; }
.cdlx-file-upload-simple .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { content: "\f093"!important; }
.cdlx-file-upload-simple .ui-fileupload-content { display:none!important; }

.cdlx-confirm-dialog .ui-confirm-dialog-message { max-width:230px; }

/* topbar */
.layout-wrapper .layout-topbar .layout-topbar-logo img { width:auto; height:40px; }
.layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-logo { display: inline-block; vertical-align: middle; margin: 0 0 0 1.5em; }
.layout-wrapper .layout-topbar .topbar-menu .user-profile .layout-profile-userinfo { margin: 14px 0 0 8px; }
.layout-wrapper .layout-topbar .topbar-menu .user-profile { padding-left:0; padding-right: 32px; }
@media screen and (max-width: 896px) {
	.layout-wrapper .layout-topbar .topbar-menu .user-profile .layout-profile-userinfo { display:block; margin: 8px 0; }
}
.layout-wrapper .layout-topbar .topbar-menu .user-profile ul { width:150px; }
@media screen and (min-width: 897px) {
	.layout-wrapper.layout-horizontal .layout-menu-container { padding: 7px 20px; }
	.layout-wrapper.layout-slim .layout-topbar .layout-topbar-logo { margin:0; }
	.layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-search, .layout-wrapper.layout-slim .layout-topbar .layout-topbar-search { top:0; }
	.layout-wrapper.layout-static .layout-menu-container { width: 200px }
	.layout-wrapper.layout-static .layout-main { margin-left: 200px; }
}

/* menu */
@media screen and (max-width: 896px) {
	.layout-wrapper.layout-mobile-active .layout-menu-container { top: 70px; }
}

/* datatable */
.cdlx-datatable.cdlx-datatable-white.ui-datatable thead > tr { border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; }
.cdlx-datatable.cdlx-datatable-white.ui-datatable tfoot > tr td { border: 1px solid #fff; border-top: 1px solid #d8d8dc; }
.cdlx-datatable.cdlx-datatable-white.ui-datatable .ui-datatable-even { background-color:#fff; }
.cdlx-datatable.cdlx-datatable-white.ui-datatable .cdlx-yellow-row.ui-datatable-even,
.cdlx-datatable.cdlx-datatable-white.ui-datatable .cdlx-yellow-row.ui-datatable-odd { background-color:#f5b064; }
.cdlx-datatable.cdlx-datatable-white.ui-datatable .cdlx-grey-row.ui-datatable-even,
.cdlx-datatable.cdlx-datatable-white.ui-datatable .cdlx-grey-row.ui-datatable-odd { background-color:#eaeaea; }
.cdlx-datatable.cdlx-datatable-white.ui-datatable .cdlx-red-row.ui-datatable-even,
.cdlx-datatable.cdlx-datatable-white.ui-datatable .cdlx-red-row.ui-datatable-odd { background-color:#f56f64; }
.cdlx-datatable.cdlx-datatable-white.ui-datatable tr.ui-row-editing td.ui-editable-column,
.cdlx-datatable.cdlx-datatable-white.ui-datatable .ui-datatable-data td.ui-cell-editing {
	padding: 0 0.6em;
	margin: 0;
}

/* dashboard */
.layout-dashboard .timeline ul li p i { font-size:13px; }
.layout-dashboard .timeline ul li { color:#252529!important; }
.layout-dashboard .timeline ul li i { color:#0f97c7!important; }
.layout-dashboard .cdlx-search { float:right; }
.layout-dashboard .cdlx-search > .ui-inputgroup-addon,
.layout-dashboard .cdlx-search > input,
.layout-dashboard .cdlx-search > input:focus { border:none!important; box-shadow:none!important; }
.layout-dashboard .cdlx-search > input { width:100%; }

/* overview */
.cdlx-icon-btn:hover { background-color:#1cb9d7; border-color:#1cb9d7; color:#ffffff; }
.cdlx-overview .card > h1 { float:left; }
.cdlx-overview .card > .cdlx-icon-btn { float:right; }
.cdlx-action-col { padding-left:0!important; }
.cdlx-action-col a { float:right; margin-right:5px; }
.cdlx-action-col a:first-child { margin-right:0; }
.cdlx-overview .cdlx-search { float:left; }
.cdlx-overview .cdlx-search > .ui-inputgroup-addon,
.cdlx-overview .cdlx-search > input,
.cdlx-overview .cdlx-search > input:focus { border:none!important; box-shadow:none!important; }
.cdlx-overview .cdlx-search > input { width:100%; }

/* accordion */
.cdlx-accordion { margin-top:16px; }
.cdlx-accordion:first-child { margin-top:0; }
.cdlx-accordion .card { padding:0 13px; }
.cdlx-accordion.cdlx-accordion-open .card { padding-bottom:13px; }
.cdlx-accordion .cdlx-accordion-header { cursor:pointer; padding:13px 0; position:relative; }
.cdlx-accordion.cdlx-accordion-open .cdlx-accordion-header { padding-bottom:0; }
.cdlx-accordion .cdlx-accordion-header .cdlx-accordion-header-mask { position:absolute; top:0; left:0; right:0; bottom:0; }
.cdlx-accordion .cdlx-accordion-header h1 { float:left; margin-bottom:0; width:90%; }
.cdlx-accordion .cdlx-accordion-header .cdlx-accordion-btn { float:right; background-color:#ffffff; border:1px solid #ffffff; color:#252529; padding:2px 0 0; }
.cdlx-accordion .cdlx-accordion-content { display:none; }
.cdlx-accordion .cdlx-accordion-content .cdlx-form-btn-group { padding-top:10px; }

.cdlx-accordion .cdlx-accordion-header .cdlx-icon-btn-down { display:none; }
.cdlx-accordion.cdlx-accordion-open .cdlx-accordion-header .cdlx-icon-btn-down { display:block; }
.cdlx-accordion.cdlx-accordion-open .cdlx-accordion-header .cdlx-icon-btn-right { display:none; }

.cdlx-accordion .cdlx-notifications { position:absolute; top:-9px; background-color:#f56f64; color:#fff; padding:3px 5px; border-radius:3px; min-width:18px; font-size:10px; text-align:center; cursor: default; }
.cdlx-accordion .cdlx-notifications-right { right:-22px; }
.cdlx-accordion .cdlx-notifications-left { left:-22px; }

/* step-form */
.cdlx-step-form { margin-left:auto;margin-right:auto; }

/* file-upload-list */
.cdlx-file-upload-list .cdlx-file { float:left; margin-top:5px; max-width:30%; padding:3px 19px 3px 8px; color:#0f97c7; border:1px solid #0f97c7; border-radius:2px; position:relative; margin-right:5px; }
.cdlx-file-upload-list .cdlx-file .cdlx-file-text { display:inline-block; max-width:100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.cdlx-file-upload-list .cdlx-file .cdlx-file-icon { color:#0f97c7; position:absolute; top:50%; margin-top:-8px; right:8px; }
.cdlx-file-upload-list .cdlx-file .cdlx-file-icon:hover,
.cdlx-file-upload-list .cdlx-file .cdlx-file-icon:focus,
.cdlx-file-upload-list .cdlx-file .cdlx-file-icon:active { color:#0f97c7; }

/** customer - contract create **/
.contract-new-contract-type { width:100%; }
.contract-new-contract-type .ui-button { width:50%; }
.contract-new-contract-type .ui-button span { padding:15px 10px !important; }

.contract-new-contents { max-height:250px; overflow-y: scroll; }
.contract-new-contents::-webkit-scrollbar { -webkit-appearance: none; }
.contract-new-contents::-webkit-scrollbar:vertical { width: 11px; }
.contract-new-contents::-webkit-scrollbar:horizontal { height: 11px; }
.contract-new-contents::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

.contract-new-contents .contract-content-row { display:flex; }
.contract-new-contents .contract-content-row > div { float:left; text-align: center; }
.contract-new-contents .contract-content-row .cc-col-value { width:100%; }

/* detail */
.cdlx-detail label { display:block;padding-bottom:5px; }
.cdlx-detail label.cdlx-checkbox-label { display:inline-block;padding-bottom:5px;padding-left:5px; }
.cdlx-detail .ui-selectmanycheckbox label { display:inline-block; padding-bottom: 0; }
.cdlx-detail input, 
.cdlx-detail textarea,
.cdlx-detail .ui-selectonemenu { width:100%; }
.cdlx-detail textarea { min-height:150px; max-height:150px; }
.cdlx-detail .cdlx-form-btn-group { padding: 0 13px; }
.cdlx-detail .cdlx-form-btn-group button,
.cdlx-detail .cdlx-form-btn-group .cdlx-btn { float:right; margin-left:10px; }
.cdlx-detail .cdlx-section { padding:0 13px; }
.cdlx-detail .cdlx-data-list-component .ui-datatable th { padding:0; }
.cdlx-detail .cdlx-data-list-component .ui-datatable td { padding:5px 0 0; }
.cdlx-detail .cdlx-data-list-component .ui-datatable .ui-datatable-empty-message td { padding:8px 0; }
.cdlx-detail .cdlx-data-list-component .ui-cell-editor-input input,
.cdlx-detail .cdlx-data-list-component .ui-cell-editor-input input:focus { border:none; box-shadow:none; }
.cdlx-detail .cdlx-data-list-component .cdlx-data-list-add-component { width:100%; margin-top:5px; }
.cdlx-detail .cdlx-data-list-component .cdlx-data-list-add-component td { padding:0 5px 0 0; }
.cdlx-detail .cdlx-data-list-component .cdlx-data-list-add-component td.cdlx-action-col { padding:0; width:33px; }
.cdlx-detail .ui-selectoneradio label { display:inline-block; padding-bottom:0; }
.cdlx-detail .cdlx-no-toppad { padding-top:0!important; }
.cdlx-detail .cdlx-one-row div { float:right; width:50%; padding-left:5px; }
.cdlx-detail .cdlx-one-row div:first-child { float:left; padding-left:0; padding-right:5px; }

.cdlx-detail .ui-dialog hr { width:100%; border-width:0; border-top:1px solid #ddd; }
.cdlx-detail .ui-dialog-titlebar { padding-bottom:0!important; }
.cdlx-detail .ui-dialog-content .cdlx-form-btn-group { padding-top:10px; }
.cdlx-detail .ui-dialog-content .cdlx-one-menu { min-width:auto!important; }

.cdlx-detail-readonly label { font-weight:500; }

.cdlx-detail table.cdlx-name-value-pair td:first-child { vertical-align:top; padding-right:10px; }

/* dispose */
.cdlx-dispose-status .cdlx-dispose-status-label { text-align:center; }
.cdlx-dispose-status .cdlx-dispose-status-value { text-align:center; font-size:20px; }
.cdlx-dispose-status .cdlx-dispose-status-green { color:#0fc763; }
.cdlx-dispose-status .cdlx-dispose-status-green .ui-progressbar-value { background-color:#0fc763; }
.cdlx-dispose-status .cdlx-dispose-status-red { color:#f56f64; }
.cdlx-dispose-status .cdlx-dispose-status-red .ui-progressbar-value { background-color:#f56f64; }

.cdlx-dispose-status .cdlx-dispose-status-blue { color:#0f97c7; }
.cdlx-dispose-status .cdlx-dispose-status-blue .ui-progressbar-value { background-color:#0f97c7; }
.cdlx-dispose-status .cdlx-dispose-status-progressbar-label { height:27px; margin-top:20px; }
.cdlx-dispose-status .cdlx-dispose-status-progressbar-label > div { float:left; min-width:80px; font-size:20px; text-align:right; }

/* dispose-new */
.cdlx-dispose .k-block,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-pager-wrap,
.k-treemap-tile { background-color:#0772B3!important; }
.k-gantt-toolbar .k-button,
.k-gantt>.k-header .k-link,
.k-gantt>.k-header li,
.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header .k-link,
.k-scheduler .k-header li { background-color:#0772B3!important; border-color:#0772B3!important; }

/* planner sidebar */
.planner-sidebar .contract-row { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
.planner-sidebar .contract-row:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.planner-sidebar .contract-row .contract-label { display:inline-block; }
.planner-sidebar .planning-date { padding-left:0!important; padding-right:0!important; padding-bottom:15px!important; }
.planner-sidebar .contracts-pool-table > tbody > tr.ui-draggable { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
.planner-sidebar .contracts-pool-table > tbody > tr.ui-draggable:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }

.cdlx-accordion.ui-state-highlight-green h1 { color:#0fc763; }
.cdlx-accordion.ui-state-highlight h1 { color:#f5b064!important; }

/* billing preparation */
.datatable-billing-preparation.ui-datatable .ui-datatable-tablewrapper > table,
.datatable-billing-preparation.ui-datatable .ui-datatable-tablewrapper > table input,
.datatable-billing-preparation.ui-datatable .ui-datatable-tablewrapper > table .ui-selectonemenu-label {
	font-size:10px;
}
.datatable-billing-preparation.ui-datatable .ui-datatable-tablewrapper > table {
	min-width: 1720px;
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr.ui-datatable-selectable {
	cursor: default;
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr.ui-state-highlight {
	background-color: #1cb9d7;
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor .ui-icon {
	color: #fff;
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr .ui-row-editor > a { height:auto; }
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
	content: "\f040";
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before {
	content: "\f00c";
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before {
	content: "\f00d";
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-row-editor-pencil {
	display:none;
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr .cdlx-action-delete {
	font-size:15px
}
.datatable-billing-preparation.ui-datatable .ui-datatable-data > tr.ui-row-editing .cdlx-action-delete {
	display:none;
}

/* invoice edit */
.datatable-invoice-billing-entries.ui-datatable .ui-datatable-tablewrapper > table {
	font-size:10px;
	min-width: 1720px;
}
.invoice-thumbs-buttons { text-align: center; height: 40px; margin-top: 15px; }
.invoice-thumbs { display: flex; justify-content: center; }
.invoice-thumbs .image-switcher { width: 500px; }
.invoice-thumbs .image-switcher img { width: 100%; height: auto; }

/* time tracking */
.vacation-entitlement-entries-table {
	min-height: 289px;
}
.vacation-entitlement-entries-table .ui-datatable-scrollable-body {
	overflow: visible;
	overflow-x: hidden;
}

/* login */
.login-body { background-position:center center; }
.login-body .logo-container img { width:auto; height:80px; margin-bottom:0!important; }
.login-body .login-panel .cdlx-messages { padding-top:0; padding-bottom:0; }
.login-body .login-panel .cdlx-messages .ui-messages { margin:0; }
.login-body .login-panel .cdlx-messages .ui-messages .ui-messages-error { margin:10px 0 4px; }
.login-body .login-panel .forgetpassword-container a { line-height:20px; }
.login-body .login-panel .forgetpassword-container.cdlx-back-to-login a { line-height:31px; }

/* signature */
.cdlx-detail.cdlx-signature .cdlx-form-btn-group button,
.cdlx-detail.cdlx-signature .cdlx-form-btn-group > a { width:100%; margin:10px 0 0; padding:10px 0; }
.cdlx-detail.cdlx-signature .cdlx-form-btn-group button:first-child,
.cdlx-detail.cdlx-signature .cdlx-form-btn-group > a:first-child { margin-top:0; }
.cdlx-detail.cdlx-signature .ui-messages ul { display:inline-block; margin-top:0; }
.cdlx-detail.cdlx-signature .ui-messages ul li { padding:0; }

/* tab panel */
.cdlx-tab-panel { padding:10px 0 50px; }
.cdlx-tab-panel .cdlx-tab { background-color:#f7f7f7; float:left; height:40px; line-height:40px; text-align:center; border-bottom: 1px solid #ddd; cursor:pointer; }
.cdlx-tab-panel .cdlx-tab.active { background-color:#f7f7f7; border-bottom: 2px solid #0f97c7; }
.cdlx-tab-panel-content { display:none; }
@media screen and (max-width: 600px) {
	.cdlx-tab-panel .cdlx-tab { float:none; display:block; width:100%!important; }
}

/* checkbox grid */
.cdlx-checkbox-grid .cdlx-checkbox-grid-row { padding-bottom:5px; }

/* helpers */
.cb { clear:both; }
.no-pad { padding:0!important; }
.ml-5 { margin-left:5px!important; }
.ml-10 { margin-left:10px!important; }
.mt-0 { margin-top:0px!important; }
.mt-1 { margin-top:1px!important; }
.mt-5 { margin-top:5px!important; }
.mt-10 { margin-top:10px!important; }
.mr-5 { margin-right:5px!important; }
.pt-5 { padding-top:5px!important; }
.pr-0 { padding-right:0px!important; }
.pl-5 { padding-left:5px!important; }
.pl-10 { padding-left:10px!important; }
.fl { float:left; }
.fr { float:right; }
.dn { display:none; }
.dib { display:inline-block!important; }
.bold { font-weight:bold; }
.ta-c { text-align:center; }
.flex-container tr { display:flex; }
.flex-1 { flex:1; }
hr { width:100%; border-width:0; border-top:1px solid #ddd; }