.w-form-formradioinput--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
}

body {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #646464;
    font-size: 12px;
    line-height: 20px;
}

a {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #3a3a3a;
    text-decoration: none;
}

.section {
    margin-top: 10px;
    margin-bottom: 10px;
}

.row {
    display: block;
    margin: 0px 0px 10px;
    text-align: left;
}

.row.flexrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bf-bs-button {
    padding-top: 5px;
    padding-bottom: 5px;
    border-color: #dbdbdb;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
    background-image: linear-gradient(180deg, #fff, #e8e8e8);
    color: #000;
    font-size: 12px;
}

.bf-bs-button:hover {
    background-color: #e0e0e0;
    background-image: none;
}

.bf-bs-button.btn-primary {
    border: 1px solid #265a88;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(180deg, #337ab7, #265a88);
    color: #fff;
}

.bf-bs-button.btn-primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#265a88), to(#265a88)), -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(180deg, #265a88, #265a88), linear-gradient(180deg, #337ab7, #265a88);
}

.bf-bs-button.btn-primary:active {
    border-color: #245580;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#265a88), to(#265a88)), -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(180deg, #265a88, #265a88), linear-gradient(180deg, #337ab7, #265a88);
}

.bf-bs-button.btn-primary:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#265a88), to(#265a88)), -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(180deg, #265a88, #265a88), linear-gradient(180deg, #337ab7, #265a88);
}

.bf-bs-button.success {
    border: 1px solid #419641;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(180deg, #5cb85c, #419641);
    color: #fff;
}

.bf-bs-button.success:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#419641), to(#419641)), -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(180deg, #419641, #419641), linear-gradient(180deg, #5cb85c, #419641);
}

.bf-bs-button.success:active {
    border-color: #3e8f3e;
}

.bf-bs-button.success:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#419641), to(#419641)), -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(180deg, #419641, #419641), linear-gradient(180deg, #5cb85c, #419641);
}

.bf-bs-button.btn-info {
    border: 1px solid #2aabd2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(180deg, #5bc0de, #2aabd2);
    color: #fff;
}

.bf-bs-button.btn-info:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2aabd2), to(#2aabd2)), -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(180deg, #2aabd2, #2aabd2), linear-gradient(180deg, #5bc0de, #2aabd2);
}

.bf-bs-button.btn-info:active {
    border-color: #28a4c9;
}

.bf-bs-button.btn-info:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2aabd2), to(#2aabd2)), -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(180deg, #2aabd2, #2aabd2), linear-gradient(180deg, #5bc0de, #2aabd2);
}

.bf-bs-button.bf-btn-warning {
    border: 1px solid #eb9316;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(180deg, #f0ad4e, #eb9316);
    color: #fff;
}

.bf-bs-button.bf-btn-warning:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eb9316), to(#eb9316)), -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(180deg, #eb9316, #eb9316), linear-gradient(180deg, #f0ad4e, #eb9316);
}

.bf-bs-button.bf-btn-warning:active {
    border-color: #e38d13;
}

.bf-bs-button.bf-btn-warning:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eb9316), to(#eb9316)), -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(180deg, #eb9316, #eb9316), linear-gradient(180deg, #f0ad4e, #eb9316);
}

.bf-bs-button.btn-danger {
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #c12e2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(180deg, #d9534f, #c12e2a);
    color: #fff;
}

.bf-bs-button.btn-danger:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c12e2a), to(#c12e2a)), -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(180deg, #c12e2a, #c12e2a), linear-gradient(180deg, #d9534f, #c12e2a);
}

.bf-bs-button.btn-danger:active {
    border-color: #b92c28;
}

.bf-bs-button.btn-danger:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c12e2a), to(#c12e2a)), -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(180deg, #c12e2a, #c12e2a), linear-gradient(180deg, #d9534f, #c12e2a);
}

.bf-bs-button.dropdown {
    padding-right: 40px;
    border: 1px solid #e8e8e8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
    background-image: linear-gradient(180deg, #fff, #e8e8e8);
    color: #000;
}

.bf-bs-button.dropdown:hover {
    background-color: #e8e8e8;
    background-image: none;
}

.bf-bs-button.dropdown:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#245580), to(#245580)), -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(180deg, #245580, #245580), linear-gradient(180deg, #337ab7, #265a88);
}

.bf-bs-panel-wrapper {
    padding-left: 0px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.bf-bs-panel-wrapper.primary {
    display: block;
    overflow: visible;
    border-color: #2e6da4;
}

.bf-bs-panel-wrapper.info {
    border-color: #c4e3f3;
}

.bf-bs-panel-wrapper.warning {
    border-color: #faf2cc;
}

.bf-bs-panel-wrapper.danger {
    border-color: #ebcccc;
}

.bf-bs-panel-wrapper.success {
    border-color: #d0e9c6;
}

.bf-bs-panel-header {
    height: 50px;
    padding-top: 15px;
    padding-left: 10px;
    border: 1px none #e8e8e8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(180deg, #f5f5f5, #e8e8e8);
}

.bf-bs-panel-header.primary {
    border-color: #2e6da4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image: linear-gradient(180deg, #337ab7, #2e6da4);
}

.bf-bs-panel-header.success {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(180deg, #dff0d8, #d0e9c6);
}

.bf-bs-panel-header.info {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
    background-image: linear-gradient(180deg, #d9edf7, #c4e3f3);
}

.bf-bs-panel-header.warning {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
    background-image: linear-gradient(180deg, #fcf8e3, #faf2cc);
}

.bf-bs-panel-header.danger {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
    background-image: linear-gradient(180deg, #f2dede, #ebcccc);
}

.bf-int-panel-content {
    padding: 15px 15px 15px 10px;
    border-radius: 0px;
}

.bf-color-hexa {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.bf-color-hexa.dark {
    display: block;
    padding: 20px 0px;
    color: #333;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}

.bf-color-hexa.small {
    padding-bottom: 21px;
    font-size: 16px;
    text-transform: uppercase;
}

.bf-color-hexa.small.success-white {
    color: #3c763d;
}

.bf-color-hexa.small.info-white {
    color: #31708f;
}

.bf-color-hexa.small.warning-white {
    color: #8a6d3b;
}

.bf-color-hexa.small.danger-white {
    color: #a94442;
}

.bf-bs-label {
    display: inline-block;
    width: 100px;
    padding: 5px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(180deg, #f5f5f5, #e8e8e8);
    font-size: 12px;
    text-align: center;
}

.bf-bs-label.primary {
    width: 100px;
    border: 1px none #265a88;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(180deg, #337ab7, #265a88);
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.bf-bs-label.success {
    width: 100px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(180deg, #5cb85c, #419641);
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.bf-bs-label.info {
    display: block;
    width: 100px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(180deg, #5bc0de, #2aabd2);
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.bf-bs-label.warning {
    width: 100px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(180deg, #f0ad4e, #eb9316);
    color: #fff;
    text-align: center;
}

.bf-bs-label.danger {
    width: 100px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(180deg, #d9534f, #c12e2a);
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.bf-bs-alert {
    display: inline-block;
    padding: 13px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
    background-image: linear-gradient(180deg, #fff, #e8e8e8);
}

.bf-bs-alert.success {
    display: inline-block;
    padding: 13px;
    border-color: #7cb77c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(180deg, #dff0d8, #d0e9c6);
    color: #3c763d;
}

.bf-bs-alert.info {
    display: inline-block;
    padding: 13px;
    border-color: #9acfea;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
    background-image: linear-gradient(180deg, #d9edf7, #b9def0);
    color: #31708f;
}

.bf-bs-alert.warning {
    display: inline-block;
    padding: 13px;
    border-color: #f5e79e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
    background-image: linear-gradient(180deg, #fcf8e3, #f8efc0);
    color: #8a6d3b;
}

.bf-bs-alert.danger {
    display: inline-block;
    padding: 13px;
    border-color: #dca7a7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(180deg, #f2dede, #e7c3c3);
    color: #a94442;
}

.space {
    height: 30px;
    border-radius: 4px;
}

.space.mini {
    height: 20px;
}

.space.small {
    display: block;
    height: 10px;
}

.space.letter {
    width: 20px;
}

.space.xs {
    height: 10px;
}

.dropdown-list.w--open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px none #dedede;
    background-color: #d3003b;
    box-shadow: inset 0 1px 14px -1px #505050;
}

.dropdown-list.radius.w--open {
    border-radius: 4px;
}

.dropdown-link {
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
}

.dropdown-link:hover {
    background-image: url('../images/Sort-Up-Filled-501.png');
    background-position: 50% 142%;
    background-size: 18px;
    background-repeat: no-repeat;
}

.dropdown-link.w--current {
    background-image: url('../images/Sort-Up-Filled-501.png');
    background-position: 50% 219%;
    background-size: 25px;
    background-repeat: no-repeat;
    color: #fff;
}

.dropdown-link.w--current:active {
    color: #fff;
}

.dropdown-link.w--current:focus {
    background-image: url('../images/Sort-Up-Filled-501.png');
    background-position: 50% 224%;
    background-size: 25px;
    background-repeat: no-repeat;
    color: #fff;
}

.divider {
    display: block;
    width: 100%;
    height: 3px;
    margin: 10px auto;
    background-color: hsla(0, 0%, 68.6%, 0.4);
}

.divider.dropdown {
    height: 1px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee));
    background-image: linear-gradient(180deg, #eee, #eee);
}

.divider.small {
    height: 2px;
}

.divider.table {
    height: 1px;
    margin-top: 10px;
    border-style: none;
    background-color: #afafaf;
}

.divider.notopspace {
    margin-top: 0px;
}

.divider.dividerspace {
    margin-top: 20px;
}

.bf-int-badge-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 0px 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px none #afafaf;
    text-align: center;
}

.bf-int-badge-box.withline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-style: solid;
}

.badge {
    display: inline-block;
    height: 20px;
    margin-top: 5px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    border-radius: 100px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#da291c), to(#da291c));
    background-image: linear-gradient(180deg, #da291c, #da291c);
    text-align: left;
}

.badge-text {
    padding-top: 5px;
    padding-left: 10px;
    color: #3d3d3d;
    font-size: 11px;
    font-weight: 600;
}

.badge-text:hover {
    text-decoration: underline;
}

.badge-number {
    height: 25px;
    min-width: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #fff;
    text-align: center;
}

.widgets-row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #afafaf;
}

.text-widgets {
    padding-top: 0px;
    padding-bottom: 0px;
}

.bf-de-checkbox-bg {
    width: 23px;
    height: 23px;
    float: left;
    background-image: url('../images/ignore-checkbox.png');
    background-position: 0px 0px;
    background-size: 24px;
}

.bf-de-switch {
    display: block;
    width: 43px;
    height: 23px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    border: 1px solid #afafaf;
    border-radius: 3px;
    background-image: url('../images/ignore-switch.png');
    background-position: 50% 50%;
    background-size: 48px 27px;
    background-repeat: no-repeat;
}

.bf-de-textbox {
    height: 30px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #afafaf;
    border-radius: 3px;
}

.bf-de-textbox.bg-white {
    background-color: #f4f4f4;
}

.bf-de-numberbox {
    height: 37px;
    border: 1px solid #afafaf;
    border-radius: 3px;
}

.bf-de-selectbox {
    display: block;
    height: 30px;
    float: none;
    clear: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #afafaf;
    border-radius: 3px;
    background-image: url('../images/ignore-selectbox.png');
    background-position: 0px 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.bf-de-selectbox.timebox {
    position: static;
    width: 100px;
    margin-left: 0px;
    float: right;
    clear: right;
}

.bf-de-selectbox.timebox.left {
    margin-left: 0px;
    float: left;
}

.bf-de-selectbox.timeboxnew {
    float: none;
    clear: none;
}

.bf-de-tagbox {
    height: 37px;
    border: 1px solid #afafaf;
    border-radius: 3px;
    background-image: url('../images/ignore-tagbox.png');
    background-position: 0px 50%;
    background-size: 451px;
    background-repeat: no-repeat;
}

.bf-de-textarea {
    min-height: 100px;
    border: 1px solid #afafaf;
    border-radius: 3px;
}

.bf-de-textarea.bg-white {
    background-color: #f4f4f4;
}

.bf-de-datebox {
    display: block;
    height: 37px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #afafaf;
    border-radius: 3px;
    background-image: url('../images/ignore-datebox.png');
    background-position: 0px 50%;
    background-size: 447px;
    background-repeat: no-repeat;
}

.bf-de-colorbox {
    height: 37px;
    border: 1px solid #afafaf;
    border-radius: 3px;
    background-image: url('../images/ignore-colorbox.png');
    background-position: 50% 50%;
    background-size: cover;
}

.bf-de-calendar {
    width: 280px;
    height: 280px;
    border: 1px solid #afafaf;
    border-radius: 3px;
    background-image: url('../images/ignore-calendar.png');
    background-position: 50% 50%;
    background-size: cover;
}

.bf-de-validation {
    height: 37px;
    border: 1px solid #bb0707;
    border-radius: 3px;
    background-image: url('../images/ignore-validation.png');
    background-position: 0px 50%;
    background-size: cover;
}

.bf-de-gallery {
    width: 450px;
    height: 300px;
    background-image: url('../images/ignore-gallery.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.bf-de-button {
    display: inline-block;
    height: 36px;
    border: 1px solid #000;
    border-radius: 4px;
    background-color: transparent;
    cursor: pointer;
}

.bf-de-button.success {
    padding-right: 10px;
    padding-left: 10px;
    border-style: none;
    border-color: #4cae4c;
    background-color: #da291c;
    color: #eef8ee;
}

.bf-de-button.success.big {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
}

.bf-de-button.success.big.next {
    margin-right: 5px;
}

.bf-de-list {
    height: 300px;
    max-width: 380px;
    background-image: url('../images/ignore-list.png');
    background-position: 50% 0px;
    background-size: 386px;
}

.bf-de-contextmenu {
    width: 200px;
    height: 120px;
    border: 1px solid #afafaf;
    background-image: url('../images/ignore-contextmenu.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 3px 0 #afafaf;
}

.bf-de-grid-databinding {
    height: 250px;
    background-image: url('../images/ignore-grid-databinding.png');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.bf-de-pivotgrid {
    height: 200px;
    background-image: url('../images/ignore-pivotgrid.png');
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bf-de-treeview {
    width: 400px;
    height: 300px;
    background-image: url('../images/ignore-treeview.png');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.bf-de-toolbar {
    height: 230px;
    background-image: url('../images/ignore-toolbar.png');
    background-position: 0px 0px;
    background-size: cover;
}

.bf-de-menu {
    width: 200px;
    height: 100px;
    background-image: url('../images/bf-de-menu.png');
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bf-de-tabs {
    display: block;
    background-image: url('../images/ignore-tabs.png');
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bf-de-multiview {
    width: 300px;
    height: 200px;
    background-image: url('../images/ignore-multiview.png');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.bf-de-tab-panel {
    height: 272px;
    background-image: url('../images/ignore-tab-panel.png');
    background-position: 0px 0px;
    background-size: cover;
}

.bf-de-according {
    height: 200px;
    background-image: url('../images/ignore-according.png');
    background-position: 50% 0px;
    background-size: cover;
}

.colorblock {
    margin: 10px 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent;
}

.colorblock.white {
    background-color: #fff;
}

.colorblock.default {
    border: 1px solid #dbdbdb;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: linear-gradient(180deg, #fff, #e0e0e0);
}

.colorblock.dark {
    background-color: #2f353b;
}

.colorblock.blue {
    background-color: #3598dc;
}

.colorblock.blue-madison {
    background-color: #578ebe;
}

.colorblock.blue-chambray {
    background-color: #2c3e50;
}

.colorblock.blue-ebonyclay {
    background-color: #22313f;
}

.colorblock.blue-hoki {
    background-color: #67809f;
}

.colorblock.blue-steel {
    background-color: #4b77be;
}

.colorblock.blue-soft {
    background-color: #4c87b9;
}

.colorblock.blue-dark {
    background-color: #5e738b;
}

.colorblock.blue-sharp {
    background-color: #5c9bd1;
}

.colorblock.blue-oleo {
    background-color: #94a0b2;
}

.colorblock.green {
    background-color: #32c5d2;
}

.colorblock.green-meadow {
    background-color: #1bbc9b;
}

.colorblock.green-seagreen {
    background-color: #1ba39c;
}

.colorblock.green-turqoise {
    background-color: #36d7b7;
}

.colorblock.green-haze {
    background-color: #44b6ae;
}

.colorblock.green-jungle {
    background-color: #26c281;
}

.colorblock.green-soft {
    background-color: #3faba4;
}

.colorblock.green-dark {
    background-color: #4db3a2;
}

.colorblock.green-sharp {
    background-color: #2ab4c0;
}

.colorblock.green-steel {
    background-color: #29b4b6;
}

.colorblock.grey {
    background-color: #e5e5e5;
}

.colorblock.grey-steel {
    background-color: #e9edef;
}

.colorblock.grey-cararra {
    background-color: #fafafa;
}

.colorblock.grey-gallery {
    background-color: #555;
}

.colorblock.grey-cascade {
    background-color: #95a5a6;
}

.colorblock.grey-silver {
    background-color: #bfbfbf;
}

.colorblock.grey-salsa {
    background-color: #acb5c3;
}

.colorblock.grey-salt {
    background-color: #bfcad1;
}

.colorblock.grey-mint {
    background-color: #525e64;
}

.colorblock.red {
    background-color: #e7505a;
}

.colorblock.red-pink {
    background-color: #e08283;
}

.colorblock.red-sunglo {
    background-color: #e26a6a;
}

.colorblock.red-intense {
    background-color: #e35b5a;
}

.colorblock.red-thunderbird {
    background-color: #d91e18;
}

.colorblock.red-flamnigo {
    background-color: #ef4836;
}

.colorblock.red-soft {
    background-color: #d05454;
}

.colorblock.red-haze {
    background-color: #f36a5a;
}

.colorblock.red-mint {
    background-color: #e43a45;
}

.colorblock.yellow {
    background-color: #c49f47;
}

.colorblock.yellow-gold {
    background-color: #e87e04;
}

.colorblock.yellow-casablanca {
    background-color: #f2784b;
}

.colorblock.yellow-crusta {
    background-color: #f3c200;
}

.colorblock.yellow-lemon {
    background-color: #f7ca18;
}

.colorblock.yellow-saffron {
    background-color: #f4d03f;
}

.colorblock.yellow-soft {
    background-color: #c8d046;
}

.colorblock.yellow-haze {
    background-color: #c5bf66;
}

.colorblock.yellow-mint {
    background-color: #c5b96b;
}

.colorblock.purple {
    background-color: #8e44ad;
}

.colorblock.purple-plum {
    background-color: #8775a7;
}

.colorblock.purple-medium {
    background-color: #bf55ec;
}

.colorblock.purple-studio {
    background-color: #8e44ad;
}

.colorblock.purple-wisteria {
    background-color: #9b59b6;
}

.colorblock.purple-seance {
    background-color: #9a12b3;
}

.colorblock.purple-intense {
    background-color: #8775a7;
}

.colorblock.purple-sharp {
    background-color: #796799;
}

.colorblock.purple-soft {
    background-color: #8877a9;
}

.colorblock.defaullt-grey {
    background-color: #e1e5ec;
}

.colorblock.primary {
    border: 1px solid #245580;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(180deg, #337ab7, #265a88);
}

.colorblock.success {
    border: 1px solid #3e8f3e;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(180deg, #5cb85c, #419641);
}

.colorblock.info {
    border: 1px solid #28a4c9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(180deg, #5bc0de, #2aabd2);
}

.colorblock.warning {
    border: 1px solid #e38d13;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(180deg, #f0ad4e, #eb9316);
}

.colorblock.danger {
    border: 1px solid #b92c28;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(180deg, #d9534f, #c12e2a);
}

.colorblock.success-white {
    border: 1px solid #b2dba1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(180deg, #dff0d8, #c8e5bc);
}

.colorblock.info-white {
    border: 1px solid #9acfea;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
    background-image: linear-gradient(180deg, #d9edf7, #b9def0);
}

.colorblock.warning-white {
    border: 1px solid #f5e79e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
    background-image: linear-gradient(180deg, #fcf8e3, #f8efc0);
}

.colorblock.danger-white {
    border: 1px solid #dca7a7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(180deg, #f2dede, #e7c3c3);
}

.colorblock.lightblue {
    background-color: #d4e9f7;
}

.colorblock.lightred {
    background-color: #f9d2d5;
}

.colorblock.lightpurple {
    background-color: #eadaf1;
}

.colorblock.lightyellow {
    background-color: #f3ebd8;
}

.colorblock.lightgreen {
    background-color: #d5f3f6;
}

.colorblock.lightdark {
    background-color: #abb4ba;
}

.colortext-sub {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.colortitle {
    margin-top: 50px;
    margin-bottom: 50px;
    border-style: none none solid;
    border-width: 1px;
    border-color: #000 #000 #afafaf;
    text-align: center;
}

.bf-mt-button {
    border: 1px solid #cfd2d8;
    background-color: #fff;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #8a8d92;
    font-weight: 400;
}

.bf-mt-button:hover {
    background-color: #e1e5ec;
}

.bf-mt-button:focus {
    background-color: #e1e5ec;
}

.bf-mt-button.red {
    background-color: #e7505a;
    color: #fff;
}

.bf-mt-button.red:hover {
    background-color: #e33541;
}

.bf-mt-button.red:focus {
    background-color: #e33541;
}

.bf-mt-button.red.outline {
    border: 1px solid #e7505a;
    background-color: transparent;
    color: #e7505a;
}

.bf-mt-button.red.outline:hover {
    background-color: #e7505a;
    color: #fff;
}

.bf-mt-button.red.outline:focus {
    background-color: #e7505a;
    color: #fff;
}

.bf-mt-button.blue {
    background-color: #3598dc;
    color: #fff;
}

.bf-mt-button.blue:hover {
    background-color: #2283c3;
}

.bf-mt-button.blue:focus {
    background-color: #2283c3;
}

.bf-mt-button.blue.outline {
    border: 1px solid #3598dc;
    background-color: transparent;
    color: #3598dc;
}

.bf-mt-button.blue.outline:hover {
    background-color: #3598dc;
    color: #fff;
}

.bf-mt-button.blue.outline:focus {
    background-color: #3598dc;
    color: #fff;
}

.bf-mt-button.green {
    background-color: #32c5d2;
    color: #fff;
}

.bf-mt-button.green:hover {
    background-color: #29b0bc;
}

.bf-mt-button.green:focus {
    background-color: #29b0bc;
}

.bf-mt-button.green.outline {
    border: 1px solid #32c5d2;
    background-color: transparent;
    color: #32c5d2;
}

.bf-mt-button.green.outline:hover {
    background-color: #32c5d2;
    color: #fff;
}

.bf-mt-button.green.outline:focus {
    background-color: #32c5d2;
    color: #fff;
}

.bf-mt-button.yellow {
    background-color: #c49f47;
    color: #fff;
}

.bf-mt-button.yellow:hover {
    background-color: #ad8a38;
}

.bf-mt-button.yellow:focus {
    background-color: #ad8a38;
}

.bf-mt-button.yellow.outline {
    border: 1px solid #c49f47;
    background-color: transparent;
    color: #c49f47;
}

.bf-mt-button.yellow.outline:hover {
    background-color: #c49f47;
    color: #fff;
}

.bf-mt-button.yellow.outline:focus {
    background-color: #c49f47;
    color: #fff;
}

.bf-mt-button.purple {
    background-color: #8e44ad;
    color: #fff;
}

.bf-mt-button.purple:hover {
    background-color: #783993;
}

.bf-mt-button.purple:focus {
    background-color: #783993;
}

.bf-mt-button.purple.outline {
    border: 1px solid #8e44ad;
    background-color: transparent;
    color: #8e44ad;
}

.bf-mt-button.purple.outline:hover {
    background-color: #8e44ad;
    color: #fff;
}

.bf-mt-button.purple.outline:focus {
    background-color: #8e44ad;
    color: #fff;
}

.bf-mt-button.dark {
    background-color: #2f353b;
    color: #fff;
}

.bf-mt-button.dark:hover {
    background-color: #22262b;
}

.bf-mt-button.dark:focus {
    background-color: #22262b;
}

.bf-mt-button.dark.outline {
    border: 1px solid #2f353b;
    background-color: transparent;
    color: #2f353b;
}

.bf-mt-button.dark.outline:hover {
    background-color: #2f353b;
    color: #fff;
}

.bf-mt-button.dark.outline:focus {
    background-color: #2f353b;
    color: #fff;
}

.bf-bs-tab {
    margin-right: 5px;
    margin-left: 0px;
    padding-bottom: 9px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    background-color: transparent;
}

.bf-bs-tab:hover {
    background-color: #efefef;
}

.bf-bs-tab.w--current {
    top: 0px;
    display: inline-block;
    margin-left: 0px;
    background-color: #ededed;
    color: #555;
}

.bf-bs-tabpane {
    height: 200px;
    margin-top: 0px;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    background-color: #fff;
}

.bf-bs-tabsmenubar {
    margin-top: 0px;
    margin-bottom: 10px;
}

.bf-bs-textblock {
    color: #555;
}

.bf-bs-textblock.blue {
    color: #555;
}

.bf-mt-tab {
    background-color: transparent;
}

.bf-mt-tab:hover {
    border-bottom: 6px solid rgba(218, 41, 28, 0.36);
}

.bf-mt-tab.w--current {
    border-style: none none solid;
    border-width: 6px;
    border-color: #da291c;
    background-color: transparent;
}

.bf-mt-tab.invisible {
    display: none;
}

.bf-mt-tabmenubar {
    margin-bottom: 20px;
}

.bf-mt-tabpane {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.bf-mt-panel-wrapper {
    width: 500px;
    border: 1px solid #8a8d92;
}

.bf-mt-panel-wrapper.blue {
    width: 100%;
    border-color: #cdcdcd;
    border-radius: 5px;
}

.bf-mt-panel-wrapper.extranet {
    width: 100%;
    border-color: #afafaf;
    border-radius: 5px;
}

.bf-mt-panel-header {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #646464;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #cbcbcb;
}

.bf-mt-panel-header.blue {
    background-color: #d4e9f7;
}

.bf-mt-panel-header.dashboard {
    padding-left: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #ac062a;
}

.bf-mt-panel-header.dashboard.upcoming {
    height: 30px;
    padding-top: 5px;
    padding-bottom: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: url('../images/Graduation-Cap-521.png');
    background-position: 10px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.bf-mt-panel-header.dashboard.latest {
    height: 30px;
    padding-top: 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: url('../images/Read-Message-Filled-501.png');
    background-position: 10px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.bf-mt-panel-header.dashboard.course {
    height: 30px;
    padding-top: 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: url('../images/Lock-Filled-502.png');
    background-position: 10px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.bf-mt-panel-header.dashboard.active {
    height: 30px;
    padding-top: 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: url('../images/Edit-Property-Filled-502.png');
    background-position: 10px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.bf-mt-panel-header.extranet {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding-top: 10px;
    padding-left: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-style: none none solid;
    border-width: 1px 1px 4px;
    border-color: #000 #000 #777;
    background-color: #a3cf9f;
}

.bf-mt-panel-header.eventplanned {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 4px solid #777;
    background-color: #bbdefa;
}

.bf-mt-panel-header.eventclosed {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 4px solid #646464;
    background-color: #b5dbb6;
}

.bf-mt-panel-header.eventcancelled {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 4px solid #646464;
    background-color: #d3a3ad;
}

.bf-mt-panel-header.white {
    background-color: #fff;
}

.bf-mt-panel-content {
    padding: 10px;
    border: 1px none #e7505a;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    text-align: left;
}

.bf-mt-text.green {
    display: inline-block;
    padding: 0px;
    color: #32c5d2;
}

.bf-mt-text.alert {
    padding: 20px;
    color: #8a8d92;
}

.bf-mt-text.alert.green {
    color: #32c5d2;
}

.bf-mt-text.blue {
    color: #3598dc;
}

.bf-mt-text.extranet {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.bf-mt-text.extranet.dark {
    display: inline-block;
    padding-left: 0px;
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
}

.bf-mt-text.extranet.dark.box {
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.bf-mt-note {
    padding: 25px;
    border-style: none none none solid;
    border-width: 1px 1px 6px 7px;
    border-color: #000 #000 #32c5d2 #cfd2d8;
    background-color: #e3e5e8;
}

.bf-mt-note.purple {
    border-left-color: #8e44ad;
    background-color: #eadaf1;
}

.bf-mt-note.red {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left-color: #ac062a;
    border-radius: 4px;
    background-color: #ffc0c0;
    color: #303030;
    font-size: 12px;
    font-weight: 700;
}

.bf-mt-note.red.hidden {
    display: none;
}

.bf-mt-alert {
    display: inline-block;
    background-color: #f2f2f3;
}

.bf-mt-alert.green {
    background-color: #d5f3f6;
}

.div-align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.bf-de-checkbox-text {
    display: inline-block;
    margin-top: 1px;
    margin-left: 5px;
}

.bf-de-checkbox {
    display: block;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-right: 10px;
    float: none;
    clear: none;
}

.bf-de-button-text {
    margin-top: 7px;
    padding-right: 15px;
    padding-left: 15px;
}

.header {
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #646464;
}

.header-left-box {
    display: inline-block;
    float: left;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.header-right-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.button {
    font-size: 12px;
    letter-spacing: 0px;
    text-transform: none;
}

.button.iconbutton {
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url('../images/Settings-3-Filled-50.png');
    background-position: 50% 50%;
    background-size: 30px;
    background-repeat: no-repeat;
}

.button.iconbutton.settings {
    display: inline-block;
    margin-bottom: -10px;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
}

.button.iconbutton.settings:hover {
    background-color: transparent;
    background-image: url('../images/Settings-3-Filled-501.png');
    background-size: 30px;
    opacity: 1;
}

.button.iconbutton.settings:focus {
    background-image: url('../images/Settings-3-Filled-501.png');
    background-size: 30px;
}

.button.iconbutton.logout {
    margin-bottom: -10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/Export-Filled-502_1.png');
    background-size: 27px;
    cursor: pointer;
}

.button.iconbutton.logout:hover {
    background-image: url('../images/Export-Filled-503.png');
    background-size: 27px;
}

.button.iconbutton.logout:focus {
    background-image: url('../images/Export-Filled-503.png');
    background-size: 27px;
}

.button.extranet {
    margin-top: 5px;
    padding: 0px 10px;
    border: 1px none #afafaf;
    border-radius: 4px;
    background-color: #da291c;
    font-size: 10px;
    font-weight: 700;
}

.button.extranet:hover {
    background-color: #da291c;
}

.button.extranet:focus {
    background-color: #86001d;
}

.button.extranet.icon {
    padding-left: 30px;
}

.button.extranet.icon.cce {
    margin-right: 5px;
    padding: 10px 20px 10px 40px;
    background-color: #da291c;
    background-image: url('../images/Checked-Filled-50.png');
    background-position: 10px 50%;
    background-size: 18px;
    background-repeat: no-repeat;
    font-size: 12px;
}

.button.extranet.icon.cce:hover {
    background-color: #9e1e15;
}

.button.extranet.icon.cce:focus {
    background-color: #9e1e15;
}

.button.extranet.grey {
    background-color: #646464;
}

.button.extranet.grey:hover {
    background-color: #ac062a;
}

.button.extranet.grey:focus {
    background-color: #ac062a;
}

.button.extranet.grey.icon.margin.save {
    margin-right: 5px;
    background-image: url('../images/Save-Filled-50.png');
    background-position: 5px 50%;
    background-size: 14px;
    background-repeat: no-repeat;
}

.button.extranet.grey.icon.margin.upload {
    background-image: url('../images/Upload-48.png');
    background-position: 5px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.button.extranet.grey.icon.margin.pdf {
    background-image: url('../images/PDF-Filled-501.png');
    background-position: 5px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.button.extranet.grey.icon.margin.print {
    background-image: url('../images/Print-Filled-50.png');
    background-position: 5px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.button.extranet.grey.floatright {
    float: right;
}

.button.extranet.white {
    margin-right: 10px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #fff;
    color: #3d3d3d;
}

.button.extranet.big {
    display: inline-block;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.button.extranet.big.icon.pdf {
    border-style: solid;
    border-color: #9c9797;
    background-color: #fff;
    background-image: url('../images/PDF-2-52.png');
    background-position: 5px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    color: #3d3d3d;
}

.button.extranet.big.icon.pdf:hover {
    background-color: #e9e9e9;
}

.button.extranet.big.upload {
    background-image: url('../images/Upload-Filled-50.png');
    background-position: 0px 0px;
    background-size: 25px;
}

.button.extranet.big.delete {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 15px;
}

.button.extranet.iconleft {
    width: 30px;
    height: 30px;
    float: left;
    background-color: transparent;
    background-image: url('../images/Double-Left-481.png');
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: left;
    cursor: pointer;
}

.button.extranet.iconleft:hover {
    background-image: url('../images/Double-Left-48.png');
    background-size: 20px;
}

.button.extranet.iconleft:focus {
    background-image: url('../images/Double-Left-48.png');
    background-size: 20px;
}

.button.extranet.iconright {
    width: 30px;
    height: 30px;
    float: right;
    background-color: transparent;
    background-image: url('../images/Double-Right-48.png');
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.button.extranet.iconright:hover {
    background-image: url('../images/Double-Right-481.png');
    background-size: 20px;
}

.button.extranet.iconright:focus {
    background-image: url('../images/Double-Right-481.png');
    background-size: 20px;
}

.button.extranet.large {
    display: block;
    padding: 10px 30px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

.button.extranet.default {
    display: block;
    width: 200px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 15px;
    border-style: solid;
    border-color: #4d4d4d;
    background-color: transparent;
    color: #4d4d4d;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.button.extranet.default:hover {
    background-color: #e2e2e2;
}

.button.extranet.default.subscribe {
    width: 100%;
    margin-top: 0px;
}

.button.extranet.default.mail {
    width: 100%;
    margin-top: 0px;
    padding-left: 40px;
    background-image: url('../images/Message-Filled-100.png');
    background-position: 10px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.button.extranet.default.pdf {
    width: auto;
    margin-top: 0px;
    padding-left: 40px;
    background-image: url('../images/PDF-2-26.png');
    background-position: 10px 50%;
    background-size: 18px;
    background-repeat: no-repeat;
}

.button.extranet.default.pdf.float-right {
    float: right;
}

.button.extranet.default.pdf.course-detail {
    float: right;
}

.button.extranet.default.float-left {
    float: left;
}

.button.extranet.default.float-left.course-detail-create {
    width: auto;
    margin-top: 0px;
    margin-right: 10px;
    float: left;
    clear: none;
    cursor: pointer;
}

.button.extranet.default.float-left.course-detail-create.updatechapter {
    width: auto;
    margin-right: auto;
    padding-right: 5px;
    padding-left: 5px;
    float: none;
}

.button.extranet.default.float-left.course-detail-create.attendancedetailsdownload {
    margin-top: 10px;
    float: left;
}

.button.extranet.contact {
    position: relative;
    padding: 10px 40px;
    font-size: 14px;
    font-weight: 400;
}

.button.extranet.contact:hover {
    background-color: #9e1e15;
}

.button.extranet.contact:focus {
    background-color: #9e1e15;
}

.button.extranet.contact.back {
    margin-right: 10px;
}

.button.extranet.contact.busy {
    background-image: url('../images/spinner_1.gif'), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.57)), to(hsla(0, 0%, 100%, 0.57)));
    background-image: url('../images/spinner_1.gif'), linear-gradient(180deg, hsla(0, 0%, 100%, 0.57), hsla(0, 0%, 100%, 0.57));
    background-position: 50% 50%, 0px 0px;
    background-size: auto 60%, auto;
    background-repeat: no-repeat, repeat;
}

.button.extranet.contact.buttonleftccpopup {
    margin-right: 20px;
}

.button.extranet.contact.btncpc {
    margin-left: 10px;
}

.button.extranet.standard {
    padding: 8px 10px;
    border-style: solid;
    border-color: #3d3d3d;
    background-color: #fafafa;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 100;
}

.button.extranet.standard:hover {
    border-width: 1px;
    border-color: #9e1e15;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fd9e96), color-stop(50%, #da291c), to(#da291c));
    background-image: linear-gradient(180deg, #fd9e96, #da291c 50%, #da291c);
    color: #f4f4f4;
}

.button.extranet.standard.upload {
    margin-right: 10px;
    margin-left: 10px;
    border-color: #3d3d3d;
}

.button.extranet.standard.changeemail {
    float: none;
}

.button.extranet.standard.changepassword {
    float: none;
}

.button.extranet.popup {
    padding: 10px 20px;
    float: right;
    border-style: solid;
    border-color: #3d3d3d;
    background-color: #f4f4f4;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
}

.button.extranet.popup:hover {
    background-color: #d8d8d8;
}

.button.extranet.popup:focus {
    background-color: #d8d8d8;
}

.body {
    max-height: 100%;
    background-color: transparent;
    background-image: url('../images/fullbackground.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.body.login {
    background-image: none;
}

.line {
    height: 7px;
    margin-bottom: 5px;
    background-color: #da291c;
}

.button-container {
    display: block;
    width: 50px;
    height: 60px;
    text-align: left;
}

.button-container.rightmargin {
    height: 60px;
    margin-right: 15px;
}

.text {
    margin-bottom: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #646464;
    font-size: 12px;
}

.text.buttontext {
    display: inline;
    padding-bottom: 0px;
    opacity: 1;
    font-size: 10px;
    text-align: left;
}

.text.loginblock {
    font-size: 14px;
    font-weight: 700;
}

.text.loginblock.username {
    color: #da291c;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    text-decoration: underline;
}

.text.loginblock.loggedinas {
    color: #afafaf;
    font-size: 11px;
    font-weight: 400;
}

.text.title {
    display: inline-block;
    padding-top: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #3d3d3d;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-align: left;
}

.text.title.lp {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.text.title.nomain {
    padding-left: 10px;
}

.text.small {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #646464;
    font-size: 10px;
}

.text.small.center {
    text-align: center;
}

.text.small.salary {
    font-weight: 700;
    text-align: right;
}

.text.big {
    display: inline-block;
    margin-bottom: 2px;
    padding-top: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #646464;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}

.text.big.cap {
    text-transform: uppercase;
}

.text.big.red {
    display: block;
    color: #da291c;
}

.text.big.red.block {
    padding-top: 5px;
    padding-bottom: 5px;
}

.text.big.red.block.center {
    display: inline-block;
    margin-bottom: 0px;
    padding-right: 0px;
    font-size: 16px;
    text-transform: none;
}

.text.big.bold {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.text.big.bold.alignright {
    text-align: right;
}

.text.big.bold.picalign {
    margin-top: 50px;
}

.text.big.white {
    color: #fff;
}

.text.big.center {
    display: block;
    text-align: center;
}

.text.big.center.block {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.text.status {
    padding: 1px 5px;
    border-radius: 5px;
    background-color: #9ed0ff;
    text-align: center;
}

.text.red {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #da291c;
    font-weight: 700;
    text-align: left;
}

.text.red.link {
    color: #da291c;
    font-size: 12px;
    cursor: pointer;
}

.text.footer {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 15px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: hsla(0, 0%, 93.3%, 0.5);
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}

.text.dropdown {
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.text.link {
    margin-right: 10px;
    background-color: transparent;
    color: #ac062a;
    font-size: 11px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
}

.text.link:hover {
    font-size: 11px;
    font-weight: 700;
}

.text.link:focus {
    font-weight: 700;
}

.text.cap {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #646464;
}

.text.cap.rm {
    margin-right: 5px;
}

.text.bold {
    margin-right: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
}

.text.bold.white {
    background-color: transparent;
    color: #fff;
}

.text.bold.center {
    text-align: center;
}

.text.green {
    color: #5f9107;
    font-size: 14px;
    font-weight: 700;
}

.text.icons {
    margin-top: 0px;
    padding-top: 30px;
    font-size: 8px;
}

.text.icons:hover {
    color: #da291c;
}

.text.icons:focus {
    color: #da291c;
}

.text.white {
    color: #ddd;
}

.text.contactpopup.big {
    font-size: 16px;
    text-transform: none;
}

.image.profilepicture {
    width: 50px;
    height: 50px;
}

.image.profilepicture.rightmargin {
    margin-right: 50px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.image.profilepicture.profilepicmoble {
    width: 38px;
    height: 38px;
}

.userblock.rightmargin {
    margin-right: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.titlesubline {
    padding-left: 10px;
    color: #afafaf;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.shadowcontainer {
    display: block;
    min-height: 550px;
    background-color: #fff;
    box-shadow: 2px 0 3px 0 #afafaf, -2px 0 3px 0 #afafaf;
}

.shadowcontainer.menumargin {
    min-height: 0px;
}

.shadowcontainer.login {
    position: static;
    left: 0px;
    top: 40%;
}

.shadowcontainer.wpadding {
    padding-right: 10px;
    padding-left: 10px;
}

.shadowcontainer.foot {
    min-height: 0px;
}

.title {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.sidebarbox {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 5px 10px;
    float: none;
    border: 1px none #cdcdcd;
    border-radius: 4px 5px 4px 4px;
    background-color: transparent;
    text-align: left;
}

.sidebarbox.first {
    margin-top: 0px;
    margin-bottom: 25px;
    padding-right: 5px;
    padding-left: 5px;
    border-style: solid;
    border-radius: 5px;
    background-color: hsla(0, 0%, 93.3%, 0.5);
}

.sidebarbox.margin {
    padding-right: 20px;
    padding-left: 20px;
}

.leftmaincol {
    position: static;
    display: block;
    overflow: visible;
    width: 78%;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 5px;
    float: left;
    clear: none;
    border-style: none;
    border-width: 1px 3px 1px 1px;
    border-color: hsla(0, 0%, 68.6%, 0.4);
    background-color: #fafafa;
    text-align: left;
}

.leftmaincol.fullwidth {
    width: 100%;
    margin-right: 5px;
}

.rightmaincol {
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 22%;
    height: 100%;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: -5px;
    padding-top: 5px;
    padding-right: 7px;
    padding-left: 7px;
    float: right;
    clear: none;
}

.column {
    position: static;
    margin-bottom: 15px;
}

.column.contentnavbar {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.column.nospace {
    padding-right: 0px;
    padding-left: 0px;
}

.box-title {
    display: block;
    margin-bottom: 5px;
    padding-left: 35px;
    text-align: center;
}

.box-title.salary {
    padding-left: 0px;
    background-image: url('../images/Money-Transfer-Filled-501.png');
    background-position: 10px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.box-title.vacations {
    background-image: url('../images/Airport-52.png');
    background-position: 5px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.box-title.filters {
    background-image: url('../images/Filter-Filled-50.png');
    background-position: 10px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.box-title.info {
    background-image: url('../images/icons8-info-50.png');
    background-position: 10px 50%;
    background-size: 17px;
    background-repeat: no-repeat;
}

.box-title.year {
    background-image: url('../images/Calendar-Filled-50.png');
    background-position: 10px 50%;
    background-size: 17px;
    background-repeat: no-repeat;
}

.box-title.money {
    background-image: url('../images/Money-Transfer-Filled-50.png');
    background-position: 10px 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.box-title.left {
    float: none;
    text-align: left;
}

.bf-mt-number {
    padding-left: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.bf-mt-number.red {
    color: #da291c;
}

.box-content-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

.box-content-flex.space-between {
    width: 100%;
    padding-right: 20px;
    padding-left: 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.box-content-flex.buttons {
    margin-bottom: 15px;
}

.box-content-flex.checkbox.camobilechk {
    margin-bottom: 5px;
}

.buttonbar {
    display: block;
    margin-top: 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.buttonbar.navi {
    margin-top: 10px;
}

.buttonbar.center {
    text-align: center;
}

.loggeduser {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 700;
}

.userpicture {
    width: 50px;
    height: 50px;
    float: none;
}

.userpicture.large {
    width: 100px;
    height: 100px;
}

.userpicture.topbar {
    margin-left: 10px;
}

.footer {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 50px;
    background-color: #3d3d3d;
}

.navbar {
    display: block;
    height: 45px;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: none;
    background-color: transparent;
    text-align: left;
}

.container-navbar {
    display: block;
    height: 45px;
    padding-right: 2px;
    float: none;
    background-color: transparent;
    text-align: left;
}

.navlink {
    display: inline-block;
    padding: 13px 7px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#3a3a3a));
    background-image: linear-gradient(180deg, #4d4d4d, #3a3a3a);
    box-shadow: inset 7px 0 0 -6px #646464, inset -1px 0 0 0 #0f0f0f;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.navlink:hover {
    background-image: url('../images/ArrowNavbar.png'), -webkit-gradient(linear, left top, left bottom, from(#da291c), to(#da291c));
    background-image: url('../images/ArrowNavbar.png'), linear-gradient(180deg, #da291c, #da291c);
    background-position: 50% 160%, 0px 0px;
    background-size: 25px, auto;
    background-repeat: no-repeat, repeat;
}

.navlink:focus {
    background-image: url('../images/ArrowNavbar.png'), -webkit-gradient(linear, left top, left bottom, from(#da291c), to(#da291c));
    background-image: url('../images/ArrowNavbar.png'), linear-gradient(180deg, #da291c, #da291c);
    background-position: 50% 112%, 0px 0px;
    background-size: 15px, auto;
    background-repeat: no-repeat, repeat;
}

.navlink.w--current {
    background-color: #da291c;
    background-image: url('../images/ArrowNavbar.png');
    background-position: 50% 114%;
    background-size: 15px;
    background-repeat: no-repeat;
    color: #fff;
}

.navlink.home {
    width: 40px;
    padding-top: 23px;
    padding-bottom: 23px;
    background-image: url('../images/Home-Filled-50.png'), -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#3a3a3a));
    background-image: url('../images/Home-Filled-50.png'), linear-gradient(180deg, #4d4d4d, #3a3a3a);
    background-position: 50% 50%, 0px 0px;
    background-size: 18px, auto;
    background-repeat: no-repeat, repeat;
}

.navlink.home:hover {
    background-image: url('../images/ArrowNavbar.png'), url('../images/Home-Filled-50.png'), -webkit-gradient(linear, left top, left bottom, from(#da291c), to(#da291c));
    background-image: url('../images/ArrowNavbar.png'), url('../images/Home-Filled-50.png'), linear-gradient(180deg, #da291c, #da291c);
    background-position: 50% 117%, 50% 50%, 0px 0px;
    background-size: 15px, 18px, auto;
    background-repeat: no-repeat, no-repeat, repeat;
}

.navlink.home:focus {
    background-image: url('../images/ArrowNavbar.png'), url('../images/Home-Filled-50.png'), -webkit-gradient(linear, left top, left bottom, from(#da291c), to(#da291c));
    background-image: url('../images/ArrowNavbar.png'), url('../images/Home-Filled-50.png'), linear-gradient(180deg, #da291c, #da291c);
    background-position: 50% 112%, 50% 50%, 0px 0px;
    background-size: 15px, 18px, auto;
    background-repeat: no-repeat, no-repeat, repeat;
}

.navlink.home.w--current:hover {
    background-image: url('../images/Home-Filled-50.png'), -webkit-gradient(linear, left top, left bottom, from(#ee234f), to(#c03));
    background-image: url('../images/Home-Filled-50.png'), linear-gradient(180deg, #ee234f, #c03);
    background-position: 50% 50%, 0px 0px;
    background-size: 18px, auto;
    background-repeat: no-repeat, repeat;
}

.navlink.home.w--current:focus {
    background-image: url('../images/Home-Filled-50.png'), -webkit-gradient(linear, left top, left bottom, from(#ee234f), to(#c03));
    background-image: url('../images/Home-Filled-50.png'), linear-gradient(180deg, #ee234f, #c03);
    background-position: 50% 50%, 0px 0px;
    background-size: 18px, auto;
    background-repeat: no-repeat, repeat;
}

.nav-menu {
    display: block;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#3a3a3a));
    background-image: linear-gradient(180deg, #4d4d4d, #3a3a3a);
    box-shadow: inset 7px 0 8px -6px #646464, inset -1px 0 0 0 #0f0f0f;
    text-align: left;
}

.wrapper {
    display: block;
    padding-top: 0px;
}

.wrapper-h-n-t {
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: left;
}

.left {
    position: static;
    width: 75%;
    float: left;
}

.right {
    width: 25%;
    float: right;
}

.bf-mt-panel-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #cbcbcb;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-transform: none;
}

.bf-mt-panel-footer:hover {
    background-color: #646464;
    color: #fafafa;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
}

.bf-mt-panel-footer.withbutton {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.image-div {
    margin-left: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.content-navbar {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding: 10px 10px 10px 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-navbar.withbutton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 5px;
    padding-right: 10px;
    padding-left: 0px;
}

.content-navbar.withbutton.fullwidth {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-navbar.withbutton.fullwidth.subscribe {
    margin-top: 0px;
}

.content-navbar.withbutton.small {
    width: 100%;
}

.content-navbar.withbutton.small.alignement {
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-navbar.withbutton.small.alignement.left {
    padding-left: 0px;
}

.content-navbar.alignement {
    padding-left: 10px;
}

.tab-extranet {
    text-align: left;
}

.details-block {
    display: block;
    min-width: 75%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.column-full {
    margin-bottom: 10px;
    text-align: left;
}

.panel-title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #3d3d3d;
    font-weight: 700;
}

.panel-title.red {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #da291c;
    text-align: left;
}

.panel-title.red.big {
    font-size: 14px;
}

.panel-title-sub {
    padding-right: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #3d3d3d;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.tableheader {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #dbdbdb;
}

.tableline {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px none #afafaf;
    font-size: 12px;
}

.tableline.marked {
    background-color: #d1ecff;
}

.tableline.separator {
    border-width: 0px;
    border-top-style: solid;
}

.tableline.separator.summary {
    border-top-width: 3px;
}

.tableline.in {
    padding-left: 20px;
}

.tableline.tabletitle {
    padding-left: 15px;
    background-color: #eee;
    background-image: url('../images/icons8-user-filled-50-1.png');
    background-position: 0px 50%;
    background-size: 18px;
    background-repeat: no-repeat;
}

.tableline.tabletitle.coursetableline {
    background-image: none;
}

.tableline.smallline2 {
    padding-top: 2px;
    padding-bottom: 0px;
}

.table-wrapper {
    padding-right: 10px;
    padding-left: 10px;
    border: 0px solid #afafaf;
    border-radius: 5px;
}

.pt-4 {
    padding-top: 16px;
}

.align-center {
    text-align: center;
}

.note {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 2px 5px;
    border: 1px solid #4f8b37;
    background-color: #e4ffd5;
    color: #4f8b37;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.title-block {
    margin-bottom: 5px;
}

.text-block {
    float: none;
}

.left-wrapper {
    min-width: 50%;
    float: left;
}

.right-wrapper {
    min-width: 50%;
    float: right;
}

.margin {
    margin-right: 0px;
    margin-left: 0px;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex.center {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex.justifyleft {
    display: block;
    width: 50%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex.justifyleft.half {
    width: 50%;
}

.special-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.link-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.lm {
    margin-left: 5px;
}

.link-block {
    display: block;
    padding: 5px 0px 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

.leftmain {
    width: 75%;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}

.leftmain.fullwidth {
    width: 100%;
}

.leftmain.full {
    width: 100%;
}

.rightmain {
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
    float: right;
}

.panel-wrapper {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
}

.panel-header {
    height: 40px;
    padding: 10px 10px 10px 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #da291c;
}

.panel-header.cap {
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #da291c;
    background-image: url('../images/Calendar-Filled-50_1.png');
    background-position: 10px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.panel-header.letter {
    background-color: #da291c;
    background-image: url('../images/Read-Message-Filled-50.png');
    background-position: 10px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.panel-header.lock {
    background-color: #da291c;
    background-image: url('../images/Lock-Filled-50.png');
    background-position: 10px 50%;
    background-size: 22px;
    background-repeat: no-repeat;
}

.panel-header.table {
    border-style: none;
    background-color: #da291c;
    background-image: url('../images/Class-Filled-50.png');
    background-position: 10px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.panel-header.clock {
    background-image: url('../images/Last-Hour-Filled-50.png');
    background-position: 10px 50%;
    background-size: 24px;
    background-repeat: no-repeat;
}

.panel-header.invoice {
    background-image: url('../images/Invoice-Filled-50.png');
    background-position: 10px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.panel-header.user {
    background-image: url('../images/User-Group-Man-Man-Filled-50.png');
    background-position: 10px 50%;
    background-size: 25px;
    background-repeat: no-repeat;
}

.panel-header.money {
    position: relative;
    z-index: 0;
    background-color: #da291c;
    background-image: url('../images/Expand-Arrow-26-1.png'), url('../images/Sales-Performance-48-1.png');
    background-position: 95% 50%, 10px 50%;
    background-size: 13px, 24px;
    background-repeat: no-repeat, no-repeat;
}

.panel-header.financial {
    background-image: url('../images/Coins-50.png');
    background-position: 15px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.panel-content {
    display: block;
    padding: 10px;
}

.details-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.attendances {
    padding: 10px;
    border: 1px solid #afafaf;
    border-radius: 5px;
}

.table-line {
    height: 5px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #afafaf;
}

.table-line.miniline {
    height: 2px;
}

.radio-buttons {
    display: block;
    margin-right: 20px;
}

.form {
    display: block;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bf-de-search {
    width: 49%;
    height: 30px;
    border: 1px solid #afafaf;
    border-radius: 5px;
    background-image: url('../images/Search-52.png');
    background-position: 97% 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.container {
    position: absolute;
    left: 0px;
    top: 30%;
    right: 0px;
}

.container.login {
    top: 50%;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.login {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

.loginlogo {
    display: block;
    max-height: 80px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    text-align: left;
}

.button-large {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
}

.button-large.red {
    border-color: #ac062a;
    background-color: #ac062a;
    color: #fff;
}

.vorherige-anzeigen-link {
    display: block;
    margin-right: auto;
    margin-left: auto;
    color: #3a3a3a;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}

.vorherige-anzeigen-link:hover {
    color: #ac062a;
    font-size: 12px;
    font-weight: 700;
}

.vorherige-anzeigen-link:focus {
    color: #ac062a;
    font-weight: 700;
}

.pageflipbox {
    display: block;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.pageflipbox.year {
    width: 70%;
}

.link {
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

.link:hover {
    color: #da291c;
}

.link.contact {
    margin-right: 20px;
    background-image: url('../images/Message-Filled-50.png');
    background-position: 50% 0px;
    background-size: 25px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.link.contact:hover {
    background-image: url('../images/Message-Filled-501.png');
    background-position: 50% 0px;
    background-size: 25px;
    background-repeat: no-repeat;
}

.link.contact:focus {
    background-image: url('../images/Message-Filled-501.png');
    background-size: 25px;
}

.link.logout {
    display: block;
    background-image: url('../images/Export-Filled-502.png');
    background-position: 50% 0px;
    background-size: 25px;
    background-repeat: no-repeat;
    text-align: left;
    cursor: pointer;
}

.link.logout:hover {
    background-image: url('../images/Export-Filled-501.png');
    background-size: 25px;
}

.link.logout:focus {
    background-image: url('../images/Export-Filled-501.png');
    background-size: 25px;
}

.link.messages {
    margin-right: 20px;
    background-image: url('../images/icons8-Notification-48.png');
    background-position: 50% 0px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.link.messages:hover {
    background-image: url('../images/icons8-Notification-48-1.png');
    background-size: 24px;
}

.label {
    display: block;
    margin-bottom: 5px;
    color: #3d3d3d;
    font-size: 14px;
}

.label.small {
    font-size: 12px;
}

.label.small.red {
    color: #ac062a;
    font-weight: 700;
}

.label.small.green {
    color: #009002;
    font-weight: 700;
}

.label.bold {
    font-weight: 700;
}

.label.floatleft.space-right {
    margin-right: 10px;
}

.label.timeboxlabel {
    width: 10px;
    margin-top: 8px;
}

.textfield {
    border: 1px solid #afafaf;
    border-radius: 4px;
}

.headerlogo {
    max-height: 80px;
    float: left;
}

.radio-button {
    margin-right: 30px;
    float: left;
}

.card-divider {
    height: 4px;
    background-color: #646464;
    color: #3d3d3d;
}

.card-divider.small {
    height: 1px;
    background-color: #777;
}

.attended-button {
    width: 20px;
    height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 100px;
    background-color: #ac062a;
}

.absent-button {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background-color: #2d7e16;
}

.radio-attend {
    padding-left: 20px;
    float: right;
}

.radio-absent {
    padding-left: 20px;
}

.loginwrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/fullbackground.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/fullbackground.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.form-wrapper-login {
    width: 600px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 50px 80px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border: 1px none #3d3d3d;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 #777;
}

.login-form {
    margin-bottom: 20px;
}

.login-label {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.login-title-text {
    display: block;
    margin-bottom: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #3d3d3d;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}

.attendance-div-wrapper {
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.attendance-attended {
    margin-bottom: 5px;
    color: #008b16;
    text-transform: uppercase;
}

.attendance-absent {
    margin-bottom: 5px;
    color: #ac062a;
    text-align: center;
    text-transform: uppercase;
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.testbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.attend {
    width: 30px;
    height: 30px;
    border: 1px solid #ac062a;
    border-radius: 5px 0px 0px 5px;
    background-color: #fff;
    box-shadow: inset 0 0 3px 0 #ac062a;
}

.absend {
    width: 30px;
    height: 30px;
    border: 1px solid #116b00;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: inset 0 0 5px 0 #116b00;
}

.div-none {
    width: 20px;
    height: 30px;
    box-shadow: inset 0 0 4px 0 #000;
}

.present-div {
    height: 30px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #d2d2d2;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
    text-align: center;
}

.present-div:hover {
    background-color: #116b00;
    color: #ddd;
}

.present-div:focus {
    background-color: #116b00;
    color: #fff;
}

.present-div.present {
    background-color: #116b00;
    color: #fff;
}

.present-div.gray {
    background-color: #fff;
}

.absent-div {
    height: 30px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #d2d2d2;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    text-align: center;
}

.absent-div:hover {
    background-color: #ac062a;
    color: #ddd;
}

.absent-div:focus {
    background-color: #ac062a;
    color: #fff;
}

.absent-div.gray {
    background-color: #fff;
}

.absent-div.absent {
    background-color: #ac062a;
    color: #fff;
}

.viewcontainer {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 0px;
}

.materiallist {
    padding-left: 20px;
}

.attendancerow {
    margin-bottom: 10px;
}

.section-title {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #da291c;
    font-size: 17px;
    font-weight: 700;
}

.section-title.section-title-small-space {
    margin-bottom: 10px;
}

.grid-label {
    padding-top: 5px;
    font-size: 14px;
}

.grid-label.bold {
    font-weight: 700;
}

.grid-label.bold.nomargin {
    padding-top: 0px;
}

.headerlink {
    min-width: 100%;
}

.table-header-text {
    font-size: 13px;
    font-weight: 700;
}

.table-divider {
    height: 2px;
    background-color: hsla(0, 0%, 68.6%, 0.4);
}

.downloadbutton {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
}

.downloadbutton.mobile {
    float: left;
}

.downloadbutton.floatright {
    float: right;
}

.waiting-box-wrapper {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 90000;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.waitingbox {
    width: 300px;
    height: 150px;
    padding-top: 5px;
    border: 1px solid #3d3d3d;
    border-radius: 5px;
    background-color: #e1e1e1;
    box-shadow: 0 0 6px 0 #646464;
    text-align: center;
}

.navdropdown:hover {
    background-color: #da291c;
}

.navdropdown:focus {
    background-color: #da291c;
}

.nav-dropdown-toggle {
    padding: 13px 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.nav-dropdown-toggle:hover {
    background-image: url('../images/ArrowNavbar.png');
    background-position: 50% 160%;
    background-size: 25px;
    background-repeat: no-repeat;
}

.nav-dropdown-toggle:focus {
    background-color: #da291c;
    background-image: url('../images/ArrowNavbar.png');
    background-position: 50% 112%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.nav-dropdown-list {
    background-color: transparent;
}

.nav-dropdown-list.w--open {
    position: absolute;
    left: -391px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 547%;
    height: 34px;
    background-color: #da291c;
    box-shadow: inset 0 0 5px 0 #000;
}

.nav-dropdown-link {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 4px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}

.nav-dropdown-link:hover {
    background-image: url('../images/ArrowNavbar.png');
    background-position: 50% 116%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.nav-dropdown-link:focus {
    background-image: url('../images/ArrowNavbar.png');
    background-position: 50% 226%;
    background-size: 25px;
    background-repeat: no-repeat;
}

.bf-de-scheduler {
    height: 600px;
}

.tooltip {
    width: 250px;
    text-align: left;
}

.content-center {
    text-align: center;
}

.content-center.inline {
    display: inline-block;
}

.no-padding {
    padding-right: 0px;
    padding-left: 0px;
}

.header-warning {
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.provisional {
    margin-top: 14px;
    margin-bottom: 14px;
}

.statusbadge {
    display: inline-block;
    padding: 1px 7px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.24);
    border-radius: 5px;
    color: #646464;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.statusbadge.planned {
    background-color: #bbdefa;
}

.statusbadge.cancelled {
    background-color: #cf3555;
    color: #fff;
}

.statusbadge.executed {
    background-color: #b5dbb6;
}

.statusbadge.unpaidinvoice {
    background-color: #f0a8a3;
    color: #646464;
}

.statusbadge.paidinvoice {
    background-color: #b5dbb6;
}

.statusbadge.creditnote {
    background-color: #bbdefa;
}

.title1 {
    margin-bottom: 25px;
    color: #365fff;
}

.card1 {
    height: 150px;
    margin-bottom: 21px;
    padding: 15px 18px;
    border: 1px solid #4d4d4d;
    border-radius: 5px;
}

.agendaitem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    font-size: 16px;
}

.agendaright {
    font-size: 14px;
    text-align: right;
}

.agendaleft {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.agendacourse {
    display: inline-block;
    font-weight: 700;
}

.agendatime {
    display: inline-block;
    margin-right: 10px;
}

.blacktext {
    color: #000;
}

.submenu {
    height: 30px;
    background-color: #da291c;
    box-shadow: inset 0 0 5px 0 #000;
}

.opensubnav {
    display: none;
    height: 40px;
    background-color: #da291c;
    box-shadow: inset 0 0 8px 0 #000;
}

.opensubnav.subnavdocs {
    display: block;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.opensubnav.subnavtrainer {
    display: block;
}

.opensubnav.subnavtrainers3 {
    display: block;
}

.opensubnav.subnavtrainers4 {
    position: static;
    display: block;
    float: none;
    clear: none;
}

.subnav-link {
    height: 40px;
    padding-right: 15px;
    padding-left: 15px;
}

.subnav-link:hover {
    background-image: url('../images/ArrowNavbar.png');
    background-position: 50% 120%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.subnav-link:focus {
    background-image: url('../images/ArrowNavbar.png');
    background-position: 50% 120%;
    background-size: 15px;
    background-repeat: no-repeat;
}

.subnav-text {
    padding-top: 10px;
    color: #fff;
    font-size: 13px;
}

.subnav-placeholder {
    display: block;
    height: 40px;
}

.contact-popup-box {
    padding: 10px;
    background-color: #e7e7e7;
}

.contactpopuptext.title {
    display: inline-block;
    padding-top: 6px;
    padding-left: 15px;
    color: #333;
}

.contactpopuptext.big {
    font-size: 17px;
}

.title-div {
    margin-bottom: 30px;
}

.ivon {
    float: left;
}

.main {
    padding-right: 20px;
    padding-left: 20px;
}

.profile-picture-box {
    width: 100%;
}

.box-wrapper {
    margin-bottom: 10px;
}

.profile-pic-edit {
    margin-bottom: 10px;
}

.heading {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #505050;
    font-size: 15px;
}

.login-link {
    margin-top: 10px;
    float: right;
    color: #3a3a3a;
    text-decoration: underline;
}

.login-link.signup {
    margin-right: 10px;
}

.popup-box {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1001;
    display: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 41.2%, 0.75)), to(hsla(0, 0%, 41.2%, 0.75)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 41.2%, 0.75), hsla(0, 0%, 41.2%, 0.75));
}

.popup-box.visible {
    z-index: 1001;
    display: block;
}

.popup-wrapper {
    position: fixed;
    left: 0px;
    top: 20px;
    right: 0px;
    width: 90%;
    max-width: 800px;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 10px 10px 40px 0 #494848;
}

.pup-header {
    margin-bottom: 20px;
}

.closebutton {
    width: 25px;
    height: 25px;
    float: right;
}

.pup-title {
    padding-right: 25px;
    float: left;
    font-size: 18px;
}

.norecords {
    display: block;
    width: 100%;
    height: 200px;
    margin-bottom: 100px;
    padding-top: 90px;
    font-size: 24px;
    text-align: center;
}

.norecords.dash {
    height: 150px;
    margin-bottom: 0px;
    padding-top: 60px;
    font-size: 20px;
    line-height: 20px;
}

.norecords.docs {
    height: 80px;
    margin-bottom: 0px;
    padding-top: 30px;
    font-size: 20px;
}

.norecords.docs.tall {
    height: 200px;
    padding-top: 90px;
}

.norecords.docs.divnorecordsattendancesgroup {
    height: 50px;
    padding-top: 15px;
}

.norecords.events {
    margin-bottom: 0px;
    border: 1px dotted #646464;
}

.pup-upper-content {
    display: block;
}

.pup-buttonarea {
    margin-top: 10px;
}

.pup-title-block {
    width: 90%;
}

.pup-buttonarea3 {
    width: 10%;
    max-width: 25px;
    float: right;
}

.busyoverlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.51)), to(hsla(0, 0%, 100%, 0.51)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.51), hsla(0, 0%, 100%, 0.51));
}

.bf-de-uploader {
    width: 50px;
    height: 50px;
}

.croppie {
    width: 200px;
    height: 200px;
    margin: 10px auto;
}

.filedrop {
    min-height: 70px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-left: 5px;
    border: 3px dashed #acacac;
}

.filedrop.filehover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(143, 252, 169, 0.5)), to(rgba(143, 252, 169, 0.5)));
    background-image: linear-gradient(180deg, rgba(143, 252, 169, 0.5), rgba(143, 252, 169, 0.5));
}

.droptext {
    display: inline-block;
    color: #acacac;
    font-size: 16px;
    font-weight: 600;
}

.fullwidth {
    width: 100%;
}

.bf-pagination {
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    background-image: url('../images/ignore-pagination.png');
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bb-buttonleft {
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid none solid solid;
    border-width: 1px;
    border-color: #a7a7a7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #fff, #ebebeb);
    box-shadow: 1px 1px 3px 0 #a7a7a7;
    color: #3d3d3d;
    text-align: center;
}

.bb-buttonleft:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#dfdfdf)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #dfdfdf, #dfdfdf), linear-gradient(180deg, #fff, #ebebeb);
}

.bb-buttonleft.w--current {
    border-color: #3d3d3d;
    background-color: #3d3d3d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#6b6b6b)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #6b6b6b, #6b6b6b), linear-gradient(180deg, #fff, #ebebeb);
    box-shadow: 1px 1px 3px 0 #a7a7a7, inset 0 0 6px 0 #303030;
    color: #fff;
}

.bb-buttonleft.pressed {
    border-color: #3d3d3d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#646464)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #646464, #646464), linear-gradient(180deg, #fff, #ebebeb);
    box-shadow: 1px 1px 3px 0 #a7a7a7, inset 0 0 6px -2px #000;
    color: #fff;
}

.bb-button {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #a7a7a7;
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #fff, #ebebeb);
    box-shadow: 1px 1px 3px 0 #a7a7a7;
    color: #3d3d3d;
    text-align: center;
}

.bb-button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#dfdfdf)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #dfdfdf, #dfdfdf), linear-gradient(180deg, #fff, #ebebeb);
}

.bb-button.pressed {
    border-color: #3d3d3d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#646464)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #646464, #646464), linear-gradient(180deg, #fff, #ebebeb);
    box-shadow: 1px 1px 3px 0 #a7a7a7, inset 0 0 6px -2px #000;
    color: #fff;
}

.bb-buttonright {
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #a7a7a7;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #fff, #ebebeb);
    box-shadow: 1px 1px 3px 0 #a7a7a7;
    color: #3d3d3d;
    text-align: center;
}

.bb-buttonright:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#dfdfdf)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #dfdfdf, #dfdfdf), linear-gradient(180deg, #fff, #ebebeb);
}

.bb-buttonright.pressed {
    border-color: #3d3d3d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#646464)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    background-image: linear-gradient(180deg, #646464, #646464), linear-gradient(180deg, #fff, #ebebeb);
    box-shadow: 1px 1px 3px 0 #a7a7a7, inset 0 0 6px -2px #000;
    color: #fff;
}

.button-bar {
    margin-bottom: 20px;
}

.keywordsearchbox {
    width: 300px;
    float: right;
}

.bigattendance {
    width: 100%;
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
}

.statuslabel {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 10px;
    background-color: #ff5c00;
    color: #fff;
}

.center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.textlink {
    display: inline-block;
    padding-right: 12px;
    background-image: url('../images/Forward-26.png');
    background-position: 100% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.textlink:hover {
    text-decoration: underline;
}

.qcardheader {
    height: 40px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e6e6e6));
    background-image: linear-gradient(180deg, #e6e6e6, #e6e6e6);
}

.qbardbody {
    min-height: 200px;
    border-style: none solid solid;
    border-width: 1px;
    border-color: #e6e6e6;
}

.text-block-2 {
    padding-top: 11px;
    padding-left: 13px;
}

.bf-de-chart {
    width: 100%;
    height: 250px;
}

.col-label {
    padding-top: 9px;
}

.mobilespace {
    display: none;
}

.chooselanguage {
    width: 90px;
    margin-top: 15px;
    margin-right: 50px;
    float: right;
}

.languagelink:hover {
    color: #da291c;
}

.languagelink.w--current {
    color: #da291c;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.floatright.spaceinbetween {
    margin-right: 10px;
}

.floatright2 {
    float: right;
}

.contenthidden {
    display: block;
}

.opencontent {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 200;
}

.panel-header-link {
    height: 40px;
    padding: 10px 10px 10px 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #da291c;
    background-image: url('../images/Coins-50.png');
    background-position: 10px 50%;
    background-size: 18px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.sidebar-link {
    display: block;
    margin-bottom: -10px;
    padding: 10px;
    background-image: url('../images/Expand-Arrow-26-2.png');
    background-position: 88% 40%;
    background-size: 13px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.content-hidden {
    display: block;
}

.vertical-space {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.messageblock {
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
}

.messageheader {
    margin-bottom: 5px;
    font-weight: 700;
    text-transform: uppercase;
}

.columnspaceless {
    padding-right: 0px;
    padding-left: 0px;
}

.infobox {
    margin-bottom: 15px;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 46.7%, 0.47);
    background-color: hsla(0, 0%, 46.7%, 0.17);
}

.logo {
    display: block;
    width: auto;
    max-height: 80px;
    margin-right: auto;
    margin-left: auto;
}

.header-feedback {
    margin-top: 20px;
}

.logo-subtitle {
    position: absolute;
    top: 9%;
    right: 40%;
    display: inline-block;
    float: right;
    font-family: Exo, sans-serif;
    color: #da291c;
    font-size: 18px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: lowercase;
}

.main-container {
    margin-top: 30px;
}

.fd-card {
    margin: 20px 30px 30px;
    padding: 30px 30px 20px;
    border: 1px solid #a7a7a7;
    border-radius: 3px;
    box-shadow: 1px 1px 7px 0 #d1d1d1;
}

.fd-card-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}

.fd-card-title-text {
    display: inline-block;
    color: #333;
    font-size: 22px;
}

.question-location-number {
    float: right;
    color: #999;
}

.question-container {
    padding-right: 20px;
    padding-left: 20px;
}

.fd-card-footer {
    padding-top: 20px;
    border-top: 1px solid #d8d8d8;
}

.question-big-text {
    display: inline-block;
    margin-bottom: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.question-text {
    margin-bottom: 40px;
    padding-right: 40px;
    font-size: 13px;
}

.radio-button-answer {
    font-size: 13px;
}

.radio-button-answer.small {
    display: inline-block;
    margin-right: 30px;
}

.empty {
    height: 0px;
}

.attendee-name {
    font-size: 15px;
    font-weight: 700;
}

.attendee-name.course-name {
    margin-left: 30px;
}

.scale-icon {
    margin-top: -5px;
    margin-left: 5px;
}

.text-block-4 {
    font-weight: 700;
}

.text-span {
    font-weight: 400;
}

.welcometext {
    margin-bottom: 16px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

.loadingscreen {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: none;
    background-color: #fff;
}

.loading-screen-bi {
    position: fixed;
    left: 0px;
    top: 30%;
    right: 0px;
    bottom: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-color: #f4f4f4;
}

.loadingspinner {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.loadinglogo {
    display: block;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}

.loading-screen {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    display: block;
    background-color: #f4f4f4;
}

.loading-screen.bf-init-visible {
    display: none;
}

.loading-screen.bf-live-visible {
    z-index: 9999999;
    display: none;
}

.display-block {
    margin-bottom: 5px;
}

.bold-text {
    font-weight: 400;
}

.text-block-5 {
    background-color: #259011;
}

.text-block-5.floatleft {
    font-size: 18px;
}

.bold-text-2 {
    display: block;
    color: #303030;
    font-weight: 700;
}

.text-green {
    color: #333;
    font-weight: 500;
}

.text-questionnaire {
    padding: 10px;
    float: left;
    border-radius: 2px;
    background-color: #338d22;
    color: #000;
}

.bold-text-3 {
    color: #fff;
    font-size: 18px;
}

.text-block-6 {
    position: static;
    display: block;
    width: 15px;
    height: 15px;
    min-height: 15px;
    min-width: 15px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    border: 1px solid #000;
}

.column-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.div-block {
    margin-bottom: 0px;
}

.div-block-2 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.mtop10 {
    margin-top: 10px;
    margin-bottom: 0px;
    float: none;
    clear: both;
}

.mtop10.legendstudentattendancedetails {
    min-height: 70px;
    min-width: 200px;
    float: left;
    clear: none;
}

.mtop10.chartstudentattendancedetails {
    float: left;
    clear: both;
}

.div-block-4 {
    margin-top: 10px;
    margin-left: 5px;
}

.text-block-7 {
    font-size: 12px;
}

.textbox11 {
    font-size: 11px;
}

.tree-control {
    width: 50%;
}

.tree-nav-element {
    padding: 5px;
    background-color: #eee;
    background-image: url('../images/Expand-Arrow-26-2.png');
    background-position: 98% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    font-size: 14px;
}

.tree-subnav-element {
    padding: 2px 5px;
}

.tree-subnav-file {
    padding-left: 25px;
    background-image: url('../images/Double-Right-48.png');
    background-position: 2% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
}

.image-2 {
    width: 18px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    padding-left: 0px;
    float: left;
}

.addtrainer {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 1px 10px;
    border-radius: 20px;
    background-color: hsla(0, 0%, 80%, 0.43);
}

.text-block-8 {
    margin-left: 14px;
}

.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-block-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.column-3 {
    text-align: right;
}

.column-4 {
    text-align: right;
}

.text-block-9 {
    float: none;
    clear: none;
}

.column-5 {
    clear: none;
}

.div-block-6 {
    position: static;
    float: none;
    clear: none;
}

.timeboxcolumn {
    padding-right: 5px;
    padding-left: 0px;
}

.timeboxcolumn.labelcolumn {
    padding-right: 0px;
}

.column-6 {
    height: 0px;
}

.columns-2 {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
}

.opensubnavtrainer {
    display: block;
    height: 40px;
    background-color: #da291c;
    box-shadow: inset 0 0 8px 0 #000;
}

.opensubnavtrainer.subnavdocs {
    display: block;
}

.opensubnavtrainer.subnavtrainer {
    display: block;
}

.subnavtrainers4 {
    display: block;
}

.image-3 {
    margin-right: 9px;
    float: left;
}

.div-block-7 {
    margin-right: 10px;
    text-align: right;
}

.text-floatrightinline {
    display: inline;
}

.teststatusbadge {
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    padding: 0px 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.24);
    border-radius: 5px;
    color: #646464;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.teststatusbadge.planned {
    background-color: #bbdefa;
}

.teststatusbadge.cancelled {
    background-color: #cf3555;
    color: #fff;
}

.teststatusbadge.executed {
    background-color: #b5dbb6;
}

.teststatusbadge.unpaidinvoice {
    background-color: #f0a8a3;
    color: #646464;
}

.teststatusbadge.paidinvoice {
    background-color: #b5dbb6;
}

.teststatusbadge.creditnote {
    background-color: #bbdefa;
}

.teststatusbadge.review {
    background-color: #fffda2;
}

.teststatusbadge.approved {
    background-color: #baffc4;
}

.teststatusbadge.rejected {
    background-color: #ffa9a9;
}

.mobilenav {
    display: none;
}

html.w-mod-js *[data-ix="displaynone"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="popup"] {
    opacity: 0;
    -webkit-transform: translate(0px, -300px);
    -ms-transform: translate(0px, -300px);
    transform: translate(0px, -300px);
}

html.w-mod-js *[data-ix="contenthidden"] {
    display: none;
    opacity: 0;
}

@media screen and (max-width: 991px) {
    .row {
        float: none;
    }

    .dropdown-list.w--open {
        display: inline;
        background-color: #afafaf;
        color: #fff;
    }

    .dropdown-link {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        border-style: none;
        border-width: 1px;
        border-color: #000 #000 hsla(0, 0%, 39.2%, 0.16);
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        color: #3d3d3d;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
    }

    .dropdown-link:hover {
        background-color: transparent;
        background-image: none;
        color: #ac062a;
    }

    .dropdown-link:focus {
        color: #ac062a;
    }

    .bf-int-badge-box {
        width: 100%;
        text-align: center;
    }

    .bf-de-selectbox {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .bf-de-textarea {
        width: 100%;
    }

    .bf-de-checkbox {
        margin-right: 20px;
    }

    .header-right-box {
        margin-top: 17px;
    }

    .text.red {
        display: block;
    }

    .text.dropdown {
        color: #3d3d3d;
        text-align: center;
    }

    .text.dropdown:hover {
        color: #ac062a;
    }

    .text.dropdown:focus {
        color: #ac062a;
    }

    .text.bold {
        margin-right: 5px;
    }

    .text.icons.mobile {
        padding-top: 20px;
    }

    .image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .image.profilepicture.profilepicmoble {
        margin-top: -5px;
        margin-right: 20px;
        margin-bottom: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .shadowcontainer {
        position: static;
    }

    .shadowcontainer.menumargin {
        padding-bottom: 0px;
    }

    .sidebarbox {
        position: static;
        display: block;
        float: none;
        clear: none;
        text-align: left;
    }

    .leftmaincol {
        position: static;
        display: block;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 5px;
        padding-left: 5px;
        float: right;
        clear: none;
    }

    .rightmaincol {
        position: static;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        overflow: visible;
        width: 100%;
        margin-left: 0px;
        padding-left: 3px;
        float: none;
        clear: none;
    }

    .column {
        display: block;
    }

    .box-title.salary {
        padding-left: 30px;
        text-align: left;
    }

    .box-title.vacations {
        padding-left: 30px;
        text-align: left;
    }

    .box-content {
        display: block;
    }

    .box-content-flex {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
    }

    .box-content-flex.space-between {
        padding-right: 0px;
        padding-left: 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .box-content-flex.buttons {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .box-content-flex.checkbox {
        float: left;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .buttonbar.navi {
        margin-top: 10px;
    }

    .userpicture {
        padding-bottom: 0px;
    }

    .logomobile {
        max-height: 70px;
        max-width: 80%;
        padding-top: 13px;
        padding-left: 10px;
    }

    .container-navbar {
        height: 60px;
    }

    .navlink {
        display: block;
        padding: 10px;
        background-image: none;
        box-shadow: none;
        color: #fff;
        text-align: center;
    }

    .navlink:hover {
        background-color: #da291c;
        background-image: none;
    }

    .navlink:focus {
        background-color: #da291c;
        background-image: none;
    }

    .navlink.w--current {
        background-image: none;
    }

    .navlink.w--open {
        position: static;
        left: 0px;
        top: 0px;
        bottom: 0px;
        display: block;
        overflow: visible;
    }

    .navlink.home {
        width: 100%;
        background-image: url('../images/Home-Filled-50.png');
        background-position: 50% 50%;
        background-size: 18px;
        background-repeat: no-repeat;
    }

    .navlink.home:hover {
        background-image: url('../images/Home-Filled-50.png'), -webkit-gradient(linear, left top, left bottom, from(#da291c), to(#da291c));
        background-image: url('../images/Home-Filled-50.png'), linear-gradient(180deg, #da291c, #da291c);
        background-position: 50% 50%, 0px 0px;
        background-size: 18px, auto;
        background-repeat: no-repeat, repeat;
    }

    .navlink.home:focus {
        background-image: url('../images/Home-Filled-50.png'), -webkit-gradient(linear, left top, left bottom, from(#da291c), to(#da291c));
        background-image: url('../images/Home-Filled-50.png'), linear-gradient(180deg, #da291c, #da291c);
        background-position: 50% 50%, 0px 0px;
        background-size: 18px, auto;
        background-repeat: no-repeat, repeat;
    }

    .navlink.home.mobile {
        background-image: none;
    }

    .navlink.mobile {
        display: none;
        color: #fff;
    }

    .nav-menu {
        background-color: #afafaf;
    }

    .nav-dropdown-mobile {
        position: static;
        display: block;
    }

    .menu-button-mobile {
        margin-left: 10px;
    }

    .menu-button-mobile.w--open {
        margin-right: 0px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#4d4d4d));
        background-image: linear-gradient(180deg, #3a3a3a, #4d4d4d);
    }

    .menu-button-mobile-icon {
        background-color: transparent;
    }

    .wrapper {
        width: 100%;
    }

    .left {
        position: static;
        display: block;
        width: 100%;
        float: left;
    }

    .right {
        position: static;
        width: 100%;
        float: none;
    }

    .content-navbar.withbutton {
        width: 100%;
    }

    .content-navbar.withbutton.small.alignement {
        display: block;
    }

    .details-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .tableline {
        margin-bottom: 10px;
        padding: 5px;
    }

    .text-block {
        float: none;
    }

    .left-wrapper {
        min-width: 100%;
    }

    .right-wrapper._100 {
        min-width: 100%;
    }

    .flex.center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flex.justifyleft {
        width: 100%;
    }

    .leftmain {
        width: 100%;
    }

    .rightmain {
        display: block;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }

    .bf-de-search {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .loginlogo {
        max-height: 50px;
    }

    .link.contact.mobile {
        background-size: 20px;
    }

    .opensubnav.subnavdocs {
        display: none;
    }

    .mobilenav-dd:hover {
        background-color: #da291c;
    }

    .mobilenav-dd:focus {
        background-color: #da291c;
    }

    .mobilenav-dd-toggle {
        padding: 10px;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
    }

    .mobilenav-dd-list.w--open {
        background-color: #585858;
        box-shadow: inset 0 0 8px 0 #000;
    }

    .mobilenav-dd-link {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }

    .mobilenav-dd-link:hover {
        background-color: #da291c;
    }

    .mobilenav-dd-link:focus {
        background-color: #da291c;
    }

    .contact-icon {
        width: 10%;
        padding-top: 15px;
        float: right;
    }

    .chooselanguage {
        display: block;
    }

    .chooselanguage-mobile {
        margin-top: 20px;
        float: left;
    }

    .logo {
        max-height: 50px;
    }

    .mobilenav {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .bf-de-switch {
        margin-right: 0px;
        margin-left: 0px;
    }

    .bf-de-textarea {
        width: 100%;
    }

    .bf-de-checkbox {
        margin-bottom: 10px;
    }

    .image {
        max-width: 35%;
    }

    .shadowcontainer {
        min-height: 300px;
    }

    .rightmaincol {
        width: 100%;
        float: none;
    }

    .box-content-flex.checkbox.camobilechk {
        margin-right: 20px;
    }

    .logomobile {
        max-width: 70%;
        padding-top: 15px;
    }

    .brandmobile {
        margin-right: -70px;
    }

    .nav-menu.mobile {
        margin-top: 7px;
    }

    .menu-button-mobile.w--open {
        padding-bottom: 25px;
    }

    .right {
        text-align: right;
    }

    .content-navbar.withbutton.fullwidth.planning {
        margin-top: 50px;
    }

    .tableline.separator {
        border-style: solid;
        border-radius: 5px;
    }

    .table-wrapper {
        border-style: none;
    }

    .text-block {
        float: none;
    }

    .left-wrapper {
        width: 100%;
    }

    .right-wrapper {
        min-width: 100%;
    }

    .rightmain {
        width: 80%;
    }

    .login {
        padding-right: 20px;
        padding-left: 20px;
    }

    .pageflipbox {
        width: 50%;
    }

    .radio-button {
        min-width: 100%;
        padding-bottom: 5px;
    }

    .radio-attend {
        float: left;
    }

    .form-wrapper-login {
        width: 500px;
    }

    .attendance-absent {
        text-align: left;
    }

    .testbox {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .viewcontainer {
        padding-right: 0px;
    }

    .downloadbutton {
        float: right;
    }

    .bold {
        font-weight: 700;
    }

    .statusbadge {
        float: right;
    }

    .card1 {
        font-size: 20px;
    }

    .agendaitem {
        font-size: 14px;
    }

    .agendaright {
        font-size: 12px;
    }

    .norecords {
        padding-top: 40px;
    }

    .fullwidth {
        display: block;
    }

    .fullwidth.floatright {
        width: 50%;
        float: right;
    }

    .fullwidth.contracts {
        width: 100%;
    }

    .fullwidth.quotes {
        width: 30%;
    }

    .keywordsearchbox {
        width: 210px;
    }

    .tablelinecol {
        margin-bottom: 10px;
    }

    .textlink {
        float: right;
    }

    .textlink.alignleft {
        float: left;
    }

    .floatright {
        float: right;
    }

    .text-floatright {
        float: right;
    }

    .text-floatright.padding {
        margin-right: 20px;
    }

    .text-block-3 {
        float: right;
    }

    .chooselanguage-mobile {
        margin-top: 22px;
        float: left;
    }

    .text-floatrightinline {
        float: right;
    }

    .text-floatrightinline.padding {
        margin-right: 20px;
    }

    .teststatusbadge {
        float: right;
    }
}

@media screen and (max-width: 479px) {
    .bf-de-selectbox {
        width: 100%;
    }

    .bf-de-textarea {
        width: 100%;
    }

    .bf-mt-panel-header {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header-right-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .button.extranet.default.subscribe {
        font-size: 10px;
    }

    .button.extranet.standard.upload {
        font-size: 10px;
    }

    .text.alignright {
        text-align: right;
    }

    .text.icons {
        width: 20px;
    }

    .image {
        max-width: 50%;
    }

    .shadowcontainer.wpadding {
        padding-top: 10px;
    }

    .rightmaincol {
        position: static;
        overflow: visible;
        float: none;
        clear: none;
    }

    .column {
        position: relative;
    }

    .logomobile {
        max-height: 50px;
        max-width: 100%;
        padding-top: 15px;
    }

    .brandmobile {
        max-width: 40%;
    }

    .nav-menu.mobile {
        margin-top: 21px;
    }

    .menu-button-mobile {
        margin-left: 0px;
    }

    .menu-button-mobile.w--open {
        margin-right: 0px;
        padding-bottom: 40px;
    }

    .right {
        text-align: right;
    }

    .content-navbar.withbutton.small.alignement {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .tableline {
        border-style: solid;
    }

    .rightmain {
        width: 100%;
    }

    .bf-de-search {
        width: 100%;
    }

    .pageflipbox {
        width: 100%;
    }

    .link.messages {
        width: 20px;
    }

    .filter-form {
        padding-left: 10px;
        font-size: 15px;
    }

    .radio-button {
        width: 100%;
        padding-top: 5px;
        font-size: 12px;
    }

    .radio-attend {
        display: block;
    }

    .radio-absent {
        margin-bottom: 0px;
    }

    .form-wrapper-login {
        width: auto;
        padding: 20px;
    }

    .login-title-text {
        font-size: 20px;
    }

    .viewcontainer {
        padding-right: 0px;
    }

    .download-pdf {
        padding-top: 5px;
    }

    .downloadbutton {
        float: right;
    }

    .downloadbutton.mobile {
        max-width: 100%;
    }

    .bold {
        font-weight: 700;
    }

    .bold.floatleft {
        float: left;
        color: #646464;
    }

    .statusbadge {
        float: right;
    }

    .agendaright {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .mobilenav-dd-list {
        display: none;
    }

    .contact-icon {
        margin-right: 10px;
    }

    .droptext {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .fullwidth.quotes {
        width: 60%;
    }

    .center.nombile {
        text-align: left;
    }

    .align-right.nomobile {
        float: left;
    }

    .textlink.alignleft {
        float: left;
    }

    .qbardbody {
        min-height: 120px;
    }

    .mobilespace {
        width: 10px;
        height: 10px;
    }

    .floatright {
        float: right;
    }

    .text-floatright.padding {
        margin-right: 0px;
    }

    .chooselanguage-mobile {
        margin-top: 7px;
        float: none;
    }

    .chooselanguage-mobile-small {
        margin-top: 9px;
        margin-left: 22px;
        float: left;
        clear: left;
    }

    .moblink {
        width: 25px;
        height: 25px;
        margin-top: 17px;
        float: right;
    }

    .moblink.message {
        margin-right: 15px;
        background-image: url('../images/icons8-Notification-48.png');
        background-position: 50% 50%;
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .moblink.contact {
        margin-right: 15px;
        background-image: url('../images/Message-Filled-50.png');
        background-position: 50% 50%;
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .moblink.logout {
        background-image: url('../images/Export-Filled-502.png');
        background-position: 50% 50%;
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .welcometext {
        font-size: 16px;
        line-height: 20px;
    }

    .text-floatrightinline.padding {
        margin-right: 0px;
    }

    .teststatusbadge {
        float: right;
    }
}