body {
    font-size: 14px;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot?v2');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff?v2') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf?v2') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.navbar {
    padding: 0;
    margin-bottom: 20px;
}

.navbar-brand {
    height: 50px;
    padding-top: 7px;
}

.container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

.nav-tabs .nav-item {
    cursor: pointer;
}

.spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#reportSelection tr td {
    line-height: 10px;
    font-size: 0.9em;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: avoid;
    white-space: nowrap;
}

    #reportSelection tr td.status-a,
    #reportSelection tr td.status-b,
    #reportSelection tr td.status-c,
    #reportSelection tr td.status-d {
        text-align: center;
        font-size: 0.8em;
    }

    #reportSelection tr td.status-a {
        background-color: #016FC5;
        color: #FFF;
    }


label {
    font-weight: bold;
    margin-bottom: 5px;
}

.checkbox label, .radio label {
    cursor: pointer;
    font-weight: 400;
}

a {
    text-decoration: none;
}

span.status-a {
    color: #016FC5;
}

#reportSelection tr td.status-b {
    background-color: #DBB700;
    color: #FFF;
}

span.status-b {
    color: #DBB700;
}

#reportSelection tr td.status-c {
    background-color: #64AD3B;
    color: #FFF;
}

span.status-c {
    color: #64AD3B;
}

#reportSelection tr td.status-d {
    background-color: #D63030;
    color: #FFF;
}

span.status-d {
    color: #D63030;
}

.data-table tr p {
    display: none;
}

.data-table td:has(.bi-check), .data-table td:has(.bi-x) {
    padding: 0;
    line-height: 32px;
}

.data-table .bi-check, .data-table .bi-x {
    font-size: 32px;
}

.data-table .dt-column-order:before, .data-table .dt-column-order:after {
    font-family: Bootstrap-icons;
    color: #cacaca !important;
    content: "" !important;
    opacity: 1 !important;
    font-size: 1em !important;
    top: unset !important;
    bottom: 4px !important;
    line-height: unset !important;
}

.data-table .dt-column-order:after {
    content: "\F127" !important;
}

.data-table .dt-ordering-asc .dt-column-order:after {
    content: "\F574" !important;
    color: #999999 !important;
}

.data-table .dt-ordering-desc .dt-column-order:after {
    content: "\F575" !important;
    color: #999999 !important;
}

div.checkbox-list table tr {
    vertical-align: top;
}

div.checkbox-list,
table.radiobutton-list {
    line-height: 30px;
}

    div.checkbox-list label,
    table.radiobutton-list label {
        margin: 0 10px 0 3px;
        font-weight: normal;
    }

div.create-payment div.checkbox-list,
div.create-payment table.radiobutton-list {
    margin-top: 0;
    line-height: 20px;
    padding-top: calc(.375rem + var(--bs-border-width));
    border-collapse: separate;
}

div.create-payment .payment-methods,
div.create-payment .payment-methods img,
div.create-payment .payment-methods input,
div.create-mpos-payment .payment-methods,
div.create-mpos-payment .payment-methods img,
div.create-mpos-payment .payment-methods input {
    cursor: pointer;
}

@media all and (max-width: 600px) {
    .create-mpos-payment {
        display: inline-block;
        margin: 0 auto;
        padding: 0 15px;
    }
}

.payment-methods label {
    width: 100%;
}

    .payment-methods label.btn {
        font-size: 11px;
    }

div.create-payment .payment-methods,
div.create-mpos-payment .payment-methods {
    float: left;
    text-align: center;
    margin: 5px;
    padding: 1px 1px 0 1px;
    border: 1px solid #DDD;
    border-radius: 4px;
    width: 50px;
}

    div .create-payment .payment-methods img, div.create-mpos-payment .payment-methods img {
        max-width: 100%;
        max-height: 20px;
        width: auto;
        height: auto;
    }

.form-horizontal .col, .form-horizontal [class^="col-"] {
    align-content: center;
}

@media (min-width: 768px) {
    .form-horizontal .col-form-label {
        text-align: right;
    }
}

.form-horizontal .col-form-label {
    align-content: start;
}

.form-horizontal .col-form-label-content {
    padding-top: calc(.375rem + var(--bs-border-width));
}

.form-group {
    margin-bottom: 0.5rem;
}

.mpos.form-horizontal .form-group {
    margin-bottom: 15px;
}

.help {
    font-size: 20px;
    align-content: center;
}

    .help > a {
        float: right;
    }

.locked {
    color: #D63030;
}

.unlocked {
    color: #64AD3B;
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

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

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

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: inherit;
}

table.license-check {
    font-size: 14px;
}

    table.license-check th, table.license-check td {
        text-align: center;
        line-height: 1;
        padding: 0;
    }

    table.license-check th {
        vertical-align: bottom;
    }

        table.license-check th:first-child {
            padding-bottom: 0.5rem;
        }

    table.license-check td {
        vertical-align: middle;
    }

        table.license-check td:first-child {
            padding-left: 0.5rem;
        }

        table.license-check td.dt-type-numeric {
            text-align: center;
        }

    table.license-check tbody tr:hover td, .table-hover tbody tr:hover th {
        background-color: inherit;
        color: inherit;
        cursor: inherit;
    }

th.rotate {
    /*Something you can count on*/
    height: 130px;
    white-space: nowrap;
}

    th.rotate > .dt-column-title > div {
        transform:
        /*Magic Numbers*/
        translate(25px, 51px)
        /*45 is really 360 - 45*/
        rotate(315deg);
        width: 0;
        margin-bottom: 58px;
        margin-left: -16px;
    }

        th.rotate > .dt-column-title > div > span {
            padding: 15px 10px;
        }

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid #ddd;
        border-bottom-width: 2px !important;
    }

table.dataTable.table-bordered th, table.dataTable.table-bordered td {
    border-top-width: inherit;
    background-color: transparent;
}

.table-rotated-header,
.table-rotated-header > thead > tr,
.table-rotated-header > thead > tr > th {
    border: none !important;
}

span.parameters {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

div.helper-parameters {
    display: none;
}

    div.helper-parameters ul {
        padding-left: 15px;
    }

    div.helper-parameters li {
        font-size: 85%;
        cursor: pointer;
    }

div.helper-parameters-intro {
    display: block;
    margin-left: 5px;
    cursor: pointer;
}

div.partner-info p {
    margin-left: 1px;
    margin-right: 1px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .sign {
        position: absolute;
        padding: 0 10px 0 10px;
        pointer-events: none;
        line-height: 35px;
        color: #888;
    }

/* align icon */
.left-addon .sign {
    left: 0px;
}

.right-addon .sign {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

div.partial-row:hover {
    background-color: #fff;
    cursor: pointer;
}

div.row-margin-bottom div {
    padding-bottom: 5px;
}

table.spacy tr {
    line-height: 30px;
}

table.spacy th,
table.spacy td {
    padding-right: 15px;
}

.nomargin,
.nomargin label /* used for labels inside a check box control */ {
    margin: 0;
}

.simple-table td,
.simple-table th {
    padding-right: 20px;
    border: none;
    line-height: 25px;
}

.simple-table th {
    font-weight: bold;
}

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

.blinking {
    animation: blinkingText 2s infinite;
}

@keyframes blinkingText {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0.25;
    }

    20% {
        opacity: 0.5;
    }

    40% {
        opacity: 0.75;
    }

    50% {
        opacity: 1.0;
    }

    70% {
        opacity: 0.75;
    }

    80% {
        opacity: 0.5;
    }

    90% {
        opacity: 0.25;
    }

    100% {
        opacity: 0;
    }
}

.wraptext {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

.center {
    text-align: center;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alert-text {
    color: #a94442;
}

.authorization-open {
    color: #4F8131;
}

tr:hover font.authorization-open {
    color: #FFF;
}

tr.sb-row:hover td.own-click a {
    color: #FFF;
}

.amount-control .form-control:not(:first-child):not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.amount-control select {
    border: 0;
    outline: 0px;
    background-color: #eee;
}

.has-error.amount-control select {
    background-color: #f2dede;
}

div.refunds {
    border: 1px solid #DDD;
    padding-bottom: 10px;
}

table.alertify-info-table {
    width: 100%;
    font-size: 12px;
}

    table.alertify-info-table td,
    table.alertify-info-table th {
        padding-right: 10px;
        text-align: left;
    }

table.partialPaymentSchema th, table.partialPaymentSchema td {
    padding-right: 30px;
}

.amount-cell {
    padding-right: 5px;
    padding-left: 3px;
}

.description-cell {
    padding-left: 5px;
}

.input-group.date .input-group-addon {
    border-color: var(--bs-border-color);
}

input[type=checkbox] + label {
    padding-left: 4px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 320px;
}

/* Bootstrap Jumbotron */
.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}

.input-group > .input-group-dropdown {
    flex-grow: 0.175;
    text-align: left;
}

/* Modals */
.alert-modal .modal-content {
    border-color: #5c5c5c;
    border-width: 2px;
}

.alert-modal .modal-body {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
}

.alert-modal .ok-button {
    margin-top: 1rem;
}

.image-preview-modal img {
    max-width: 100%;
    max-height: 100%;
}