/* fonts */
@font-face {
  font-family: u-regular;
  src: url('../fonts/Ubuntu-Regular.eot');
  src: url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Ubuntu-Regular.woff') format('woff'),
       url('../fonts/Ubuntu-Regular.ttf') format('truetype'),
       url('../fonts/Ubuntu-Regular.svg#Ubuntu-Regular') format('svg');
}

@font-face {
  font-family: u-medium;
  src: url('../fonts/Ubuntu-Medium.eot');
  src: url('../fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Ubuntu-Medium.woff') format('woff'),
       url('../fonts/Ubuntu-Medium.ttf') format('truetype'),
       url('../fonts/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
}

@font-face {
  font-family: u-bold;
  src: url('../fonts/Ubuntu-Bold.eot');
  src: url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Ubuntu-Bold.woff') format('woff'),
       url('../fonts/Ubuntu-Bold.ttf') format('truetype'),
       url('../fonts/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg');
}

@font-face {
  font-family: mregular;
  src: url('../fonts/MinionPro-Regular.eot');
  src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MinionPro-Regular.woff') format('woff'),
       url('../fonts/MinionPro-Regular.ttf') format('truetype'),
       url('../fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
}

@font-face {
  font-family: s-regular;
  src: url('../fonts/segoe-ui.eot');
  src: url('../fonts/segoe-ui.eot?#iefix') format('embedded-opentype'),
       url('../fonts/segoe-ui.woff') format('woff'),
       url('../fonts/segoe-ui.ttf') format('truetype'),
       url('../fonts/segoe-ui.svg#segoe-ui') format('svg');
}

@font-face {
  font-family: s-light;
  src: url('../fonts/segoe-ui-light.eot');
  src: url('../fonts/segoe-ui-light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/segoe-ui-light.woff') format('woff'),
       url('../fonts/segoe-ui-light.ttf') format('truetype'),
       url('../fonts/segoe-ui-light.svg#segoe-ui-light') format('svg');
}

@font-face {
  font-family: s-semibold;
  src: url('../fonts/segoe-ui-semibold.eot');
  src: url('../fonts/segoe-ui-semibold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/segoe-ui-semibold.woff') format('woff'),
       url('../fonts/segoe-ui-semibold.ttf') format('truetype'),
       url('../fonts/segoe-ui-semibold.svg#segoe-ui-semibold') format('svg');
}

@font-face {
  font-family: s-bold;
  src: url('../fonts/segoe-ui-bold.eot');
  src: url('../fonts/segoe-ui-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/segoe-ui-bold.woff') format('woff'),
       url('../fonts/segoe-ui-bold.ttf') format('truetype'),
       url('../fonts/segoe-ui-bold.svg#segoe-ui-bold') format('svg');
}

/* general */
body {
    background-color: #0b1c23;
    font-family: s-regular;
}

.dashboard-widgets .card { background-color: #0b1c23; }
body > #app-wrapper { padding-top: 105px; }

/* header */
#cl_header {
    position: fixed;
    height: 70px;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 11;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    background-color: #24333a;
    width: 100%;
    display: table;
    color: #FFF;
}

.cl_logo { width: 230px; }

.cl_vcenter {
    display: table-cell;
    vertical-align: middle;
}

.cl_nav { list-style-type: none; }

.cl_nav ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 17px;
}

.cl_nav li { display: inline-block; }
.cl_nav li:not(:last-child) { margin-right: 25px; }
.cl_nav li a { text-transform: uppercase; }

.cl_nav a:link,
.cl_nav a:visited {
    color: #5e6c6a;
}

.cl_nav a:hover,
.cl_nav a.active {
    color: #bed128;
}

.cl_headerLogout {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
    text-align: right;
}

.cl_headerLogout a:link,
.cl_headerLogout a:visited,
.cl_userInfo a:link,
.cl_userInfo a:visited {
    transition-duration: 0.3s;
    color: #FFF;
}

.cl_headerLogout a:hover,
.cl_userInfo a:hover {
    transition-duration: 0.3s;
    color: #bed128;
}

.cl_userInfo {
    width: 1px;
    white-space: nowrap;
    display: table-cell;
    margin-right: 25px;
    vertical-align: middle;
}

/* main navigation */
#cleerNavigation {
    position: fixed;
    top: 70px;
    left: 0px;
    background-color: #4d5b61;
    width: 100%;
    z-index: 10;
    font-size: 14px;
}

#cleerNavigation ul {
    display: table;
    height: 70px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#cleerNavigation ul li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

#cleerNavigation ul li a {
    display: block;
    padding: 15px 20px 15px 20px;
    text-transform: uppercase;
    letter-spacing: 0.065em;
    white-space: nowrap;
}

#cleerNavigation ul li a:link, #cleerNavigation ul li a:visited { color: #a3aeb2; }
#cleerNavigation ul li a.active, #cleerNavigation ul li a:hover, #cleerNavigation ul li:hover > a { color: #bed128; }

#cleerNavigation ul ul {
    display: none;
    position: absolute;
    left: 0px;
    top: 70px;
    border-top: 1px solid #3a4b53;
    padding: 10px 0px 10px 0px;
    height: auto;
    background-color: #4d5b61;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#cleerNavigation ul li:hover ul { display: block; }
#cleerNavigation ul ul li { display: block; }

#cleerNavigation ul ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* sidebar */
.app-sidebar.sidebar-left { background-color: transparent; }
.app-sidebar .sidebar-header ~ .sidebar-content { top: 0px; }

/* page header */
.page-header {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #FFF;
}

.page-header h3 {
    text-transform: uppercase;
    letter-spacing: 0.045em;
    font-size: 17px;
}

/* lists */
.panel {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 15px !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1),
.table-striped > tbody > tr {
    background-color: #233239;
    transition-duration: 0.3s;
}

.table-striped > tbody > tr:hover {
    background-color: #2f3e44;
    transition-duration: 0.3s;
}

.table-responsive {
    padding-left: 15px;
    padding-right: 15px;
}

.table-bordered { margin-bottom: 0px; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.table-bordered {
    border: none;
}

.table-bordered > tbody > tr > td {
    border-bottom: 1px solid #3a4b53;
    color: #a3aeb2 ;
}

.table-bordered > thead > tr > th {
    background-color: #bed128;
    color: #FFF;
}

.table-bordered > thead > tr > th a:link,
.table-bordered > thead > tr > th a:visited {
    color: #FFF;
}

.table-bordered > thead > tr > th a:hover { color: #000; }

.table-bordered > tbody > tr > td a:link,
.table-bordered > tbody > tr > td a:visited {
    color: #a3aeb2;
}

.table-bordered > tbody > tr > td a:hover { color: #bed128; }
.table-bordered > tbody > tr:last-child > td { border-bottom: 1px solid #111; }

.panel-footer {
    background-color: #233239;
    border: none;
}

.label-default {
    background-color: transparent;
    color: #a3aeb2;
    font-family: s-regular;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    border: none;
}

.input-group-addon {
    background-color: #4d5b61;
    border: none;
}

.table > tbody > tr.active > td { background-color: #4d5b61; }
.table > tbody > tr.active:hover td { background-color: #2f3e44; }

.page-list-actions.dropdown-menu a:link,
.page-list-actions.dropdown-menu a:visited {
    color: #0b1c23;
}

.form-control.search.tt-input,
.form-control.search {
    background-color: #556066 !important;
    border-color: #556066;
    color: #FFF;
}

.table-responsive td.text-center { text-align: left; }

.label-primary {
    background-color: transparent;
    display: inline-block;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    font-family: s-regular;
}

.label-primary:hover { background-color: transparent !important; }

/* dashboard */
.dashboard-widgets .card-header h4 { color: #FFF; }

.page-header { padding-right: 0px; }

.content-body {
    padding-right: 15px;
    padding-bottom: 15px;
}

.chart-wrapper .pl-15, .chart-wrapper .pl-md { padding-right: 0px !important; }

/* alert */
.alert-warning {
    background-color: transparent;
    border: none;
    color: #a3aeb2;
}

.alert-warning p { line-height: 2.45em; }
.well p { line-height: 1.65em; }

.well {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #a3aeb2;
    border-top: 1px solid #a3aeb2;
    padding-top: 35px;
}

.well h4 i { display: none; }

.alert-warning h4,
.well h4 {
    font-family: u-regular;
    font-size: 19px;
    color: #FFF;
}

/* buttons */
.btn-default {    
    background-color: #bed128;
    color: #FFF;
    transition-duration: 0.3s;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    letter-spacing: 1px;
    padding: 7px 20px 10px 20px;
    text-transform: uppercase;
    font-family: s-light;
    font-size: 13px;
}

.btn-default:hover {
    background-color: #4d5b61;
    color: #FFF;
}

.btn-default i.fa-plus { display: none; }
.btn-default.dropdown-toggle { background-color: #4d5b61; }
.btn-default.dropdown-toggle:hover { background-color: #bed128; }
.btn-default.dropdown-toggle[disabled] { opacity: 1.0; }

.btn-info {
    background-color: #4d5b61;
    border-color: transparent;
}

.btn-info:hover {
    background-color: #bed128;
    border-color: transparent;
}

/* footer */
#cl_mandantInfo {
    position: fixed;
    z-index: 10000;
    background-color: #bed128;
    color: #FFF;
    font-family: s-light;
    font-weight: 600;
    font-size: 11px;
    bottom: 0px;
    left: 0px;
    padding: 4px 15px 4px 15px;
    border-top-right-radius: 4px;
    cursor: default;
}

.text-muted { color: #5e6c6a; }
a.text-muted:hover { color: #FFF; }

/* pagination */
.pagination > li > a,
.pagination > li > span {
    background-color: #455962;
    border: none;
    color: #969fa4;
    margin-left: 2px;
    margin-right: 2px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li.active a,
.pagination > li.active a:hover {
    background-color: #bed128;
    color: #0b1c23;
}

.pagination > li.disabled a,
.pagination > li.disabled a:hover {
    background-color: #2a3a41;
    color: #3a484e;
}

/* forms */
select.form-control {
    background-color: #4d5b61;
    border: none;
    color: #FFF;
    font-family: u-regular !important;
}

select.form-control:focus { box-shadow: none; }
.input-group-addon label { color: #FFF; }

#daterange_date_from,
#daterange_date_to {
    min-width: 120px;
    background-color: #4d5b61;
    border-color: #4d5b61;
    color: #a3aeb2;
}

/* canvas */
.dashboard-widgets.cards {
    padding-left: 0px;
    padding-right: 0px;
}

.dashboard-widgets .card {
    border: none;
    margin-left: 0px;
    margin-right: 0px;
}

canvas.chart {
    background-color: #24333a;
    padding: 0px 15px 0px 15px;
    border-radius: 4px;
}

.dashboard-widgets .card-header .dropdown-toggle .fa-ellipsis-v { color: #bed128; }
.dashboard-widgets .card-header .dropdown-toggle:hover .fa-ellipsis-v { color: #FFF; }

/* recent activity */
.media-list-feed .bg-success {
    background-color: #bed128 !important;
    border-color: #bed128 !important;
}

.media-list-feed { color: #a3aeb2; }
.media-list-feed a:link, .media-list-feed a:visited { color: #bed128; }
.media-list-feed a:hover { color: #FFF; }

/* edit content */
body > #app-wrapper, .bg-white {
    background-color: #0b1c23 !important;
    border-color: #0b1c23 !important;
}

.bg-auto {
    background-color: #24333a !important;
    border-color: #24333a !important;
    border-radius: 4px;
}

.media-body { color: #a3aeb2; }

.media-body h4 {
    color: #FFF;
    font-size: 15px;
    font-family: s-regular;
}

hr, .hr-expand { border-color: #4d5b61; }

.list-group-item,
.list-group-item:hover,
.list-group-item:focus {
    background-color: transparent !important;
    border: none;
}

.list-group-item a:link,
.list-group-item a:visited {
    color: #bed128;
    transition-duration: 0.3s;
}

.list-group-item a:hover {
    color: #FFF;
    transition-duration: 0.3s;
}

.list-group-item { padding-left: 0px; }

.bg-auto.bg-light-xs,
.bg-auto .bg-light-xs {
    background-color: transparent !important;
    border: none !important;
}

.bg-auto.bg-light-xs h4,
.bg-auto .bg-light-xs h4 {
    color: #FFF;
    text-transform: uppercase;
    font-family: s-regular;
    font-weight: normal;
}

.control-label {
    color: #a3aeb2;
    font-family: s-regular;
    font-weight: normal;
}

input.form-control,
textarea.form-control,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices,
.clOwnPanel input.form-control,
#mauticforms_fields input,
#mauticforms_fields textarea,
#mauticforms_fields select {
    background-color: #3c494f;
    border: 1px solid #576973;
    border-radius: 4px;
    color: #a3aeb2;
    transition-duration: 0.3s;
    box-shadow: none;
}

input.form-control:hover,
input.form-control:focus,
textarea.form-control:hover,
textarea.form-control:focus,
.chosen-container-single .chosen-single:hover,
.chosen-container-single .chosen-singleinput.form-control:focus,
.chosen-container-multi .chosen-choices:hover,
.chosen-container-multi .chosen-choices:focus,
.clOwnPanel input.form-control:hover,
.clOwnPanel input.form-control:focus,
#mauticforms_fields input:hover,
#mauticforms_fields textarea:hover,
#mauticforms_fields select:hover,
#mauticforms_fields input:focus,
#mauticforms_fields textarea:focus,
#mauticforms_fields select:focus {
    border-color: #576973;
    outline-color: #576973;
    background-color: #56636a;
    transition-duration: 0.3s;
    box-shadow: none;
}

.chosen-container .chosen-results li.active-result:hover,
.chosen-container .chosen-results li.active-result.result-selected {
    background-color: #bed128;
    color: #FFF;
}

.input-group i { color: #FFF; }

.mdropzone {
    background-color: #3c494f;
    border-color: #576973;
    color: #a3aeb2;
}

.fr-box.fr-basic .fr-wrapper {
    background-color: #3c494f;
    border-color: #576973;
    box-shadow: none;
}

.fr-box.fr-basic .fr-element { color: #a3aeb2; }

.fr-toolbar {
    background-color: #bed128;
    border: none;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn { color: #FFF; }
.fr-toolbar .fr-command.fr-btn:hover, .fr-popup .fr-command.fr-btn:hover { background-color: #4d5b61; }

.mauticform-freehtml,
.mauticform-checkboxgrp-label {
	padding-right: 200px;
	color: #a3aeb2;
}

#mauticforms_fields .form-field-wrapper { background-color: #233239; }
#mauticforms_fields .form-field-wrapper .btn .text-primary { color: #FFF; }




/* kalender */
.fc-unthemed .fc-today { background-color: #24333a; }
#calendar { color: #FFF; }

/* popup */
.modal-content {
    box-shadow: none;
    background-color: #24333a;
    color: #a3aeb2;
}

.close {
    color: #bed128;
    text-shadow: none;
    opacity: 1.0;
}

.close:hover {
    color: #FFF;
    opacity: 1.0;
}

/* login */
.clLogoWrapper { text-align: center; }

.clLogoWrapper img {
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 10px;
}

.clOwnPanel {
    background-color: #24333a;
    border-radius: 4px;
    color: #5e6c6a;
}

.clOwnPanel .btn-primary {
    background-color: #bed128;
    border: none;
    transition-duration: 0.3s;
}

.clOwnPanel .btn-primary:hover {
    transition-duration: 0.3s;
    background-color: #4d5b61;
}

.clOwnPanel a:link,
.clOwnPanel a:visited {
    color: #bed128;
    transition-duration: 0.3s;
}

.clOwnPanel a:hover {
    color: #FFF;
    transition-duration: 0.3s;
}

.clOwnPanel .checkbox[class*=" custom"] label input + span,
.clOwnPanel .radio[class*=" custom"] label input + span,
.clOwnPanel .checkbox-inline[class*=" custom"] label input + span,
.clOwnPanel .radio-inline[class*=" custom"] label input + span,
.clOwnPanel .checkbox[class^="custom"] label input + span,
.clOwnPanel .radio[class^="custom"] label input + span,
.clOwnPanel .checkbox-inline[class^="custom"] label input + span,
.clOwnPanel .radio-inline[class^="custom"] label input + span,
.clOwnPanel .checkbox[class*=" custom"] label input + span:hover,
.clOwnPanel .radio[class*=" custom"] label input + span:hover,
.clOwnPanel .checkbox-inline[class*=" custom"] label input + span:hover,
.clOwnPanel .radio-inline[class*=" custom"] label input + span:hover,
.clOwnPanel .checkbox[class^="custom"] label input + span:hover,
.clOwnPanel .radio[class^="custom"] label input + span:hover,
.clOwnPanel .checkbox-inline[class^="custom"] label input + span:hover,
.clOwnPanel .radio-inline[class^="custom"] label input + span:hover {
    border-color: #bed128;
}

.clOwnPanel .checkbox.custom-primary label input + span::after,
.clOwnPanel .radio.custom-primary label input + span::after,
.clOwnPanel .checkbox-inline.custom-primary label input + span::after,
.clOwnPanel .radio-inline.custom-primary label input + span::after {
    background-color: #bed128;
}

/* details */
.bg-auto.bg-dark-xs,
.bg-auto .bg-dark-xs {
    background-color: transparent !important;
    border: none !important;
    color: #a3aeb2;
}

.panel-body { color: #a3aeb2; }

.hr-expand a.arrow {
    background-color: #bed128;
    color: #FFF;
    border: none;
}

.hr-expand a.arrow:hover {
    color: #FFF;
    background-color: #4d5b61;
}

.points-panel, .panel-title { color: #FFF; }

#timeline-table .table-responsive {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
}

#contact-timeline td { background-color: #233239; }
#contact-timeline tr:hover td { background-color: #2f3e44; }
.timeline-icon .fa { color: #FFF; }

#timeline-filters .pa-xs {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* tabs */
.bg-auto.nav.nav-tabs {
    background-color: transparent !important;
}

.nav-tabs {
    border: none;
    box-shadow: none;
}

.nav-tabs > li {
    background-color: #bed128;
    border: none;
    border-radius: 3px;
    color: #FFF;
    margin-right: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: s-light;
    font-weight: 600;
    font-size: 13px;
}

.nav-tabs > li a:link,
.nav-tabs > li a:visited {
    background-color: transparent;
    color: #FFF;
    border: none;
    
    font-family: s-light;
    font-weight: 600;
    font-size: 13px;
    padding: 7px 20px 10px 20px;
}

.nav-tabs > li a:hover {
    background-color: transparent;
    color: #FFF;
    border: none;
}

.nav-tabs > li:hover { background-color: #4d5b61; }
.nav-tabs span { color: #0b1c23; }
.nav-tabs > li.active > a::after { background-color: transparent; }
.nav-tabs > li.active { background-color: #4d5b61; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: none;
    background-color: transparent;
    color: #FFF;
}

/* forms */
.bg-info.bg-light-lg,
.bg-info .bg-light-lg {
    background-color: #24333a !important;
}

.panel-primary > .panel-heading {
    background-color: #4d5b61;
    border: none;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn { color: #000; }

/* tmp */
.app-sidebar, .header-fixed #app-header.navbar { top: 150px; }
.header-fixed #app-header.navbar, .header-fixed .app-sidebar .sidebar-header { display: none; }