﻿label {
    font-weight: inherit !important;
}

.breadCrumb {
    display: block;
    float: left;
}

    .breadCrumb li {
        display: block;
        float: left;
        padding: 0 10px 0 5px;
        color: #000;
        font-size: 17px;
        line-height: 22px;
        font-weight: 400;
        position: relative;
    }

        .breadCrumb li:after {
            content: ">";
            color: #000;
            font-size: 24px;
            line-height: 24px;
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        .breadCrumb li:first-child {
            padding-left: 0;
        }

            .breadCrumb li:first-child::after {
                display: none;
            }

        .breadCrumb li:last-child {
            padding-right: 0;
        }

            .breadCrumb li:last-child:after {
                display: none;
            }

        .breadCrumb li a {
            color: #fff;
        }

.dashHeadLogo {
    display: block;
}

    .dashHeadLogo img {
        display: block;
        height: 40px;
        width: auto;
    }

.logRegcontainer {
    display: flex;
    padding: 10px;
    min-height: 580px;
    /*position: relative;*/
    justify-content: center;
}

.loginRegArea {
    display: block;
    width: 330px;
    margin: auto;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*-webkit-transform: translate(-50%, -50%);*/
    /*transform: translate(-50%, -50%);*/
    max-height: 100%;
    /*padding: 0 16px;*/
}

.logRegBx {
    display: block;
    background-color: #fff;
    border-radius: 6px;
    /*  max-height:100%; */
    /* overflow:auto; */
    padding: 136px 28px 20px 28px;
}

    .logRegBx.login {
        padding-top: 20px;
    }

.logRegHead {
    display: block;
    /*position: absolute;
    top: 0;*/
    left: 0;
    width: 100%;
    padding: 10px 28px;
    text-align: center;
}

.logRegLogo {
    display: flex;
    justify-content: center;
}

    .logRegLogo img {
        display: block;
        height: 60px;
    }

.logRegTtl {
    display: block;
    color: #505050;
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
    margin: 8px 0 0 0;
}

.logRegForm {
    display: block;
    max-height: 100%;
    /*overflow: auto;*/
}

    .logRegForm .formRw {
        display: block;
        margin: 0 0 20px 0;
    }

    .logRegForm .oR {
        display: block;
        color: #888888;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        text-align: center;
        margin: 0 0 20px 0;
        font-style: italic;
    }

.registerWith {
    display: block;
    text-align: center;
}

    .registerWith .tl {
        display: block;
        color: #888888;
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 12px 0;
    }

        .registerWith .tl.logttl {
            margin: 0 0 20px 0;
        }

.forgotPass {
    display: block;
    color: #888888;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 6px 0;
    text-align: center;
}

    .forgotPass a {
        color: #45a6db;
    }


.button.round {
    border-radius: 3px;
}

.button.full {
    width: 95%;
}

.whiteBox-no-border {
    background-color: #fff;
    padding: 7px 0px 7px 0px;
    margin: 0 0 5px 0;
}

.whiteBoxRoundedTop {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 7px 0px 5px 0px;
    margin: 0 0 16px 0;
    border-radius: 10px 10px 0px 0px;
}

    .whiteBoxRoundedTop > .row {
        padding-left: 10px;
    }

.whiteBox {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 7px 0px 5px 0px;
    margin: 0 0 16px 0;
}

    .whiteBox > .row {
        padding-left: 10px;
    }

.noBottomMargin {
    margin-bottom: 0px;
    border-bottom: #6363631e 1px solid;
    background-color: rgba(252, 249, 249, 0.93);
}

.noBottomMarginClear {
    margin-bottom: 0px;
    border-bottom: #6363631e 1px solid;
    background-color: #f6f8f4;
}

.side-link {
    padding-left: 45px;
}

.table-sm {
    font-size: smaller;
}

.validation-summary-errors {
    color: red;
}

.no-results {
    margin: auto;
    color: red;
    font-weight: bolder;
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.error {
    display: block;
    visibility: hidden;
    color: red;
    font-size: 90%;
}

.container-fluid {
    padding: 0px;
}


.fill {
    width: 99%;
}

.boxTtl {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 5px 0;
}

.noPadding > .boxTtl {
    padding: 16px;
    margin: 0;
}

.left {
    float: left !important;
}

    .left.button {
        padding-left: 5px;
        padding-right: 15px;
    }

.right {
    float: right !important;
}

    .right.button {
        padding-right: 15px;
        padding-bottom: 7px;
    }

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.hide {
    display: none;
}

.clear,
.spacer {
    font-size: 0px;
    line-height: 1rem;
    clear: both;
    height: 7px;
}

.smallspacer {
    font-size: 0px;
    line-height: 0.1rem;
    clear: both;
    height: 3px;
}

.child {
    margin-left: auto;
    order: 2;
}

.total-row {
    border-top: 2px double;
    background-color: white !important;
}

    .total-row td {
        font-weight: bold;
    }

.box {
    width: 95%;
    margin: auto;
    padding: 2px;
}

.form-control-sm {
    width: 95%;
}

.numbercol {
    width: 20px !important;
}

.form-control-sm-number {
    width: 100px;
    height: calc(1.5em + 2px + 0.5rem);
    padding: 0.25rem 0.5rem;
    font-size: 0.87rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-sm-check {
    height: 1.3em;
    width: 95%;
}

.wrapper {
    min-width: 100%;
}

.alert-delete {
    background-color: rgb(255, 206, 186) !important;
}

/*table tr:nth-child(2n) {
    background: #e4e9ee;
}*/

@media screen and (orientation:landscape) {
    .wrapper {
        min-width: 100%;
    }
}

@media screen and (orientation:portrait) {
    .wrapper {
        min-width: 100%;
    }
}

.masterdetails {
    padding: 3px;
}

    .masterdetails td {
        vertical-align: middle;
        height: -webkit-fill-available;
    }

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

.panel > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
    }

        .panel > .list-group .list-group-item:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel > .list-group .list-group-item:last-child {
            border-bottom: 0;
        }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table {
    margin-bottom: 0;
}

.panel > .panel-body + .table {
    border-top: 1px solid #dddddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

    .panel-group .panel + .panel {
        margin-top: 5px;
    }

.panel-group .panel-heading {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 1px solid #dddddd;
    }

.panel-group .panel-footer {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #dddddd;
    }

.panel-default {
    border-color: #dddddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #dddddd;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #428bca;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-warning {
    border-color: #fbeed5;
}

    .panel-warning > .panel-heading {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5;
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #fbeed5;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #fbeed5;
    }

.panel-danger {
    border-color: #eed3d7;
}

    .panel-danger > .panel-heading {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #eed3d7;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #eed3d7;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1;
    }

.btn-icon-split {
    padding: 0;
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
}

    .btn-icon-split .icon {
        background: rgba(0, 0, 0, 0.15);
        display: inline-block;
        padding: 0.375rem 0.75rem;
    }

    .btn-icon-split .text {
        display: inline-block;
        padding: 0.375rem 0.75rem;
    }

    .btn-icon-split.btn-sm .icon, .btn-group-sm > .btn-icon-split.btn .icon {
        padding: 0.25rem 0.5rem;
    }

    .btn-icon-split.btn-sm .text, .btn-group-sm > .btn-icon-split.btn .text {
        padding: 0.25rem 0.5rem;
    }

    .btn-icon-split.btn-lg .icon, .btn-group-lg > .btn-icon-split.btn .icon {
        padding: 0.5rem 1rem;
    }

    .btn-icon-split.btn-lg .text, .btn-group-lg > .btn-icon-split.btn .text {
        padding: 0.5rem 1rem;
    }

.border-left-primary {
    border-left: 0.25rem solid #4e73df !important;
}

.border-bottom-primary {
    border-bottom: 0.25rem solid #4e73df !important;
}

.border-left-secondary {
    border-left: 0.25rem solid #858796 !important;
}

.border-bottom-secondary {
    border-bottom: 0.25rem solid #858796 !important;
}

.border-left-success {
    border-left: 0.25rem solid #1cc88a !important;
}

.border-bottom-success {
    border-bottom: 0.25rem solid #1cc88a !important;
}

.border-left-info {
    border-left: 0.25rem solid #36b9cc !important;
}

.border-bottom-info {
    border-bottom: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}

.border-bottom-warning {
    border-bottom: 0.25rem solid #f6c23e !important;
}

.border-left-danger {
    border-left: 0.25rem solid #e74a3b !important;
}

.border-bottom-danger {
    border-bottom: 0.25rem solid #e74a3b !important;
}

.border-left-light {
    border-left: 0.25rem solid #f8f9fc !important;
}

.border-bottom-light {
    border-bottom: 0.25rem solid #f8f9fc !important;
}

.border-left-dark {
    border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
    border-bottom: 0.25rem solid #5a5c69 !important;
}

.text-gray-100 {
    color: #f8f9fc !important;
}

.text-gray-200 {
    color: #eaecf4 !important;
}

.text-gray-300 {
    color: #dddfeb !important;
}

.text-gray-400 {
    color: #d1d3e2 !important;
}

.text-gray-500 {
    color: #b7b9cc !important;
}

.text-gray-600 {
    color: #858796 !important;
}

.text-gray-700 {
    color: #6e707e !important;
}

.text-gray-800 {
    color: #5a5c69 !important;
}

.text-gray-900 {
    color: #3a3b45 !important;
}

fieldset.groupbox-border {
    border: 1px solid #ced4da !important;
    padding: 0 1.4em 0.5em 1.4em !important;
    margin: 0.5em 1.2em 0.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.groupbox-border {
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0px 10px 0px 10px;
    border-bottom: none;
}

.card-form {
    padding: 15px;
    margin: 15px;
    background-color: white;
}

.card-form-row {
    padding: 5px 5px 15px 5px;
    margin: 5px;
    /*border-bottom: 1px solid gray;*/
}

.card-data {
    padding: 0px 5px 5px 5px;
    margin: 1px;
    background-color: white;
}

.amount {
    width: 100px !important;
    padding-right: 20px !important;
}

.totalCell {
    border-top: 1px solid black !important;
    border-bottom: 3px double black !important;
}

.totalCellSingle {
    border-top: 1px solid black !important;
}

.headerRow {
    border-bottom: 1px solid black !important;
}

.dataCol {
    border-left: 1px dashed gray !important;
}

.indented {
    padding-left: 30px !important;
}

.datecol {
    width: 40px;
}

.ui-widget {
    font-family: inherit !important;
}

.ui-widget-header {
    background: white !important;
    font-size: 0.9em !important;
    color: #000000 !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 0.4em 0.3em !important;
}

.ui-widget-content a {
    /*color: white !important;*/
    text-decoration: none;
}

.side-link {
    font-size: 14px;
}

.main-footer {
    font-size: 0.8em !important;
}

.bg-smoke {
    background-color: lightgray;
}

.bg-light-smoke {
    background-color: #e9e8ce;
}

.number {
    width: 40px;
}

@media print {
    .right, .main-footer, i, .fa, .dx-command-edit, .dx-button-content {
        display: none;
        color: white;
    }
}
