html {
    /*background-color:#24a7b1;*/
}

body {
    /*background-color: #24A7B1;
    background:transparent url(../images/bg1.png) repeat-x top;
    font-family: Calibri;
    font-size: 14px;
    color: #000;*/
}

.main-table {
    width: 100%;
}

a {
    cursor: pointer;
}

    a.disabled {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        opacity: .65;
    }

.body {
    /*margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    text-align: left;*/
}

.nopadding,
.no-padding {
    padding: 0 !important;
}

.nopaddingleft,
.no-padding-left {
    padding-left: 0 !important;
}

.nopaddingright,
.no-padding-right {
    padding-right: 0 !important;
}

.nomargin,
.no-margin {
    margin: 0 !important;
}

.nomargintop,
.no-margin-top,
.mt-0 {
    margin-top: 0 !important;
}

.nomarginbottom,
.no-margin-bottom {
    margin-bottom: 0 !important;
}

.nomargin-hor,
.no-margin-hor {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media(min-width:992px) {
    .nomargintop-larger-md {
        margin-top: 0 !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .no-margin-top-sm {
        margin-top: 0 !important;
    }
}

@media (max-width:767px) {
    .no-margin-top-xs {
        margin-top: 0 !important;
    }
}

.display-block {
    display: block;
}

.no-border {
    border: none !important;
}

.nowrap {
    white-space: nowrap;
}

.list-style-none {
    list-style: none;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

.row {
    /*margin-left: 0;
    margin-right: 0;
    margin-top: 10px;*/
}

    .row.p {
        margin-top: 20px;
    }

.ui-row {
    padding: 0 5px;
}

.ui-row.p-10 {
    padding: 0 10px;
}

.row.flex,
.col.flex,
.col-bs.flex {
    margin-top: 0;
}

    .row.flex.no-margin-top,
    .col.flex.no-margin-top,
    .col-bs.flex.no-margin-top {
        margin-top: -10px !important;
    }

    .row.flex > .col:not(.flex),
    .row.flex > .col-bs:not(.flex),
    .col.flex > .col:not(.flex),
    .col.flex > .col-bs:not(.flex),
    .col-bs.flex > .col:not(.flex),
    .col-bs.flex > .col-bs:not(.flex) {
        margin-top: 10px;
    }

    .row.flex > .col-sm-6,
    .row.flex > .col-md-5,
    .row.flex > .col-md-6,
    .row.flex > .col-md-7 {
        margin-top: 10px;
        padding: 0 5px;
    }

    .row.fixed-height, .row.flex.fixed-height {
        margin-top: 0px;
    }

        .row.fixed-height > .col {
            height: 60px;
            margin-top: 0;
        }

.col-container {
    margin-left: -5px;
    margin-right: -5px;
}

    .col-container.p-10 {
        margin-left: -10px;
        margin-right: -10px;
    }

.col {
    float: left;
    width: 100%;
    padding: 0 5px;
}

.row-bs {
    margin-left: -5px;
    margin-right: -5px;
}

.col-bs {
    padding: 0 5px;
}

    .col.p-10,    
    .col-bs.p-10 {
        padding: 0 10px;
    }

    .col.p-15,
    .col-bs.p-15 {
        padding: 0 15px;
    }

    .col.col-auto {
        width: auto;
    }

    .col > input,
    .col > select {
        width: 100%;
    }

        .col > input[type="checkbox"], .col > input[type="radio"] {
            width: auto;
        }

.col-right {
    float: right;
}

.col-40 {
    max-width: 40px;
}

.col-50 {
    max-width: 50px;
}

.col-75 {
    max-width: 75px;
}

.col-80 {
    max-width: 80px;
}

.col-90 {
    max-width: 90px;
}

.col-100 {
    max-width: 100px;
}

.col-110 {
    max-width: 110px;
}

.col-120 {
    max-width: 120px;
}

.col-130 {
    max-width: 130px;
}

.col-150 {
    max-width: 150px;
}

.col-160 {
    max-width: 160px;
}

.col-170 {
    max-width: 170px;
}

.col-180 {
    max-width: 180px;
}

.col-190 {
    max-width: 190px;
}

.col-200 {
    max-width: 200px;
}

.col-220 {
    max-width: 220px;
}

.col-230 {
    max-width: 230px;
}

.col-250 {
    max-width: 250px;
}

.col-260 {
    max-width: 260px;
}

.col-270 {
    max-width: 270px;
}

.col-276 {
    max-width: 276px;
}

.col-290 {
    max-width: 290px;
}

.col-300 {
    max-width: 300px;
}

.col-310 {
    max-width: 310px;
}

.col-350 {
    max-width: 350px;
}

.col-400 {
    max-width: 400px;
}

.col-450 {
    max-width: 450px;
}

.col-500 {
    max-width: 500px;
}

.col-550 {
    max-width: 550px;
}

.col-600 {
    max-width: 600px;
}

.col-650 {
    max-width: 650px;
}

.col-700 {
    max-width: 700px;
}

.col-950 {
    max-width: 950px;
}

.col-ui-main, .col-ui-right {
    float: left;
    margin: 0;
}

.col-ui-main {
    width: 100%;
    background-color: #FFF;
    padding: 10px 0;
}

    .col-ui-main.single {
        width: 100%;
        max-width: 1070px;
    }

    .col-ui-main.printable {
        width: auto;
        padding: 40px;
    }

.col-ui-right {
    width: 100px;
    padding-top: 4px;
}

@media (min-width: 768px) {
    .col-right-sm {
        float: right !important;
    }
}

.color-default {
    color: #24A7B1;
}

.color-000 {
    color: #000 !important;
}

.color-666 {
    color: #666;
}

.color-fff {
    color: #FFF;
}

.color-h4 {
    color: #732C7B !important;
}

.col-button-label {
    line-height: 29px;
}

.font-16 {
    font-size: 16.5px;
}

.form-header {
    background-color: #4D2F6C;
}

    .form-header h1 {
        color: #FFF;
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 10px;
        line-height: 1.25;
    }

.admin-header {
    padding: 5px 10px;
    background-color: #CCCCCC;
    font-weight: bold;
    margin: 0;
    text-transform: none;
    font-size: 14px;
    font-family: source_sans_proregular, sans-serif;
    color: #000;
    line-height: 1.5;
}

h4 {
    color: #732C7B;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
}

.h4-inline {
    line-height: 19px;
}

h4 .small {
    font-size: 80%;
}

/*.nav-tabs {
    margin-left: 20px;
}

    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        padding: 5px 5px 3px 5px;
        border-color: #CCC;
        margin-bottom: -1px;
        background-color: #FFF;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #FFF;
        background-color: #24a7b1;
    }

.tab-content {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 5px;
}*/

.field-label {
    line-height: 22px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .field-label > b {
        line-height: 20px !important;
    }
}

    .field-label.required::before,
    label.required::before {
        content: '*';
        color: #F00;
        font-weight: bold;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 21px;
        padding-right: 2px;
        display: inline-block;
    }

.field-highlight .field-label {
    background-color: #FF0;
}

.field-btn-sm-inline {
    padding-top: 7px;
}

label {
    font-weight: normal;
    margin-bottom: 1px;
}

.inline {
    display: inline-block;
}

.nav-tabs > li:not(.active) > a.error-tab {
    background-color: #F00;
    color: #FFF;
}

.error {
    color: #F00 !important;
    margin-left: 0 !important;
}

.radio-inline .error,
.checkbox-inline .error {
    float: right;
    margin-left: 10px !important;
}

.form-control.ng-invalid.ng-dirty {
    border-color: #F00;
}

.form-control.invalid {
    border-color: #F00;
}

.form-control {
    padding: 0 5px;
    line-height: 1em;
    font-weight: normal;
    color: #333;
}

select.form-control {
    padding: 0;
}

.form-control:not(textarea) {
    height: 21px;
}

textarea.form-control {
    padding: 2px 5px;
    resize: both;
}

textarea.form-control.limited-width {
    max-width: 100%;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    opacity: 1;
    cursor: default;
}

.checkbox {
    min-height: 21px;
    padding-top: 2px;
    margin: 0;
}

.checkbox-inline {
    vertical-align: initial;
}

.radio-inline, .checkbox-inline {
    line-height: 21px;
    margin-top: -2px !important;
}

select.select-empty {
    color: GrayText;
}

    select.select-empty > option:not(:disabled):not(.empty) {
        color: #000;
    }

select > option.empty {
    color: GrayText;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.input-group[class*="col-"] {
    padding: 0 5px;
}

.input-group-addon {
    background: transparent;
    border: none;
    padding: 0;
}

    input[type="text"]:disabled + .input-group-addon,
    .input-group-addon.disabled {
        pointer-events: none;
        opacity: 0.6;
        -ms-opacity: 0.6;
    }

    input[type="text"]:read-only + .input-group-addon {
        pointer-events: none;
        opacity: 0.6;
        -ms-opacity: 0.6;
    }

.input-group.textarea textarea {
    width: 100%;
}

.input-group.textarea .input-group-addon {
    padding-top: 2px;
    padding-left: 5px;
    vertical-align: top;
}

::-webkit-input-placeholder {
    color: GrayText;
}

:-moz-placeholder { /* Firefox 18- */
    color: GrayText;
}

::-moz-placeholder { /* Firefox 19+ */
    color: GrayText;
}

:-ms-input-placeholder {
    color: GrayText;
}

.icon-date {
    background: url('/assets/images/icon-date.png') no-repeat center;
    padding: 3px 19px 4px 0px;
    margin-left: 6px;
    background-size: 21px 21px;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget.dropdown-menu,
.datepicker.dropdown-menu {
    font-family: Calibri;
    font-size: 14px;
}

.datepicker.dropdown-menu {
    width: auto;
    height: auto;
    z-index: 10001 !important;
}

.btn, .btn:active, .btn:focus {
    /*background-color: #732C7B;
    color: #FFF;
    font-size: 13px;
    border: 1px solid #FFF;
    border-radius: 0;
    padding: 1px 10px;
    outline: 1px solid #732C7B;
    cursor: pointer;
    outline-offset: 0;*/
}

    /*.btn:hover {
        background-color: #000;
        color: #FFF;
    }*/

    .btn.medium {
        padding-top: 2px;
        padding-bottom: 2px;
        height: 27px;
    }

    .btn.slim {
        padding-top: 5px;
        padding-bottom: 5px;
        height: 33px;
    }

    .btn.inline {
        height: 21px;
        padding: 0 10px 1px 10px;
        margin: -4px 0 0 0;
        font-size: 14px;
        min-width: 100px;
    }

    .btn.inline.block {
        display: block;
    }

.btn-inline-container {
    height: 21px;
}

.btn.btn-sm {
    min-width: 102px;
    float: left;
    font-size: 13px;
    padding: 8px 8px 7px 8px;
}

.button-group {
    margin-top: 10px;
}

    .button-group .btn + .btn {
        margin-left: 6px;
    }

.warning-msg {
    font-size: 15px;
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
    color: #F00;
}

.ui-button {
    width: 100px;
    height: 100px;
    cursor: pointer;
    border: none;
    margin-bottom: 4px;
    margin-left: -1px;
}

.ui-button:disabled {
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.ui-button.small {
    width: 50px;
    height: 45px;
    padding-top: 26px;
    text-align: center;
}

    .ui-button.print {
        background: url(/assets/images/Icon-Print.png) no-repeat center;
    }
 
    .ui-button.small.print {
        background: url(/assets/images/Icon-Print-small.png) no-repeat center top;
        height: 60px;
    }
    .ui-button.small.email {
        background: url(/assets/images/Icon-Email-small.png) no-repeat center top;
        height: 60px;
    }

    .ui-button.close-btn {
        background: url(/assets/images/Icon-Close.png) no-repeat center;
    }

    .ui-button.search {
        background: url(/assets/images/Icon-Search.png) no-repeat center;
    }

    .ui-button.addnewtransaction {
        background: url(/assets/images/Icon-AddNew-Transaction.png) no-repeat center;
    }

.width-auto {
    width: auto;
}

.width-300 {
    width: 300px;
}

.width-95p {
    width: 95%;
}

.minwidth-450 {
    min-width: 450px;
}

.minwidth-550 {
    min-width: 550px;
}

.minwidth-650 {
    min-width: 650px;
}

.table-container {
    /*padding-right: 1px;*/
    overflow-x: auto;
}

.vtop {
    vertical-align: top !important;
}

.vmiddle {
    vertical-align: middle;
}

.table {
    margin-bottom: 0;
    max-width: 100%;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

    .table > thead > tr > th,
    .table > tbody > tr > td {
        border: 1px solid #FFF;
        padding: 2px 10px;
    }

        .table > thead > tr > th:last-child {
            border-right: none;
        }

        .table > tbody > tr > td.text {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .table > thead > tr > th > input[type=checkbox],
        .table > tbody > tr > td > input[type=checkbox] {
            margin-top: 6px;
        }

    .table > thead:first-child > tr:not(:last-child) > th {
        border-bottom: none 0;
        padding-bottom: 0;
    }

    .table > thead:first-child > tr:not(:first-child) > th {
        border-top: none 0;
    }

    .table.vmiddle > thead > tr > th,
    .table.vmiddle > tbody > tr > td {
        vertical-align: middle;
    }

    .table.table-spaced > thead > tr > th,
    .table > thead > tr.spaced > th,
    .table.table-spaced > tbody > tr > td,
    .table > tbody > tr.spaced > td {
        padding: 6px 10px;
    }

    .table.slim > thead > tr > th,
    .table.slim > tbody > tr > td {
        padding: 1px 10px;
    }

    .table.tight > thead > tr > th,
    .table.tight > tbody > tr > td {
        padding-left: 5px;
        padding-right: 5px;
    }

    .table > thead > tr > th {
        background-color: #0082CA;
        color: #FFF;
        font-weight: normal;
        vertical-align: middle;
    }

    .table > tbody > tr > td {
        background-color: #E5E5E5;
    }

    .table.table-bright > tbody > tr.st-selected > td {
        background-color: #7ABBDF;
    }

    .table.table-bright > tbody > tr > td {
        background-color: #F5F5F5;
    }

    .table.table-white > thead > tr > th {
        border: 1px solid #CCC;
    }

    .table.table-white > tbody > tr > td {
        background-color: #FFF;
        border: 1px solid #CCC;
    }

    .table.table-contrast > thead > tr > th,
    .table.table-contrast > tbody > tr > td {
        border: 1px solid #CCC;
    }

    .table.table-contrast > thead > tr > th {
        background-color: #666;
    }

    .table.table-contrast > tbody > tr > td {
        background-color: #FFF;
    }

    .table > thead > tr.noborder > th,
    .table > tbody > tr.noborder > td {
        border: none;
        background-color: transparent;
    }

th.w1p,
td.w1p {
    width: 1%;
}

th.w6p,
td.w6p {
    width: 6%;
}

th.w12p,
td.w12p {
    width: 12%;
}

th.w18p,
td.w18p {
    width: 18%;
}

th.w20p,
td.w20p {
    width: 20%;
}

th.w23p,
td.w23p {
    width: 23%;
}

th.w25p,
td.w25p {
    width: 25%;
}

th.w27p,
td.w27p {
    width: 27%;
}

th.w30p,
td.w30p {
    width: 30%;
}

th.w35p,
td.w35p {
    width: 35%;
}

td.input-col {
    width: 180px;
}

.textarea-wrapper {
    position: relative;
    height: 100%;
}

    .textarea-wrapper > textarea {
        position: relative;
        margin: 0px !important;
    }

.label-table-container {
    padding-top: 8px;
}

.label-table {
    line-height: 1.1em;
    height: 1.25in;
    width: 2.22in;
}

    .label-table.fixed {
        table-layout: fixed;
    }

    .label-table > tbody > tr > td {
        vertical-align: top;
        overflow: hidden;
    }

        .label-table > tbody > tr > td > div {
            overflow: hidden;
        }

        .label-table > tbody > tr > td > div.break-word,
        .label-table > tbody > tr > td > div.break-word-add {
            word-break: break-word;
            word-wrap: break-word;
        }

    .label-table > tbody > tr > td:first-child {
        padding: 0 3px 0 7px;
    }

    .label-table > tbody > tr > td:last-child {
        padding: 0 7px 0 3px;
    }

    .label-table img {
        width: 2.2in;
        height: 0.75in;
    }

.table.tight > tbody > tr > td.actions {
    padding-top: 3px;
    padding-bottom: 3px;
}

.actions {
    white-space: nowrap;
    height: 20px;
    width: 1%;
    text-align: center;
}

    .actions > a {
        padding-left: 20px;
        height: 20px;
    }

        .actions > a + a {
            margin-left: 5px;
        }

        .actions > a.edit {
            background: url('/assets/images/edit.png') no-repeat left center;
            background-size: contain;
        }

        .actions > a.delete {
            background: url('/assets/images/delete.png') no-repeat left center;
            background-size: contain;
            padding-left: 16px;
        }

        .actions > a.play {
            background: url('/assets/images/play.png') no-repeat left center;
            background-size: contain;
            padding-left: 16px;
        }

        .actions > a.pause {
            background: url('/assets/images/pause.png') no-repeat left center;
            background-size: contain;
            padding-left: 16px;
        }

        .actions > a.return {
            background: url('/assets/images/return.png') no-repeat left center;
            background-size: contain;
            padding-left: 16px;
        }

        .actions > a.cancel {
            background: url('/assets/images/cancel.png') no-repeat left center;
            background-size: contain;
        }

        .actions > a.add {
            background: url('/assets/images/add.png') no-repeat left center;
            background-size: contain;
        }

        .actions > a.update {
            background: url('/assets/images/update.png') no-repeat left center;
            background-size: contain;
        }

        .actions > a.save {
            background: url('/assets/images/save.png') no-repeat left center;
            background-size: contain;
        }

        .actions > a.print {
            background: url('/Content/images/action-buttons/print.png') no-repeat left center;
            background-size: contain;
        }

        .actions > a.receipt {
            background: url('/Content/images/action-buttons/receipt.png') no-repeat left center;
            background-size: contain;
        }

        .actions > a.void {
            background: url('/Content/images/action-buttons/void.png') no-repeat left center;
            background-size: contain;
        }

        .actions > a.download {
            background: url('/Content/images/action-buttons/download.png') no-repeat left center;
            background-size: contain;
        }

span.divider::after {
    content: '|';
    margin: 0 0 0 10px;
}

span.divider.nomargin::after {
    margin: 0;
}

.offsetleft {
    margin-left: 10px;
}

.status-row {
    margin-top: -10px !important;
}

    .status-row.yellow-sheet {
        margin-top: 10px !important;
    }

    .status-row > .col:not(.col-status):not(.flex),
    .status-row > .col.flex > .col {
        margin-top: 14px;
    }

.col-status {
    width: auto;
}

.status-label {
    line-height: 29px;
}

.status {
    background-color: #0066FF;
    color: #FFF;
    text-align: center;
    width: 190px;
    line-height: 29px;
    vertical-align: middle;
}

.big-total {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
}

.selectize-control {
    border-color: #989898;
    border-radius: 0;
    margin: auto;
    text-align: left;
    height: 21px;
}

    .selectize-control .ui-select-choices {
        position: fixed;
        top: auto;
        margin-top: -1px;
        width: inherit;
    }

.selectize-dropdown {
    z-index: 10000;
}

    .selectize-dropdown .ui-select-choices-row-inner > span:empty:before {
        content: "(empty)";
        color: GrayText;
    }

    .selectize-dropdown .active .ui-select-choices-row-inner > span:empty:before,
    .selectize-dropdown .active.selected .ui-select-choices-row-inner > span:empty:before {
        color: #EEE;
    }


.selectize-control.single .selectize-input, .selectize-control .selectize-dropdown.single {
    border-radius: 0;
    border: 1px solid #C0C0C0;
}

.selectize-control.single .ui-select-choices-row {
    border-radius: 0;
}

.selectize-control .selectize-dropdown {
    margin-top: -7px;
}

    .selectize-control .selectize-dropdown .select-item-subrow {
        font-size: 12px;
        color: #555;
    }

    .selectize-control .selectize-dropdown hr {
        margin: 0;
    }

.selectize-control.single .selectize-input {
    padding: 1px 20px 2px 9px;
    height: 21px;
    background: #FFF;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.selectize-control .selectize-input .ui-select-match {
    overflow: hidden;
    display: block;
}

    .selectize-control .selectize-input .ui-select-match > span {
        white-space: nowrap;
    }

.selectize-control .selectize-input.disabled {
    opacity: 1;
    background-color: #eee;
}

.selectize-input > input {
    margin: 0 !important;
}

.selectize-control .selectize-dropdown,
.selectize-control .selectize-input,
.selectize-control .selectize-input input {
    font-size: inherit;
    color: #333;
}

.selectize-control .selectize-dropdown-content {
    max-height: 350px;
}

.selectize-control.single .selectize-input:after {
    right: 8px;
    margin-top: -2px;
}

.selectize-dropdown .active,
.selectize-dropdown .active.selected {
    color: #FFF;
    background-color: #389DFE;
}

.selectize-dropdown .selected {
    color: #000;
    background-color: #CCE9F7;
}

.complex-option .option {
    padding: 0 8px;
    white-space: nowrap;
    vertical-align: middle;
}

.complex-option .left {
    display: inline-block;
    width: 350px;
    padding: 1px 0 2px 0;
    border-right: 1px solid #CCC;
    white-space: normal;
    vertical-align: middle;
}

.complex-option .right {
    border-left: 1px solid #CCC;
    margin-left: -4px;
    display: inline-block;
    max-width: 350px;
    padding: 1px 0 2px 8px;
    white-space: normal;
    vertical-align: middle;
}

@media print {
    a[href]:after {
        content: "" !important;
    }

    abbr[title]:after {
        content: "" !important;
    }

    .col-ui-main {
        width: 100%;
        margin: 0;
    }

    .col-xs-6-pr {
        width: 50%;
        float: left;
        padding: 0;
    }

    .form-header h1 {
        margin: 0;
    }

    .non-printable {
        display: none;
    }

    a[href]:after {
        content: '';
    }

    tr, tr td, tr th {
        page-break-inside: avoid;
    }

    table, th, td {
        border: 1px solid #989898 !important;
    }

    .input-group-addon, .input-group-btn, .form-control {
        display: block;
    }

    .input-group {
        display: block;
    }

    /*.form-control {
        border: 1px solid #C0C0C0 !important;
        box-shadow: none !important;
    }*/

    .table > thead > tr > th {
        font-weight: bold;
        font-family: 'Source Sans Pro', sans-serif;
    }
    /*.table > thead > tr > th,*/
    .table > tbody > tr > td {
        border: 0px none !important;
        /*padding: 2px 10px;*/
    }

    .table-borderless {
        border: none !important;
    }

        .table-borderless > thead > tr > th,
        .table-borderless > tbody > tr > td {
            border: none !important;
        }

    .print-nopadding {
        padding: 0 !important;
    }

    .print-nomargin {
        margin: 0 !important;
    }

    .print-nomargin-hor {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .print-nomargin-top {
        margin-top: 0 !important;
    }

    .print-margin-top-10 {
        margin-top: 10px !important;
    }

    .print-nofloat {
        float: none !important;
    }

    .pagebreakbefore {
        page-break-before: always !important;
    }
}

.page-break-avoid {
    page-break-inside: avoid !important;
}

.page-break-allow {
    page-break-inside: auto !important;
}

/* TEMP */
.pagination-nav {
    display: inline-block;
}

.label-UPS > img,
.rotate-image {
    transform: rotate(90deg);
    margin-top: 207px;
    margin-bottom: 317px;
}

.label-UPS,
.image-align-center {
    width: 167%;
    margin-left: -200px;
}

.erroredColumn {
    border: 1px solid red;
}

.completedStatus {
    background-color: #008000 !important;
    color: #FFF !important;
}

.needNoticeStatus {
    background-color: #FFFF00 !important;
}

.sendToDmvStatus {
    background-color: #00F !important;
    color: #FFF !important;
}

.openYSStatus {
    background-color: red !important;
    color: #FFF !important;
}

.mandatory {
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
    color: #F00;
    margin: 0 2px;
}

.vertical-allign-text {
    vertical-align: text-top;
}

.padding-5lr {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.dashboard-vertical-bar-chart {
    font-family: source_sans_proregular, sans-serif;
}

    .dashboard-vertical-bar-chart .c3-axis-y-label, .dashboard-vertical-bar-chart .c3-axis-x-label {
        font-size: 12px;
        font-weight: bold;
        font-family: 'Source Sans Pro', sans-serif;
    }

/*.dashboard-horisontal-bar-chart .domain {
        stroke: none;
}*/

.modal-dialog.wide {
    width: 100%;
    max-width: 835px;
}

.modal-dialog.wide-xl {
    width: 100%;
    max-width: 965px;
}

.modal-dialog.dashboard-fee-modal {
    width: 100%;
    max-width: 810px;
}

.modal-dialog.dashboard-note-modal {
    width: 100%;
    max-width: 550px;
}

.container.dashboard-fee-modal {
    width: 100%;
    max-width: 780px;
}

.container.dashboard-documents-modal {
    width: 100%;
    max-width: 780px;
}

.report-container, 
table.report-table, 
table.report-table th, 
table.report-table tbody td, 
table.report-table tfoot td, 
table.report-table .report-foot td {
    border: 1px solid #0084C8;
}

    .report-container, 
    table.report-table.internal, 
    table.report-table.internal th, 
    table.report-table.internal tbody td, 
    table.report-table.internal tfoot td, 
    table.report-table .report-foot td {
        border-color: rgb(204, 204, 204);
    }


.report-container {
    padding: 20px;
    width: 100%;
    /*max-width: 850px;*/
}
.report-container.old {
    border: 5px solid #0082CA;
    padding-bottom: 0px;
}

.report-copyright{
    background-color: #0082CA;
    color: #ffffff;
    padding: 5px 20px;
    text-align: left;
}
    .report-container .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .report-container sup{
        font-size: 0.7em;
    }

    .report-container .header-data, .report-container .text-blue {
        color: #3079BD;
    }

    .report-container .report-vin {
        margin-top: 5px;
        margin-left: 17px;
        font-size: 15px;
    }

    .report-container img.logo {
        width: 240px;
        height: 80px;
    }

    .report-container .report-row {
        margin-top: 20px;
    }

.report-summary {
    color: #3079BD;
    margin-top: 3px;
    font-size: 22px;
    margin-bottom: 0;
    font-family: Nevis-Bold, sans-serif;
    font-weight: bold;
}

.text-bold {
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
}

table.clear-table, table.clear-table td {
    border: none 0px !important;
}

    table.clear-table td {
        padding: 2px 5px;
    }

    table.clear-table tr td:first-child {
        padding-left: 0px;
    }
    table.clear-table tr td:last-child {
        padding-right: 0px;
    }

/*table.clear tr:not(:first-child):not(:last-child) td {
    padding: 7px 7px;
}*/

table.report-table {
    width: 100%;
    border-collapse: collapse;
}

    table.report-table tr {
        page-break-inside: avoid !important;
    }

    table.report-table th, 
    table.report-table tfoot td, 
    table.report-table .report-foot td {
        background-color: #E9F3FF;
        font-weight: bold;
        font-family: 'Source Sans Pro', sans-serif;
    }

    table.report-table th,
    table.report-table > tbody > tr > td,
    table.report-table > tbody > .report-foot td,
    table.report-table > tfoot > tr > td {
        padding: 5px 10px;
    }

    table.report-table td.big-padding {
        padding: 10px 20px;
    }

.report-container textarea.memo {
    width: 100%;
    min-height: 50px;
}

@media(min-width:768px) {
    .tab-status-label {
        position: absolute;
        top: -41px;
        right: 0;
    }
}

.invoice-request-container {
    margin-top: 10px;
}

@media(min-width:1200px) {
    .invoice-request-container {
        margin-top: -21px;
    }
}

.bordered-caption {
    border: 1px solid #CCC;
    padding: 10px;
}

.state-red {
    background-color: #F00 !important;
    color: #FFF !important;
}

.state-orange {
    background-color: #FFA500 !important;
    color: #FFF !important;
}

.state-green {
    background-color: #008000 !important;
    color: #FFF !important;
}

.dashboard {
}

    .dashboard .c3-legend-item {
        font-size: 14px;
    }

    .dashboard .c3-text.c3-empty {
        fill: #000;
    }

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

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

.margin-top-m10 {
    margin-top: -10px;
}

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

.inline-note {
    margin-left: 70px;
    line-height: 16px;
    height: 21px;
}

.tab-content .subscription-space {
    border: 1px solid #acacac;
    margin: 10px 5px 0;
    padding: 15px;
}

.subscription-title, .cancellation-title {
    text-align: center;
}

.subscription-col {
    max-width: 188px;
}

.subscription-end-link {
    text-align: center;
    font-style: italic;
    text-decoration: none;
    color: #FF0000;
    margin: 5px;
    cursor: pointer;
}

.cancellation-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.cancellation-text, .cancellation-radio {
    font-size: 15px;
    margin: 15px 25px 15px;
    font-weight: 200;
}

.cancellation-radio {
    margin-left: 50px;
}

.cancellation-body {
    height: 150px;
}

.additional-comments {
    width: calc(100% - 50px);
    margin: 0 25px;
}

.glyphicon-color {
    color: #0082CA;
}