body.dfa-hide-page-header .page-header {
    padding-top: 0;
	padding-bottom: 0;
}
body.dfa-hide-page-header .page-header>h2 {
    display: none;
}
/* header */
.gn-menu-main .navbar-right li {
    line-height: 56px !important;
}
.nav.navbar-right.right-menu i.fa {
    font-size: 1.2em !important;
}
.top-clock {
    width: 200px;
    margin-left: -100px;
    color: #336A9E;
}
span.current-time {
    white-space: nowrap;
}
.logo img {
    height: 40px;
}
/* left side nav */
.gn-menu-main, .gn-menu-main ul, .gn-menu-main ul li {
    line-height: 66px !important;
}
.gn-menu ul, .gn-menu ul li{
    font-size: 16px !important;
}
.gn-menu-main .navbar-right .label {
    position: initial;
}
.gn-menu-main ul.gn-menu a {
    color: #bfc4c9;
}
.gn-menu-main a {
    font-size: 1.7rem;
    font-weight: 700;
}
.gn-menu-main a.logo {
    display: inline-block;
}
span.dfa-group-name {
    font-weight: 400;
    font-size: 24px;
    color: white;
}

span.dfa-group {
    font-size: 18px;
}
.dfa-col-centered {
    text-align: center;
}

.t-BreadcrumbRegion {
    padding-top: 0;
}

/* APEX region header accents */
.t-Region--accent3:not(.t-Region--textContent)>.t-Region-header {
    background-color: #275077 !important;
}
.t-Region--accent2:not(.t-Region--textContent)>.t-Region-header {
    background-color: #336A9E !important;
}
.t-Region--accent1:not(.t-Region--textContent)>.t-Region-header {
    background-color: #63A8EB !important;
}
.t-Region--accent4:not(.t-Region--textContent)>.t-Region-header {
    background-color: #FFC107 !important;
    color: #275077 !important;
}

/* calendar */
.fc-event {
    padding: 8px !important;
    font-size: 1.3rem !important;
    line-height: 1.4rem !important;
    margin-bottom: 3px !important;
}
button.fc-selDate-button.fc-button.fc-state-default.fc-corner-left:before {
   font-family: FontAwesome;
   content: "\f073";
}
.fc-calendar .fc-toolbar {
    padding: 10px 5% 15px;
}

.fc-calendar .fc-toolbar .fc-right {
    bottom: 0px;
	right: 50px;
    padding-bottom: 0px;
	padding-top: 0px;
}
.fc-toolbar .fc-left {
    padding: 3px 16px;
}
.fc-calendar .fc-center {
    padding: 0 !important;
}
.fc-calendar .fc-toolbar .fc-center h2 {
    color: white;
	font-size: 2em;
}
tr.fc-dfa-all-row {
    background-color: rgba(255,249,196,0.3);
}
td.fc-dfa-name.fc-widget-content {
    vertical-align: middle;
    text-align: center;
    color: #273238;
    font-weight: bold;
	background-color: rgba(144,193,241,0.1);
    width: 8%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fc-calendar .fc-day-header {
    overflow: hidden;
    text-overflow: ellipsis;
}
th.fc-day-header:first-child {
    width: 8%;
	overflow: hidden;
}
td.fc-dfa-name.fc-widget-content img.img-circle.user-avatar {
    width: 40%;
	/*min-width: 40px;*/
	background-color: white;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
}
div.fc-view.fc-custom-view .fc-row.fc-rigid {
    overflow: visible;
}
.fc-row .fc-content-skeleton tbody td:first-child, .fc-row .fc-helper-skeleton tbody td:first-child {
    width: 8%;
}
.fc-basic-view .fc-week-number span {
    text-transform: uppercase;
    color: #63A8EB;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0;
}
.fc-day-grid-event .fc-time {
    font-weight: 600;
}
.fc-day-grid-event .fc-content {
    text-overflow: ellipsis;
}
.fc-row.fc-rigid .fc-content-skeleton {
    position: relative;
}
.fc-right {
    width: calc(100% - 100px);
}
.fc-right .fc-button-group {
    width: 100%;
    align-items: right;
}

.fc-right .fc-button-group>* {
    float: right;
    margin: 0 0 0 -1px;
}

.fc-right .fc-button-group>button.fc-selDate-button,
.fc-right .fc-button-group>button.fc-today-button {
    float: left;
}
/* social icons */
div#dfasocial {
    float: right;
    font-size: 30px;
    margin-right: 20px;
}
div#dfasocial .fa-facebook-square {
  color: #3B5998;
  font-size: 28px;
}
div#dfasocial .fa-twitter-square {
  color: #1990D8;
  font-size: 28px;
}
/* modal dialog */
body .ui-dialog .ui-dialog-titlebar {
    background-color: #f39c12 !important;
    border-bottom: none !important;
}
body .ui-dialog .ui-dialog-title {
    color: white !important;
}
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close,
button.ui-button.ui-widget.ui-state-focus.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close{
    background-color: transparent !important;
    box-shadow: none !important;
    color: white !important;
}
button.ui-dialog-titlebar-close {
    border: none!important;
    background-color: transparent!important;
}
button.ui-dialog-titlebar-close:before {font: normal normal normal 14px/1 FontAwesome;color:white;content: "\f00d";}

/* cookie melding */
#cookie-bar .cb-enable {
    background: #53DD48 !important;
    color: #006400 !important;
}
#cookie-bar .cb-policy {
    background: #e9585b !important;
    color: #fff !important;
}

/* form items */
.t-Form-inputContainer.col.col-3 {
    white-space: nowrap !important;
}
.t-Form-inputContainer input.hasDatepicker {
    width: calc(100% - 34px) !important;
}
.t-Form-field, .t-Form-inputContainer input.datepicker, 
.t-Form-inputContainer input.password, 
.t-Form-inputContainer input.popup_lov, 
.t-Form-inputContainer input.text_field, 
.t-Form-inputContainer input[type=text], 
/*.t-Form-inputContainer select.selectlist, */
.t-Form-inputContainer select.yes_no, 
.t-Form-inputContainer select[multiple], 
.t-Form-inputContainer span.display_only, 
/*.t-Form-inputContainer textarea.textarea, */
.t-Form-select, 
/*.t-Form-textarea, */
.u-TF-item--datepicker, 
.u-TF-item--select, 
.u-TF-item--text, 
.u-TF-item--textarea {
    border-color: #d9d9d9 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-image: linear-gradient(#63A8EB, #63A8EB),linear-gradient(#d2d2d2, #d2d2d2) !important;
    background-size: 0 2px,100% 1px !important;
    background-repeat: no-repeat !important;
    background-position: center bottom,center calc(100% - 1px) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 1.5rem !important;
	font-weight: 400 !important;
    line-height: 1.42857143 !important;
    color: black !important;
}
.t-Form-inputContainer input[type=text] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 28px!important;
}
.t-Form-inputContainer input[type=text].center {
    text-align: center !important;
}
.t-Form-inputContainer input.text_field:focus, .t-Form-inputContainer input[type=text]:focus {
    background-image: linear-gradient(#63A8EB, #63A8EB),linear-gradient(#63A8EB, #63A8EB)  !important;
}

.t-Form-inputContainer select.selectlist {
    display: block;
	width: 100% !important;
    height: 34px !important;
    padding: 6px 12px;
    font-size: 1.5rem;
    line-height: 1.42857143;
    color: #555 !important;
    background-color: #fff;
    /*background-image: none !important;*/
    border: 1px solid #ccc;
    border-radius: 4px !important;
    border-color: #E7EBEC !important;
    box-shadow: none;
}
.t-Form-inputContainer select.selectlist[size="1"].dfa-color:active, 
.t-Form-inputContainer select.selectlist[size="1"].dfa-color:hover {
  outline: none
}
.t-Form-inputContainer select.selectlist[size="1"].dfa-color option {
  background: #f00 !important; 
  color: #fff !important; 
  box-shadow: inset 20px 20px #f00 !important
} 
.t-Form-inputContainer select.selectlist[size="1"].dfa-color option:hover {
  color: #000 !important; 
  box-shadow: inset 20px 20px #00f !important;
}

.t-Form-label {
    padding: .9rem 0;
    line-height: 1.2rem;
}
.a-Button.a-Button--popupLOV, .t-Form-inputContainer .a-Button--calendar, .t-Form-inputContainer fieldset.lov .a-Button, .u-TF-item--datepicker+.a-Button--calendar {
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
label.control-label {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    padding: .4rem 0 !important;
    line-height: 1.6rem !important;
    display: inline-block !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
}
.spread input {
    width: 100%;
}
/* custom checkboxes */
input[type="checkbox"],input[type="radio"] {
    width: 0;
    height: 1.5rem;
    margin: 5px 10px 5px 0;
    padding   : 0; 
}
.dfa-on-off input[type="checkbox"] {
	margin-right: 20px;
}
input[type="checkbox"]:not(:checked):after {
    content: "\f096";
}
.dfa-on-off input[type="checkbox"]:not(:checked):after {
    content: "\f204";
}
input[type="radio"]:not(:checked):after {
    content: "\f10c";
}
input[type="checkbox"]:not(:checked):after, input[type="radio"]:not(:checked):after {
    font-family: FontAwesome;
    font-size: 2rem;
    opacity: 1;
    margin-left: -5px;
    color: #CCC;
    font-weight:normal
}
input[type="checkbox"]:checked:after {
    content: "\f046";
}
.dfa-on-off input[type=checkbox]:checked:after {
    content: "\f205";
}
input[type="radio"]:checked:after {
    content: "\f05d";
}
input[type="checkbox"]:checked:after,input[type="radio"]:checked:after {
    font-family: FontAwesome;
    font-size: 2rem;
    opacity: 1;
    margin-left: -5px;
    color: #63A8EB;
    font-weight:normal
}

.t-Form-inputContainer .checkbox_group input[type=checkbox]+label, .t-Form-inputContainer .radio_group input[type=radio]+label {
    margin-left: 10px;
}
.a-Form-error, .t-Form-error {
    color: red;
}
/* modal */
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
    color: transparent !important;
}

span.ui-button-icon.ui-icon.ui-icon-closethick {
    color: white !important;
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px !important;
    margin-left: -12px !important;
}

body .ui-icon-closethick:before {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
}
/* full calendar */
.fc .ui-button:active, 
.fc .ui-button:focus,
.fc-view:active, .fc-view:focus,
.fc-view *:active, .fc-view *:focus {
    outline: none;
}
#calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div:nth-child(1) {
    padding-bottom: 10px;
}
a.fc-event {
	color: white !important;
}
a.fc-event:hover {
    color: #d2dde8 !important;
}

body .ui-dialog.ui-front {
    z-index: 1300;
}
.fc-list-view .fc-scroller {
    height: calc(100vh - 300px) !important;
}
/* tooltips */ 
.protip-skin-default--scheme-blue.protip-container {
    background: #336A9E;
}

.protip-skin-default--scheme-blue[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="top-right"] .protip-arrow {
    border-color: #336A9E transparent transparent transparent
}
.protip-skin-default--size--normal {font-size:14px;}
.protip-container {
	line-height: 1.3;
}

.t-ButtonRegion {
    background-color: #0000 !important;
    border: none;
    box-shadow: none;
}
.t-ButtonRegion-buttons button:not(:first-child) {
    margin-left: 10px;
}
a, a:hover {
    color: #63A8EB !important;
}

.gn-menu-main a {
    color: #fff !important;
}
.gn-menu-main ul.gn-menu li.active a { 
	color: #ffc107!important;
}
/* banners */
.dfa-right-banner {
    min-width: 125px;
}
.dfa-bottom-banner {
    text-align: center;
    min-height: 100px;
}
/* footer */
.main-wrapper {
    min-height: calc(100vh - 110px) !important;
	padding-bottom: 110px;
}
.content {
    padding: 20px 30px 0;
    min-height: calc(100vh - 110px) !important;
}
.footer {
    position: fixed;
    bottom: 0;
    background-color: white;
    height: 100px;
    padding: 5px;
}


/* agenda color definitions */
.dfa-color-0-0 {background: #1abc9c}
.dfa-color-0-1 {background: #2ecc71}
.dfa-color-0-2 {background: #3498db}
.dfa-color-0-3 {background: #9b59b6}
.dfa-color-0-4 {background: #34495e}
.dfa-color-1-0 {background: #16a085}
.dfa-color-1-1 {background: #27ae60}
.dfa-color-1-2 {background: #2980b9}
.dfa-color-1-3 {background: #8e44ad}
.dfa-color-1-4 {background: #2c3e50}
.dfa-color-2-0 {background: #f1c40f}
.dfa-color-2-1 {background: #e67e22}
.dfa-color-2-2 {background: #e74c3c}
.dfa-color-2-3 {background: #ecf0f1}
.dfa-color-2-4 {background: #95a5a6}
.dfa-color-3-0 {background: #f39c12}
.dfa-color-3-1 {background: #d35400}
.dfa-color-3-2 {background: #c0392b}
.dfa-color-3-3 {background: #bdc3c7}
.dfa-color-3-4 {background: #7f8c8d}

@media (max-width: 768px) {
	#gn-menu .dfa-group, .dfa-nav-sm-hide {display:none !important}
	.fc-calendar .fc-toolbar .fc-center h2 {
		font-size: 1.5em !important;
	}
	li.top-clock {
		font-size: 12px;
		width: 110px;
		font-weight: 600;
	}

	.fc-calendar .fc-center {
		margin-top: -8px;
		padding: 0 0 15px 0 !important;
	}
	.fc-calendar .fc-toolbar .fc-center h2 {
		font-size: 2em;
	}
}
@media (min-width: 769px) {
	.dfa-nav-not-sm-hide {display:none !important}
}