.sidebar {
    box-shadow: none;
    margin-top: 60px;
    margin-left: 0;
    height: 100%;
}
.wrapper .sidebar {
    width: 310px;
}
.top-bar {
    height: 60px;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 9999999;
}
.top-bar .top-bar-wrapper {
    width: 100%;
}
.top-bar .top-bar-wrapper .logo {
    float: left;
    width: 40%;
}
.top-bar .top-bar-wrapper .logo img {
    height: 60px;
    margin-top: -10px;
}
.top-bar .top-bar-wrapper .search {
    float: left;
    width: 18%;
}
.top-bar .top-bar-wrapper .user-info {
    float: right;
    width: 20%;
}
.main-panel {
    border-top: none;
}
.wrapper .main-panel .content .content-header {
    margin-bottom: 40px;
}
.wrapper .main-panel .content .content-header,
.wrapper .main-panel .content .content-body {
    margin-left: 50px;
}
.wrapper .main-panel .content .row {
    margin: 0;
}
.wrapper .main-panel .content .row .container {
    padding: 0;
    margin-left: 0;
}
.wrapper .main-panel .content .row .col-8 {
    padding-left: 4px;
}
.wrapper .main-panel .content .content-header ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.wrapper .main-panel .content .content-header li {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}
.wrapper .main-panel .content .content-header .fa-align-justify,
.wrapper .main-panel .content .content-header .fa-th-large {
    padding: 0 17px 0 0;
}
.wrapper .main-panel .content .content-header .fa-align-justify::before,
.wrapper .main-panel .content .content-header .fa-th-large::before {
    font-size: 35px;
}
.main-panel .content-body .pl-lg-4 {
    color: #ffffff;
}
.wrapper .content .card {
    box-shadow: none;
}
.btn.btn-sm {
    background: #888888;
}
.btn.btn-sm:hover {
    background: #888888;
}
.btn.btn-sm.btn-primary {
    border-width: 1px;
    border-style: solid;
}
/**
* Sidebar.
 */
.wrapper .sidebar .sidebar-wrapper .nav {
    margin-top: 80px;
    text-align: center;
}
.wrapper .sidebar .sidebar-wrapper .nav li p {
    font-size: 1.6em;
    padding-top: 7px;
    padding-bottom: 7px;
}
.wrapper .sidebar .sidebar-wrapper .nav li a {
    border-radius: 0;
    text-transform: none;
    padding: 0;
    margin: 0;
}
/**
* Alerts
 */
.content .invalid-feedback {
    margin-top: 10px;
    margin-bottom: 10px;
}
.content .has-danger::after {
    content: none;
}
.content .content-body .form-group input.is-invalid,
.content .content-body .form-group textarea.is-invalid {
    border-color: #ff8d72;
    /*background-color: #FFAB91;*/
}
.alert.alert-warning {
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #e5544d;
    font-weight: 200;
}
.alert.alert-danger.alert-inactive {
    display: none;
}
.content .alert-danger ul {
    list-style:outside none none;
    margin-bottom: -3px;
    margin-left: -44px;
}
/**
* Forms.
 */
.content-body .form-group input.form-control,
.content-body .form-group textarea.form-control,
.content-body .form-group select.form-control {
    border: 1px solid #434343;
    border-radius: 0.4285rem;
    background-color: #607D8B;
    line-height: 1.5;
    /*max-width: none;*/
    /*max-height: none;*/
}
.content-body .form-group input.form-control::placeholder,
.content-body .form-group textarea.form-control::placeholder {
    color: #93abbd;
    font-style: italic;
}
.content-body .form-group textarea.general-terms {
    max-height: none;
    resize: vertical;
}
.dealer-settings .form-group .dealer-logo {
    max-width: 160px;
    float: left;
    margin-right: 10px;
}
.dealer-settings .form-group .dealer-logo-upload {
    opacity: unset;
    position: unset;
    float: left;
    max-width: 270px;
    font-size: 9pt;
}
/**
* Headers.
 */
.form-group h4 {
    font-weight: bold;
    font-size: 15px;
}
.form-group h5 {
    margin-top: 5px;
    margin-left: 1px;
    font-size: 12px;
    color: darkgrey;
    margin-bottom: 3px;
}
/**
* Dealers.
 */
.content .dealer-domain-wrapper {
    width: 100%;
    float: left;
    z-index: -10;
    margin-bottom: 16px;
}
.dealer-domain-form-group {
    float: left;
    z-index:10;
    max-width: 300px;
}
.content .dealer-domain-suffix {
    width: 300px;
    float: left;
    margin-top: 55px;
    margin-left: 4px;
}
.content .dealer-domain-suffix-desc {
    float: left;
    width: 100%;
    color: #000000;
}
.content .dealer-domain-suffix-desc ul li {
    color: #000000;
}
.content .dealer-active {
    width: 100%;
}
.content .dealer-active-wrapper .radio-dealer-active {
    width: 55px;
}
.content .dealer-active-wrapper input {
    width: 22px;
}
.content .dealer-domain-suffix-desc ul li {
    color: #000000;
}
#input-icon {
    width: 100px;
}
.content .dealer-plan-it-module {
    float: left;
    width: 200px;
    margin-right: 30px;
}
.content .dealer-plan-it-module.text {
    width: 100%;
    color: #000000;
    margin-bottom: 10px;
}
.content .plan-it-check-connection {
    cursor: pointer;
}
/**
* Vouchers.
 */
.vouchers-gallery {
    display: block;
}
.wrapper .vouchers-gallery .voucher-wrapper {
    flex-direction: row;
    min-height: 145px;
}
.vouchers-gallery .voucher-wrapper .voucher-actions {
    padding: 10px;
    width: 10%;
}
.container .vouchers-overview {
    padding-right: 0;
}
.vouchers-overview .voucher-body {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #ffffff;
    text-align: left;
    width: 90%;
}
.vouchers-overview .voucher-description {
    font-size: 1.3em;
    line-height: 1.2em;
    font-weight: 600;
}
.vouchers-overview .voucher-payoff {
    font-size: 1.0em;
    line-height: 1.0em;
    margin-top: 4px;
}
.vouchers-overview .voucher-dealer-specs-wrapper {
    position: absolute;
    bottom: 10px;
    height: 30px;
}
.vouchers-overview .voucher-dealer-specs-wrapper .voucher-category {
    float: left;
    line-height: 16px;
    font-size: 13px;
}
.vouchers-overview .voucher-body .action-panel {
    float: left;
    -ms-transform: rotate(-20deg); /* IE 9 */
    transform: rotate(-20deg);
}
.content .active {
    width: 100%;
}
.content .active-wrapper .radio-active {
    width: 55px;
}
.content .active-wrapper input {
    width: 22px;
}
.content-body .form-group.voucher-icons-select {
    margin-top: 15px;
    max-width: 600px;
    padding: 10px;
    background-color: #ececec;
    border-radius: 10px;
}
.vouchers-overview .voucher-icon {
    padding: 10px;
}
.vouchers-overview .voucher-icon img {
    max-width: 44px;
}
.vouchers-overview .voucher-dealer-plan-it-wrapper {
    margin-top: 53px;
}
.vouchers-overview .voucher-title {
    font-size: 1.3em;
    line-height: 1.3;
}
.vouchers-overview .voucher-footer {
    padding: 8px;
}
.vouchers-overview .voucher-actions .action-edit {
    width: 100%;
}
.vouchers-overview .voucher-actions .action-delete {
    width: 100%;
    margin-top: 68px;
}
.vouchers-overview .voucher-downloads {
    float: left;
    margin-left: 25px;
}
.vouchers-overview .voucher-is-scheduled {
    float: left;
    margin-left: 25px;
}
.vouchers-overview .voucher-is-scheduled .schedule-icon {
    width: 32px;
    float: left;
}
.vouchers-overview .voucher-is-scheduled .schedule-from-to {
    float: left;
    font-size: 0.8em;
    line-height: 12px;
}
.vouchers-overview .voucher-actions .action-toggle {
    width: 100%;
    margin-bottom: 72px;
}
.vouchers-overview .voucher-actions .action-toggle form {
    margin: 0;
}
.vouchers-overview .voucher-actions .action-toggle .voucher-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    border-radius:5px;
    border:1px solid #636b6f;
    font-size: 14px;
    background-color: #eee;
}
.vouchers-overview .voucher-actions .action-toggle input[type=checkbox]:checked:after,
.vouchers-overview .voucher-actions .action-toggle .selected::after {
    position: relative;
    bottom: 11px;
    width: 26px;
    height: 26px;
    left: 1px;
    color: #00dd1c;
    font-size: xx-large;
    content: "\2713"; /* check mark */
}
.vouchers-overview .voucher-inactive {
    opacity: 0.2;
}
.wrapper .content .card-body .voucher-icons-select {
    padding: 15px;
    background-color: #636b6f;
    margin-top: 15px;
}
.wrapper .content .voucher-icons-select .voucher-icon-image {
    cursor: pointer;
}
.wrapper .content .content-body .form-group.voucher-title h5 {
    width: 174px;
    float: left;
}
.wrapper .content .content-body .form-group.voucher-description h5 {
    width: 201px;
    float: left;
}
.wrapper .content .content-body .form-group.voucher-payoff h5 {
    width: 168px;
    float: left;
}
.wrapper .content .content-body .form-group.voucher-title #characters_left_title,
.wrapper .content .content-body .form-group.voucher-description #characters_left_description,
.wrapper .content .content-body .form-group.voucher-payoff #characters_left_pay_off,
.wrapper .content .content-body .form-group.voucher-action-panel #voucher-action-panel-characters {
    width: 400px;
    float: left;
    color: #000000;
    margin-top: 4px;
    margin-left: 1px;
    font-size: 12px;
}
.wrapper .content .content-body .form-group.voucher-action-panel .voucher-action-panel-codes a {
    color: #000000;
    font-size: 12px;
}
.wrapper .content .content-body .form-group.voucher-action-panel .note-editor {
    height: 91px;
    width: 400px;
}
.wrapper .content .content-body .form-group.voucher-action-panel .note-editor .note-editing-area,
.wrapper .content .content-body .form-group.voucher-action-panel .note-editor .note-editing-area .note-editable {
    height: 41px;
}
.wrapper .content .content-body .form-group.voucher-action-panel .note-editor .note-statusbar {
    display: none;
}
.wrapper .content .content-body .form-group.voucher-action-panel .note-editor .note-statusbar .note-resizebar {
    display: none;
}
.wrapper .content .content-body .form-group.voucher-action-panel .voucher_action-color.voucher-color-preview {
    padding: 10px;
}
.wrapper .content .content-body .form-group.voucher-action-panel .action-panel-background-color,
.wrapper .content .content-body .form-group.voucher-action-panel .action-panel-text-color {
    margin-bottom: 12px;
}
/**
* Categories.
 */
.wrapper .main-panel .content-body #colorpicker {
    float: left;
    display: block;
    clear: both;
}
.wrapper .main-panel .content-body .category-color {
    border-radius: 0.2857rem;
    padding: 5px 15px;
    min-width: 190px;
    min-height: 25px;
    display: inline-block;
    text-align: center;
}
.wrapper .main-panel .content-body #colorpicker .category-text-color {
    float: left;
}
.wrapper .main-panel .content-body #colorpicker .category-color-preview {
    margin-left: 20px;
    margin-top: 3px;
}
.form-group .category-show-title {
    margin-top: 10px;
}
.form-group .category-show-title .radio-dealer-active {
    margin-right: 10px;
}
.form-group .category-show-title .radio-dealer-active input {
    margin-right: 6px;
}

/**
* Datapine.
 */
.datapine-container {
    overflow: hidden;
    // Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
    padding-top: 56.25%;
    position: relative;
}
.datapine-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/**
* Login.
 */
.login-page .wrapper .client-logo {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px;
}
.login-page .container .card label {
    color: #525f7f;
}
.login-page .container .card .card-header {
    background-color: #f6f9fc;
    color: black;
    height: 46px;
}
.login-page .container .card-body a,
.login-page .container .card-body input {
    color: #2e2e2e;
}
.login-page .container .card-body .form-control:focus {
    border-color: grey;
}
.login-page .container .card-body .btn-login {
    margin-right: 15px;
}
.login-page .container .card-body a:hover {
    text-decoration: underline;
}
/**
* Statistics.
 */
.wrapper .main-panel .row.table-stats {
    margin-top: 20px;
}
/**
* Delete confirmation.
 */
.modal-dialog .modal-content .modal-header {
    background-color: #f6f9fc;
    color: black;
    height: 46px;
    padding-top: 14px;
}
.modal-dialog .modal-content .modal-header .close {
    padding-top: 5px;
}
.modal-dialog .modal-content .modal-body .text-center {
    line-height: normal;
}
/**
* Form submissions.
 */
.wrapper .main-panel .content .card .content-header {
    margin-bottom: 25px;
    margin-top: 10px;
}
.content-header .btn.btn-sm.btn-primary.submission-filter-apply {
    margin-top: 28px;
}
.form-submissions-filter-group {
    margin-left: 30px;
    margin-bottom: 20px;
}
.submission-filter-apply,
.submission-filter-download {
    margin-top: 29px;
}
.form-submissions-filter-group .submission-filter {
    float: left;
}
.form-submissions-filter-group .submission-filter.button-filter {
    margin-top: 25px;
}
/**
* Dealer settings.
 */
.content-body .form-group  {
    float: left;
    display: block;
    width: 100%;
    /*border-bottom-style: solid;*/
    /*border-bottom-color: #434343;*/
    /*border-bottom-width: 1px;*/
    margin-top: 8px;
    padding-bottom: 5px;
}
.content-body .form-group.button  {
    border: none;
}
.content-body .form-group .header {
    width: 200px;
    float: left;
}
.content-body .form-group .field {
    width: 75%;
    float: left;
}
.content-body .form-group .field-description {
    float: left;
}
/**
* Elements width.
 */
.content-body .form-group .col-mw-700 {
    max-width: 700px;
}
.content-body .form-group .col-mw-650 {
    max-width: 650px;
}
.content-body .form-group .col-mw-600 {
    max-width: 600px;
}
.content-body .form-group .col-mw-550 {
    max-width: 550px;
}
.content-body .form-group .col-mw-500 {
    max-width: 500px;
}
.content-body .form-group .col-mw-450 {
    max-width: 450px;
}
.content-body .form-group .col-mw-400 {
    max-width: 400px;
}
.content-body .form-group .col-mw-350 {
    max-width: 350px;
}
.content-body .form-group .col-mw-300 {
    max-width: 300px;
}
.content-body .form-group .col-mw-250 {
    max-width: 250px;
}
.content-body .form-group .col-mw-200 {
    max-width: 200px;
}
.content-body .form-group .col-mw-150 {
    max-width: 150px;
}
.content-body .form-group .col-mw-100 {
    max-width: 100px;
}
/**
* Summernote editor.
 */
.note-editor .note-editable p {
    color: #000000;
    font-weight: unset;
}
.note-editor .note-editable p b {
    font-weight: bold;
}
.note-editor .note-editable ul li,
.note-editor .note-editable ol li {
    color: #000000;
}
/**
* Dealer import.
 */
.content .content-body .dealer-import input[type=file] {
    opacity: unset;
}
.content .content-body .dealer-import .dealer-import-button {
    left: 177px;
    margin-top: -1px;
    width: 120px;
}
.content .content-body #input-columnnames,
.content .content-body #input-new_only {
    margin-right: 7px;
}
.content .content-body .dealer-import-desc,
.content .content-body .dealer-import-desc ul li {
    color: #000000;
}
/**
* Nav tabs.
 */
.content .content-body .nav-wrapper {
    border-color: #CFD8DC;
    border-width: 1px;
    border-style: solid;
    width: fit-content;
    border-radius: 4px;
    margin-bottom: 20px;
}
.content .content-body .nav-tabs {
    border-bottom: none;
}
.nav-vouchertool li,
.nav-vouchertool li.active {
    width: 180px;
}
.content .content-body ul.nav-vouchertool .menu-item {
    text-align: center;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: #CFD8DC;
}
.content .content-body ul.nav-vouchertool li {
    background-color: #dbe4e6;
    padding-top: 11px;
    padding-bottom: 11px;
}
.content .content-body ul.nav-vouchertool li.active,
.content .content-body ul.nav-vouchertool li.active a {
    background-color: #B0BEC5;
    color: #dbe4e6;
}
.content .content-body ul.nav-vouchertool li a {
    color: #777;
}
/**
* Charts.
 */
.card-chart .chart-footer {
    margin-left: 67px;
    font-size: 12px;
    margin-top: 10px;
}
.content .card-chart .row .form-control.year {
    display: inline;
}
/**
* Dealer establishments.
 */
.wrapper .main-panel .content .establishment-add {
    margin-left: 20px;
}
/**
* Statistics schedulers.
 */
.content-body .wrapper-schedule-day,
.content-body .wrapper-schedule-month,
.content-body .wrapper-schedule-month.hide {
    display: none;
}
.content-body .wrapper-schedule-day.show {
    display: block;;
}