.iti-flag {
    background-image: url("../../Images/Icons/flags.png") !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti-flag {
        background-image: url("../../Images/Icons/flags@2x.png") !important;
    }
}

.intl-tel-input {
    width: 100%
}

.flag-container {
    z-index: 3
}

.form-signin {
    background-color: #fff;
    border-radius: 10px;
    border: 3px solid #ddd;
    width: 480px;
    height: 695px;
    overflow: hidden;
    padding: 30px 34px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .form-signin input[type="text"] {
        margin-bottom: -1px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .form-signin .btn-login {
        color: #fff;
        background-color: #1776f3;
/*        border-color: #e1bd05;
        box-shadow: 0 5px 0 0 #e1bd05;*/
    }

        .form-signin .btn-login:hover,
        .form-signin .btn-login:active,
        .form-signin .btn-login:visited,
        .form-signin .btn-login:focus {
            background-color: #0c65db;
            outline: none;
        }

    .form-signin .checkbox {
        margin-bottom: 10px;
        font-weight: normal;
    }

    .form-signin .form-control {
        position: relative;
        font-size: 16px;
        height: auto;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin .form-signin-heading {
        text-align: center;
        font-size: 24px;
        margin-bottom: 10px;
        color: #1B1F24;
    }

    .form-signin .hercLogo {
        text-align: center;
        margin-bottom: 30px;
    }

.site-version-num {
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 10px;
}

.label-badge {
    display: inline;
    align-items: center;
    gap: 8px;
    text-align: right;
}

.new-badge {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    background-color: #2bb149;
    padding: 2px 6px;
    border-radius: 3px;
    position: relative;
    top: -6px;
    left: -4px;
}

.line-break {
    width: 100%;
}

.line-break-text {
    width: 1px;
    padding: 0 10px;
    white-space: nowrap;
    font-weight: bold;
}

.heading-second-word {
    font-weight: bold;
}
/** End Login **/


/** Multiple-Emails plugin css **/
.multiple_emails-container {
    border: 1px #ccc solid;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    padding: 0;
    margin: 0;
    cursor: text;
    width: 100%;
}

    .multiple_emails-container input {
        background: none;
        clear: both;
        width: 100%;
        border: 0;
        outline: none;
        padding: 6px 12px;
        box-sizing: border-box;
    }

    .multiple_emails-container input {
        border: 0 !important;
    }

        .multiple_emails-container input.multiple_emails-error {
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important;
            outline: thin auto red !important;
        }

    .multiple_emails-container ul {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
    }

.multiple_emails-email {
    margin: 3px 5px 3px 5px;
    padding: 3px 5px 3px 5px;
    border: 1px #BBD8FB solid;
    border-radius: 3px;
    background: #F3F7FD;
    display: inline-block;
}

.multiple_emails-close {
    float: left;
    margin: 0 3px;
}
/** End Multiple-Emails plugin css **/


/** Pay Modal css **/
/*div.payModalDialog {
        width: 640px;
        max-width: 100%;
    }

    .payButtonContainer {
        width: 100%;
        margin-bottom: 10px;
    }

    .payModalBodyHeader {
        padding-bottom: 10px;
        text-align: center;
    }*/
/** End Pay Modal css **/

/** Other Custom CSS **/
.navbar-header img {
    max-height: 75px;
}

div.top-panel {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.borderTop {
    border-top: 1px solid #ddd;
}

/* Sticky footer styles */
footer {
    height: 110px;
    background-color: #000000;
    /*background-image: linear-gradient(to bottom, #FFFFFF 0px, #F8F8F8 100%);*/
    background-repeat: repeat-x;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
    margin-top: 10px;
}

/* The html and body elements cannot have any padding or margin. */
html, body {
    height: 100%;
    background-color: #f7f7f7;
}

.envFlag {
    position: fixed;
    left: 10px;
    top: 10px;
    padding: 14px 18px;
    z-index: 9999999;
    pointer-events: none;
    background: #f00;
    color: white;
    font-weight: bold;
    text-align: center;
    opacity: 50%;
}

/* Optional responsive image override */
img {
    max-width: none;
}

td.action {
    white-space: nowrap;
}

td.notes {
    max-width: 200px;
}

/*th {white-space: nowrap;}*/

#formPreview {
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 300px;
}

#profile-page .row {
    margin: 0 -15px 20px;
}

#ui-datepicker-div {
    display: none;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}

.accessCode {
    margin-bottom: 10px;
}

.accessContainer {
    margin-top: 10px;
}

.accordion-header {
    cursor: pointer;
}

.action span {
    padding: 3px;
    cursor: pointer;
}

.activeSearch {
    border: 3px solid #77DD88;
}

.adminBtn {
    margin-bottom: 10px;
    width: 32.9%;
    min-width: 190px;
}

.adminPanel {
    min-width: 225px;
    text-align: center;
}

    .adminPanel h3 {
        text-align: left;
    }

.balanceLeft {
    font-size: 18px;
}

.billingTextarea {
    z-index: -1 !important;
    position: inherit !important;
}

.bol-footname {
    font-style: italic;
    font-weight: bold;
}

.bol-footnum {
    font-weight: bold;
    text-align: center;
}

.borderBox {
    min-width: 20%;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.box-stretch {
    min-height: 203px;
}

.btn-vert {
    position: absolute;
    left: 0;
    bottom: 0;
}

.btn-150 {
    min-width: 150px
}

.btn-auth-cc {
    padding: 1px 7px;
    float: right;
    margin-right: 15px;
}

.btnAddText {
    padding: 1px 7px;
    float: right;
    margin-right: 15px;
}

.cal-panel {
    min-width: 1000px;
    border-top: 1px solid #ddd !important;
    margin-top: -1px;
}

.carriageText {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    font-size: .9em;
    margin: 20px auto 30px;
    max-height: 600px;
    overflow-y: scroll;
    padding: 30px;
    text-align: justify;
    width: 85%;
    word-break: normal;
}

    .carriageText h1 {
        font-size: 2em;
        font-weight: bold;
        text-align: center;
    }

    .carriageText h2 {
        font-size: 1em;
        font-weight: bold;
    }

    .carriageText li {
        margin: 5px 0;
    }

    .carriageText ol {
        font-weight: bold;
    }

        .carriageText ol span {
            font-weight: normal;
        }

.charge, .depDate {
    color: #3399F3;
}

.checkboxRow:hover {
    background-color: #f5f5f5;
    border-color: #c6d4e9;
}

.checklistFooterTxt {
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.checklist-table label {
    font-weight: normal;
}

.checklist-table .checkBox input:hover,
.checklist-table label:hover {
    cursor: pointer;
}

.checklist-table td:first-child {
    width: 15px;
    height: 15px;
    text-align: center;
}

.checklist-table .headerRow {
    background-color: #d8e2f0;
    border-color: #c6d4e9;
}

.chkContainer {
    padding-top: 12px;
}

.chkDiv {
    border: none;
    box-shadow: none;
    padding-right: 0 !important;
    text-align: right;
}

    .chkDiv input {
        vertical-align: bottom;
        margin: 0 10px 8px 5px;
    }

.chkLabel {
    padding: 0;
}

.chkLock {
    float: right;
    margin-right: 15px;
}

    .chkLock label {
        font-weight: normal;
        padding: 9px 5px 0 0;
        margin-bottom: 0;
    }

.company-info .booker {
    font-style: italic;
    font-weight: bold;
}

.consultName {
    padding-top: 9px;
    font-weight: bold;
}

.container .credit {
    margin: 20px 0;
}

.cityPrint, .namePrint {
    font-weight: bold;
}

.currentFlatFee {
    display: none;
}

.currentPercentage {
    display: none;
}

.currentRate {
    display: none;
}

.curStatus {
    white-space: nowrap;
}

#ctl00_Content_dayOffNotesCol {
    display: none;
}

.dateCheck label {
    font-weight: bold;
}

/*.cuFeet {
    max-width: 10vw;
}*/

.dateCheck label {
    font-weight: bold;
}

.dateCheck input {
    margin-left: 5px;
}

.dayOffBtn {
    padding-top: 28px;
}

.dispPage .form-group .form-control, .dispPage .form-group div {
    float: none;
    width: 100%;
}

.dispPage .control-label {
    float: none;
    width: auto;
}

.disableForm {
    cursor: not-allowed;
    background-color: #EEE;
    opacity: 1;
}

.dropdown-menu .divider {
    margin: 0;
}

.dropdown-menu li a {
    padding: 12px 20px;
}

.emailBorder {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.emailBorder:focus {
    border: 0;
}

.emailBorder:focus-visible {
    border: 0;
}

.emailBorder.emailBody:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.emailBorder.emailBody:focus-visible {
    outline: 0 !important
}

.emailBody,
.infoEmailBody,
.textBody {
    margin: 0 15px;
}

.emailTemplateBtns {padding-top:10px}

.expandicon {
    color: #666;
    display: inline-block;
    margin: 0 10px 0 5px;
    text-align: center;
    width: 15px;
}

.form-group > label.error {
    padding: 9px 15px 0;
}

label.error {
    color: Red;
    font-weight: normal;
}

.estimate-img {
    max-width: 340px;
}

.estRegId {
    margin: 5px 0 10px;
}

.error {
    color: red;
}

.fc-content {
    padding: 1px 2px;
    white-space: normal !important;
}

.fc-event {
    margin-bottom: 2px !important;
}

.fcePack, .rowPack > td {
    color: #0aa !important;
}

.prepOn > td {
    color: #ea8200 !important;
}

.rowItalics > td {
    font-style: italic;
}

.fceUnassigned {
    background-color: #555 !important;
    border-color: #333 !important;
    color: #fff !important;
}

.fceOnManifest, .rowOnManifest > td {
    background-color: #ffb !important;
    border-color: #dd9 !important;
}

.fceConfirmed {
    background-color: #cff !important;
    border-color: #9dd !important;
}

.fceScheduled, .fceDefault {
    background-color: #f3f3f3 !important;
    border-color: #ddd !important;
}

.fceWeighed {
    background-color: #ddf !important;
    border-color: #bbe !important;
}

.fceCompleted, .rowCompleted > td {
    background-color: #dfd !important;
    border-color: #ada !important;
}

.fceSIT, .rowSIT > td {
    background-color: #ebf !important;
    border-color: #cae !important;
}

.fceCancelled, .rowCancelled > td {
    background-color: #fdd !important;
    border-color: #daa !important;
}

.fc-event .aWeight, .actualCell {
    color: #33c !important;
}

.fceUnassigned .aWeight {
    color: #99f !important;
}

.flatcell {
    padding: 0 !important;
    border-top: none !important;
}

.formButtonPad {
    padding-top: 29px;
    padding-bottom: 15px;
}

.gcvlFooterLogo, .footerLogo {
    padding-top: 15px;
    width: 180px;
    margin: 5px;
}

.generateEstimateForm {
    display: inline-block;
    text-align: left;
}

.glyphicon:hover {
    cursor: pointer;
}

.grid-charges {
    margin-bottom: 0;
}

.grid-deposits {
    margin: 0;
}

    .grid-deposits thead tr th {
        width: 1%;
    }

    .grid-deposits tbody tr td {
        height: 32px;
    }

.grid-goods .lgId {
    display: none;
}

.grid-goods .Amount, .grid-total .Amount, .grid-charges .Amount, .grid-deposits .depAmt {
    text-align: right;
}

.grid-surcharges label, .grid-gvgoods label {
    font-weight: normal;
}

.grid-surcharges tr td, .grid-surcharges tr th {
    border: none;
}

.grid-surcharges .txtQuantity {
    width: 50px;
}

.grid-surcharges .txtFlatFee {
    width: 110px;
}

.grid-surcharges .txtPercentage {
    width: 110px;
}

.grid-surcharges .txtRate {
    width: 110px;
}

.grid-gvgoods tr td, .grid-gvgoods tr th {
    border: none;
}

.grid-reginfo tbody td:first-child {
    padding-left: 0;
}

.grid-reginfo tbody td:nth-child(4) {
    padding-right: 0;
}

.grid-reginfo tbody tr td {
    border-style: none;
    padding: 5px 20px;
}

.grid-reginfo label {
    margin: 0;
}

.grid-total .total {
    font-weight: bold;
}

.groupHeaderRow {
    cursor: pointer;
}

.haulDisplay {
    float: right;
}

    .haulDisplay input[type="checkbox"] {
        margin-left: 10px;
        margin-right: 5px;
    }

.hidden {
    display: none;
}

.hiddenInput, .hiddenSelect {
    display: none !important;
}

.hr {
    margin: 10px;
}

.imgUrl {
    height: 65px;
}

    .imgUrl img {
        max-width: 200px;
        max-height: 65px;
    }

.lblComplete {
    color: #484;
}

.lblMob {
    display: none;
}

.legal {
    font-size: .8em;
    padding-bottom: 10px;
}

.legalDate {
    width: 1%;
    text-align: right;
    white-space: nowrap;
}

.legalGrid {
    border: 2px solid #dddddd;
}

    .legalGrid tbody tr td {
        padding: 8px;
    }

.legalLine {
    width: 70%;
    max-width: 350px;
}

    .legalLine hr {
        border-top: 1px solid #444444;
        margin: 20px 0 0;
    }

.legalSign {
    width: 1%;
    white-space: nowrap;
}

.legend {
    margin-top: 28px;
}

    .legend ul {
        list-style: none;
        overflow: hidden;
    }

    .legend li {
        border: 1px solid;
        color: #555;
        display: block;
        float: left;
        margin-right: 10px;
        padding: 0px 5px;
        font-size: 1.1em;
    }

li.opt.printPreview {
    display: none;
}

.loaderUnpadLeft {
    height: 16px;
    width: 16px;
    margin-left: -16px !important;
    background: url('https://hercules.greatcanadianvanlines.com/Images/Icons/ajax-loader.gif') no-repeat 50%;
}

.logothumb {
    max-width: 250px !important;
}

.icon-bar {
    background-color: rgb(120,120,120);
}

.manifestDetails {
    margin: 5px 0 15px;
}

.memberCol {
    margin-top: 10px;
}

    .memberCol label {
        margin: 5px 0 0;
    }

#emailModal div.modal-dialog,
#infoModal div.modal-dialog {
    width: 900px;
}

.moveinfo {
    margin: 10px 0;
}

.modalMinimize {
    padding-right: 1vw !important;
}

.btnQty {
    float: none;
    margin-left: 1vw !important;
    margin-right: 1vw !important;
}

.glyphicon-search {
    margin-right: 6px;
}

.roomsTACon > .glyphicon-search {
    margin-top: 4px;
}

.goodsAddBtn {
    margin-top: 29px;
}

.goodsBtn {
    margin-left: 1vw;
    margin-right: 1vw;
}

.initAddRoomBtn {
    margin-left: 16px;
}

.modalMaximize {
    display: none;
    position: fixed;
    bottom: 2%;
    left: 1%;
    z-index: 100;
}

.modal-body {
    overflow-y: auto !important;
}

.navbar {
    /*background-color: #000000;*/
    /*background-image: none;*/
    min-height: 65px;
    margin-bottom: 8px;
    border: none;
}

   /* .navbar .navbar-nav > li > a {
        color: #fbd206;
        background-color: #000000;
        border: none;
    }*/

        /*.navbar .navbar-nav > .active > a,
        .navbar .navbar-nav > .active > a:hover,
        .navbar .navbar-nav > .active > a:focus,
        .navbar .navbar-nav > li > a:hover,
        .navbar .navbar-nav > li > a:focus {
            color: #3399f3;
            background-color: #000000;
            border: none;
            outline: none;
        }*/

.navbar-nav > li > a {
    line-height: 45px;
}

.navbar-nav li .dropdown-menu {
    padding: 0;
    margin-top: -15px;
    right: 15px;
}

.navbar-toggle {
    border-color: rgb(120,120,120);
}

.nav-pills > li > a {
    display: block;
    padding: 5px 10px;
}

.nested-table {
    padding: 0 0 10px 15px;
    font-size: 90%;
}

    .nested-table table {
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .nested-table th {
        font-style: italic;
    }

.New .curStatus {
    Color: #ccc
}

.newRoom {
    text-align: center;
}

.nonControl-Label {
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

.nopadleft {
    padding-left: 0;
}

.nopadright {
    padding-right: 0;
}

.nopadsides {
    padding-left: 0;
    padding-right: 0;
}

.nostyle {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.notes,
.notesText {
    margin-top: 10px;
}

.notetip {
    color: #3399f3;
    text-decoration: none;
    cursor: pointer;
}

    .notetip :hover, .notetip :focus {
        text-decoration: underline
    }

.pac-container {
    min-width: 120px;
}

.displayPadding {
    padding-bottom: 40px;
}

.paddingRadio {
    padding-left: 15px;
    margin-top: 5px;
}

.padding {
    padding: 6px 2px;
}

.panel-attached {
    border-top: 1px solid #ddd
}

.payButtonContainer,
.infoButtonContainer {
    margin-bottom: 20px;
}



.positionable {
    position: relative;
}

.position-down-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.previewContainer {
    width: 100%;
    text-align: center
}

.print-footer {
    margin: 0px 97px;
    white-space: nowrap;
}

.print-only {
    display: none;
}

.radioAsLabel {
    padding-top: 7px;
    position: relative;
}

    .radioAsLabel * {
        margin-bottom: 0;
        white-space: nowrap;
    }

.radioContainer {
    height: 38px;
    padding-top: 9px;
    position: relative;
    text-align: center;
}

    .radioContainer * {
        white-space: nowrap;
    }

    .radioContainer input[type="radio"], .radioAsLabel input[type="radio"] {
        margin-right: 5px;
    }

    .radioContainer input[type="checkbox"] {
        margin-left: 10px;
        margin-right: 5px;
    }

    .radioContainer .lastRadio, .radioAsLabel .lastRadio {
        margin-left: 25px;
    }

.radioDescriptor {
    margin-right: 30px;
}

.reginfodata {
    float: right;
}

.reginfolabel {
    float: left;
}

.regLink a {
    color: #006400;
}

.reminderContainer {
    background-color: #cc0000;
    border-color: #b70000;
    padding: 5px 10px;
    color: white;
}

    .reminderContainer h5 {
        color: white;
        font-weight: bold;
    }

/* Append red asterisks to required field labels */
.reqLabel:before {
    color: #f00;
    content: '* ';
    display: inline;
}

/*.rolecheck {margin-top: 10px;}*/
.rolecheck label {
    margin: 0 16px 0 8px;
}

.rolegrid td, .rolegrid th {
    border: 1px solid #bbbbbb !important;
}

.rowOverflow > td {
    color: #aa6600 !important;
}

.rowTotal {
    border: 2px solid #8d8;
    font-size: 105%;
    font-weight: bold;
}

.salesGrid table {
    table-layout: fixed;
}

.salesGrid .regTotal, .salesGrid .customer {
    width: 300px;
    max-width: 25%;
}

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

.salesGrid .regId, .salesGrid .status {
    width: 200px;
    max-width: 15%;
}

.shortToHeader {
    display: none;
}

.signature {
    border-top: 1px solid #999999;
    margin-top: 30px;
}

.smallGoods {
    display: none !important;
}

.spacer {
    height: 50px;
    width: 100%
}

.subtotal {
    padding-top: 15px !important;
}

.surchargeSection {
    padding-top: 10px;
}

.tabbable {
    margin-top: 10px;
}

/*.tabBtnDiv .btn{margin-left: 2px;}*/
.tabBtnDiv select {
    text-overflow: ellipsis;
}

.table > tbody > tr.grandTotalRow > td {
    background-color: #595959;
    border-color: #4c4c4c;
    color: #f4f4f4;
}

.table > tbody > tr.groupHeaderRow > td {
    background-color: #d8e2f0;
    border-color: #c6d4e9;
}

.table > thead > tr.groupHeaderRow > th {
    background-color: #d8e2f0;
    border-color: #c6d4e9;
}

.textCheckbox {padding-left:5px}

.typeahead__container textarea {
    font: inherit !important;
}

.typeahead__result {
    font: inherit !important;
    font-size: 12px !important;
}

.typeahead__field .typeahead__hint {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.dataTable > thead > tr > th {
    background-color: #d8e2f0;
    border-color: #c6d4e9;
}

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

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

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

.text-muted {
    color: #fbd206;
}

.textMsg {
    display: none;
}

.textMessaging input {
    appearance: none;
    padding: 16px 32px !important;
    border-radius: 16px;
    background-color: #ccc;
    background-image: radial-gradient(circle 12px, #fff 100%, transparent calc(100% + 1px));
    background-repeat: no-repeat;
    background-position: -16px center;
    transition: 0.3s ease-in-out;
    outline: none !important;
}

    .textMessaging input:checked {
        background-color: #1e90ff;
        background-position: 16px;
    }

    .textMessaging input:hover {
        cursor: pointer;
    }

.estEditButtons {
    min-width: 500px;
}

.regEditButtons {
    min-width: 400px;
}

.tooltip-arrow {
    width: 0 !important;
}

.total-list {
    margin: 10px;
    width: 60%;
}

    .total-list li {
        margin: 5px 0;
    }

    .total-list .a-right {
        float: right;
    }

.totalPrice, .balanceLeft {
    font-weight: 500;
}

.totalPrice {
    font-size: 16px;
    padding-bottom: 15px !important;
}

.ui-datepicker {
    border: 1px solid #ddd;
}

.unassigned {
    color: #c33;
}

.uploader {
    margin: 5px 0 15px;
}

.view-estimate-buttons,
.finance-buttons {
    margin: 10px 0;
}

.weightBox {
    max-width: 60px;
}

.weightMsg {
    color: #f00;
    float: right;
    margin: 5px 0 -20px;
    text-align: right;
}

.red-minus {
    color: #d9534f;
    cursor: pointer;
}

.green-plus {
    color: #5cb85c;
    cursor: pointer;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

ul.printPreview {
    display: none;
    list-style: none;
}

.vMoney:invalid {
    border: 1px solid red;
}

.percentage:invalid {
    border: 1px solid red;
}

.companyNames:invalid {
    border: 1px solid red;
}

/**Finance Page*/

/* Admin Grid styling */
.adminGrid {
}
/* End */
.financePage .distCol {
    min-width: 175px;
    text-align: center;
}

.financePage .col-xs-6 {
    padding: 0;
}

.green {
    background-color: #dfd !important;
}

.pnlLabel {
    padding-top: 9px;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

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

/* Static Grid styling */
.staticGrid td,
.staticGrid th,
.staticGrid table {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.staticGrid .grid-charges,
.staticGrid .grid-total {
    float: right;
}

    .staticGrid .grid-goods .Amount,
    .staticGrid .grid-total .Amount,
    .staticGrid .grid-charges .Amount,
    .staticGrid .grid-deposits .depAmt {
        text-align: right;
    }

.staticGrid .grid-charges,
.staticGrid .grid-deposits {
    margin-bottom: .3em;
}

.staticGrid .imgAccepted {
    position: absolute;
    top: 0;
    right: 2em;
    z-index: 10;
}

/*.staticGrid .lead {font-size: 1.1em; text-decoration: underline;}*/

.staticGrid .legal {
    font-size: .70em;
}

.staticGrid .legalCol {
    width: 100%;
}

.staticGrid .legalDate {
    width: 1%;
    text-align: right;
    white-space: nowrap;
}

.staticGrid .legalGrid {
    border: .2em solid #dddddd;
}

    .staticGrid .legalGrid tbody tr td {
        padding: .3em !important;
    }

.staticGrid .legalLine {
    width: 70%;
    max-width: 3.5em;
}

    .staticGrid .legalLine hr {
        border-top: .1em solid #444444;
        margin: 1.3em 0 0;
    }

.staticGrid .legalSign {
    font-size: .9em;
    width: 1%;
    white-space: nowrap;
}

.staticGrid .memberCol {
    width: 100%;
}

    .staticGrid .memberCol br {
        display: none !important;
    }

.staticGrid .memberDiv {
    display: inline-block;
    padding: 0 0.5em;
    white-space: nowrap;
}

    .staticGrid .memberDiv label {
        margin-right: 0.5em;
    }

.staticGrid .move-info,
.staticGrid .col-md-6.grids,
.staticGrid .from-container,
.staticGrid .to-container,
.staticGrid .company-info,
.staticGrid .company-img {
    margin-bottom: 0;
}

.staticGrid .notes {
    width: 100%;
}

    .staticGrid .notes br {
        display: none !important;
    }

    .staticGrid .notes label {
        margin-right: 1em !important;
    }

.staticGrid .reginfodata {
    float: right;
}

.staticGrid .reginfolabel {
    float: left;
}

.staticGrid .top-panel {
    width: 100%;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.staticGrid .weightEdit {
    display: none;
}

.staticGrid .wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.staticGrid .form-control {
    border: none;
    color: #000000;
}

.staticGrid .charge,
.staticGrid .depDate,
.staticGrid .depType,
.staticGrid .depTo,
.staticGrid .depAmt,
.staticGrid .Amount,
.staticGrid .distCol {
    color: #000000;
}

.staticGrid #ctl00_Content_crudfinance_notes {
    background-color: #fff;
    resize: none;
    border-style: none;
}

.staticGrid ul.printPreview {
    padding: 0;
}

.staticGrid .grid-charges td {
    border: 1px solid #ededed;
}
    /*.staticGrid .charge,
.staticGrid .Amount,
.staticGrid .distCol {font-size: 10px;}*/
    .staticGrid .grid-charges td input {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

.staticGrid body,
.staticGrid .form-control {
    color: #000000 !important;
    border: 0;
    font-size: 14px;
    padding: 0 !important;
}

.staticGrid .input-group-addon {
    color: #000000;
    border: 0;
    height: 10px !important;
    padding: 0px 2px !important;
}

.staticGrid .totalPrice {
    padding-bottom: 0px !important;
}

.staticGrid .balanceLeft,
.staticGrid .notes {
    color: #000000;
}

.staticGrid .SumoSelect,
.staticGrid .colPlus {
    display: none;
}

.staticGrid .distCol {
    min-width: 125px;
}

.staticGrid .depDate,
.staticGrid .depType,
.staticGrid .depTo,
.staticGrid .depAmt {
    border: none !important;
}

.staticGrid .grid-deposits tr {
    border-bottom: 1px solid #ddd;
}

.staticGrid ul.printPreview {
    display: list-item;
}

    .staticGrid ul.printPreview li {
        list-style: none;
        font-weight: normal;
    }

.staticGrid ul.printPreview,
.staticGrid th input {
    padding-left: 0;
    text-align: center;
}

.staticGrid .form-control[disabled], fieldset[disabled] .form-control {
    cursor: text;
}

.staticGrid .grid-charges .col-xs-6:last-child {
    border-left: 1px solid #ededed !important;
    padding-left: 5px !important;
}

.staticGrid .grid-charges .col-xs-6:first-child {
    padding-right: 5px !important;
}

.staticGrid .input-group-addon {
    background-color: #fff;
}

.staticGrid input[type="text"] {
    background: transparent;
    border: none;
}

.staticGrid textarea {
    overflow: hidden;
}

.staticGrid .table > tbody > tr > td {
    vertical-align: middle;
}

.vidThumbnail {
    height: 114px;
    font-size: 20px;
    text-align: center;
    padding-top: 40px;
    color: #fff;
    background-color: #333;
}
/* End */
/** End CSS **/