/* Minification failed. Returning unminified contents.
(939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(946,23): run-time error CSS1039: Token not allowed after unary operator: '-char-count'
(946,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-padding'
(946,83): run-time error CSS1039: Token not allowed after unary operator: '-char-count'
 */
/********************************** Global Styles **********************************/
body {
    font-family: "Myriad Pro", Myriad, "Segoe UI", Tahoma, sans-serif;
    background-color: #ffffff;
    /*color: #455d7e;*/
    font-size: 13px;
    overflow-y: scroll;
}

.container {
    margin-bottom: 15px;
}

label {
    cursor: pointer;
}

    label.noclick {
        cursor: default;
    }

.all-caps {
    text-transform: uppercase;
}

p.validationMessage,
span.validationMessage {
    color: red;
    margin-top: 7px;
    font-weight: bold;
    display: inline-block;
}

h
div.validationMessage {
    color: red;
    padding-top: 7px;
    font-weight: bold;
}

.validationMessage::before {
    content: "* ";
}

.required {
    color: #ff0000;
}

.required-field::after {
    content: " *";
    color: #ff0000;
}

.validation-errors {
    color: #ff0000;
    font-weight: bold;
}

select[disabled],
input[disabled],
button[disabled],
button[disabled]:hover,
button[disabled]:focus,
button[disabled]:active {
    pointer-events: all !important;
    cursor: not-allowed;
    opacity: .5;
}

.padding-sm {
    padding: 2px !important;
}

.padding-md {
    padding: 6px !important;
}

.padding-md-lr {
    padding: 2px 6px !important;
}

.padding-div-label {
    padding-top: 4px !important;
}

.auto-height {
    height: auto;
}

.k-grid td {
    padding: .1em .4em !important;
    line-height: 1em !important;
}

a,
.imgButton,
.glyphBtn,
.faBtn {
    cursor: pointer;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.k-grid.k-widget table > tbody > tr,
.k-grid.k-widget table > tbody > tr.k-alt {
    cursor: pointer;
}

.k-file-success {
    color: #479b49;
}

    .k-file-success .k-progress {
        background-color: #c8e6c9;
    }

.k-dropzone .k-upload-status {
    color: #999;
}

.k-input.k-maskedtextbox,
.k-input.k-numerictextbox {
    padding: 0px !important;
}

:-ms-input-placeholder,
:-ms-input-placeholder:hover {
    color: #999;
    font-style: italic;
}

.production-font {
    font-size: 12px;
    font-family: "Myriad Pro semibold", Myriad, "Segoe UI", Tahoma, sans-serif;
}

.productionInputLook {
    padding: 6px 4px;
    font-size: 12px;
    height: 30px;
    background: transparent;
    border: none;
    border-bottom: 1px solid gray;
    border-radius: 0px;
    box-shadow: none;
}

    .productionInputLook:focus,
    .productionInputLook:hover {
        border: 1px solid #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
    }

.productionSaveButton,
.productionSaveButton:hover,
.productionSaveButton:focus,
.focus.productionSaveButton {
    background-color: #1e8496;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.blockMsg {
    padding: 0;
    margin: 0;
    width: 30%;
    top: 40%;
    left: 35%;
    padding: 15px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    opacity: .25;
    color: #000;
    border: 3px solid #aaa;
    cursor: wait;
}

.text-marketed {
    color: #3c763d;
}

.text-quoted {
    color: #0c6aa0;
}

.text-bound {
    color: #c4941d;
}

.text-pending {
    color: #f27e19;
}

.text-declined {
    color: #a94442;
}

.text-inslink {
    color: #455d7e;
}

.k-i-sort-asc-sm:before {
    content: "\e004" !important;
}

.k-i-sort-desc-sm:before {
    content: "\e006" !important;
}

.primary-sort .k-i-sort-asc-sm:before {
    content: "\e008" !important;
}

.primary-sort .k-i-sort-desc-sm:before {
    content: "\e00a" !important;
}

.k-upload.k-state-disabled .k-dropzone.k-dropzone-hovered {
    background-color: inherit;
}
/*box-shadow*/
.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.box-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
}

.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.box-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2);
}

.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}

.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}

.top-buffer {
    margin-top: 5em;
}

.top-buffer-sm {
    margin-top: 3em;
}

.k-button.k-grid-refresh,
.k-button.k-details-grid-refresh,
.k-button.k-grid-colorkey,
.k-button.k-details-grid-refresh {
    float: right;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover {
    border: 1px solid #c5c5c5;
    background: inherit;
    font-weight: inherit;
    color: inherit;
}

.ui-widget {
    font-size: 13px;
}

.fa-cc-visa {
    color: darkblue;
}

.fa-cc-mastercard {
    color: red;
}

.fa-cc-amex {
    color: dodgerblue;
}

.fa-cc-discover {
    color: darkorange;
}

.stepButton {
    border: none;
    background-color: white;
    color: #5D6B8D;
    padding: 0px 0px 0px 1px;
}

.stepButtonText {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.stepButtonImage {
    color: #5D6B8D;
    background-color: white;
    display: inline-block;
    padding: 2px;
    font-size: 15px;
}

.redirect-reason {
    white-space: pre-line;
}

/********************************** Generic Search Control **********************************/
.search-control-popup .search-control-form .search-control-options label {
    margin-right: 8px;
}

    .search-control-popup .search-control-form .search-control-options label input[type="radio"] {
        margin-right: 3px;
    }

.search-control-popup .search-control-form .search-control-field input[type="text"] {
    display: inline-block;
    width: 200px;
    margin-right: 8px;
}

.search-control-popup .search-control-form input[type="submit"] {
    margin-top: -4px;
}

.search-control-popup .search-control-results {
    margin-top: 8px;
}

    .search-control-popup .search-control-results .search-control-result-additional-message {
        margin-bottom: 8px;
    }

    .search-control-popup .search-control-results .search-control-result-table .search-control-multiple-results-message {
        margin-bottom: 8px;
    }

        .search-control-popup .search-control-results .search-control-result-table .search-control-multiple-results-message span {
            font-weight: bold;
        }

    .search-control-popup .search-control-results .search-control-result-table table > tbody > tr:hover {
        background-color: #eaeaea;
        cursor: pointer;
    }

.search-control-popup .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

/************************* Error List Popup *************************/

#masterErrorListPopup ul {
    color: #ff0000;
    font-weight: bold;
}

/********************************** Main Layout (Header, Footer) **********************************/

#main-body {
    overflow-x: hidden;
    min-height: 550px;
    z-index: 0;
    /*padding-top: 90px;*/
}

html.logged-in #main-body {
    padding-top: 170px;
}

html.logged-in.internal-user #main-body:not(.broker-main-office.invoicing-page) {
    padding-top: 135px;
}

header .accoutInfo {
    margin-right: 0px;
}

header button.logout,
header input.logout {
    margin-top: 2px;
}

p.welcome {
    margin-right: 10px;
    font-size: 18px;
    color: #455d7e;
}

footer .container {
    text-align: right;
    color: #455d7e;
    margin-top: 15px;
    /*border-top: 3px solid #F3F3F3;*/
    padding-top: 10px;
}

    footer .container a:link,
    footer .container a:visited,
    footer .container a:hover,
    footer .container a:active {
        color: #455d7e;
        font-size: 13px;
        text-decoration: none;
    }

footer div.copyright {
    float: right;
    margin-right: 15px;
}

.agencyInfo {
    color: #5D6B8D;
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
}

.agencyName {
    font-weight: bold;
    font-size: 18px;
}

.agencyARID {
    font-size: 14px;
}

header nav .container {
    min-height: 0;
    margin-bottom: 0;
}

#menu {
    font-size: 15px;
    background-color: #ffffff;
    background-image: none;
    z-index: 99;
}

    #menu .navbar-brand {
        padding: 0;
        height: auto;
    }

    #menu img.brand {
        width: auto;
        margin-right: 5px;
        /*margin-top: -15px;*/
    }

    #menu li a {
        color: #5d6b8d;
    }

    #menu li.active > a,
    #menu li.active > a:hover,
    #menu li.active > a:focus {
        color: white;
        background-color: #88C4DA;
        background-image: none;
    }

    #menu .navbar-nav > .open > a {
        color: white;
        background-color: #88C4DA;
        background-image: none;
    }

    #menu ul.navbar-right {
        margin-top: 32px;
    }

    #menu .navbar-nav > li:hover:not(.dropdown) {
        background-color: #e8e8e8;
    }

#hamDropDownMenu {
    background-color: #5d6b8d;
    color: #ffffff;
    padding: 5px;
}

    #hamDropDownMenu span {
        color: #ffffff;
    }

    #hamDropDownMenu > .circle {
        display: inline-block;
        border-radius: 50%;
        border-width: 2px;
        border-style: solid;
        border-color: white;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 3px;
        padding-top: 2px;
        /*margin: 6px;*/
    }

        #hamDropDownMenu > .circle > .fa {
            /*padding-left: 1px;*/
            padding-top: 1px;
            font-size: 17px;
        }

.logged-in header section {
    position: fixed;
    padding-top: 10px;
    margin-top: 73px;
    z-index: 98;
    left: 0;
    right: 0;
    top: 0;
    background-color: white;
    background-image: none;
    min-height: 50px;
}

.accounting-contact {
    padding-left: 6px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 13px;
    color: #5D6B8D;
    display: inline-block;
}

    .accounting-contact span.emailIcon {
        font-size: 14px !important;
    }

    .accounting-contact span.phone {
        font-size: 12px !important;
    }

    .accounting-contact div.showEmail {
        display: none;
    }

    .accounting-contact a,
    .accounting-contact a:hover,
    .accounting-contact a:focus {
        color: #5D6B8D;
        text-decoration: none;
    }

.not-logged-in img {
    width: auto;
    height: auto;
}

.alert-header {
    background-image: -webkit-linear-gradient(top, #8bc53f 0%, #96c53f 100%);
    background-image: -o-linear-gradient(top, #8bc53f 0%, #96c53f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8bc53f), to(#96c53f));
    background-image: linear-gradient(to bottom, #8bc53f 0%, #96c53f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bc53f', endColorstr='#96c53f', GradientType=0);
    border-color: #a1c974;
}

.alert-header {
    background-color: #8bc53f;
    border-color: #a1c974;
    color: white;
}

.alert-subheader {
    background-image: -webkit-linear-gradient(top, #808080 0%, #696969 100%);
    background-image: -o-linear-gradient(top, #808080 0%, #696969 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#696969));
    background-image: linear-gradient(to bottom, #808080 0%, #696969 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080', GradientType=0);
    border-color: #a1c974;
}

.alert-subheader {
    background-color: #808080;
    border-color: #696969;
    color: white;
}

.production-table .k-grouping-header {
    background-color: #8bc53f;
    color: white;
}

.production-table .k-pager-wrap > a.k-state-disabled:hover {
    background-color: #ebebeb;
}

/********************************** Jquery UI Dialog Classes **********************************/

.dialogNoPadding div.ui-dialog-content {
    padding: 0px;
}

.dialogSmallPadding div.ui-dialog-content {
    padding: 2px;
}

.dialogSmallPaddingFixedPosition div.ui-dialog-content {
    padding: 2px;
    position: fixed !important;
}


.dialogNoPaddingNoOverflow div.ui-dialog-content {
    padding: 0px;
    overflow: visible;
}

/********************************** Login Page **********************************/

.login-banner img {
    display: inline-block;
    float: left;
}

    .login-banner img.logo {
    }

.login-banner h1 {
    display: inline-block;
    float: left;
    color: #666666;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
}

.login-banner img.ins-link {
    vertical-align: middle;
    margin-top: 16px;
    margin-left: 25px;
}

.login-footer {
    border-top: 2px solid #245580;
    background-color: #eaeaea;
}

    .login-footer span.usg-companies {
        font-size: 20px;
    }

    .login-footer .logo {
        margin-left: 10px;
        margin-right: 10px;
    }

    .login-footer .aau-logo,
    .login-footer .bfsf-logo {
        /*width: 129px;
        height: 100px;*/
    }

    .login-footer .ii-logo {
        /*width: 200px;
        height: 100px;*/
    }

    .login-footer .aureate-logo {
    }

    .login-footer a:hover {
        text-decoration: none;
    }

.login-page {
}

    .login-page .website-snapshot {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .login-page .marketing-bullets strong {
    }

    .login-page .marketing-bullets .bullet {
        min-height: 56px;
    }

    .login-page img.marketing-bullet {
        display: inline-block;
        float: left;
        max-width: 50px;
        margin-right: 10px;
    }

    .login-page .main {
        margin-top: 50px;
    }

        .login-page .main h4 {
            color: #245580;
            font-weight: bold;
        }

    .login-page .learn-more {
    }

    .login-page .ins-link {
    }

.login-sidebar {
    border-left: 2px solid #999999;
}

    .login-sidebar .validation-summary-errors {
        color: #ff0000;
        font-weight: bold;
    }

    .login-sidebar strong.log-in {
        font-size: 20px;
        color: #245580;
    }

    .login-sidebar a {
        color: #245580;
        text-decoration: underline;
    }

    .login-sidebar .create-account {
        text-align: left;
    }

        .login-sidebar .create-account span {
            display: inline-block;
        }

.login-social-media {
    font-size: 16px;
    line-height: 2;
}

    .login-social-media .contact-us {
        font-size: 20px;
        color: #245580;
    }

    .login-social-media img.contact {
        max-width: 25px;
    }

    .login-social-media a {
        text-decoration: none;
    }

    .login-social-media .social-media {
        margin-top: 10px;
    }

    .login-social-media .sm-link {
        display: inline-block;
        margin-right: 10px;
    }

#frmLogin,
#frmPassword {
    min-height: 500px;
}

/********************************** Register Page **********************************/

#frmRegister .k-ie input.k-textbox {
    text-indent: inherit;
}

#frmRegister .k-button:hover,
#frmRegister .k-state-hover.k-button,
#frmRegister .k-button:focus,
#frmRegister .k-state-focused.k-button,
#frmRegister .k-textbox:hover,
#frmRegister .k-state-hover,
#frmRegister .k-state-hover:hover,
#frmRegister .k-pager-wrap .k-link:hover,
#frmRegister .k-state-hover.k-other-month .k-link,
#frmRegister div.k-filebrowser-dropzone em,
#frmRegister .k-draghandle:hover {
    background-image: none;
}

#frmRegister .k-input,
#frmRegister input.k-textbox,
#frmRegister textarea.k-textbox,
#frmRegister input.k-textbox:hover,
#frmRegister textarea.k-textbox:hover,
#frmRegister .k-textbox > input,
#frmRegister .k-multiselect-wrap {
    background-color: #fff;
    color: #555;
}

    #frmRegister .k-input[disabled],
    #frmRegister input.k-textbox[disabled],
    #frmRegister textarea.k-textbox[disabled],
    #frmRegister .k-textbox > input[disabled],
    #frmRegister .k-multiselect-wrap[disabled] {
        background-color: #eeeeee;
    }

#frmRegister input.k-textbox {
    height: 34px;
    text-indent: inherit;
    line-height: 1.4285;
}

#frmRegister input.k-textbox,
#frmRegister textarea.k-textbox {
    padding: 6px 12px;
}

#frmRegister .k-textbox:hover,
#frmRegister .k-tiles li.k-state-hover {
    border-color: #ccc;
}

    #frmRegister .k-textbox:focus:hover,
    #frmRegister .k-tiles li.k-state-hover:focus {
        border-color: #66afe9;
    }

#frmRegister :-ms-input-placeholder.form-control,
#frmRegister :-ms-input-placeholder.form-control:hover {
    color: #999;
}

/********************************** Forgot Password **********************************/

.forgotPasswordButton {
    margin-top: 10px;
}


/********************************** My Account **********************************/

#frmMyAccount .k-ie input.k-textbox {
    text-indent: inherit;
}

#frmMyAccount .k-button:hover,
#frmMyAccount .k-state-hover.k-button,
#frmMyAccount .k-button:focus,
#frmMyAccount .k-state-focused.k-button,
#frmMyAccount .k-textbox:hover,
#frmMyAccount .k-state-hover,
#frmMyAccount .k-state-hover:hover,
#frmMyAccount .k-pager-wrap .k-link:hover,
#frmMyAccount .k-state-hover.k-other-month .k-link,
#frmMyAccount div.k-filebrowser-dropzone em,
#frmMyAccount .k-draghandle:hover {
    background-image: none;
}

#frmMyAccount .k-input,
#frmMyAccount input.k-textbox,
#frmMyAccount textarea.k-textbox,
#frmMyAccount input.k-textbox:hover,
#frmMyAccount textarea.k-textbox:hover,
#frmMyAccount .k-textbox > input,
#frmMyAccount .k-multiselect-wrap {
    background-color: #fff;
    color: #555;
}

#frmMyAccount input.k-textbox {
    height: 34px;
    text-indent: inherit;
    line-height: 1.4285;
}

#frmMyAccount input.k-textbox,
#frmMyAccount textarea.k-textbox {
    padding: 6px 12px;
}

#frmMyAccount .k-textbox:hover,
#frmMyAccount .k-tiles li.k-state-hover {
    border-color: #ccc;
}

    #frmMyAccount .k-textbox:focus:hover,
    #frmMyAccount .k-tiles li.k-state-hover:focus {
        border-color: #66afe9;
    }

#frmMyAccount :-ms-input-placeholder.form-control,
#frmMyAccount :-ms-input-placeholder.form-control:hover {
    color: #999;
}

/********************************** Two Factor *****************************************/

#frmTwoFactor .twoFactorHeader,
#frmTwoFactor .twoFactorEntry {
    clear: both;
    max-width: 650px;
    margin: auto;
    text-align: center;
}

#frmTwoFactor .twoFactorTitle {
    font-size: 1.5em;
}

#frmTwoFactor #btnVerifyLogin,
#frmTwoFactor #btnVerifyReload,
#frmTwoFactor #btnVerifyLogout {
    width: 10rem;
    margin: auto;
    margin-top: 15px;
}

#frmTwoFactor #verificationCode {
    --char-count: 6;
    --bs-padding: 16px;
    font-weight: bold;
    letter-spacing: 0.5ch;
    font-size: 1.9em;
    text-transform: uppercase;
    margin: auto;
    width: calc((var(--char-count) * 1ch) + 2px + (var(--bs-padding) * 2) + (var(--char-count) * 0.5ch));
    /* 
        There's an old weird firefox bug that causes it to render "monospace" in the wrong font size.
        For some reason, specifying it twice circumvents this bug.
    */
    font-family: monospace, monospace;
}

/********************************** Power User User Maintenance ************************/

#users .k-grid td {
    border-width: 0;
    line-height: inherit !important;
}

#powerUserIndex .clickable {
    cursor: pointer;
}

#powerUserIndex .disabledButton {
    background-color: #ccc !important;
    cursor: not-allowed;
}

#powerUserIndex a.btn-add-user {
    display: block;
    width: 100%;
    font-size: 18px;
    border: 1px solid #245580;
    color: #245580;
    background-color: #ffffff;
    text-decoration: none;
    vertical-align: bottom;
    max-width: 110px;
    margin-top: 4px;
}

    #powerUserIndex a.btn-add-user:hover {
        text-decoration: none;
    }

    #powerUserIndex a.btn-add-user .btn-icon {
        display: inline-block;
        color: #ffffff;
        background-color: #245580;
        padding: 1px 4px;
    }

#powerUserIndex span.add-user {
    border: 1px solid #245580;
    color: #245580;
    background-color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1;
}

#powerUserIndex a.btn-add-user .btn-text {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

#powerUserIndex span.add-user .btn-icon {
    display: inline-block;
    color: #ffffff;
    background-color: #245580;
    padding: 2px 4px;
    vertical-align: bottom;
}

#powerUserIndex span.add-user .btn-text {
    display: inline-block;
    text-align: center;
    padding: 1px 4px;
}

#powerUserIndex .help-block {
    color: #000000;
    font-size: 15px;
}

#powerUserIndex .helpTitle {
    border-bottom: 2px solid gray;
    float: right;
}

#powerUserIndex .help-block .help {
    font-size: 17px;
    color: #245580;
}

/*#powerUserIndex .help-block .help:hover {
        color: #74a5d0;
    }*/

/*#powerUserIndex .help-block .help:hover .fa {
        color: #74a5d0;
    }*/

#powerUserIndex .help-block .helper.fa:not(.fa-times) {
    color: #245580;
    font-size: 21px;
}

#powerUserIndex select.locations {
    display: inline-block;
    width: 77%;
    font-weight: normal;
}

#users {
    margin-top: 6px;
}

#powerUserIndex .btn-deactivate {
    display: inline-block;
    height: 14px;
    width: 14px;
    padding: 2px 2px;
    border-radius: 50%;
    color: #ffffff;
}

    #powerUserIndex .btn-deactivate .fa {
        color: #ffffff;
        top: 0;
    }

#powerUserIndex .help-block .btn-deactivate {
    background-color: #245580;
    vertical-align: middle;
    box-sizing: content-box;
    height: 17px;
    width: 17px;
    padding: 3px 2px 3px 3px;
}

    #powerUserIndex .help-block .btn-deactivate .fa {
        right: 1px;
    }

/* Regular rows in the table */
#users .k-widget.k-grid table > tbody > tr span.clickable,
#users .k-widget.k-grid table > tbody > tr a {
    color: #245580;
}

    #users .k-widget.k-grid table > tbody > tr a:hover,
    #users .k-widget.k-grid table > tbody > tr span.clickable:hover {
        color: #74a5d0;
    }

#users .k-grid tr .btn-deactivate {
    background-color: #245580;
    color: #ffffff !important;
}

    #users .k-grid tr .btn-deactivate:hover {
        background-color: #74a5d0;
    }

/* Admin rows in the table */
#users .k-widget.k-grid table > tbody > tr.administrator,
#users .k-widget.k-grid table > tbody > tr.administrator a,
#users .k-widget.k-grid table > tbody > tr.administrator span.clickable {
    color: #1e8496;
}

    #users .k-widget.k-grid table > tbody > tr.administrator a:hover,
    #users .k-widget.k-grid table > tbody > tr.administrator span.clickable:hover {
        color: #6ed4e6;
    }

#users .k-grid tr.administrator .btn-deactivate {
    background-color: #1e8496;
    color: #ffffff;
}

    #users .k-grid tr.administrator .btn-deactivate:hover {
        background-color: #6ed4e6;
    }

/* No CSC account rows in the table */
#users .k-widget.k-grid table > tbody > tr.no-account,
#users .k-widget.k-grid table > tbody > tr.no-account a,
#users .k-widget.k-grid table > tbody > tr.no-account span.clickable {
    color: #ed942d;
}

    #users .k-widget.k-grid table > tbody > tr.no-account a:hover,
    #users .k-widget.k-grid table > tbody > tr.no-account span.clickable:hover {
        color: #fdb44d;
    }

#users .k-grid tr.no-account .btn-deactivate {
    background-color: #ed942d;
    color: #ffffff;
}

    #users .k-grid tr.no-account .btn-deactivate:hover {
        background-color: #fdb44d;
    }

/* USer is the Logged in User, gray things out*/
#users .k-widget.k-grid table > tbody > tr.logged-in-user a,
#users .k-widget.k-grid table > tbody > tr.logged-in-user span.clickable span:not(.glyphicon-lock):not(.glyphicon-remove) {
    color: #ccc;
    cursor: not-allowed;
}

    #users .k-widget.k-grid table > tbody > tr.logged-in-user a:hover,
    #users .k-widget.k-grid table > tbody > tr.logged-in-user span.clickable:hover span:not(.glyphicon-lock):not(.glyphicon-remove) {
        color: #ccc;
        cursor: not-allowed;
    }

#users .k-grid tr.logged-in-user .btn-deactivate {
    background-color: #ccc;
    color: #ffffff;
    cursor: not-allowed;
}

    #users .k-grid tr.logged-in-user .btn-deactivate:hover {
        background-color: #ccc;
        cursor: not-allowed;
    }



#users .registered {
    color: #00aa00;
}

#users .k-widget.k-grid table > tbody > tr,
#users .k-widget.k-grid table > tbody > tr.k-alt {
    cursor: inherit;
    min-height: 20px;
}

#users .last-login-past {
    color: #ff0000;
}

#users .detail-user-roles {
    padding-left: 42px;
    font-style: italic;
}

#powerUserIndex .legend {
    margin-top: 10px;
    font-size: 15px;
}

#powerUserIndex .circle {
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #000000;
}

#powerUserIndex .admin {
    color: #1e8496;
}

    #powerUserIndex .admin .circle {
        background-color: #1e8496;
    }

#powerUserIndex .no-account {
    color: #ed942d;
}

    #powerUserIndex .no-account .circle {
        background-color: #ed942d;
    }

.btn-back {
    margin-bottom: 15px;
}

/********************************** Power User Create User *****************************/

#powerCreate {
}

    #powerCreate .k-ie input.k-textbox {
        text-indent: inherit;
    }

    #powerCreate .k-button:hover,
    #powerCreate .k-state-hover.k-button,
    #powerCreate .k-button:focus,
    #powerCreate .k-state-focused.k-button,
    #powerCreate .k-textbox:hover,
    #powerCreate .k-state-hover,
    #powerCreate .k-state-hover:hover,
    #powerCreate .k-pager-wrap .k-link:hover,
    #powerCreate .k-state-hover.k-other-month .k-link,
    #powerCreate div.k-filebrowser-dropzone em,
    #powerCreate .k-draghandle:hover {
        background-image: none;
    }

    #powerCreate .k-input,
    #powerCreate input.k-textbox,
    #powerCreate textarea.k-textbox,
    #powerCreate input.k-textbox:hover,
    #powerCreate textarea.k-textbox:hover,
    #powerCreate .k-textbox > input,
    #powerCreate .k-multiselect-wrap {
        background-color: #fff;
        color: #555;
    }

    #powerCreate input.k-textbox {
        height: 34px;
        text-indent: inherit;
        line-height: 1.4285;
    }

    #powerCreate input.k-textbox,
    #powerCreate textarea.k-textbox {
        padding: 6px 12px;
    }

    #powerCreate .k-textbox:hover,
    #powerCreate .k-tiles li.k-state-hover {
        border-color: #ccc;
    }

        #powerCreate .k-textbox:focus:hover,
        #powerCreate .k-tiles li.k-state-hover:focus {
            border-color: #66afe9;
        }

    #powerCreate :-ms-input-placeholder.form-control,
    #powerCreate :-ms-input-placeholder.form-control:hover {
        color: #999;
    }

    #powerCreate fieldset.user-info input[type="text"],
    #powerCreate fieldset.user-info input[type="password"],
    #powerCreate fieldset.user-info select {
        display: inline-block;
        width: 82.435%;
    }

    #powerCreate fieldset.user-info span.required {
        display: inline-block;
        padding-left: 30px;
    }

/********************************** Power User Edit User *****************************/

#powerEdit {
}

    #powerEdit .k-ie input.k-textbox {
        text-indent: inherit;
    }

    #powerEdit .k-button:hover,
    #powerEdit .k-state-hover.k-button,
    #powerEdit .k-button:focus,
    #powerEdit .k-state-focused.k-button,
    #powerEdit .k-textbox:hover,
    #powerEdit .k-state-hover,
    #powerEdit .k-state-hover:hover,
    #powerEdit .k-pager-wrap .k-link:hover,
    #powerEdit .k-state-hover.k-other-month .k-link,
    #powerEdit div.k-filebrowser-dropzone em,
    #powerEdit .k-draghandle:hover {
        background-image: none;
    }

    #powerEdit .k-input,
    #powerEdit input.k-textbox,
    #powerEdit textarea.k-textbox,
    #powerEdit input.k-textbox:hover,
    #powerEdit textarea.k-textbox:hover,
    #powerEdit .k-textbox > input,
    #powerEdit .k-multiselect-wrap {
        background-color: #fff;
        color: #555;
    }

    #powerEdit input.k-textbox {
        height: 34px;
        text-indent: inherit;
        line-height: 1.4285;
    }

    #powerEdit input.k-textbox,
    #powerEdit textarea.k-textbox {
        padding: 6px 12px;
    }

    #powerEdit .k-textbox:hover,
    #powerEdit .k-tiles li.k-state-hover {
        border-color: #ccc;
    }

        #powerEdit .k-textbox:focus:hover,
        #powerEdit .k-tiles li.k-state-hover:focus {
            border-color: #66afe9;
        }

    #powerEdit :-ms-input-placeholder.form-control,
    #powerEdit :-ms-input-placeholder.form-control:hover {
        color: #999;
    }

/********************************** Internal User Maintenance *****************************/

#internalUserMaintenance {
}

    #internalUserMaintenance .k-ie input.k-textbox {
        text-indent: inherit;
    }

    #internalUserMaintenance .k-button:hover,
    #internalUserMaintenance .k-state-hover.k-button,
    #internalUserMaintenance .k-button:focus,
    #internalUserMaintenance .k-state-focused.k-button,
    #internalUserMaintenance .k-textbox:hover,
    #internalUserMaintenance .k-state-hover,
    #internalUserMaintenance .k-state-hover:hover,
    #internalUserMaintenance .k-pager-wrap .k-link:hover,
    #internalUserMaintenance .k-state-hover.k-other-month .k-link,
    #internalUserMaintenance div.k-filebrowser-dropzone em,
    #internalUserMaintenance .k-draghandle:hover {
        background-image: none;
    }

    #internalUserMaintenance .k-input,
    #internalUserMaintenance input.k-textbox,
    #internalUserMaintenance textarea.k-textbox,
    #internalUserMaintenance input.k-textbox:hover,
    #internalUserMaintenance textarea.k-textbox:hover,
    #internalUserMaintenance .k-textbox > input,
    #internalUserMaintenance .k-multiselect-wrap {
        background-color: #fff;
        color: #555;
    }

    #internalUserMaintenance input.k-textbox {
        height: 34px;
        text-indent: inherit;
        line-height: 1.4285;
    }

    #internalUserMaintenance input.k-textbox,
    #internalUserMaintenance textarea.k-textbox {
        padding: 6px 12px;
    }

    #internalUserMaintenance .k-textbox:hover,
    #internalUserMaintenance .k-tiles li.k-state-hover {
        border-color: #ccc;
    }

        #internalUserMaintenance .k-textbox:focus:hover,
        #internalUserMaintenance .k-tiles li.k-state-hover:focus {
            border-color: #66afe9;
        }

    #internalUserMaintenance :-ms-input-placeholder.form-control,
    #internalUserMaintenance :-ms-input-placeholder.form-control:hover {
        color: #999;
    }

/********************************** Internal Management **********************************/
#internalManagement ul {
    font-size: 50px;
}

/********************************** Accounting Invoices **********************************/

#frminvoices #invoiceHeader {
    margin-bottom: 20px;
    min-height: 55px;
}

#frminvoices #panelHeader ul {
    border-bottom: 1px solid #ddd;
}

#frminvoices .agentSearch {
    color: #5D6B8D;
}

#frminvoices #panelHeader li .circle {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit;
    height: 25px;
    width: 25px;
    margin-right: 15px;
    margin-top: -2px;
}

.totalsPopup {
    min-height: 100px !important;
}

.totalsPopupContainer {
    max-width: 500px;
    max-height: 140px;
    overflow: hidden;
}

#frminvoices .displayBalances,
.totalsPopup .displayBalances {
    font-weight: bold;
    font-size: 14px;
    color: #5D6B8D;
}

#frminvoices hr {
    margin: 5px 0px;
    border: 0;
    border-top: 2px solid #F3F3F3;
}

#frminvoices .payNow {
    border: 1px solid #5D6B8D;
    color: #5D6B8D;
    padding: 0px 0px 0px 1px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: text-bottom;
    margin-bottom: 1px;
}

#frminvoices .payNowAll {
    margin-left: 7px !important;
}

#frminvoices .payNowSelected {
    margin-left: 17px !important;
}

#frminvoices .payNowButtonText {
    display: inline-block;
    width: 55px;
    text-align: center;
}

#frminvoices .payNowImage {
    color: white;
    background-color: #5D6B8D;
    display: inline-block;
    padding: 2px;
}

#frminvoices .circle {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid;
    border-color: white;
    height: 20px;
    width: 20px;
}

#frminvoices #selPaymentAmountlabel,
.totalsPopup .selPaymentAmountlabel {
    color: #A8CC4C;
    font-size: 14px;
    font-weight: bold;
}

#frminvoices #selPaymentTodayAmountlabel,
.totalsPopup .selPaymentTodayAmountlabel {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

#frminvoices #selPaymentAmount,
#frminvoices #selPaymentTodayAmount,
.totalsPopup .selPaymentAmount,
.totalsPopup .selPaymentTodayAmount {
    color: #5D6B8D;
    font-size: 14px;
    font-weight: bold;
}

#frminvoices #panelHeader li:nth-child(2n) span.circle {
    padding-left: 7px;
}

#frminvoices #panelHeader li:nth-child(2n+1) span.circle {
    padding-left: 7px;
}

#frminvoices #panelHeader li:not(:last-child):not(.active):not(.disabled):not(.agentSearch):focus,
#frminvoices #panelHeader li:not(:last-child):not(.active):not(.disabled):not(.agentSearch):hover,
#frminvoices #panelHeader li:not(:last-child):not(.active):not(.disabled):not(.agentSearch):hover > a,
#frminvoices #panelHeader li:not(:last-child):not(.active):not(.disabled):not(.agentSearch):focus > a,
#frminvoices #panelHeader li:not(:last-child):not(.active):not(.disabled):not(.agentSearch) > a:hover,
#frminvoices #panelHeader li:not(:last-child):not(.active):not(.disabled):not(.agentSearch) > a:focus {
    background-color: #5D6B8D;
    color: white;
}

#frminvoices #panelHeader li.active:not(:last-child),
#frminvoices #panelHeader li.active > a {
    background-color: #A8CC4C;
    color: white;
    border-color: white;
}

#frminvoices #panelHeader li {
    color: #5D6B8D;
    font-weight: bold;
    font-size: 12px;
}

    #frminvoices #panelHeader li input {
        font-size: 12px !important;
    }

    #frminvoices #panelHeader li:not(:last-child):not(.agentSearch) {
        margin-right: 5px;
        background-color: #F3F3F3;
    }

    #frminvoices #panelHeader li:last-child {
        padding-top: 2px !important;
    }

    #frminvoices #panelHeader li:not(:last-child):not(.active):not(:hover) a span.fa-layers-text {
        color: #337ab7 !important;
    }

#frminvoices .panel-body {
    min-height: 300px;
}

#frminvoices .sortFilter {
    margin-top: -15px;
}

    #frminvoices .sortFilter a {
        color: #5D6B8D;
        text-decoration: none;
    }

        #frminvoices .sortFilter a.selected {
            font-weight: bold;
        }

/******************* View and Select Invoices *******************/
#frminvoices fieldset legend.gridHeader {
    color: #5D6B8D;
    width: 100%;
    background-color: #F3F3F3;
    padding: 1px 5px 0px 5px;
    margin-bottom: 10px;
}

#frminvoices fieldset legend .gridTitle {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 5px;
}

#frminvoices fieldset legend .gridTotalDue {
    font-size: 13px;
    font-weight: normal;
    margin-left: 5px;
}

#viewSelectInvoices fieldset legend .showhide {
    display: inline-block;
    font-size: 1em;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 3px;
}

#viewSelectInvoices fieldset legend .searchControl {
    display: inline-block !important;
    width: 50% !important;
    height: 25px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

#frminvoices .k-grid,
#frminvoices .k-grid td,
#frminvoices .k-grid .k-grid-header,
#frminvoices .k-grid .k-grid-header-wrap,
#frminvoices .k-grid th {
    border: none;
}

    #frminvoices .k-grid .k-grid-header,
    #frminvoices .k-grid .k-header,
    #frminvoices .k-grid th {
        background-color: inherit;
    }

        #frminvoices .k-grid th,
        #frminvoices .k-grid th .k-link {
            justify-content: center;
        }

    #frminvoices .k-grid .k-input-inner {
        padding: 2px 2px;
    }

    #frminvoices .k-grid .k-numerictextbox,
    #frminvoices .k-grid .k-datepicker {
        border: 1px #ccc solid;
    }

    #frminvoices .k-grid .k-input-button.k-button.k-icon-button {
        height: auto;
        padding: 0px;
    }

    #frminvoices .k-grid span.editable {
        display: inline-block;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    #frminvoices .k-grid input.editable {
        cursor: pointer;
    }

    #frminvoices .k-grid span.noteditable {
        display: inline-block;
        width: 100%;
        height: 100%;
        cursor: not-allowed;
    }

#frminvoices .agencyLabel {
    font-size: 16px;
    font-weight: 600;
    padding-right: 0px;
}

    #frminvoices .agencyLabel div {
        padding: 0px;
    }

    #frminvoices .agencyLabel > .agencyDisplay {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

#frminvoices .mainOffice {
    font-weight: 800;
}

#viewSelectInvoices .pastDueInvoices,
#viewSelectInvoices .currentInvoices,
#viewSelectInvoices .auditInvoices {
    margin-bottom: 15px;
}


    #viewSelectInvoices .pastDueInvoices thead,
    #viewSelectInvoices .currentInvoices thead,
    #viewSelectInvoices .auditInvoices thead,
    #viewSelectInvoices .nonInvoices thead,
    #reviewSelected #reviewImmediatePaymentGrid thead,
    #reviewSelected #reviewCancelledPaymentsGrid thead,
    #reviewSelected #reviewFuturePaymentsGrid thead {
        background-color: #455d7e;
    }

        #viewSelectInvoices .pastDueInvoices thead .k-link,
        #viewSelectInvoices .pastDueInvoices thead .k-icon,
        #viewSelectInvoices .currentInvoices thead .k-link,
        #viewSelectInvoices .currentInvoices thead .k-icon,
        #viewSelectInvoices .auditInvoices thead .k-link,
        #viewSelectInvoices .auditInvoices thead .k-icon,
        #viewSelectInvoices .nonInvoices thead th,
        #reviewSelected #reviewImmediatePaymentGrid thead th,
        #reviewSelected #reviewCancelledPaymentsGrid thead th,
        #reviewSelected #reviewFuturePaymentsGrid thead th {
            color: white;
        }

        #viewSelectInvoices .pastDueInvoices thead [data-role="columnsorter"] .k-link,
        #viewSelectInvoices .currentInvoices thead [data-role="columnsorter"] .k-link,
        #viewSelectInvoices .auditInvoices thead [data-role="columnsorter"] .k-link {
            cursor: pointer;
        }

        #viewSelectInvoices .pastDueInvoices thead tr:hover,
        #viewSelectInvoices .currentInvoices thead tr:hover,
        #viewSelectInvoices .auditInvoices thead tr:hover,
        #viewSelectInvoices .nonInvoices thead tr:hover,
        #reviewSelected #reviewImmediatePaymentGrid thead tr:hover,
        #reviewSelected #reviewCancelledPaymentsGrid thead tr:hover,
        #reviewSelected #reviewFuturePaymentsGrid thead tr:hover {
            background-color: inherit;
        }

    #viewSelectInvoices .pastDueInvoices .k-grid-content,
    #viewSelectInvoices .currentInvoices .k-grid-content,
    #viewSelectInvoices .auditInvoices .k-grid-content,
    #viewSelectInvoices .nonInvoices .k-grid-content,
    #reviewSelected #reviewImmediatePaymentGrid .k-grid-content,
    #reviewSelected #reviewCancelledPaymentsGrid .k-grid-content,
    #reviewSelected #reviewFuturePaymentsGrid .k-grid-content {
        min-height: 75px;
        max-height: 300px;
    }

    #viewSelectInvoices .pastDueInvoices tr,
    #viewSelectInvoices .currentInvoices tr,
    #viewSelectInvoices .auditInvoices tr,
    #viewSelectInvoices .nonInvoices tr {
        height: 24px;
        color: black;
    }

        #viewSelectInvoices .pastDueInvoices tr > td > .k-textbox,
        #viewSelectInvoices .currentInvoices tr > td > .k-textbox,
        #viewSelectInvoices .auditInvoices tr > td > .k-textbox,
        #viewSelectInvoices .nonInvoices tr > td > .k-textbox {
            height: 1.75em;
            padding: 0px;
        }

            #viewSelectInvoices .pastDueInvoices tr > td > .k-textbox[disabled],
            #viewSelectInvoices .currentInvoices tr > td > .k-textbox[disabled],
            #viewSelectInvoices .auditInvoices tr > td > .k-textbox[disabled],
            #viewSelectInvoices .nonInvoices tr > td > .k-textbox[disabled] {
                background-color: #dcdcdc !important;
                opacity: .6;
            }

        #viewSelectInvoices .pastDueInvoices tr.pastDue,
        #viewSelectInvoices .auditInvoices tr.pastDue,
        #reviewSelected #reviewImmediatePaymentGrid tr.pastDue,
        #reviewSelected #reviewFuturePaymentsGrid tr.pastDue,
        #reviewSelected #reviewCancelledPaymentsGrid tr.pastDue {
            color: red !important;
        }

        #viewSelectInvoices .pastDueInvoices tr.pendingPayments,
        #viewSelectInvoices .currentInvoices tr.pendingPayments,
        #viewSelectInvoices .auditInvoices tr.pendingPayments,
        #viewSelectInvoices .nonInvoices tr.pendingPayments {
            background-color: #A5F36B;
        }

        #viewSelectInvoices .pastDueInvoices tr.futurePayment,
        #viewSelectInvoices .currentInvoices tr.futurePayment,
        #viewSelectInvoices .auditInvoices tr.futurePayment,
        #viewSelectInvoices .nonInvoices tr.futurePayment {
            background-color: #afeeee;
        }

        #viewSelectInvoices .pastDueInvoices tr.pastDue.k-state-selected:not(.pendingPayments):not(.futurePayment),
        #viewSelectInvoices .auditInvoices tr.pastDue.k-state-selected:not(.pendingPayments):not(.futurePayment),
        #reviewSelected #reviewImmediatePaymentGrid tr.pastDue.k-state-selected:not(.pendingPayments):not(.futurePayment),
        #reviewSelected #reviewFuturePaymentsGrid tr.pastDue.k-state-selected:not(.pendingPayments):not(.futurePayment),
        #reviewSelected #reviewCancelledPaymentsGrid tr.pastDue.k-state-selected:not(.pendingPayments):not(.futurePayment) {
            color: red;
            background-color: yellow;
        }

        #viewSelectInvoices .currentInvoices tr.k-state-selected:not(.pendingPayments):not(.futurePayment),
        #viewSelectInvoices .auditInvoices tr.k-state-selected:not(.pendingPayments):not(.futurePayment),
        #viewSelectInvoices .nonInvoices tr.k-state-selected:not(.pendingPayments):not(.futurePayment),
        #reviewSelected #reviewImmediatePaymentGrid tr.k-state-selected:not(.pastDue):not(.pendingPayments):not(.futurePayment),
        #reviewSelected #reviewFuturePaymentsGrid tr.k-state-selected:not(.pastDue):not(.pendingPayments):not(.futurePayment),
        #reviewSelected #reviewCancelledPaymentsGrid tr.k-state-selected:not(.pastDue):not(.pendingPayments):not(.futurePayment) {
            color: black;
            background-color: yellow;
        }

        #viewSelectInvoices .currentInvoices tr.k-state-selected:hover td,
        #viewSelectInvoices .auditInvoices tr.k-state-selected:hover td,
        #viewSelectInvoices .pastDueInvoices tr.pastDue.k-state-selected:hover td,
        #viewSelectInvoices .nonInvoices tr.k-state-selected:hover td,
        #reviewSelected #reviewImmediatePaymentGrid tr.k-state-selected:hover td,
        #reviewSelected #reviewFuturePaymentsGrid tr.k-state-selected:hover td,
        #reviewSelected #reviewCancelledPaymentsGrid tr.k-state-selected:hover td {
            background-color: #ffff1a;
        }

#payDifferenceReasonPopup span.k-widget.k-combobox.k-header.form-control {
    border: none;
}

#viewSelectInvoices .k-widget.k-grid table > tbody > tr input.k-textbox,
#viewSelectInvoices .k-widget.k-grid table > tbody > tr.k-alt input.k-textbox {
    cursor: pointer;
}

#viewSelectInvoices .k-widget.k-grid table > tbody > tr,
#viewSelectInvoices .k-widget.k-grid table > tbody > tr.k-alt,
#reviewSelected .k-widget.k-grid table > tbody > tr,
#reviewSelected .k-widget.k-grid table > tbody > tr.k-alt {
    cursor: default;
}

/******************* Review Invoices *******************/
#reviewSelected #reviewImmediatePaymentGrid .k-grid-content,
#reviewSelected #reviewCancelledPaymentsGrid .k-grid-content,
#reviewSelected #reviewFuturePaymentsGrid .k-grid-content {
    margin-bottom: 15px;
}

/******************* Authorize Payment *******************/
#authorizePayment {
    margin-top: 25px;
}

    #authorizePayment .authorizeHeader {
        background-color: #5D6B8D;
        color: white;
        font-size: 14px;
    }

    #authorizePayment .authorizeHeaderSuccess {
        background-color: green;
        color: white;
        font-size: 14px;
    }

    #authorizePayment .authorizeHeaderFailed {
        background-color: red;
        color: white;
        font-size: 14px;
    }

    #authorizePayment .authorizeBody {
        border-left: 3px solid #5D6B8D;
        border-right: 3px solid #5D6B8D;
        border-bottom: 3px solid #5D6B8D;
        font-size: 14px;
        min-height: 135px;
        color: #5D6B8D;
    }

    #authorizePayment .authorizeBodySuccess {
        border-left: 3px solid green;
        border-right: 3px solid green;
        border-bottom: 3px solid green;
        font-size: 14px;
        min-height: 135px;
        color: #5D6B8D;
    }

    #authorizePayment .authorizeBodyFailed {
        border-left: 3px solid red;
        border-right: 3px solid red;
        border-bottom: 3px solid red;
        font-size: 14px;
        min-height: 135px;
        color: #5D6B8D;
    }

    #authorizePayment .paymentNowLabel {
        color: red;
        font-weight: bold;
    }

    #authorizePayment .paymentLabel {
        color: #A8CC4C;
        font-weight: bold;
    }

    #authorizePayment .regularLabel {
        color: #5D6B8D;
        font-weight: bold;
    }

    #authorizePayment .paymentStatement {
        font-size: 16px;
    }

        #authorizePayment .agencyPaymentDetails,
        #authorizePayment .paymentStatement > .status {
            min-height: 165px;
        }

            #authorizePayment .agencyPaymentDetails.Payment,
            #authorizePayment .paymentStatement > .status.Payment {
                min-height: 167px;
            }

            #authorizePayment .agencyPaymentDetails.NetRefund,
            #authorizePayment .paymentStatement > .status.NetRefund {
                min-height: 167px;
            }

            #authorizePayment .agencyPaymentDetails.Future,
            #authorizePayment .paymentStatement > .status.Future {
                min-height: 201px;
            }

                #authorizePayment .agencyPaymentDetails.Future.Payment,
                #authorizePayment .paymentStatement > .status.Future.Payment {
                    min-height: 235px;
                }

                    #authorizePayment .agencyPaymentDetails.Future.Payment.MainAccountPayment {
                        min-height: 167px;
                    }

                #authorizePayment .agencyPaymentDetails.Future.NetRefund,
                #authorizePayment .paymentStatement > .status.Future.NetRefund {
                    min-height: 235px;
                }

                #authorizePayment .agencyPaymentDetails.Future.NetZero,
                #authorizePayment .paymentStatement > .status.Future.NetZero {
                    min-height: 195px;
                }

            #authorizePayment .agencyPaymentDetails.NetZero,
            #authorizePayment .paymentStatement > .status.NetZero {
                min-height: 160px;
            }

            #authorizePayment .paymentStatement > .status > h1,
            #authorizePayment .paymentStatement > .status > h2 {
                margin-top: 0px;
            }

            #authorizePayment .paymentStatement > .status > h1,
            #authorizePayment .paymentStatement > .status > h2,
            #authorizePayment .paymentStatement > .status > h3,
            #authorizePayment .paymentStatement > .status > h4,
            #authorizePayment .paymentStatement > .status > h5,
            #authorizePayment .paymentStatement > .status > h6 {
                margin-bottom: 5px;
            }

    #authorizePayment .cancelPayBtn {
        /*background-color: #D3D3D3;
        color: white;
        background-image: none;*/
    }

    #authorizePayment .authPayBtn {
        background-color: #A8CC4C;
        color: white;
        background-image: none;
    }

    #authorizePayment .lock {
        position: relative;
        color: #5D6B8D;
        font-size: 20px;
    }

    #authorizePayment #paymentStatus {
        color: #5D6B8D;
    }

    #authorizePayment .banking-icon {
        font-size: 18px;
    }

    #authorizePayment .input-group-addon {
        padding: 0px 6px;
    }

/********************************** Role Permissions *****************************/
#rolePermissions fieldset.roleSelection {
    border: 1px solid #F3F3F3;
    height: 75px;
}

    #rolePermissions fieldset.roleSelection > legend {
        border: none;
        color: #5D6B8D;
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: bold;
        width: auto;
    }

    #rolePermissions fieldset.roleSelection label {
        margin-top: 6px;
    }

#rolePermissions #permissionsGrid k-grid-content {
    min-height: 375px;
}

#rolePermissions #permissionsGrid thead a {
    color: #5D6B8D;
    text-decoration: underline;
}


/********************************** Agency Maintenance *****************************/

#agencyMaintenance fieldset.agency {
    border: 1px solid #F3F3F3;
}

    #agencyMaintenance fieldset.agency > legend {
        border: none;
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: bold;
        width: auto;
    }

#agencyMaintenance .submitWording {
    color: red;
}


/********************************** Print Payment *****************************/

#printPayment header .agencyInfo {
    color: #5D6B8D;
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
}

#printPayment header .agencyName {
    font-weight: bold;
    font-size: 18px;
}

#printPayment header .agencyARID {
    font-size: 14px;
}

#printPayment header .ins-link {
    float: right;
    vertical-align: middle;
    margin-top: 20px;
}

#printPayment .authorizeHeaderSuccess {
    border: 3px solid green;
    background-color: green;
    color: white;
    font-size: 14px;
    padding: 5px;
}

#printPayment .authorizeBodySuccess {
    border-left: 3px solid green;
    border-right: 3px solid green;
    border-bottom: 3px solid green;
    font-size: 14px;
    color: #5D6B8D;
    padding: 5px;
}

#printPayment .paymentStatement {
    font-size: 16px;
}

#printPayment .lock {
    position: relative;
    bottom: -15px;
    color: #5D6B8D;
    font-size: 20px;
}

#printPayment #paymentStatus {
    color: #5D6B8D;
}

/********************************** Home Page *****************************/
#home fieldset {
    width: 100%;
    margin-bottom: 15px;
    color: #231f20;
}

    #home fieldset legend {
        opacity: .80;
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 10px !important;
        padding-left: 15px;
        border-bottom: 1px solid #a7a9ac;
    }

        #home fieldset legend span {
            color: #414042;
            font-size: 20pt;
            font-weight: bold;
        }

        #home fieldset legend img {
            height: 35px;
            width: auto;
        }

        #home fieldset legend:not(:nth-child(n+3)) img {
            vertical-align: baseline;
        }

        #home fieldset legend:nth-child(n+3) img {
            vertical-align: text-bottom;
        }

    #home fieldset div .borderBottom {
        border-bottom: 1px solid #cccccc;
        padding-top: 6px !important;
    }

#home #myAccountDiv p {
    margin-bottom: 0px;
}

#home #infoDiv div {
    background-color: #DCDCDC;
    line-height: 2.5;
    color: #465d7e;
    margin-top: 15px;
}

#home #infoDiv span {
    font-size: 20px;
}

#home #submissionDiv div.listItem.active:hover,
#home #accountingDiv div.listItem.active:hover,
#home #agencyDiv div.listItem.active:hover,
#home #otherServicesDiv div.listItem.active:hover,
#home #quotingDiv.active div.listItem:hover {
    background-color: #e6e7e8;
    border-left: 15px solid #465d7e;
    padding-left: 10px;
}

#home #whatsNewDiv h3 {
    color: #5d6b8d;
}

#home .glyphicon,
#home .fa {
    color: #5d6b8d;
}

#home .glyphicon,
#home .fa {
    font-size: 17px;
}

#home .padBody {
    padding-left: 10px;
}

#home .imgblock {
    width: 100px;
}

#home .pushdown {
    margin-top: 10px;
}

#home #myAccountLink {
    text-decoration: none;
    color: #333333;
}

#home .needed {
    font-style: italic;
    color: #ff0000;
}

#home .listItem {
    padding-left: 25px;
    line-height: 2.3;
    font-size: 10pt;
}

#home .homePageInputLook {
    padding: 2px .3em;
    font-size: 12px;
    height: 2.13em;
    width: 89%;
    background: transparent;
    border-radius: 1px;
    box-shadow: none;
    line-height: 1.8em;
    border: none;
}

#home p.homePageInputLook,
#home p.homePageNoInputLook {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#home .homePageNoInputLook {
    padding: 2px .3em;
    font-size: 12px;
    height: 2.13em;
    width: 89%;
    background: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    line-height: 1.8em;
}

#home .phoneLabel {
    width: 15px;
    display: inline-block;
    float: left;
    padding-top: 2px;
}

#home .roles {
    padding-top: 5px !important;
}

#home .homePageInputLook:focus,
#home .homePageInputLook:hover {
    border: 1px solid #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, .075), 0px 0px 0px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0px 1px 0px rgba(0,0,0,0.075), 0px 0px 0px rgba(102,175,233,0.6);
    overflow: hidden;
    margin-bottom: -2px;
}

/********************************** Submission Entry *****************************/

.fieldSetDiv {
    padding: 0px;
}

.fieldSetDivLabel {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

    .fieldSetDivLabel .glyphicon,
    .fieldSetDivLabel .fa {
        top: 3px;
        cursor: pointer;
    }


#submissionEntry input[disabled].form-control,
#submissionEntry select[disabled].form-control,
#submissionEntry textarea[disabled].form-control {
    opacity: .3;
}

#submissionEntry label {
    margin-top: 7px;
}

#submissionEntry input[type='checkbox'] {
    margin-top: 10px;
}

#submissionEntry .subEntryTitle {
    font-size: 24px;
    font-weight: bold;
    color: #999999;
}

#submissionEntry .infoText {
    font-size: 11px;
    font-style: italic;
    color: #999999;
}

#submissionEntry #coveragePick label {
    margin-top: 10px;
    padding-right: 0px;
    display: block;
    overflow-x: hidden;
}

#submissionEntry #selectedCovTable .form-control {
    font-size: 12px;
}

#submissionEntry .k-autocomplete {
    width: 100%;
}

    #submissionEntry .k-autocomplete input {
        width: 100%;
        height: 27px;
    }

#submissionEntry #uploadDocDiv .k-dropzone {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 80px;
}

    #submissionEntry #uploadDocDiv .k-dropzone > div.k-upload-button {
        bottom: -55px;
    }

    #submissionEntry #uploadDocDiv .k-dropzone em {
        visibility: visible;
        margin-left: -75px;
        font-size: 14px !important;
    }

    #submissionEntry #uploadDocDiv .k-dropzone > strong.k-upload-status.k-upload-status-total {
        margin-top: 70px;
    }

#submissionEntry #uploadDocDiv .k-upload,
#submissionEntry #uploadDocDiv .subEntyDocs {
    font-size: 12px;
    background-color: #e6e6e6;
    color: #666666;
}

    #submissionEntry #uploadDocDiv .k-upload.k-state-disabled {
        background-color: #c0c0c0;
        color: #8c8c8c;
    }

#submissionEntry .subEntyNotes {
    font-size: 12px;
    background-color: #e6e6e6;
    font-style: italic;
    color: #666666;
}

/********************************** Submission Pipeline *****************************/

#submissionPipeline .pushDown {
    margin-top: 7px !important;
}

#submissionPipeline .form-control {
    font-size: 13px !important;
}

#submissionPipeline #pipelineGrid .fa {
    font-size: 14px;
}

#submissionPipeline #pipelineGrid .k-grid-content {
    min-height: 75px;
    max-height: 400px;
}

#quoteSummaryList #quoteSummary .k-grid-content,
#binderSummaryList #binderSummary .k-grid-content,
#coverageList #coverageSummary .k-grid-content {
    min-height: 75px;
    max-height: 250px;
}

#coverageList .container {
    width: 655px;
}

#submissionPipeline #pipelineGrid tr.k-state-selected .glyphicon,
#submissionPipeline #pipelineGrid tr.k-state-selected .fa,
#quoteSummaryList #quoteSummary tr.k-state-selected .fa,
#binderSummaryList #binderSummary tr.k-state-selected .fa,
#coverageList #coverageSummary tr.k-state-selected .fa {
    color: white;
}

#viewReason .k-dropzone em {
    visibility: visible;
}

/********************************** Email Module *****************************/
#correspondenceList {
    max-height: 550px;
}

#emailModule .k-dropzone {
    border: 1px solid #ccc;
    border-radius: 3px;
}

    #emailModule .k-dropzone em {
        visibility: visible;
    }

    #emailModule .k-dropzone em {
        visibility: visible;
    }

#emailModule .k-upload-files.k-reset {
    max-height: 150px;
    overflow-y: scroll;
}

#emailModule .k-filename {
    max-width: 40em;
}

/********************************** Applications Query *****************************/
#applicationQuery #applicationsGrid .k-grid-content {
    min-height: 75px;
    max-height: 420px;
}

/********************************** Coverage Rater *****************************/

#coverageRater .fa {
    font-size: 15px;
}

#coverageRater .raterCoverages div.ui-widget-content,
#additionalInfo .carrierTabs div.ui-widget-content,
#additionalInfo .carrierTabs .policyTabs div.ui-widget-content {
    padding-bottom: 0;
}

#coverageRater .raterCoverages.ui-widget-content,
#coverageRater .summaryCoverages.ui-widget-content {
    border: none;
}

#additionalInfo .carrierTabs.ui-widget-content,
#additionalInfo .carrierTabs .policyTabs.ui-widget-content {
    padding: 1px;
}

#additionalInfo .carrierTabs > div > div.ui-tabs-panel {
    padding: 5px;
}

#coverageRater .raterCoverages .ui-widget-header,
#coverageRater .summaryCoverages .ui-widget-header {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background: #fff;
}

    #coverageRater .raterCoverages .ui-widget-header > li:not(.ui-state-active) {
        background: #fff;
    }

    #coverageRater .raterCoverages .ui-widget-header > li > a.Black,
    #coverageRater .summaryCoverages .ui-widget-header > li > a.Black {
        color: black;
    }

    #coverageRater .raterCoverages .ui-widget-header > li > a.Red,
    #coverageRater .summaryCoverages .ui-widget-header > li > a.Red {
        color: red;
    }

    #coverageRater .summaryCoverages .ui-widget-header > li {
        border: none;
    }

        #coverageRater .summaryCoverages .ui-widget-header > li > a {
            color: black;
        }

        #coverageRater .summaryCoverages .ui-widget-header > li:not(.ui-state-active) {
            background: #fff;
        }

    #coverageRater .raterCoverages .ui-widget-header > li.ui-state-active,
    #coverageRater .raterCoverages .ui-widget-header > li.ui-state-active > a {
        background: black;
        color: white;
    }

    #coverageRater .summaryCoverages .ui-widget-header > li.ui-state-active,
    #coverageRater .summaryCoverages .ui-widget-header > li.ui-state-active > a {
        background: #000;
        color: white;
    }

        #coverageRater .summaryCoverages .ui-widget-header > li.ui-state-active > a.Red {
            background: #000;
            color: red;
        }

    #coverageRater .raterCoverages .ui-widget-header > li > a,
    #coverageRater .summaryCoverages .ui-widget-header > li > a {
        padding: .02em 1em;
        font-weight: bold;
    }

#coverageRater fieldset {
    border: 1px solid lightgray;
    border-radius: 4px;
}

    #coverageRater fieldset legend {
        border: none;
        width: auto;
        padding: 1px 5px;
        margin-left: 15px;
        font-size: 12px;
        color: #455d7e;
        margin-top: -10px;
        float: left;
        background: #fff;
        margin-bottom: 5px;
        font-weight: bold;
    }

    #coverageRater fieldset > legend + * {
        clear: both;
    }

#coverageRater #casualtyRating,
#coverageRater #worksheetRating {
    min-height: 300px;
}

#coverageRater #casualtyRating {
    line-height: 1.85;
}

    #coverageRater #casualtyRating span {
        display: inline-block;
    }

#coverageRater #ratingWorksheet {
    min-height: 230px;
}

    #coverageRater #ratingWorksheet .k-grid-content {
        min-height: 200px;
        max-height: 200px;
    }

    #coverageRater #ratingWorksheet tr.k-state-selected .fa,
    #coverageRater #locationList tr.k-state-selected .fa {
        color: inherit;
    }


#coverageRater #worksheetRating .k-grid td,
#coverageRater #ratingsList .k-grid td,
#coverageRater #locationSummary .k-grid td {
    padding: .4em .6em !important;
    line-height: 1.8em !important;
}

#coverageRater #ratingsGrid > .k-grid-content {
    min-height: 100px;
    max-height: 400px;
}

#coverageRater #ratingsGrid #ratingSubClassesDiv > .ratingSubClasses > .k-grid-header,
#coverageRater #ratingsGrid #ratingSubClassesDiv > .ratingSubClasses > .k-grid-header th,
#coverageRater #ratingsGrid #ratingQuestionsDiv > .ratingQuestions > .k-grid-header,
#coverageRater #ratingsGrid #ratingQuestionsDiv > .ratingQuestions > .k-grid-header th {
    background-color: #8bc53f;
    color: white;
    font-weight: bold;
}

#coverageRater #locationList > .k-grid-content {
    min-height: 150px;
    max-height: 150px;
}

#coverageRater #ratingsGrid tr.k-state-selected {
    background-color: gold;
    color: inherit;
}

    #coverageRater #ratingsGrid tr.k-state-selected:hover td {
        background-color: yellow;
    }

#coverageRater #locations {
    margin-top: 15px;
}

#coverageRater #locationValues div > label {
    margin-bottom: 3px !important;
    margin-top: 2px !important;
}

#coverageRater #locationValues div > input[type="radio"] + label {
    vertical-align: top;
}

#coverageRater #locationValues div > span.fa {
    display: inline-block;
    color: #455d7e;
    margin-top: 3px;
}

#coverageRater #locationValues #locationImageDiv {
    margin-top: -65px;
    padding-left: 30px;
    padding-right: 0px;
}

    #coverageRater #locationValues #locationImageDiv .k-dropzone {
        border: 1px solid #ccc;
        border-radius: 3px;
        height: 50px;
    }

        #coverageRater #locationValues #locationImageDiv .k-dropzone > div.k-upload-button {
            /*bottom: -55px;*/
            float: right;
        }

        #coverageRater #locationValues #locationImageDiv .k-dropzone em {
            visibility: visible;
            /*margin-left: -75px;*/
            font-size: 12px !important;
        }

        #coverageRater #locationValues #locationImageDiv .k-dropzone > strong.k-upload-status.k-upload-status-total {
            margin-top: 35px;
        }

    #coverageRater #locationValues #locationImageDiv .k-upload {
        font-size: 12px;
        background-color: #e6e6e6;
        color: #666666;
    }

        #coverageRater #locationValues #locationImageDiv .k-upload.k-state-disabled {
            background-color: #c0c0c0;
            color: #8c8c8c;
        }

    #coverageRater #locationValues #locationImageDiv li.k-file .fa {
        position: relative;
        font-size: 15px;
    }

    #coverageRater #locationValues #locationImageDiv .k-upload-files.k-reset {
        overflow-y: auto;
        overflow-x: hidden;
    }

        #coverageRater #locationValues #locationImageDiv .k-upload-files.k-reset li.k-file {
            width: 50%;
            float: left;
            padding-left: 0px;
            padding-right: 0px;
        }

            #coverageRater #locationValues #locationImageDiv .k-upload-files.k-reset li.k-file span.k-filename {
                width: 75%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow-x: hidden;
                margin-left: .4em;
            }

            #coverageRater #locationValues #locationImageDiv .k-upload-files.k-reset li.k-file button.k-upload-action.k-button {
                display: none !important;
            }

/********************************** Quote *****************************/

.dual-title-container {
    /*margin-right: 10%;*/
    font-size: 11pt;
    color: black;
}

#quoteHeaderImg {
    width: 250px;
    height: auto;
}

#THREEDIV {
    padding-top: 1em;
    padding-bottom: 1em;
}

#UFCICDiv {
    padding-top: 2em;
    padding-bottom: 1em;
}

#dualDiv {
    padding-top: 1.25em;
}

#simplyDiv {
    padding-top: 2em;
}

#hiscoxDiv {
    padding-top: 2.5em;
}

#nextDiv {
    padding-top: 2em;
}

#myFirstDiv {
    padding-top: 2em;
}

#USLIDiv,
#sayataDiv,
#westchesterDiv{
    padding-top: 1em;
    padding-bottom: 1em;
}

#SimplyBusinessImg {
    width: auto;
    height: 85px;
}

#UFCICImg {
    width: auto;
    height: 125px;
}

#THREEImg {
    width: auto;
    height: 100px;
    margin-left: 25px;
}

img#mfiImg {
    width: auto;
    height: 75px;
}

@media (max-width: 1200px) {
    #THREEImg {
        margin-left: 0px;
    }
}

.inlineImage {
    margin-right: 15px;
    margin-bottom: 10px;
}

#simplyDiv .inlineImage {
    margin-right: 5px;
}

#hiscoxDiv .inlineImage {
    margin-right: -25px;
}

.row-1 div.carrierContainer {
    min-height: 280px;
}

.row-2 div.carrierContainer {
    min-height: 190px;
}

.row-3 div.carrierContainer {
    min-height: 220px;
}

.row-4 div.carrierContainer {
    min-height: 190px;
}

/********************************** Bond Pay *****************************/
#payBond .k-grouping-row {
    font-size: 16px;
}

#payBond .k-grid-content {
    min-height: 250px;
    max-height: 750px;
}

    #payBond .k-grid-content .k-button {
        border: none;
        background: none;
    }

    #payBond .k-grid-content tr.processing {
        background-color: #A5F36B;
    }

#payBond #panelHeader ul {
    border-bottom: 1px solid #ddd;
}

#payBond #panelHeader li:not(.active):not(.disabled):focus,
#payBond #panelHeader li:not(.active):not(.disabled):hover,
#payBond #panelHeader li:not(.active):not(.disabled):hover > a,
#payBond #panelHeader li:not(.active):not(.disabled):focus > a,
#payBond #panelHeader li:not(.active):not(.disabled) > a:hover,
#payBond #panelHeader li:not(.active):not(.disabled) > a:focus {
    background-color: #5D6B8D;
    color: white;
}

#payBond #panelHeader li.active,
#payBond #panelHeader li.active > a {
    background-color: #A8CC4C;
    color: white;
    border-color: white;
}

#payBond #panelHeader li {
    color: #5D6B8D;
    font-weight: bold;
    background-color: #F3F3F3;
}

    #payBond #panelHeader li:not(.active):not(:hover) a span.fa-layers-text {
        color: #337ab7 !important;
    }

#payBond .panel-body {
    min-height: 300px;
}

#payBond #stepButtons {
    margin-top: 5px;
}

#payBond #authorizePaymentTab {
    margin-top: 35px;
}

    #payBond #authorizePaymentTab .authorizeHeader {
        background-color: #5D6B8D;
        color: white;
        font-size: 14px;
    }

    #payBond #authorizePaymentTab .authorizeHeaderSuccess {
        background-color: green;
        color: white;
        font-size: 14px;
    }

    #payBond #authorizePaymentTab .authorizeHeaderFailed {
        background-color: red;
        color: white;
        font-size: 14px;
    }

    #payBond #authorizePaymentTab .authorizeBody {
        border-left: 3px solid #5D6B8D;
        border-right: 3px solid #5D6B8D;
        border-bottom: 3px solid #5D6B8D;
        font-size: 14px;
        color: #5D6B8D;
    }

    #payBond #authorizePaymentTab .authorizeBodySuccess {
        border-left: 3px solid green;
        border-right: 3px solid green;
        border-bottom: 3px solid green;
        font-size: 14px;
        color: #5D6B8D;
    }

    #payBond #authorizePaymentTab .authorizeBodyFailed {
        border-left: 3px solid red;
        border-right: 3px solid red;
        border-bottom: 3px solid red;
        font-size: 14px;
        color: #5D6B8D;
    }

    #payBond #authorizePaymentTab .paymentNowLabel {
        color: red;
        font-weight: bold;
    }

    #payBond #authorizePaymentTab .paymentLabel {
        color: #A8CC4C;
        font-weight: bold;
    }

    #payBond #authorizePaymentTab .regularLabel {
        color: #5D6B8D;
        font-weight: bold;
    }

    #payBond #authorizePaymentTab .paymentStatement {
        font-size: 16px;
    }

    #payBond #authorizePaymentTab .cancelPayBtn {
        /*background-color: #D3D3D3;
        color: white;
        background-image: none;*/
    }

    #payBond #authorizePaymentTab .authPayBtn {
        background-color: #A8CC4C;
        color: white;
        background-image: none;
    }

    #payBond #authorizePaymentTab .lock {
        position: relative;
        color: #5D6B8D;
        font-size: 20px;
    }

    #payBond #authorizePaymentTab #paymentStatus {
        color: #5D6B8D;
    }


/********************************** Finance Pay *****************************/
#financePay .row {
    margin: 5px -5px;
}

#financePay .k-numeric-wrap {
    border: none;
}


/********************************** Other Services ******************************/
#miscServices  h3 {
    color: #0f8d53;
}
#miscServices .media h4 {
    color: #0f8d53;
}

/********************************** Payment History *****************************/
#paymentHistory #paymentHistoryGrid > .k-grid-content {
    min-height: 150px;
    max-height: 450px;
}

#paymentHistory .k-grid-content .k-button {
    border: none;
    background: none;
}

#paymentHistory #paymentHistoryGrid .credit {
    color: red;
}

#paymentHistory #paymentHistoryGrid .k-state-selected .credit,
#paymentHistory #paymentHistoryGrid .k-state-selected .fa-file-pdf {
    color: white !important;
}

html.busy {
    cursor: wait !important;
}

    html.busy * {
        cursor: wait !important;
    }

body {
    font-family: Myriad, "Myriad Pro", "Segoe UI", Tahoma, sans-serif;
    background-color: #ffffff;
    font-size: 13px;
    overflow-y: scroll;
}

#printPayment header .agencyInfo {
    color: #5D6B8D;
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    float: left;
}

#printPayment header .agencyName {
    font-weight: bold;
    font-size: 18px;
}

#printPayment header .agencyARID {
    font-size: 14px;
}

#printPayment header .accounting-contact a.emailIcon{
    display: none;
}

#printPayment header .accounting-contact div.showEmail{
    display: inline-block;
}

#printPayment header .ins-link {
    float: right;
    vertical-align: middle;
    margin-top: 20px;
}

#printPayment .authorizeHeaderSuccess {
    border: 3px solid black;
    background-color: black;
    color: white;
    font-size: 14px;
}

#printPayment .authorizeBodySuccess {
    border-left: 3px solid black;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    font-size: 14px;
    color: #5D6B8D;
    padding: 5px;
}

#printPayment .paymentStatement {
    font-size: 16px;
}

#printPayment .lock {
    position: relative;
    bottom: -15px;
    color: #5D6B8D;
    font-size: 20px;
}

#printPayment #paymentStatus {
    color: #5D6B8D;
}

@media print {
    .pagebreak {
        page-break-after: always;
    }
    /* page-break-after works, as well */
}
@media all and (max-width:1199px) {
    .login-footer span.usg-companies {
        width: 95px;
        display: inline-block;
        vertical-align: bottom;
        padding-bottom: 7px;
    }

    .login-footer .logo {
        margin-left: 5px;
        margin-right: 5px;
    }

    #coveragePick {
        height: 48px !important;
    }

    #coverageRater #locationValues #locationImageDiv {
        padding-left: 25px;
    }
}

@media all and (max-width:992px) {
    #menu ul.navbar-right {
        margin-top: 0px;
    }

    .navbar-toggle {
        margin-top: 20px;
    }

    header .accoutInfo {
        margin-right: 15px;
    }

    #rolePermissions fieldset.roleSelection {
        height: auto;
        padding-bottom: 10px;
    }

    #frminvoices .sortFilter {
        margin-top: inherit;
    }

    #frminvoices .payNowSelected {
        margin-left: 5px !important;
    }

    #authorizePayment {
        margin-top: inherit;
    }

        #authorizePayment .paymentStatement {
            font-size: 14px;
        }

    .login-sidebar {
        border-left: none;
    }

    #frmLogin,
    #frmPassword {
        min-height: 1px;
    }

    #emailModule {
        width: 750px !important;
    }

        #emailModule .k-filename {
            max-width: 32em;
        }

    #coveragePick {
        height: 55px !important;
    }

    #coverageRater #locationValues #locationImageDiv {
        margin-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (max-width:767px) {
    .login-sidebar {
        border-left: none;
    }

    #frmLogin,
    #frmPassword {
        min-height: 1px;
    }

    #emailModule {
        width: 550px !important;
    }

        #emailModule .k-filename {
            max-width: 25em;
        }

    #coveragePick {
        height: 75px !important;
    }

    #coverageRater #casualtyRating,
    #coverageRater #worksheetRating {
        min-height: 275px;
    }

    #coverageRater #locationValues .k-upload-files.k-reset li.k-file {
        width: 99%;
        float: none;
        padding-left: .167em;
        padding-right: .167em;
    }

        #coverageRater #locationValues .k-upload-files.k-reset li.k-file span.k-filename {
            width: 75%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow-x: hidden;
            margin-left: .4em;
        }

    html.logged-in body #main-body {
        padding-top: 265px !important;
    }

    html.logged-in.internal-user #main-body.broker-main-office.invoicing-page {
        padding-top: 170px !important;
    }

    html.logged-in.internal-user #main-body:not(.broker-main-office),
    html.logged-in.internal-user #main-body:not(.broker-main-office.invoicing-page) {
        padding-top: 140px !important;
    }
}

@media all and (max-width:406px) {
    .navbar-toggle {
        margin-top: 0px;
    }

    html.logged-in body #main-body {
        padding-top: 130px !important;
    }

    html.logged-in.internal-user #main-body:not(.broker-main-office) {
        padding-top: 135px;
    }

    html.logged-in.internal-user #main-body:not(.broker-main-office.invoicing-page) {
        padding-top: 135px;
    }
}

@media all and (max-width:350px) {
    header p.welcome {
        float: none !important;
    }

    .recaptchaDiv {
        float: none !important;
    }

    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media all and (max-width:250px) {
    html.logged-in body #main-body {
        padding-top: 190px !important;
    }

    html.logged-in.internal-user #main-body:not(.broker-main-office) {
        padding-top: 135px;
    }

    html.logged-in.internal-user #main-body:not(.broker-main-office.invoicing-page) {
        padding-top: 135px;
    }
}

@media all and (min-width:0px) {
    #quoteSummaryList > .container,
    #binderSummaryList > .container,
    #viewCorrespondence {
        width: 300px !important;
    }
}

@media all and (min-width:450px) {
    #quoteSummaryList > .container,
    #binderSummaryList > .container,
    #viewCorrespondence {
        width: 400px;
    }
}

@media all and (min-width:550px) {
    #quoteSummaryList > .container,
    #binderSummaryList > .container,
    #viewCorrespondence {
        width: 500px !important;
    }
}

@media all and (min-width:650px) {
    #quoteSummaryList > .container,
    #binderSummaryList > .container,
    #viewCorrespondence {
        width: 600px !important;
    }
}

@media all and (min-width:768px) and (max-width:922px) {
    html.logged-in header > section {
        margin-top: 120px !important;
    }

    html.logged-in body #main-body {
        padding-top: 280px !important;
    }

    html.logged-in.internal-user #main-body.broker-main-office.invoicing-page {
        padding-top: 215px !important;
    }

    html.logged-in.internal-user #main-body:not(.broker-main-office),
    html.logged-in.internal-user #main-body:not(.broker-main-office.invoicing-page) {
        padding-top: 185px !important;
    }
}

@media all and (min-width:922px) and (max-width:992px) {
    html.logged-in header > section {
        margin-top: 120px !important;
    }

    html.logged-in body #main-body {
        padding-top: 280px !important;
    }

    html.logged-in.internal-user #main-body.broker-main-office.invoicing-page {
        padding-top: 215px !important;
    }

    html.logged-in.internal-user #main-body:not(.broker-main-office),
    html.logged-in.internal-user #main-body:not(.broker-main-office.invoicing-page) {
        padding-top: 185px !important;
    }
}

@media all and (min-width:992px) and (max-width:1200px) {
    html.logged-in body #main-body {
        padding-top: 190px !important;
    }

    html.logged-in.internal-user #main-body.broker-main-office.invoicing-page {
        padding-top: 170px !important;
    }

    html.logged-in.internal-user #main-body:not(.broker-main-office),
    html.logged-in.internal-user #main-body:not(.broker-main-office.invoicing-page) {
        padding-top: 135px !important;
    }
}

@media all and (min-width:768px) {
    #quoteSummaryList > .container,
    #binderSummaryList > .container,
    #viewCorrespondence {
        width: 675px !important;
    }
}

@media all and (min-width:992px) {
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        /*margin-top: 22px;
        margin-bottom: 22px;*/
    }

    #hamDropDownMenu {
        padding: 5px;
        margin: 0px 22px;
    }

    #emailModule {
        width: 750px !important;
    }

    #quoteSummaryList > .container,
    #binderSummaryList > .container,
    #viewCorrespondence {
        width: 900px !important;
    }
}


@media all and (min-width:1200px) {
    #quoteSummaryList > .container,
    #binderSummaryList > .container,
    #viewCorrespondence {
        width: 1100px !important;
    }
}