/* Minification failed. Returning unminified contents.
(714,12): run-time error CSS1038: Expected hex color, found '#black'
 */
html {
    background-color: #e2e2e2;
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

footer {
    height: auto !important;
}

a:hover {
    background-color: #c7d1d6;
}

/* TabStrip */
.k-tabstrip-left > .k-tabstrip-items > .k-item.k-state-active {
    border-right-color: #ff4350;
}

.k-tabstrip-right > .k-tabstrip-items > .k-item.k-state-active {
    border-left-color: #ff4350;
}

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
    border-bottom-color: #ff4350;
}

.k-tabstrip-bottom > .k-tabstrip-items > .k-item.k-state-active {
    border-top-color: #ff4350;
}

.k-tabstrip .k-tabstrip-items {
    padding: 0;
}

.k-tabstrip > div.k-content,
.k-panelbar .k-tabstrip > div.k-content {
    margin: 0;
}

.k-tabstrip > .k-tabstrip-items > .k-item {
    /*text-transform: uppercase;*/
    border-width: 0;
    border-style: solid;
    padding: 0;
}

.k-tabstrip-left > .k-tabstrip-items .k-loading,
.k-tabstrip-right > .k-tabstrip-items .k-loading {
    display: none;
}

.k-tabstrip-top > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-top > .k-tabstrip-items .k-state-active {
    margin-bottom: -1px;
}

.k-tabstrip-top > .k-tabstrip-items > .k-item {
    border-bottom-width: 3px;
}

.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active {
    margin-right: -3px;
}

.k-tabstrip-left > .k-tabstrip-items > .k-item {
    border-right-width: 3px;
}

.k-tabstrip-right > .k-tabstrip-items > .k-item {
    border-left-width: 3px;
}

.k-tabstrip-bottom > .k-tabstrip-items > .k-item {
    border-top-width: 3px;
}

.k-tabstrip-items .k-link {
    padding: 0.9em;
}


/* ProgressBar */
.k-progressbar {
    background: #cccccc;
    border-color: #cccccc;
}

    .k-progressbar .k-state-selected {
        background-color: #ff4350;
    }

.k-progressbar-horizontal .k-state-selected {
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    border-left-color: #e0e0e0;
    border-right-color: #e0e0e0;
}

    .k-progressbar-horizontal .k-state-selected.k-first {
        border-left-color: #ff4350;
    }

    .k-progressbar-horizontal .k-state-selected.k-last {
        border-right-color: #ff4350;
    }

.k-progressbar-vertical .k-state-selected {
    border-left-color: #ff4350;
    border-right-color: #ff4350;
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
}

.k-progressbar-vertical > .k-complete {
    border-top-color: #ff4350;
    border-bottom-color: #ff4350;
}

.k-progressbar-vertical .k-state-selected.k-first {
    border-top-color: #ff4350;
}

.k-progressbar-vertical .k-state-selected.k-last {
    border-bottom-color: #ff4350;
}

/*div.entryDiv {
    background-color: rgb(231, 241, 248);
}*/

header nav li {
    margin: 0 !important;
}

div.account-access {
    margin-left: 0px !important;
}

#body {
    clear: both;
    /*background-color: rgb(246, 246, 233);*/
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 35px;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    /*font-size: 1.2em;*/
    font-weight: 600;
    /*padding: 7px;*/
    /*margin-right: 8px;*/
    width: auto;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    /*font-size: 1.2em;*/
    /*margin: 5px 0 6px 0;*/
    padding: 5px;
    /*width: 300px;*/
}

.gridClass.gridClassTaller {
}

.referral-response-form .number-of-uploads {
    text-align: left;
}

.referral-response-form .text-warning {
    padding-left: 15px;
}

.referral-response-form input[type=file] {
    margin-left: 15px;
}

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

body {
    border-top: 0;
}

/* footer
    ----------------------------------------------------------*/
footer .float-left,
footer .float-right {
    float: none;
}

footer {
    height: auto;
    padding: 10px 0;
}

    footer p {
        margin: 0;
    }

footer {
    clear: both;
    font-size: .8em;
    height: 100px;
    /*background-color: rgb(246, 246, 233);*/
}

#scc_footer-content {
    background-color: #222;
}

div.scc_footer nav.scc_az-links {
    margin-bottom: 0 !important;
}

/*.scc_wrap {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}*/

footer {
    padding: 0 !important;
}

.scc_row scc_row-3 {
    background-color: #222 !important;
}
/*----------------------------*/
@media (min-width: 1200px) {
    .container {
        max-width: 2000px;
    }

    div#body {
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 2000px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 2000px;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 2000px;
    }
}


/*----------------Kendo Styling--------------*/

.k-grid-content.k-auto-scrollable tr:hover {
    color: #fff;
    background-color: #505253 !important;
    border: 1px solid transparent;
}

.k-widget.k-grid.gridClass.gridClassTaller.k-display-block table tr {
    color: #fff;
    background-color: #096;
    border: 1px solid transparent;
}

.k-widget.k-grid.gridClass.gridClassTaller.k-display-block table tr:hover,
.k-grid.k-grid-display-block tr:hover{
    color: #fff;
    background-color: #505253;
    border: 1px solid transparent;
}

.xbutton.paypcn-submit {
    width: 15rem;
}

.k-grid-content.k-auto-scrollable tr,
.k-grid.k-grid-display-block tbody tr {
    color: #fff;
    background-color: #096;
    border: 1px solid transparent;
}

.k-state-selected {
    color: #fff;
    background-color: #007c53;
    border: 1px solid transparent;
}

divvehiclelist#lvVehicles > div.k-state-selected {
    color: #000 !important;
    background-color: #fff !important;
    border: solid 1px #000;
    padding: 2px;
}

    .k-state-selected:visited {
        color: #fff;
        background-color: #096;
        border-color: #096;
    }

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected {
    /*background-color: #ffffff;*/
    background-image: none;
    /*color: #096;*/
}

    .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover {
        background: #fff;
        border: 1px solid #ffffff !important;
        color: #096 !important;
        background-image: none;
        background-color: #505253 !important;
    }
/**----------begin------------*/
.k-button:active:hover, .k-button.k-state-active:hover {
    color: #ffffff;
    border-color: #ef671a;
    background-color: #096;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #096;
}

.k-primary, .k-overflow-container .k-primary {
    color: #ffffff;
    border-color: #ef671a;
    background-image: none;
    background-image: none, -webkit-linear-gradient(top, #f6813f 0px, #f35a03 100%);
    background-image: none, -moz-linear-gradient(top, #f6813f 0px, #f35a03 100%);
    background-image: none, -o-linear-gradient(top, #f6813f 0px, #f35a03 100%);
    background-image: none, linear-gradient(to bottom, #f6813f 0px, #f35a03 100%);
    background-position: 50% 50%;
    background-color: #096;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-primary:hover {
        color: #ffffff;
        border-color: #ef671a;
        background-image: none;
        background-color: #096;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-primary:active {
        color: #ffffff;
        border-color: #ef671a;
        background-image: none;
        background-color: #096;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-primary.k-state-disabled, .k-state-disabled .k-primary, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:active, .k-primary.k-state-disabled:active {
        color: #fab58e;
        border-color: #ef671a;
        background-color: #096;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
/*-------------------*/

.k-pager-numbers li {
    background: none;
    padding: 0;
}

.k-button:active:hover {
    background-color: #096;
    border-collapse: #096;
    color: #fff;
}

/*.k-state-focused {
    background-color: #096;
    border-collapse: #096;
    color: #fff;
}*/

.k-button:active {
    background-color: #096;
    border-collapse: #096;
    color: #fff;
}

.k-grid td:first-child {
    text-overflow: inherit;
}

/*.k-dropdown-wrap.k-state-disabled .k-icon {
    border: 1px solid #666;
    color: #666;
}*/

.k-widget.k-dropdown {
    border: 1px solid #666;
}

.k-primary.k-button, .k-button {
    background-color: #505253 !important;
    background-image: none;
    color: #fff !important;
    border-color: #505253 !important;
}


.xbutton, .form-group input[type='submit'], .form-group button, .colButtons button,
div.contact-us-view a.govuk-button, input[type='button'], button.govuk-button, .k-primary.k-button, .k-button {
    /*width: 10em;*/
    border: 1px solid #666;
    padding: 0 12px;
    background-color: #505253 !important;
    background-image: none;
    color: #fff;
    border-color: #505253 !important;
    height: 48px;
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    white-space: nowrap;
    user-select: none;
}

div.contact-us-view a.govuk-button {
    padding: 0.75rem 1.05rem;
}


.xbutton:hover, .form-group input[type='submit']:hover, .form-group button:hover, .colButtons button:hover,
div.contact-us-view a.govuk-button:hover,
.k-primary.k-button:hover,
.k-button:hover,
input[type='button']:hover,
button.govuk-button:hover{
    background-color: #007c53 !important;
    border-color: #007c53 !important;
}

div.contact-us-view a.govuk-button:hover{
    text-decoration:unset;
}


    /*.colButtons button {
        width: 5em !important;
    }*/

/*.form-group.form-group-4c #submitVehicleChange {
    width: 13em;
}*/

.document-name-label {
    font-size: 100%;
}

.fileUpload td {
    padding-right: .5em;
}

/*.k-widget.k-window {
    width: 450px !important;
    height: 200px !important;
}*/


/*** file upload section  START ***/
input.deletefile {
    margin-left: 7px;
    padding: 4px !important;
    background-color: #EFEFEF !important;
    border: 1px solid #333 !important;
    border-radius: 3px !important;
    font-size: 16px !important;
    font-weight: 400;
    cursor: pointer;
}

input.deletefile:focus {
    outline: none;
}

input.deletefile {
    display: block;
}


/** fixes **/

form hr {
    border-color: black;
}

/** Text display   **/
.k-grid td {
    text-overflow: unset;
    white-space: pre-wrap;
    word-wrap: break-word;
}


input:focus {
    outline: none !important;
    border-color: #333 !important;
}

label{
    font-size: 16px;
    font-weight: 400;
}

th.k-header a.k-link:hover{
    background-color:unset;
}

td span{
    color: #fff !important;
}

input[type='button'].deletefile{
    height:30px !important;
}

input[type='button']:hover {
    background-color: #EFEFEF !important;
    border-color:unset !important;
}

.k-widget.k-calendar {
    background: #fff;
}

input[type='submit'] {
  border-radius: 0px;
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary:active{
    box-shadow: none !important;
}

div#grdAllCurrentPermits div.k-grid-header div.k-grid-header-wrap table colgroup > col:nth-child(4),
div#grdAllCurrentPermits div.k-grid-content table colgroup > col:nth-child(4) {
    width: 80px !important;
}

h1.scc_logo a:hover{
    text-decoration:unset;
    background-color:unset;

}

div label{
    font-weight: 600;
}

/*** VRM Grid  ***/
/*Permit application details*/
/*View Permit Details tab */
/* Change Vehicle Details tab */
#gridFavourite {
    height: auto;
}

/*VRM grid in Renewal Permit Details tab*/
#gridFavourite_tab2 {
    height: auto;
}

/*Temporary cover in View Permit Details tab*/
#tabstrip-1 #gridURNs {
    height: auto;
    width: 100%;
}

/*.gridClass {
    width: 500px;
}*/
div.divExpiryCell{
    width: 100%;
}
button#endCover_ {
    padding: 0px;
}

/* end temp cover button column */
#gridURNs table colgroup > :nth-child(4){
    width: 120px !important;
}

/***drop-down list section****/
.k-list-scroller {
    background-color: #fff;
}
.k-nodata {
    background-color: #fff;
}

.dropdown-header {
    background-color: #fff;
}


/** Change Address Details START **/
/* Address Lookup */
.k-widget.k-window {
    background-color: #fff;
}

div#windowLookup > div > div:nth-child(3) {
    height: 157px !important;
}

button#btnSelectAddress, button#btnExitSelectAddress {
    padding: 0.8rem 1rem !important;
}

.k-checkbox-label {
    font-weight:400;
    font-size: 16px;
}

table#tblFileUploadChangeAddress tbody tr > td:nth-child(1) {
    width: 32%;
}

td.file-upload-will-post {
    width: 15%;
}

div.half.address-uploads{
    width: 40%
}

div.half.address-proofs{
    width: 60%
}

#btnAddressLookup{
    margin-top: 5px;
}
/** Change Address Details END **/
/** Change Vehicle Details START **/
div.entryDiv {
    background-color: none;
}

div.tabText.tabTextHeader {
    margin-bottom: 20px;
}

/* additional vehicle application drop-down */
form#FormVehicleChange > div:nth-child(22) {
    width: 360px !important;
}

.div-vrm-input span{
    width: 100% !important;
}

#vehiclePostVRM {
    width: 80%;
}

#vehiclePostVRM span.k-combobox {
    width: 100% !important;
}

/** Change Vehicle Details END **/


/*** Replace Permit START  ***/
div.emphasis {
    background-color: #f6f6f6 !important;
    box-shadow: unset !important;
    border: 0;
    border-radius: 0px !important;
    color: #black !important;
    font-weight: 400 !important;
    width: auto !important;
}


.replace-permit-group span.k-combobox {
    width: 100% !important;
}

/*** Replace Permit END  ***/

/*** Cancel Permit START  ***/

input#AddressLine1{
    width: 100%!important;
}
/*** Cancel Permit END  ***/

/*** Apply Temp Cover START  ***/
#FormTemporaryCover div.form-group.form-group-4c.wider label.required, 
#FormTemporaryCover div.form-group.form-group-4c.wider label {
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 280px !important;
}

label#labReplacementCost {
    line-height: 1.2 !important;
}


input#StartDate,
input#EndDate {
    width: 100% !important;
}

/*** Apply Temp Cover END  ***/

/*** Renewal Permit Details START  ***/
#FormRenewPermit #tabstrip div.half{
    width: 500px;
}

label#MatrixLineNoSelected_label {
    margin-right: 15px;
}

/*Matrix Price scheme duration drop-down box*/
span.k-widget.k-combobox.k-combobox-clearable {
    width: auto;
}

/*Linear price scheme month numeric selection*/
span.k-widget.k-numerictextbox {
    width: auto !important;
}


button#Previous2, button#Next2{
    margin-top: 10px;
}

/*** Renewal Permit Details END  ***/

/*** Survey START  ***/
label.govuk-checkboxes__label{
    font-weight: 400;
}

.govuk-checkboxes__item input[type="checkbox"] {
    width: auto;
}
/*** Survey END  ***/


/** Permit Application Details **/


div.form-group.form-group-4c label{
    width: auto;
    font-weight: 600;
}

div.emphasis label {
    font-weight: 600;
}

div.form-group.form-group-4c.wider label[for="Reference"] {
    width: 160px;
}

div.application-pending-reference{
    line-height:2.5;
}



div#buttons {
    margin-top: 20px;
}

div.button-yes-no input[type=button]{
    margin-right: 10px;
}


/*** Permit Application  Progress ***/
/* T&C */
.footer-terms-conditions div.col-xs-9 {
    width: 80%;
}

div.conditions{
    margin-left: 20px;
}
.footer-terms-conditions {
    margin-top: 20px;
}

/*Permit Info*/

#divVehicleMaintenance .div-vrm-input, #divVehicleMaintenance #vehiclePostVRM {
    width: 50%;
}


#AddNewVehicle {
    margin-top: 10px;
    margin-bottom: 0px !important;
}

/*Location Street Based*/
#divLocationList div#lstAllLocations{
    border:none;
}

#PostCode {
    border-color: #333;
}

#PostCode:focus {
    outline: unset;
    border-color: #333;
}

#divAutoCompStreet{
    margin-top: 10px;
}

#divLookupPostCode label[for="PostCode"],
#divAutoCompStreet label[for="SearchStreetName"] {
    width: 100px;
}

#divLookupPostCode #PostCode {
    width: 12.4em;
}



#divLocationButtons {
    margin-top: 10px;
}
/*Address Lookup windows */
#lstStreetSelection {
    height: 130px !important;
}

div#lstStreetSelection div.k-listview-content {
    max-height: 100%;
    overflow-y: scroll;
}

button#btnStreetLookupSelect.k-button, button#btnStreetLookupCancel.k-button {
    padding: 5px 10px !important;
    margin-top: 10px;
}

/*list of streets*/
#lstStreetSelection div.locationDescription:hover {
    background-color: #007c53;
    border-color: #007c53;
}


/*** Respond Permit  ***/
.referral-response-form #ReferralReason, 
.referral-response-form #ReferralNote {
    border: none;
}

#ReferralReason{
    padding:0;
}

#ReferralNote:focus,
#ReferralResponse:focus {
    outline: none;
    border-color: #e2e2e2;
}

/*** Edit Personal Details ***/

label#SelectedCustomerTypeString_label   {
    font-weight: 400;
}

div.form-group.form-group-4c label, div.form-group.form-group-4c label.required {
    width: 300px;
}
/*** Contact Us ***/
.contact-us-view fieldset .contact-us-select-item .govuk-select {
    border: 1px solid #333;
    border-radius: 0px !important;
}

#waste-hint p{
    font-size: 16px;
}

.k-upload-button span{
    font-size: 16px;
}



h3 span {
    color: #000 !important;
    display: inline-flex;
    margin-right: 10px;
}


#profileCompleteness{
    width: 100%;
}

.k-progressbar {
    border-radius: 0px;
    width: 100%;
}

.k-progressbar .k-state-selected {
    background-color: #007c53;
    border-radius: 0;
}


#Menu {
    border-width: 0px;
}

#assStatFooter{
    margin-top: 20px;
}

/*** Buy/Use Vounchers  ***/
#submitBuyConfirm{
    margin-top: 20px;
}