/*
    CSS khusus untuk proyek ini.
    Kalo mulai proyek baru, hapus semua isi css ini.
*/

.dataTables_scrollFootInner {
    padding-right: 0px !important;
}

.col {
    flex-basis: auto !important; /* Fix for Firefox? */
}

.hidden {
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: none;
}

.checkbox > input {
    display: none;
}

.checkbox > input + i {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #CCCCCC;
    background-color: #EEEEEE;
    position: relative;
    top: 3px;
}

.checkbox:hover > input + i {
    border: solid 1px #00aec6;
}

.checkbox > input:checked + i {
    border: solid 1px #00bed6;
    background-color: #d0eef6;
}

.checkbox > input:checked + i:after {
    content: '\2713';
    color: #00bed6;
    font-size: 17px;
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: -9px;
}

.checkbox > input:disabled + i {
    border: solid 1px #E8E8E8;
    background-color: #EEEEEE;
}

.checkbox > input:checked:disabled + i {
    border: solid 1px #d0eef6;
    background-color: #d0eef6;
}

.checkbox > input:checked:disabled + i:after {
    color: #00bed6;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    background-color: #959ea9;
}
.dataTable .btn-action {
    margin-bottom: 5px;
}
.aktifitas {
    margin-top: 20px;
    color: #252f42;
}
.aktifitas-wrapper {
    display: inline-flex;
    font-size: 12px;
    align-items: center;
    border: 1px solid #3398dc;
    margin-right: 10px;
}
.title-aktifitas {
    background: #3398dc;
    color: white;
    padding: 3px 6px;
}
.content-aktifitas {
    padding: 0 10px;
}
.th-action-applied-discount {
    width: 155px !important;
}
.bonus-produk-thumbs {
    max-width: 100px;
    margin-top: 10px;
}
[class*="btn-utility-"] {
    vertical-align: middle;
}
[class*="btn-utility-"].btn-sm {
    padding: .25rem .45rem;
}
[class*="btn-utility-"]>i.fa {
    margin-right: 10px;
    position: relative;
    font-weight: bold;
    font-size: 12px;
}
[class*="btn-utility-"]>i.fa:after {
    content: '';
    display: block;
    height: 22px;
    border-right: solid 1px #FFFFFF;
    position: absolute;
    right: -6px;
    top: -4px;
    opacity: 0.2;
}
.hasil-filter {
    max-height: 150px;
    margin-bottom: 10px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.table-compressed th,
.table-compressed td {
    padding: .8rem !important;
    line-height: 1.3 !important;
}

/* Kode Produk Masking */

.kp-masking input {
    width: 30px;
    min-height: 30px;
    text-align: center;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
    color: inherit;
}
input.kp-long {
    width: 100px;
}
.kp-separator {
    color: #bbb;
}
/* Booking */

p.bk-name {
    font-weight: 600;
    color: #212121;
    font-size: 14px;
}
.bk-option {
    padding: 10px;
}
.bk-option p {
    margin-bottom: 5px;
}
/* Detail */

.detail-wrapper {
    background: #f0f0f0;
    padding: 20px;
    border: 1px dashed #ccc;
}
.detail-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-weight: 600;
    color: #212121;
    text-transform: uppercase;
}
/* Same Width Div */

.d {
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.d-one {
    width: 90px;
}
.d-two {
    margin-right: 3px;
}
.d-one-v2 {
    width: 80px;
}

.d-three{
    width: 120px;
}

/* Special Form Elements */

.checkbox-custom>input[type="checkbox"] {
    display: none;
}
.checkbox-custom>label {
    position: relative;
}
.checkbox-custom>label:before {
    content: '';
    width: 18px;
    height: 18px;
    border: solid 1px #EAEAEA;
    background-color: #FFFFFF;
    position: absolute;
    left: 11px;
    top: 11px;
}
.checkbox-custom>label:hover, .checkbox-custom>input[type="checkbox"]:checked+label {
    color: #555555;
}
.checkbox-custom>label:hover:before, .checkbox-custom>input[type="checkbox"]:checked+label:before {
    border: solid 1px #EAEAEA;
}
.checkbox-custom>label:disabled:hover {
    color: #2DB0FF;
}
.checkbox-custom>label:disabled:hover:before {
    border: solid 1px #4DD0FF;
}
.checkbox-custom>input[type="checkbox"]:checked+label:after {
    content: '\2713';
    color: #2DB0FF;
    font-size: 22px;
    font-weight: 900;
    position: absolute;
    left: 11px;
    top: -3px;
}
.form-group .checkbox-custom>label {
    width: 100%;
    height: 41px;
    line-height: 41px;
    padding-left: 39px;
    margin-bottom: 0px;
    background-color: #FAFAFA;
    border: solid 1px #CCCCCC;
    border-right: 0px;
}
.form-group .checkbox-custom>input[type="checkbox"]:checked+label {
    border: solid 1px #2DB0FF;
    border-right: 0px;
}
.form-group .checkbox-custom>input[type="checkbox"]:disabled+label {
    border: 0px !important;
    background-color: transparent !important;
}
td.checkbox-custom {
    padding: 0px !important;
}
td.checkbox-custom label {
    margin: 0px !important;
    border: 0px !important;
    background: transparent !important;
    padding: 0px !important;
}
td.checkbox-custom>label:before, td.checkbox-custom>label:after {
    left: 50% !important;
    margin-left: -9px;
}
.infoarea > .form-group > .checkbox-custom {
    display: inline-block;
}
.infoarea > .form-group > .checkbox-custom>label {
    border: solid 1px #CCCCCC !important;
    padding-right: 15px;
}
.infoarea > .form-group > .checkbox-custom>input[type="checkbox"]:checked+label {
    border: solid 1px #2DB0FF !important;
}
.txtbtn_combo .form-group, .txtchk_combo, .chktxt_combo {
    overflow: auto;
}
.txtbtn_combo input[type="text"] {}
.txtbtn_combo .btn {
    line-height: 1.5;
    max-height: 41.2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
    background-color: #2DB0FF;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.txtbtn_combo .btn:hover {
    background-color: #3DC0FF;
}
.txtchk_combo input[type="text"] {
    width: 60%;
    float: left;
    border-radius: 4px 0px 0px 4px !important;
}
.txtchk_combo .checkbox-custom {
    width: 40%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.txtchk_combo .checkbox-custom>label {
    border-radius: 0px 4px 4px 0px !important;
}
.chktxt_combo input[type="text"] {
    width: 45%;
    float: left;
    border-radius: 0px 4px 4px 0px !important;
}
.chktxt_combo .checkbox-custom {
    width: 55%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.chktxt_combo .checkbox-custom>label {
    border-radius: 4px 0px 0px 4px !important;
}
@media screen and (min-width: 768px) {
    .txtbtn_combo input[type="text"],
    .txtbtn_combo .custom-select2 {
        width: 70%;
        float: left;
        border-radius: 4px 0px 0px 4px !important;
    }
    .txtbtn_combo .custom-select2 {
        overflow: hidden;
    }
    .txtbtn_combo .custom-select2 .select2-selection {
        border-radius: 4px 0px 0px 4px !important;
    }
    .txtbtn_combo .btn {
        width: 30%;
        float: left;
        border-radius: 0px 4px 4px 0px !important;
    }

    .txtbtn_combo.txtbtn_combo_vertical .custom-select2 {
        width: 100%;
        float: none;
        margin-bottom: 0px !important;
    }
    .txtbtn_combo.txtbtn_combo_vertical .custom-select2 .select2-selection {
        border-radius: 4px 4px 0px 0px !important;
    }
    .txtbtn_combo.txtbtn_combo_vertical .btn {
        width: 100%;
        float: none;
        border-radius: 0px 0px 4px 4px !important;
    }

    .txtbtn_combo .custom-select2 + .btn {
        height: 40px;
    }
    .txtbtn_combo.txtbtn_combo_3 input[type="text"],
    .txtbtn_combo.txtbtn_combo_3 .custom-select2 {
        width: 60%;
        float: left;
        border-radius: 4px 0px 0px 4px !important;
    }
    .txtbtn_combo.txtbtn_combo_3 .btn {
        width: 20%;
        float: left;
        border-radius: 0px !important;
        border-left: solid 1px #ccc;
    }
    .txtbtn_combo.txtbtn_combo_3 .btn:last-child {
        border-radius: 0px 4px 4px 0px !important;
    }
}
@media screen and (max-width: 575px) {
    .chktxt_combo input[type="text"] {
        width: 100%;
        border-radius: 0px 0px 4px 4px !important;
    }
    .chktxt_combo .checkbox-custom {
        width: 100%;
    }
    .chktxt_combo .checkbox-custom>label {
        border-radius: 4px 4px 0px 0px !important;
    }
    .form-group .checkbox-custom>label {
        border: solid 1px #CCCCCC;
        border-bottom: 0px;
    }
    .form-group .checkbox-custom>input[type="checkbox"]:checked+label {
        border: solid 1px #2DB0FF;
        border-bottom: 0px;
    }
}
.datepicker_text_combo {
    height: 41.2px;
}
.datepicker_text_combo .u-datepicker--v3 {
    width: 70% !important;
    float: left;
    border-radius: 4px 0px 0px 4px !important;
    padding: 1px 0px 2px 0px;
    height: 41.2px;
}
.datepicker_text_combo input[type="text"] {
    width: 30%;
    float: left;
    border-radius: 0px 4px 4px 0px !important;
    border-left: 0px;
}
.form_folded {
    position: relative;
    padding-top: 25px;
    overflow: hidden;
    max-height: 4000px;
    transition: max-height 4s, -webkit-transform 4s;
    transition: max-height 4s, transform 4s;
    transition: max-height 4s, transform 4s, -webkit-transform 4s;
}
.form_fastfolded {
    position: relative;
    padding-top: 25px;
    overflow: hidden;
    max-height: 4000px;
}
.form_folded:before, .form_folded:after, .form_fastfolded:before, .form_fastfolded:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 15px;
    border-top: solid 1px #e1eaea;
}
.form_folded:after, .form_fastfolded:after {
    left: auto;
    right: 0px;
    width: 15px;
    border-top: solid 1px #ffffff;
}
.form_folded.form_folded_hidden, .form_fastfolded.form_fastfolded_hidden {
    padding-top: 0px;
    max-height: 0px;
    min-height: 0px !important;
}
.form-group.form_fastfolded {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.form-group.form_fastfolded:before, .infoarea.form_fastfolded:before, .form-group.form_fastfolded:after, .infoarea.form_fastfolded:after, .calc-data .calc-data-list>ul>li.form_fastfolded:before, .calc-data .calc-data-list>ul>li.form_fastfolded:after {
    display: none;
}
.form-group.form_fastfolded.form_fastfolded_hidden, .infoarea.form_fastfolded.form_fastfolded_hidden {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    max-height: 0px !important;
    min-height: 0px !important;
    margin: 0px !important;
}
.form_folded.form_folded_hidden:before, .form_folded.form_folded_hidden:after, .form_fastfolded.form_fastfolded_hidden:before, .form_fastfolded.form_fastfolded_hidden:after, .calc-data .calc-data-list>ul>li.form_fastfolded_hidden:before, .calc-data .calc-data-list>ul>li.form_fastfolded_hidden:after {
    border-top: 0px;
}
.calc-data .calc-data-list>ul>li.form_fastfolded_hidden:first-child {
    padding: 0px !important;
}
.calc-data .calc-data-list>ul>li.form_fastfolded_hidden:first-child+li:nth-child(2) {
    border-top: 0px !important;
}
.form_folded_noborder, .form_fastfolded_noborder {
    padding-top: 0px !important;
}
.form_folded_noborder:before, .form_folded_noborder:after, .form_fastfolded_noborder:before, .form_fastfolded_noborder:after {
    border-top: 0px !important;
}
.form-section-title {
    font-size: 20px;
}

/* Big Status Buttons */

.big-decision-btns .big-decision-btn {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.big-decision-btns .big-decision-btn-green {
    background-color: #72c02c;
    color: rgba(255, 255, 255, 0.8) !important;
}
.big-decision-btns .big-decision-btn-red {
    background-color: #e64b3b;
    color: rgba(255, 255, 255, 0.8) !important;
}
.big-decision-btns .big-decision-btn-yellow {
    background-color: #EEBB22;
    color: rgba(255, 255, 255, 0.8) !important;
}
.big-decision-btns .big-decision-btn-grey {
    background-color: #888899;
    color: rgba(255, 255, 255, 0.8) !important;
}
.big-decision-btns .big-decision-btn-brown {
    background-color: #552211;
    color: rgba(255, 255, 255, 0.8) !important;
}
.big-decision-btns .big-decision-btn-green:hover {
    color: #FFFFFF !important;
    background-color: rgba(114, 192, 44, 0.8);
}
.big-decision-btns .big-decision-btn-red:hover {
    color: #FFFFFF !important;
    background-color: rgba(230, 75, 59, 0.8);
}
.big-decision-btns .big-decision-btn-yellow:hover {
    color: #FFFFFF !important;
    background-color: rgba(240, 200, 100, 0.9);
}
.big-decision-btns .big-decision-btn-grey:hover {
    color: #FFFFFF !important;
    background-color: rgba(100, 100, 120, 0.6);
}
.big-decision-btns .big-decision-btn-brown:hover {
    color: #FFFFFF !important;
    background-color: rgba(80, 30, 20, 0.6);
}
.big-decision-btns .big-decision-btn-cyan:hover {
    color: #00bed6;
    background-color: rgba(0, 190, 214, 0.3);
}

/* Big Status Display */

.big-decision-displays .big-decision-display {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.big-decision-displays .big-decision-display-cyan {
    color: #00bed6;
    background-color: rgba(0, 190, 214, 0.3);
}
.big-decision-displays .big-decision-display-green {
    color: #72c02c;
    background-color: rgba(114, 192, 44, 0.3);
}
.big-decision-displays .big-decision-display-blue {
    color: #4263a3;
    background-color: rgba(66, 99, 163, 0.3);
}
.big-decision-displays .big-decision-display-red {
    color: #e64b3b;
    background-color: rgba(230, 75, 59, 0.3);
}
.big-decision-displays .big-decision-display-yellow {
    color: #EEBB22;
    background-color: rgba(240, 200, 100, 0.5);
}
.big-decision-displays .big-decision-display-brown {
    color: #552211;
    background-color: rgba(80, 30, 20, 0.3);
}
.big-decision-displays .big-decision-display-grey {
    color: #888899;
    background-color: rgba(100, 100, 120, 0.3);
}
/* Datepicker customize */

.u-datepicker--v3 .clear-button {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}
.u-datepicker--v3 .clear-button:hover i {
    color: #e64b3b;
}
.hasvalue .clear-button {
    display: block;
}
.rincian-diskon {
    margin-bottom: .5rem;
}
/* Boxed Radio Buttons */

.boxradio-group {}
.boxradio-list {
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    flex-wrap: wrap;
}
.boxradio-list [class*="col-"] {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px;
}
.boxradio-empty {
    background: #F3F3F3;
    color: #555555;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}
.boxradio label {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    background-color: #FFFFFF;
    padding: 8px 8px 4px 8px;
    border-radius: 4px;
    border: solid 1px #EAEAEA;
}
.boxradio label .boxradio_infos {
    flex: 1 0 auto;
    line-height: 18px;
}
.boxradio input {
    display: none;
}
.boxradio label:hover {
    cursor: pointer;
    border: solid 1px #4DD0FF;
}
.boxradio input:disabled~label, .boxradio input:disabled~label:hover {
    cursor: default;
    color: #333333;
    background-color: #FFFFFF;
    border: solid 1px #EAEAEA;
}
.boxradio input:checked~label, .boxradio input:checked:disabled~label, .boxradio input:checked:disabled~label:hover {
    color: #FFFFFF;
    background-color: #2DB0FF;
    border: solid 1px #4DD0FF;
}
.boxradio input.greyed:disabled~label, .boxradio input.greyed:disabled~label:hover {
    cursor: default;
    color: #FFFFFF;
    background-color: #CCCCCC;
    border: solid 1px #EAEAEA;
}
.boxradio label>.boxradio_infos>span {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-bottom: 15px;
    position: relative;
}
.boxradio label>.boxradio_infos>span>b {
    display: inline-block;
    width: 35%;
    vertical-align: top;
}
.boxradio label>.boxradio_infos>span>span {
    display: inline-block;
    width: 65%;
    vertical-align: top;
    padding-left: 5%;
}
.boxradio label .boxradio_stats {
    padding: 10px 0px 0px 0px;
    margin-top: 10px;
    border-top: solid 1px #EAEAEA;
}
.boxradio label .boxradio_stats>span {
    display: inline-block;
    background-color: #F7F7F7;
    border: solid 1px #FAFAFA;
    padding: 8px 12px 8px 36px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    color: #999999;
    position: relative;
}
.boxradio label .boxradio_stats>span.active {
    background-color: #F7F7F7;
    border: solid 1px #FAFAFA;
    color: #2DB0FF;
}
.boxradio label .boxradio_stats>span:before {
    content: '';
    width: 18px;
    height: 18px;
    border: solid 1px #EAEAEA;
    background-color: #FFFFFF;
    position: absolute;
    left: 9px;
    top: 9px;
}
.boxradio label .boxradio_stats>span.active:before {
    border: solid 1px #4DD0FF;
}
.boxradio label .boxradio_stats>span.active:after {
    content: '\2713';
    color: #2DB0FF;
    font-size: 22px;
    font-weight: 900;
    position: absolute;
    left: 11px;
    top: -3px;
}
.boxradio label .boxradio_content {
    flex: 1 0 auto;
    padding: 10px;
}
.boxradio label .boxradio_content .boxradio_biginfos {
    margin-bottom: 15px;
    line-height: 22px;
}
.boxradio label .boxradio_content .boxradio_biginfos .boxradio_biginfo {
    font-size: 14px;
}
.boxradio label .boxradio_content .boxradio_biginfos .boxradio_biginfo b {
    font-size: 24px;
}
.boxradio label .boxradio_content .boxradio_biginfos .boxradio_smallinfo {
    font-size: 16px;
}
.boxradio label .boxradio_content .boxradio_desc {
    line-height: 20px;
    font-size: 16px;
}
/* Pesanan List */

.pesanan-group {}
.pesanan-list .pesanan-list-item {
    margin: 0px 0px 15px 0px;
    background-color: #F7F7F7;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-header {
    color: #FFFFFF;
    background-color: #222e44;
    margin: 0px;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-header [class*="col-"] {
    color: #FFFFFF;
    padding: 15px;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-header [class*="col-"] span {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    display: block;
    margin-top: 5px;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail {
    border-top: solid 1px #EAEAEA;
    margin: 0px;
    padding: 15px 0px;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail>div {
    display: flex;
    flex-direction: row-reverse;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail>div:first-of-type {
    display: flex;
    flex-direction: column;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail>div>p {
    flex: 1 0 auto;
    font-weight: 300;
    font-size: 16px;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail>div>span {
    font-weight: 300;
    font-size: 16px;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail>div>span>a {
    font-weight: 900;
    font-size: 16px;
    margin-left: 5px;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail .pesanan-list-item-detail-infobox {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    display: block;
    width: 110px;
    padding: 10px;
    background-color: #EAEAEA;
    border: solid 1px #FAFAFA;
    border-radius: 4px;
    text-align: center;
    flex: 0 1 auto;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail .pesanan-list-item-detail-infobox:last-of-type {
    flex: 1 0 auto;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail .pesanan-list-item-detail-infobox span {
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
    display: block;
    margin-top: 5px;
}
.pesanan-list .pesanan-list-item .pesanan-list-item-detail .pesanan-list-item-detail-infobox b {
    font-weight: 900;
    font-size: 22px;
    line-height: 24px;
    display: block;
    margin-top: 5px;
}
/* Calculation Data */

.calc-data {
    padding: 15px;
    background-color: #F7F7F7;
    border-top: solid 2px #DDDDDD;
    border-bottom: solid 2px #DDDDDD;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
}
.calc-data label {
    flex-direction: row-reverse;
    flex: 0 1 auto;
    width: 40%;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
}
.calc-data .calc-data-list {
    flex-direction: row-reverse;
    flex: 1 0 auto;
    width: 60%;
}
@media screen and (max-width: 767px) {
    .calc-data {
        display: block;
    }
    .calc-data label {
        width: 100%;
        border-bottom: solid 2px #AAAAAA !important;
        padding-bottom: 5px;
        margin-bottom: 20px !important;
    }
    .calc-data .calc-data-list {
        width: 100%;
    }
}
.calc-data .calc-data-list>ul {
    list-style-type: none;
    padding: 0px;
}
.calc-data .calc-data-list>div, .calc-data .calc-data-list>ul>li {
    display: flex;
    border-top: dotted 1px #CCCCCC;
    padding: 5px 0px;
}
.calc-data .calc-data-list>div:first-child, .calc-data .calc-data-list>ul>li:first-child {
    border-top: none;
    padding: 0px 0px 5px 0px;
}
.calc-data .calc-data-list>div:last-child {
    border-top: none;
    padding: 5px 0px 0px 0px;
}
.calc-data .calc-data-list>div>span, .calc-data .calc-data-list>ul>li>span {
    flex-direction: column;
    flex: 1 0 auto;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
.calc-data .calc-data-list>div>b, .calc-data .calc-data-list>div>span:last-child, .calc-data .calc-data-list>ul>li>b, .calc-data .calc-data-list>ul>li>span:last-child {
    flex-direction: column;
    flex: 1 0 auto;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
}
.calc-data .calc-data-list .total {
    border-top: solid 2px #BBBBBB !important;
    padding: 15px 0px 0px 0px !important;
    margin-top: 15px !important;
    font-size: 18px !important;
}
.calc-data .calc-data-list .calc-data-input b {
    padding: 2px 5px;
    color: #333;
    font-weight: normal;
    margin-right: 2px;
}
.calc-data .calc-data-list .calc-data-input input {
    padding: 2px 5px;
    background-color: #FDFDFD;
    border: solid 1px #F0F0F0;
    border-left: 0px;
    border-radius: 4px;
    text-align: right;
    font-weight: bold;
}
@media screen and (max-width: 520px) {
    .calc-data .calc-data-list>div, .calc-data .calc-data-list>ul>li {
        display: block;
    }
    .calc-data .calc-data-list>div>span, .calc-data .calc-data-list>ul>li>span {
        display: block;
    }
    .calc-data .calc-data-list .calc-data-input input {
        width: 100px;
    }
}
/* Calculation Form */

.calc-form {
    margin-bottom: 15px;
}
.calc-form .calc-form-head {
    padding: 15px;
    background-color: #EAEAEA;
    font-size: 14px;
    line-height: 16px;
    display: flex;
}
.calc-form .calc-form-head [class*="col-"] {
    padding: 0px 5px;
}
.calc-form .calc-form-list {
    background-color: #F7F7F7;
}
.calc-form .calc-form-list .calc-form-list-item {
    padding: 15px;
    border-top: solid 1px #DDDDDD;
    margin: 0px;
    display: flex;
}
.calc-form .calc-form-list .calc-form-list-item [class*="col-"] {
    padding: 0px 5px;
}
.calc-form .calc-form-list .calc-form-list-item .calc-form-list-remove {
    background-color: #F7F7F7;
    padding: 10px 12px 7px 12px;
    border-radius: 4px;
    border: solid 1px #FAFAFA;
    color: #FF3300;
    height: 41.2px;
    transition: all 0.5s;
    float: right;
}
.calc-form .calc-form-list .calc-form-list-item .calc-form-list-remove:before {
    content: '\002716';
    font-size: 20px;
    line-height: 18px;
    font-weight: 900;
}
.calc-form .calc-form-list .calc-form-list-item .calc-form-list-remove:hover {
    background-color: #FF3300;
    color: #FFFFFF;
}
.calc-form .calc-form-list .calc-form-list-add {
    width: 100%;
    padding: 10px 12px 16px 12px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #2DB0FF;
    text-align: center;
    vertical-align: middle;
    background-color: #F0F0F0;
    transition: all 0.5s;
}
.calc-form .calc-form-list .calc-form-list-add b {
    font-size: 24px;
    line-height: 18px;
    font-weight: 900;
    position: relative;
    top: 3px;
    margin-right: 3px;
}
.calc-form .calc-form-list .calc-form-list-add:hover {
    color: #FFFFFF;
    background-color: #2DB0FF;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .calc-form .calc-form-head {
        flex-wrap: wrap;
    }
    .calc-form .calc-form-list .calc-form-list-item {
        flex-wrap: wrap;
    }
    .calc-form .calc-form-list .calc-form-list-item [class*="col-"] {
        margin-bottom: 5px;
    }
}
body.modal-open #this-blur {
    -webkit-filter: blur(7px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}
.modal-content {
    border-radius: .47rem;
}
.btn-icon>i {
    padding: 5px 5px 5px 0px;
    margin-right: 5px;
    border-right: solid 1px #f3f3f3;
}
.infoarea {
    background: #F3F3F3;
    color: #555555;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}
.infoarea-popup {
    display: block;
    background: #FAFAFA;
    color: #555555;
    padding: 15px;
    margin-top: 15px;
}
.nameval {
    display: flex;
    background: #F3F3F3;
    color: #555555;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}
.nameval .big-name {
    font-size: 18px;
    line-height: 20px;
}
.nameval .big-value {
    font-size: 16px;
    flex-grow: 1;
    text-align: right;
}
.nameval .big-value>span {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}
.infoarea .nameval {
    background: #FFFFFF44;
    padding: 10px;
    margin-bottom: 0px;
}
.infoarea .nameval .big-name {
    font-size: 16px;
    line-height: 18px;
}
.infoarea .nameval .big-value {
    font-size: 14px;
}
.infoarea .nameval .big-value>span {
    font-size: 18px;
    line-height: 18px;
}
.infoarea-green, .nameval-green {
    background: #D3F3D3;
    color: #558855;
}
.infoarea-yellow, .nameval-yellow {
    background: #ffcc3347;
    color: #966101;
}
.error_label {
    display: block;
    background: #ffcc3347;
    color: #966101;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.error_label>.infoarea-popup {
    border-top: solid 1px #96610133;
    background: transparent;
    color: #966101;
    padding: 15px 15px 0px 15px;
}
.btn-fullwidth {
    width: 100%;
    padding: 16px 12px 16px 12px !important;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #2DB0FF;
    text-align: center;
    vertical-align: middle;
    background-color: #F0F0F0;
    transition: all 0.5s;
}
.btn-fullwidth:hover {
    color: #FFFFFF;
    background-color: #2DB0FF;
    cursor: pointer;
}
.dataTable th, .dataTable td {
    !padding: 1.42857rem 1.7rem 1.42857rem 1.42857rem;
}
table.has-columns-hidden>tbody>tr>th.expand, table.has-columns-hidden>tbody>tr>td.expand {
    position: relative;
    padding: 1.42857rem 1.7rem 1.42857rem 60px;
}
table.has-columns-hidden>tbody>tr>th.expand>span.responsiveExpander, table.has-columns-hidden>tbody>tr>td.expand>span.responsiveExpander {
    position: absolute;
    left: 15px;
    top: 50%;
    margin: -13px 0px 0px 0px;
    width: 26px;
    height: 26px;
    line-height: 0px;
    padding: 13px 0px 0px 0px !important;
    text-align: center;
    border-radius: 2px;
    color: #AAAAAA !important;
    background: #FAFAFA !important;
}
.dataTable .detail-show th.expand .responsiveExpander, .dataTable .detail-show td.expand .responsiveExpander {
    color: #FFFFFF !important;
    background: #56bbd1 !important;
}
.dataTable th.expand .responsiveExpander:hover, .dataTable td.expand .responsiveExpander:hover {
    color: #FFFFFF !important;
    background: #76dbf1 !important;
}
.status-penjualan {
    color: white;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}
.ppn {
    flex: 3;
}
.input-align-right {
    text-align: right;
}
.catatan {
    background: #dbf4f4;
    padding: 15px;
    border: none;
    border-radius: 3px;
    color: #53585e;
}
.catatan ul {
    line-height: 2;
    margin: 0;
}
ol.list-penjualan {
    margin: 0;
    padding-inline-start: 15px;
}
ul.list-penjualan {
    margin: 0;
    padding-inline-start: 20px;
}
.card-so-detail {
    border-color: #636363;
}
.blink {
    color: #2DB0FF;
}
.noblink {
    transition: color 1s;
}
.rupiah:before {
    content: "Rp.";
    margin-right: 2px;
}
.bonus-wrapper {
    padding: 10px;
    background: antiquewhite;
}
.lh2 {
    line-height: 2;
}
.table-fixed {
    table-layout: fixed;
}
.text-display-input {
    display: inline-block;
    background: transparent !important;
    border: 0px;
    padding: 0px !important;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    width: auto;
}
.text-display-input-currency:before {
    content: 'Rp. ';
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
}
.custom-card-header h5 {
    padding: 20px 30px;
    margin: 0;
}
.custom-card-header {
    background: #fafafa;
    border-top: 1px solid white;
}
.flatpicker-custom {
    background: transparent;
}
.flatpicker-custom[disabled], .select2-container--default.select2-container--disabled .select2-selection--single {
    background: #e9ecef;
}
.up-wrapper {
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
}
.harga-peti {
    max-width: 150px;
    margin: 0;
}
.my-badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.table-borderless tr td {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 15px 5px 0px;
}
/* .ppn-is-on {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
} */
.table-detail-po tr td, .table-detail-po tr th {
    padding: 4px;
}
.table-detail-po thead th {
    vertical-align: middle;
}
.my-header {
    /* margin: -20px -20px 20px -20px; */
    padding: 10px;
    margin-bottom:5px;
    background: white;
    border-top: 1px solid #eee;
}
.card-stage-bg {
    background: rgba(66, 99, 163, 0.3);
    border: none;
}
.table-border-grey {
    border: 1px solid #e1eaea;
}
.subtotal-sebelum-diskon-style {
    text-decoration: line-through;
    color: red;
}
/* Loading */

.dom-loading-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #222e44;
    opacity: .9;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 10000;
}
.dom-loading-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-aria.custom-select2.cabang-dd .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
}
@media screen and (max-width: 767px) {
    .helper {
        display: none !important;
    }
    .col-list-do .media {
        margin-bottom: 10px;
    }
    .col-list-do .media-body {
        margin-bottom: 2px !important;
    }
    .btn-utility-list-so a {
        margin-top: 5px;
        margin-bottom: 0;
    }
    .btn-utility-list-so {
        margin-bottom: 0;
    }
    .col-so-bu a {
        margin-bottom: 3px;
        margin-right: 3px;
    }
    .col-so-bu i {
        display: none;
    }
    .label-status-so {
        width: 100%;
        margin-top: 10px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .my-header {
        padding: 15px;
        margin: -20px -20px 20px -15px;
    }
    .my-header h3 {
        margin-bottom: 0;
    }
    .my-header small {
        margin-bottom: 10px;
        display: block;
    }
}
#table_items .status-label {
    margin-right: 5px;
    margin-bottom: 5px;
}
#table_items .status-label:last-of-type {
    margin-bottom: 0px;
}
.rumus {
    font-size: 11px;
    margin-top: 10px;
    display: block;
    background: #e9ecef;
    padding: 5px;
    border-radius: 3px;
}
.rumus2 {
    font-size: 11px;
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #eee;
    display: block;
    color: #9c8061;
}
@media screen and (max-width: 576px) {
    .tgl-so {
        justify-content: flex-start !important;
    }

    .hitung-wrapper {
        width: 100%;
    }
    /* .hitung-wrapper {
        display: none;
    } */
    .up-wrapper{
        padding: 10px;
    }
}
.so-stage-card{
    flex-grow: 1;
    flex-basis: 0;
}
.show-so-section.collapsed{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.so-card-header{
    cursor: pointer;
}
.uppercase{
    text-transform: uppercase;
}
.opname-stage-card{
    margin: 0 5px;
}
.opname-stage-card-wrapper{
    margin: 0 -5px;
}

.info_faktur_inner {
    border: 1px solid #2e3c56;
    border-radius: 10px;
    padding: 10px;
}

.title_info_faktur {
    font-weight: 600;
    font-size: 14px;
}

.flatpickr-input:disabled {
    cursor: not-allowed;
}

.u-datepicker-right.disabled {
    background: #e9ecef;
}
.th-action-opname{
    width: 130px !important;
}
.thead-light2 th{
    color: white;
    background-color: #222e44;
}
.ds-dt .pagination{
    justify-content: flex-start !important;
}

.date-range-picker[readonly] {
    background-color: white;
    cursor: pointer;
}

.js-range-datepicker[readonly] {
    cursor: pointer;
}

.card.g-brd-cyan a:hover {
    text-decoration: none;
}

.card.g-brd-cyan a:hover .g-bg-cyan {
    text-decoration: none;
    background-color: #00bed6cc !important;
}

/* DSO */
.dso{
    line-height: 2;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.dso span:first-child{
    color: #3398dc;
}

.dso:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.dso-container{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dso-wrapper{
    /* width: 24%; */
}

/* Custom Datatables di Detail SO */
.cdt .dataTables_filter{
    display: block !important;
}

.cdt .dataTables_filter input, .cdt .dataTables_filter label{
    width: 100%;
    height: 40px;
}
.biaya-block {
    background: #eee;
    padding: 20px;
}
.alasan-reject {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 2;
}
.status-label {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    display: inline-block;
}
.status-label-blue {
    color: #4263a3;
    background-color: rgba(66, 99, 163, 0.3);
}
.status-label-brown {
    color: #3E2723;
    background-color: #D7CCC8;
}
.status-label-red {
    color: #e64b3b;
    background-color: rgba(230, 75, 59, 0.3);
}
.status-label-green {
    color: #72c02c;
    background-color: rgba(114, 192, 44, 0.3);
}
.status-label-yellow {
    color: #EEBB22;
    background-color: rgba(255, 220, 80, 0.3);
}
.status-label-brown {
    color: #552211;
    background-color: rgba(80, 30, 20, 0.3);
}
.status-label-grey {
    color: #888899;
    background-color: rgba(100, 100, 120, 0.3);
}
.status-label-cyan {
    color: #00bed6;
    background-color: rgba(0, 190, 214, 0.3);
}
.status-label-orange {
    color: #FF7755;
    background-color: rgba(255, 119, 85, 0.3);
}
.status-label-purple {
    color: #9700d6;
    background-color: #7000d64d;
}

.p-1rem {
    padding: .75rem !important;
}

.tb-1rem td {
    padding: 5px;
}

.no-pad-table tr td, .no-pad-table tr th {
    padding: 4px;
}

.so-btn-utility{
    display: none;
}

.title-tutorial {
    font-weight: bold;
    font-size:17px;
    display: inline-flex;
}

.title-tutorial .isi {
    margin-left: 10px;
}

.dropdown-item.active, .dropdown-item:active {
    background: rgb(204, 204, 204);
    color: inherit !important;
}

@media screen and (max-width: 425px) {
    .u-sidebar-navigation-v1--mini {
        width: 0;
    }
    .container-body {
        margin-left: 0 !important;
    }
    .body-pad-0-mobile {
        padding:0 !important;
    }

    /* table tr > * {
        display: block;
    }
    table tr {
        display: table-cell;
        vertical-align: top;
    } */
}

@media screen and (max-width: 576px) {
    .harga-peti {
        max-width: 100%;
    }
}


/* override sidemenu */
.u-side-nav--third-level-menu-link.active {
    color: #18ff41;
}

.u-sidebar-navigation--dark .u-side-nav--third-level-menu-link:hover {
  color: #18ff41;
}

.u-sidebar-navigation--dark .u-side-nav--third-level-menu-link:hover i {
  color: #18ff41;
}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link:hover {
    color: #18ff41;
}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link:hover i {
    color: #18ff41;
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link:hover {
    color: #18ff41;
}

.u-side-nav--second-level-menu-link.active {
    color: #18ff41;
}

[class*="u-table--v3"] td {
  font-weight: 500;
  padding-top: 2px;
  padding-bottom: 2px;
}

[class*="u-table--v3"] th,
[class*="u-table--v3"] td {
  color: inherit;
  vertical-align: middle;
  padding: 0.25rem 1.4rem 0.25rem 0.35rem;
}

[class*="u-table--v3"] td {
  padding: 0.25rem 0.35rem 0.25rem 0.35rem;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	bottom: 0.8em;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	bottom: 0em;
}

.breadcrumb-pad {
    padding: 5px 20px;
    display: flex;
    align-items: center;
}
.my-table-sm td{
    padding: 8px !important;
    vertical-align: middle;
}

.select2-container--open {
    z-index: 9999999
}


.card-do-stage{
    width: 180px;
}
.laporan-setting{
    padding: 15px;
    background: #eee;
    border: 1px solid #ddd;
}
.custom-form-v2{
    background: #eee;
    border: 1px solid #ddd;
    padding: 15px;
}




/*---------------------------------------------------
NEW NAV SIDEBAR ####################################
---------------------------------------------------*/

/*--- Normal State --------------------------------*/

.header-with-sidec {
  padding-left: 50px !important;
  background-color: #2e3c56;
  position: absolute !important;
}

.header-with-sidec.pinned {
  position: fixed !important;
}

.header-with-sidec .u-header__section.u-header__section--admin-dark {
  background-color: #2e3c56 !important;
}

.container-with-sidec {
  background-color: #222e44;
}

.container-body-with-sidec {
  background-color: #ffffff;
  margin-left: 40px !important;
}

@media screen and (max-width: 425px) {
  .header-with-sidec {
    padding-left: 10px !important;
  }
  .container-body-with-sidec {
    margin-left: 0 !important;
  }
}

.sidec .u-side-nav--control-icon i {
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
}

.sidec {
  position: absolute;
  left: 0;
  top: 0px;
  background-color: #222e44;
  z-index: 102;
  min-height: 100vh;
}

.sidec-toggler {
  width: 40px;
  height: 40px;
  display: flex;
  border-bottom: solid 1px #020e24;
}

.sidec-toggler .sidec-logo {
  display: block;
  width: 0;
  height: 40px;
  overflow: hidden;
  margin: 0;
}

.sidec-toggler .sidec-logo img {
}

.sidec-toggler .sidec-burger {
  position: relative;
  width: 40px;
  height: 40px;
}

.sidec-toggler .sidec-burger:before,
.sidec-toggler .sidec-burger:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 7px;
  left: 8px;
}
.sidec-toggler .sidec-burger:before {
  top: 13px;
  border-top: solid 2px #b5b9c0;
  border-bottom: solid 1px #b5b9c0;
}
.sidec-toggler .sidec-burger:after {
  top: 20px;
  border-top: solid 1px #b5b9c0;
  border-bottom: solid 2px #b5b9c0;
}

.sidec-toggler .sidec-burger:hover:before {
  border-top: solid 2px #FFFFFF;
  border-bottom: solid 1px #FFFFFF;
}
.sidec-toggler .sidec-burger:hover:after {
  border-top: solid 1px #FFFFFF;
  border-bottom: solid 2px #FFFFFF;
}

.sidec-pinner {
  position: absolute;
  width: 40px;
  height: 26px;
  right: 50%;
  margin-right: -20px;
  top: 0;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #b5b9c0;
  z-index: 5;

  background-color: #0e1c36;
  border-radius: 0 0 20px 20px;

  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sidec-pinner:before {
  content: "\f08d";
  line-height: 26px;
}

.sidec-pinner:hover {
  color: #ffffff;
}

.pinned .sidec-pinner,
.pinned .sidec-pinner:hover {
  color: #e62154;
}

.sidec .sidec-list {
  list-style-type: none;
  padding: 5px 0 0 0;
  background-color: #222e44;
  color: #FFFFFF;
  margin: 0;
  width: 40px;
}

.sidec .sidec-list .sidec-item {
  position: relative;
}

.sidec .sidec-list .sidec-item.u-side-nav-opened {
  background: #121e34;
}

.sidec .sidec-list .sidec-item .sidec-link,
.sidec .sidec-list .sidec-item .sidec-link:visited {
  display: flex;
  color: #b5b9c0;
}

.sidec .sidec-list .sidec-item .sidec-link:hover,
.sidec .sidec-list .sidec-item.u-side-nav-opened .sidec-link,
.sidec .sidec-list .sidec-item.u-side-nav-opened .sidec-link:hover,
.sidec .sidec-list .sidec-item.u-side-nav-opened .sidec-link:visited,
.sidec .sidec-list .sidec-item .sidec-link.active,
.sidec .sidec-list .sidec-item .sidec-link.active:hover,
.sidec .sidec-list .sidec-item .sidec-link.active:visited {
  text-decoration: none;
  color: #FFFFFF;
}

.sidec .sidec-list .sidec-item.togglered .sidec-link {
  background-color: #121e34;
}

.sidec .sidec-list .sidec-item .sidec-link .sidec-icon {
  padding: 2px 0;
  width: 40px;
  text-align: center;
  font-size: 14px;
}

.sidec .sidec-list .sidec-item .sidec-link .sidec-name {
  width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.sidec .sidec-list .sidec-item .sidec-link:not([href]) .sidec-name {
  cursor: pointer;
}

.sidec .sidec-list .sidec-item .sidec-link .sidec-arrow {
  width: 0;
  overflow: hidden;
}

.sidec .sidec-list .sidec-item .sidec-link .sidec-indicator {
  position: absolute;
  left: 0;
  top: 8px;
  border: solid 4px #5c6576;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.sidec .sidec-list .sidec-item.u-side-nav-opened .sidec-link .sidec-indicator {
  border: solid 4px #FFFFFF;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list {
  list-style-type: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 40px;
  max-height: 0;
  overflow: hidden;
  background-color: #121e34;
}

.sidec .sidec-list .sidec-item.togglered .sidec-secondary-list {
  max-height: 200vh;
  overflow: visible;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item {
  position: relative;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link:visited {
  display: flex;
  color: #b5b9c0;
  padding: 4px 10px 4px 8px;
}

.sidec .sidec-list .sidec-item.togglered .sidec-secondary-list .sidec-secondary-item.togglered .sidec-secondary-link {
  background-color: #020e24;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link:hover,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item.u-side-nav-opened .sidec-secondary-link,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item.u-side-nav-opened .sidec-secondary-link:hover,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item.u-side-nav-opened .sidec-secondary-link:visited,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link.active,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link.active:hover,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link.active:visited {
  text-decoration: none;
  color: #FFFFFF;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link .sidec-secondary-name {
  white-space: nowrap;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link:not([href]) .sidec-secondary-name {
  cursor: pointer;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link .sidec-secondary-arrow {
  margin-left: 10px;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list {
  list-style-type: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #020e24;
  display: block;
}

.sidec .sidec-list .sidec-item.togglered .sidec-secondary-list .sidec-secondary-item.togglered .sidec-tertiary-list {
  max-height: 100vh;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item {

}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item .sidec-tertiary-link,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item .sidec-tertiary-link:visited {
  display: flex;
  color: #b5b9c0;
  white-space: nowrap;
  padding: 4px 10px 4px 8px;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item .sidec-tertiary-link:hover,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item .sidec-tertiary-link.active,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item .sidec-tertiary-link.active:hover,
.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item .sidec-tertiary-link.active:visited {
  text-decoration: none;
  color: #FFFFFF;
}

.sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item .sidec-tertiary-link:not([href]) {
  cursor: pointer;
}



/*--- Expanded State --------------------------------*/

.togglered .sidec .u-side-nav-opened > a > .u-side-nav--control-icon i,
.togglered .sidec .togglered > a > .u-side-nav--control-icon i {
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.togglered .sidec-toggler {
  width: 300px;
  background-color: #FFFFFF;
}

.togglered .sidec-toggler .sidec-logo {
  flex-grow: 1;
  padding: 2%;
}

.togglered .sidec-toggler .sidec-logo img {
  width: auto;
  height: 96%;
}

.togglered .sidec-toggler .sidec-burger:before {
  border-top: solid 2px #121e34;
  border-bottom: solid 1px #121e34;
}
.togglered .sidec-toggler .sidec-burger:after {
  border-top: solid 1px #121e34;
  border-bottom: solid 2px #121e34;
}

.togglered .sidec-toggler .sidec-burger:hover:before {
  border-top: solid 2px #ec1b23;
  border-bottom: solid 1px #ec1b23;
}
.togglered .sidec-toggler .sidec-burger:hover:after {
  border-top: solid 1px #ec1b23;
  border-bottom: solid 2px #ec1b23;
}

.togglered .sidec .sidec-list {
  width: auto;
}
.togglered .sidec .sidec-list .sidec-item {
  width: auto;
}
.togglered .sidec .sidec-list .sidec-item .sidec-link .sidec-name {
  width: auto;
}

.togglered .sidec .sidec-list .sidec-item .sidec-link .sidec-arrow {
  width: auto;
  padding-right: 10px;
}

.togglered .sidec .sidec-list .sidec-item .sidec-secondary-list {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

.togglered .sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-secondary-link .sidec-secondary-name {
  padding-left: 32px;
}

.togglered .sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

.togglered .sidec .sidec-list .sidec-item.u-side-nav-opened {
  max-height: 200vh;
  background-color: #121e34;
}

.togglered .sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item.u-side-nav-opened {
  max-height: 100vh;
  background-color: #020e24;
}

.togglered .sidec .sidec-list .sidec-item.togglered .sidec-secondary-list,
.togglered .sidec .sidec-list .sidec-item.u-side-nav-opened .sidec-secondary-list {
  max-height: 200vh;
}

.togglered .sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item .sidec-tertiary-list .sidec-tertiary-item .sidec-tertiary-link {
  padding-left: 52px;
}

.togglered .sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item.togglered .sidec-tertiary-list,
.togglered .sidec .sidec-list .sidec-item .sidec-secondary-list .sidec-secondary-item.u-side-nav-opened .sidec-tertiary-list {
  max-height: 100vh;
}

.togglered .header-with-sidec {
  padding-left: 310px !important;
}

.togglered .container-body-with-sidec {
  margin-left: 300px !important;
}


/*--- Smallphone State --------------------------------*/


@media screen and (max-width: 425px) {
  .sidec {
    background-color: transparent;
  }

  .togglered .sidec-toggler {
    width: 40px;
    background-color: #FFFFFF;
  }

  .togglered .sidec-toggler .sidec-logo {
    width: 0;
    padding: 0;
  }

  .togglered .sidec-toggler .sidec-logo img {
    width: 0;
    height: 0;
  }

  .sidec .sidec-list {
    position: absolute;
    left: -40px;
  }

  .togglered .sidec {
    box-shadow: none;
  }

  .togglered .sidec .sidec-list {
    left: 0;
  }

  .togglered .header-with-sidec {
    padding-left: 0px !important;
  }

  .togglered .container-body-with-sidec {
    margin-left: 0px !important;
  }
}


/*--- Smallheight State --------------------------------*/


@media screen and (max-height: 1000px) {
  .header-with-sidec {
    position: absolute !important;
  }
  .sidec {
    position: absolute !important;
  }
  .togglered .sidec .sidec-list {
    max-height: 2000px;
  }
}





.togglerer {
  cursor: pointer;
}


.faktur-instant-y {
    background-color: #e4ecf9;
}


textarea {
    white-space: pre;
}