/*
 * Form Fields:
 */

/*Fields and Inputs*/
.p-datepicker-header .p-link {
    padding: 12px 0px 0px 0px;
}

.p-paginator .p-dropdown .p-dropdown-trigger {
    margin-top: 15px;
}

.p-paginator .p-dropdown {
    margin-top: 6px;
}

.p-datepicker .p-datepicker-header .p-datepicker-title {
    margin-top: -6px;
}

.p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last {
    border: none !important;
}

    .p-paginator .p-paginator-first .p-paginator-icon, .p-paginator .p-paginator-prev .p-paginator-icon, .p-paginator .p-paginator-next .p-paginator-icon, .p-paginator .p-paginator-last .p-paginator-icon {
        display: none !important;
    }

.p-paginator .p-highlight {
    color: #000 !important;
    border-bottom: 3px solid #A50000 !important;
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

    .p-paginator .p-highlight:hover {
        background-color: #A50000 !important;
    }

.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight) {
    border: none !important;
    color: #000 !important;
}

    .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
        color: #000 !important;
        border-bottom: 3px solid #A50000 !important;
        background: none !important;
    }

.p-paginator .p-paginator-first, .p-paginator-last {
    display: none !important;
}

.p-paginator-prev {
    background-image: url("../client/assets/images/left-arrow.png") !important;
}

.p-paginator-next {
    background-image: url("../client/assets/images/right-arrow3.png") !important;
}

.p-paginator-prev, .p-paginator-next, .tpl-numbered-links .p-paginator-prev {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: 22px 22px !important;
    margin-bottom: -8px !important;
}

.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    border-bottom: 3px solid #A50000 !important;
    outline: none !important;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #000 !important;
    background: #007bff !important;
}

label {
    display: inline-block;
    float: left;
    clear: both;
    font-family: Helvetica, Arial;
    font-weight: normal;
    font-size: 0.8em;
}

div.ui-datepicker, .ui-datepicker td {
    font-size: 10px;
}

span {
    font-weight: bold;
    font-size: small;
    height: 25px;
}


input {
    border: 2px solid #949494;
    font-size: 0.8em;
    font-family: Helvetica, Arial;
}

    /*Checkboxes*/

    input[type="checkbox"], input[type="hidden"] {
        border: none;
        background: none;
        font-size: small;
    }

        input[type="checkbox"]:focus {
            outline: 1px dotted black;
        }

    /*Radio Buttons*/

    input[type="radio"] {
        border: none;
        background: none;
    }

        input[type="radio"]:focus {
            outline: 1px dotted black;
        }

    /*input email*/

    input[type="email"], input[type="file"], input[type="textarea"] {
        width: 250px;
    }

        input[type="file"]:focus {
            outline: 1px dotted black;
        }

textarea {
    border: 2px solid #CCC;
}

/*
 * Buttons:
 */
/*White*/
.buttonWhite,
.buttonWhite:focus {
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 0.5em;
    padding-left: 1em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    border: 1px solid #6F6F67;
    text-decoration: none;
    font-family: Helvetica, Arial;
    font-size: 0.9em;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #545550;
    height: 14px;
}

    .buttonWhite:focus {
        outline: 1px dotted black;
    }

    .buttonWhite:hover {
        text-decoration: none;
        background-image: none;
        background-color: #FFFFFF;
        border: 1px solid #545550;
    }
/*Red*/
.buttonRed {
    z-index: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 10px 16px;
    margin-bottom: 24px;
    margin-right: 16px !important;
    margin-top: 24px;
    padding-top: 0.5em;
    padding-left: 1em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    font-size: 0.9em;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica, Arial;
    white-space: nowrap;
    border: none !important;
    border-radius: 0;
    color: #fff !important;
    background: #CC0000 !important;
    box-shadow: inset 0 -2px 0 #a50000;
    height: 44px !important;
}

    .buttonRed:hover {
        color: #fff !important;
        background: #EB0000 !important;
        box-shadow: inset 0 -2px 0 #c00 !important;
    }

    .buttonRed:focus {
        background: #CC0000;
        outline: 1px solid #08172B;
        outline-offset: -2px;
    }

    .buttonRed:active {
        color: #fff !important;
        background: #A50000 !important;
        box-shadow: inset 0 -2px 0 #A50000 !important;
    }

    .buttonRed:disabled {
        cursor: not-allowed;
        color: #fff !important;
        background: #A50000 !important;
        box-shadow: inset 0 -2px 0 #A50000 !important;
    }

/*Black*/
.buttonBlack {
    z-index: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 10px 16px;
    margin-bottom: 24px;
    margin-right: 16px !important;
    margin-top: 24px;
    padding-top: 0.5em;
    padding-left: 1em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    font-size: 0.9em;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica, Arial;
    white-space: nowrap;
    border: none;
    border-radius: 0;
    color: #fff !important;
    background: #000 !important;
    box-shadow: inset 0 -2px 0 #000 !important;
    height: 44px !important;
}

.k-upload .k-button {
    z-index: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 10px 16px;
    margin-bottom: 24px;
    margin-right: 16px !important;
    margin-top: 24px;
    padding-top: 0.5em;
    padding-left: 1em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    font-size: 0.9em;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica, Arial;
    white-space: nowrap;
    color: #000;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #fff;
    background: #000;
    box-shadow: inset 0 -2px 0 #000;
    height: 44px !important;
}

    .buttonBlack:hover {
        color: #fff !important;
        background: #333333 !important;
        box-shadow: inset 0 -2px 0 #000 !important;
    }

.k-upload .k-button:hover {
    color: #fff;
    background: #333333;
    box-shadow: inset 0 -2px 0 #000;
}

    .buttonBlack:focus {
        background: #000;
        outline: 1px solid #2a91f0;
        outline-offset: -2px;
    }

    .buttonBlack:active {
        color: #fff !important;
        background: #767676 !important;
        box-shadow: inset 0 -2px 0 #959595 !important;
    }

    .buttonBlack:disabled {
        cursor: not-allowed !important;
        color: #fff;
    }

.k-upload .k-button {
    padding-top: 13px;
}

.accountadminButton {
    height: 30px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.optionsButton {
    height: 15px !important;
    margin-top: 0px;
}
/*Black link*/
.blackLinkText, #iconRegion a {
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    font-family: Helvetica, Arial;
    color: #000000;
    text-decoration: underline;
}

.MacblackLinkText {
    font-size: 14px;
    height: 18px;
    font-family: Helvetica, Arial;
    color: #000000;
    text-decoration: underline;
}

    .blackLinkText:hover, .blackLinkText:visited, .MacblackLinkText:hover, #iconRegion a:hover {
        color: #767676;
        text-decoration: underline;
    }

.blackLinkText:focus, #iconRegion a:hover {
    color: #000000;
    outline: 1px inset #0b64f5;
    outline-offset: 0.5px;
}

.blackLinkText:active, .MacblackLinkText:active, #iconRegion a:active {
    color: #CC0000;
    text-decoration: underline;
}

.blackLinkFontInc {
    font-size: 15px;
}

.breadCrumbs {
    font-size: 14px;
    height: 18px;
    font-weight: normal;
    font-family: Helvetica, Arial;
    color: #767676;
    margin-top: 25px;
    margin-bottom: -14px;
    text-decoration: underline;
}

    .breadCrumbs:hover {
        color: #000000;
    }

    .breadCrumbs:focus {
        color: #767676;
        outline: 1px inset #0b64f5;
        outline-offset: 0.5px;
    }

    .breadCrumbs:active {
        color: #CC0000;
    }

/*Paragraph link*/
.paraLinkText {
    font-size: 16px;
    height: 20px;
    font-family: Helvetica, Arial;
    color: #000000;
    text-decoration: underline;
}

    .paraLinkText:hover {
        color: #767676;
        text-decoration: underline;
    }

    .paraLinkText:focus {
        color: #000000;
        outline: 1px inset #0b64f5;
        outline-offset: 0.5px;
    }

    .paraLinkText:active {
        color: #CC0000;
        text-decoration: underline;
    }


/*Disabled*/

.buttonDisabled,
.buttonDisabled:focus {
    position: relative;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0.5em;
    padding-left: 1em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    border: 1px solid #676767;
    text-decoration: none;
    font-family: Helvetica, Arial;
    font-size: 0.9em;
    font-weight: bold;
    color: #BCBCBC;
}

    .buttonDisabled:hover {
        text-decoration: none;
        background-color: #DFDFDF;
        border: 1px solid #BE202E;
    }

/* Smaller Button */

.smallButton,
.smallButton:focus {
    padding: 0.1em 0.5em 0.1em 0.5em;
    font-size: 0.7em;
}

.adminHead {
    font-size: 1.4em;
    color: #000000;
}

.adminTitle {
    font-size: 1.7em;
    color: #000000;
    position: relative;
    top: 30px;
    left: 35px;
    width: 180px;
    height: 24px;
    margin-bottom: -3%;
}

/*
 * Chrome Issues:
 */

/* Disable Chrome Yellowing */
input, textarea, select, .RadDropDownList, .RadGrid {
    outline: none;
}

select {
    padding: 0 10px;
    padding-right: 33px;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    width: 175px;
    height: 24px;
    border: 2px solid #949494;
    border-radius: 0px;
    box-shadow: none;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #000000 !important;
    text-decoration: none;
    font-family: Helvetica, Arial;
    background: url("/client/assets/images/select-arrow.png");
    /* background-position-x: 0%;
      background-position-y: 0%; */
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-appearance: none;
}

    input:focus, textarea:focus, select:focus {
        border: solid 2px #2a91f0 !important;
    }

    /*In IE 11 there was an arrow icon for select*/
    select::-ms-expand {
        display: none;
    }

    select.form-control:disabled {
        background-color: #eee !important;
    }

    select.form-control, body .p-multiselect {
        background: url("/client/assets/images/select-arrow.png") !important;
        background-repeat: no-repeat !important;
        background-position: right 2px center !important;
        border: 2px solid #bbb !important;
        border-radius: 0px !important;
        background-color: #FFF !important;
    }

input[type="text"].form-control, input[type="date"].form-control, input[type="password"].form-control {
    border: 2px solid #bbb !important;
}

body .ui-inputtext {
    border-radius: 0px !important;
    border: 2px solid #ccc !important;
    padding: 3px !important;
}

body .p-multiselect .pi-caret-down:before, .p-multiselect .pi-chevron-down:before {
    content: "";
}

body .p-multiselect {
    width: 150px;
    height: 20px;
}


.KendoDropDown {
    font-size: 0.8em;
    color: red;
    width: 200px;
    font-weight: normal;
}

.k-dropdown .k-dropdown-wrap {
    margin-top: -2px;
    border: 2px solid #bbb;
    border-radius: 0px;
    background: url("/client/assets/images/select-arrow.png");
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-color: #FFFFFF;
}

.k-dropdown .k-select .k-icon {
    background-image: none;
}

.k-list .k-item.k-state-selected.k-state-focused, .k-list .k-item.k-state-hover {
    background-color: #2a91f0 !important;
}

.GridText {
    overflow: auto;
    width: 100%;
    border: 1px solid #BCBCBC;
    padding: 0.5em;
    font-size: 0.8em;
    cursor: pointer;
}

.RepeatedDataGrid {
    width: 80%;
    border: 1px solid #BCBCBC;
    padding: 0.5em;
    font-size: .7em;
    height: auto;
}

.GridSelect {
    width: 25px;
    background-color: #0645AD;
    color: white;
}

    .GridSelect :focus {
        outline: 1px dotted black;
    }

    .GridSelect :focus {
        outline: 1px dotted black;
    }


.textArea {
    width: 250px;
    height: 80px;
}


/*buttonAsLink*/
.buttonAsLink {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*border is optional*/
    color: #000000;
    font-size: 14px;
    height: 18px;
    font-family: Helvetica, Arial;
    text-decoration: none;
}

    .buttonAsLink:hover {
        color: #767676;
        border-bottom: 1px solid #000000;
    }

    .buttonAsLink:focus {
        color: #000000;
        outline: 1px inset #0b64f5;
        outline-offset: 0.5px;
    }

    .buttonAsLink:active {
        color: #CC0000;
        border-bottom: 1px solid #000000;
    }

.textdecoration {
    border-bottom: 1px solid #000000;
}

ol {
    font-size: small;
}

.para {
    font-size: small;
}

.k-item {
    font-size: small;
}

.k-link:focus {
    outline: 1px dotted black;
}


.GridSelect.k-button.k-button-icontext.k-grid-Select {
    background-color: #214287;
    color: #FFFFFF;
}

.attestationText {
    overflow: auto;
    width: 80%;
    height: 300px;
    border: 1px solid #BCBCBC;
    padding: 1em;
    font-size: small;
}

.attestationTextAuto {
    overflow: auto;
    width: 80%;
    height: auto;
    border: 1px solid #BCBCBC;
    padding: 1em;
}

.ie8_banner {
    width: 100%;
    padding: 5px;
    background-color: #0376cb;
}

    .ie8_banner p {
        text-align: center;
        color: #DDDDDD;
        font: 13px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

.IndicateLabel {
    background: none;
    border: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    text-align: left;
}

.dataError {
    color: #FF0000 !important;
    font-weight: bold !important;
}

.accountTitle {
    text-align: left;
    padding: 5px;
    color: #ffffff !important;
    background-color: #000;
    border-color: #fff;
}

.optionTitle {
    text-align: left !important;
    padding-left: 10px !important;
    color: #ffffff !important;
    border-color: #fff !important;
    height: 28px !important;
}

.divTable {
    display: table;
    width: 99.9%;
    border: 1px solid #666666;
    border-spacing: 5px; /*cellspacing:poor IE support for  this*/
    /* border-collapse:separate;*/
}

.divTableTitle {
    width: 100% !important;
    height: 30px !important;
    border-spacing: 1px !important;
}

button.accordion {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    button.accordion.active, button.accordion:hover {
        background-color: gray;
    }

/* Style the accordion panel. Note: hidden by default */
div.panel {
    /*padding: 0 18px;*/
    background-color: white;
    display: none;
    /*display: table;
    width: 99.9%;
    border: 1px solid #666666;
    border-spacing: 5px;*/
}

    /* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
    div.panel.show {
        display: block;
    }

.divRow {
    display: table-row;
    width: auto;
}

.divCell {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 218px;
}

.AccformDropDown {
    font-size: 0.8em;
    color: red;
    width: 170px;
    background-color: lightgray;
}

.ie8_banner {
    width: 100%;
    padding: 5px;
    background-color: #0376cb;
}

.required {
    color: #F00;
    text-align: right;
    width: 10px;
}

.requiredMark {
    color: #F00;
    text-align: right;
    width: 10px;
}

.requiredLabel {
    color: #F00;
    text-align: right;
    width: auto;
}

/*tabstrip- Kendo Menustrip*/
#tabstrip h2 {
    font-weight: lighter;
    font-size: 5em;
    line-height: 1;
    padding: 0 0 0 30px;
    margin: 0;
}

.kydisputeack {
    font-weight: normal;
}

    .kydisputeack > p {
        display: inline;
    }

#tabstrip h2 span {
    background: none;
    padding-left: 5px;
    font-size: .3em;
    vertical-align: top;
}

#tabstrip p {
    margin: 0;
    padding: 0;
}


input[type='button'].formBt, a.formBt, button.formBt {
    background: #f8f8f8;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
    padding: 5px;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.accLoader {
    Z-index: 9999;
    margin: 25%;
    position: fixed;
    opacity: 1 !important;
    top: 5%;
}

.showLoader {
    opacity: 0.2;
    /*height: 200px;
    position: absolute;*/
}

.popUpMessageText {
    text-align: left;
    font-weight: bold;
    font-size: large;
}

.bar-width {
    width: 99.09%;
}

.grid-border {
    border: 1px solid #666666;
}

.formText-incHeight {
    height: 23px !important;
    width: 170px !important;
}

.validationErrWithoutBullet ul {
    color: #FF0000;
    font-weight: bold !important;
    list-style-type: none;
}

/*PrimeNg Pagination common styles*/
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #A50000 !important;
    color: #FFF !important;
}

body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last {
    /* color: #0275d8; */
    transition: background-color 0.3s;
    min-height: 0.875em;
    min-width: 2em;
    padding: 0px;
    vertical-align: top;
    color: black !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page {
    padding: 0.5em 0.625em;
    min-width: 2em;
    color: black !important;
    transition: background-color 0.3s;
    border-radius: 0 !important;
}

body .ui-dropdown .ui-dropdown-label {
    padding: 0px !important;
    background-color: transparent !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page:hover, .ui-paginator .ui-paginator-first:hover, body .ui-paginator .ui-paginator-prev:hover, body .ui-paginator .ui-paginator-next:hover, body .ui-paginator .ui-paginator-last:hover, .ui-paginator .k-item.k-state-selected.k-state-focused, .ui-paginator .k-item.k-state-hover {
    background-color: #A50000 !important;
    color: #FFF !important;
}

.p-multiselect .ui-state-default, .p-widget-content .p-state-default, .p-widget-header .p-state-default {
    background: none !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1.5px solid black !important;
    font-weight: bold;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page:hover.ui-state-active {
    background-color: #a50000 !important;
}

/*Kentucky -Begin*/
.topmargin {
    margin-top: 2%;
}

.marginleft {
    margin-left: 1%;
}

.marginAll {
    margin-left: 1px;
    margin-right: 2px;
}

.btn-bg {
    background: rgba(0,0,0,0.04);
}

.labelfile {
    margin-right: 7px;
}



.bullets {
    content: counter(mycounter);
    counter-increment: mycounter;
    display: inline-block;
    vertical-align: middle;
    color: #999;
    font-size: .8em;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    opacity: 1;
    font-weight: bold;
}

.bulletsSelected {
    color: #fff;
    background-color: #cc0000;
    border-color: #cc0000;
}

.pointer {
    cursor: pointer;
}

.fullwidth {
    width: 100%;
}

.controls-margin-left {
    margin-left: -15px;
}

.padding-file {
    padding-left: 2%;
    padding-top: 2%;
}

.form-control {
    padding: 0px 1px 0px 1px;
}
/*Kentucky -End*/

div.ui-datepicker select {
    background-color: #FFF;
}

.ui-datepicker {
    width: 21em;
}

body .ui-datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled) a.ui-state-active {
    background-color: #A50000 !important;
}

.p-calendar .p-button.p-button-icon-only .pi {
    font-size: 13px;
}
/*Kendo grid highlight page*/
.k-grid .k-state-selected, .k-pager-wrap .k-link:hover {
    background-color: #A50000;
    color: #FFF;
    line-height: 2em;
}

.k-link:link {
    color: #000;
}

/*Performance Network Report*/
.divColumnQuarter input[type="text"] {
    margin-top: 6px;
    height: 18px;
}

.divColumnQuarter.savebtn {
    clear: both;
}

/*Radio button*/ /* Hide the browser's default checkbox */
input[type="checkbox"], input[type="checkbox"]::before {
    content: '';
    background-color: #fff;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    float: none;
    vertical-align: middle;
    border: 2px solid #000;
    margin-right: 3px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    color: #fff;
    outline: none;
}

    input[type="checkbox"]:focus::before {
        border: 2px solid #2a91f0;
        outline: none !important;
    }

    input[type="checkbox"]:checked::before {
        content: "";
        color: #fff;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAmElEQVQ4jeXSsQ3CMBBG4aSIFEpWYAakwBQ0MABbZARgBlZhDtgEGvRRcAgXIGJTUPBLrnx+vmdfVf0yaLH4FrJzz6YUMMM1VlcCGOEUXWxLu3hoHNGWAP5GA3M0b/Y+a2AdN+xRF2mgwzkK+2yNpHjpmdVgjRegPg5cooP830Ad75Imf6jQ4JBAiodqHAplQ5WAJpgOrb8BOQI9tWE1OIQAAAAASUVORK5CYII=) center center no-repeat #000;
        border: 2px solid #2a91f0 !important;
    }

input[type="radio"], input[type="radio"]::before {
    content: '';
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: relative;
    display: inline-block;
    float: none;
    vertical-align: middle;
    border: 2px solid #000;
    margin-right: 3px !important;
    margin-bottom: 3px !important;
    margin-top: 0px !important;
    color: #fff;
    border-radius: 20px;
    outline: none;
}

    input[type="radio"]:checked::before {
        border: 2px solid #2a91f0 !important;
        background-color: #000;
    }

    input[type="radio"]:focus::before {
        border: 2px solid #2a91f0;
        outline: none !important;
    }

/*Securemessage tabview*/
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #A50000 !important;
    color: white !important;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus, .p-tabview .p-tabview-nav li .p-tabview-nav-link:hover {
    text-decoration: none;
}

.p-tabview-title {
    line-height: 2 !important;
}
/*Securemessage*/
.smtabcolor {
    background-color: #A50000;
    width: 100%;
    padding: 5px;
}

.smcreatesingletab {
    margin-left: 15px;
    margin-right: 15px;
    width: 97%;
}

.smcreatesingletabBoder {
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.smSearchButton {
    margin-left: 7%;
}

/*Document Queue Css*/
.tpl-container {
    margin: -7px;
}

.tpl-bar .tpl-bar-item {
    color: #000;
    cursor: pointer;
    padding: 9px 30px 12px 6px;
    float: left;
    font-weight: 700;
    font-style: normal;
    width: auto;
    display: block;
    border-bottom: 3px solid #eee;
    text-decoration: none;
}

.tpl-bar .tpl-button {
    white-space: normal;
    background-color: transparent;
}

.tpl-bar {
    width: 100%;
    overflow: hidden;
    margin-left: -2px;
}

    .tpl-bar .tpl-bar-item.tpl-red, .tpl-bar .tpl-button:hover {
        color: #000 !important;
        border-bottom: 3px solid #CC0000;
    }

.alternative_cls a.disabled span {
    display: inline !important;
}

div#hide:active {
    color: #CC0000;
}

div#hide:hover {
    background-color: #f2f2f2;
}

#hide {
    color: #000;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    text-decoration: none;
    padding: 10px;
    font-weight: 700;
    font-style: normal;
    height: 40px;
    border-bottom: 2px solid #000;
}

.down, .right {
    margin-right: 5px;
}

#documentlibrary div.row {
    border-bottom: 1px solid #ccc;
    margin-right: 0px;
    margin-left: 0px;
}

.nomargin {
    min-height: 30px;
    padding: 5px 0 0 0;
}

.categorydiv {
    margin: 5px;
    margin-top: 10px;
}

#documentlibrary .ui-dialog-titlebar {
    border-bottom: none;
}

#documentlibrary .ui-dialog-footer, #documentlibrary .ui-dialog-titlebar-icon, #documentlibrary .p-dialog .p-dialog-header .p-dialog-header-icon {
    display: none;
}
#report .p-dialog-header  {
    display: block !important;
}

#documentlibrary .blackLinkText {
    text-decoration: none;
    display: inline-block;
}

    #documentlibrary .blackLinkText:hover {
        text-decoration: underline;
        display: inline-block;
    }

#documentlibrary .marginleft {
    margin-left: 15px;
}

#documentlibrary .col-reducewidth {
    width: 12%;
}

#documentlibrary .p-dialog .p-dialog-header .p-dialog-title {
    width: 100%;
}
/* CSS for filter by  */
.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 34px;
    right: -130px;
    margin-top: -2%;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 5px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #A50000;
}

input:focus + .slider {
    box-shadow: 0 0 1px #A50000;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.redStyle {
    color: #A50000;
    font-weight: bold;
}

#documentlibrary .filtersNew label, #documentlibrary .expandall label {
    font-size: 14px;
}

#documentlibrary .marginright {
    margin-right: -1%;
}

#documentlibrary .title {
    padding: 7px;
    color: #FFF;
    background: #000;
    margin-bottom: 1%;
    margin-left: 0%;
    margin-right: -2px;
}

#documentlibrary .border {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.expandall {
    margin-top: 3%;
    margin-right: -131px;
}

#documentlibrary .floatleft {
    float: left;
}

#documentlibrary .floatright {
    float: right;
}

#documentlibrary .margin {
    margin: 4px;
}

#documentlibrary .expandall .margininput {
    margin-right: -17%;
}

#documentlibrary .margintop {
    margin-top: 7%;
    margin-right: 0%;
    margin-left: 0%;
}

#documentlibrary .grid .alternative_cls:nth-child(odd) {
    /*background-color: #ececec;*/
}

#documentlibrary .grid .alternative_cls:hover {
    background-color: #b8e3eb;
}

#documentlibrary .complete {
    color: #73b243;
}

#documentlibrary .upload {
    color: #CC0000;
    text-decoration: underline;
    cursor: pointer;
}

#documentlibrary .delete {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

#documentlibrary .incomplete {
    color: #cc0000;
}

#documentlibrary .custom-col-sm-2 {
    width: 11.666667%;
}

#documentlibrary .custom-col-sm-3 {
    width: 21%;
}

#documentlibrary .fileupload {
    left: 12px;
    width: 93%;
    top: 26%;
    height: 22%;
    z-index: 999;
}

#documentlibrary .selectchkbox {
    float: right;
    margin-right: 5px;
    margin-top: -21px;
}
/*End Document Library Css*/
.gridCoulmnHeaders {
    background-color: #000 !important;
}

    .gridCoulmnHeaders .colHeader {
        color: #FFF !important;
    }

.k-tabstrip-items .k-state-default .k-link, .k-tabstrip-items .k-item.k-state-disabled, .k-tabstrip-items .k-item.k-state-disabled .k-link {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #000 !important;
    opacity: 1;
}

.k-tabstrip-items .k-state-active.k-state-default .k-link, .k-tabstrip-items .k-item.k-state-active {
    background-color: #A50000 !important;
    color: #FFF !important;
    border: 1px solid #A50000 !important;
}

/*End DocLibrary*/

/*MacAppeal*/
#macappeal .input-validation-error, #macPrice .input-validation-error {
    border: 2px solid #CC0000 !important;
    background-color: #fcf2f2 !important;
}

#macappeal input[type="text"], #macappeal select, #macappealbatch input[type="text"], #macPrice input[type="text"], #macPrice select, #macPricing select {
    border-radius: 0;
    border: 2px solid #bbb;
    height: 40px;
    width: 270px;
    padding: 6px 12px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-size: 14px;
    box-sizing: border-box !important;
}

#macPrice .select:hover {
    outline-color: red;
}

#macappeal textarea, #macPrice textarea {
    height: 87px;
    width: 530px;
    padding: 10px;
    resize: none;
}

#macappeal textarea {
    width: 706px;
}

#macappeal label, #macappealbatch label, #macPrice label, #macPricing label {
    display: block;
    font-size: 14px;
    font-weight: bold !important;
    line-height: 18px;
    margin-right: 20px;
    float: none !important;
    margin-bottom: 0px !important;
    font-family: Helvetica, Arial;
}

#macappeal .macError, #macappeal .dataError, #macappealbatch .dataError, #macappeal .macError span, #macappealbatch .dataError span, #macPrice .macError, #macPrice .dataError, #macPrice .macError span {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #c00 !important;
    font-weight: normal !important;
    line-height: 20px;
}

    #macappealbatch .dataError span {
        display: block;
    }

#macappeal .ui-datepicker-append {
    display: none;
}

#macappeal .help-text, #macPrice .help-text {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0;
    color: #767676;
    font-family: Helvetica, Arial;
    font-weight: normal;
}

#macappeal .tpl-alert-box .tpl-error-container .tpl-error-message, #macappealbatch .tpl-alert-box .tpl-error-container .tpl-error-message, #macPrice .tpl-alert-box .tpl-error-container .tpl-error-message, #frm_selfsignup .tpl-alert-box .tpl-error-container .tpl-error-message {
    font-family: Helvetica, Arial;
    font-weight: bold;
    font-size: 18px;
}

#macappeal .tpl-alert-box .tpl-error-container .tpl-message, #macappealbatch .tpl-alert-box .tpl-error-container .tpl-message, #macPrice .tpl-alert-box .tpl-error-container .tpl-message, #frm_selfsignup .tpl-alert-box .tpl-error-container .tpl-message {
    font-family: Helvetica, Arial;
    font-weight: bold;
    font-size: 18px;
    margin-top: 6px;
    color: #000000;
    margin-bottom: 8px;
}

#macappeal .tpl-alert-box .tpl-error-container p, #macappealbatch .tpl-alert-box .tpl-error-container p, #macPrice .tpl-alert-box .tpl-error-container p, #frm_selfsignup .tpl-alert-box .tpl-error-container p {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #404040;
}

#macappeal .calenderimg {
    margin-left: -8%;
    margin-bottom: -2%;
}

#macappeal .tpl-alert-box, #macPrice .tpl-alert-box, #macappealbatch .tpl-alert-box, #frm_selfsignup .tpl-alert-box {
    max-width: 681px;
    width: 100%;
    background: #fae6e6;
    border-left: 4px solid #cc0000;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: 16px;
}

#macappeal .tpl-alert-box {
    margin-left: 0px;
}

    #macappeal .tpl-alert-box .tpl-error-container, #macappealbatch .tpl-alert-box .tpl-error-container, #macPrice .tpl-alert-box .tpl-error-container, #frm_selfsignup .tpl-alert-box .tpl-error-container {
        padding: 24px 0px 0px 20px;
    }

#macappeal .validation-summary-errors div ul li, #macappealbatch .validation-summary-errors div ul li, #macPrice .validation-summary-errors div ul li {
    font-family: Helvetica, Arial;
    color: #c00;
    font-size: 16px;
    margin-bottom: 6px;
    text-decoration: underline;
    cursor: pointer;
}

#macappeal .tpl-alert-box .tpl-error-container img, #macappealbatch .tpl-alert-box .tpl-error-container img, #macPrice .tpl-alert-box .tpl-error-container img {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 16px;
    margin-bottom: auto;
}

#macappeal .tpl-alert-box .tpl-error-container ul, #macappealbatch .tpl-alert-box .tpl-error-container ul, #macPrice .tpl-alert-box .tpl-error-container ul {
    list-style-type: none;
    padding-bottom: 20px;
    margin-top: 10px;
    padding-left: 0px;
}

#macappeal input:focus, #macappeal textarea:focus, #macappeal select:focus, #macPrice input:focus, #macPrice textarea:focus, #macPrice select:focus {
    border: solid 2px #2a91f0 !important;
}

#macappeal .validation-summary-valid, #macappealbatch .validation-summary-valid, #macPrice .validation-summary-valid {
    display: none;
}


#macappeal .input-container {
    width: 100%;
}

#macappeal .row {
    clear: both;
}

#macappeal col {
    margin-left: 15px;
}

#macappeal .col-sm-6 {
    width: 46%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
}

#macappeal .form-group {
    margin-bottom: 15px;
}

.macPriceTitleMargin {
    float: left;
}

#macPrice .macPriceResultFont {
    font-family: Helvetica, Arial;
    font-size: 14px;
    color: #000000;
    line-height: 18px;
}

#macPrice .macButtons {
    display: flex;
    margin: 1px;
}

#macPrice .macPriceClick {
    margin-left: 16px;
}

#MacResultsSection label {
    font-family: Helvetica, Arial;
    display: block;
    font-size: 14px;
    font-weight: bold !important;
    line-height: 18px;
    margin-right: 20px;
    margin-bottom: 0px !important;
    float: left !important;
}

#macPricing .gridText {
    font-family: Helvetica !important;
    font-size: 14px !important;
    color: #000 !important;
    line-height: 18px !important;
    /*overflow: auto;
    width: 100%;
    border: 1px solid #BCBCBC;
    padding: 0.5em;*/
}

#macPricing .k-dropdown .k-input, #macPricing .k-dropdown .k-state-focused .k-input, #macPricing .k-menu .k-popup {
    font-family: Helvetica !important;
    font-size: 14px !important;
    height: 20px !important;
    width: 150px !important;
    box-shadow: none !important;
    height: 30px !important;
}

#macPricing .k-dropdown .k-dropdown-wrap {
    margin-top: -2px !important;
    border: 2px solid #bbb !important;
    border-radius: 0px !important;
    background: url("/client/assets/images/select-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 11px center !important;
    background-color: #fff !important;
    font-size: 14px !important;
    font-family: Helvetica !important;
    box-shadow: none !important;
    height: 30px !important;
}

#macPricing .k-textbox:focus, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#macPricing form.k-filter-menu .k-widget, form.k-filter-menu .k-textbox {
    display: block;
    border-radius: 0px;
    border: 2px solid #bbb !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    height: 30px !important;
}

#macPricing .k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-timepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-dropdown, .k-filter-menu .k-textbox {
    width: 13.2em;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    height: 30px !important;
}

.k-primary {
    color: #ffffff !important;
    border-color: #cc0000 !important;
    background-color: #cc0000 !important;
    border-radius: 0px !important;
}

.k-button {
    color: #ffffff !important;
    border-color: #000000;
    background-color: #000000;
    border-radius: 0px !important;
}

/*End MacAppeal*/
.removemargin {
    margin-top: -16px;
    margin-right: -2%;
}

#helpList {
    margin-top: 1%;
}

.documentlibrary svg, .documentlibraryangular svg {
    margin-top: 11px;
    float: right;
    margin-right: 1%;
}

.documentlibrary div {
    margin-right: 7%;
    width: 2%;
}

.documentlibraryangular div, .documentlibrary div {
    float: right;
    color: #000;
    padding-top: 18px;
}

.documentlibraryangular div {
    width: 8%;
    margin-right: 1%;
    font-size: 15px;
    margin-top: -2px;
}

.documentLibraryFont {
    font-family: Helvetica, Arial;
    min-width: min-content;
}

.notificationCategory {
    margin-bottom: 5px;
}

/*To do when all fonts are corrected need to remove below lines*/
pp-chain-affil, pp-ky-dispute, #frm_selfsignup label, #frm_selfsignup div, #frm_selfsignup p, #frm_selfsignup > #footer,
#adminwrapper span, #adminwrapper label, #adminwrapper div, #adminwrapper p, #adminwrapper li, #adminwrapper span {
    font-size: 15px !important;
    line-height: 25px;
}

#frm_selfsignup input[type="radio"], #frm_selfsignup input[type="radio"]::before {
    margin-bottom: 8px !important;
}

#DisclosureofInfo a, #notifications a {
    background: none;
    border: none;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    color: black;
    cursor: pointer;
    text-align: left;
}

    #DisclosureofInfo a:hover, #notifications a:hover {
        color: #767676;
        text-decoration: underline;
    }

    #DisclosureofInfo a:focus, #notifications a:focus {
        color: #000000;
        outline: 1px inset #0b64f5;
        outline-offset: 0.5px;
    }

    #DisclosureofInfo a:active, #notifications a:active {
        color: #CC0000;
        text-decoration: underline;
    }


/*CheckBox in AccountSetup*/
label.checkbox input[type="checkbox"] {
    display: none;
}

label.checkbox span {
    display: inline-block;
    border: 2px solid #000;
    border-radius: 0px;
    width: 20px;
    height: 20px;
    background: #fff;
    vertical-align: middle;
    margin: 3px;
    position: relative;
    transition: width 0.1s, height 0.1s, margin 0.1s;
}

label.checkbox :checked + span {
    background: #000;
    width: 20px;
    height: 20px;
    margin: 3px;
}

    label.checkbox :checked + span:after {
        content: '\2713';
        font-size: 15px;
        position: absolute;
        top: 2px;
        left: 4px;
        color: #fff;
    }

label.checkbox:focus {
    border: 2px solid #2a91f0;
    outline: none !important;
}

label.checkbox :disabled + span {
    background: #CCCCCC
}

.table.table-striped tr td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table.table-striped tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.p-multiselect-item span {
    height: 15px !important;
    font-weight: normal;
    font-size: 12px;
}

#macappeal .filesUploaded {
    height: 100px;
    overflow-y: auto;
    height: 100px;
    width: 74%;
    margin-bottom: 1%;
    padding: 5px;
}

.tpl-form-group .tpl-uploaded-file a {
    color: #000000;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.tpl-fileUploadInput.fileupload {
    opacity: 0;
    z-index: 999;
    position: absolute;
    margin-left: -47px;
    height: 38px;
    width: 97%;
    margin-top: 9%;
}

#macappeal .buttonRed.tpl-browse-btn {
    margin-top: 9% !important;
    margin-left: -23% !important;
}

#macappeal .invoicecost {
    width: 100% !important;
}

#macappeal #uploadInvoicesBtnContainer {
    width: 35%;
}

@media only screen and (max-width: 767px) {
    #macappeal .invoicecost {
        width: 270px !important;
    }
}

#macappeal .filesdiv {
    border: 2px solid #ccc;
    height: 100px;
    overflow-y: auto;
    height: 100px;
    width: 74%;
    margin-bottom: 1%;
    padding: 5px;
}

.tpl-form-group .tpl-uploaded-file a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
}

    .tpl-form-group .tpl-uploaded-file a img {
        margin-right: 16px;
    }

    .tpl-form-group .tpl-uploaded-file a span {
        height: auto !important;
    }

#adminwrapper .k-pager-wrap.k-grid-pager .k-i-seek-w, #adminwrapper .k-pager-wrap.k-grid-pager .k-i-seek-e, #adminwrapper .k-pager-wrap.k-grid-pager .k-i-arrow-w, #adminwrapper .k-pager-wrap.k-grid-pager .k-i-arrow-e, #adminwrapper span.k-select {
    font-size: 0px !important;
}

.font16 {
    font-size: 16px;
}

#searchDrugPopUp .modal {
    background: none;
}

.searchByDrugBtn {
    height: 40px !important;
    margin-top: 25px;
}

.macLabel {
    display: block;
    font-size: 14px;
    font-weight: bold !important;
    line-height: 18px;
    margin-right: 20px;
    float: none !important;
    margin-bottom: 0px !important;
    font-family: Helvetica, Arial;
}

.macEmailText {
    height: 34px;
    width: 80%;
}

.documentlibrary > a:focus {
    outline: 5px auto #2a91f0;
    outline-offset: -2px;
}

#topscroll:focus {
    outline: solid 2px #4A90E2;
}

.blackLinkText:focus.downloadLink {
    outline: auto;
}

@media screen and (max-width:768px) {
    #macappeal textarea {
        width: 100%;
    }

    #uploadInvoicesBtnContainer {
        padding-left: 16px;
    }
    select {
        width: auto;
    }
}